@charset "utf-8";

/* CSS Document */


/*头部部分*/

.top-content {
    /*background-color:rgba(0, 0, 0, 0.2);*/
    /* min-width: 1288px; */
    /*background:url("//cj.expreview.com/exp_new/static/exp5/images/bgm.jpg") no-repeat top center;*/
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .bk {
        display: none;
    }
    .top-content {
        background-color: rgba(0, 0, 0, 0.5);
        /*   background:url("//cj.expreview.com/exp_new/static/exp5/images/bgm.jpg") no-repeat top center;*/
        background: linear-gradient(to top right, #926f40 0%, #3f4035 25%, #b76226 100%);
        background-size: cover;
    }
    .nav-menu a {
        color: #fff;
    }
}

input::-webkit-input-placeholder {
    color: #fff;
}

body {
    font-size: 14px;
    font-family: "微软雅黑";
    background-color: #f2f5f7!important;
    width: 100%;
    /* padding-top: 900px; */
    /*background: url(https://img.expreview.com/news/2019/09/29/101-7017.jpg) no-repeat 50% 0;*/
    /* background: url(https://img.expreview.com/js/2020newyear.png) no-repeat 50% 0; */
}

div#celebrate {
    font-size: 25px;
    padding-left: 30%;
    color: #ffefd6;
    position: absolute;
    margin-top: 15px;
    letter-spacing: 4px;
    display: none;
}

div#celebrate img {
    padding: 0 15px 0 0;
    height: 48px;
}

.bk {
    opacity: 0.6;
    filter: blur(25px);
    width: 100%;
    /* min-width: 1288px; */
    height: 1000px;
    position: absolute;
    top: -575px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    background-image: url("//img.expreview.com/news/2019/04/24/1650_rv_hi.jpg");
    background-size: cover;
    transition: all 1s;
    transform-style: preserve-3d;
    animation: lzr 25s steps(300, start) 25s infinite alternate;
}

@-webkit-keyframes lzr {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 700px;
    }
}

@keyframes lzr {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 700px;
    }
}

.head-box {
    /*background-color:rgba(36, 39, 39, 0.03);   */
    position: absolute;
    /* left: 0; */
    width: 100%;
    z-index: 9;
    /* top: 0; */
}

.head-box-f {
    background-color: #122b47;
}

.head {
    width: 100%;
    /* min-width: 1288px;*/
    margin: 0 auto;
    /* padding:18px 0 8px 0; */
    /*text-align: center;*/
}

.head .logo {
    float: left;
    padding-left: 1.2%;
    z-index: 9;
    margin-top: 20px;
}

.head .navBar {
    float: right;
    margin-top: 28px;
    padding-right: 1.2%;
    z-index: 9;
}

.head .navBar-login>li {
    float: left;
    margin-left: 22px;
}

.head .navBar-login .sHide {
    margin-top: 2px;
}

li.nav-earlier {
    margin-top: 2px;
}

.head .login {
    position: relative;
    margin-top: -12px;
}

.head .login .hidden-box {
    width: 100px;
    position: absolute;
    top: 10px;
    left: -120px;
    border: 1px solid #9e9e9e88;
    padding: 4px 28px 12px 28px;
    display: none;
    border-radius: 6px;
    z-index: 999;
    background-color: rgba(255, 255, 255, 0.92);
    box-shadow: 0 28px 50px rgba(25, 24, 40, .25);
}

.head .login .hidden-box>li {
    white-space: nowrap;
    text-align: left;
    margin-top: 5px;
    font-size: 14px;
}

.head .login .hidden-box>li a {
    color: #000;
}

.head .login .hidden-box .nr {
    padding: 0px 5px;
    background: #cc102c;
    color: #fff;
    border-radius: 4px;
}

.head .login .hidden-box>li a:hover {
    color: #fc5730;
}

.cBox li {
    text-align: center!important;
}

.head .login .user {
    position: relative;
    width: 40px;
    height: 40px;
    border: 2px solid #fff;
    border-radius: 50%;
    cursor: pointer;
}

.head .login .user img {
    width: 100%;
    border-radius: 50%;
}

.head .login .user .hd {
    position: absolute;
    top: -5px;
    right: -5px;
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #fd0534;
    border: 1px solid #ffffffdd;
    z-index: 999;
}

.head .navBar-login .s-icon {
    display: block;
    cursor: pointer;
    background-position: center center;
    width: 20px;
    height: 20px;
    margin-top: 1px;
}

input::-webkit-input-placeholder {
    color: #aaa;
}

input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #aaa;
}

input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #aaa;
}

input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #aaa;
}


/*搜索框*/

.search-nav {
    float: left;
    /*    width:58%;*/
    margin-left: calc(60% - 1000px);
    /* z-index: 99; */
}

.search-nav dl {
    padding: 15px 0px 15px 0px;
    display: none;
    text-align: center;
    width: 100%;
    position: absolute;
    left: 0px;
    z-index: 111;
    border-top: none;
    background-color: rgba(255, 255, 255, 0.96);
    box-shadow: 4px 4px 12px rgba(62, 62, 62, 0.84);
    border-radius: 0 0 9px 9px;
}

.search-nav dl dd {
    line-height: 32px;
    padding: 2px 0px;
}

.refuse a {
    pointer-events: none;
    cursor: default;
    opacity: 0.6;
}

.search-nav li {
    position: relative;
    float: left;
    line-height: 40px;
    margin-right: 3px;
    /*border: 1px solid #56565638;*/
    /*border-bottom: 0px;*/
    font-size: 16px;
    /* opacity: 0.9; */
    padding: 0px 21px;
    border-radius: 0px 0px 10px 10px;
}

.search-nav li:hover {
    background-color: #c00000;
    border-radius: 0px 0px 0px 0px;
    padding: 0px 21px;
}

.search-nav li a {
    color: #333;
    padding: 0px 21px;
}

.search-nav dl dd:hover {
    padding: 2px 0px;
    background-color: #c00000;
}

.search-nav dl dd:hover a {
    color: #fff;
}

.search-box {
    position: absolute;
    /* opacity: 0.9; */
    /* left: 38%; */
    top: 0px;
    /* z-index: 5; */
    /* width: 100%; */
    /* text-align: center; */
    height: 425px;
    background-color: #455963;
    z-index: -1;
    /* box-shadow: 0 28px 50px rgba(25,24,40,.25); */
    /* max-width: 600px; */
    /* float: right; */
    /* min-width: 600px; */
}

span.search-icon.icon-sousuo:before {
    color: #efefef;
    padding: 10px;
}

.keyw {
    /* color: #000!important; */
    padding: 5% 20px 0 0;
    width: 615px;
}

.row.searchform-wrapper {
    padding-top: 105px;
}

.keyw a {
    color: #f5f5f5;
    padding: 0 30px 0 5px;
    line-height: 235%;
}

.keyw span {
    float: left;
}

.search-content {
    padding: 16px 0 0 0;
    float: left;
    /* right: 8%; */
}

.search-box.search-hide {
    display: none;
}

.search-box {
    /*margin-top:18px;   */
}

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

.input-group .input-group-btn {
    display: block;
    float: left;
    padding-left: 15px;
    padding-top: 8px;
}

.searchform-wrapper input.input-style {
    border: none;
    border: 1px solid #fff;
    background: #fbfbfb;
    background: #fbfbfbdd;
    color: #000;
    height: 32px;
    width: 514px;
    padding-left: 12px;
    font-size: 14px;
    /* padding-bottom: 0; */
    padding-top: 0px;
    margin: 2px 0px 0 3px;
    float: left;
    border-radius: 20px;
}

.btn {
    background: transparent;
    border: none;
    cursor: pointer;
    outline: none;
}

.search-icon {
    color: #fff;
    display: block;
    background-position: center center;
    width: 20px;
    height: 20px;
}

.search-close {
    display: inline-block;
    width: 40px;
    height: 20px;
    margin-left: 10px;
}

.search-close .s-close {
    display: block;
    color: #e5e9ef;
    padding-left: 13px;
    border: 1px solid #eeeeeea1;
    width: 40px;
    border-radius: 20px;
    margin: 0 0 0 50px;
}

.search-box .seachBoxShow-animated {
    -webkit-animation: seachBoxShow 4000ms both;
    animation: seachBoxShow 4000ms both;
    animation-name: seachBoxShow;
    animation-duration: 4000ms;
    animation-timing-function: initial;
    animation-delay: initial;
    animation-iteration-count: initial;
    animation-direction: initial;
    animation-fill-mode: both;
    animation-play-state: initial;
}

