@charset "utf-8";

/*!
 * @名称：base.css
 * @功能：1、重设浏览器默认样式
 *       2、设置通用原子类
 */
/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
* {
    font-family: 'Microsoft YaHei';
}

html {
    background: white;
    color: black;
}

/* 内外边距通常让各个浏览器样式的表现位置不同 */
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;
}

/* 要注意表单元素并不继承父级 font 的问题 */
body,
button,
input,
select,
textarea {
    font-size: 14px;
}

/*input,select,textarea {
    font-size:100%;
}*/
/* 去掉 table cell 的边距并让其边重合 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* ie bug：th 不继承 text-align */
th {
    text-align: inherit;
}

/* 去除默认边框 */
fieldset,
img {
    border: none;
}

/* ie6 7 8(q) bug 显示为行内表现 */
iframe {
    display: block;
}

/* 去掉 firefox 下此元素的边框 */
abbr,
acronym {
    border: none;
    font-variant: normal;
}

/* 一致的 del 样式 */
del {
    text-decoration: line-through;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
    font-style: normal;
    font-weight: 500;
}

/* 去掉列表前的标识，li 会继承 */
ol,
ul {
    list-style: none;
}

/* 对齐是排版最重要的因素，别让什么都居中 */
caption,
th {
    text-align: left;
}

/* 来自yahoo，让标题都自定义，适应多个系统应用 */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: 500;
}

q:before,
q:after {
    content: '';
}

/* 统一上标和下标 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* 让链接在 hover 状态下显示下划线 */
/*a:hover {
    text-decoration:underline;
}*/
/* 默认不显示下划线，保持页面简洁 */
ins,
a {
    text-decoration: none;
}

/* 去除 ie6 & ie7 焦点点状线 */
a:focus,
*:focus {
    outline: none;
}

a {
    color: #1a1a1a;
}

img {
    /*max-width: 100%;*/
    border: 0px;
    vertical-align: top;
    border: none;
}

input {
    border: none;
    appearance: none;
    -moz-appearance: none;
    outline: none;
    /** input标签聚焦不出现默认边框: **/
    -webkit-appearance: none;
    /** 用于IOS下移除原生样式 **/
}

button {
    border: 0;
    background-color: none;
    outline: none;
    -webkit-appearance: none;
    /** 用于IOS下移除原生样式 **/
}

select {
    border: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    /*在选择框的最右侧中间显示小箭头图片*/
    background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll right center transparent;
    padding-right: 14px;
}


/* 清除浮动 */
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
    overflow: hidden;
}

.clearfix {
    zoom: 1;
    /* for ie6 & ie7 */
}

.clear {
    clear: both;
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
}

/* 设置显示和隐藏，通常用来与 js 配合 */
.hide {
    display: none;
}

.block {
    display: block;
}

