﻿        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: "MicrosoftYaHei";
        }
        
        .box {
            background: url("../images/bg.png");
            width: 100%;
            height: 100%;
            /* height: 5080px; */
            background-size: cover;
            background-repeat: no-repeat;
            padding-bottom: 50px;
        }
        
        .box_title {
            padding: 17px 0;
            background-color: rgba(255, 255, 255, 0.49);
            display: flex;
        }
        
        .home {
            display: flex;
            width: 26.5%;
            margin-left: auto;
        }
        
        .home a {
            display: flex;
            align-items: center;
            margin-right: 8%;
        }
        
        .home a span {
            font-size: 14px;
            color: #18466d;
            margin-left: 5px;
        }
        
        .box_con {
            width: 1200px;
            /* width: 63%; */
            margin: 0px auto;
            background-color: #fff;
            margin-top: 100px;
            padding-bottom: 300px;
        }
        
        .box_con_top {
            background-image: linear-gradient(0deg, #2094f7 0%, #1875d8 50%, #1773d6 53%, #0b63bd 100%), linear-gradient( #1771d2, #1771d2);
            background-blend-mode: normal, normal;
            box-shadow: 0px 1px 5px 0px rgba(7, 0, 2, 0.11);
            font-size: 36px;
            font-weight: bold;
            color: #f5f5f5;
            padding: 10px 0;
            text-align: center;
        }
        
        .box_con_list {
            padding: 0 80px;
        }
        
        .box_con_list_top {
            text-align: center;
            font-size: 24px;
            font-weight: bold;
            color: #333333;
            margin-top: 60px;
            letter-spacing: 1px;
        }
        
        .box_con_list_main {
            margin-top: 50px;
        }
        
        .list_itemS {
            display: flex;
            align-items: center;
            width: 900px;
            margin: 0 auto;
        }
        
        .list_item {
            display: flex;
            align-items: center;
            width: 900px;
            margin: 0 auto;
            margin-top: 20px;
            /* justify-content: space-between; */
        }
        
        .list_item .list_item_title {
            width: 32%;
            text-align: right;
        }
        
        .list_item_title>span {
            font-size: 18px;
            letter-spacing: 1px;
            color: #333333;
        }
        
        .list_item input {
            font-size: 16px;
            color: #666666;
            width: 75%;
            height: 45px;
            border: solid 1px #bfbfbf;
            margin-left: 1.2%;
            padding: 15px;
        }
        
        .list_item_it {
            width: 49%;
            position: relative;
        }
        
        .list_item_it>input {
            margin-left: 5%;
            width: 75%;
        }
        
        .btns>input {
            width: 45%;
        }
        
        .gary {
            background-color: #929292;
            border-radius: 10px;
            font-size: 18px;
            color: #ffffff;
            padding: 15px;
            outline: none;
            border: none;
            margin-left: 5%;
            padding: 15px 35px;
        }
        
        .red {
            background-color: #f51515;
            border-radius: 10px;
            font-size: 18px;
            color: #ffffff;
            padding: 15px 35px;
            outline: none;
            border: none;
            margin-left: 3%;
        }
        
        .list_item_date {
            width: 60%;
        }
        
        .list_item_date .list_item_title {
            width: 18%;
        }
        
        .list_item_date>input {
            /* width: 60%; */
            width: 57%;
            margin-left: 3%;
        }
        
        .list_itemS2 {
            width: 86%;
            justify-content: space-between;
        }
        
        .list_item_sex {
            width: 40%;
            font-size: 16px;
            color: #666666;
        }
        
        .list_item_sex input {
            width: 10%;
            margin-left: 14%;
            /* zoom: 1.3; */
        }
        
        .list_item_sex label {
            font-size: 16px;
            color: #666666;
            margin-left: 22px;
            width: 15%;
            /* border: 1px solid; */
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        
        .zhunkao_zheng {
            font-size: 14px;
            color: #a09d9d;
            margin-top: 10px;
            margin-left: 22%;
        }
        
        .cm,
        .kg {
            font-size: 16px;
            color: #666666;
            position: absolute;
            top: 13px;
            right: 10px;
        }
        
        .select select {
            width: 140px;
            margin-right: 5%;
            margin-left: 1.2%;
            padding: 10px;
            outline: none;
            font-size: 16px;
            color: #666666;
            border: solid 1px #bfbfbf;
        }
        /* .menpai {
            margin-left: 16.3%;
        }
         */
        
        .jiazhao select {
            width: 74.5%;
            padding: 10px;
            margin-left: 1.2%;
            outline: none;
            border: solid 1px #bfbfbf;
            font-size: 16px;
            color: #666666;
        }
        
        .junren>input {
            width: 2%;
            zoom: 1.3;
        }
        
        .junren>label {
            font-size: 16px;
            color: #666666;
            margin-left: 44px;
            width: 12%;
            /* border: 1px solid; */
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        
        .junren .label1 {
            margin-left: 12px;
        }
        
        .xueli_box {
            margin-top: 70px;
        }
        
        .xueli_box_top {
            font-size: 18px;
            color: #333333;
            margin-left: 12.5%;
        }
        
        .xueli_box_con {
            border: solid 1px #bfbfbf;
            margin-top: 40px;
            padding-bottom: 40px;
        }
        
        .xueli_box_con>ul {
            display: flex;
            /* justify-content: space-around; */
            padding: 10px 0;
            background-color: #f5f5f5;
        }
        
        .xueli_box_con>ul>li {
            font-size: 16px;
            color: #333333;
        }
        
        .xueli_box_con>ul>li:nth-child(1) {
            margin-left: 3.5%;
        }
        
        .xueli_box_con>ul>li:nth-child(2) {
            margin-left: 7.5%;
        }
        
        .xueli_box_con>ul>li:nth-child(3) {
            margin-left: 11%;
        }
        
        .xueli_box_con>ul>li:nth-child(4) {
            margin-left: 10%;
        }
        
        .xueli_box_con>ul>li:nth-child(5) {
            margin-left: 11%;
        }
        
        .xueli_box_con>ul>li:nth-child(6) {
            margin-left: 9%;
        }
        
        .xueli_box_con>ul>li:nth-child(7) {
            margin-left: 4.5%;
        }
        
        .xueli_box_con ul span {
            color: #f51515;
        }
        
        .xueli_box_con_list ul li {
            display: flex;
            list-style: decimal;
            margin-top: 15px;
            padding: 0 15px;
            align-items: center;
        }
        
        .xueli_box_con_list ul li input {
            width: 18%;
            padding: 15px;
            border: solid 1px #bfbfbf;
            margin-left: 1%;
        }
        
        .xueli_box_con_list .input_select {
            width: 10%;
            margin-left: 1%;
            outline: none;
            border: solid 1px #bfbfbf;
            font-size: 14px;
            color: #656565;
            padding: 11px 0;
        }
        
        .xueli_box_con_list .del {
            width: 6%;
            background-color: #f51515;
            border-radius: 2px;
            border: none;
            padding: 10px 0;
            font-size: 16px;
            color: #ffffff;
            text-align: center;
        }
        
        .xueli_box_con_list .input_date {
            width: 16%;
            font-size: 14px;
            color: #656565;
            outline: none;
            padding: 11px 0;
        }
        
        .xueli_box_con_list p {
            font-size: 16px;
            color: #696969;
            margin: 0 3%;
        }
        
        .add_info {
            width: 125px;
            height: 44px;
            background-color: #f51515;
            border-radius: 3px;
            margin: 0 auto;
            margin-top: 70px;
            font-size: 16px;
            color: #ffffff;
            text-align: center;
            line-height: 44px;
            cursor: pointer;
        }
        
        .xueli_box_con_bottom {
            font-size: 18px;
            letter-spacing: 1px;
            color: #333333;
            width: 82%;
            margin: 0 auto;
            margin-top: 80px;
            display: flex;
            align-items: center;
        }
        
        .xueli_box_con_bottom>input {
            width: 43%;
            padding: 15px;
            border: solid 1px #bfbfbf;
            margin-left: 10px;
        }
        
        .next {
            width: 414px;
            height: 72px;
            background-color: #f51515;
            border-radius: 10px;
            font-size: 24px;
            line-height: 48px;
            color: #ffffff;
            text-align: center;
            line-height: 72px;
            margin: 0 auto;
            margin-top: 150px;
            cursor: pointer;
        }
        .next:hover{
        	color: #ffffff;
        }
        
        .sbtj {
            padding: 20px;
            margin-top: 20px;
        }
        
        .sbtj_title {
            font-size: 18px;
            color: #333333;
            font-weight: bold;
        }
        
        .sbtj_info {
            font-size: 16px;
            line-height: 26px;
            color: #4a4a4a;
            margin-top: 30px;
        }
        
        .footer {
            text-align: center;
            font-size: 14px;
            line-height: 36px;
            color: #666666;
            margin-top: 50px;
        }
        
        .gzjl_con_list ul li input {
            width: 20%;
        }
        
        .gzjl_con_list ul li .input_date {
            width: 20%;
        }
        /*
        .gzjl_con ul li:nth-child(2) {
            margin-left: 8.5%;
        }
        
        .gzjl_con ul li:nth-child(3) {
            margin-left: 12%;
        }
        
        .gzjl_con ul li:nth-child(4) {
            margin-left: 13%;
        }
        
        .gzjl_con ul li:nth-child(5) {
            margin-left: 14%;
        }
        
        .jtcy ul li:nth-child(4) {
            margin-left: 9%;
        }
        
        .jtcy ul li:nth-child(6) {
            margin-left: 10%;
        }
        
        .jtcy ul li:nth-child(7) {
            margin-left: 7%;
        }*/
        /* 登入 */
        
        .login_box {
            width: 700px;
            /* width: 35%; */
            padding-bottom: 70px;
            background-color: #ffffff;
            margin: 123px auto;
            margin-bottom: 150px;
        }
        
        .zhuce {
            text-align: right;
        }
        
        .zhuce>span {
            font-size: 16px;
            color: #666666;
        }
        
        .zhuce>a {
            font-size: 16px;
            color: #f51515;
        }
        /* 注册 */
        
        .xieyi {
            display: flex;
            align-items: center;
        }
        
        .xieyi span {
            font-size: 16px;
            color: #333333;
            margin-left: 8px;
        }
        
        .xieyi a {
            font-size: 16px;
            color: #0d65c1;
        }
        
        input[type='checkbox'] {
            width: 23px;
            height: 23px;
            background-color: #fff;
            -webkit-appearance: none;
            border: 1px solid #c9c9c9;
            border-radius: 50%;
            outline: none;
            cursor: pointer;
        }
        
        input[type=checkbox]:checked {
            background: url("../images/checkbox.png")no-repeat center;
            border: none;
        }
        
        input[type="radio"]+label::before {
            content: " ";
            /*不换行空格*/
            display: inline-block;
            vertical-align: middle;
            font-size: 16px;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            background: url("../images/ridio.png");
            cursor: pointer;
            /*原始按钮图片地址*/
        }
        
        input[type="radio"]:checked+label::before {
            content: " ";
            /*不换行空格*/
            display: inline-block;
            vertical-align: middle;
            font-size: 16px;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            background: url("../images/ridio_check.png");
            /*选中的按钮图片地址*/
            cursor: pointer;
        }
        
        input[type="radio"] {
            position: absolute;
            clip: rect(0, 0, 0, 0);
        }
        /* 忘记密码 */
        
        .forgetPass {
            margin: 67px auto;
            padding-bottom: 40px;
        }
        
        .login_box_top {
            width: 100%;
            height: 10px;
            background-image: linear-gradient(0deg, #2094f7 0%, #1875d8 50%, #1773d6 53%, #0b63bd 100%), linear-gradient( #ffffff, #ffffff);
            background-blend-mode: normal, normal;
            box-shadow: 0px 1px 5px 0px rgba(7, 0, 2, 0.11);
        }
        
        .login_box_title {
            font-size: 30px;
            color: #333333;
            font-weight: bold;
            text-align: center;
            margin-top: 35px;
        }
        
        .login_box_con label {
            font-size: 18px;
            font-weight: bold;
            color: #333333;
        }
        
        .login_box_con_item {
            width: 85%;
            margin: 0 auto;
            margin-top: 20px;
        }
        
        .login_box_con_input {
            display: flex;
            justify-content: space-between;
            align-items: center;
            border: solid 1px #bfbfbf;
            margin-top: 10px;
            font-size: 15px;
            color: #999999;
        }
        
        .login_box_con_input>input {
            width: 90%;
            padding: 15px;
            border: none;
        }
        
        .login_box_con_input>img {
            margin-right: 15px;
        }
        
        .login_box_con_msg {
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
        }
        
        .login_box_con_msg>input {
            width: 75%;
            display: flex;
            padding: 15px;
            border: solid 1px #bfbfbf;
            font-size: 16px;
            color: #999999;
            margin-top: 10px;
        }
        
        .login_box_con_msg>button {
            background-color: #fad4d4;
            border: solid 1px #f51515;
            font-size: 16px;
            color: #f51515;
            outline: none;
            padding: 15px 0;
            cursor: pointer;
            width: 22%;
        }
        
        .login_box_btn {
            width: 85%;
            padding: 11px;
            background-color: #f51515;
            border-radius: 10px;
            font-size: 18px;
            color: #ffffff;
            text-align: center;
            margin: 0 auto;
            margin-top: 50px;
        }
        
        .fanhui {
            text-align: center;
        }
        
        .fanhui>a {
            font-size: 16px;
            color: #f51515;
        }
        
        .list_item .cred {
            color: #f51515;
            margin-right: 5px;
        }
        
        .shangchuan_img {
            /* background-color: #ccc; */
            margin-left: 15px;
        }
        
        .shangchuan_img img {
            width: 152px;
            height: 152px;
        }
        
        @media screen and (max-width:500px) {
            /*当屏幕尺寸小于500px时，应用下面的CSS样式*/
            .login_box {
                width: 90%;
                margin-top: 30px;
                margin-bottom: 0;
                padding-bottom: 40px;
            }
            .login_box_title {
                font-size: 18px;
                margin-top: 20px;
            }
            .login_box_con label {
                font-size: 14px;
            }
            .login_box_con_input {
                display: flex;
                margin-top: 10px;
                font-size: 12px;
            }
            .login_box_con_input>input {
                padding: 10px;
            }
            .login_box_con_input>img {
                margin-right: 8px;
                margin-left: 8px;
                width: 15px;
            }
            .yanzhengma>img {
                width: auto;
            }
            .zhuce>a {
                font-size: 12px;
            }
            .login_box_btn {
                width: 85%;
                padding: 5px;
                font-size: 14px;
                margin-top: 20px;
            }
            .zhuce>span {
                font-size: 12px;
                color: #666666;
            }
            .login_box_con_item {
                margin-top: 15px;
            }
            .footer {
                width: 87%;
                margin: 0 auto;
                font-size: 12px;
                margin-top: 30px;
                line-height: 1.8;
            }
            .login_box_con_msg>button {
                font-size: 12px;
                padding: 10px 2px;
                width: 27%;
            }
            .login_box_con_msg>input {
                width: 70%;
                padding: 10px;
                font-size: 12px;
            }
            .fanhui>a {
                font-size: 14px;
            }
            input[type=checkbox]:checked {
                background-size: 18px 18px;
            }
            input[type='checkbox'] {
                width: 16px;
                height: 16px;
            }
            .xieyi a {
                font-size: 12px;
            }
            .xieyi span {
                font-size: 12px;
                white-space: nowrap;
                margin-left: 0;
            }
            .tongyi {
                margin-top: -1px;
                margin-left: 8px;
            }
            .xieyi {
                display: flex;
                align-items: flex-start;
            }
        }