@charset "utf-8"; 
body{ margin:0; padding:0; font-size:14px; font-family:"Microsoft Yahei","宋体",Arial, Helvetica, sans-serif; background-color:#181109;}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
area{outline:none;}
img{ border:0;}
ol,ul{list-style:none;}
a{ font-family:"Microsoft Yahei","宋体",Arial, Helvetica, sans-serif;text-decoration:none;outline:none; cursor:pointer}
a:hover{ text-decoration:none;}
span{outline:none;}

::-webkit-scrollbar {
    display: none !important;
    width: 0;
}

html,body{
    max-width: 750px;
    margin: 0 auto;
    position: relative;
    overflow-x: hidden;
    height: 100%;
    background-color: rgba(37,38,42,1);
}

.wrap{ 
    position:relative; 
    width:750px; 
    margin:0 auto;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
/* head */
.container_top{ position:relative; width:750px;margin:0 auto;}
.title_img{ display:block; margin:45px auto 40px;}
/* nav */
.list_nav_box{ height:51px; border-bottom:1px solid #836e56;}
.list_nav{ height:53px; margin:0 auto; overflow:hidden;}
.list_nav a{ float:left; width:190px; height:51px; font-size: 28px; color:#fff; text-align:center;}
.media_nav{ width:680px; display:flex; justify-content: space-around;}
.media_nav a{width:310px;}
.list_nav a.on{ color:#f8e5c3; border-bottom:3px solid #f8e5c3;}

/* picture */
.media_list_wrap{width: 750px;flex: 1;margin:46px auto 20px;overflow-y:scroll;}
.media_list_wrap ul li{float:left;width: 310px; height:174px;margin:0px 0 46px 44px;position: relative;}
.media_list_wrap ul li img{width: 310px;height: 174px;border:1px solid #61572e;}
.media_list_wrap ul li span{display: block;position: absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.5) url(../images/video-icon.png) no-repeat center;}
.media_list_wrap ul li a:hover span{background: transparent;}
.media_list_wrap ul li a p{position: absolute;bottom:-2px;right: -14px;width: 147px;height: 34px;line-height: 34px; background:url(../images/view_t_bg.png);color: #a59b50;text-indent: 10px;font-size: 14px; text-align:center;}
.media_list_wrap ul li .pic_view:hover span{background: transparent;}
.media_list_wrap ul li .pic_view p{position: absolute; bottom:-2px;right: -14px;width: 147px;height: 34px;line-height: 34px; background:url(../images/view_t_bg.png);color: #a59b50;text-indent: 10px;font-size: 14px; text-align:center;}
.media_video ul li a p{display: none;}
.media_video ul li .videw_view p{display: none;}
.media_picture ul li span,.media_carton  ul li span{display: none;}
.pic_view{ cursor: pointer;}
.videw_view{ cursor: pointer;}
.videw_view:hover{ text-decoration: none;}

/* pop_video */
.pop_fixed{ position:fixed; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.8); z-index:100;display: none;}
.pop_video_cont{ position:absolute; width:750px; height:414px; top:50%; margin:0px auto;margin-top: -212px;}
.icon_close{ position:absolute; width:54px; height:54px; right:0px; top:0px; background:url(../images/close.png); cursor:pointer;z-index: 1;}
.pop_v_box{ width:750px; height:414px; background-color:#000; overflow:hidden;}
.pop_v_box video{ width:100%;}
.pop_big_pic{ position:absolute; max-width:90%; max-height:90%; left:50%; top:50%; transform:translate3d(-50%,-50%,0); -webkit-transform:translate3d(-50%,-50%,0);}

/* footer */
.footer{ display: flex; height:170px; justify-content: center; align-items: center; background:url(../images/bottom_bg.png) center center no-repeat; background-size:cover;}
.footer_left{margin-right: 56px;transform:scale(0.6);transform-origin:right center}
.footer_right{margin-top: 12px;transform:scale(0.6);transform-origin:left center;margin-right: 55px;}
.footer_right .r1{ margin-bottom: 12px;}
.footer_right .r2{ padding: 20px;}