*{padding:0;margin:0}
body{background-color:#fc9872;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif}
#main{margin:10px auto;display:flex;justify-content:center;flex-direction:column;align-items:center}
.field{width:500px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#efe7ee;font-size:16px;padding:15px;margin:5px auto;border-radius:6px}
.field.desc ul>li{text-align:left;font-size:16px}
@media (max-width:500px){#main{padding:0 5px}
.field{width:100%;padding:15px 0}
.field.desc ul{margin:0 15px}
.field.desc ul>li{text-align:left}
}
ul>li{margin-bottom:10px;list-style-type:none;text-align:center}
ul>li.text{font-size:12px;clear:both;width:100%}
.field .title{margin-bottom:15px;font-weight:700;color:#d9dee3}
a,a:active,a:focus,a:hover,a:visited{color:inherit;text-decoration:none}
.brand{display:flex;align-items:center;justify-content:flex-start;text-align:center;color:#000;font-size:30px;font-weight:200;padding:20px;cursor:pointer}
.brand span{color:#fff;font-weight:600}
.brand span.flag{color:#fc9872;background:#fff;border-radius:6px;font-size:15px;font-weight:700;display:inline-block;padding:0 5px;margin-left:5px}
.enter-maomi{width:75%;text-align:center;line-height:40px;border:1px solid #fc9872;border-radius:4px;margin-bottom:20px;margin-top:10px}
.enter-icon{width:32px;height:41px;float:left;margin-right:5px;background-color:#fc9872}
.enter-link a{display:block}
.icon{width:20px;height:20px;background-position:center;background-size:contain;background-repeat:no-repeat;display:inline-block}
.icon_hand{width:27px;height:27px;vertical-align:middle;background-image:url(./images/hand.png);padding-top:12px}
.c_black{color:#d9dee3;line-height:30px;font-size:15px}
.c_blue{color:#fc9872}
.c_link{font-size:14px;line-height:30px}
.fri_link{overflow:hidden;width:80%}
.fri_link li{float:left;display:block;font-size:.875rem;width:33.33333333%}
.icon_ios_shared{background-image:url(./images/ios_share.png)}
.icon_android_share{background-image:url(./images/android_share.png)}
*{  
            margin: 0px;  
            padding: 0px;  
        }  
        video{  
            position: fixed;  
            right: 0px;  
            bottom: 0px;  
            min-width: 100%;  
            min-height: 100%;  
            height: auto;  
            width: auto;  
            /*加滤镜*/
            /*filter: blur(15px); //背景模糊设置 */
            /*-webkit-filter: grayscale(100%);*/  
            /*filter:grayscale(100%); //背景灰度设置*/  
            z-index:-11
        }  
        source{  
            min-width: 100%;  
            min-height: 100%;  
            height: auto;  
            width: auto;  
        } 
        
*{
    /* 初始化 */
    margin: 0;
    padding: 0;
}
body{
    /* 100%窗口高度 */
    min-height: 100vh;
    /* 弹性布局 水平+垂直居中 */
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #06252e;
}
.container{
    /* 投影效果 */
    -webkit-box-reflect: below 1px linear-gradient(transparent,rgba(0,0,0,0.2));
}
h2{
    color: #fff;
    font-size: 96px;
    /* 字间距 */
    letter-spacing: 15px;
    /* 转大写 */
    text-transform: uppercase;
    text-align: center;
    line-height: 76px;
    outline: none;
    /* 自定义属性--c，可通过var函数对其调用 */
    --c:lightseagreen;
    /* 调用自定义属性--c，设置文字阴影（发光效果） */
    text-shadow: 0 0 10px var(--c),
    0 0 20px var(--c),
    0 0 40px var(--c),
    0 0 80px var(--c),
    0 0 160px var(--c);
    /* 执行动画：动画名 时长 线性的 无限次播放 */
    animation: animate 5s linear infinite;
}

/* 定义动画 */
@keyframes animate {
    to{
        /* 色相旋转滤镜（设置度数可改变颜色） */
        filter: hue-rotate(360deg);
    }
}