body {

    background: #fff;

    color: #333;

    /* width: 1250px ; */

}

p {

    margin: 0;

}

html,

body {

    margin: 0;

    padding: 0;

}



ul,

li {

    list-style: none;

    padding: 0;

    margin: 0;

}



a {

    text-decoration: none;

    color: #333;

}



a:hover {

    color: #4cae4c;

}



.center {

    /* width : 1200px; */

    margin: 0 auto;

}



.centersmall {

    width: 1000px;

    margin: 0 auto;

}



.bg {

    background: url(../images/bg.jpg);

    background-size: cover;

}









.ap_s {

    font-size: 1.6rem;

    margin-bottom: 4rem;

}



/*.ap_s *{vertical-align: middle !important;}*/

.ap_s {

    vertical-align: middle !important;

}



.ap_s td {

    min-width: 4rem;

}



.red {

    color: red;

    max-width: 98%;

    margin: 0 auto;

}



.first-line {

    background: #f6f6f6;

    color: #495060;

    text-align: center;

    font-size: 1.8rem;

    line-height: 5rem;

    padding-left: 20px;



}



.text-border {

    width: 1200px;
    box-shadow: 0 0 4px #dadada;



}

.changeText {

    text-align: center;

    padding-left: 0;

}

.text-border tr th {

    border: 1px solid #999 !important;

}



.ap_s .am-form-group {

    margin-bottom: 0.3rem;

}



#surplus {

    display: none
}



#surplus>p {

    line-height: 1.6rem;

    text-align: center;

    margin: 0.8rem 0;

}



.yymd {

    background: #e3f2fa;

    color: #0b76ac;

    height: 50px;

    line-height: 50px;

}



#holder>li {

    border-bottom: 1px solid #CCC;

}



.tleft {

    text-align: left !important;

}



.tleft>select {

    border-color: #CCC !important;

}



#demo {

    overflow: hidden;

    height: 20rem;

    line-height: 4rem;

}



#warminfo {

    font-size: 1.6rem;

}







#btn1 {

    position: fixed;

    bottom: 6rem;

    left: 4rem;

}



.full {

    margin-left: 20px;

    color: red;

    font-weight: bold;

    display: none
}



/**/

.header1 {

    width: 100%;

    position: relative;

    overflow: hidden;

}



.topbg {

    position: absolute;

    background: #000;

    top: 0px;

    width: 100%;

    height: 180px;

    z-index: 0;

    opacity: 0.2
}



.ex-header {

    text-align: center;

    margin-top: 40px;

    margin-bottom: 120px;

    position: relative;

    z-index: 999;

}



.ex-header>div:nth-of-type(1) {

    display: inline-block;

    margin-right: 2rem
}



.ex-header>div:nth-of-type(1) img {

    width: 80px;

}



.ex-header>div:nth-of-type(2) {

    display: inline-block;

    font-size: 3rem;

    color: #f1f1f1;

    text-shadow: 0 2px 1px #CCC;

    margin-top: 12px;

}



.cont>a {

    display: inline-block;

    width: 18rem;

    margin-right: 2rem;

    margin-left: 0;

    transition: 0.2s;

    padding-top: 1.4rem;

}



.cont>a:hover {

    box-shadow: 0 0 4px #CCC;

}



/*.cont>a:nth-of-type(1){margin-left: 6rem}*/

.cont>a>p {

    color: #f9f9f9;

    text-align: center;

    font-size: 1.8rem;

}



.cont>a>img {

    width: 50%;

    display: block;

    margin: 0 auto;

}



/*2*/



.main {
    min-width: 1500px;

    padding-bottom: 20px;

    background: #fff;

    border-radius: 12px;

    box-shadow: -10px 0px 10px #d4d4d4,

        /*左边阴影*/

        0px -10px 10px #d4d4d4,

        /*上边阴影*/

        10px 0px 10px #d4d4d4,

        /*右边阴影*/

        0px 10px 10px #d4d4d4;

    /*下边阴影*/



}

.layui-btn,
.layui-input {

    height: 2.8rem;

    line-height: 2.8rem;

    border-radius: 0.4rem;

}

.am-table-centered>tbody>tr>td {



    padding: 0.7rem 0.7rem 0.7rem 1.4rem;

}