.search-box .seachBoxShow-animated {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.cBlocks {
    width: 196px!important;
}

.cBlocks dd {
    float: left;
    width: 98px;
    text-align: center;
}


/*banner部分*/

.baerBox {
    max-width: 98%;
    margin: 0 auto 25px auto;
    position: relative;
    padding-top: 60px;
}


/*轮播样式ʽ*/

.baerBox .poster-main {
    position: relative;
    /* width:1288px; */
    height: 350px;
}

.baerBox .poster-main a,
.poster-main img {
    display: block;
}

.baerBox .poster-main .poster-list {
    width: 600px;
    height: 350px;
    margin-top: 5px;
}

.baerBox .poster-main .poster-list .poster-item {
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    border-radius: 6px;
    border: 1px solid #ddd;
}

.baerBox .poster-item .crIbe {
    width: 99.4%;
    text-align: center;
    position: absolute;
    left: 0.3%;
    bottom: -150px;
    font-size: 14px;
    display: block;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.4);
    transition: bottom 0.6s ease;
    padding-top: 2%;
    padding-bottom: 19%;
    border-radius: 0 0 8px 8px;
}

.baerBox .poster-main .poster-item:hover .crIbe {
    bottom: 0;
}

.baerBox .poster-item .crIbe a {
    display: inline-block;
}

.baerBox .poster-main .poster-btn {
    cursor: pointer;
    position: absolute;
    top: 46%;
    width: 32px !important;
    height: 32px !important;
    text-align: center;
    line-height: 14px;
    color: #ffffff;
    background: url("//cj.expreview.com/exp_new/static/exp5/images/btn_l.png") no-repeat center;
    /* background-color: #feb320;*/
    /*opacity: 0.2;*/
    z-index: 10;
    display: none;
}

.baerBox .poster-main .poster-next-btn {
    background: url("//cj.expreview.com/exp_new/static/exp5/images/btn_r.png") no-repeat center;
}

