* {
    margin: 0px;
    padding: 0px;
}

html, body, h1, h2, h3, h4, ul, li, dl, input {
    margin: 0px;
    padding: 0px;
    list-style-type: none
}

body {
    font: 16px/1.75em "microsoft yahei";
    color: #333;
    background: #F8F8F8;
}

.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
}

.row {
    margin-right: 0px;
    margin-left: 0px;
}

.clear {
    clear: both;
}

.indent_radd15 {
    padding-right: 0px !important;
}

.indent_ladd15 {
    padding-left: 0px !important;
}

.indent_lr15 {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.top {
    height: 100px;
    background: #FFFFFF;
    box-shadow: 0px 8px 20px #d6d6d6
}

.top_left {
    float: left;
    width: 280px;
    height: 80px;
    line-height: 100px;
}

.top_left, .top_left img {
    width: 240px;
    padding-left: 2%;
}

.top_title {
    width: 75%;
    height: 100%;
    float: right;
    font-size: 26px;
    color: #0E78C9;
    line-height: 110px;
    text-align: left;
    padding-left: 1.5%;
}

.top_title span:first-child {
    display: block;
    float: left;
    margin-top: 30px;
    height: 50px;
    border-left: 1px solid #0E78C9;
    padding-right: 4%;
}

.top_title span:nth-child(2) {
    margin-top: 0px;
    font-weight: 600;
    display: inline-block;
}

.footer { /* height: 131px; */
    background: #FFFFFF;
    font-size: 13px;
    color: #666666;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding-bottom: 30px
}

.copy_add_mail {
    display: block;
    padding: 30px 0px 5px 0px;
    text-align: center;
}

.list_mail_map_call_en {
    text-align: center;
    padding-bottom: 30px;
}

.list_mail_map_call_en span {
    padding-right: 10px; /*background:url()no-repeat 58px 2px;*/
}

/*prove_list main*/
.container-fluid .main {
    background: #FFFFFF;
    margin: 30px auto;
    box-shadow: 0 8px 16px 0 rgba(7, 17, 27, .1);
}

.list_con {
    padding: 40px 10px 40px 10px;
}

.list_con li {
    padding-bottom: 40px;
}

.list {
    height: 150px;
    font-size: 18px;
    color: #333333;
    border: 1px solid #dcdcdc;
    display: block;
    border-top-left-radius: 6px;
    border-top-right-radius: 4px;
}

.time {
    height: 46px;
    line-height: 46px;
    letter-spacing: 2px;
    color: #ffffff;
    text-align: center;
    background: #0e78c9;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.name {
    padding: 15px 0px 15px 0px;
}

.number {
    padding-left: 0px;
}

.btn_style {
    margin-right: 0px;
    line-height: 98px;
}

.btn_default {
    background-color: #ebebeb;
}

.btn-download {
    background: #00cc82;
    color: #ffffff; /*涓嬭浇*/
}

.btn_waitcheck {
    background: #f96e31;
    color: #ffffff; /*寰呭鏍�*/
}

.btn_overdue {
    background: #999999;
    color: #ffffff; /*杩囨湡*/
}

.btn-download:hover, .btn_waitcheck:hover, .btn_overdue:hover {
    color: #ffffff;
}

/*apply main*/
.apply_main {
    background: #FFFFFF;
    padding: 40px;
    margin: 30px auto;
    box-shadow: 0 8px 16px 0 rgba(7, 17, 27, .1);
}

.language span {
    display: inline-block;
    float: left;
    line-height: 50px;
}

.language span, .reason span {
    font-size: 20px;
    color: #333333;
}

.form_input, .reason textarea {
    width: 55.4%;
    line-height: 50px;
    padding-left: 30px;
    font-size: 20px;
    color: #333333;
    border: none;
    background: #f6f6f6;
}

.form_input {
    height: 50px;
    margin-bottom: 40px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none; /*background:url(../img/drop-down.png) no-repeat scroll right center*/;
    background-size: 100% 100%;
}

select::-ms-expand {
    display: none;
}

.language .form_input option {
    width: 100%;
    line-height: 50px;
    outline: none;
}

.reason textarea {
    height: 220px;
    resize: none;
    border: 1px solid #d8dee2;
}

.reason span {
    display: inline-block;
    float: left;
    padding-top: 12px;
}

.btn_con {
    margin-left: 60px;
    padding: 80px 0px 0px 0px;
    font-size: 20px;
}

.apply_btn, .process_btn {
    width: 120px;
    height: 46px;
    display: inline-block;
    text-align: center;
    border-radius: 6px;
}

.apply_btn {
    background: #0E78C9;
    color: #ffffff;
    line-height: 46px;
    margin-right: 10%;
}

.process_btn {
    font-size: 20px;
    color: #0E78C9;
    border: 2px solid #0E78C9;
    line-height: 42px;
}

.apply_btn:hover, .apply_btn:focus {
    color: #FFFFFF;
    background: #0067b5;
    text-decoration: none;
}

.process_btn:hover, .process_btn:focus {
    color: #0067b5;
    border: 2px solid #0067b5;
    text-decoration: none;
}

/*(鍦ㄨ亴璇佹槑)鎵撳嵃涓変釜鏍忕洰鐨� */
.main_content {
    margin-top: 30px;
    padding: 10px 30px;
}

.tab-pane .item_con {
    border-top: none;
    padding: 10px;
}

.tab-pane .item_con .item {
    padding: 10px 0px;
    text-align: center;
}

.tab-pane .item_con .item:hover {
    background: #F8F8F8;
}

.tab-pane .item_con .item a:hover {
    text-decoration: none;
    color: #0e78c9;
}

.tab-pane .item_con .item a img {
    padding-right: 15px;
}

.tab-pane .item_con .item a {
    color: rgba(0, 0, 0, .65);
}

.tab-pane .item_con .item a span {
    width: 50%;
    display: inline-block;
    text-align: left;
}

.nav-tabs li a {
    color: rgba(0, 0, 0, .65);
}

.nav-tabs li.active a, .nav-tabs li.active a:focus, .nav-tabs li.active a:hover {
    color: #0e78c9;
    cursor: default;
    background-color: #f8f8f8;
}

/*鏃犳墦鍗伴」*/
.main_icon {
    width: 100%
}

.main_icon img {
    display: block;
    margin: 0 auto;
}

.main_icon span {
    display: block;
    padding-top: 20px;
    color: #999999;
    font-size: 16px;
    letter-spacing: 3px;
    text-align: center;
}

/*home*/
.apply_home, .print_home {
    padding: 10% 0px;
    text-align: center;
}

.apply__home_btn {
    color: #a8a5a0;
    background: #f7f6f2;
    padding: 30px 50px;
    box-shadow: 15px 0 15px -15px #000, -15px 0 15px -15px #000;
}

.print_home_btn {
    color: #a8a5a0;
    background: #f7f6f2;
    padding: 30px 50px;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3), 0px 0px 20px rgba(0, 0, 0, 0.1) inset;
}