.sp {
    display: inline-block;

}

/* 蓝色头部 */
.center .sys-banner {
    width: 100%;
    height: 150px;
    background-color: #0753d4;
    /* border-radius: 13px; */
}

.center .sys-banner .sys-top {
    height: 40px;
    background-color: #073c98;
    /* border-radius: 13px; */
}

.center .sys-banner .sys-top .sys-time {
    color: #ffffff;
    height: 40px;
    line-height: 40px;
    margin: 10px;
}

.center .sys-banner .sys-xf {
    width: 100%;
    height: 110px;
    font-size: 45px;
    letter-spacing: 5px;
    font-weight: 600;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.center-me {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 25000px) and (min-width: 1000px) {
    .ececec {
        background: #ececec;
        padding: 20px 40px;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;

    }

    .logo {
        width: 100%;
        /* position: relative; */
    }

    .logo .xf-qg {
        width: 100%;
        background-color: #3460ab;
        color: #ffffff;
        height: 45px;
        font-size: 20px;
        font-weight: 600;
        letter-spacing: 2px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .logo .xf-info {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 95px;
        font-size: 35px;
        font-weight: 600;
        color: #8aa6f9;
    }

    .logo .xf-information {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: relative;
    }

    .logo .xf-information .xf-form {
        width: 30%;
        height: 500px;
        border: 1px solid #f8f9fe;
        border-radius: 19px;
        box-shadow: 3px 6px 30px 30px #f7f7ff;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
    }
    .logo .xf-information .xf-form li {
        width: 80%;
        line-height: 45px;
        font-size: 21px;
        color: #666;
        margin-left: 10%;
    }
    .logo .xf-information .xf-form li input {
        border: 0px solid #eee;
        height: 30px;
        font-size: 21px;
        color: #666;
    }
    .logo .xf-information .xf-logo{
        width: 10%;
        position: absolute;
        top: 66%;
        left: 57%;
    }
    .xf-dsj {
        font-size: 26px;
        color: #666;
        margin-top: 15px;
    }
}

@media screen and (max-width: 700px) {
    .xf-qg {
        width: 100%;
        background-color: #3460ab;
        color: #ffffff;
        height: 45px;
        font-size: 20px;
        font-weight: 600;
        letter-spacing: 2px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .logo .xf-info {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 90px;
        font-size: 33px;
        font-weight: 600;
        color: #8aa6f9;
    }
    .logo .xf-information {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-top: 20px;
        position: relative;
    }

    .logo .xf-information .xf-form {
        width: 95%;
        height: 432px;
        border: 1px solid #f8f9fe;
        border-radius: 19px;
        box-shadow: 3px 6px 30px 30px #f7f7ff;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;

    }
    .logo .xf-information .xf-form li {
        width: 90%;
        line-height: 50px;
        font-size: 22px;
        color: #666;
        margin-left: 5%;
    }
    .logo .xf-information .xf-logo{
        width: 40%;
        position: absolute;
        top: 64%;
        left: 58%;
    }
    .xf-dsj {
        width: 90%;
        font-size: 20px;
        color: #666;
        margin: 15px 0px;
    }
    
     #demo {
        overflow: hidden;
        height: 18rem;
        line-height: 3.6rem;
    }

    .center-me {
        margin-left: 250px;
    }

    .sys-banner {
        margin-left: 250px;
    }

    body {
        background: #ffffff;

    }

    .ececec {
        background: #ececec;
        width: 100%;

    }

    .ap_s {

        font-size: 1.6rem;

        margin-bottom: 4rem;

        margin: 0.8rem
    }

    .xfall {
        max-width: 480px;
    }

    .xf-head {
        max-width: 480px;
        padding: 0;
        margin: 0;
        border: 0;
        list-style: none;
        outline: none;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: relative;
    }

    .xf-logo {
        width: 100%;
        margin-top: 15px;
    }

    .logo {
        width: 100%;
        position: relative;
    }

    .logo .xf-form li {
        line-height: 35px;
        font-size: 17px;
        color: #666;
    }

    .logo .xf-form li input {
        border: 0px solid #eee;
        height: 30px;
        font-size: 17px;
        color: #666;
        width: 160px;
    }
}