.baerBox .btn-box {
    display: table;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

.baerBox .index-btn {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    border: 1px solid red;
    opacity: 0;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
    cursor: pointer;
    float: left;
    width: 100%;
    height: 100%;
    color: #fff;
    margin-right: 5px;
    margin-top: 20px;
    /*-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;*/
    background-color: #fff;
}


/*.banner .poster-main .poster-prev-btn{
    left:-108px;
}
.banner .poster-main .poster-next-btn{
    right:-108px;
}*/

.baerBox .index-btn.poster-btn-active {
    width: 2px;
    border-radius: 50px;
    background-color: #fff;
}

.poster-list .poster-item .top {
    position: absolute;
    z-index: 1;
    height: 2px;
    width: 0px;
    top: 0px;
    width: 0px;
}

.poster-list .poster-item .bottom {
    position: absolute;
    z-index: 1;
    height: 2px;
    width: 0%;
    bottom: 0px;
    right: 0px;
}

.poster-list .poster-item .left {
    height: 0;
    position: absolute;
    left: 0px;
    width: 2px;
}

.poster-list .poster-item .right {
    height: 0;
    position: absolute;
    right: 0px;
    width: 2px;
    bottom: 0px;
}


/*菜单部分*/

.menu-box {
    /*background-color: rgba(20, 20, 30, 0.01);  */
}

.nav-menu {
    /*width: 1288px;*/
    max-width: 1288px;
    /*min-width: 1288px;*/
    margin: 0 auto;
    white-space: nowrap;
    padding: 0 4.2%;
}

.nav-menu a {
    color: #555;
    font-size: 16px;
    letter-spacing: 0.3px;
}

.nav-mx-s.refuse {
    display: none;
}

.menu-box dd a {
    font-size: 12px;
}

.nav-menu li {
    display: inline-block;
    /*float:left;不然white-space: nowrap;没法用*/
    /*width:22%;*/
    background: url(//cj.expreview.com/exp_new/static/exp5/images/fg.png) no-repeat right 10px;
    margin-left: 2%;
    padding-bottom: 1px;
    padding-right: 2%;
}

.nav-menu .row-1 {
    margin-left: 1px;
}

.nav-menu .row-3 {
    background-image: none;
}

.nav-menu .row-4 {
    padding-right: 0%;
    padding-left: 5%;
    margin-left: 1%;
    background: url(//img.expreview.com/news/icpr.png) no-repeat left 14px;
}

.nav-menu li:nth-child(4) {
    /*background: none;*/
}

.nav-menu li>div {
    float: left;
    margin-top: 12px;
    margin-bottom: 12px;
}

.nav-menu li>.nav-kc {
    margin-right: 0%!important;
}

.nav-menu li>div>.nav-sp-s {
    width: 56px;
    margin-left: 0;
}

.nav-menu li>div>div {
    margin-top: 12px;
    height: 18px;
    border-radius: 9px;
    line-height: 18px;
    font-size: 14px;
    margin-right: 32px;
}

.nav-menu li>div>div a:hover {
    color: #fc5730;
}

.nav-menu li>div>.nav-sp-s:hover a {
    color: #fff;
}

.nav-menu li>div .nav-kc-k {
    margin-right: 0;
}

.nav-menu li .nav-sp-s a {
    color: #fff;
    letter-spacing: 5px;
    margin-left: 3px;
}

.nav-menu li .nav-sp-s {
    position: relative;
    text-align: center;
    background-color: #ee5303;
    border-radius: 2px;
}

.nav-menu li .nav-sp {
    position: relative;
}

.nav-menu li .nav-sp dl dd>a {
    color: #000;
    display: inline-block;
    width: 47.3%;
}

.nav-menu li .nav-sp dl dd .god1 {
    margin-top: 22px;
}

.nav-menu li .nav-sp dl dd .god1,
.god2 {
    width: 100%!important;
    text-align: center;
    margin-left: 0;
    height: 32px;
    line-height: 32px;
    border-radius: 16px;
    display: block;
}

.nav-menu li .nav-sp dl dd .tagr {
    margin-left: 20px;
}

.nav-menu li .nav-sp dl dd>a:hover {
    color: #fc5730;
}

.nav-menu li .nav-sp .gods {
    width: 120px;
    height: 140px;
    padding-left: 5px;
}

.nav-menu li .nav-sp dl {
    width: 500px;
    height: 165px;
    position: absolute;
    border-radius: 6px;
    left: 0;
    font-size: 12px;
    padding-bottom: 10px;
    display: none;
    z-index: 999;
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 8px;
    border-left: 2px solid #d00202;
    background-color: rgba(255, 255, 255, 0.965);
    box-shadow: 0 28px 50px rgba(25, 24, 40, .25);
}

a.god2,
a.god1 {
    font-size: 16px!important;
}

.nav-menu li .nav-sp dl dd {
    margin-top: 12px;
    font-size: 12px;
}

.nav-menu li .nav-sp i {
    display: block;
    position: absolute;
    bottom: -4px;
    left: 5px;
    width: 8px;
    height: 5px;
    background: url(//cj.expreview.com/exp_new/static/exp5/images/dj.png) no-repeat center center;
}


/*头条新闻*/

.headNews {
    max-width: 1288px;
    /* min-width: 1288px; */
    margin: 0 auto;
    padding: 0 4.2%;
}

.headNews p {
    color: #ffffffcc;
}

.headNews img {
    /* width:100%; */
}

.headNews>div {
    float: left;
    /* width:416px; */
    margin-top: 25px;
}

.news>div {
    position: relative;
    overflow: hidden;
    border-radius: 6px;
}

.news>div img {
    opacity: 1;
    -webkit-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

.news>div:hover img {
    opacity: 0.88;
}

.news .headUp .titleBg {
    width: 100%;
    padding-top: 12px;
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    transition: background-color 0.6s ease;
}

.news .headUp:hover .titleBg {
    background-color: rgba(0, 0, 0, 0.65);
    width: 100%;
}

.news .headUp .titleS {
    width: 100%;
    margin-bottom: 18px;
}

.news .headUp .titleS span {
    display: inline-block;
    /*文本居中*/
    font-size: 18px;
    font-weight: 500;
    text-align: left;
    margin-right: 15px;
    margin-left: 15px;
}

.news .headUp .titleP {
    width: 100%;
    padding-top: 12px;
    padding-bottom: 8px;
}

.news .headUp .titleP p {
    margin-left: 15px;
    position: absolute;
    bottom: -34px;
    left: 0;
    margin-bottom: 15px;
    transition: bottom 0.6s ease;
    font-size: 12px;
}

.news .headUp:hover p {
    bottom: 0;
}

.news .headDown {
    margin-top: 18px;
}


/*中间图片*/

.news-c {
    margin-right: 19px;
    margin-left: 19px;
}

.news-c img {
    width: 100%;
    height: 487px;
}


/*第一个广告位置*/

.crossBa {
    width: 1288px;
    margin: 30px auto 0 auto;
    padding: 0 4.2%;
}

.crossBa .adl {
    float: left;
}

.crossBa .adr {
    float: right;
}


/*编辑精选*/

.editBox {
    width: 1288px;
    margin: 25px auto 0 auto;
    display: none;
}

.editTi .select {
    float: left;
    display: inline-block;
}

.editTi .select p {
    color: #888;
    font-size: 14px;
}

.editTi .select i {
    display: inline-block;
    font-size: 24px;
    margin-right: 16px;
}

.editTi .select i a {
    color: #795548;
}


/*滚动开始*/

.ed-scoll {
    position: relative;
    width: 556px;
    height: 30px;
    float: right;
    overflow: hidden;
}

.ed-scoll ul {
    position: relative;
    top: 3px;
    left: 0;
    width: 556px;
    float: right;
    color: #444;
    font-size: 14px;
    margin-top: 1px;
}

.ed-scoll ul li {
    line-height: 30px;
    padding-left: 28px;
    padding-right: 28px;
}

.ed-scoll .lt {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 8px;
    border-radius: 50%;
}

.ed-scoll .gt {
    width: 18px;
    height: 18px;
    position: absolute;
    right: 0px;
    top: 8px;
    border-radius: 50%;
}

.ed-scoll .font_inner a {
    color: #444;
}

.ed-scoll .font_inner .tm {
    color: #999;
    font-size: 12px;
    margin-left: 20px;
}

.ed-scoll .nHover:hover {
    color: #FA9101;
}


/*滚动结束*/


/*精选内容*/

.editOf {
    margin-top: 15px;
    background-color: #fff;
    border-radius: 6px;
}

.editOf .ed-ui-do {
    max-width: 990px;
    float: left;
    padding-top: 22px;
}

.editOf .ed-ui-do .edU {
    margin-left: 18px;
    padding-bottom: 2px;
    /*border-bottom: 1px solid #efefef;*/
}

.editOf .ed-ui-do .edD {
    margin: 4px 0 10px 18px;
}

.editOf .ed-ui-do ul li {
    width: 224px;
    text-align: center;
    float: left;
    padding-right: 15px;
    /*    background: url(//cj.expreview.com/exp_new/static/exp5/images/yy.jpg) no-repeat right center;*/
    margin-right: 10px;
    overflow: hidden;
    margin-bottom: 11px;
    height: 180px;
}

.editOf .ed-ui-do ul li img {
    width: 100%;
    opacity: 1;
    -webkit-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    border-radius: 4px;
}

.editOf .ed-ui-do ul li:hover img {
    opacity: 0.8;
}

.editOf .ed-ui-do ul li:hover a {
    color: #fc5730;
}

.editOf .ed-ui-do ul li.cc {
    background: none;
    margin-right: 0;
    padding-right: 0;
}

.editOf .ed-ui-do ul li span a {
    color: #000;
}

.editOf .ed-ui-do ul li span:nth-child(2) {
    display: block;
    font-size: 12px;
    text-align: left;
    margin: 6px 0px 0 0px;
    /*    height: 42px;*/
}

.editOf .ed-ui-do ul li span:nth-child(3) {
    display: block;
    font-size: 12px;
    text-align: left;
    margin: 5px 0px 0 0px;
    color: #999;
    /*height: 42px;*/
}

.editOf .ed-ui-do ul li span:nth-child(3) a {
    color: #999;
    /*height: 42px;*/
}

.editOf .ed-ui-do ul li span:nth-child(3) a:hover {
    color: #ee5303;
    /*height: 42px;*/
}

.editOf .ad-ed {
    height: 373px;
    width: 253px;
    float: right;
    text-align: left;
    margin: 21px 17px 0 0;
}


/*行业logo*/

.brand-logos {
    margin-top: 40px;
    border-top: 1px solid transparent;
    border-radius: 0 0 6px 6px;
}

.brand-logos ul {
    margin-left: 15px;
}

.brand-logos li {
    float: left;
    margin-right: 15px;
    margin-bottom: 12px;
    width: 90px;
    height: 56px;
    /*    background-color:#f5fafe;*/
    padding-left: 5px;
    padding-right: 5px;
}

.brand-logos li:nth-child(3n) {
    margin-right: 0;
}

.brand-logos img {
    opacity: 0.7;
    width: 100%;
    position: relative;
    top: 18%;
    /*偏移*/
}

.brand-logos img:hover {
    opacity: 1;
}


/*最新文章*/

.artBox {
    /* max-width: 1288px; */
    /* min-width: 1288px; */
    width: 100%;
    /* padding: 0 2%; */
    /* margin: 0px auto; */
    /* position: unset; */
}

.artTitle {
    margin: 20px auto 0;
    /* min-width: 1288px; */
    max-width: 1288px;
    padding: 0 4.2%;
}

h1.searchtitle {
    /* margin-top: 50px; */
    font-size: 35px;
    /* width: 86px; */
    height: 60px;
    color: #fff;
    line-height: 26px;
    border-radius: 2px;
    display: block;
    /* text-align: center; */
    background-color: #006f65;
    /* font-size: 16px; */
    /* border-radius: 2px; */
    /* float: left; */
    /* padding: 10px; */
    padding-top: 100px;
    /* max-width: 1288px; */
    padding-right: 425px;
    margin: 0 auto;
    text-align: center;
}

.artTitle .zx-ww {}

.artTitle .zx-ww span {
    display: inline-block;
}

.artTitle .zx-ww .z1 {
    font-size: 24px;
    margin-right: 20px;
}

.artTitle .zx-ww .z1 a {
    color: #795548;
}

.artTitle .zx-ww .z1 a:hover {
    color: #FA9101;
}

.artTitle .zx-ww .z2 a {
    color: #555;
    margin-right: 16px;
}

.artTitle .zx-ww .z2 a:hover {
    color: #FA9101;
}

.artTitle .zx-ww {
    float: left;
    margin-top: 12px;
}

.artTitle .gunBox {
    float: right;
    height: 20px;
    margin-top: 20px;
}

.artTitle .gunBox>div {
    float: left;
    width: 495px;
}

.artTitle .gunBox .btgun {
    position: relative;
    width: 100%;
}

.artTitle .gunBox span {
    position: absolute;
    display: inline-block;
    width: 18px;
    height: 18px;
    top: -20px;
}

.artTitle .gunBox #btn1 {
    left: -30px;
    border-radius: 50%;
}

.artTitle .gunBox #btn2 {
    right: 0px;
    border-radius: 50%;
}

a.tm {
    margin-left: 20px;
}

.scrollDiv {
    height: 20px;
    overflow: hidden;
    margin-right: 24px;
    margin-bottom: 2px;
}

.scrollDiv li a {
    color: #555;
    font-size: 14px;
}

.scrollDiv li:hover .hov {
    color: #FA9101;
}

.artTitle .gunBox .btgun {
    margin-top: 0px;
}

.scrollDiv li .time {
    margin-left: 20px;
    font-size: 12px;
    color: #999;
}


/*wenzhang 内容部分*/

.artNews .newsBox {
    float: left;
}

.artNews .column {
    float: right;
    width: 360px;
    /* margin-top: 19px; */
    /* display: unset; */
    /* background-color: #fff;
    padding-bottom: 10px;
    border-radius: 6px;
    margin-top: 29px;*/
}

.artNews .newsBox {
    width: 900px;
    max-width: 1200px;
    margin: 0;
}

.artNews .newsBox .thirdAd {
    width: 888px;
    /*    height:120px;*/
    margin-bottom: 30px;
    border-radius: 6px;
}

.artNews .newsBox>div {
    margin-top: 20px;
}


/*评测*/

.newsBox .testNews {
    width: 100%;
    background-color: #fff;
    margin-bottom: 30px;
    border-radius: 6px;
    border-bottom: 7px solid #de1809;
}

.testNews .title-img {
    background-color: #ecedef;
    min-height: 200px;
    overflow: hidden;
    position: relative;
}

.testNews .title-img .testBt {
    position: absolute;
    top: 0;
    left: 0;
}

.testNews .title-img .testImg {
    text-align: center;
    /* background: url(//cj.expreview.com/exp_new/static/exp5/images/click.png) no-repeat top center;*/
}

.testNews .title-img .testImg img {
    opacity: 1;
    -webkit-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    border-radius: 6px 6px 0 0 !important;
    width: 100%;
}

.testBg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}

.newsBox .testNews:hover img {
    opacity: 0.92;
}

.testNews .title-img .testBt span {
    width: 56px;
    height: 23px;
    border-radius: 11px;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    background-color: #f25b08;
    color: #fff;
    display: block;
    margin-left: 15px;
    margin-top: 20px;
}

.testNews .title-img .testBt h1 {
    font-size: 22px;
    line-height: 38px;
    width: 100%;
    color: #fff;
    display: block;
    margin-left: 30px;
    margin-right: 15px;
    margin-top: 47px;
    display: none;
}

.testNews .title-img .testBt h1:hover a {
    color: #ee5303;
}

.testNews .testJj {
    margin: 20px 15px 0 15px;
}

.testNews .testJj p {
    font-size: 16px;
    line-height: 200%;
    letter-spacing: 0.5px;
    margin: 0 12px;
}

.testNews .testJj h1 {
    font-size: 22px;
    line-height: 38px;
    color: #000;
    display: block;
    margin-bottom: 10px;
}

.testNews .testJj h1 a {
    color: #000;
}

h1 a {
    color: #555;
}

.testNews .testJj h1 a:hover {
    color: #ee5303;
}

.testNews .testJj .test-db {
    margin: 25px 30px 0 12px;
    padding-bottom: 15px;
}

.testNews .testJj .test-db span.bj {
    height: 28px;
    display: block;
    line-height: 28px;
    float: left;
}

.testNews .testJj .test-db span.bj img {
    width: 28px;
    height: 28px;
    border-radius: 50%;
}

.testNews .testJj .test-db span.ii {
    display: block;
    float: right;
}

.testNews .testJj .test-db span.ii i {
    display: inline-block;
}


/*.testNews .testJj .test-db span.ii .sc{
    width:16px;
    height:16px;
    padding-left:18px;
    background:url(//cj.expreview.com/exp_new/static/exp5/images/i01.png) no-repeat left center;  
}
.testNews .testJj .test-db span.ii .sc{}*/

.testNews .testJj .test-db span.ii .pl {
    margin-top: 7px;
    margin-left: 20px;
    padding-left: 18px;
    color: #a1a1a1;
    font-size: 18px;
}

.testNews .testJj .test-db h4 {
    font-weight: normal;
    line-height: 28px;
    margin-left: 10px;
}

.testNews .testJj .test-db a {
    float: left;
    display: inline-block;
    color: #a1a1a1;
    font-size: 14px;
    margin-left: 2px;
}


/*新闻*/

.newsBox .listNews {
    width: 100%;
    background-color: #fff;
    margin-bottom: 30px;
    /*box-shadow: 0 1px 2px rgba(46,61,73,.08); **/
    border-radius: 6px;
}

.listNews .list-img {
    max-height: 300px;
    overflow: hidden;
    position: relative;
    /*background-color: #fafafa;*/
}

.listNews .list-img .listBt {
    position: absolute;
    top: 0;
    left: 0;
}

.listNews .list-img .listImg {
    text-align: center;
}

.listNews .list-img .listImg img {
    opacity: 1;
    -webkit-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    border-radius: 6px;
    min-height: 5px;
    width: 100%;
}

.newsBox .listNews:hover img {
    opacity: 0.92;
}

.listNews .list-img .listBt span {
    width: 56px;
    height: 23px;
    border-radius: 11px;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    background-color: #00BCD4;
    color: #fff;
    display: block;
    margin-left: 15px;
    margin-top: 20px;
}

.listNews .listJj h1 {
    font-size: 22px;
    line-height: 38px;
    color: #000;
    display: block;
    margin-bottom: 10px;
}

.listNews .listJj h1 a {
    color: #000;
}

.listNews .listJj h1 a:hover {
    color: #ee5303;
}

.listNews .listJj {
    margin: 20px 15px 0 15px;
}

.listNews .listJj p {
    font-size: 16px;
    line-height: 200%;
    letter-spacing: 0.5px;
    margin: 5px 12px 15px 12px;
}

.listNews .listJj .list-db {
    margin: 25px 30px 0px 12px;
    padding-bottom: 20px;
}

.newsBox span.bj {
    height: 28px;
    display: block;
    line-height: 28px;
    float: left;
    margin-top: -2px;
}

.listNews .listJj .list-db span.bj img {
    width: 28px;
    height: 28px;
    border-radius: 50%;
}

.listNews .listJj .list-db span.ii {
    display: block;
    float: right;
}

.listNews .listJj .list-db span.ii i {
    display: inline-block;
}


/*.newsBox span.ii .sc{
    width:16px;
    height:16px;*/


/*    padding-left:18px;*/


/*    background:url(//cj.expreview.com/exp_new/static/exp5/images/i01.png) no-repeat left center;  
}*/


/*.newsBox span.ii .sc a{
    width: 16px;
    height: 16px;
    background: url(//cj.expreview.com/exp_new/static/exp5/images/i01.png) no-repeat left -2px;
}*/

.listNews .listJj .list-db span.ii .pl {
    margin-top: 4px;
    margin-left: 20px;
    padding-left: 20px;
    color: #a1a1a1;
    font-size: 18px;
}

.listNews .listJj .list-db h4 {
    font-weight: normal;
    line-height: 28px;
    margin-left: 10px;
}

.listNews .listJj .list-db a {
    float: left;
    display: inline-block;
    color: #a1a1a1;
    font-size: 14px;
    margin-left: 2px;
}


/*视频*/

.newsBox .videoNews {
    width: 100%;
    background-color: #fff;
    border: 1px solid #fff;
    margin-bottom: 30px;
    border-radius: 6px;
    overflow: hidden;
}

.videoNews .video-img {
    height: 616px;
    overflow: hidden;
    position: relative;
    background-color: #fafafa;
}

.videoNews .video-img .videoBt {
    position: absolute;
    top: 42%;
    left: 45%;
    z-index: 99;
}

.videoNews .video-img .videoBt1 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    display: none;
}

.videoNews .video-img .videoImg {
    text-align: center;
}

.videoNews .video-img .videoBt span {
    width: 102px;
    height: 102px;
    background: url(//cj.expreview.com/exp_new/static/exp5/images/bf.png) no-repeat center center;
    display: none;
}

.videoNews .videoJj h1 {
    font-size: 22px;
    line-height: 38px;
    color: #000;
    display: block;
    margin-bottom: 10px;
}

.videoNews .videoJj h1 a {
    color: #000;
}

.videoNews .videoJj h1 a:hover {
    color: #ee5303;
}

.videoNews .videoJj {
    margin: 20px 15px 0 15px;
}

.videoNews .videoJj p {
    font-size: 16px;
    line-height: 200%;
    margin: 0 12px;
    letter-spacing: 0.5px;
}

.videoNews .videoJj .video-db {
    margin: 25px 30px 0 12px;
    padding-bottom: 20px;
}

.videoNews .videoJj .video-db span.bj {
    height: 28px;
    display: block;
    line-height: 28px;
    float: left;
}

.videoNews .videoJj .video-db span.bj img {
    width: 28px;
    height: 28px;
    border-radius: 50%;
}

.videoNews .videoJj .video-db span.ii {
    display: block;
    float: right;
}

.videoNews .videoJj .video-db span.ii i {
    display: inline-block;
}


/*.videoNews .videoJj .video-db span.ii .sc{
    padding-left:18px;
    background:url(//cj.expreview.com/exp_new/static/exp5/images/i01.png) no-repeat left center;  
}*/

.videoNews .videoJj .video-db span.ii .pl {
    margin-top: 4px;
    margin-left: 20px;
    padding-left: 18px;
    color: #a1a1a1;
    font-size: 18px;
}

.videoNews .videoJj .video-db h4 {
    font-weight: normal;
    line-height: 28px;
    margin-left: 10px;
}

.videoNews .videoJj .video-db a {
    float: left;
    display: inline-block;
    color: #a1a1a1;
    font-size: 14px;
    margin-left: 2px;
}

.newsBox .load {
    display: block;
    width: 220px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 25px;
    background-color: #fff;
    font-size: 18px;
    cursor: pointer;
    margin-left: 35%;
    margin-top: 55px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    position: relative;
}

.newsBox .load:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 25px;
    left: 0;
    top: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

.newsBox .load:hover::after {
    background-color: rgba(16, 16, 16, 0.1);
}

.newsBox .load:hover:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}


/*右边栏目*/

.column {
    margin-top: 0px;
}

.column .colbaba dd {
    margin-top: 19px;
}


/*主要栏目*/

.columnBox {
    /* background-color: #fff; */
    padding-bottom: 10px;
    border-radius: 6px;
    margin-top: 20px;
}


/*每月最佳*/

.columnBox .monthly {
    width: 331px;
    margin: 30px 15px 0 15px;
    padding-top: 1px;
}

.columnBox .monthly span {
    /* width:86px; */
    /* height:26px; */
    /* color:#fff; */
    /* line-height: 26px; */
    /* border-radius: 2px; */
    /* display:block; */
    /* text-align: center; */
    /* background-color: #795548; */
    /* font-size: 16px; */
    /* border-radius: 2px; */
    width: 86px;
    /* height: 26px; */
    color: #222;
    /* line-height: 26px; */
    border-radius: 2px;
    display: block;
    text-align: center;
    border-left: 3px solid #00a1d6;
    font-weight: 700;
    /* background-color: #795548; */
    font-size: 16px;
    /* border-radius: 2px; */
}

.columnBox .monthly .monList {
    margin-top: 20px;
    background: url(//cj.expreview.com/exp_new/static/exp5/images/ybm.jpg) no-repeat top center;
    background-size: 100% 100%;
    position: relative;
    padding-bottom: 20px;
    text-align: center;
    border-radius: 4px;
}

.columnBox .monthly .monList img {
    width: 100%;
    /*margin-top:20px;*/
    margin-bottom: 15px;
    border-radius: 4px;
}

.columnBox .monthly .monList a {
    color: #000;
}

.columnBox .monthly .monList li {
    width: 88px;
    height: 28px;
    border-radius: 2px;
    border: 1px solid #c7d4db;
    line-height: 28px;
    text-align: center;
    float: left;
    margin: 15px 1px 3px 15px;
    bottom: 30px;
    border-radius: 4px;
}

.columnBox .monthly .monList li:hover {
    border: 1px solid #ee5303;
}

.columnBox .monthly .monList li:hover a {
    color: #ee5303;
}


/*预告栏*/

.noticeBar {
    width: 333px;
    margin: 40px 15px 0 15px;
}

.noticeBar li a {
    color: #000;
}

.noticeBar .yg {
    /* width:86px; */
    /* height:26px; */
    /* color:#fff; */
    /* line-height: 26px; */
    /* border-radius: 2px; */
    /* display:block; */
    /* text-align: center; */
    /* background-color: #795548; */
    /* font-size: 16px; */
    width: 86px;
    /* height: 26px; */
    color: #222;
    /* line-height: 26px; */
    border-radius: 2px;
    display: block;
    text-align: center;
    border-left: 3px solid #00a1d6;
    font-weight: 700;
    /* background-color: #795548; */
    font-size: 16px;
    /* border-radius: 2px; */
}

.columnBox .noticeBar .scrollBar {
    margin-top: 30px;
}

.columnBox .noticeBar .scrollBar {
    height: 344px;
    overflow: hidden;
}

.columnBox .noticeBar .scrollBar li {
    margin-bottom: 15px;
    padding-bottom: 8px;
    border-bottom: 1px solid #eee;
}

.columnBox .noticeBar .scrollBar .green i {
    background-color: #008000;
}

.columnBox .noticeBar .scrollBar i {
    float: left;
    display: block;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background-color: #0d75ad;
    color: #fff;
    font-size: 12px;
    border-radius: 50%;
}

.columnBox .noticeBar .scrollBar .co {
    float: left;
    margin: 2px 0 0 10px;
}

.columnBox .noticeBar .scrollBar .co h5 {
    font-weight: normal;
    color: #8a8a8a;
    font-size: 12px;
    margin-bottom: 6px;
}

.columnBox .noticeBar .scrollBar .co p {
    color: #444;
    font-size: 14px;
}

.columnBox .noticeBar .scrollBar li:hover p {
    color: #fc5730;
}

.columnBox .noticeBar .btbar {
    margin: 20px 0px 10px 120px;
}

.columnBox .noticeBar .btbar span {
    display: inline-block;
    width: 18px;
    height: 18px;
}

.columnBox .noticeBar .btbar #no1 {
    border-radius: 50%;
}

.columnBox .noticeBar .btbar #no2 {
    margin-left: 30px;
    border-radius: 50%;
}