/*鎵撳嵃鍏ュ彛*/
.enter_con {
    width: 100%;
    height: 100%;
}

.enter_main {
    width: 54.7%;
    height: 100%;
    margin: 10% auto;
}

.apply_list, .print_list {
    width: 35.8%;
    float: left;
    text-align: center;
    padding: 11% 5% 6%;
    background: #ffffff;
    box-shadow: 0 8px 16px 0 rgba(7, 17, 27, .1);
}

.apply_list {
    margin-right: 4%;
}

.print_list {
    margin-left: 4%;
}

.apply_list img, .print_list img {
    display: block;
    margin: 0 auto;
}

.apply_list .title, .print_list .title {
    font-size: 26px; /*color:#33333;*/
    display: block;
    padding: 15% 0 9% 0;
}

.apply_list .explain, .print_list .explain {
    font-size: 20px;
    color: #989898;
    display: block;
    padding: 0 0 26% 0;
}

.apply_list .enter_btn, .print_list .enter_btn {
    width: 120px;
    line-height: 42px;
    display: block;
    margin: 0 auto;
    font-size: 20px;
    color: #0e78c9;
    border: 2px solid #0E78C9;
    border-radius: 10px;
    text-decoration: none;
}

.apply_list:hover, .print_list:hover {
    box-shadow: 0 0 8px 0 #0E78C9;
}