/* 设置浮动，减少浮动带来的 bug */
.fl,
.fr {
    display: inline;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

/* ---------------------------------------------------------------- */
body {
    min-width: 1280px;
    font-family: "Microsoft YaHei", Arial, Verdana, Helvetica, sans-serif;
}

.w {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;

}





/* ----------------------------header-------------------------------------------- */
.home .w a {
    padding-left: 30px;
    font-size: 16px;
    line-height: 50px;
    background: url(1913.png)left no-repeat;

}

.header {
    padding: 260px 0;
    background: url('#') center no-repeat;
    background-size: 100% 100%;
}


/* ----------------------------main-------------------------------------------- */

/* nav */

/* Radial Out */
.hvr-radial-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-radial-out:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #da000f;
    border-radius: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

/* .hvr-radial-out:hover,
.hvr-radial-out:focus,
.hvr-radial-out:active {
    color: white;
} */

.hvr-radial-out:hover:before,
/* .hvr-radial-out:focus:before, */
.hvr-radial-out:active:before {
    -webkit-transform: scale(2);
    transform: scale(2);
}

/* Underline From Center */
.hvr-underline-from-center {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
}

.hvr-underline-from-center:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 51%;
    right: 51%;
    bottom: 0;
    background: #2098D1;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-underline-from-center:hover:before,
.hvr-underline-from-center:focus:before,
.hvr-underline-from-center:active:before {
    left: 0;
    right: 0;
}

/* ------------------------------------ */
.nav-box2 {
    display: none;
}

.cur {
    background-color: #da000f !important;

}

.curs {
    background-color: #055ca9;
}

.current {
    border: 1px solid #da000f !important;
}

.nav .nav-box li,
.nav .nav-box2 li {
    float: left;
    margin: 30px 0;
    margin-right: 24px;
    border: 1px solid #055ca9;
    border-radius: 5px;
}

.nav .nav-box li:last-child,
.nav .nav-box2 li:last-child {
    margin-right: 0;
}

.nav .nav-box li a,
.nav .nav-box2 li a {
    display: block;
    margin: 2px;
    padding: 12px 27px;
    text-align: center;
    font-size: 30px;
    color: #fff;
    background: #055ca9;
    border-radius: 5px;
}

/* ----------------------------box1-------------------------------------------- */
.mobile {
    display: none;
}

.box {
    /* display: none; */
    position: relative;
    width: 7200px;
    margin: 0 auto;
}

.box .content {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin: 0 auto;

}

.box .content ul {
    width: 100%;
    height: 100%;
}

.box ul li {
    position: relative;
    float: left;
    width: 550px;
    margin-left: 50px;
    overflow: hidden;
    left: 0;
}


.box .content ul li .con-one {
    display: block;
}

.box ul li .con-one img {
    width: 100%;

}

.box .content ul li .con-two {
    display: block;
    width: 70%;
    padding-left: 10px;
    margin-top: 20px;
    font-size: 18px;
    text-align: left;

}


/* ----------------------------box2-------------------------------------------- */
.box2 .box-title {
    margin: 30px 0;
}

.box2 .box-title .more {
    display: block;
    margin: 38px 0;
    padding-bottom: 5px;
    font-size: 18px;
}

.box2 ul li {
    float: left;
    margin-right: 1.65%;
    max-width: 24%;
}

.box2 ul li:last-child {
    margin-right: 0;
}

.box2 ul li img {
    width: 100%;
}

.box2 ul li a {
    display: block;
    font-size: 18px;
    margin-top: 16px;
}


/* -----------------地方专栏、动漫反邪、反邪微剧、曲艺展播、爱的心声、反邪攻略-------------------------- */

.box2 .dfzl {
    background: url(1907.png) left no-repeat;

}

.box2 .dmfx {
    background: url(1908.png) left no-repeat;

}

.box2 .fxwj {
    background: url(1912.png) left no-repeat;

}

.box2 .qyzb {
    background: url(1919.png) left no-repeat;

}

.box2 .adxs {
    background: url(1906.png) left no-repeat;

}

.box2 .fxgl {
    background: url(1910.png) left no-repeat;

}

/* -------------------------footer--------------------------------- */
.footer {
    margin-top: 35px;
}

.footer .w {
    height: 145px;
    line-height: 145px;
    text-align: center;
    font-size: 18px;
}

.footer .w a {
    display: inline-block;
    margin-right: 20px;
}

.footer .foot-style {
    height: 15px;
    background: url('1909.png') top no-repeat;
}




/* -----------------------手机版----------------------------------- */
@media only screen and (max-width: 750px) {
    .nav-box2 {
        display: block;
    }

    .nav-box {
        display: none;
    }

    .pc {
        display: none;
    }

    .mobile {
        display: block;
    }

    html,
    body {
        width: 100%;
        min-width: 100%;
    }

    html {
        font-size: 16px;
    }

    .w {
        width: 100%;
        overflow: hidden;
    }

    .home .w a {
        padding-left: 1rem;
        background: url(1913.png)left no-repeat;
        background-size: 1rem;
        font-size: 1rem;
        line-height: 2rem;
    }

    .header {
        height: 3rem;
        padding: 2rem 0;
        background: url(1918.jpg) center no-repeat;
        background-size: 100% 100%;
    }

    .main .w {
        width: 90%;
    }

    .nav .nav-box2 {
        padding: 0 .8rem;
    }

    .nav .nav-box2 li {
        margin: .3rem .2rem;
    }

    .nav .nav-box2 li a {
        font-size: .75rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .box-none {
        display: none;
    }

    .box-block {
        display: block;
    }

    .nav .nav-box2 li a {
        padding: .7rem 1.7rem;
    }

    .nav .box {
        width: 100%;
    }

    .nav .box .content {
        width: 100%;
        height: 7.5rem;
    }

    .nav .box .content .mobile div li {
        width: 48%;
        margin: 1%;
    }

    .box ul li .con-one img {
        width: 100%;
        height: 6rem;
    }

    .box .content ul li .con-two {
        width: 100%;
        padding-left: 0;
        margin-top: .2rem;
        font-size: .34rem;
    }




    .box2 .dfzl,
    .box2 .dmfx,
    .box2 .fxwj,
    .box2 .qyzb,
    .box2 .adxs,
    .box2 .fxgl {
        background-size: 40% 70%;
    }

    .box2 .box-title .more {
        display: block;
        margin: 1rem 0;
        padding-bottom: .1rem;
        font-size: 1.3rem;
    }

    .box2 ul li {
        max-width: none;
        width: 100%;
        margin-bottom: .8rem;
        text-align: center;
    }

    .box2 ul li img {
        width: 100%;
        height: 8rem;
    }

    .box2 ul li a {
        display: block;
        overflow: hidden;
        font-size: 1rem;
        margin-top: .2rem;
        text-overflow: ellipsis;
        white-space: nowrap;
    }



    .footer .w {
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding-bottom: 0.1rem;
        text-align: center;
        line-height: 2rem;
        font-size: 1rem;
    }

    .footer .w .foot-style {
        height: 2rem;
    }

    .footer .w a,
    .footer .w span {
        display: block;
        text-align: center;
    }


}