body,
div,
ol,
ul,
h1,
h2,
h3,
h4,
h5,
h6,
p,
th,
td,
dl,
dd,
form,
iframe,
input,
textarea,
select,
label,
article,
aside,
footer,
header,
menu,
nav,
section,
time,
audio,
video {
	margin: 0;
	padding: 0
}

article,
aside,
footer,
header,
hgroup,
nav,
section,
audio,
canvas,
video {
	display: block
}

img {
	display: inline
}

b {
	font-weight: normal
}

body {
	font-size: 100%;
	font-family: Helvetica, STHeiti, Droid Sans Fallback;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

textarea {
	resize: none
}

iframe,
img {
	border: 0
}

ul,
ol {
	list-style: none
}

table {
	width: 100%;
	word-break: break-all
}

input,
select,
textarea {
	outline: 0;
	-webkit-user-modify: read-write-plaintext-only
}

input {
	-webkit-appearance: none
}

a {
	text-decoration: none
}

html {
	font-size: 85.333px
}

@media all and (min-width:360px) and (max-width:374px) {
	html {
		font-size: 96px
	}
}

@media all and (min-width:375px) and (max-width:383px) {
	html {
		font-size: 100px
	}
}

@media all and (min-width:384px) and (max-width:398px) {
	html {
		font-size: 102.4px
	}
}

@media all and (min-width:399px) and (max-width:413px) {
	html {
		font-size: 106.4px
	}
}

@media all and (min-width:414px) and (max-width:423px) {
	html {
		font-size: 110.4px
	}
}

@media all and (min-width:424px) and (max-width:479px) {
	html {
		font-size: 113.06px
	}
}

@media all and (min-width:480px) and (max-width:539px) {
	html {
		font-size: 128px
	}
}

@media all and (min-width:540px) and (max-width:568px) {
	html {
		font-size: 144px
	}
}

@media all and (min-width:569px) and (max-width:639px) {
	html {
		font-size: 151.74px
	}
}

@media all and (min-width:640px) {
	html {
		font-size: 100px
	}
}

html,
body {
	height: 100%;
	width: 100%
}

body {
	font-size: 16px
}

a:link,
a:visited,
a:active,
a:hover {
	color: #333
}

img {
	vertical-align: middle
}

.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.flex-v-center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.flex-h-center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.flex-v-h-center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.flex-v-e {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.single-line-ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.global {
	min-width: 320px;
	max-width: 640px;
	height: 100%;
	margin: 0 auto;
	color: #333
}

.header {
	position: relative;
	width: 100%;
	height: .64rem;
	display: flex;
}

.header .logo {
	position: relative;
	z-index: 10;
	display: inline-block;
	text-indent: -9999em;
	width: 1.15rem;
	height: .4rem;
	background-image: url(//tu.duoduocdn.com/logo/logo_m3x.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100%;
	margin: .02rem 0 0 .05rem
}
.time {
	width: 480px;
	/*line-height: 31px;*/
	/*text-align: right;*/
}
.img-zbblogo {
	position: relative;
	z-index: 10;
	float: left;
	margin: .02rem 0 0 .05rem;
	width: 2.1rem;
	height: .6rem
}

.img-zbblogo img {
	width: 100%
}

.logo a {
	display: block;
	margin-top:7px;
	margin-left:12px;
}



.to_simple{position: absolute;
	right: 10px;
	height: 32px;
	width: 34%;
	line-height: 45px;}

.to_simple a {
	display: block
}

.to_simple img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle
}
.to_simple span{display: flex;float: right}
/*.to_simple img{margin-top: 5px}*/
@media (max-width:600px) {
	.header {
		/*position: relative;*/
		width: 100%;
		height: 1.7rem;
		display: grid;
	}
	.to_simple{position: absolute;
		right: 11px;
		top: 9px;
		height: 32px;
		width: 34%;
		line-height: 45px;
	}
	.to_simple img{margin-top: -5px;width: 40px}
	.time {
		position: relative;
		font-size: 13px;
		width: 100%;
		line-height: 31px;
		/* margin-right: 122px; */
		/* text-align: right; */
		/* margin-top: 30px; */
		left: 27px;
	}
	.iframe{    left: -10px;
		position: relative;
	}

}
.header .global_line {
	position: absolute;
	top: 0;
	height: .44rem;
	line-height: .44rem;
	width: 100%;
	text-align: center;
	font-weight: normal
}

.header .global_sel {
	display: inline-block;
	width: auto;
	height: .28rem;
	padding: 0 .25rem;
	line-height: .28rem;
	border-radius: .28rem;
	color: #4898e6;
	border: 1px solid #4898e6;
	background: url(//static4style.duoduocdn.com/m_images/updown.png) no-repeat 60px 8px;
	background-size: .12rem auto
}

.jump {
	position: absolute;
	bottom: .03rem;
	margin: 0 .04rem 0 0;
	padding: 0 .05rem;
	display: block;
	color: #4898e6;
	height: .3rem;
	line-height: .3rem;
	text-align: center;
	border-radius: .3rem;
	right: .33rem;
	width: .3rem
}

.jump img {
	max-width: 100%;
	max-height: 100%;
	width: .25rem;
	vertical-align: top
}

.setting {
	position: absolute;
	right: 0;
	bottom: .03rem;
	margin: 0 .04rem 0 0;
	padding: 0 .05rem;
	display: block;
	height: .3rem;
	line-height: .3rem
}

.setting img {
	width: .25rem;
	vertical-align: top
}

.nav{
    width: 100%; overflow: hidden;
    /*border-top: 2px solid #317ecb;*/
    background: #fff;
    /*padding: 5px 0;*/
    margin: 0;
    /*box-shadow: 0 1px 1px rgba(0,0,0,0.6);*/
    font-weight:100;
width:88%;
}

.nav li{
    width: auto!important; line-height: 30px;
    float: left; font-size: 1.1em;
    display: inline-block; text-align: center;
	margin:0 10px 0 5px;
}

.nav_fixed {
	position: fixed;
	top: 0;
	z-index: 9
}

.nav_sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 0
}

.down_nav_fixed {
	top: 49px
}



.nav li a {
	color: #000
}


.keshi{width:100%;margin:0 auto;overflow:hidden;border:1px solid #f2f2f2;background:white;position:relative;}

.nav .current {
	background: #74b5f7
}

.nav .current a {
	color: #fafafa
}

.headline {
	overflow: hidden
}

.headline .head-title {
	padding-left: .2rem;
	height: .3rem;
	line-height: .3rem;
	font-size: .16rem;
	background: #f7f7f7
}

.headline .news-item:not(:first-child) .news-list {
	border-top: .5px solid #ebebeb
}

.headline .news-list,
.headline .lite {
	padding: 0 0 0 .03rem;
	height: .6rem;
	font-size: .16rem
}

.headline .news-list .thumbnail,
.headline .lite .thumbnail {
	width: .6rem;
	height: .4rem;
	overflow: hidden;
	background-color: #eee
}

.headline .news-list .thumbnail img,
.headline .lite .thumbnail img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.headline .news-list .li-r,
.headline .lite .li-r {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	height: .4rem;
	margin-left: .12rem
}

.headline .news-list .li-r .title,
.headline .lite .li-r .title {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	font-size: .15rem
}

.headline .lite {
	position: relative
}

.headline .lite .adv_tip {
	position: absolute;
	right: 6px;
	bottom: 5px;
	font-size: 12px;
	background: #c0c0c0;
	padding: 2px 7px;
	color: #fff
}

.shaixuan {
	text-align: center;
	background: #fff
}

.shaixuan span {
	margin: 5px 4px;
	padding: 0 11px;
	display: inline-block;
	color: #000;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 6px;
	border: 1px solid #e0e0e0
}

.shaixuan .current {
	background: #e04e4c;
	color: #fff;
	border: 1px solid #e04e4c
}

.saishi .g-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 .1rem 0 .2rem;
	height: .31rem;
	font-size: .16rem;
	background: #f7f7f7
}

.saishi .lists .item {
	padding: .07rem 0;
	text-align: center;
	font-size: .144rem;
	border-bottom: 1px solid #f2f2f2
}

.saishi .lists .item .time {
	width: 15%
}

.saishi .lists .item .team,
.saishi .lists .item .item-center {
	width: 23%
}

.saishi .lists .item .team-box {
	margin: 0 auto;
	width: .4rem;
	height: .4rem
}

.saishi .lists .item .team-box .img-logo {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain
}

.saishi .lists .item .item-center .s_name,
.saishi .lists .item .item-center .s_keywords {
	font-size: .12rem
}

.saishi .lists .item .team-name {
	margin-top: .08rem;
	line-height: 1em
}

.saishi .lists .item .remind {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	color: #e04e4c;
	font-size: .9em
}

.saishi .lists .item .remind .alarm {
	display: block
}

.saishi .lists .item .remind .alarm img {
	width: .25rem;
	height: .25rem
}

.popup .popup-bg {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 10;
	background-color: rgba(0, 0, 0, 0.5);
	-webkit-animation: fadeIn .3s;
	animation: fadeIn .3s
}

@-webkit-keyframes fadeIn {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes fadeIn {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

.popup .popup-box {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 11;
	width: 60%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.popup .popup-ent {
	margin: 0 auto;
	padding: .05rem .1rem;
	width: 100%;
	max-width: 2.8rem;
	min-width: 2.2rem;
	min-height: 2.6rem;
	background: #fff;
	border-radius: .1rem
}

.popup .popup-ent .popup-center {
	padding: .05rem .1rem;
	text-align: center
}

.popup .popup-ent .popup-title {
	padding: .2rem 0;
	font-size: .18rem;
	border-bottom: 1px solid #e2e2e2
}

.popup .popup-ent ul {
	margin: 0;
	padding-top: .15rem
}

.popup .popup-ent li {
	display: block;
	margin: .15rem 0
}

.popup .popup-ent li a {
	display: inline-block;
	width: 60%;
	height: 30px;
	line-height: 30px;
	border-radius: 15px;
	border: 1px solid #e2e2e2;
	color: #333
}

.addDesktop_iphone {
	z-index: 1390;
	-webkit-transition-property: all;
	-webkit-transition-duration: .2s;
	-webkit-transition-timing-function: linear;
	-webkit-transition-delay: initial;
	position: fixed;
	bottom: 0;
	left: 10px;
	display: none
}

.addDesktop_ipad {
	display: none
}

.addDesktop_iphone .tipPanel {
	position: relative;
	z-index: 1390;
	margin-top: 0;
	margin: 0 auto 13px;
	width: 220px;
	height: 65px;
	background: #fff;
	padding: 9px;
	color: #555;
	border: 1px solid #bbb;
	font-size: 14px;
	-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5)
}

.addDesktop_iphone .tipPanel::before {
	content: "";
	position: absolute;
	bottom: -8px;
	left: 150px;
	margin-left: -8px;
	height: 14px;
	width: 14px;
	overflow: hidden;
	background: #fff;
	-webkit-transform: rotate(45deg);
	border: 1px solid #afafaf;
	border-top: none;
	border-left: none;
	-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5)
}

.addDesktop_iphone .tipPanel::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 150px;
	margin-left: -15px;
	height: 15px;
	width: 30px;
	overflow: hidden;
	background: #fff
}

.addDesktop_iphone .webApp {
	float: left;
	margin-right: 10px;
	width: 64px;
	height: 64px;
	background-image: url("//m.zhibo8.cc/images/icon120@2x.png");
	background-size: 64px
}

.addDesktop_iphone .btnClose {
	width: 18px;
	height: 18px;
	position: absolute;
	top: 5px;
	right: 5px;
	padding: 5px
}

.addDesktop_iphone .tipCon {
	float: left;
	padding-top: 5px;
	line-height: 24px
}

.addDesktop_iphone .popCls {
	position: absolute;
	right: 5px;
	top: 12px;
	height: 4px;
	width: 18px;
	background: #c2c2c2;
	font: bold 3.25em/0 arial;
	-webkit-transform: rotate(45deg);
	border-radius: 1px
}

.addDesktop_iphone .popCls::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	height: 4px;
	width: 18px;
	overflow: hidden;
	background: #c2c2c2;
	-webkit-transform: rotate(90deg);
	border-radius: 1px
}

.addDesktop_iphone .ico_adddesktop_ios {
	background: url("//r1.ykimg.com/05100000528C6E346714C031CE066FC0");
	display: inline-block;
	height: 16px;
	width: 19px;
	margin-top: 2px;
	margin-right: 3px;
	margin-bottom: 0;
	margin-left: 3px;
	-webkit-background-size: 19px 16px;
	vertical-align: top
}

.addDesktop_iphone .ico_adddesktop_ios7 {
	background: url("//r3.ykimg.com/05100000528074156714C0316A06AC70");
	display: inline-block;
	height: 22px;
	width: 15px;
	margin-top: -2px;
	margin-right: 3px;
	margin-bottom: 0;
	margin-left: 3px;
	-webkit-background-size: 15px 22px;
	vertical-align: top
}

.footer {
	background: #f3f3f3;
	padding: 10px 0 53px 0;
	overflow: hidden;
	position: relative;
	margin-bottom:42px;
}

.footer .links {
	margin-top: 12px;
	height: 25px;
	line-height: 25px;
	color: #565e61;
	font-size: .8125em;
	text-align: left
}

.footer .links a {
	color: #95a0ac;
	margin: 0 0 0 8px;
	display: inline;
	float: left
}

.copyright {
	font-size: .5em;
	color: #707982;
	width:95%;
	margin:0 auto;
	
}

.gotop {
	width: 80px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	color: #95a0ac;
	background: #313a43;
	position: absolute;
	right: 12px;
	top: 10px
}

 .dmtop {
    background-color: #e9cb71;
    background-image: url(../images/arrow.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    z-index: 9999;
    width: 40px;
    height: 40px;
    text-indent: -99999px;
    position: fixed;
    bottom: -100px;
    right: 25px;
    cursor: pointer;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
    overflow: hidden;
}

.active{color:red!important;}

.footer_top{position:fixed;bottom:0;width:100%;height:29px;background:white;padding-top:10px;max-width:1920px;}
.footer_top li{width:33%;float:left;text-align:center;border-right:1px solid #ccc;}
.footer_top li:last-child{border-right:0;}
.footer_top li a{color:black;}

.to_simple form{width:100%;height:100%;}
.to_simple form input{width:73%;float:left;height:100%;border:0;border-radius:28px;}
.to_simple form button{height:100%;border:0;border-radius:28px;float:left;width:27%;}

@media (max-width:315px){
	.saishi iframe{height:310px!important;}
}

@media (min-width:315px) and (max-width:390px){
	.saishi iframe{height:510px!important;}
}