@charset "utf-8";
/*
For 某某市_毕业生报到系统  前端; 视觉图 & web页面创建: 2017-6-26  艾 ; 适用:wap,web 向下兼容ie8
基于BS响应式布局下的自定义渲染
*/

.aiui .blue24{ padding: 2px 10px;}
.aiui .blue30{ padding: 4px 10px;}
.aiui .blue24:hover,.aiui .blue30:hover,.aiui .blue24:active,.aiui .blue30:active{border-color: #03a9f4; color: #03a9f4!important; background: #fff;}
.aiui .btn-blue,.save-btn{padding-left: 10px; padding-right: 10px; background: #0055cc; border-color:#003ec2; color: #fff }
.aiui .btn-blue:hover, .save-btn:hover{background: #0075dc; color: #fff!important; border-color:#1b7aa8 }
.cancel-btn{background: #737373; color: #fff!important; border-color:#737373;}
.cancel-btn:hover,.cancel-btn:active{ background: #505050; color: #fff;border-color:#505050;}
.save-btn,.cancel-btn{ padding-left: 25px; padding-right: 25px; margin: 0 5px;}
.org-btn{padding: 15px 25px; font-size: 20px; background: #f57200; color: #fff; border-color: #f57200;}
.org-btn:hover{background: #f5600a; color: #fff;border-color: #f5600a;}
.laydate_box,.laydate_box *{box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box;}
.aiui .btn-blue:active,.save-btn:active{background-color: #0288d1;}
.aiui .checkbox,.aiui .radio{ width: 15px; height: 15px; border: 1px solid #dadada; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; margin:2px 5px 0 0;cursor: pointer; }
.aiui .radio{border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
.aiui .radio-box,.aiui .radio-box li{ margin: 0; }
.aiui .radio-box li.r-selected > .radio:after{ border-radius: 40%; -webkit-border-radius: 40%; -moz-border-radius: 40%;}
.aiui .c-selected,.aiui .radio-box li.r-selected > .radio{ border: 1px solid #27b0f2; position: relative;}
.aiui .radio-box li.r-selected > .radio:after,.aiui .c-selected:after{ content:''; display:block; width:100%; height:100%; position: absolute; left: 0; top: 0; background:#004bc8 url("../../images/rsda_icon.png") no-repeat -36px -1px; }
.aiui .c-selected:after{ background-position: -1px -1px;}
.aiui .checkbox > input,.aiui .radio > input{ margin: 0; visibility: hidden;}
.aiui .w-select i{ position: absolute; right: 6px; top: 9px;}
.aiui .w-select{ color: #333;}
.mr20{ margin-right: 20px!important;}
.ml20{margin-left: 30px!important;}
.ml10{ margin-left: 10px!important;}
.mr10{margin-right: 10px!important;}
.mt10{ margin-top: 10px!important;}
.mt20{margin-top: 20px!important;}
.timeicon{background:url(../../images/timeico.jpg) no-repeat right 4px}
.modal-footer{ text-align:center; border-top:none;}
.xg-bybd{ margin:0 auto 80px;}
.xg-bybd .form-s1  label,.xg-bybd .form-s1  span.text-left{min-width: 110px; padding: 0 10px; font-weight: 400; vertical-align: middle;line-height: 2em;}
.xg-bybd .form-s1  span.text-left{font-weight: bold;}
.xg-bybd .step ul,.xg-bybd .step li{ margin: 0; padding: 0; list-style: none;}
.xg-bybd .sys-name{ width: auto; height: 230px;}
.xg-bybd .sys-name img{ margin: 40px 0 0 20px;}
.xg-bybd .step{ padding: 0;}

.xg-bybd .step ul li{ padding:0 0 10px;cursor: pointer;}
.xg-bybd .step ul li span.nav-adorn{background: url("../../images/contentbtn.png") no-repeat 0 -54px;}
.xg-bybd .step .words{ font-size: 1.1em; line-height: 1.8em; color: #888;}
.xg-bybd .step .last-w{padding-top: 15px;}
.xg-bybd .r-content{border: 1px solid #dfdfdf; background: #fff; padding: 30px; line-height: 15px;min-height: 180px;}
.xg-bybd .r-content p{text-indent: 2em;}
.xg-bybd .r-content > em{ margin-bottom: 20px; display: inline-block; font-style: normal;}
.xg-bybd .r-content .remark div,.xg-bybd .r-content .remark p{ color: #f33; text-indent: 0;}
.xg-bybd  .sheet .tips{color: #888;}
.xg-bybd  .sheet .radio-box .radio{ margin: 5px 5px 0 0;}
.xg-bybd  li span.nav-adorn{ width: 62px; height:55px;}
.xg-bybd  li span.nav-adorn em{ display: block; margin-left:20px;font:600 30px/1.8em Arial; color: #fff;margin-top: 2px;}
.xg-bybd  li.choice .words{color:#333;}
.xg-bybd  li.choice .nav-adorn{background-position: 0 0!important;}
.xg-bybd  .r-content .w-select i{ position: absolute; right: 6px; top: 9px;}
.xg-bybd  .r-content .w-select:hover,.xg-bybd  .r-content.w-select:focus{ color: #333; text-decoration: none; cursor: pointer;}
.xg-bybd  .list-value > ul{ max-height: 200px; overflow-y: auto; width: 100%;}
.refer-btn{ display: block; height: 60px; background:#f3f3f3 url("../../images/tit-bg.png") no-repeat;border-top: 1px #ccc dashed; padding: 10px 70px 0 20px;  font-weight: 900;}
.refer-cont{ width: 80%; padding: 320px 0 20px; background: url("../../images/idpic.png") no-repeat 50% 30%; margin: 0 auto;}
.footer{background:#010baa; padding: 15px 0 10px; text-align: center; color: #fff; width:100%;
        position: absolute;
        bottom: 0;
}
.footer2 {
    background: #010baa;
    padding: 15px 0 10px;
    text-align: center;
    color: #fff;
    width: 100%;
    position: absolute;
}
.footer p{ margin: 0;}
.footer2 p {
    margin: 0;
}
.idpic,.idpic img{ width: 160px; height: 100px; position: relative;}
.idpic a{ display: block; width: 100%; line-height: 30px; text-align: center; color: #fff; font-weight: 900; position: absolute; text-decoration: none; left: 0; bottom: 0; background: url("../../images/idpic-bg.png") repeat;}
.idpic  a:hover{-webkit-transition: all 0.25s ease-out 0s;-moz-transition: all 0.25s ease-out 0s;transition: all 0.25s ease-out 0s;height:100%; line-height:106px;}
.center {
    text-align:center;
}
.section {
    position: relative;
    height: 34px;
    /*padding-left: 80px;
    padding-right: 15px;
    margin-bottom: 10px;*/
    box-sizing: border-box;
}
 .section label {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        height: 32px;
        line-height: 32px;
        font-size: 12px;
    }
 .section > select, .section > input {
        width: 100%;
        height: 100%;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
    }
@media (min-width: 768px) {
    body {
        /*background: url("../../images/head750.jpg") no-repeat top center fixed;
        position: absolute;
        min-height: 100%;
        width: 100%;
        top: 0;
        left: 0;*/
        position: static;
        font-family: Microsoft YaHei, Helvetica, Arial, sans-serif
    }
    .showImgbg {
        content: url('../../images/head1920.jpg');
        width: 100%;
    }
}
@media (min-width: 992px) {
    body {
        /*background: url("../../images/head930.jpg") no-repeat top center fixed;
        position: absolute;
        min-height: 100%;
        width: 100%;
        top: 0;
        left: 0;*/
        position: static;
        font-family: Microsoft YaHei, Helvetica, Arial, sans-serif
    }
    .showImgbg {
        content: url('../../images/head1920.jpg');
        width: 100%;
    }
}
@media (min-width: 1200px) {
    body {
        /*background: url("../../images/head1080.jpg") no-repeat top center fixed;
        position: absolute;
        min-height: 100%;
        width: 100%;
        top: 0;
        left: 0;*/
        position: static;
        font-family: Microsoft YaHei, Helvetica, Arial, sans-serif
    }
    .showImgbg {
        content: url('../../images/head1920.jpg');
        width:100%;
    }
}
    @media (min-width: 768px) {
        .xg-bybd .step h3 {
            font-size: 20px;
            padding: 18px 20px 19px;
            margin: 0;
            color: #fff;
            background: #9E9E9E;
            /*font-weight: bold;*/
            display: none;
        }
        .footer2 {
            background: #0055cc;
        }
        .ulbg {
            background-color:#fff;
        }
        .divpading {
            padding-right: 0px !important;
            padding-left: 0px !important;
         }
        .isshowdiv2 {
            display: none;
        }
        .container100 {
            width:100% !important;
        }
        }
@media (min-width: 768px) {
    .container_left_right {
        width: 750px;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .container_left_right_title {
        width: 100%;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

@media (min-width: 992px) {
    .container_left_right {
        width: 970px;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .container_left_right_title {
        width: 100%;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

@media (min-width: 1200px) {
    .container_left_right {
        width: 1080px;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .container_left_right_title {
        width: 100%;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

    @media (max-width: 767px) {
        body {
            background: url("../../images/contentbg.jpg") no-repeat top center fixed;
            background-size: cover;
            -webkit-background-size: cover;
            -o-background-size: cover;
            position: absolute;
            min-height: 100%;
            width: 100%;
            top: 0;
            left: 0;
            font-family: Microsoft YaHei, Helvetica, Arial, sans-serif
        }
        .isshowdiv {
            display:none;
        }
    }


        @media (min-width: 768px) {
            body {
                background-size:750px;
             }
            .footer2 {
                /*//left: 50%;
                margin-left: -375px;
                width: 750px !important;*/
                width:100%;
                height:50px;
            }
            }

@media (min-width: 992px) {
    body {
        background-size: 970px;
    }
    .footer2 {
        /*left: 50%;
        margin-left: -485px;
        width: 970px !important;*/
        width: 100%;
        height: 50px;
    }
}
@media (min-width: 1200px) {
    body {
        background-size: 1080px;
    }
    .footer2 {
        /*left: 50%;
        margin-left: -540px;
        width: 1080px !important;*/
        width: 100%;
        height: 50px;
    }
}
    @media (max-width: 767px) {
        .xg-bybd .step h3 {
            font-size: 20px;
            padding: 18px 20px 19px;
            margin: 0;
            color: #fff;
            background: #003ec2 url("../../images/contententry.jpg") no-repeat right 0;
            /*font-weight: bold;*/
            background-size:160px;
        }
    }

    @media (max-width: 767px) {
        .xg-bybd .step {
            padding-left: 15px;
            padding-right: 15px;
        }

        .xg-bybd .sys-name {
            height: 220px;
        }

            .xg-bybd .sys-name img {
                width: 90%;
                height: auto;
            }

        .xg-bybd .step ul {
            padding: 10px 10px;
            background: #fff;
            height: 330px;
        }

            .xg-bybd .step ul li:last-child {
                padding: 0;
            }

        .xg-bybd .r-content .form-s1 > div {
            margin-bottom: 10px;
        }
        @media (max-width: 410px) {
            .xg-bybd .step ul li {
                width: 150px;
                float: left;
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 0 0 10px;
                cursor: pointer;
            }
        }
        @media (min-width: 411px) {
            .xg-bybd .step ul li {
                width: 173px;
                float: left;
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 0 0 10px;
                cursor: pointer;
            }
        }
            .xg-bybd .form-s1 label {
                text-align: left;
            }

            .aiui .w-select, .xg-bybd .w-select + .dropdown-menu {
                min-width: 100%;
            }

            .refer-btn {
                background-position: right -84px;
            }

            .refer-cont {
                background-size: 80%;
            }
        }

    @media (min-width: 768px) {
        .xg-bybd .step ul {
            /*padding-top: 40px;*/
        }

        .xg-bybd .step .words {
            max-width: 110px;
        }

        .xg-bybd .r-content .checkid {
            margin: 50px 0;
        }

        .xg-bybd .form-s1 label {
            text-align: right;
        }

        .aiui .w-select, .xg-bybd .w-select + .dropdown-menu {
            min-width: 100%;
        }

        .refer-btn {
            background-position: -15px -83px;
        }

        .win-small {
            width: 480px;
        }

            .win-small .modal-body {
                padding: 30px 60px;
            }
        .rightpadding {
            padding-right:0px !important;
        }
        .leftpadding {
            padding-left:0px !important;
        }
    }

    @media (min-width: 992px) {
        .xg-bybd .step .words {
            max-width: 96px;
        }

        .xg-bybd .sheet .btn + .tips {
            margin-left: 40px;
        }

        .refer-btn {
            background-position: -20px -83px;
        }
    }

    @media (min-width: 1200px) {
        .xg-bybd {
            padding: 0;
        }

            .xg-bybd .row {
                margin: 0;
            }

            .xg-bybd .sheet .btn + .tips {
                margin-left: 60px;
            }

            .xg-bybd .step .words {
                max-width: 110px;
                padding-left: 10px;
            }

        .refer-btn {
            background-position: -15px -83px;
        }
    }

@media only screen and (max-width: 600px) {
    .hidden-600 {
        display: none !important;
    }
    .width100 {
        width: 100% !important;
        height: 34px;
    }
    @-ms-viewport {
        width: device-width;
    }

    @-webkit-viewport {
        width: device-width;
    }

    @-moz-viewport {
        width: device-width;
    }

    @-ms-viewport {
        width: device-width;
    }

    @-o-viewport {
        width: device-width;
    }

    @viewport {
        width: device-width;
    }


    /*调出iconfont*/
    @font-face {
        font-family: qky-icon;
        src: url(../fonts/iconfont.eot);
        src: url(../fonts/iconfont.eot) format('embedded-opentype'),url(../fonts/iconfont.woff) format('woff'),url(../fonts/iconfont.ttf) format('truetype'),url(../fonts/iconfont.svg#iconfont) format('svg')
    }

    .qky-icon {
        font-family: qky-icon !important;
        font-size: 14px;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -webkit-text-stroke-width: .2px;
        -moz-osx-font-smoothing: grayscale;
        margin-right: 5px
    }
}

.site__content {
    animation: bounceInUp 1s;
    animation-delay: .1s;
}
.entrytitle {
    color: red;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
}
.top10 {
    padding-top: 10px !important;
}