*{
	margin:0px;
	padding:0px;
}
@font-face{font-family:ElegantIcons;src:url(ElegantIcons.eot);src:url(ElegantIcons.eot?#iefix) format('embedded-opentype'),url(ElegantIcons.woff) format('woff'),url(ElegantIcons.ttf) format('truetype'),url(ElegantIcons.svg#ElegantIcons) format('svg');font-weight:400;font-style:normal;font-display:block}
@font-face {
	font-family: "HankenGrotesk";
	src: url(HankenGrotesk-Regular.eot);
	src: url(HankenGrotesk-Regular.eot?#iefix) format("embedded-opentype"), 
	url(HankenGrotesk-Regular.ttf) format("truetype");
	font-weight:600;
	font-style: normal;
}
body{
	background:#f6f6f6;
	font-family: "HankenGrotesk", "Helvetica Neue", Open Sans, Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
}
a,a:visited{
	color:#fff;
	text-decoration:none;
}
.main{
	max-width:780px;
	margin:0px auto;
	background:#ffffff;
	text-align:center;
	padding-bottom:70px;
	border-left: 2px solid #e7e7e7;
    border-right: 2px solid #e7e7e7;
}
.warnning{
	padding:10px 0px;
	font-weight:600;
	background:#ffff00;
}
.head{
	color:#ff0000;
	margin:10px 0px;
}
.head h1{
	line-height:37px;
	font-size:18px;
}
.itemBox{
	margin-top:60px;
	padding:0px 3px;
}
.itemBox .title{
	color:#000000;
	border-bottom:1px solid #dedede;
	padding-bottom: 5px;
	font-weight:600;
}
.itemBox .subTitle{
	font-size:13px;
}
.itemBox .desc{
	margin-top:10px;
	text-align:left;
	padding:3px;
	font-size:17px;
	line-height: 28px;
}
.yellow{
	background:#ffff00;
	font-weight:600;
}
.red{
	background: #bd0000;
    color: #ffffff;
    padding: 2px 10px;
	font-weight:600;
}
.connect{
	position: fixed;
    bottom: 0px;
    max-width: 780px;
    height: 40px;
    line-height: 40px;
    background: #005b23;
    left: 0px;
    right: 0px;
    margin: auto;
    text-align: center;
    color: #ffffff;
	font-size:20px;
	z-index:10000;
}
.btn{
	padding: 4px 20px;
    background: #ff0000;
    border-radius: 6px;
    margin-left: 10px;
	margin-right:10px;
}
.playerBox{
	margin-top:10px;
	position:relative;
}
.playBtn{
    border-style: solid;
    border-width: 37px 0 37px 60px;
    border-color: transparent transparent transparent #fff;
	position: absolute;
    left: 0px;
    top: 0px;
	right:0px;
	bottom:0px;
	margin:auto;
    z-index: 1;
	width:0px;
	height:0px;
}
@media screen and (max-width: 780px){
   .itemBox .title{font-size:25px;}
   .connect{font-size:20px;}
}
@media screen and (max-width: 580px){
   .itemBox .title{font-size:19px;}
   .connect{font-size:17px;}
}
@media screen and (max-width: 440px){
   .itemBox .title{font-size:15px;}
   .connect{font-size:14px;}
}
@media screen and (min-width: 780px){
    .itemBox .title{font-size:32px;}
	.connect{font-size:20px;}
}