@charset "UTF-8";
html {
    height: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased !important;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    margin: 0;
    padding: 0;
}
body, button, input, select, textarea {
    font: 12px/1 "Microsoft YaHei","微软雅黑","arial","tahoma","MicrosoftJhengHei";
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased !important;
    /* 用 ascii 字符体现，，使得在任何编码下都无问题*/
}
img {
    border: 0;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
    -webkit-tap-highlight-color: transparent;
}
button:focus {
    outline: none;
}
.btn {
    min-width: 60px;
    width: 100%;
    display: inline-block;
    border-radius: 50px;
    padding: 11px 16px;
    height: 40px;
    font-size: 14px;
    color: #609EE9;
    text-decoration: none;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor:pointer;
}
.btn.btn-info {
    border: 1px #609EE9 solid;
    background-color: #609EE9;
    color: #FFF;
}
.btn.btn-info:hover {
    border-color: #478BE1;
    background-color: #478BE1;
    color: #FFF;
}
.errorpage {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: -260px;
}
.errorpage .errorpage-in {
    text-align: center;
}
.errorpage .errorin-header {
    width: 100%
}
    .errorpage .errorin-header .errorin-header-pic {
        width: 247px;
        height: 258px;
        margin: 0 auto 50px auto;
        background: url("/Designer/Content/images/big_bg.png") center no-repeat;
        background-size: contain;
        overflow: hidden;
        position: relative;
    }

    .errorpage .errorin-header .boat {
        position: absolute;
        left: 36px;
        top: 78px;
        z-index: 1;
        width: 162px;
        height: 103px;
        background: url("/Designer/Content/images/boat2.png") center no-repeat;
        background-size: contain;
        -webkit-animation: rotateInUpLeft 4s ease-in-out infinite;
        -moz-animation: rotateInUpLeft 4s ease-in-out infinite;
        -o-animation: rotateInUpLeft 4s ease-in-out infinite;
        animation: rotateInUpLeft 4s ease-in-out infinite;
    }
    .errorpage .errorin-header .wave {
        position: absolute;
        left: 44px;
        bottom: 28px;
        z-index: 2;
        width: 163px;
        height: 61px;
        background: url("/Designer/Content/images/wave.png") center no-repeat;
        background-size: contain;
        -webkit-animation: water-animation 2s infinite ease-in-out;
        -moz-animation: water-animation 2s infinite ease-in-out;
        -o-animation: water-animation 2s infinite ease-in-out;
        animation: water-animation 2s infinite ease-in-out;
    }
.errorpage .errorin-main {
    width: 690px;
    margin: 0 auto;
}
.errorpage .errorin-main .title {
    padding-bottom: 16px;
    line-height: 28px;
    color: #4A4A4A;
    font-size: 18px;
}
.errorpage .errorin-main .decs {
    color: #aaa;
    font-size: 14px;
    line-height: 24px;
}
.errorpage .errorin-footer {
    width: 400px;
    margin: 24px auto;
}
.errorin-footer:after {
    content: "";
    display: table;
    clear: both;
    zoom:1;
}
.errorin-footer .input-group {
    float: left;
    width: 200px;
    position: relative;
    display: table;
    padding-right: 93px;
}
.errorin-footer .input-group .form-control {
    width: 100%;
    box-shadow: none;
    color: #434A54;
    font-size: 14px;
    height: 40px;
    padding: 8px 12px;
    line-height: 1.42857143;
    display: block;
    background-color: #fff;
    background-image: none;
    box-sizing: border-box;
    border-collapse: separate;
    border: 1px solid #CCD1D9;
    border-radius: 4px 0 0 4px;
    background: #fff;
}
.errorin-footer .input-group-text {
    float: left;
    width: 100%;
}
.errorin-footer .input-group .form-control:focus {
    box-shadow: 0px 0px 4px 0px rgba(96,158,233,0.50);
    border-color: #609EE9;
    outline: 0;
}
.errorin-footer .input-group .input-group-code {
    position: absolute;
    right: 0;
    display: block;
    border: 1px solid #CCD1D9;
    border-left: 0;
    border-radius: 0 4px 4px 0;
    padding:2px;
    background: #fff;
}
.errorin-footer .input-group .input-group-code img {
    width: 88px;
    height: 34px;
}
.errorin-footer .form-btn {
    float: left;
    width: 82px;
    margin-left: 16px;
    overflow: hidden;
}

.input-group.has-error .form-control {
    box-shadow: 0px;
    border-color: #e75845;
    outline: 0;
}

.help-error-block:after {
    content: " ";
    display: table;
    clear: both;
    zoom: 1;
}

.help-error-block {
    width: 100%;
    float: left;
    margin-top: 8px;
    padding: 4px 0px;
    display: block;
    line-height: 16px;
    font-family: 'Microsoft YaHei';
    color: #e75845;
    font-size: 12px;
    text-align: left;
}


