*{word-wrap:break-word}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
html,body{*position:static}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";font-size:12px;color: #333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale}
body{line-height:1.6;overflow-x:hidden;}
h1,h2,h3,h4,h5,h6{font-size:100%}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a{text-decoration:none;cursor: pointer}
a:hover{text-decoration:none;outline:none}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
sub,sup{vertical-align:baseline}
button,input[type="button"], input[type="submit"] {line-height:normal !important;}
/*img*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
.img-responsive{max-width: 100%;height: auto}
 a{color: #191919;-webkit-tap-highlight-color:transparent;  -webkit-touch-callout: none; -webkit-user-select: none;}
/*IE下a:hover 背景闪烁*/
/**html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}*/
/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
/*
Name:           style_clearfix
Example:        class="clearfix|cl"
Explain:        Clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题
*/
.cl:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}
*{margin: 0;padding: 0;}
html,body{width: 100%;height: 100%;min-width: 320px; max-width: 720px; margin: 0 auto;background-color: #EEEEEE;}
/*input{-webkit-appearance:none;}*/
ul li{list-style-type: none;}
em,i,small{font-style: normal;}
.fl{float: left;}
.fr{float: right;}
.none{display: none}
.block{display: block;}
.hidden{visibility: hidden;}
.border_left{border-left: 1px #eeeeee solid;}
.border_right{border-right: 1px #eeeeee solid;}
.bgColor_gray{background-color: #f5f5f5}
.bgColor_white{background-color: #fff}
.mb10{margin-bottom: 10px}
.mt10{margin-top: 10px;}
.pd5{padding: 0 5px}
.pl10{padding-left: 10px}
.pd10{padding: 10px 0;}
.pd-top-bottom-10{padding: 10px;}
.color-f28152{color:#f28152;}
.width40{width: 40px;}
.width15{width: 15px;}
/*返回按钮*/
.nav-fix{position: fixed;  height: 32px;  width: 100%;  top: 0;  z-index: 100;    height: 44px; max-width: 720px;}
.btn{
 display: inline-block;
 width: 27px;
 height: 28px;
 float: left;
 margin-top: 3px;
 position: absolute;
}
.btn img {
 width: 100%;
}
.nav-title {
 display: inline-block;
 width: 100%;
 font-size: 15px;
 color: #fff;
 text-align: center;
 font-weight: normal;
 font-size: 16px;
 line-height: 44px;
}
.nav {
 background-color: #373d41;
}
.nav-fix-1{
 background-color: #373d41;
 padding: 6px 10px;
 position: fixed;
 height: 125px;
 width: 100%;
 top: 0;
 z-index: 100;
 text-align: center;
 margin: auto;
}
.nav-fix-1 .nav-title{
 display: block;
 font-size: 15px;
 color: #fff;
 text-align: center;
 font-weight: normal;
 font-size: 52px;
 line-height: 125px;
 margin:auto;
 width:500px;
 position: absolute;
 left: 0;
 right: 0;

}
.nav-fix-1 .btn{
 width: 76px;
 height: 76px;
 position: absolute;
 left: 0;
 top: 0;
 bottom: 0;
 margin: auto;
}
.nav-fix-2{
 background-color: #373d41;
 padding: 6px 10px;
 position: fixed;
 height: 60px;
 width: 100%;
 top: 0;
 z-index: 100;
 text-align: center;
}
.nav-fix-2 .nav-title{
 display: inline-block;
 font-size: 26px;
 color: #fff;
 text-align: center;
 font-weight: normal;
 line-height: 60px;
}
.nav-fix-2 .btn{
 width: 40px;
 height:40px;
 position: absolute;
 left: 0;
 top: 0;
 bottom: 0;
 margin: auto;
}
/*.nav-title {*/
 /*display: inline-block;*/
 /*width: calc(100% - 55px);*/
 /*font-size: 15px;*/
 /*color: #fff;*/
 /*text-align: center;*/
 /*font-weight: normal;*/
 /*font-size: 28px;*/
 /*line-height: 56px;*/
/*}*/
.nav-fix-1 .icon_share{
 width: 95px;
 margin-top: 17px;
 position: absolute;
 right: 0;
}
.icon_share{
 width: 29px;
 position: absolute;
 right: 15px;
 top: 5px;
}

.share_mask {
 width: 100%;
 height: 100%;
 background-color: rgba(0,0,0,.5);
 position: fixed;
 top: 0;
 z-index: 1001;
 left: 0;
}
.nav-fix .share_content {
 width: 100%;
 background-color: #EEEEEE;
 position: fixed;
 bottom: 0;
 z-index: 1002;
 left: 0;
 padding: 9px 0;
}
.nav-fix .share_content_inner {
 display: flex;
 margin: auto;
 font-size: 12px;
}
.share_content_inner div{float: left;flex: 1;text-align: center;}
.share_content img{width: 40px;}

/*底部*/
footer.live_content{margin-bottom: 190px;min-height: 100%;}
footer .live_footer{
 background-color: #f8f8f8;
 width: 100%;
 height: 60px;
 position: fixed;
 z-index: 2;
 bottom: 0;
 max-width: 720px;
 -webkit-transform: translateZ(0);
 transform: translateZ(0);
}
footer .live_footer_inner{
 width: 100%;
 margin: 0 auto;
 font-size: 12px;
}
footer .live_footer_inner a{
 text-align: center;
 padding: 12px 0;
 height: 101px;
 position: relative;
 color: #999;
 float: left;
 width: 25%;
}
footer .live_footer_inner a .img-1{
 position: absolute;
 width: 70px;
 left: 0;
 right: 0;
 margin: auto;
 /*top: 30px;*/
 width: 20px;
}
footer .live_footer_inner a .img-2{
 position: absolute;
 left: 0;
 right: 0;
 margin: auto;
 /*top: 30px;*/
 width: 20px;
}
footer .live_footer_inner a p{
 position: absolute;
 left: 0;
 right: 0;
 margin: auto;
 bottom: 70px;
}
.live_wrap footer .live_footer_inner a .img-2,.live_wrap footer .live_footer_inner a .img-1{
 top: 13px;
}