@charset "utf-8";
@media screen and (min-width: 1024px) and (max-width: 1199px) {
.navbox { width: 96% }
#starlist li a { padding: 0 10px; }
#starlist li.menu:before { right: 0 }
.zhuanti li { width: 27% }
.searchbox { width: 96% }
.box, article { width: 96% }
.fader .slide img { height: 320px }
.links li { width: 100%; text-align: left }
.jianzhan li section { margin: 0 5px; }
.jianzhan li:nth-child(1) { width: 30% }
.jianzhan li:nth-child(3) { width: 36.3% }
}
@media screen and (max-width: 1023px) {
/*header*/
/*header { position: fixed; z-index: 999 }
nav { width: 100%; height: auto; background: rgba(0,0,0,0.5); margin-top: 18px; position: fixed; z-index: 999; top: 42px; }
.searchico { position: absolute; top: 6px; right: 10px; }
.search { width: 80% }
.navbox { width: 100% }
.searchbox { width: 100%; position: fixed; top: 50px; z-index: 99; background: rgba(0,0,0,.8); }
.logo { margin-left: 0; line-height: 56px;    float: none;    text-align: center;    margin-right: 0px; }*/
#mnavh { overflow: hidden; position: absolute; }
#mnavh { display: block; }
#starlist { display: none; width: 100%;/* top: 30px; */ }
#starlist li { width: 55%; text-align: center; background: #cf0f0f; float: none; display: block; font-weight: bold; }
#starlist li:last-child { padding-bottom: 100% }
#starlist li a { color: #fff; display: block; width: 100%; text-align: center; float: none; padding: 0; background: #cf0f0f; border-bottom: #49ccea 1px solid; }
#starlist ul.sub { display: block; position: inherit; left: inherit; top: inherit; }
#starlist ul.sub li { width: 100% }
#starlist ul.sub li:last-child { padding-bottom: 0; border-bottom: #49ccea 1px solid; }
#starlist ul.sub li a { color: #fff; font-weight: normal; border-bottom: none; }
#starlist ul.sub li a:hover, #starlist li:hover a, #starlist #selected { color: #fff; }
.menu span { display: block; width: 50px; height: 50px; background: #12b7de; opacity: 0.5; position: absolute; top: 0; right: 0; border-left: #49ccea 1px solid; }
.menu:before { right: 20px; }
/**/
.box, article { width: 96% }
article { padding-top: 80px; }
.lbox { width: 100% }
.rbox { display: none }
.qq_join li section { margin: 0 10px }
.jianzhan li section { margin: 0 5px; }
.jianzhan li:nth-child(1) { width: 30% }
.jianzhan li:nth-child(3) { width: 36.3% }
.zhuanti li { width: 27%; }
}
 @media only screen and (max-width: 768px) {
.zhuanti li { padding: 15px; }
.bplist a img { width: 96% }
.xinlu li a { padding: 5px; margin: 0 5px; }
.myblog li { width: 33.3%; }
.qq_join li section { margin: 0 5px; padding: 5px; }
.qq_join li p { margin: 10px 0; font-size: 12px }
.endnav p:last-child { text-align: center; margin-top: 20px; }
.site_tj li { width: 20% }
.hnav a { font-size: 12px }
.muban li section { margin: 0 5px; height: 260px; overflow: hidden }
.zhuanti li { width: 27.6%; padding: 8px }
}
 @media only screen and (max-width: 480px) {
.headline { width: 100% }
.headline ul { height: auto; padding-bottom: 10px; overflow: hidden }
.headline ul li { width: 49%; float: left;height:100px }
.headline ul li:last-child { float: right }
.headline ul li span { padding: 0 20px }
.banbox { width: 100% }
.fader { height: auto;padding-top: 40%; }
.newspic { width: 100%; height: auto }
.newspic li { width: 49%; float: left }
.newspic li:last-child { float: right }
.newspic li a { height: 100% }
.newslist { float: none; width: 100% }
.zhuanti ul { padding: 0 }
.zhuanti li { width: 44%; padding: 8px; }
.zhuanti ul:before { left: 0; }
.zhuanti ul:after { bottom: 0 }
.ad { padding: 5px }
.blogtitle { font-size: 16px }
.bplist { height: 60px }
.bplist a img { height: 100% }
a.viewmore { position: static; margin-top: 20px; text-align: center }
.blogpic { width: 100px; margin-right: 10px; height: 76px; }
.blogtext { margin-top: 15px }
.lanmu h1 { font-size: 18px; }
.top_pic { width: 100%; float: none; margin-bottom: 10px }
.top_box { float: none; width: 100%; }
.liucheng li, .jianzhan li:nth-child(1), .jianzhan li:nth-child(3) { width: 100%; }
.muban li section { height: auto }
.site_tj li { width: 50% }
.about { padding: 20px }
.ab_box p:last-child { width: 100%; clear: both; padding-top: 10px }
.ly_button { float: none; display: block; }
.xinlu li { width: 50% }
.myblog li, .xiangsi li { width: 50% }
.qq_join li { width: 50%; margin-bottom: 20px }
.wxbox ul { overflow: hidden; text-align: center }
.wxbox li { float: none; display: inline-block }
.wxbox { float: none }
.endnav { width: 100%; overflow: hidden; margin-top: 20px }
.endnav p { margin: 0 10px }
.price_info img { position: static }
.free li { width: 100%; margin-bottom: 10px }
.newslist li {padding: 0 10px 10px 10px;}
.newspic span { padding: 0 8px; }
.hnav { float: none; width: 100%; clear: both; display: block; overflow: hidden; display:none}
.ztpic { height: 60px; }
.zhuanti li b { -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; font-size: 14px; height: 42px; line-height: 24px; white-space: inherit; }
.bloginfo { width: 100% }
.imgscale img { height: 100%; max-width: 100%; }
.blogpic i { display: none }
.fader .slide img { height:auto; }
.otherlink li{width:100%}
.tab_buttons { overflow-x: auto;}
.tab_buttons ul { width: 600px;overflow-x: scroll;}
.tab_buttons li {margin-right: 30px;width: auto;}
.newscurrent:after{width:100%}
.con_nav{display:none}
.xiangsi li i img{min-height:80px}
.xiangsi li i{height:80px}
}



/**************************/
@media screen and (min-width: 1080px){
.header{ margin-bottom:20px;}
.header .header_nav {
    background-color: #FF4D4D;
}

.web_nav .lay-nav {
    margin: 0;
}

.header .video_nav .layui-tab {
    margin: 0;
}

.header .video_nav .layui-tab-title {
    border: none; height:50px; line-height:50px;
}

.header .video_nav a {
    color: #000000;
}

.header .web_nav .lay-nav a {
    color: rgba(255, 255, 255, .7);
}
.web_nav  .layui-tab-title li{ font-size:16px;}
.web_nav {
        width: 1200px;
        height: 60px;
        margin: 0 auto;
    }

    .web_nav .logo {
        float: left;
        height: 100%;
        margin-right: 15px;
    }

    .web_nav .layui-nav {
        float: left;
    }
	.web_nav .logo img {
    height: 100%;
}
.web_nav .lay-nav {
        height: 60px;
        line-height: 60px;
    }
	.web_nav .lay-nav .layui-tab-title {
        border: 0;
    }
	.header .web_nav .lay-nav a {
    color: #fff;
}
 .header .video_nav .layui-tab {
        width: 1200px;
        margin: 0 auto;
    }
	.video_nav{ background:#fff;}
	.web_content {
    width: 1200px;
    margin: 0 auto;
}
.hot-wrap {
    display: flex;margin-bottom: 20px;
}

.pl-wrap {
    float: left;
    width: 390px;
    margin: 7px 0;
    margin-right: 15px;
    vertical-align: top;
    overflow: hidden;
}

.pl-wrap:last-child {
    margin-right: 0;
}

.pl-wrap .wrap-body {
    background: #fff;
    padding: 10px;
}

.pl-wrap ul span {
    font-size: 13px;
    padding-right: 18px;
    color: #959595;
}

.pl-wrap li span a {
    color: #959595;
}

.pl-wrap a {
    color: #000;
    text-decoration: none;
    font-size: 14px; line-height:260%;
}

.pl-wrap ul span::after {
    content: '·';
    display: inline-block;
    margin: -2px 0 0 5px;
    position: absolute;
    font-size: 30px;
}
	
.pl-wrap .head-div{
    position: relative;
}
.pl-wrap .head-div .more{
    position: absolute;
    right: 5px;
    top: 0;
}	
.pl-wrap .wrap-head {
    width: 80px;
    margin: 2px 0 10px 0;
    height: 28px;
    line-height: 28px;
    font-size: 15px;
    text-align: center;
    border-radius: 10px;
    background: #FF4D4D;
    color: #fff;
    box-shadow: 0px 2px 4px 0px rgba(255, 77, 77, 0.3);
}
.ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.video-slash {
    display: none;
}

.shAppDL {
    position: absolute;
    right: 0px;
    width: 230px;
    height: 34px;
    background: rgba(255, 144, 61, 0.1);
    border-radius: 19px;
    top: 7px;
}

#keyboard{width: 140px;
    height: 34px;
    display: inline-block;
    border: 0;
    margin-left: 10px;
    float: left;background: transparent;font-size:14px!important;  }
	.input_submit {
    width: 76px; border:0;
    height: 28px;
    background: linear-gradient(90deg,rgba(255,122,72,1) 0%,rgba(255,147,67,1) 100%);
    box-shadow: 0px 2px 4px 0px rgba(255,120,69,0.51);
    border-radius: 19px;
    color: #fff;
    font-size: 12px;
    line-height: 28px;
    text-align: center;
    position: absolute;
    right: 2px;
    top: 3px; line-height:28px;
}



	
}	
@media screen and (max-width: 1080px){
	.web_nav .logo {
    display: block;
    height: 43px;text-align: center;
	}.web_nav .logo img{ max-width:100%;}
	.web_nav .layui-tab-title li {
    padding: 0 8px;
    min-width: 0;
}
.web_nav .logo img {
    height: 100%; display:inline-block;
}
.header .header_nav {
    background-color: #FF4D4D;
}
.web_nav .layui-tab-title li {
    padding: 0 8px;
    min-width: 0;
}
.header .web_nav .lay-nav a {
    color: #fff;
}
.header .video_nav .layui-tab {
    margin: 0;
}.header .video_nav .layui-tab-title {
    border: none;
}.video_nav .layui-tab-title li {
    padding: 0 8px;
    min-width: 0;
}.header .video_nav a {
    color: #000000;
}.web_nav {
    position: relative;
    text-align: center;
}
.web_nav .layui-tab{ margin:0;}

.web_content {
    overflow-x: hidden;
    position: relative; width:96%; margin:0 auto;
}.hot-wrap {
    display: flex;
}.pl-wrap {
    width: 100%;
    margin: 0 auto;
}.video-slash {
    display: block;
    padding: 3px 10px;
}.video-slash {
        display: block;
        padding: 3px 10px;
    }

    .pl-wrap {
        width: 100%;
        margin: 0 auto;
    }

    .video-slash a.btn {
        width: 80px;
        height: 28px;
        line-height: 28px;
        font-size: 14px;
        font-weight: normal;
        text-align: center;
        color: #FF4D4D;
        margin: 8px 8px 0 0;
        padding: 3px 8px;
        background: rgba(255, 77, 77, 0.15);
        border-radius: 14px;
        background: rgba(255, 77, 77, 0.15);
    }

    .video-slash a.btn.active {
        background: #FF4D4D;
        color: #fff;
        box-shadow: 0px 2px 4px 0px rgba(255, 77, 77, 0.3);
    }.video-2, .video-3, .wrap-head {
    display: none;
}
.pl-wrap .head-div {
    position: relative;
}
.pl-wrap .head-div .more {
    position: absolute;
    right: 5px;
    top: 0;
}
.pl-wrap a {
    color: #000;
    text-decoration: none;
    font-size: 13px;
}
.pl-wrap .wrap-body {
    background: #fff;
    padding:20px 10px 10px 10px;
}.ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}.pl-wrap a {
    color: #000;
    text-decoration: none;
    font-size: 14px; line-height:260%;
}

.video-slash {
    display: block;
    padding: 3px 10px;
}
article {
    padding-top: 20px;
}
.shAppDL{ display:none;}
}
.bloglist li{ min-height:60px;}
.bloginfo{ margin-top:0;}
.bloginfo span{ margin:0;}
.layui-tab-brief>.layui-tab-more li.layui-this:after,.layui-tab-brief>.layui-tab-title .layui-this:after {
    border: none;
    border-radius: 0;
    border-bottom: 2px solid #cf0f0f
}