/*热门聚合*/

.popular {
    width: 331px;
    margin: 0px 15px 0 15px;
    /*padding-top:20px;*/
}

.popular ul li a {
    color: #333;
}

.popular ul li a:hover {
    color: #fc5730;
}

.popular .rh {
    width: 86px;
    /* height:26px; */
    color: #222;
    /* line-height: 26px; */
    border-radius: 2px;
    display: block;
    text-align: center;
    border-left: 3px solid #00a1d6;
    font-weight: 700;
    /* background-color: #795548; */
    font-size: 16px;
    /* border-radius: 2px; */
}

.popular .popu_nav {
    margin-top: 20px;
}

.popular .popu_nav ul {}

.popular .popu_nav li {
    width: 100%;
    /* background-color: #f7f7f7; */
}

.popular .popu_nav li:nth-child(2n) {
    background-color: #d0d0d036;
    /* border-bottom: 1px solid #e2e2e2; */
    /* border-top: 1px solid #e2e2e2; */
}

.popular .popu_nav li span {
    display: inline-block;
    /*width:49%;*/
    height: 42px;
    line-height: 42px;
    text-align: center;
    padding-left: 4%;
    padding-right: 5%;
}

.popular .more {
    margin: 15px 0 0 260px;
}

.popular .more span {
    display: block;
    width: 60px;
    height: 24px;
    color: #333;
    border-radius: 26px;
    line-height: 24px;
    text-align: center;
    background-color: #9e9e9e44;
    cursor: pointer;
}