/*鎴愮哗楠岃瘉*/
/*tip*/
.check_con {
    padding: 60px 56px 60px;
}

.check_tip {
    background: #fffdf2;
    border: 1px solid #d2d2d2;
    border-radius: 10px;
    margin-top: 13px;
    padding: 0px 35px;
}

.check_tip_title {
    font-size: 18px;
    line-height: 72px;
    color: #ef7125;
    text-align: center;
    display: block;
}

.check_tip_con {
    font-size: 14px;
    color: #444444; /*line-height:47px;*/
    padding-bottom: 14px;
}

/*checkmain*/
.check_title {
    color: #0E78C9;
    font-size: 28px;
    text-align: center;
    margin-top: 90px;
    margin-bottom: 60px;
}

.check_main .search_form {
    width: 70%;
    margin: 0 auto;
}

.check_main .search_form_placetext {
    width: 100%;
    height: 36px;
    line-height: 20px;
    border: 1px solid #0E78C9;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.check_main .search_form input {
    padding-left: 15px;
}

.check_main .check_btn {
    height: 36px;
    background: #0E78C9;
    color: #fff;
    border: none;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

/*step*/
.step_list {
    width: 100%;
    margin: 0 auto;
}

.step img {
    margin: 0 auto;
}

.step_img {
    box-shadow: 1px 2px 7px 2px rgba(7, 17, 27, .1);
}

.step_title {
    font-size: 18px;
    color: #444444;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 10px;
}

.step_explain {
    padding: 5px 0px 25px 15%;
    color: #676767;
    font-size: 14px;
}

.step_list span {
    width: 22px;
    height: 22px;
    line-height: 22px;
    display: inline-block;
    text-align: center;
    color: #FFFFFF;
    background: #52abef;
    border-radius: 50%;
    margin-right: 10px;
}

/*403 500*/
.wrong_page {
    padding: 5% 0%;
}

.sorry {
    width: 65%;
    display: block;
    font-size: 28px;
    color: #333333;
    border-bottom: 2px solid #d4d4d4;
    padding-bottom: 20px;
}

.reason_probably {
    padding: 40px 0px 10px;
    display: block;
    font-size: 18px;
}

.wrong_Website {
    font-size: 18px;
}

.reason_main {
    color: #666666;
    font-size: 18px;
}

@media (max-width: 992px) {
    .top {
        height: 80px;
    }

    .top_title {
        width: 50%;
        float: right;
        padding-right: 0%;
        font-size: 20px;
        text-align: left;
    }

    .top_left, .top_left img {
        width: 160px;
        padding-left: 2%;
    }

    .top_left, .top_title {
        line-height: 80px;
    }

    .top_title span:first-child {
        margin-top: 21px;
        height: 37px;
        padding-right: 6%;
    }

    .top_title span:nth-child(2) {
        margin-top: 0px;
    }

    .main {
        margin-top: 20px;
    }

    .list {
        font-size: 16px;
    }

    .container {
        padding-right: 0px;
        padding-left: 0px;
    }

    .list_con {
        padding: 20px 0px 10px 0px;
    }

    .copy_add_mail {
        padding: 37px 2% 0px;
    }

    /*apply*/
    .form_input, .reason textarea {
        width: 89%;
    }

    .container {
        width: 100%;
    }

    .apply_main {
        padding: 2%;
        margin-top: 20px;
    }

    .language span, .reason span, .btn_con, .form_input, .reason textarea {
        font-size: 16px;
    }

    .form_input {
        margin-bottom: 20px;
    }

    .form_input, .reason textarea {
        width: 84%;
    }

    .apply_btn {
        margin-right: 0%;
    }

    .apply_btn, .process_btn {
        margin-bottom: 20px;
        font-size: 16px;
    }

    .btn_con {
        margin-left: 0px;
        padding: 20px 0px 0px 0px;
        text-align: center;
    }

    .apply_btn, .process_btn {
        width: 120px;
        height: 36px;
        line-height: 36px;
    }

    .process_btn {
        line-height: 33px;
    }

    /*(鍦ㄨ亴璇佹槑)鎵撳嵃涓変釜鏍忕洰鐨� */
    .main_content {
        margin-top: 25px;
        padding: 10px 15px;
    }

    .nav-tabs li {
        width: 33%;
        height: 38px;
        overflow: hidden;
        float: left;
        display: inline-block;
    }

    .nav-tabs li a {
        margin-right: 0px;
        clear: both;
        border: none;
        border-radius: 4px;
        text-align: center;
    }

    .nav li a {
        padding: 10px;
    }

    .nav-tabs li.active a, .nav-tabs li.active a:focus, .nav-tabs li.active a:hover {
        color: #FFFFFF;
        cursor: default;
        background-color: #0e78c9;
        border: none;
    }

    a:focus {
        outline: none; /*outline-offset:none; */
    }

    .tab-pane .item_con .item {
        width: 33%;
        padding-top: 20px;
        margin: 0 auto;
        text-align: center;
    }

    .tab-pane .item_con .item a img {
        padding: 0px;
    }

    .tab-pane .item_con .item a span {
        width: 100%;
        text-align: center;
    }

    .col-xs-4 {
        padding-left: 0px;
        padding-right: 0px;
    }

    /*鏃犳墦鍗伴」*/
    .main_icon img {
        width: 120px;
    }

    .main_icon span {
        letter-spacing: 0px;
    }

    /*鎵撳嵃鍏ュ彛*/
    .enter_main {
        width: 100%;
        margin: 0 auto;
    }

    .apply_list {
        width: 66%;
        text-align: center;
        padding: 10% 14% 10%;
        margin: 3% 3% 0 3%;
        background: #ffffff;
        box-shadow: none;
    }

    .print_list {
        width: 72%;
        text-align: center;
        padding: 10% 11% 10%;
        margin: 3% 3% 0 3%;
        background: #ffffff;
        box-shadow: none;
    }

    .apply_list .enter_btn, .print_list .enter_btn {
        display: none;
    }

    .apply_list img, .print_list img, .apply_list .title, .print_list .title, .apply_list .explain, .print_list .explain {
        display: inline-block;
    }

    .apply_list img, .print_list img {
        float: left;
    }

    .apply_list .title, .print_list .title, .apply_list .explain, .print_list .explain {
        width: 60%;
        float: right;
        padding: 0;
    }

    .apply_list .explain, .print_list .explain {
        padding-top: 15px;
    }

    .apply_list .title, .print_list .title {
        font-size: 22px;
    }

    .apply_list .explain, .print_list .explain {
        font-size: 18px;
    }

    /*鎴愮哗楠岃瘉*/
    .check_con {
        padding: 0%;
    }

    .check_tip {
        border-radius: 0px;
    }

    .check_tip_title {
        font-size: 16px;
        line-height: 22px;
        padding-top: 15px;
    }

    .check_tip_con {
        font-size: 14px;
        line-height: 1.75em;
        padding-top: 10px;
        padding-bottom: 5px;
    }

    .check_title {
        font-size: 24px;
        margin-top: 15%;
        margin-bottom: 8%;
    }

    .check_main .search_form {
        width: 100%;
    }

    .check_main .search_form_placetext {
        width: 100%;
    }

    /*.check_main .check_btn{width:20%;}*/
    .step {
        margin-bottom: 20px;
    }

    .step_img {
        width: 83%;
    }

    .step_title {
        margin-top: 10%;
        margin-bottom: 8%;
    }

    .step_explain {
        padding-top: 0px;
        padding-bottom: 15px;
    }

    /*400 503*/
    .wrong_page img {
        width: 85%;
        margin: 0 auto;
    }

    .sorry {
        width: 100%;
        font-size: 20px;
    }

    .reason_probably {
        padding: 20px 0px 10px;
    }

    .reason_main {
        font-size: 16px;
    }
}

/*iphone5*/
@media (max-width: 321px) {
    .top_title {
        width: 43%;
    }

    /*prove_list*/
    .name, .number {
        padding-left: 0px;
        font-size: 14px;
    }

    /*apply*/
    .form_input, .reason textarea {
        width: 82%;
    }

    /*(鍦ㄨ亴璇佹槑)鎵撳嵃涓変釜鏍忕洰鐨� */
    .nav li a {
        padding: 10px 5px;
    }

    .apply_list {
        width: 76%;
        padding: 10% 9% 10%;
    }

    .print_list {
        width: 82%;
        padding: 10% 6% 10%;
    }

    /*鍦ㄧ嚎璇佹槑楠岃瘉鏌ヨ*/
    .top_title span:nth-child(2) {
        font-size: 16px;
    }

    .step_img {
        width: 83%;
        margin: 0 auto;
    }
}

@media (min-width: 322px)and (max-width: 361px) {
    .top_title {
        width: 50%;
    }

    .apply_list {
        width: 74%;
        padding: 10% 10% 10%;
    }

    .print_list {
        width: 80%;
        padding: 10% 7% 10%;
    }
}

@media (min-width: 362px)and (max-width: 376px) {
    .apply_list {
        width: 70%;
        padding: 10% 12% 10%;
    }

    .print_list {
        width: 78%;
        padding: 10% 8% 10%;
    }
}

@media (min-width: 993px)and (max-width: 1201px) {
    .top_title {
        width: 70%;
    }
}


.black_overlay {
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: white;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: .80;
    filter: alpha(opacity=88);
}

.white_content {
    display: none;
    position: absolute;
    top: 5%;
    left: 5%;
    width: 90%;
    height: auto;
    padding: 0;
    border: 1px solid black;
    background-color: white;
    z-index: 1002;
    overflow: auto;
}

.pdf {
    width: 100%;
}

/*pdf寮圭獥*/
.container {
    position: relative;
}

.position {
    width: 5.375rem;
    position: absolute;
    bottom: 8rem;
    left: 45%;
}

.pdf_main {
    width: 100%;
    max-height: 600px;
    border: 1px solid #333333;
    margin-top: 30px;
    /*overflow-y: scroll;*/
}

.showBar {
    position: absolute;
    float: right;
    top: 39px;
    right: 0px;
    width: 400px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    z-index: 9999;
}

.navBar::after {
    content: "";
    display: block;
    clear: both;
}

.navBar .content-item {
    float: right;
    margin: 0 0px;
    height: 20px;
    line-height: 20px;
    padding: 0 2px;
    text-align: center;
    background-color: #eee;
    border-radius: 5px;

}

.navBar .content-item :hover {
    background-color: #0000ff;
    color: #fff;
    font-weight: 600;
}

.welc {
    float: right;
    margin: 0 10px;
    height: 20px;
    line-height: 20px;
    padding: 0 2px;
    text-align: center;
    font-weight: 300;
}

.navBar .content-item a {
    font-weight: 300;
    color: #0000ff;
    padding: 0 2px;

}