body{background:#F4F4F4 ;font-family:'Microsoft YaHei' !important}
body,html{height:100%;min-width:1200px}

/* 头部 */
header {}
.header-xn{background: rgba(24,144,255,1);position: absolute;height: 100px;line-height: 94px;width:90%;padding:0 5%;
        padding:0 5%;top:0;left:0;color: #fff;font-size:34px;z-index: 999;}
.header{background:#fff;position: relative;height: 80px;line-height: 80px;width:90%;padding:0 5%;
        padding:0 5%;color: #333;font-size:34px;z-index:#333;font-weight: 600;}
.header.msx{}
.header h3{font-weight:bold;float: left;font-size:36px;font-weight: lighter;}
.header.msx h3{font-size: 26px;}
.header .user_right{float: right;display: flex;}
.header .user_right p{font-size: 16px;color:#666;}
.header .user_right p font{color: #4A9DEF ;}
.header .user_right a{padding-left:20px;color:#666;font-size: 16px;}
.xn-menu-font{margin:0 10%;background: #33A0FF;color:#fff;display: flex;flex-flow: row;justify-content: space-between;height:50px;line-height: 50px;font-size:16px}
.xn-menu-font li{width:100%;text-align: center;}
.xn-menu-font li a{color:#fff;display: block;width:100%;height:100%}
.xn-menu-font li a:hover{color:#fff !important;}
.xn-menu-font li:hover,.xn-menu-font li.selected{background: #3385FF;}


















/* 底部 */
.footer-xn{width: 100%;color:#666;text-align: center;font-size:16px;position:absolute;bottom: 0;left: 0;z-index: 999;}
.footer{background:#1A315D;padding:0;width: 100%;display: -webkit-box;color:#bac1ce;height:60px;line-height: 60px;text-align: center;font-size:16px}
.xn-footer{width:100%;padding:15px 0;color:#666;font-size:16px;line-height: 26px;background: #fff;}
.xn-footer font{padding-left:30px;}
.xn-footer a{color:#666}
.xn-footer a:hover{color:#1890FF}
.footerL{background: #fff;width: 100%;color:#666;height:80px;line-height: 80px;text-align: center;font-size:16px;position:relative;bottom: 0;left: 0;z-index: 999;}

/* 中间内容 */
.mainbg{background: url(../images/mainbg.png) top no-repeat #E3EEFA;width:100%;margin:0px auto;display: table;}
.center {
    width: 90%;
    margin: 0px auto;
}
/*************************************** 登录*************************************************/
.login{width:100%;height:100%;position: relative;}
.login img.bg{width:100%;height:100%;position: absolute;top:0px;left:0;z-index: 1;}
.login .lct{height:100%;position: relative;z-index: 2;display: flex;justify-content: space-between; align-items: center;}
.login .lct .fl{/* background: url(../images/login01.png) center no-repeat; */width:50%;height:100%;background-size: 80%;float:left;}
.login .lct .fr{float:right;background: #FFFFFF;border-radius:0px;width:420px;padding:0px;overflow: hidden;position: relative;margin-right:50px;margin-top:40px;}
.login .xn-login-01{height: 380px;overflow-y: auto;}
.login .lct .fr h3{font-size: 32px;color: #666666;width: 100%;text-align: center;margin-bottom: 30px;}
.login .lct .fr ul.loginTab{/* border-bottom: 2px solid #eee; */margin-bottom:10px;display: inline-block;width:100%;background: #F2F2F2;}
.login .lct .fr ul.loginTab li{width:50%; text-align: center;float:left;padding:20px 0;font-size:22px;font-weight:bold;color:#000;position: relative;cursor: pointer;}
.login .lct .fr ul.loginTab li.selected{color:#1890FF;font-weight: bold;background: #fff;}
/* .login .lct .fr ul.loginTab li.selected::before{content: '';position: absolute;bottom:-2px;left:20px;right:20px;border-bottom: 3px solid #1890FF;} */
.login .lct .fr ul.loginSM{margin:20px 30px}
.login .lct .fr ul.loginSM li{text-align: center;}
.login .lct .fr ul.loginSM img{width: 150px;height:150px;padding: 10px;border: 1px solid #eee;margin:0px 0 30px 0;}
.login .lct .fr ul.loginSM li label{font-size: 18px;color: #333;text-align: center;display: block;}
.login .lct .fr ul.loginSM li label font{font-size: 18px;color: #1890FF;cursor: auto;}
.login .lct .fr ul.loginSM li font{font-size: 16px;color: #1890FF;cursor: pointer;}

.login .lct .fr ul.loginCL{margin:20px 30px}
.login .lct .fr ul.loginCL li{margin-bottom:20px;position:relative}
.login .lct .fr ul.loginCL li input{border: 1px solid #ddd;line-height: 54px;height:52px;border-radius: 5px;padding:2px 10px; text-indent: 30px;}
.login .lct .fr ul.loginCL li input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{font-size:16px}
.login .lct .fr .butn{background:#1890FF;border-radius: 5px;font-size:18px;color:#fff;line-height:46px;width:100%;height:46px;margin-top:5px;margin-bottom: 20px;}
.login .lct .fr .yzm{background: #FF7301;width: 120px;height:36px; line-height: 36px;text-align: center;color:#fff;font-size:16px;position: absolute;right:0px;
top:5px;margin:0;padding:0;border-radius: 5px;}
.login .lct .fr ul.loginCL li.forget{margin:-6px 0 10px 0;}
.login .lct .fr ul.loginCL li.forget a{width: auto;float: right;margin-left:25px}
.login .lct .fr ul.loginCL li input.user{background: url(../images/user.png) 10px center no-repeat;}
.login .lct .fr ul.loginCL li input.pswd{background: url(../images/pswd.png) 10px center no-repeat;}
.login .lct .fr ul.loginCL li input.yzmb{background: url(../images/yzm.png) 10px center no-repeat;}
.login .lct .fr ul.loginCL li font{font-size: 16px;color: #1890FF;text-align: center;display: block;}
.login .lct .fr a{font-size: 15px;text-align: right;width:100%;display: block;}
.login .lct .fr p{width:100%;background: #F7F7F7;height:50px;line-height: 50px;font-size: 14px;color: #1890FF;text-align: center;cursor: pointer;position: absolute;bottom:0}
.login .lct .fr .wxLogin{display: flex;flex-flow: column;justify-content: center;align-items: center;}
.login .lct .fr .wxLogin label{margin:40px 0 20px 0}
.login .lct .fr .wxLogin span{margin:0px 0 40px 0;color:#333;font-size:16px}
.login .lct .fr .wxLogin span font{color:#1890FF }
.login label{font-size: 14px;color: #3385FF;line-height:24px;padding:0 30px;margin-bottom: 20px;}
.login ul.las{padding:10px 60px 0px 60px}
.login ul.las li{width:50%;float: left;position: relative;font-size: 16px;color: #151515;margin-bottom: 10px;font-size: 18px;font-weight: bold;padding-bottom:10px;cursor: pointer;text-align: center;}
.login ul.las li.selected{background: url(../images/l01.png) center bottom no-repeat;}
.login .dxyzm{background: #F90;width: 120px;height:36px; line-height: 36px;text-align: center;color:#fff;font-size:16px;position: absolute;right:0px;
top:5px;margin:0;padding:0;border-radius: 5px;font-size:14px}
.one{margin:0px 0;display: flex;flex-flow: column;}
.two{margin:0px 30px;display: flex;flex-flow: column;}
.three{margin:0px 30px;display: flex;flex-flow: column;}


.count-xn li{margin-top: 10px;position: relative;}
.count-xn label{font-size: 14px;color: #3385FF;line-height:24px;padding:0 30px;margin-bottom: 20px;}
.count-xn input{border: 0px;border-bottom: 1px solid #eee;padding-left:0;text-indent: 30px;line-height: 45px;height: 45px;font-size: 16px;}
.count-xn input.l03{background: url(../images/l03.png) 2px center no-repeat;}
.count-xn input.l02{background: url(../images/l02.png) 2px center no-repeat;}
.count-xn input.l05{background: url(../images/l05.png) 2px center no-repeat;}
.count-xn input.l07{background: url(../images/l07.png) 2px center no-repeat;}
.count-xn input.l01{background: url(../images/user.png) 2px center no-repeat;}
.count-xn .forget{text-align: right;display: block;line-height: 40px;color: #1890FF;font-size: 16px;cursor: pointer;}
.count-xn .back{text-align: center;display: block;line-height:0px;color: #1890FF;font-size: 16px;cursor: pointer;height: 50px;}





/*************************************** 首页*************************************************/
.layui-btn {
    background: #cbb486 !important;
}
.layui-layer-btn .layui-layer-btn0 {
    background: linear-gradient(145deg,#eacb90 0%,#bb7c35 100%) !important;
    border:0 !important
}
.xn-main .xn-main-r.xn-02 .xnButn2 {
    /* background: #cbb486 !important;*/
    background: linear-gradient(145deg,#eacb90 0%,#bb7c35 100%) !important;
}
.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #cbb486 !important;
}
.layui-tab-brief > .layui-tab-title .layui-this {
    color: #cbb486 !important;
}
.layui-tab-brief > .layui-tab-more li.layui-this:after, .layui-tab-brief > .layui-tab-title .layui-this:after {
    border-bottom: 2px solid #cbb486 !important;
}
    .xn-main {
        margin: 20px auto;
        /*display: flex;
    flex-flow: row;*/
    }

    .xn-main .xn-main-l {
        width: 220px;
        background: #FFFFFF;
        box-shadow: 0 0 10px 0 rgba(0,0,0,0.14);
        float:left;
        min-height: 676px;
    }

        .xn-main .xn-main-l h3 {
            background: #ecb1c7;
            box-shadow: 0 0 10px 0 rgba(0,0,0,0.14);
            font-size: 20px;
            color: #FFFFFF;
            display: flex;
            justify-content: center;
            height: 140px;
            text-align: center;
            align-items: center;
        }

        .xn-main .xn-main-l ul {
            display: flex;
            flex-flow: column;
            justify-content: center;
            align-items: center;
        }

            .xn-main .xn-main-l ul li {
                height: 60px;
                line-height: 60px;
                font-size: 16px;
                color: #666;
                width: 100%;
                text-align: center;
                cursor: pointer;
            }

                .xn-main .xn-main-l ul li.selected, .xn-main .xn-main-l ul li:hover {
                    background: #faf7f3;
                    color: #cbb486;
                }

                .xn-main .xn-main-l ul li font {
                    background: url(../images/c1.png) left center no-repeat;
                    padding: 2px 30px;
                    position: relative;
                }

                .xn-main .xn-main-l ul li:nth-child(2) font {
                    background: url(../images/c2.png) left center no-repeat;
                }

                .xn-main .xn-main-l ul li:nth-child(3) font {
                    background: url(../images/c3.png) left center no-repeat;
                }

                .xn-main .xn-main-l ul li:nth-child(4) font {
                    background: url(../images/c4.png) left center no-repeat;
                }

                .xn-main .xn-main-l ul li:nth-child(5) font {
                    background: url(../images/c5.png) left center no-repeat;
                }

                .xn-main .xn-main-l ul li font i {
                    position: absolute;
                    background: #EC625F;
                    width: 8px;
                    height: 8px;
                    border-radius: 100%;
                    right: -10px;
                    top: 0px
                }

    .xn-main .xn-main-r {
        background: #FFFFFF;
        box-shadow: 0 0 10px 0 rgba(0,0,0,0.14);
        margin-left: 250px;
        min-height: 676px;
    }

        .xn-main .xn-main-r ul.xn-01 {
            display: flex;
            flex-flow: wrap;
            margin:0px 40px;
            padding:40px 0
        }

            .xn-main .xn-main-r ul.xn-01 li {
                margin: 10px 1.6%;
                background: #FFF2EB;
                border-radius: 8px;
                width: 30%;
                height: 278px;
                text-align: center;
                cursor: pointer;
                position: relative;
                overflow: hidden;
            }

                .xn-main .xn-main-r ul.xn-01 li::after {
                    content: '';
                    position: absolute;
                    top: 0;
                    right: 0;
                    width: 0;
                    height: 0;
                    border-top: 70px solid #ecb1c7;
                    border-left: 70px solid transparent;
                }

                .xn-main .xn-main-r ul.xn-01 li img {
                    text-align: center;
                    margin-top: 70px;
                    margin-bottom: 56px
                }

                .xn-main .xn-main-r ul.xn-01 li font {
                    font-size: 24px;
                    display: flex;
                    justify-content: center;
                }

                .xn-main .xn-main-r ul.xn-01 li:nth-child(1) {
                    background: #FFF2EB;
                    color: #ef7a34;
                }

                .xn-main .xn-main-r ul.xn-01 li:nth-child(2) {
                    background: #E4FBF8;
                    color: #36a99e;
                }

                .xn-main .xn-main-r ul.xn-01 li:nth-child(3) {
                    background: #E3F7FD;
                    color: #29a7cc;
                }

                .xn-main .xn-main-r ul.xn-01 li:nth-child(4) {
                    background: #E7F3FF;
                    color: #4A9DEF;
                }

                .xn-main .xn-main-r ul.xn-01 li:nth-child(5) {
                    background: #EFEFFF;
                    color: #677BEB;
                }

                .xn-main .xn-main-r ul.xn-01 li:nth-child(6) {
                    background: #F7EAFD;
                    color: #BB74DB;
                }

                .xn-main .xn-main-r ul.xn-01 li label {
                    position: absolute;
                    right: 0;
                    top: 0;
                    z-index: 2;
                    color: #fff;
                    font-size: 20px;
                    width: 44px;
                    text-align: center;
                    line-height: 44px;
                }
        /* .xn-main .xn-main-r ul.xn-01 li:nth-child(1)::after{border-top: 80px solid #ef7a34;}
.xn-main .xn-main-r ul.xn-01 li:nth-child(2)::after{border-top: 80px solid #36a99e;}
.xn-main .xn-main-r ul.xn-01 li:nth-child(3)::after{border-top: 80px solid #29a7cc;}
.xn-main .xn-main-r ul.xn-01 li:nth-child(4)::after{border-top: 80px solid #4A9DEF;}
.xn-main .xn-main-r ul.xn-01 li:nth-child(5)::after{border-top: 80px solid #677BEB;}
.xn-main .xn-main-r ul.xn-01 li:nth-child(6)::after{border-top: 80px solid #BB74DB;} */

        .xn-main .xn-main-r.xn-02 {
        }

            .xn-main .xn-main-r.xn-02 .title {
                border-bottom: 1px solid #D8D8D8;
                line-height: 50px;
                display: flex;
                flex-flow: row;
                justify-content: space-between;
            }

                .xn-main .xn-main-r.xn-02 .title font {
                    font-size: 16px;
                    color: #333333;
                    padding-left: 20px;
                    font-weight: bold;
                }

                .xn-main .xn-main-r.xn-02 .title p {
                }

                    .xn-main .xn-main-r.xn-02 .title p a {
                        font-size: 14px;
                        color: #909090;
                        padding-left: 20px;
                        margin-right: 25px;
                        cursor: pointer;
                    }

                        .xn-main .xn-main-r.xn-02 .title p a:nth-child(1) {
                            background: url(../images/p1.png) left center no-repeat;
                        }

                        .xn-main .xn-main-r.xn-02 .title p a:nth-child(2) {
                            background: url(../images/p2.png) left center no-repeat;
                        }

            .xn-main .xn-main-r.xn-02 .nform {
                margin: 20px 40px 0px 40px;
                display: flex;
                flex-flow: column;
            }

            .xn-main .xn-main-r.xn-02 .ntable {
                margin: 20px 40px 0px 40px
            }




                .xn-main .xn-main-r.xn-02 .ntable table thead tr {
                    border: 1px solid #E5E5E5;
                }

                .xn-main .xn-main-r.xn-02 .ntable .xt-btn {
                    color: #1890FF;
                    padding: 0 5px
                }

            .xn-main .xn-main-r.xn-02 .xnButn {
                background: #1890FF;
                height: 40px;
                margin: 20px 0 0 0;
                border-radius: 5px
            }

            .xn-main .xn-main-r.xn-02 .retButn {
                background: #E6E6E6;
                border: 1px solid #CCCCCC;
                width: 160px;
                height: 40px;
                margin: 20px 0 0 0;
                border-radius: 5px;
                color: #666666;
                margin-left: 20px
            }

            .xn-main .xn-main-r.xn-02 .fr {
                float: right;
            }

            .xn-main .xn-main-r.xn-02 .margin0 {
                margin-right: 0
            }

            .xn-main .xn-main-r.xn-02 .qyxx {
                font-size: 20px;
                color: #333;
                padding: 20px 0 0 0;
                text-align: center;
                font-weight: bold;
                position: relative
            }

                .xn-main .xn-main-r.xn-02 .qyxx font {
                    background: url(../images/j0.png) 15px center no-repeat rgba(216,216,216,0.20);
                    border: 1px solid #D8D8D8;
                    border-radius: 5px;
                    height: 32px;
                    line-height: 32px;
                    text-align: center;
                    position: absolute;
                    right: 40px;
                    top: 15px;
                    font-size: 14px;
                    padding: 0 15px 0 35px;
                    cursor: pointer;
                }

            .xn-main .xn-main-r.xn-02 .qyxx01 {
                font-size: 20px;
                color: #333;
                padding: 20px 0 0 0;
                text-align: center;
                font-weight: bold;
                position: relative
            }

                .xn-main .xn-main-r.xn-02 .qyxx01 font {
                    border: 1px solid #D8D8D8;
                    border-radius: 5px;
                    height: 32px;
                    line-height: 32px;
                    text-align: center;
                    position: absolute;
                    right: 40px;
                    top: 15px;
                    font-size: 14px;
                    padding: 0 15px 0 5px;
                    cursor: pointer;
                }
            .xn-main .xn-main-r.xn-02 .wtrxx {
                font-size: 14px;
                color: #cbb486;
                font-weight: bold;
                text-align: center;
                position: relative;
                background: #faf7f3;
                line-height: 40px;
                margin: 20px 0px
            }

            .xn-main .xn-main-r.xn-02 .wtinfor {
                padding: 0px 40px;
                line-height: 30px;
                color: #333;
                display: flex;
                flex-flow: column;
            }

                .xn-main .xn-main-r.xn-02 .wtinfor font {
                    display: flex;
                    justify-content: center
                }

                .xn-main .xn-main-r.xn-02 .wtinfor img {
                    width: 240px;
                    height: 150px;
                    margin: 20px 10px
                }

            .xn-main .xn-main-r.xn-02 .qm {
                margin: 0 40px
            }

                .xn-main .xn-main-r.xn-02 .qm div {
                    min-width: 160px;
                    display: flex;
                    flex-flow: column;
                }

                    .xn-main .xn-main-r.xn-02 .qm div.l {
                        float: left;
                    }

                    .xn-main .xn-main-r.xn-02 .qm div.r {
                        float: right;
                    }

                    .xn-main .xn-main-r.xn-02 .qm div p {
                        border: 1px solid #CCCCCC;
                        width: 100%;
                        height: 100px;
                        line-height: 100px;
                        text-align: center;
                        color: #999;
                        font-size: 14px;
                        cursor: pointer;
                    }

                    .xn-main .xn-main-r.xn-02 .qm div label {
                        font-size: 16px;
                        color: #666666;
                        text-align: center;
                        padding: 20px 0
                    }

                    .xn-main .xn-main-r.xn-02 .qm div a {
                        background: #E6E6E6;
                        border: 1px solid #CCCCCC;
                        font-size: 16px;
                        color: #666666;
                    }

                        .xn-main .xn-main-r.xn-02 .qm div a:hover {
                            color: #333 !important
                        }

.layer_notice{text-align: center;}
.layer_notice img{width: 160px;height: 160px;background: #FFFFFF;margin-top:50px}
.layer_notice p{background: url(../images/wxsys.png) left center no-repeat;color: #333333;font-size:16px;display: flex;padding-left: 25px;margin-left:170px;margin-top:20px}

.layer_look{margin:20px 40px 0 0}
.layer_look .xnButn{background: #1890FF;width:160px;height:40px;margin:20px 0 0 0;border-radius: 5px;}
.layer_look .codes{display: flex;flex-flow: row;}
.layer_look img{margin-right:20px;width:190px;height: 125px;margin-top:10px}

.xn-main .suss{display: flex;flex-flow: column;text-align: center;margin-top:13%;align-items: center;}
.xn-main .suss img{width:150px;justify-content: center;margin-bottom:0px;}
.xn-main .suss font{font-size:28px;color: #333333;padding:30px 0;font-weight: bold;}
.xn-main .suss a{font-size:16px;color:#909090;font-style: normal;border: 1px solid #1890FF;border-radius: 5px;font-size: 16px;color: #1B8DFF;padding:5px 25px;margin-top:30px}
.xn-main .pic{text-align: center;display: flex;flex-flow: column;align-items: center;}
.xn-main .pic img{display: flex;width: 60%;margin:20px 0}
.xn-main .layui-form-item{margin-bottom: 10px;}
.xn-main .layui-form-item .layui-inline{margin-bottom: 0;}
.xn-main .prom{width:16px;height:16px;margin-right:40px;margin-top:20px;cursor: pointer;}
.xn-main .layer_prom01,.xn-main .layer_prom02{padding:20px 30px}
.xn-main .question{background: url(../images/p1.png) no-repeat;width:16px;height:16px;display: -webkit-inline-box;margin:0px 0 -4px 5px;cursor: pointer;}
.xn-main .gzsx{background: #f7f7f7;padding:30px;line-height: 26px;}
.xn-main .gzsx label{font-size: 16px;color: #333333;font-weight: bold;display: -webkit-box;padding-bottom: 10px;}
.xn-main .gzsx span{line-height: 30px;color: #333333;}

.xn-gsrd{display: flex;flex-flow: wrap;margin:0px 40px;margin-bottom:20px}
.xn-gsrd li{height:76px;text-align: center;border-radius: 5px;display: flex;flex-flow: column;margin-right:20px;margin-top:20px;padding:0 10px}
.xn-gsrd li font{font-size: 24px;padding:10px 0 5px 0}
.xn-gsrd li p{font-size: 14px;}
.xn-gsrd li:nth-child(1){background: #E4FBF8;color: #36A99E;}
.xn-gsrd li:nth-child(2){background: #E4FBF8;color: #36A99E;}
.xn-gsrd li:nth-child(3){background: #E3F7FD;color: #29A7CC;}
.xn-gsrd li:nth-child(4){background: #E7F3FF;color: #4A9DEF;}
.xn-gsrd li:nth-child(5){background: #EFEFFF;color: #677BEB;}
.xn-gsrd li:nth-child(6){background: #F7EAFD;color:#BB74DB;}
    .xn-gsrd li.selected {
        background: #fe8d4cd6 !important;
        color: #FFFFFF !important;
    }
.upload01btn{cursor: pointer; text-align: center; border: 1px solid #1890FF;border-radius: 5px;font-size: 14px;color: #1890FF;padding:8px 15px;
width:100px;display:-webkit-inline-box; text-align: center;}
.upload01btn.grey{border: 1px solid #D8D8D8;color:#333}
.fileUpload{display: flex;flex-flow: column;width:400px !important}
.fileUpload font{margin-bottom: 5px;font-size: 14px;color: #333333;}
.fileUpload font img{margin-left:10px;cursor: pointer;}

/* 手机端 */
.mui-title{font-size:16px;color: #333333;width:100%;float: left;line-height:44px;border-bottom: 1px solid #ccc; text-align: center;font-weight: bold;}
.mui-content{width:100%;float: left;}
.mui-content .h5form{margin:20px;margin-top: 0;}
.mui-content input{border: 0px;text-align: right;}
.mui-content .layui-form-item{border-bottom: 1px solid #ddd;margin-bottom: 0;padding:5px 0}
.mui-content .layui-form-label{margin: 0px; text-align: left;padding:0;color:#999;line-height: 40px;}
.mui-content .layui-form-item p{position: relative;line-height: 20px;padding:5px 10px}
.mui-content .layui-form-item p::before{content: '';background: #1B8DFF;width:4px;height:20px;border-radius: 5px;position: absolute;left:0}
.mui-content .layui-form-item .css{display: flex;flex-flow: row;justify-content: space-between;margin-top:10px}
.mui-content .layui-form-item span{width:46%;background: #F4F8FE;border-radius: 10px 10px 0px 0px;position: relative;}
.mui-content .layui-form-item span i{background: #1B8DFF;border-radius: 0px 0px 10px 10px;width:100%;height:36px;font-size:16px; text-align: center;display: flex;
color:#fff;font-style: normal;text-align: center;align-items: center;justify-content: center;}
.mui-content .layui-form-item span img{width:80%;margin:20px 10%}
.mui-content .h5butn{background: #1B8DFF;border-radius: 10px;width:90%;height:45px;line-height: 45px;position: absolute;bottom:20px;left:5%}
.mui-content .suss{display: flex;flex-flow: column;text-align: center;margin-top:30%}
.mui-content .suss img{width:34%;justify-content: center;margin-left:33%;margin-bottom: 40px;}
.mui-content .suss font{font-size:24px;color: #333333;padding:20px 0}
.mui-content .suss i{font-size:16px;color:#909090;font-style: normal;}

/* 签名 */
#canvas{
    position: fixed;
	top:90px;
	bottom:60px;
	border: 1px solid #ddd;
	left:15px;right:15px
}
#canvas canvas{
    display: block;
}
#clearCanvas{
    width: 45%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: absolute;
    bottom: 10px;
    left:15px;
	    background: #1B8DFF;
    z-index: 1;
	cursor: pointer;
}
#saveCanvas{
    width:45%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: absolute;
    bottom:10px;
    right:15px;
	background: #1B8DFF;
    z-index: 1;
	cursor: pointer;
}


.xn-upload{display:inline-flex;flex-flow: wrap;justify-content:space-between;}
.xn-upload span{width:45%;margin-top:20px}
.xn-upload span img{width:100%}

.red{color:#f00;padding-right:5px;font-style: normal;}
.xn-main .xn-main-r.xn-02 .xn-centers{margin:20px auto;width:745px}
.xn-main .xn-main-r.xn-02 .xn-margin-0{margin-right:0 !important}
.xn-main .xn-main-r.xn-02 .xn-margin-0 .layui-input-inline{margin-right:0 !important}
.xn-main .xn-main-r.xn-02 .xn-margin-0 label{width:160px !important}
.xn-main .xn-main-r.xn-02 .xn-margin-0  button{margin-left:160px}


input[type="text"][readonly] {
    background-color: #fff !important;
}
input[type="text"][disabled] {
    background-color: #EEEEEE;
}

.xn-email {
    min-height: 500px;
}

    .xn-email li {
        box-shadow: 0 0 6px 2px #eee;
        width: 100%;
        margin-bottom: 20px;
        float: left;
        position:relative
    }

        .xn-email li.message::after {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            width: 44px;
            height: 44px;
            background: url(../images/new.png) no-repeat right;
        }

        .xn-email li img {
            float: left;
            width: 62px;
            height: 62px;
            margin: 20px 20px;
        }

        .xn-email li p {
            display: block;
            float: left;
            margin: 0 20px;
        }

            .xn-email li p label {
                font-size: 16px;
                font-weight: bold;
                width: 100%;
                float: left;
                padding-top: 25px;
            }

            .xn-email li p span {
                width: 100%;
                float: left;
                line-height: 40px;
                color: #666;
            }

        .xn-email li div {
            display: block;
            float: right;
        }

            .xn-email li div a {
                display: block;
                float: left;
                padding: 10px 40px;
                margin: 32px 25px 0 0;
                border-radius: 5px;
            }

                .xn-email li div a:first-child {
                    border: 1px solid #ddd;
                    background: #F7F7F7;
                }

                .xn-email li div a:last-child {
                    border: 1px solid #cbb486;
                    color: #cbb486;
                }

.xn-sureBook {
}

    .xn-sureBook h3 {
        font-size: 26px;
        text-align: center;
        padding: 10px 0 30px 0;
    }

    .xn-sureBook p {
        padding: 5px 20px;
        font-size: 14px;
        color: #666;
        line-height: 26px;
    }


#main {
   padding-bottom:40px
}

.formborder-xn {
    border: 1px solid #eee;
    padding: 20px 0 10px 0;
    margin: 20px 40px 10px 40px;
}
.tableMargin {
  margin:0 40px
}