.alarm_light{background-image:url("../images/icon/icon_time.svg")!important;}
.bg1{background:url("../images/bg1.jpg") no-repeat center 0;background-size: 100% 100%;}
.bg2{background:url("../images/en/bg1.jpg") no-repeat center 0;background-size: 100% 100%;}
.a1{background:url("../images/a1.jpg") no-repeat center 0;background-size: 100% 100%;}
.b1{background:url("../images/b1.jpg") no-repeat center 0;background-size: 100% 100%;}
.b2{background:url("../images/b2.jpg") no-repeat center 0;background-size: 100% 100%;}
.b3{background:url("../images/b3.jpg") no-repeat center 0;background-size: 100% 100%;}
.b4{background:url("../images/b4.jpg") no-repeat center 0;background-size: 100% 100%;}

body::-webkit-scrollbar{
    display: none;
}
.w1             {color: #ffffff; font-family:arial; font-size:14px;}
.w1:link		{text-decoration: none;color: #ffffff;font-family: 微软雅黑;}
.w1:visited	    {text-decoration: none; color: #ffffff; font-family: 微软雅黑;}
.w1:active	    {text-decoration: none; color: #77FDFF; font-family: 微软雅黑;}
.w1:hover		{text-decoration: none; color: #77FDFF; font-family: 微软雅黑;}
.w2             {color: #ffffff; font-family:微软雅黑; font-size:16px;}
.w3             {color: #938669; font-family:微软雅黑; font-size:16px;}
.w3:link		{text-decoration: none;color: #938669;font-family: 微软雅黑;}
.w3:visited	    {text-decoration: none; color: #938669; font-family: 微软雅黑;}
.w3:active	    {text-decoration: none; color: #ffffff; font-family: 微软雅黑;}
.w3:hover		{text-decoration: none; color: #ffffff; font-family: 微软雅黑;}
.w4             {color: #ffffff; font-family:arial; font-size:14px;}
.y1             {color: #ffffff; font-family:arial; font-size:14px;}
.y1:link		{text-decoration: none;color: #ffffff;font-family: 微软雅黑;}
.y1:visited	    {text-decoration: none; color: #ffffff; font-family: 微软雅黑;}
.y1:active	    {text-decoration: none; color: #00FFFF; font-family: 微软雅黑;}
.y1:hover		{text-decoration: none; color: #00FFFF; font-family: 微软雅黑;}
.g2             {color: #000000; font-family:微软雅黑; font-size:16px;}
.g3             {color: #6A7B85; font-family:微软雅黑; font-size:12px;line-height: 15px;}
.g4             {color: #000000; font-family:微软雅黑; font-size:10px;line-height: 15px;}
.g5             {color: #17202E; font-family:微软雅黑; font-size:13px;line-height: 15px;}
.g6             {color: #17202E; font-family:微软雅黑; font-size:12px;line-height: 15px;}

.f             {color: #8e8e8e; font-family:arial; font-size:16px;}

.f1             {color: #8e8e8e; font-family:arial; font-size:16px;}
.f1:link		{text-decoration: none;color: #8e8e8e;font-family: 微软雅黑;}
.f1:visited	    {text-decoration: none; color: #8e8e8e; font-family: 微软雅黑;}
.f1:active	    {text-decoration: none; color: #000000; font-family: 微软雅黑;}
.f1:hover		{text-decoration: none; color: #000000; font-family: 微软雅黑;}

.r1             {color: #C32136; font-family:微软雅黑; font-size:30px;}
.n1             {color: #005825; font-family:微软雅黑; font-size:36px;}
.n2             {color: #005825; font-family:微软雅黑; font-size:48px;}
.table {border-width: 0px;}
.td{text-align: center;}


html{
    font-size:16px;
}
.login-bar{
    display: none;
    width: 25rem;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0.5rem;
    background: #fff;
}
.bar{
    padding:10px 0;
}
.close-pop{
    position: absolute;
    right: 5px;
    top: 5px;
    display: block;
    width:1.6rem;
    height: 1.6rem;
    border: 1px #fff solid;
    background: transparent;
    color: #666;
    font-size: 1.5rem;
    line-height: 0.5rem;
    text-align: center;
}
.bar span{
    display: inline-block;
    width:5rem;
    text-align: right;
    margin-right:10px;
}
.bar input{
    font-size:0.9rem;
    color: #666;
    padding: 5px;
}
.submit{
    text-align: center;
    margin-top: 1.5rem;

}
.submit button{
    width: 100%;
}
.remember {
    margin-left:1rem;
}
.check-it{
    color: #666;
    font-size: 0.9rem;
}
#errorPop{
    color:red;
    font-size: 0.8rem;
    margin-left: 4rem;
}
.drag-box{
    position: fixed;
    width: 80px;
    height: 80px;
    cursor:move;
    top:150px;
    right:80px
}
.drag-box img{
    width:100%;
    height: 100%;
}
.ships{
    float: left;
    text-align: center;
    margin-left: 50%;
    margin-top: 40%;
    transform: translate(-50%, -50%);
}
.ships img{
    height: 88px;
    margin-top: 10px;
}
.header-nav{
    position: fixed;
    top:0;
    left: 0;
    z-index: 99;
    width:100%;
}
.header-nav table{
    width:100%;
}
#logoImg, #Image0, #Image1, #Image11, #Image2, #Image21, #Image5, #Image3, #Image4, #Image28, #Image25, #Image211, #Image23{
    min-height: 6rem;
    width:100%;
}
.bTop{
    margin-top: 6rem;
}
.index-bg{
    width: 100%;
    height: calc(100vh - 6rem);
    background-image: linear-gradient(to top,#051859, #2164c9);
}
.font-bg{
    width: 100%;
    text-align: center;
    height: 18rem;
    background-image: linear-gradient(to top, #afd3e4, #01a6f0, #015eca);
}
.font-bg img{
    margin-top: 7%;
}
.ship-img{
    width: 100%;
    height: calc(100vh - 24rem);
    text-align: center;
    background: url(/images/index/sea.png) no-repeat 100% 100%;
    background-size: 100% 100%;
}
.pre{position: relative;}
.pab{position: absolute;}
.align-center{
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.z-index1{
    z-index: 1;
}
.mt5{top:5rem}
.mt1{top: -1rem;}
.mt3{top:3.7rem}
.index-logo{
    left: 50%;
    bottom: 3rem;
    transform: translate(-50%, 10%);
}
.wd80{width:80%}
.ships tr a{
    position: relative;
    width: 15rem;
    height: 10rem;
    display: inline-block;
    border-radius: 10px;
    background-image: linear-gradient(to top, #624dff, #4a5dff, #0078ff);
}
.logo-text{
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    margin-top: 15px;
}