body,html{
    font-size: 16px;
}
img{
    transition: all linear 0.4s;
    -moz-transition: all linear 0.4s;
    -ms-transition: all linear 0.4s;
    -o-transition: all linear 0.4s;
    -webkit-transition: all linear 0.4s;
}
img:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}
a:hover{
    color: #2dbaed !important;
}
.all-like-box{
    width: 1200px;
    margin: 34px auto 30px;
    position: relative;
}
.all-like-tips{
    width: 40px;
    height: 120px;
    font-size: 15px;
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 6px;
    letter-spacing: 6px;
    text-align: center;
    color: #f8f8f9;
    padding-top: 4px;
    font-weight: bold;
    background: url(http://www.yule84.com.cn/style/pc/new/images/in-icons.png) no-repeat 0 0;
}
.all-like-box ul{
    width: 1200px;
    float: left;
    margin-left: 70px;
}
.all-like-box ul li{
    float: left;
    width: 100px;
    margin-right: 20px;
    margin-left: 8px;
    transition: all 0.3s;
}
.all-like-box ul li:hover{
    transform: translateY(-10px);
}
.all-like-box ul li .s-rec-img{
    display: block;

}
.all-like-box ul li a img{
    width: 100px;
    height:100px;
    border-radius: 15px;
    transition: all 1s;
}
.all-like-box ul li a.list-right-tit{
    width: 100px;
    height: 40px;
    line-height: 40px;
    color: #333333;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
    display: block;
}
.all-like-box ul li:hover .list-right-tit{
    color: #2dbaed !important;
}
.bod-content{
    width: 1200px;
    margin: 0 auto 20px;
    height: 592px;
    overflow: hidden;
}
.bod-left{
    width: 425px;
    float: left;
    overflow: hidden;
}
.bod-center{
    width: 440px;
    height: 592px;
    float: left;
    margin-left: 30px;
}
.bod-right{
    width: 274px;
    float: right;
    
}

/*slider*/
.banner-box{
    width:425px;
    height: 326px;
    margin-bottom: 24px;
}
#slider{width:100%;}
.slider_box{width:425px; margin:0 auto;height: 326px;overflow: hidden;position: relative;}
.silder_tip{width: 92px;height: 92px;overflow: hidden;position: absolute;top: 0;right: 0;z-index:1; text-indent:-999px;background:url(http://www.yule84.com.cn/style/pc/new/images/tip-tt.gif) no-repeat;}
#movie_tip{background-position: -93px 0;}
.silder_con{height:254px;overflow: hidden;position: absolute;}
.silder_panel{width:425px;height:254px;overflow: hidden;float: left;position: relative;background: #111;}
.silder_panel img{width: 425px;height: 254px;display: block;overflow: hidden;}
.silder_play{display: block;width:136px;height:30px;overflow: hidden;text-indent: -999px;position: absolute;bottom: 13px;right: 45px;background: url(http://www.yule84.com.cn/style/pc/new/images/silder-play.png) 0 -30px no-repeat;}	
.silder_play:hover{ background-position: 0 0;}
.silder_nav{width: 440px;height:58px;margin: 0 auto;bottom: 0;left: -1px;position: absolute;overflow: hidden;}
.silder_nav li{float: left;padding:0px;margin: 3px;border:1px solid #fff;}
.silder_nav li.current{border:2px solid #ff3b3b; margin:0 4px;}
.silder_nav li,.silder_nav img{display: block;width: 100px;height:58px;overflow: hidden;opacity: 1 !important;}
.slider_box a.prev,.slider_box a.next{display: block;width:45px;height:100px;overflow:hidden;text-indent: -999px;position: absolute;cursor: 
    pointer;margin: 85px 0 0 0;}	
.slider_box a.prev{left:0;background-position: left 0;}
.slider_box a.next{right:0;background-position: right 0;}
.silderBox{height:8px; line-height:8px;}
.f_l{
    position: relative;
    display: block;
    width: 440px;height:254px;
}
.silder-mask{
    width: 100%;
    background-color: rgba(0,0,0,0.5);
    height: 44px;
    line-height: 44px;
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}
.silder-mask p{
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    height: 44px;
}
.box-tit{
   width: 100%;
   height: 36px;
}
.box-tit span{
    width: 103px;
    height: 36px;
    background: url(http://www.yule84.com.cn/style/pc/new/images/in-icons.png) no-repeat -40px 0;
    color: #fff;
    line-height: 36px;
    text-align: center;
    font-weight: bold;
    float: left;
    display: block;
}
.yzjx-box ul {
    width: 450px;
    margin-top: 6px;
}
.yzjx-box ul li{
    width: 205px;
    height: 86px;
    float: left;
    border-radius: 15px;
    background: #f5f5f5;
    margin-top: 14px;
    margin-right: 14px;
}
.yzjx-box ul li a.yzjx-img{
    float: left;
    width: 64px;
    height: 64px;
    display: block;
    margin: 10px 13px;
    overflow: hidden;
}
.yzjx-box ul li a.yzjx-img img{
    width: 100%;
    height: 100%;
    border-radius: 15px;
}
.yzjx-info{
    float: left;
    width: 110px;
    margin-top: 10px;
}
.yzjx-info a{
    display: block;
    width: 110px;
    height: 24px;
    line-height: 24px;
    font-size: 15px;
    color: #333333;
    overflow: hidden;
}
.yzjx-info p{
    margin-top: 4px;
    width: 66px;
    height: 11px;
    background: url(http://www.yule84.com.cn/style/pc/new/images/in-icons.png) no-repeat -41px -107px;
}
.yzjx-type{
    color: #999999;
    font-size: 12px;
    margin-top: 4px;
}
.yzjx-type i{
    margin: 0 2px;
}
.g-tab{
    font-size: 14px;
    color:#aaaaaa;
    float: right;
    margin-top: 12px;
}
.g-tab a{
    font-size: 14px;
    color: #999999;
}
.g-tab i{
    margin: 0 5px;
}
.tab-active{
    color: #2dbaed !important;
}
.mrgx-box ul{
    margin-top: 18px;
}
.mrgx-box ul li{
    padding-bottom: 15px;
    border-left: 1px solid #dddddd;
    position: relative;
}
.mrgx-box ul li strong{
    display: block;
    width: 3px;
    height: 3px;
    background: #999999;
    position: absolute;
    left: -2px;
    top: 6px;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
.mrgx-box ul li:hover strong{ 
    width: 10px;
    height: 10px;
    background: #fff !important;
    border: 1px solid #2dbaed;
    border-radius: 50%;
    left: -5px;
    top: 4px;
}
.mrgx-box ul li:hover .b-g-tit{
    color: #2dbaed !important;
}
.mrgx-box ul li font{
    display: inline-block;
    vertical-align: top;
    color: #dddddd;
    margin-right: 13px;
    line-height: 20px;
}
.b-g-classify{
    display: inline-block;
    vertical-align: top;
    color: #999999;
    line-height: 20px;
    font-size: 15px;
    width: 108px;
    margin-left: 4px;
    text-align: center;
}
.b-g-classify a{
    color:#999999;
    line-height: 20px;
    font-size: 15px;
    /* display: inline-block; */
    max-width: 100px;
    overflow: hidden;
}
.b-g-img{
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: top;
    margin-right: 11px;
}
.b-g-img img{
    width: 100%;
    height: 100%;
}
.b-g-tit{
    display: inline-block;
    vertical-align: top;
    color: #333333;
    font-size: 15px;
    width: 162px;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
}
.b-g-time{
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    color: #999999;
    line-height: 20px;
}
.li-10,.li-5{
    padding-bottom: 0 !important;
    margin-bottom: 20px;
    position:relative;
}
.li-5::after,.li-10::after{
       content:"";
       display:block;
       position:absolute;
       bottom: -10px;
       left: 12px;
       width:426px;
       height:1px;
       border-bottom: 1px dashed #dddddd;
}
.li-15{
    padding-bottom: 0 !important;
}
.b-g-right{
    display: inline-block;
}
.bod-tit{
    width: 255px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    color: #2dbaed;
    font-weight: bold;
    margin: 0 auto;
    background: url(http://www.yule84.com.cn/style/pc/new/images/in-icons.png) no-repeat -144px 0;
}
.tjhj-box ul{
    margin-top: 10px;
}
.tjhj-box ul li{
    border-bottom: 1px dashed #e8e8e8;
    padding:14px 0;
}
.tjhj-box ul li em{
    display: block;
    width: 20px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    background: #acacac;
    margin-right: 14px;
    font-size: 14px;
    color: #fff;
    float: left;
}
.tjhj-img{
    display:none;
    float: left;
    width: 240px;
    height: 120px;
    position: relative;
    overflow: hidden;
}
.tjhj-img img{
    width: 100%;
    height: 100%;
}
.tjhj-img div{
    width: 240px;
    height:40px;
    background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.9));
    position: absolute;
    left: 0;
    bottom: 0;
   
}
.tjhj-img div p{
    font-size: 15px;
    font-weight: bold;
    width: 90%;
    margin: 0 auto;
    line-height:40px;
    color: #fff;
}
.tjhj-tit{
    display:block;
    float: left;
    width: 240px;
    font-size: 15px;
    color: #333333;
    height: 18px;
    line-height: 18px;
    overflow: hidden;
}
.tjhj-box ul{
    margin-bottom: 26px;
}
.tjhj-box ul li.open .tjhj-tit{
    display: none;
}
.tjhj-box ul li.open .tjhj-img{
    display: block;
}
.tjhj-box ul li.open em{
    height: 34px;
    line-height: 34px;
    background: #ff3b3b;
}
.tjhj-box img:hover{
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
}
.tjrj-box{
    width: 274px;
    overflow: hidden;
}
.tjrj-box ul{
    width: 300px;
    margin-top: 20px;
}
.tjrj-box ul li{
    float: left;
    width: 64px;
    height: 100px;
    overflow: hidden;
    margin: 0 18px 10px 12px;
}
.tjrj-box ul li a{
    display: block;
}
.tjrj-img{
    width: 100%;
    height: 64px;
    overflow: hidden;
    border-radius: 15px;
}
.tjrj-img img{
    width: 100%;
    height: 100%;
}
.tjrj-tit{
    width: 64px;
    height: 40px;
    font-size: 15px;
    color: #333333;
    line-height: 40px;
    overflow: hidden;
}
.tjrj-load{
    width: 56px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #fff !important;
    background: #2dbaed;
    font-size: 14px;
    margin:14px auto 0;
    transition: all 0.2s;
    border-radius: 5px;
}
.tjrj-box ul li:hover .tjrj-tit{ 
    display: none !important;
}
.tjrj-box ul li:hover .tjrj-load{ 
    transform: translateY(-10px);
}
.tjrj-load:hover{
    color: #fff !important;
}
.rmyx-box,.rmzt-box,.rmfl-box,.rmbq-box,.rmrj-box,.phb-box,.bzx-box,.link-box{
    width: 1200px;
    margin: 0 auto 10px;
    overflow: hidden;
}
.con-tit{
    height: 50px;
    border-bottom:1px solid #cccccc;
    position: relative;
}
.con-tit span{
    font-size: 18px;
    font-weight: bold;
    color: #121212;
    float: left;
    display: block;
    height: 50px;
    line-height: 50px; 
    position: relative;
    padding: 0 3px;
}
.con-tit span em{
    display: block;
    position: absolute;
    bottom: -2px;
    width: 100%;
    height: 5px;
    background: #2dbaed;
    border-radius: 15px;
    left: 0;
}
.rmyx-tab{
    margin:18px auto 16px;
}
.rmyx-tab li{
    float: left;
    padding: 8px 22px;
    background: #f5f5f5;
    color: #555555;
    font-size: 16px;
    margin-right: 24px;
    border-radius: 5px;
    cursor: pointer;
}
.rmyx-intro{
    width: 100%;
    height: 56px;
    color: #888888;
    line-height: 28px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.rmyx-tab li:hover,.list-active{
    background: #2dbaed !important;
    color: #fff !important;
}
.rmyx-list ul{
    width: 1230px;
}
.rmyx-list ul li{
    float: left;
    width: 280px;
    height: 110px;
    background: #f5f5f5;
    margin-top: 16px;
    border-radius: 15px;
    margin-right: 27px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s;
}
.rmyx-list-img{
    display: block;
    width: 80px;
    height: 80px;
    overflow: hidden;
    border-radius: 15px;
    float: left;
    margin: 15px;
}
.rmyx-list-img img{
    width: 100%;
    height: 100%;
}
.rmyx-list-info{
    width: 168px;
    float: left;
}
.rmyx-list-tit{
    display: block;
    margin-top: 18px;
    width: 100%;
    height: 24px;
    line-height: 24px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    color: #333333;
}
.rmyx-list-label {
    font-size: 12px;
    color:#999999;
    margin: 6px 0;
}
.rmyx-list-label i{
    margin: 0 2px;
}
.rmyx-list-txt{
    color: #999999;
    font-size: 14px;
    width: 100%;
    height: 20px;
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;  
}
.rmyx-list-btn{
    display: none;
    width: 58px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: #2dbaed;
    color: #fff;
    border-radius: 15px;
    font-size: 14px;
    transition: all 0.2s;
}
.rmyx-list-btn:hover{
    color: #fff !important;
}
.rmyx-list ul li:hover{
    background: #ebfaff;
    transform: translateY(-10px);
}
.rmyx-list ul li:hover .rmyx-list-txt{
    display: none;
}
.rmyx-list ul li:hover .rmyx-list-btn{
    display: block;
}
.rmyx-list ul li em{
    display: block;
    width: 38px;
    height: 38px;
    background: url(http://www.yule84.com.cn/style/pc/new/images/in-icons.png) no-repeat -185px -37px;
    color: #fff;
    font-size: 14px;
    position: absolute;
    left: 0;
    top: 0;
    padding-left: 8px;
    line-height: 24px;
}
.list-1 em,.list-2 em,.list-3 em{
    width: 46px !important;
    height: 46px !important;
    text-indent: -99999px;
    z-index: 999;
}
.list-1 em{
    background: url(http://www.yule84.com.cn/style/pc/new/images/in-icons.png) no-repeat -40px -36px !important;
}
.list-2 em{
    background: url(http://www.yule84.com.cn/style/pc/new/images/in-icons.png) no-repeat -86px -36px !important;
}
.list-3 em{
    background: url(http://www.yule84.com.cn/style/pc/new/images/in-icons.png) no-repeat -132px -36px !important;
}
.more-btn{
    float: right;
    font-size: 14px;
    color: #aaaaaa;
    display: block;
    line-height: 50px;
}
.rmzt-lb-box{
    width: 100%;
    height: 198px;
}
.rmfl-list-box ul{
    width: 1232px;
}
.rmfl-list-box ul li{
    width: 130px;
    height: 180px;
    float: left;
    margin-right: 22px;
    border-radius: 15px;
    margin-top: 20px;
    background: #f5f5f5;
    overflow: hidden;
    transition: all 0.2s;
}
.rmfl-list-box ul li a.rmfl-list-img{
    display: block;
    width: 80px;
    height: 80px;
    margin: 18px auto 12px;
    overflow: hidden;
    border-radius: 15px;
}
.rmfl-list-box ul li a.rmfl-list-img img{
    width: 100%;
    height: 100%;
}
.rmfl-list-box ul li a.rmfl-list-tit{
    display: block;
    color: #333333;
    font-size: 15px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    width: 80px;
    margin: 0 auto 5px;
    text-align: center;
}
.rmfl-list-size{
    font-size: 14px;
    color: #999999;
    text-align: center;
    
}
.rmfl-line{
    width: 100%;
    height: 4px;
    background: #f5f5f5;
}
.rmfl-list-box ul li:hover .rmfl-line{
    background: #2dbaed;
}
.rmfl-list-box ul li:hover {
    background: #e8f5fb;
    transform: translateY(-10px);
}
.rmfl-list-btn{
    display: none;
    width: 56px;
    height: 23px;
    line-height: 22px;
    text-align: center;
    color: #2dbaed;
    border: 1px solid #2dbaed;
    font-size: 14px;
    margin: 2px auto 0;
    border-radius: 15px;
    transition: all 0.2s;
}
.rmfl-list-box ul li:hover .rmfl-list-size{
    display: none;
}
.rmfl-list-box ul li:hover .rmfl-list-btn{
    display: block;
}
.classify-nav{
    /* float: left; */
    /* margin-left: 295px; */
    margin-top: 12px;
    max-width: 780px;
    height: 26px;
    overflow: hidden;
    position: absolute;
    right: 50px;
}
.classify-nav li,.zx-nav li{
    float: left;
    color: #888888;
    font-size: 15px;
    padding: 3px 8px;
    margin-right: 10px;
    border-radius: 5px;
    cursor: pointer;
}
.classify-nav-active,.classify-nav li:hover,.zx-nav-active,.zx-nav li:hover{
    background:#6bc9ec !important;
    color: #fff !important;
}
.rmbq-box ul{
    margin-top: 25px;
}
.rmbq-box ul li{
    float: left;
    margin-right: 18px;
    margin-bottom: 12px;
    border-radius: 15px;
}
.rmbq-box ul{
    width: 1218px;
}
.rmbq-box ul li a{
    display: block;
    font-size: 15px;
    padding: 3px 20px;
    border-radius: 15px;
}
.rmbq-box ul li a:hover{
    color: #fff !important;
}
.label-1 a,.label-7 a,.label-13 a,.label-19 a{
    color: #499ae0 ;
    border: 1px solid #499ae0 ;
}
.label-2 a,.label-8 a,.label-14 a,.label-20 a{
    color: #3dcc9c ;
    border: 1px solid #3dcc9c ;
}
.label-3 a,.label-9 a,.label-15 a,.label-21 a{
    color: #e68a00 ;
    border: 1px solid #e68a00 ;
}
.label-4 a,.label-10 a,.label-16 a,.label-22 a{
    color: #1ad0e9 ;
    border: 1px solid #1ad0e9 ;
}
.label-5 a,.label-11 a,.label-17 a,.label-23 a{
    color: #a26cd4 ;
    border: 1px solid #a26cd4 ;
}
.label-6 a,.label-12 a,.label-18 a,.label-24 a{
    color: #ff6b6b ;
    border: 1px solid #ff6b6b ;
}
.label-1 a:hover,.label-7 a:hover,.label-13 a:hover,.label-19 a:hover{
    background: #499ae0 !important; 
}
.label-2 a:hover,.label-8 a:hover,.label-14 a:hover,.label-20 a:hover{
    background: #3dcc9c !important; 
}
.label-3 a:hover,.label-9 a:hover,.label-15 a:hover,.label-21 a:hover{
    background: #e68a00 !important; 
}
.label-4 a:hover,.label-10 a:hover,.label-16 a:hover,.label-22 a:hover{
    background: #1ad0e9 !important; 
}
.label-5 a:hover,.label-11 a:hover,.label-17 a:hover,.label-23 a:hover{
    background: #a26cd4 !important; ;
}
.label-6 a:hover,.label-12 a:hover,.label-18 a:hover,.label-24 a:hover{
    background: #ff6b6b !important;   
}

.game-rank{
    width: 1250px;
    margin-top: 40px;
}
.hot-rank-box,.recommend-rank-box,.newtour-rank-box{
    float: left;
    width: 360px;
    position: relative;
    box-shadow: 0 0 10px #cccccc;
    margin-left: 14px;
    padding-bottom: 10px;
    margin-bottom: 8px;
    padding-top: 24px;
    border-radius: 20px;
}
.hot-rank-box,.recommend-rank-box{
    margin-right: 34px;
}

.g-rank-box ul {
    overflow: hidden;
    width: 340px;
    margin-left: 20px;
}
.g-rank-box ul li {
    float: left;
    display: inline;
    position: relative;
    padding: 12px 0;
    border-bottom: 1px dashed #e8e8e8;
}
.g-rank-box ul .open {
    padding: 15px 0;
    float: left;
    display: inline;
    position: relative;
}
.g-rank-box ul li span.mub {
    float: left;
    display: inline;
    width: 18px;
    height: 15px;
    overflow: hidden;
    zoom:1; font-size: 12px;
    text-align: center;
    background: #cdcdcd;
    color: #fff;
    line-height: 15px;
    text-align: center;
    border-radius: 2px;
    margin-top: 4px;
}
.g-rank-box ul li.open span.mub {
    /* margin-right: 10px; */
    margin-top: 21px;
    height: 34px;
    line-height: 34px;
}
.g-rank-box ul li.open .rac_a {
    display: none;
}
.g-rank-box ul li.open .rac_b {
    display: block;
}
.g-rank-box ul li.open {
    background-position: 0px 90px;
}

.rac_a {
    float: left;
    display: inline-block;
    overflow: hidden;
    zoom:1;
    width: 300px;
    float: left;
    margin-left: 10px;
}
.rac_a span {
    float: left;
    display: inline;
    line-height: 24px;
    height: 24px;
    font-size: 15px;
    color: #333333;
    width: 170px;
    overflow: hidden;
}
.rac_a em{
    float: right;
    display: inline-block;
    width: 58px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    font-size: 12px;
    color: #999999;
}
.rac_b {
    height: 88px;
    display: none;
    float: left;
    overflow: hidden;
    zoom:1;}
.rl_right_info {
    width: 130px;
    float: left;
}
.rl_right_info p{
    font-size: 13px;
    color:#99b898;
}
.rac_b .rl_img {
    overflow: hidden;
    width: 300px;
    display: inline-block;
    padding-left:10px;
}
.rac_b a.rl_img .rac_b_img {
    width: 88px;
    height: 88px;
    display: inline-block;
    overflow: hidden;
    float: left;
    margin-right: 10px;
    border-radius: 15px;
}
.rac_b a.rl_img .rac_b_img img{
    width: 100%;
    height: 100%;
}
.rac_b a.rl_img em {
    display: block;
    font-size: 12px;
    color: #999;
    margin-top: 8px;
    height: 14px;
    line-height: 14px;
    overflow: hidden;
}
.rac_b a.rl_img em i{
    padding: 0 3px;
}
.rac_b a.rl_img em span{
    color:#ff9537;
}
.rac_b a.rl_img .rl_down {
    width: 106px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    border-radius: 4px;
    display: block;
    margin-top: 10px;
}
.rl_title {
    font-size: 16px;
    color: #333333;
    display: block;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    margin-top: 5px;
}
.g-rank-tit{
    border-left:5px solid #ef7775;
    font-size: 18px;
    color: #333333;
    padding-left:10px;
    margin-bottom:12px;
    font-weight: bold;
}
.s-g-like-list{
    width:399px;
    padding-top: 10px;
}
.tit-bg{
    color: #fff;
    font-size: 18px;
    margin-bottom: 5px;
    position: absolute;
    /* font-weight: bold; */
    width: 190px;
    left: 50%;
    height: 36px;
    line-height: 36px;
    margin-left: -95px;
    /* background: #fcf; */
    box-shadow: 0 0 10px #cccccc;
    text-align: center;
    top: -18px;
    border-radius: 20px;
}
.tit-bg em{
    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
    margin-top: 9px;
}
.hot-rank-box .tit-bg{
    background: #ff6b6b;
}
.recommend-rank-box .tit-bg {
    background: #6ad671;;
}
.newtour-rank-box .tit-bg{
    background: #59bcfa;
}
.hot-rank-box .tit-bg em{
    width:18px;
    height: 18px;
    background: url(http://www.yule84.com.cn/style/pc/new/images/in-icons.png) no-repeat -68px -84px;
}
.recommend-rank-box .tit-bg  em{
   width: 14px;
   height: 18px;
   background: url(http://www.yule84.com.cn/style/pc/new/images/in-icons.png) no-repeat -53px -84px;
}
.newtour-rank-box .tit-bg  em{
    width: 13px;
    height: 18px;
    background: url(http://www.yule84.com.cn/style/pc/new/images/in-icons.png) no-repeat -40px -84px;
}
.recommend-rank-box .rac_b a.rl_img .rl_down{

}
.hot-rank-box .rl_title:hover{
    color:#ff3b3b;
}
.recommend-rank-box .rl_title:hover{
    color:#38d27d;
}
.newtour-rank-box .rl_title:hover{
    color:#409aff;
}
.hot-rank-box  ul li.top_1 .mub {
    background: #ff4c4c;
}
.hot-rank-box  ul li.top_2 .mub {
    background: #ff7f7f;
}
.hot-rank-box  ul li.top_3 .mub {
    background: #ffb2b2;
}
.recommend-rank-box  ul li.top_1 .mub {
    background: #36b34a;
}
.recommend-rank-box  ul li.top_2 .mub {
    background: #57d96c;
}
.recommend-rank-box  ul li.top_3 .mub {
    background: #98d9a3;
}
.newtour-rank-box  ul li.top_1 .mub {
    background: #0180ff;
}
.newtour-rank-box  ul li.top_2 .mub {
    background: #4ca6ff;
}
.newtour-rank-box  ul li.top_3 .mub {
    background: #b2d9ff;
}
.hot-rank-box .rac_b a.rl_img .rl_down {
    background: #ff6b6b;
}
.recommend-rank-box .rac_b a.rl_img .rl_down {
    background: #6ad671;
}
.newtour-rank-box .rac_b a.rl_img .rl_down {
    background: #59bcfa;
}
.bzx-list{
    width: 1250px;
    margin-top: 25px;
    margin-bottom: 20px;
}
.bzx-list li{
    width: 367px;
    line-height: 30px;
    height: 30px;
    margin-right: 46px;
    float: left;
    margin-bottom: 10px;
    margin-left: 2px;
}
.bzx-list li a{
    display: block;
    width: 100%;
}
.bzx-list li a em{
    margin-left: 5px;
    display: inline-block;
    width: 5px;
    height: 5px;
    background: #c8c8c8;
    vertical-align: top;
    margin-top: 12px;
    margin-right: 10px;
    transform:rotate(45deg);
    -ms-transform:rotate(45deg); 	/* IE 9 */
    -moz-transform:rotate(45deg); 	/* Firefox */
    -webkit-transform:rotate(45deg); /* Safari 閼存瑧鐦懞鎺楀焵椤戠姳绠欓埗鈹惧亾閻忚　鎸岄崗鐔氬啿浼勫ù搴′紕瀵版繂鍘介…瀣偨閻樺棌鎳囬崑鎾诲焺閳锋艾鍘介埞鐔奉儌閳ь剛濡撮崑顕呯亹閸忕噥鍟旈崱蹇婂亾濞咁厼浼勯惌顐㈠幗閳锋埃鎳囬崑鎾村閼存宕查懘娆忊枌閼存鍩夐懘妤勪紲閼存瑥鐎懞鎺楀焵椤戯附绨崑顔规晸閸忕喆鍎嶉崑顔绘€ラ埗鈺佷壕閼规瑨鍓绘繛鍕闁逞屽劑婵垵浼勯‖鈥冲幗椤鎳囬崑鎾虫殬閼烘帡鍨鹃悘琛℃寣閸忕啔鍐蹭紕閵夊啫浼勫ù搴″幗椤鎮介悩鍡忔噰閸嬫捇鍩勯埛姘幗閳圭喎顑傞埀顒傚Υ閸嬵噮鐏愰崗鐕佸晹閸″繆鍋撳▍顓炰紕閻樺棗鍘介埛姘儌閳ь剛濡撮崑顔炬緬閸忕喆鍎嶉崑顔藉厧閸嬵喒鎸岄崗鐔叉寣鐎Ｑ€鍋撻悩鍡椾紕閻懓鍘介妷鍐ｆ噰閸嬫挸鈻岄懘婊嗙ォ閼存瑦瀚濋懘婵嬪灳濞咁厼妫岄埀顒侇仾閸忕啿鎸岄埗鈺佷壕閽樼鍓瑰蹇氬壔閸ㄥ嫯濮冮柍褜鍎埈璺轰紕椤戠偛鍘界含閸嬵噮鍤崑顕呭劒閸忕噥鍟旈崱蹇婂亾濞咁厼鎮芥稊鍛幗閵夊啫浼勬导鍗炰紕椤旀艾鍘介…瀣紕椤旀艾浼勫Λ闈涘幗閵夊啠鎳囬崑鎾斥枌閼存粏绁╅懘娆忕爱閼存粍鍩夐懘妤呮畷閼存瑦銈奸懘妤勪粶閼存绨懘娆愩偧閼存绠嶉懘妤冾洨閼存瑥鐎懞鎺楀焵椤戯附绨崑顔规晸閸忕啿鎸岄埗鈺佷壕閹费嗗壒閸椼垼鍓绘繛鍕壒閻愬鍓归崡銏ｅ壔鎼存劘鍔冮柍銉︻仾閸氼澀绠欓崗鐔村剭閳垛晛浜炬繛鍕妧鐠у倽鍓婚幏銏ｅ壒閼辨稖鍓归幏銏ｅ壔濡よ壈鍓归懕娑滃壒鎼存劘鍓婚梽鍥壒妤ｈ儻濮冮柍褜鍎╃含閸忕啿鎸岄埗鈺佷壕閽樼鍓瑰蹇氬壔閸ㄥ嫯濮冮柍褜鍎埈璺轰紕椤戠偛鍘界含閸嬵噮鍤崑顕呭劒閸忕噥鍟旈崱蹇婂亾濞咁厼鎮芥稊鍛幗閵夊啠鎳囬崑鎾斥枌閼存粏绁╅懘娆愬珴閼存繈鍨惧▍顓炴閳ь剚顏崗鐔村剭閸嬵喕鎬ラ崑顕呭晹閸忕喆鍎嶉崑顕呯亹閳垛晛浜鹃挊纾嬪壔閸ㄥ嫯濮冮柍褜鍎插┃宥呬紕閳圭喎鍘介妷鍐ㄤ紕娴兼墎鎳囬崑鎾瑰閼存瑥鈻岄懘婊堟閼存鐬鹃懘娆戠槵閼烘帡鍩€椤戠姳绠欓埗鈹惧亾閻忚　鎸岄崗鐔氬啿浼勫ù搴′紕瀵版繂鍘介…瀣偨閻樺棌鎳囬崑鎾诲焺閳锋艾鍘介埞鐔奉儌閳ь剛濡撮崑顕呯亹閸忕噥鍟旈崱蹇婂亾濞咁厼浼勫婵嗗幗绾崑顔荤畽閸嬵喗绶烽崗鐔叉寣閳垛晛浜鹃挊纾嬪壒濠曞繗鍓诲Δ鑹板壒閼辨稖濮冮柍褜鍎幘浣稿幗绾崑顔剧叓閸氼澀绠欓崗鐕佺厑閳垛晛浜鹃崯顏囧闁炽儳浼滈埛姘幗绾崑顔哄剭閸嬵喗绁归崗鐕佺厑閸氥垻濡撮埗鈺佷壕闁斥斁鎸岄崗鐔叉晸鐎Ｑ€鍋撻悩鍡椾紕椤€冲幗椤旀艾妫岄埀顒侇仾閸嬵喗绶烽崗鐔村剭閸嬵噮鐏愰埗鈺佷壕閽樼鍓诲Δ鑹板壒閼辨稖鍓规惔鎰壔鎼存劘濮冮柍褜鍎埈鍨涙噰閳ь剚顕￠鐐插幗閵夊啠鎳囬崑鎾斥枌閼存粏绁╅懘娆愬珴閼存繈鍨惧▍顓炴閳ь剚顏崗鐔村剭閸嬵喗鍏庨崑顔规寣閸忕喆浠崑顔碱潠閳垛晛浜炬繛鍕壔濡よ壈鍓归懕娑滃壒鎼存劘鍓绘繛鍕壒閹搭喛鍓归懕楦垮壔濡よ壈濮冮柍褜鍎╃含閸氥垼顕氶崗鐔叉寣閳垛晛浜鹃懕楦垮妧鐠у倽鍓婚崹鍕闁逞屽劜濠у秴浼勯埞鐔峰幗閵夊啫浼勬导鎵佹噰閸嬫捁澧懘娆愮础閼达綁鍨鹃悩鍡椾紕閵夊啫鍘界含閸嬵喖銈介崑顔肩閸忕喆鍎嶉崑顔绘€ラ崑顕呭晹閸忕啔鍐蹭紕閿涳絽浼勫妤€鍘介妷鍐ｆ噰閸嬫挸鈻岄懘婊嗙ォ閼存瑦鑿犻懘妤呯灳閼存瑦銈奸懘妤勪粶閼存绨懘娆忊枌閼存瀚濋懘妤冾暠閼存瑥鐎懞鎺楀焵椤戯附绨崑顔规晸閸忕喆鍎嶉崑顔绘€ラ埗鈺佷壕閼规瑨鍓荤弧鎾瑰壒閼辨稖鍓归梽鍡氬壔缁℃捁濮冮柍褜鍎稊鍛噰閳ь剛浼滈埛姘幗閵夊啫浼勬總钘変紕閹嘲鍘介…瀣ф噰閸嬫挸鏆橀懘妤佸珴閼存瑧鐦懞鎺楀焵椤戞繃鍣撮埗鈹惧亾閻忚　鎸岄崗鐕佺厑閳垛晛浜鹃崯顏囧闁逞屽厴閳ь剚绶烽崗鐕佺亹閳垛晛浜鹃幏褑濮冮柍褜鍎╅幊濠傚幗椤鎳囬崑鎾虫殬閼烘帡鍨鹃悘琛℃寣閸忕啔鍐蹭紕閹皝鎳囬崑鎾村閼存瑧鐦懞鎺楀焵椤戠姳绠欓埗鈺佷壕闁炽儲绶烽崗鐕佺亹閸嬵啣鏂ユ噰閸嬫挸鏆橀懘娆戠槵閼烘帡鍩€椤戠姳绠欓埗鈺佷壕闁炽儲绶烽崗鐕佺厑閸嬵喕鎬ラ崑顔剧叓閸忕噥鐓侀埗鈺佷壕閸燁亣濮冮柍銉т紲閳锋艾鍘介妷鍐ㄤ紕婵傝棄浼勯幆宄板幗椤鎳囬崑鎾虫殬閼存瀚濋懘娆愮础閼达綁鍨鹃悩鍡椾紕閵夊啫鍘介‖鈥虫偨閻樺棌鎳囬崑鎾逛迹閼存瑦銈奸懘妤勪紓閼存鐎懘娆撴閼存绠嶉懞鎺楀焵椤戞惊鍐插幗閵夊啠鎳囬崑鎾斥枌閼存粏绁╅懘娆愯彔閼存鐬鹃懘娆愩偧閼存浼傞懘妤€鐎懘娆戠槵閼存鍊濋懘妤併偧閼存瑦銈奸懘妤勪粶閼存绨懘娆忕爱閼存粏绁╅懞鎺楀焵椤戞繂顫栭崗鐔村剭閳垛晛浜炬繛鍕妧鐠у倽鍓婚崹鍕闁逞屽劑濠㈡繂鎮界拠銉ュ幗閵夊啫浼勬导鍗炰紕椤旀艾鍘界含閸″繆鍋撳▍顓炰紕鐠佸灝鍘介埛姘ｆ噰閸嬫捁妫块懘妤佺础閼存瑦銈奸懘妤勪粶閼烘帡鍩€椤戠姵鎷嬮崗鐔村剭閸氼澀绠欓埗鈺佷壕閸燁亣鍓荤弧鎾瑰闁逞屽劕娑斿應鎳囬埀顒備紲閳锋艾鍘界含閸嬵喓鍎嶉崑顔界ス閸忕噥鐓侀崥銏㈠Υ閳垛晛浜鹃柍鈹炬寣閸忕啿鏁撶€Ｑ€鍋撻悩鍡椾紕椤€冲幗椤旀艾妫岄埀顒侇仾閸嬵喚濡撮崗鐔叉寣鐎Ｑ€鍋撻悩鍡椾紕閻懓鍘介埛姘ｆ噰閸嬫捁妫块懘妤佺础閼存瑦銈奸懘妤勪粶閼烘帡鍩€椤戠姵鎷嬮崗鐔氬啿浼勯惌顐㈡偨娑斿懎鍘介…瀣ф噰閸嬫挸鏆橀懞鎺楀灳閻忚　鎸岄崗鐔氬啿浼勯妷鍐ㄤ紕濞村骸鍘介…瀣ф噰閸嬫挸鏆橀懞鎺楀焵椤戣В鍋撳婵嗗幗椤鎮介悩鍡椾紕绾崗鐕佺厑閳垛晛浜鹃崯顏囧闁逞屽厴閳ь剚绶烽崗鐔叉晸閸嬵喖顫栭崑顕嗘嫹 Chrome */
    -o-transform:rotate(45deg); 	/* Opera */
}
.bzx-list li a span{
    width:275px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    color: #333333;
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
}
.bzx-list li a i{
    display: inline-block;
    color: #999999;
    font-size: 12px;
    vertical-align: top;
}
.bzx-list li:hover{
    background: #f8f8f8;
    box-shadow: 0 0 10px #cccccc;
}
.bzx-list li:hover span{
    color: #2dbaed !important;
}

.flexslider{
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative; 
}
.ztlist-box{
    width: 1230px;
}
.ztlist{
    width:280px;
    height: 140px;
    overflow: hidden;
    border-radius: 15px;
    float: left;
    margin-right: 26px;
    margin-top: 20px;
}
.ztlist a{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
.ztlist a img{
    width: 100%;
    height: 100%;
}
.ztlist-mask{
    width: 100%;
    height: 30px;
    background: rgba(0,0,0,0.5);
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
}
.ztlist-mask p{
    width: 90%;
    margin: 0 auto;
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-size: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}
.flex-control-nav{
    width:100%;
    position:absolute;
    bottom: 0px;
    text-align:center;
}
.flex-control-nav li{
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #cccccc;
    margin-right: 20px;
    cursor: pointer;
}
.flex-control-nav li a{
    color:transparent; 
    text-indent: 99999px;
}
.flex-control-nav li a:hover{
    color:transparent !important; 
}
.flex-active{
    background: #5c96f7 !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 15px !important;
    display: block;
}
.flex-direction-nav a{
    display: block;
    width: 20px;
    height: 20px;
    color:transparent;
    float: left;
    margin-top: 5px;
}
.flex-prev{
    background: url(http://www.yule84.com.cn/style/pc/new/images/in-icons.png) no-repeat -132px -84px;
    margin-left: 500px;
}
.flex-next{
    margin-left: 655px;
    background: url(http://www.yule84.com.cn/style/pc/new/images/in-icons.png) no-repeat -154px -84px;
}
.flex-direction-nav{
    height: 20px;
    margin-top: 7px;
}
.flex-direction-nav li{
    position: absolute;
    z-index: 9999;
    width: 20px;
    height: 20px;
}
.flex-direction-nav a:hover{
    color:transparent !important;
    opacity: 0.8;
}
.zx-nav{
    position: absolute;
    right: 40px;
    top: 12px;
}
.link-box ul{
    width: 1240px;
    margin-top:20px;
    margin-bottom:20px;
}

.link-box ul li{
    float:left;
    width: 120px;
    margin-right: 35px;
    margin-bottom: 10px;
    padding-left: 10px;
    height: 19px;
}
.link-box ul li a{
    color:#666666;
    font-size:14px;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}



.mz6-index{
    width:1200px;
    margin:38px auto 80px;
    background:#fff;
  }
  .mz6-index .header-box{
    width: 1144px;
    border-bottom:1px solid #ededed;
    margin: 0 auto;
  }
  .mz6-index .header-box h1{
    font-size:24px;
    line-height: 60px;
    color: #515151;
  }
  .mz6-index .header-box p{
    font-size: 14px;
    color: #757575;
    padding-bottom:20px;
  }
  .mz6-index .art-left{
    width: 832px;
    float: left;
    margin-left: 29px;
    padding-right:31px;
    padding-top:52px;
    border-right:1px solid #ededed;
  }
  .mz6-index .art-left p{
    margin-bottom:24px;
    color: #444444;
    font-size:16px;
    line-height:28px;
  }
  .mz6-index .article div{
    float: left;
  }
  .mz6-index .article .imgboxs{
    width:237px;
    height:158px;
   
    margin-right: 20px;
    margin-bottom:20px;
  }
  .mz6-index .article-right{
    width:528px;
  }
  .mz6-index .article .imgboxs img{
    
    display: block;
  }
  
  .mz6-index .art-right{
    width:247px;
    float: left;
    margin-left:35px;
    padding-top: 52px;
  }
  .mz6-index .art-right div{
    cursor: pointer;
  }
  .mz6-index .art-right h3{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 24px;
  }
  .mz6-index .art-right p{
    font-size:15px;
    line-height: 26px;
    color: #757575;
  }
  .mz6-index .art-right img{
    width:263px;
    height:150px;
    margin-top:10px;
  }
  
  .mz6-index .line{
    width:96%;
    height:1px;
    background:#d9d9d9;
    margin: 15px auto;
  }
  .mz6-index .footer-box{
    width:1144px;
    height:115px;
    margin:0 auto;
    border-top:1px solid #ededed;
    line-height:115px;
    text-align: center;
    background: none;
  }
  
  .mz6-index .footer-box a{
    color:#333333;
    text-align: center;
    
    font-size:18px;
    font-weight: bold;
  }
  .mz6-index .clearfix:before,.clearfix:after {
    content: "\0020" !important; 
    display: block !important; 
    height: 0 !important; 
    overflow: hidden !important; 
  }
  
  .mz6-index .clearfix:after {
    clear: both !important; 
  }
  
  .mz6-index .clearfix {
    zoom:1 !important; }
  .mz6-index .article{width:auto !important;}
  .head-form{
    display: none !important;
  }

  @media screen and (max-width: 1100px){
    .all-like-box{
        display:none;
    }
    .bod-content{
        width:auto;
        height: auto;
        margin: 0 auto 0px;
    }
    .bod-left{
        width:auto;
        float: none;
    }
    .banner-box{
        width:100%;
        margin-bottom: 10px;
        height: 320px;
    }
    .slider_box,.silder_nav{
        width:100%;
    }
    .slider_box{
        height: 315px;
    }
    .f_l,.silder_panel img{
        width:100%;
    }
    .silder_nav{
        display:flex;
    }
    .silder_nav li{
        flex:1;
        width: auto;
    }
    .silder_nav img{
        width: 100%;
        margin: 0 auto;
    }
    .yzjx-box ul{
        width:auto;
    }
  .yzjx-box ul li{
      width:48%;
      margin: 0 4% 10px 0;
      height: auto;
      background: none;
  }
  .yzjx-box ul li:nth-of-type(2n){
      margin-right:0 !important;
  }
  .yzjx-box ul li a.yzjx-img{
      margin: 10px;
      width: 60px;
      height: 60px;
  }
  .yzjx-info{
      width: 46%;
  }
  .yzjx-box ul li .type i{
      margin:0;
      display: none;
  }
  .yzjx-info a{
      width:auto;
      font-size: 13px;
  }
  .yzjx-info p{
      margin-top:2px;
  }
  .yzjx-type i{
      display:none;
  }
   .yzjx-type{
      height: 16px;
      line-height: 16px;
      overflow: hidden;
      font-size: 12px;
  }
  .box-tit{
      width:auto;
      padding:0 10px
  }
  .bod-center{
      width:auto;
      float:none;
      margin: 0;
      height: auto;
  }
  .mrgx-tab{
      padding:0 10px;
  }
  .mrgx-box ul{
      margin-top:10px;
  }
  .mrgx-box ul li{
      border:none;
      padding-bottom: 10px;
  }
  .b-g-classify,.mrgx-box ul li font{
      display:none;
  }
  .b-g-right{
      display:flex;
      margin-left: 10px;
  }
  .b-g-tit{
      flex:1;
      width: auto;
  }
  .mrgx-box ul li strong{
      top: 10px;
  }
  .b-g-time{
      font-size:12px;
  }
  .bod-right{
      width:auto;
      float:none;
      margin-top: 20px;
  }
  .tjhj-box ul{
      padding:0 10px;
  }
  .tjrj-box{
      width:auto;
  }
  .tjrj-box ul{
      width:auto;
      padding:0 10px;
  }
  .tjrj-box ul li{
      width:24%;
      margin: 0 1% 10px 0;
  }
  .tjrj-box ul li:nth-of-type(4n){
      margin-right:0 !important;
  }
  .tjrj-img{
      width:64px;
      margin: 0 auto;
  }
  .tjrj-tit{
      margin:0 auto;
  }
  .rmyx-box, .rmzt-box, .rmfl-box, .rmbq-box, .rmrj-box, .phb-box, .bzx-box, .link-box{
      width:auto;
  }
  .classify-nav{
      display:flex;
      overflow-x: scroll !important;
      max-width: 60%;
      margin-top: 15px;
  }
  .classify-nav li{
          white-space: nowrap;
          font-size: 12px;
          margin-right: 5px;
  }
  .rmfl-list-box ul,.rmbq-box ul,.link-box ul{
      width:auto;
      padding:0 10px;
  }
  .rmfl-list-box ul li{
      width: 23%;
      margin-right: 2.5%;
      height: auto;
      margin-top: 10px;
      padding-bottom: 10px;
  }
  .rmfl-list-box li:nth-child(n+13){
      display:none;
  }
  .rmfl-list-box ul li:nth-of-type(4n){
      margin-right:0 !important;
  }
  .rmfl-list-box ul li a.rmfl-list-img{
      width:60px;
      height:60px;
      margin: 10px auto;
  }
  .rmfl-list-size{
      display: none;
      font-size:12px;
  }
  .rmfl-list-btn{
      display:block;
  }
  .rmbq-box ul{
      margin-top: 15px;
  }
  .rmbq-box ul li,.link-box ul li{
      margin-right: 5px;
      margin-bottom: 8px;
  }
  .rmbq-box ul li a{
      
    font-size: 14px;
        
    padding: 2px 6px;
  }
  .phb-box{
      display:none;  
  }
  .con-tit{
      width:auto;
      margin:0 10px;
  }
  .link-box ul li{
      width: auto;
  }
  .rmfl-list-box ul li a.rmfl-list-tit{
      font-size:14px;
  }
  .rmzt-lb-box{
      width:auto;
      padding:0 10px;
      height: auto;
  }
  .flexslider{
      width:auto;
      margin: 5px auto 0;
  }
  .ztlist-box{
      width:auto;
  }
  .ztlist{
      width:49%;
      margin: 10px 2% 0px 0;
      height: 110px;
  }
  .ztlist:nth-of-type(2n){
      margin-right:0 !important;
  }
  .flexslider ul li{
      display:none;
  }
  .flexslider ul li:nth-of-type(1){
      display:block;
  }
  .silder_panel{
      /* width: auto; */
  }
  .rmfl-box,.tjhj-box,.tjrj-box,.bod-right{
    display:none;
    }
    .mz6-index{
        width: 100%;
        margin: 38px auto 0;
        background:#fff;
      }
      .mz6-index .header-box{
        width: 100%;
        border-bottom:1px solid #ededed;
        margin: 0 auto;
      }
      .mz6-index .header-box h1{
        font-size:24px;
        line-height: 60px;
        color: #515151;
        margin-left: 10px;
      }
      .mz6-index .header-box p{
        font-size: 14px;
        color: #757575;
        padding-bottom:20px;
        margin: 0 10px;
      }
      .mz6-index .art-left{
        width: auto;
        float: left;
        border-right:1px solid #ededed;
        margin: 0 auto;
        float: none;
        padding: 10px;
      }
      .mz6-index .art-left p{
        margin-bottom: 10px;
        color: #444444;
        font-size: 15px;
        line-height:28px;
      }
      .mz6-index .article div{
        float: left;
      }
      .mz6-index .article .imgboxs{
        width:237px;
        height:158px;
        margin: 0 auto 10px;
        float: none;
      }
      .mz6-index .article-right{
        width: auto;
      }
      .mz6-index .article .imgboxs img{
        
    display: block;
        
    margin: 0 auto;
      }
      
      .mz6-index .art-right{
        width: auto;
        float: none;
        margin: 0 auto;
        padding: 10px;
      }
      .mz6-index .art-right div{
        cursor: pointer;
        margin: 0 auto;
      }
      .mz6-index .art-right h3{
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 14px;
      }
      .mz6-index .art-right p{
        font-size: 12px;
        line-height: 26px;
        color: #757575;
        text-align: center;
      }
      .mz6-index .art-right img{
        width:263px;
        height:150px;
        margin-top:10px;
        margin: 10px  auto;
        display: block;
      }
      
      .mz6-index .line{
        width:96%;
        height:1px;
        background: none;
        margin: 15px auto;
      }
      .mz6-index .footer-box{
        width: auto;
        height: 80px;
        margin:0 auto;
        border-top:1px solid #ededed;
        padding:10px 0;
        text-align: center;
      }
      .mz6-index .footer-box a{
          display:block;
          line-height:30px;
      }
      
      .mz6-index .footer-box a{
        color:#333333;
        text-align: center;
        font-size: 15px;
        font-weight: bold;
      }
      .mz6-index .clearfix:before,.clearfix:after {
        content: "" !important; 
        display: block !important; 
        height: 0 !important; 
        overflow: hidden !important; 
      }
      
      .mz6-index .clearfix:after {
        clear: both !important; 
      }
      
      .mz6-index .clearfix {
        zoom:1 !important; }
      .mz6-index .article{width:auto !important;}
      .article-box{
          margin-bottom:30px;
      }
      .mz6-index img:hover {
        transform: scale(1) !important;
        -webkit-transform: scale(1) !important;
        -moz-transform: scale(1) !important;
        -o-transform: scale(1) !important;
        -ms-transform: scale(1) !important;
    }
}





.mz6n-index img:hover {
    transform: scale(1) !important;
    -webkit-transform: scale(1) !important;
    -moz-transform: scale(1) !important;
    -o-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
}

.mz6n-top{
    width: 1200px;
    margin: 0 auto;
    height: 92px;
    line-height: 92px;
}
.mz6n-top a{
    float: left;
    font-size: 30px;
    color: #333333;
}
.mz6n-top div i{
    float: right;
    color: #5a5a5a;
    font-size: 18px;
    font-style: italic    ;
}
.mz6n-header-box{
    width:100%;
    height: 60px;
    background: #282828;
}
.mz6n-header-box ul{
    width: 1200px;
    margin: 0 auto;
    height: 60px;
}
.mz6n-header-box ul li {
    width: 180px;
    float: left;
    height: 60px;
}

.mz6n-header-box ul li a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 60px;
    color: #fff;
    font-size: 16px;
}
.mz6n-header-box ul li a:hover{
    color: #fff !important;
}
.o-active a,.mz6n-header-box ul li:hover a {
    font-weight: bold;
    background: #2dbaed;
}
.mz6n-banner-box{
    width: 100%;
    display: flex;
    height: 652px;
    background: url(../images/j_banner.png) no-repeat center center;
}
.mz6n-banner-con{
    width: 680px;
    height: 322px;
    margin: 160px auto;
    background: rgba(0,0,0,0.5);
}
.mz6n-banner-tit1{
    margin: 30px auto;
    width: 80%;
    padding: 20px 20px 30px;
    border-bottom: 1px solid #fff;
    opacity: 0.9;
}
.mz6n-banner-tit1 p{
    font-size: 48px;
    text-align: left;
    line-height: 55px;
    color: #fff;
    margin-bottom: 10px;
}
.mz6n-banner-tit2{
    text-align: center;
    padding: 4px 5px;
    color: #fff;
    background: #2dbaed;
    width: 60%;
    margin: 20px auto;
}
.mz6n-about-us,.mz6n-cooperation-us{
    width: 1200px;
    margin: 0 auto;
    padding-top: 60px;
    padding-bottom: 40px;
}
.mz6n-box-tit{
    color: #282828;
    font-size: 30px;
    text-align: center;
    position: relative;
    margin-bottom: 50px;
}
.mz6n-box-tit::after{
    display: block;
    content: "";
    width: 60px;
    height: 4px;
    background: #2dbaed;
    position: absolute;
    left: 50%;
    margin-left: -30px;
    bottom: -20px;
}
.mz6n-about-img{
    width: 1100px;
    height: 410px;
    margin: 0 auto 30px;
    display: block;
}
.mz6n-about-tit1{
    color:#2dbaed;
    font-size: 20px;
    line-height: 32px;
    width: 1100px;
    margin: 0 auto 10px;
}
.mz6n-about-us p{
    color: #333333;
    font-size: 16px;
    width: 1100px;
    margin: 0 auto 20px;
    line-height: 26px;
}
.mz6n-join-us{
    width:100%;
    height: 578px;
    background: url(../images/join-img.png) no-repeat 0 0;
    background-size: 100% 100%;
}
.mz6n-join-us .mz6n-box-tit{
    color: #fff;
    padding-top: 60px;
}
.mz6n-join-us ul{
    width: 1200px;
    margin: 80px auto 0; 
}
.mz6n-join-us ul li{
    width: 204px;
    height: 272px;
    background: rgba(195,22,24,0.3);
    float: left;
    margin-left: 90px;
    display: flex;
    color: #fff;
}
.mz6n-j-box{
    background: rgba(195,22,24,0.5);
    margin: 12px;
    width: auto;
    height: auto;
    padding: 15px;
}
.mz6n-j-box div{
    font-size: 20px;
    line-height: 40px;
    margin-top: 10px;
}
.mz6n-j-box p{
    font-size: 16px;
    line-height: 26px;
    margin-top: 20px;
}
.mz6n-join-bottom{
    text-align: center;
    color: #fff;font-size: 16px;
    margin-top: 50px ;
}
.mz6n-cooperation-us ul{overflow: hidden;zoom:1;padding: 50px 0 0;border: 2px solid #eeeeee; }
.mz6n-cooperation-us ul li{ width: 25%; height: 80px; float: left; margin-bottom: 60px; }
.mz6n-cooperation-us ul li a{display: block;width: 170px;height: 80px;margin:0 auto;background: url(../images/b_logos.jpg) no-repeat;opacity: .6;transition: all 0.3s;}
.mz6n-cooperation-us ul li a:hover{ opacity: 1;transform: translateY(-10px); }
.mz6n-cooperation-us ul li.mz6n-game_37 a{ background-position: 0 0; }
.mz6n-cooperation-us ul li.mz6n-cgamex a{ background-position: -230px 0; }
.mz6n-cooperation-us ul li.mz6n-iqiyi a{ background-position: -460px 0; }
.mz6n-cooperation-us ul li.mz6n-caohua a{ background-position: -690px 0; }
.mz6n-cooperation-us ul li.mz6n-guopan a{ background-position: -920px 0; }
.mz6n-cooperation-us ul li.mz6n-paojiao a{ background-position: -1150px 0; }
.mz6n-cooperation-us ul li.mz6n-sogou a{ background-position: -1380px 0; }
.mz6n-cooperation-us ul li.mz6n-qq a{ background-position: -1610px 0; }
.mz6n-cooperation-us ul li.mz6n-game_163 a{ background-position: 0 -167px; }
.mz6n-cooperation-us ul li.mz6n-chineseall a{ background-position: -230px -167px; }
.mz6n-cooperation-us ul li.mz6n-game_51 a{ background-position: -460px -167px; }
.mz6n-cooperation-us ul li.mz6n-tanwan a{ background-position: -690px -167px; }
.mz6n-cooperation-us ul li.mz6n-youzu a{ background-position: -920px -167px; }
.mz6n-cooperation-us ul li.mz6n-xy a{ background-position: -1150px -167px; }
.mz6n-cooperation-us ul li.mz6n-yy a{ background-position: -1380px -167px; }
.mz6n-cooperation-us ul li.mz6n-swjoy a{ background-position: -1610px -167px; }


.mz6n-footer-box{
    background: #282828;
    color: #fff;
    margin-top: 0px;
}
.mz6n-footer-1{
    padding: 46px 0 36px;
    border-bottom: 1px solid #474747;
}
.mz6n-footer-1-box{
    width: 950px;
    margin: 0 auto;
}
.mz6n-footer-left{
    float: left;
    width:400px;
    border-right: 1px solid #3a3a3a;
}
.mz6n-footer-left img{
    display: block;
    margin: 0 auto;
}
.mz6n-footer-left p{
    text-align: center;
    line-height: 30px;
}
.mz6n-footer-right{
    float: left;
}
.mz6n-footer-right div{
    margin-bottom: 25px;
    font-size: 22px;
    padding-left: 140px;
}
.mz6n-footer-right p{
    padding-left: 140px;
    margin-bottom: 8px;
    line-height: 26px;
}
.mz6n-footer-2 {
    padding: 26px 0;
}
.mz6n-footer-2 a{
    color: #fff;
    line-height: 30px;
}
.mz6n-f-tit{
    display: block;
    text-align: center;
}
.mz6n-footer-2 ul{
    width: 388px;
    margin: 0 auto;
}
.mz6n-footer-2 ul li{
    float: left;
    padding: 0 10px;
}

@media screen and (max-width: 1100px){
    .mz6n-top{
        width:auto;
        padding:0 10px;
        height: 40px;
        line-height: 40px;
    }
    .mz6n-top a{
        font-size: 18px;
        font-weight: bold;
    }
    .mz6n-top div i{
        font-size: 12px;
    }
    .mz6n-header-box{
        height:40px;
    }
    .mz6n-header-box ul{
        width:auto;
        height:40px;
        display: flex;
    }
    .mz6n-header-box ul li a{
        line-height:40px;
        font-size:15px;
    }
    .mz6n-header-box ul li{
        width:auto;
        height: 40px;
        flex: 1;
    }
    .mz6n-banner-box{
        height: auto;
        background: url(../images/j_banner.png) no-repeat center center;
        background-size: 100% 100%;
    }
    .mz6n-banner-con{
        width: 80%;
        height: 159px;
        margin: 50px  auto;
    }
    .mz6n-banner-tit1{
        margin: 5px auto;
        padding: 10px;
        width: auto;
        opacity: 1;
    }
    .mz6n-banner-tit1 p{
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 5px;
    }
    .mz6n-banner-tit2{
        width: auto;
        margin: 10px;
        font-size: 12px;
    }
    .mz6n-about-us, .mz6n-cooperation-us{
        width:auto;
        padding-top: 30px;
        padding-bottom: 10px;
    }
    .mz6n-cooperation-us{
        padding:30px 10px 20px 10px;
    }
    .mz6n-box-tit{
        font-size:18px;
        margin-bottom: 30px;
    }
    .mz6n-about-img{
        width: 100%;
        height: auto;
        margin: 0 auto 10px;
    }
    .mz6n-box-tit::after{
        bottom: -15px;
    }
    .mz6n-about-tit1{
        width: auto;
        font-size: 18px;
        padding: 0 10px;
        margin: 0 auto 2px;
    }
    .mz6n-about-us p{
         width: auto;
         padding: 0 10px;
         font-size: 14px;
         margin: 0 auto 5px;
    }
    .mz6n-join-us{

height: 430px;

}
    .mz6n-join-us .mz6n-box-tit{
        padding-top: 30px;
    }
    .mz6n-join-us ul{
        width:auto;
        margin: 40px auto 0;
        padding: 0 10px;
    }
    .mz6n-join-us ul li{
        width: 49%;
        margin: 0 2% 10px 0;
        height: auto;
    }
    .mz6n-join-us ul li:nth-of-type(2n){
        margin-right:0 !important;
    }
    .mz6n-j-box{
        margin: 6px;
        padding: 6px;
    }
    .mz6n-j-box div{
        font-size:15px;
        margin-top: 0px;
    }
    .mz6n-j-box p{
        margin-top: 0px;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 5px;
    }
    .mz6n-join-bottom{
        font-size:14px;
        margin-top: 10px;
    }
    .mz6n-cooperation-us ul{
        border: none;
        padding: 0px 0 10px;
    }
    .mz6n-cooperation-us ul li a{
    transform: scale(0.5);
    position: absolute;
    left: 50%;
    margin-left: -85px;
    top: 50%;
    margin-top: -40px;
    }
    .mz6n-footer-1{
        display:none;
    }
    .mz6n-footer-2 ul{
        width:360px;
        text-align:center;
    }
    .mz6n-footer-2 a{
        font-size: 14px;
        line-height: 20px;
    }
    .mz6n-footer-2{
        padding:10px 0;
    }
    .mz6n-cooperation-us ul li{
        margin-bottom:0;
        position: relative;
        height: 55px;
    }
    .mz6n-cooperation-us .box-tit{
        margin-bottom:10px;
    }
}