@charset "utf-8";
blockquote,body,button,caption,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,html,input,legend,li,menu,ol,p,pre,table,td,textarea,th,ul{margin:0;padding:0}
body{width:100vw;height:100%;}
abbr,body,fieldset,html,iframe,img{border:0}
li{list-style:none}
textarea{overflow:auto;resize:none}
input{outline:none}
a,button {cursor:pointer}
b,em,h1,h2,h3,h4,h5,h6,strong {font-weight:bold}
a,a:hover {text-decoration:none}
.tn{text-indent:-99999rem;display:block}
body,button,input,textarea {color:#975048}
body,html{font-family:"Microsoft YaHei", "Helvetica Neue", Arial, HelveticaNeue, Helvetica, "BBAlpha Sans", sans-serif;overflow-x:hidden;min-height:1080px;min-width:1365px;}
.i{background-repeat:no-repeat;background-size:contain;background-position:center}
.bg{background-repeat:no-repeat;background-size:cover;background-position:center}
.pa{position:absolute}.pr{position:relative}
.wrap *{box-sizing:border-box}

@font-face{font-family:'mmw6';src:url('../img/MotoyaMinchoStd-W6.otf') format("truetype");font-weight:normal;font-style:normal}
.wrap{position:relative;left:0;top:0;width:100%;height:1080px;background:url(../img/main_bg.jpg) no-repeat 50% 0;font-size:20px;overflow:hidden;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-overflow-scrolling:touch;;font-family:'mmw6'}


.main_box{display:flex;justify-content:space-between;width:1365px;margin:0 auto;padding-top:354px}
.top_logo{width:260px;height:120px;position:absolute;left:-250px;top:42px}
.top_logo a{display:block;width:100%;height:100%}
.nav_left_m{width:263px;height:100%;overflow:hidden;padding-top:16px}
.nav_left_tab{height:100%}
.nav_left_tab li{text-align:center;font-size:24px;height:106px;justify-content:space-around;display:flex;align-items:center;background-repeat:no-repeat;;color:#fe8684;font-weight:700;width:263px;transition:all 0.3s;    line-height:30px;cursor:pointer}
.nav_left_tab li.on{background-image:url(../img/public_tab_on.png);color:#f5eca9}

.pc_pen{background-image:url(../img/right_ing.png);width:306px;height:297px;position:absolute;right:-280px;bottom:-161px}

.tmmark{width:100%;height:100%;background:rgba(0,0,0,0.5);position:absolute;left:0;top:0;z-index:6}

.main_right{width:958px;margin-right:25px}
.main_right .right_tab{height:55px;line-height:55px}
.main_right .right_tab li{margin:0 45px;position:relative;padding:0 5px;cursor:pointer}
.main_right .right_tab li i{display:block;width:1px;height:33px;background-color:#bd8c7d;position:absolute;right:-45px;top:13px}
.main_right .right_tab li.on{color:#6c0b0b;font-weight:700}
.main_right .right_tab li.on::after{content:'';bottom:10px;height:3px;width:100%;background-color:#6c0b0b;position:absolute;left:0}
.main_right .right_tab .tab{display:none;justify-content:center;background-image:url(../img/right_tab_bg.png);width:959px;height:56px;}
.main_right .right_tab .tab.on{display:flex}

.scrollbar{overflow-y:auto}
.scrollbar::-webkit-scrollbar{width:7px;height:1px;background-color:#a4766b}
.scrollbar::-webkit-scrollbar-thumb{background-color:#9c292d;border-radius:5px}

.video_content{height:426px;margin-top:34px;width:976px}
.video_list{display:flex;justify-content:start;flex-wrap:wrap;position:relative;height:100%}
.video_list li{width:308px;margin-bottom:15px;position:relative;height:201px;margin-right:15px}
#videolist0 li{display:none}

.video_list li .link_t{font-size:22px;color:#dfc078;word-break:break-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:300px;height:34px;line-height:34px;padding-left:16px}
.video_list li .time{font-size:16px;background-image:url(../img/time_icon.png);color:#edd788;background-repeat:no-repeat;background-position:0 center;padding-left:16px;height:16px;line-height:16px;margin-left:16px}
.video_list li .fmimg{height:201px;position:relative;overflow:hidden;border-radius:5px}
.video_list li .fmimg img{position:absolute;top:50%;width:100%;height:auto;-moz-transform:translateY(-50%);transform:translateY(-50%);transition: all 0.3s}
.video_list li .fmimg img:hover{transform:scale(1.05) translateY(-50%)}
.ft_xx{height:62px;position:absolute;bottom:0;left:0;z-index:10}
.tmbg{width:100%;height:62px;background:rgba(0,0,0,0.5);position:absolute;left:0;bottom:0;z-index:5;border-bottom-left-radius:5px;border-bottom-right-radius:5px}
.video_list li.none_data{background-image:url(../img/null_data.png);width:400px;height:84px;position:absolute;left:50%;top:50%;margin-top:-42px;margin-left:-200px}

/* tips */
.popmark{width:100%;height:100%;background:rgba(0,0,0,0.7);position:fixed;z-index:10;left:0;top:0;display:none}
.pop{left:50%;top:50%;transform:translate3d(-50%,-50%,0);position:absolute}
.tips_yt_player{width:1062px;height:578px;background-image:url(../img/tips_v_bg.png);padding:52px 83px 0 141px;;font-family:'mmw6'}

.video_main{width:950px;margin:0 auto;background-color:rgba(213, 192, 161,0.7);height:405px}
.video_left{width:540px;height:405px;float:left;position:relative}
.video_left img{width:auto;height:100%;position:absolute;left:0;top:0;z-index:4;display:block}
.video_left .cover{width:100%;height:100%;background:rgba(0,0,0,0.5);position:absolute;left:0;bottom:0;z-index:5}
.video_left .playbtn{width:92px;height:92px;background-image:url(../img/play_btn.png);display:inline-block;position:absolute;left:50%;margin-left:-46px;top:50%;margin-top:-46px;z-index:25;transition:all 0.3s}
.video_left .playbtn:hover{transform:scale(1.1)}

.video_right{height:356px;border-style:solid;border-color:#ae8872;border-width:2px 2px 2px 0;width:376px;float:right;padding-left:30px;padding-top:45px}

.tip_ytb_tit{text-align:center;font-size:48px;font-weight:700;color:#701e19;text-shadow:#d4c3a7 1px 1px;height:96px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.video_box{width:100%;height:100%;position:absolute;left:0;top:0;z-index:20}
.closebtn{position:absolute;right:-40px;top:5px;display:block;width:155px;height:112px;background-image:url(../img/close.png);cursor:pointer}
.info_t{width:290px;height:45px;background:url(../img/info_tit.png) no-repeat;font-size:30px;padding-left:52px;line-height:22px;color:#7e1e1b}
.tip_ytb_info{width:350px}

.tips_yt_player.none_info .video_left{width:950px}
.tips_yt_player.none_info .video_right{display:none}
.tips_yt_player.none_info .video_left img{width:auto;height:100%;position:relative;margin:0 auto}
.tips_yt_player.none_info .video_main{background:#000}
.tips_yt_player.none_info .cover{background:none}