/*精彩视频*/

.videoBox {
    width: 331px;
    margin: 40px 15px 0 15px;
}

.videoBox .jc {
    width: 86px;
    /* height:26px; */
    color: #222;
    /* line-height: 26px; */
    border-radius: 2px;
    display: block;
    text-align: center;
    border-left: 3px solid #00a1d6;
    font-weight: 700;
    /* background-color: #795548; */
    font-size: 16px;
}

.videoBox li {
    position: relative;
    width: 100%;
    height: 120px;
    overflow: hidden;
    margin-top: 20px;
    border-radius: 4px;
}

.videoBox li img {
    width: 100%;
}

.videoBox li .bgt {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.35)!important;
    /*   background:url(//cj.expreview.com/exp_new/static/exp5/images/sbf.png) no-repeat center 20%;*/
}

.videoBox li .bgt a {
    color: #fff;
}

.videoBox li .bgt p {
    width: 91.2%;
    margin: 70px 15px 10px 15px;
}

.videoBox li:hover a {
    color: #fdc502;
}


/*文章*/


/*文章*/

.tabBox {
    width: 331px;
    margin: 40px 15px 20px 15px;
}

.tabBox li a {
    color: #000;
}

.divBox .rr {
    float: left;
    /* font-weight: bold; */
    /* font-size: 16px; */
    width: 86px;
    /* height: 26px; */
    color: #222;
    /* line-height: 26px; */
    border-radius: 2px;
    display: block;
    text-align: center;
    border-left: 3px solid #00a1d6;
    font-weight: 700;
    /* background-color: #795548; */
    font-size: 16px;
    margin-right: 10px;
    /* border-radius: 2px; */
}

.tabBox .tabs {
    margin: 0 0 0 88px;
}

.tabBox .tabs li {
    float: left;
    width: 50px;
    height: 22px;
    line-height: 22px;
    margin: 0 8px;
    text-align: center;
}

.tabBox .tabs .current {
    display: block;
    /* background-color: #795548; */
    color: #0a0a0a!important;
    border-radius: 27px;
    border: 1px solid #9E9E9E;
}

.tabBox .contentx {
    margin-top: 30px;
    margin-bottom: 50px;
}

.tabBox .contentx dd {
    padding-bottom: 5px;
    font-size: 13px;
    margin: 15px 0 15px 0;
    border-bottom: 1px dashed #9e9e9e44;
    line-height: 23px;
    padding: 0 3px 0 3px;
}

.tabBox .contentx dd a {
    color: #333;
}

.tabBox .contentx dd:hover a {
    color: #cc1c20;
}

.icpBOX {
    background-color: #1f1d27;
    height: 50px;
}

.icpBOX .icp {
    width: 1288px;
    margin: 0 auto;
    text-align: center;
    opacity: 0.6;
}

.icpBOX .icp i {
    line-height: 50px;
    display: inline-block;
    color: #fff;
    font-size: 12px;
}

.icpBOX .icp b {
    font-size: 12px;
    font-weight: 100;
    font-style: normal;
    display: inline-block;
}


/*回到顶部*/

.topBox {
    position: fixed;
    bottom: 78px;
    right: 12px;
    /* border-radius: 50%; */
    cursor: pointer;
    z-index: 999;
}


/*回到新闻*/

.downBox {
    position: fixed;
    top: 610px;
    right: 50px;
    z-index: 999;
    cursor: pointer;
    display: none;
}

.downBox .tis {
    color: #fff;
    text-align: center;
    line-height: 20px;
    position: absolute;
    top: -62px;
    left: -30px;
    width: 100px;
    height: 50px;
    border-radius: 4px;
    background-color: rgba(20, 20, 20, 0.8);
    display: block;
    opacity: 0;
    padding-top: 10px;
    transition: opacity .2s linear;
}

.downBox:hover .tis {
    opacity: 1;
}

.testJj p a {
    color: #333!important;
}


/*新页脚*/

footer {
    margin-top: 100px;
    width: 100%;
    background-color: #1c1f21ed;
}

footer .ft-info {
    background-color: #181d1f;
    /* min-width:1288px; */
    margin: 0 auto;
    text-align: center;
}

footer .ft-info .flogo {
    padding-top: 30px;
    display: block;
    width: 100%;
    text-align: center;
}

footer .ft-info ul {
    margin-top: 30px;
    margin-bottom: 25px;
    /*    margin-left:31.6%;*/
}

footer .ft-info ul li {
    /*float:left;*/
    display: inline-block;
    margin-left: 40px;
}

footer .ft-info ul li:nth-child(1) {
    margin-left: 0;
}

footer .ft-info ul .siti {
    position: relative;
}

