/* CSS Document */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    margin: 0;
    padding: 0
}
html {
    background: #fff;
    position: relative;
    height: 100%;
    font-size:125%;
}
@media (max-width:540px) {
    html {
        background: #fff;
        position: relative;
        min-height: 100%;
        font-size:100%;
    }
}
@media (max-width:440px) {
    html {
        background: #fff;
        position: relative;
        min-height: 100%;
        font-size:87.5%;
    }
}
@media (max-width:340px) {
    html {
        background: #fff;
        position: relative;
        min-height: 100%;
        font-size:75%;
    }

}
body {
    font-size: 100%;
    color: #000;
    font-family: "Microsoft YaHei";
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    background: none;
    max-width:34rem;
    min-height:100%;
    margin:0 auto;
    padding-bottom:1.8rem;
}
form {
    display: inline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}
audio, canvas, video {
    display: inline-block;
    *display:inline;
    *zoom:1
}
button, input, select, textarea {
    font-size: 100%;
    vertical-align: middle;
    outline: none;
    font-family: "Microsoft YaHei";
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
th {
    text-align: inherit
}
img {
    border: 0;
    -ms-interpolation-mode: bicubic;
}
input, img {
    vertical-align: middle
}
ol, ul {
    list-style: none
}
em, i {
    font-style: normal
}
a {
    text-decoration: none;
    color: #333;
}
textarea {
    resize: none
}
* {
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}
.left {
    float: left;
}
.right {
    float: right;
}
.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
/* ---- header Document ---- */
.header{
    display: none;
    height:3.4rem;
    line-height:2rem;
    font-size:1.4rem;
    color:#FFF;
    width:100%;
    background:#df3031;
    text-align:center;
    padding:0.7rem 3.4rem 0;
    position:relative;}
.header a{
    color:#fff;}
.header img{
    height:2rem;}
.header a.link{
    position:absolute;
    left:0px;
    top:0px;
    width:3.4rem;
    height:3.4rem;
    text-align:center;
    line-height:3.4rem;}
.header a.link img{
    height:2rem;}
.header a.toSearch{
    position: absolute;
    top: 0px;
    right: 3.4rem;
    width: 2.4rem;
    height: 3.4rem;
    text-align: center;
    overflow: hidden;
    text-indent: -9999px;
    background: url(../images/search.png) center center / auto 50% no-repeat;
}
.header a.menu_btn{
    position:absolute;
    right:0px;
    top:0px;
    height:3.4rem;
    width:3.4rem;
    text-align:center;
    padding:1.2rem 0 0;}
.header a.menu_btn span{
    display:block;
    width:1.6rem;
    margin:0 auto 0.25rem;
    height:0.15rem;
    font-size:0px;
    line-height:0px;
    background:#FFF;
}
.navBox{
    display:none;
    position:absolute;
    left:0px;
    top:3.4rem;
    /*overflow:hidden;*/
    background:rgba(239, 239, 242, 0.95);
    border-bottom:1px solid #ededed;
    border-radius:0 0 0.2rem 0.2rem;
    box-shadow:0px 2px 5px rgba(0, 0, 0, 0.2);
    z-index:100;}
.navBox li{
    height:3.1rem;
    width:20%;
    float:left;
    line-height:3.1rem;
    text-align:center;
    font-size:1.2rem;
    color:#565656;}
.navBox li a{
    color:#565656;
    -webkit-transition: .2s all;
    transition: .2s all;}
.navBox li.active a{
    color:#df3031;
    font-size:1.6rem;}
.navBox li a:hover{
    color:#df3031;
    font-size:1.6rem;
    -webkit-transition: .2s all;
    transition: .2s all;}
#channel{	display:none;}
/* ---- menu Document ---- */
.menu{
    background:#f6f6f6;
    border-bottom:1px solid #ededed;
    overflow:hidden;
    margin-bottom:0.8rem;}
.menu li{
    height:3.1rem;
    width:20%;
    float:left;
    line-height:3.1rem;
    text-align:center;
    font-size:1.2rem;
    color:#565656;}
.menu li a{
    color:#565656;
    -webkit-transition: .2s all;
    transition: .2s all;}
.menu li.active a{
    color:#df3031;
    font-size:1.6rem;}
.menu li a:hover{
    color:#df3031;
    font-size:1.6rem;
    -webkit-transition: .2s all;
    transition: .2s all;}

/* ---- 框架 Document ---- */
.container{
    width:100%;
    padding:0 0.8rem;}
.container_all{
    width:100%;
    padding:0 0rem;}

/* ---- footer Document ---- */
.footer{
    display:none;
    border-top: 1px solid #e5e5e5;
    margin-top:2rem;
    padding-top:1rem;
    width:100%;}
.footer .link{
    height:2rem;
    line-height:2rem;
    font-size:1.1rem;
    text-align: center;
    color:#333;}
.footer .link a{
    margin:0 1.5rem;
    color:#555;}
.footer .link a.active{
    color:#df3031;}
.copyright{
    height:1.4rem;
    line-height:1.4rem;
    font-size:1rem;
    color:#999;
    text-align:center;}
/* ---- footer导航 Document ---- */
.footerNav{
    position:fixed;
    bottom:0px;
    left:50%;
    box-sizing:content-box;
    height:3.8rem;
    border-top:1px solid #e5e5e5;
    background:#f8f8f8;}
.footerNav li{
    width:20%;
    float:left;
    height:3.8rem;}
.footerNav li a{
    display:block;
    height:3.8rem;
    padding:2rem 0 0;
    line-height:1.8rem;
    text-align:center;
    font-size:1rem;
    color:#565656;}
.footerNav li a.news{
    background: url(//t.jiaodong.net/images/footer_news.png) center 0.6rem no-repeat;
    background-size:auto 1.3rem;}
.footerNav li.active a.news{
    background: url(//t.jiaodong.net/images/footer_news_on.png) center 0.6rem no-repeat;
    background-size:auto 1.3rem;
    color:#df3031;}
.footerNav li a.news:hover{
    background: url(//t.jiaodong.net/images/footer_news_on.png) center 0.6rem no-repeat;
    background-size:auto 1.3rem;
    color:#df3031;}

.footerNav li a.video{
    background: url(//t.jiaodong.net/images/footer_video.png) center 0.6rem no-repeat;
    background-size:auto 1.2rem;}
.footerNav li.active a.video{
    background: url(//t.jiaodong.net/images/footer_video_on.png) center 0.6rem no-repeat;
    background-size:auto 1.2rem;
    color:#df3031;}
.footerNav li a.video:hover{
    background: url(//t.jiaodong.net/images/footer_video_on.png) center 0.6rem no-repeat;
    background-size:auto 1.2rem;
    color:#df3031;}

.footerNav li a.minsh{
    background: url(//t.jiaodong.net/images/footer_minsh.png) center 0.6rem no-repeat;
    background-size:auto 1.5rem;}
.footerNav li.active a.minsh{
    background: url(//t.jiaodong.net/images/footer_minsh_on.png) center 0.6rem no-repeat;
    background-size:auto 1.5rem;
    color:#df3031;}
.footerNav li a.minsh:hover{
    background: url(//t.jiaodong.net/images/footer_minsh_on.png) center 0.6rem no-repeat;
    background-size:auto 1.5rem;
    color:#df3031;}

.footerNav li a.dang{
    background: url(//t.jiaodong.net/images/footer_dang.png) center 0.6rem no-repeat;
    background-size:auto 1.5rem;}
.footerNav li.active a.dang{
    background: url(//t.jiaodong.net/images/footer_dang_on.png) center 0.6rem no-repeat;
    background-size:auto 1.5rem;
    color:#df3031;}
.footerNav li a.dang:hover{
    background: url(//t.jiaodong.net/images/footer_dang_on.png) center 0.6rem no-repeat;
    background-size:auto 1.5rem;
    color:#df3031;}

.footerNav li a.fuwu{
    background: url(//t.jiaodong.net/images/footer_fuwu.png) center 0.6rem no-repeat;
    background-size:auto 1.3rem;}
.footerNav li.active a.fuwu{
    background: url(//t.jiaodong.net/images/footer_fuwu_on.png) center 0.6rem no-repeat;
    background-size:auto 1.3rem;
    color:#df3031;}
.footerNav li a.news:fuwu{
    background: url(//t.jiaodong.net/images/footer_fuwu_on.png) center 0.6rem no-repeat;
    background-size:auto 1.25rem;
    color:#df3031;}

/* ---- 返回顶部 Style ---- */
.cd-top {
    display: none;
    height:2.5rem;
    width:2.5rem;
    position: fixed;
    bottom:4.2rem;
    right: 1rem;
    border-radius:0.4rem;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.05);
    /* image replacement properties */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: rgba(0, 0, 0, 0.5) url(//t.jiaodong.net/images/cd-top-arrow.svg) no-repeat center 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.cd-top.cd-is-visible {
    /* the button becomes visible */
    visibility: visible;
    opacity: 1;
}
.cd-top.cd-fade-out {
    /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
    opacity: .5;
}
.no-touch .cd-top:hover {
    background-color: #e86256;
    opacity: 1;
}

/* ---- 胶东在线APP下载 Style ---- */
.app_download{
    position: fixed;
    bottom:0px;
    display:block;
    background:rgba(0,0,0,0.67);
    width:100%;
    height:48px;
    padding:7px 0;
    overflow:hidden;}
.app_download .download{
    padding:0px 28px 0px 8px;
    position:relative;
    height:48px;
    overflow:hidden;}
.app_download .close{
    height:20px;
    width:20px;
    line-height:20px;
    position:absolute;
    top:4px;
    right:4px;
    border:1px solid #FFF;
    border-radius:10px;
    font-size:14px;
    color:#FFF;
    text-align:center;
    background:url(../Index/images/icon_close.png) center center no-repeat;
    background-size:45%;
    overflow:hidden;
    text-indent:-9999px;}
.app_download ul{
    padding:0;
    height:48px;}
.app_download ul li{
    height:48px;
    padding:0 0px 0 56px;
    position:relative;}
.app_download ul li .app{
    height:48px;
    width:48px;
    position:absolute;
    top:0px;
    left:0px;}
.app_download ul li .app img{
    width:48px;
    height:48px;}
.app_download ul li .btn{
    position:absolute;
    top:9px;
    right:8px;
    height:28px;
    line-height:28px;
    width:72px;
    text-align:center;
    background:rgba(0,0,0,0.3);
    border:1px solid rgba(59,164,233,0.9);
    border-radius:6px;
    font-size:14px;
    color:#3ba4e9;
    text-decoration:none;}
.app_download ul li .btn:hover{
    text-decoration:none;
}
.app_download ul li h1{
    height:22px;
    line-height:22px;
    padding:2px 0 0;
    text-align:left;
    font-size:13px;
    color:#FFF;
    font-weight:normal;
    overflow:hidden;}
.app_download ul li h2{
    height:22px;
    line-height:22px;
    padding:2px 0 0;
    text-align:left;
    font-size:12px;
    color:#FFF;
    font-weight:normal;
    overflow:hidden;}