/*begin*/
.wrap{ background-color: rgb(0, 0, 0);}
.header{ display: block; width:100%; height: 44px; color: white; position: fixed;}
.header img{ display: block; float: left;}
.header a{ text-decoration: none; color: white;}
.arrow{ -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.menu-icon{ float: right; display: block; position: relative; top: -43px; height: 40px; width: 40px;}

.menu-icon-all{ background-color: #ffffff; width: 7px; height: 7px; display: inline-block; position: absolute;}
.menu-icon-1{ left: 10px; top: 12px; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.menu-part.opened .menu-icon-1{ transition: top 100ms, transform 200ms 250ms; -webkit-transition: top 100ms, -webkit-transform 200ms 250ms;}

.menu-icon-2{ right: 10px; top: 12px;}
.menu-icon-3{ left: 10px; bottom: 8px; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.menu-part.opened .menu-icon-3{ transform: rotate3d(0, 0, 1, 45deg); -webkit-transform: rotate3d(0, 0, 1, 45deg); transition: top 100ms, transform 200ms 250ms; -webkit-transition: top 100ms, -webkit-transform 200ms 250ms;}
.menu-icon-4{ right: 10px; bottom: 8px;}
.menu-part.opened .menu-icon-all{ top:19px; left:5px;}
title{ display: block; margin: 0 auto; width: 200px; height: 44px; font-size: 18px; line-height: 44px; text-align: center;}
.content{ min-height: 812px; text-align: center; padding-top: 56px;}
.content a{ text-decoration: none; color: #ffffff;}
.video-content{ min-height: 812px; text-align: center; padding-top: 44px;}
.clearfix{ clear: both;}
.mask{ position: absolute;}
.menu-list{ position: relative; background-color: #091A2B; right: 0px; min-width: 375px; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.menu-list ul{ display: none; list-style: none; padding: 0; padding-top: 5px;}
.menu-list li { display: flex;}
.article{ margin: 0 auto; opacity: 1; border-radius: 8px; width: 360px; height: 163px;}