footer .ft-info ul .siti .ewm {
    background: url(//cj.expreview.com/exp_new/static/exp5/images/dj.png) no-repeat 12px bottom;
    padding-bottom: 5px;
    position: absolute;
    left: 0px;
    top: -170px;
    display: none;
    height: 160px;
    width: 280px;
}

footer .ft-info ul .siti .ewm img {
    border: 10px solid #fff;
}

footer .ft-info ul .siti:hover .ewm {
    display: block;
}

footer .ft-ab {
    display: block;
    color: #999;
    margin-top: 16px;
}

footer .ft-ab a {
    color: #999;
    padding: 14px;
}

footer p {
    margin-top: 40px;
    padding-bottom: 10px;
    padding-top: 7px;
    font-size: 12px;
    /* height: 105px; */
    vertical-align: middle;
    background: #000c;
    color: #999;
}

footer p i {
    display: inline-block;
    background: url(//cj.expreview.com/exp_new/static/exp5/images/ga.png) no-repeat center center;
    width: 20px;
    height: 20px;
}

footer p a {
    color: #999;
    font-size: 12px;
    margin-top: 40px;
}

.artNews p a {
    color: #369;
}

.artNews h1 {
    margin-left: 12px;
}

.tabBox dl dd i {
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 1px solid #999;
    margin-right: 10px;
}

.tabBox dl dd:nth-child(1) i {
    border: 1px solid red;
    color: red;
}

.tabBox dl dd:nth-child(2) i {
    border: 1px solid red;
    color: red;
}

.tabBox dl dd:nth-child(3) i {
    border: 1px solid red;
    color: red;
}


/*固定导航*/

.search-nav-box {
    display: none;
}


/*.headFix{
    position:fixed;
    z-index: 9999;
    width:100%;
    top:0px;
    background-color:rgba(255, 255, 255, 0.96)!important;
    box-shadow: 0 28px 50px rgba(25,24,40,.15);
    transition: all .5s ease;
}
.headFix .head{
    padding:10px 0;
}*/


/*.headFix2{
    position:fixed;
    z-index: 9999;
    width:100%;
    top:0px;
    background-color:rgba(255, 255, 255, 0.96)!important;
    box-shadow: 0 28px 50px rgba(25,24,40,.15);
    transition: all .5s ease;
}*/

.headFix .search-icon {
    background-image: url(//cj.expreview.com/exp_new/static/exp5/images/search.png);
}


/*固定导航结束*/


/*---------------*/


/***** Oscar *****/


/*---------------*/

bsub {
    font-size: 18px;
}

.effect-oscar:hover bsub {
    font-size: 22px;
    color: #fff!important;
}

.effect-oscar:hover ssub {
    line-height: 240%;
}

ssub {
    font-size: 16px;
    color: #efefef77;
    line-height: 222%;
}

.effect-oscar {
    position: relative;
    /* background-color: #000; */
    /*background: -webkit-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);
    background: linear-gradient(45deg, #22682a 0%,#9b4a1b 40%,#3a342a 100%);*/
}

.effect-oscar img {
    opacity: 1;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
}

.effect-oscar figcaption {
    position: absolute;
    /*top:139px;*/
    bottom: 18px;
    width: 52%;
    /* line-height: 416%; */
    left: -128px;
}

.effect-oscar figcaption::before {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    /*  border: 1px solid #fff; */
    content: '';
}

.effect-oscar figcaption {
    position: absolute;
}

.effectOs figcaption {
    /*top:381px;*/
    bottom: 40px;
    width: 70%;
    left: -20%;
}

#sub0 bsub {
    font-size: 26px;
}

#sub0 ssub {
    line-height: 270%;
}

.effect-oscar h2 {
    font-size: 18px;
    font-weight: normal;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(150px, 0, 0);
    /* text-shadow: 2px 2px 20px #333; */
}

.effect-oscar figcaption::before,
.effect-oscar p {
    opacity: 0;
    /*     margin-left:40px; */
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.effect-oscar:hover h2 {
    margin: 0px 10px 20px 10px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    font-size: 17px;
}

.effect-oscar:hover figcaption::before,
.effect-oscar:hover p {
    margin: 10px 10px 5px 10px;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.effect-oscar:hover figcaption {
    bottom: 12%!important;
    left: 15%!important;
    width: 70%;
}

.effectOs:hover figcaption {
    bottom: 16%!important;
    left: 15%!important;
    width: 70%;
}

.effectOs:hover h2 {
    font-size: 17px;
}

.effect-oscar:hover img {
    opacity: 0;
}

.baerBox .poster-main a,
.poster-main img:hover {
    opacity: 1;
}

a img:hover {
    filter: brightness(111%);
}

img:hover {
    filter: brightness(111%);
}

ul.poster-list img:hover {
    filter: unset;
}


/*侧边菜单*/

.quickBox {
    position: fixed;
    bottom: 152px;
    right: 13px;
    cursor: pointer;
    z-index: 999;
}

.quickBox .quickHide {
    position: absolute;
    top: -166px;
    left: -76px;
    width: 80px;
    /*    height:50px;*/
    /*border-radius: 3px;*/
    padding: 10px;
    background-color: #fff;
    display: none;
    /*border: 1px solid #9e9e9e88;*/
    z-index: 999;
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0 28px 50px rgba(25, 24, 40, .25);
    border-radius: 5px;
}

.quickBox .fast {
    color: #333;
    text-align: center;
    line-height: 18px;
    margin-bottom: 4px;
    margin-top: 4px;
    display: block;
    /*    opacity:1;*/
    padding-top: 3px;
    padding-bottom: 3px;
    transition: opacity .2s linear;
    cursor: pointer;
    display: block;
}

.quickBox .fast a {
    color: #333;
}

.quickBox .fast a:hover {
    color: #fc5730;
}

.quickBox:hover .quickHide {
    opacity: 1;
}

li.green.clearfix {
    /* background-color: red; */
    border: solid 0px #DDF0DD;
    background-color: #ebffeb00;
}

.gallery {
    text-align: center;
    margin-bottom: 15px;
}


/*.gallery a{
    display:inline-block;
    position: relative;
    padding:1px;
}
*/


/*.gallery b{
            width:32px;
            height:32px;
            background:url(//cj.expreview.com/exp_new/static/exp5/images/large.png) no-repeat center;
            display:block;
            font-weight: normal;
            position:absolute;
            bottom:10px;
            left:10px;        
 } */

.gallery img {
    /*width:100%;*/
    border-radius: 8px!important;
    padding: 0 0 6px 0;
    vertical-align: bottom;
}


/*用户头型*/

.homeBox {
    position: fixed;
    bottom: 191px;
    right: 13px;
    z-index: 999;
}

.homeBox .login {
    position: relative;
    margin-top: -12px;
    /* border-radius: 50%; */
}

.homeBox .login .hidden-box {
    width: 80px;
    position: absolute;
    top: -200px;
    /* top:-50px; */
    left: -100px;
    /*border: 1px solid #9e9e9e88;*/
    padding: 4px 22px 12px 22px;
    display: none;
    border-radius: 6px;
    z-index: 999;
    background-color: rgba(255, 255, 255, 0.96);
    box-shadow: 0 28px 50px rgba(25, 24, 40, .25);
}

.gBox {
    top: -50px;
    text-align: center!important;
}

.homeBox .login .hidden-box>li {
    white-space: nowrap;
    text-align: left;
    margin-top: 5px;
    font-size: 14px;
    /* background-color: #fff; */
}

.homeBox .login .hidden-box>li a {
    color: #000;
}

.homeBox .login .hidden-box .nr {
    padding: 0px 5px;
    background: #cc102c;
    color: #fff;
    border-radius: 4px;
}

.homeBox .login .hidden-box>li a:hover {
    color: #fc5730;
}

.cBox li {
    text-align: center!important;
}

.homeBox .login .user {
    position: relative;
    width: 36px;
    /* height: 42px; */
    /*border: 1px solid #8098a2;*/
    /* border-radius: 3px; */
    /* border-radius: 50%; */
    cursor: pointer;
}

.homeBox .login .user img {
    width: 100%;
    /* border-radius: 5px; */
    border-radius: 50%;
}

.homeBox .login .user .hd {
    position: absolute;
    top: -3px;
    right: -3px;
    display: block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: #fd0534;
    border: 1px solid #ffffff87;
    z-index: 999;
}

.indexBox {
    position: fixed;
    bottom: 114px;
    right: 13px;
    z-index: 999;
}

.fBox {
    margin-top: 4px;
    border: 1px solid #999;
    /*font-size: 12px!important;*/
    padding: 0 10px;
    color: #999!important;
    border-radius: 25px;
}


/*banner文字*/

.poster-item h1 {
    width: 100%;
    /*height:36px;*/
    /*padding:2px 10px;*/
    text-align: center;
    font-size: 30px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 15%;
    text-shadow: 2px 2px 20px #333;
    color: #fff;
    font-weight: normal;
    /*  z-index: 99999;*/
}

.borderSize h1 {
    width: 70%;
    /*padding:2px 10px;*/
    height: 40px;
    text-align: center;
    font-size: 1vw;
    font-weight: normal;
    position: absolute;
    left: 2%;
    bottom: 0;
    right: 0;
    bottom: 12%;
    text-shadow: 2px 2px 20px #333;
    color: #fff;
}

.borderSize3 h1 {
    width: 70%;
    height: 35px;
    /*padding:2px 10px;*/
    text-align: center;
    font-size: 0.9vw;
    font-weight: normal;
    position: absolute;
    left: 2%;
    bottom: 0;
    right: 0;
    bottom: 12%;
    text-shadow: 2px 2px 20px #333;
    color: #fff;
}

.borderSize4 h1 {
    width: 70%;
    height: 35px;
    text-align: center;
    /*padding:2px 10px;*/
    font-size: 0.9vw;
    font-weight: normal;
    position: absolute;
    left: 25%;
    bottom: 12%;
    text-shadow: 2px 2px 20px #333;
    color: #fff;
}

.borderSize5 h1 {
    width: 70%;
    height: 40px;
    /*padding:2px 10px;*/
    text-align: center;
    font-size: 1vw;
    font-weight: normal;
    position: absolute;
    left: 25%;
    bottom: 12%;
    text-shadow: 2px 2px 20px #333;
    color: #fff;
}

.baerBox .poster-item h6 {
    width: 99.4%;
    text-align: center;
    position: absolute;
    left: 0.3%;
    bottom: -150px;
    font-size: 14px;
    display: block;
    font-weight: lighter;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.4);
    transition: bottom 0.6s ease;
    padding-top: 2%;
    padding-bottom: 16%;
    border-radius: 0 0 8px 8px;
}

.baerBox .poster-main .poster-item:hover h6 {
    bottom: 0;
}

.baerBox .poster-item h6 a {
    display: inline-block;
}

.baerBox .borderSize h6 {
    width: 99.4%;
    text-align: center;
    position: absolute;
    left: 0.3%;
    bottom: -150px;
    font-size: 14px;
    display: block;
    font-weight: lighter;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.4);
    transition: bottom 0.6s ease;
    padding-top: 2%;
    padding-bottom: 19%;
    border-radius: 0 0 8px 8px;
}

.baerBox .poster-main .borderSize:hover h6 {
    bottom: 0;
}

.baerBox .borderSize h6 a {
    display: inline-block;
}

.baerBox .borderSize3 h6 {
    width: 99.4%;
    text-align: center;
    position: absolute;
    left: 0.3%;
    font-weight: lighter;
    bottom: -150px;
    font-size: 14px;
    display: block;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.4);
    transition: bottom 0.6s ease;
    padding-top: 2%;
    padding-bottom: 19%;
    border-radius: 0 0 8px 8px;
}