@media screen and (max-width: 768px) {
    
    .errorpage {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        margin-top: -200px;
    }
    .errorpage .errorpage-in {
        text-align: center;
    }
    .errorpage .errorin-header {
        width: 100%;
        margin: 0;
    }
    .errorpage .errorin-header .errorin-header-pic{
        width: 160px;
        height: 168px;
    }

    .errorpage .errorin-header .boat{
        position: absolute;
        left: 24px;
        top: 55px;
        width: 103px;
        height: 66px; 
        -webkit-animation: rotateInUpLeft 4s ease-in-out infinite;
        -moz-animation: rotateInUpLeft 4s ease-in-out infinite;
        -o-animation: rotateInUpLeft 4s ease-in-out infinite;
        animation: rotateInUpLeft 4s ease-in-out infinite;
    }
    .errorpage .errorin-header .wave{
        position: absolute;
        left: 27px;
        bottom: 16px;
        width: 106px;
        height: 39px;
        -webkit-animation: water-animation2 2s infinite ease-in-out;
        -moz-animation: water-animation2 2s infinite ease-in-out;
        -o-animation: water-animation2 2s infinite ease-in-out;
        animation: water-animation2 2s infinite ease-in-out; 
    }
    .errorpage .errorin-main {
        position: relative;
        width: 100%;
        margin: 0 auto;
        text-align: center;
        color: #666;
    }

    .errorpage .errorin-main .title {
        font-size: 14px;
        line-height: 24px;
        padding:0 5% 16px;
        color: #666;
    }
    .errorpage .errorin-main .decs {
        color: #aaa;
        font-size: 12px;
        line-height: 20px;
        padding:0 8%;
    }
    .errorpage .errorin-bottom {
        width: 100%;
        position: relative;
        top: -190px;
        text-align: center;
    }

    .errorpage .errorin-footer {
        width: 100%;
        margin: 0;
        padding: 24px;
        box-sizing: border-box;
    }

    .errorin-footer .input-group {
        width: 66%;
        box-sizing: border-box;
    }
    .errorin-footer .form-btn {
        float: right;
        width: 29%;
        margin-left: 0;
    }
    .btn{
        max-width: 100%;
        width: 100%;
    }
}    

@-webkit-keyframes rotateInUpLeft {
    0%,100%{transform: translateX(0) translateY(0) rotate(0deg);transform-origin:center bottom;}
    50% {transform: translateX(5px) translateY(2px) rotate(5deg);transform-origin:center bottom;}
}

@-moz-keyframes rotateInUpLeft {
    0%,100%{transform: translateX(0) translateY(0) rotate(0deg);transform-origin:center bottom;}
    50% {transform: translateX(5px) translateY(2px) rotate(5deg);transform-origin:center bottom;}
}

@-o-keyframes rotateInUpLeft {
    0%,100%{transform: translateX(0) translateY(0) rotate(0deg);transform-origin:center bottom;}
    50% {transform: translateX(5px) translateY(2px) rotate(5deg);transform-origin:center bottom;}
}
@keyframes rotateInUpLeft {
    0%,100%{transform: translateX(0) translateY(0) rotate(0deg);transform-origin:center bottom;}
    50% {transform: translateX(5px) translateY(2px) rotate(5deg);transform-origin:center bottom;}
}
 
/* water-animation*/
@-webkit-keyframes water-animation {
    0%   {bottom: 28px; left: 41px;}
    25%  {bottom: 26px; left: 39px;}
    70%  {bottom: 30px; left: 43px;}
    100% {bottom: 29px; left: 41px;}
}
@-moz-keyframes water-animation {
    0%   {bottom: 28px; left: 41px;}
    25%  {bottom: 26px; left: 39px;}
    70%  {bottom: 30px; left: 43px;}
    100% {bottom: 29px; left: 41px;}
}
@-o-keyframes water-animation {
    0%   {bottom: 28px; left: 41px;}
    25%  {bottom: 26px; left: 39px;}
    70%  {bottom: 30px; left: 43px;}
    100% {bottom: 29px; left: 41px;}
}
@keyframes water-animation {
    0%   {bottom: 28px; left: 41px;}
    25%  {bottom: 26px; left: 39px;}
    70%  {bottom: 30px; left: 43px;}
    100% {bottom: 29px; left: 41px;}
}

/* water-animation*/
@-webkit-keyframes water-animation2 {
    0%   {bottom: 16px; left: 27px;}
    25%  {bottom: 17px; left: 26px;}
    70%  {bottom: 18px; left: 29px;}
    100% {bottom: 17px; left: 27px;}
}
@-moz-keyframes water-animation2 {
    0%   {bottom: 16px; left: 27px;}
    25%  {bottom: 17px; left: 26px;}
    70%  {bottom: 18px; left: 29px;}
    100% {bottom: 17px; left: 27px;}
}
@-o-keyframes water-animation2 {
    0%   {bottom: 16px; left: 27px;}
    25%  {bottom: 17px; left: 26px;}
    70%  {bottom: 18px; left: 29px;}
    100% {bottom: 17px; left: 27px;}
}
@keyframes water-animation2 {
    0%   {bottom: 16px; left: 27px;}
    25%  {bottom: 17px; left: 26px;}
    70%  {bottom: 18px; left: 29px;}
    100% {bottom: 17px; left: 29px;}
}<!--��ʱ1757966884.3633��-->