.baerBox .poster-main .borderSize3:hover h6 {
    bottom: 0;
}

.baerBox .borderSize3 h6 a {
    display: inline-block;
}

.baerBox .borderSize4 h6 {
    width: 99.4%;
    text-align: center;
    position: absolute;
    left: 0.3%;
    bottom: -150px;
    font-size: 14px;
    display: block;
    font-weight: lighter;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.4);
    transition: bottom 0.6s ease;
    padding-top: 2%;
    padding-bottom: 19%;
    border-radius: 0 0 8px 8px;
}

.baerBox .poster-main .borderSize4:hover h6 {
    bottom: 0;
}

.baerBox .borderSize4 h6 a {
    display: inline-block;
}

.baerBox .borderSize5 h6 {
    width: 99.4%;
    text-align: center;
    position: absolute;
    left: 0.3%;
    bottom: -150px;
    font-size: 14px;
    display: block;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.4);
    transition: bottom 0.6s ease;
    padding-top: 2%;
    padding-bottom: 19%;
    font-weight: lighter;
    border-radius: 0 0 8px 8px;
}

.baerBox .poster-main .borderSize5:hover h6 {
    bottom: 0;
}

.baerBox .borderSize5 h6 a {
    display: inline-block;
}

.rightEd li:hover p {
    color: #ffa500;
}

.ii span {
    font-size: 14px;
    margin-left: 2px;
}

i.pl.icon-pinglun span {
    font-size: 15px;
    margin-left: 3px;
    margin-top: 1px;
    position: absolute;
}

newlogo {
    width: 191px;
    height: 24px;
    background: red;
    position: absolute;
    top: -30px;
    /* left: 0px; */
    display: block;
    right: -95px;
    display: block;
    color: #fff;
    /* margin-right: 6px; */
    text-align: center;
    font-size: 15px;
    padding: 42px 0px 0 0px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

newlogo img {
    height: 50px!important;
}

li.sHide :hover {
    background-color: #00a1d6;
}

span.s-icon.icon-sousuo:hover {
    -webkit-transform: scale(1.350) rotate(0deg);
    -moz-transform: scale(1.35) rotate(0deg);
    -o-transform: scale(1.35) rotate(0deg);
}

li.nav-earlier:hover {
    background-color: #00a1d6!important;
}

span.search-icon.icon-sousuo:hover {
    -webkit-transform: scale(1.350) rotate(0deg);
    -moz-transform: scale(1.35) rotate(0deg);
    -o-transform: scale(1.35) rotate(0deg);
}

span.s-close:hover {
    background: red;
}

input#header_search:hover {
    /* border-radius: 20px; */
    border: 1px solid #00BCD4;
}

.tabBox .tabs .current:hover {
    background: #00BCD4;
    color: #fff!important;
}


/*
rotateangle {
    display: block;
    right: 0px;
    display: block;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}*/

newlogo img {
    height: 50px!important;
}

bkc0,
bkc1,
bkc2,
bkc3,
bkc4 {
    width: 417px;
    height: 234px;
    opacity: 1;
    z-index: -1;
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    /*right: 0px;*/
    display: block;
    /* background-image: linear-gradient(to right bottom, #3D7EAA 0%, #FFE47A 51%, #3D7EAA 100%); */
}

bkc0 {
    height: 487px;
    background-image: linear-gradient(to right bottom, #7474BF 0%, #348AC7 51%, #7474BF 100%);
}

bkc2 {
    background-image: linear-gradient(to right bottom, #70e1f5 0%, #ffd194 51%, #70e1f5 100%);
}

bkc3 {
    background-image: linear-gradient(to right bottom, #556270 0%, #FF6B6B 51%, #556270 100%);
}

bkc4 {
    background-image: linear-gradient(to right bottom, #00C9FF 0%, #92FE9D 51%, #00C9FF 100%);
}

li.sHide :hover {
    background-color: #00a1d6;
}

li.nav-earlier:hover {
    background-color: #00a1d6!important;
}

input#header_search:hover {
    /* border-radius: 20px; */
    border: 1px solid #00BCD4;
}

.headUp.effect-oscar {
    /* height: 234px; */
}

p.tp a {
    color: #fff;
}

.headUp.effect-oscar.effectOs {
    /* height: 486px; */
}

.headUp.effect-oscar.effectOs img {
    /* max-height: 445px; */
}

.headUp.effect-oscar:hover bkc1,
.headUp.effect-oscar:hover bkc2,
.headUp.effect-oscar:hover bkc3,
.headUp.effect-oscar:hover bkc4,
.headUp.effect-oscar.effectOs:hover bkc0 {
    opacity: 0.9;
    z-index: 0;
}

.effect-oscar:hover {
    box-shadow: 0 0 20px #99a2aa;
    -webkit-transform: scale(1.0) rotate(0deg);
    -moz-transform: scale(1.05) rotate(0deg);
    -o-transform: scale(1.05) rotate(0deg);
}

.tabBox .tabs li:hover {
    background: #00b5e5;
    border-radius: 12px;
    /* color: #fff; */
}

.fBox:hover {
    background: #00b5e5;
    color: #fff!important;
}

.popular .more span:hover {
    background: #00BCD4;
    color: #fff;
}

.artTitle .gunBox span:hover {
    -webkit-transform: scale(1.350) rotate(0deg);
    -moz-transform: scale(1.35) rotate(0deg);
    -o-transform: scale(1.35) rotate(0deg);
}

.columnBox .noticeBar .btbar span:hover {
    /* opacity: 0.6; */
    -webkit-transform: scale(1.350) rotate(0deg);
    -moz-transform: scale(1.35) rotate(0deg);
    -o-transform: scale(1.35) rotate(0deg);
}

i.pl.icon-pinglun:hover {
    color: #00BCD4!important;
}

h4:hover {
    color: #00BCD4;
}

.listNews .list-img .listImg img:hover {
    filter: brightness(119%);
}

.listNews:hover,
.testNews:hover,
.videoNews:hover {
    box-shadow: 0 0 20px #aba8a899;
    /*-webkit-transform: scale(1.01) rotate(0deg);
    -moz-transform: scale(1.01) rotate(0deg);
    -o-transform: scale(1.01) rotate(0deg);*/
}

.tabBox li a:hover {
    color: #fff;
}

.rightEd {
    position: fixed;
    right: 51%;
    margin-right: -640px;
    /* top: 38%;
    margin-top: -228px;  */
    z-index: 99;
    bottom: 248px;
    display: none;
}

.rightEd h1 {
    margin-bottom: 12px;
    font-size: 18px;
    font-weight: normal;
}

.rightEd #rEd {
    height: 601px;
    overflow: hidden;
}

.rightEd li {
    margin-bottom: 5px;
    position: relative;
    width: 268px;
    height: 116px;
    /*border-top-right-radius: 40px;
border-bottom-left-radius: 40px;*/
    border-radius: 10px 45px 10px 45px;
    overflow: hidden;
}

.rightEd li p {
    margin-top: 30px;
    margin-left: 15px;
    margin-right: 15px;
    font-size: 16px;
}

.rightEd li span {
    margin-top: 15px;
    float: right;
    display: block;
    /* display: NONE; */
    margin-right: 20px;
    /* bottom: -52px; */
}

.rightEd li img {
    float: left;
    width: 100%;
}

.rightEd li img:hover {
    opacity: 1;
}

.rightEd li h4 {
    font-size: 12px;
    font-weight: normal;
    margin-left: 18px;
    float: left;
}

.rightEd .editList {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(13, 16, 48, 0.4);
}


/*.rightEd .editList .pi{
padding-left: 20px;
color: #fff;
font-size: 14px;
}*/

.rightEd .btbar2 {
    margin-left: 26%;
    margin-top: 10px;
}

footer .ft-ab a:hover {
    color: #fff;
    background: #f5b23d;
    border-radius: 10px;
}

.search-nav dl dd a {
    /* color: #333!important; */
    font-size: 14px;
}

.search-nav dl dd a {
    /*color: #333!important;*/
}

.search-nav li a {
    color: #f2f2f2;
}

.search-nav li {
    /*box-shadow: 0px 2px 3px #2f2f2f3d;*/
    background-color: #a7a9a822;
}

.search-nav dl {
    background-color: #607D8B;
}

.artNews.clearfix {
    max-width: 1288px;
    margin: 0 auto;
    padding: 0 4.2%;
}

.keyw span a:hover {
    color: red;
}

section#main-content-news {
    padding-top: 60px;
}

img#zotac999 {
    margin-right: 7px;
}

div#playgifbtn:hover {
    transform: scale(1.1);
    border: 2px solid #fff;
}

@media only screen and (min-width:2200px) {
    .nav-menu li>div>div {
        /* margin-right: 25px; */
    }
    .search-nav {
        /*width:56%;
          margin-left:21%;*/
    }
}

@media only screen and (max-width:1660px) {
    .headFix {
        display: none!important;
    }
    .search-nav li {
        padding: 0px 16px;
    }
    .search-nav li:hover {
        background-color: #c00000;
        padding: 0px 16px;
    }
    .search-nav li dd a {
        font-size: 12px;
    }
    .search-nav {
        /*margin-left: 1%!important;*/
    }
}

@media only screen and (max-width:1560px) {
    .head .navBar-login .sHide {
        /*display:none!important;*/
    }
    .search-nav {
        /*margin-left: 3%;*/
    }
    .search-nav li {
        padding: 0px 7px;
    }
    .search-nav li:hover {
        background-color: #c00000;
        padding: 0px 7px;
    }
    .search-nav li dd {
        text-align: center;
        font-size: 12px;
        display;
        overflow: hidden;
        white-space: nowrap;
        /* text-align: left; */
    }
}

@media only screen and (max-width:1380px) {
    .nav-menu li>div>div {
        margin-right: 25px;
    }
}

@media only screen and (max-width:1310px) {
    .nav-menu li {
        margin-left: 1%;
        padding-right: 1%;
    }
    .nav-menu .row-4 {
        padding-left: 2%;
        background: unset;
    }
    .nav-menu li>div>div {
        margin-right: 30px;
    }
    .rightEd {
        display: none!important;
    }
    .tabBox .tabs li {
        width: 40px;
    }
}

@media only screen and (max-width:1200px) {
    /*.artNews .newsBox {   max-width: 1100px;   }*/
    .nav-menu li>div>div {
        margin-right: 20px;
    }
    .firstreview {
        display: none;
    }
    .nav-menu li {
        margin-left: 2%;
        padding-right: 2%;
    }
    .nav-menu .row-4 {
        padding-left: 1%;
    }
}

@media only screen and (max-width:1080px) {
    .nav-menu .row-3 {
        display: none;
    }
    /*.artNews .newsBox {   max-width: 980px;   }*/
}

@media only screen and (max-width:990px) {
    /*.artNews .newsBox {   max-width: 850px;   }*/
    .artTitle .gunBox {
        display: none;
    }
    .column {
        display: none;
    }
    li.nav-earlier {
        display: none;
    }
    /* .nav-mx { display: none;} */
}

@media only screen and (max-width:910px) {
    .nav-menu .row-4 {
        display: none;
    }
}

@media only screen and (max-width:750px) {
    .baerBox {
        display: none;
    }
    .search-box {
        background: #455963!important;
        padding-left: 5%!important;
    }
    .nav-menu .row-4 {
        display: none;
    }
    .menu-box {
        padding-top: 75px;
    }
    .head .navBar-login>li {
        margin-left: 10px;
    }
    .head {
        background: #3b3a3a;
        height: 68px;
    }
    .bk {
        display: none;
    }
}

.head-box {
    height: 100%;
    /* background: url(https://img.expreview.com/js/loader03.gif) no-repeat 48% bottom; */
}

body {
    overflow-x: hidden;
}

.baerBox,
.menu-box,
.bk,
.headNews,
.crossBa,
.artBox {
    opacity: 0;
}


/* loading */

#preloader_4 {
    position: relative;
}

#preloader_4 span {
    position: absolute;
    display: block;
    width: 32px;
    height: 30px;
    background: #3498db;
    opacity: 0.5;
    border-radius: 30px;
    margin-top: 300px;
    margin-left: calc(50% - 70px);
    padding-top: 1px;
    text-align: center;
    color: #fff;
    /* vertical-align: bottom; */
    font-size: 20px;
    -webkit-animation: preloader_4 1s infinite ease-in-out;
    -moz-animation: preloader_4 1s infinite ease-in-out;
    -ms-animation: preloader_4 1s infinite ease-in-out;
    -animation: preloader_4 1s infinite ease-in-out;
}

#preloader_4 span:nth-child(2) {
    left: 45px;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    animation-delay: .2s;
}

#preloader_4 span:nth-child(3) {
    left: 90px;
    -webkit-animation-delay: .4s;
    -moz-animation-delay: .4s;
    -ms-animation-delay: .4s;
    animation-delay: .4s;
}

#preloader_4 span:nth-child(4) {
    left: 135px;
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -ms-animation-delay: .6s;
    animation-delay: .6s;
}


/* 
#preloader_4 span:nth-child(5) {
    left: 120px;
    -webkit-animation-delay: .8s;
    -moz-animation-delay: .8s;
    -ms-animation-delay: .8s;
    animation-delay: .8s;
}

#preloader_4 span:nth-child(6) {
    left: 150px;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -ms-animation-delay: 1s;
    animation-delay: 1s;
}

#preloader_4 span:nth-child(7) {
    left: 180px;
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
    -ms-animation-delay: 1.2s;
    animation-delay: 1.2s;
}

#preloader_4 span:nth-child(8) {
    left: 210px;
    -webkit-animation-delay: 1.4s;
    -moz-animation-delay: 1.4s;
    -ms-animation-delay: 1.4s;
    animation-delay: 1.4s;
}

#preloader_4 span:nth-child(9) {
    left: 240px;
    -webkit-animation-delay: 1.6s;
    -moz-animation-delay: 1.6s;
    -ms-animation-delay: 1.6s;
    animation-delay: 1.6s;
} */

@-webkit-keyframes preloader_4 {
    0% {
        opacity: 0.3;
        -webkit-transform: translateY(0px);
        /* box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1); */
    }
    50% {
        opacity: 1;
        -webkit-transform: translateY(-10px);
        background: #f1c40f;
        /* box-shadow: 0px 20px 3px rgba(0, 0, 0, 0.05); */
    }
    100% {
        opacity: 0.3;
        -webkit-transform: translateY(0px);
        /* box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1); */
    }
}

@-moz-keyframes preloader_4 {
    0% {
        opacity: 0.3;
        -moz-transform: translateY(0px);
        /* box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1); */
    }
    50% {
        opacity: 1;
        -moz-transform: translateY(-10px);
        background: #f1c40f;
        /* box-shadow: 0px 25px 3px rgba(0, 0, 0, 0.05); */
    }
    100% {
        opacity: 0.3;
        -moz-transform: translateY(0px);
        /* box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1); */
    }
}

@-ms-keyframes preloader_4 {
    0% {
        opacity: 0.3;
        -ms-transform: translateY(0px);
        /* box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1); */
    }
    50% {
        opacity: 1;
        -ms-transform: translateY(-10px);
        background: #f1c40f;
        /* box-shadow: 0px 25px 3px rgba(0, 0, 0, 0.05); */
    }
    100% {
        opacity: 0.3;
        -ms-transform: translateY(0px);
        /* box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1); */
    }
}

@keyframes preloader_4 {
    0% {
        opacity: 0.3;
        transform: translateY(0px);
        /* box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1); */
    }
    50% {
        opacity: 1;
        transform: translateY(-10px);
        background: #f1c40f;
        /* box-shadow: 0px 25px 3px rgba(0, 0, 0, 0.05); */
    }
    100% {
        opacity: 0.3;
        transform: translateY(0px);
        /* box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1); */
    }
}


/* loading