@charset "utf-8";

/* css 重置 */

body,
div,
ul,
li,
dl,
dt,
dd,
h2,
p {
    padding: 0;
    margin: 0;
    font-family: "微软雅黑";
}

body {
    min-width: 1440px;
    background: url("../images/boarder/personal-bg.png") #E9EDEF no-repeat bottom center;
}

ul {
    list-style: none;
}

img {
    border: none;
}

a {
    blr: expression(this.onFocus=this.blur());
    outline: none;
    text-decoration: none;
}


/*个人中心*/

.personalCenter {}

.w1440 {
    width: 1440px;
}

.presonal-logo {
    margin: 25px 0;
}

.presonal-logo-text {
    margin-top: 40px;
    margin-left: 10px;
    font-size: 18px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(102, 102, 102, 1);
}

.personal-title {
    margin-bottom: 33px;
}

.personal-title h1 {
    width: 1440px;
    height: 61px;
    line-height: 61px;
    background: rgba(188, 17, 26, 1);
    font-size: 26px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    text-align: center;
}

.account-con {
    width: 1351px;
    padding-top: 49px;
    padding-bottom: 40px;
    padding-left: 49px;
    padding-right: 40px;
    background: rgba(255, 255, 255, 1);
}

.account-con-t span {
    float: left;
    width: 45px;
    height: 45px;
    margin-right: 26px;
    background: rgba(188, 17, 26, 1);
    border-radius: 50%;
}

.account-con-r {
    float: left;
    width: 1280px;
    border-bottom: 2px solid rgba(207, 207, 207, 1);
}

.account-con-r h1 {
    float: left;
    min-width: 80px;
    padding-bottom: 13px;
    border-bottom: 4px solid rgba(207, 207, 207, 1);
    font-size: 20px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
}

a.pass-btn {
    float: right;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(102, 102, 102, 1);
}

a.edit-btn {
    float: right;
    width: 115px;
    height: 42px;
    margin-top: -13px;
    background: rgba(194, 37, 45, 1);
    border: 1px solid rgba(230, 230, 230, 1);
    border-radius: 21px;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    line-height: 42px;
    cursor: pointer;
}

a.edit-btn:hover {
    background: #8C1A20;
}

.account-con-c {
    padding-left: 71px;
}

.account-con-c p {
    float: left;
    min-width: 241px;
    height: 17px;
    margin-top: 25px;
    margin-right: 100px;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
}

.mb40 {
    margin-bottom: 40px;
}

.account-con-c-l {
    width: 931px;
    margin-top: 50px;
}

.account-con-c-l ul li {
    float: left;
    width: 950px;
}

.account-con-c-l .account-public {
    float: left;
    width: 265px;
    margin-bottom: 17px;
    margin-right: 60px;
    background: rgba(255, 255, 255, 1);
}

.ml13 {
    margin-left: 13px;
}

.account-con-c-l div.border {
    border: none;
}

.account-con-c-l ul div.mr0 {
    margin-right: 0;
}

.account-con-c-l ul li div,
.account-con-c-l dl dt div {
    float: left;
    width: 265px;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
    line-height: 38px;
}

.account-con-c-l ul li div.honor,
.account-con-c-l ul li div.honor input.input {
    width: 578px;
}

.account-con-c-l ul li div i,
.account-con-c-l dl dt div i {
    margin-right: 5px;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    font-weight: bold;
    color: rgba(188, 17, 26, 1);
    font-style: normal;
}

.account-con-c-l ul li input.input,
.account-con-c-l ul li select.input {
    float: left;
    width: 253px;
    height: 38px;
    padding-left: 12px;
    border: 1px solid rgba(210, 210, 210, 1);
    border-radius: 4px;
    line-height: 38px;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: #333;
}

.btn-wrap span,
.radioCon span {
    color: #333;
    font-size: 14px;
}

.account-con-c-l ul li select.input {
    width: 265px;
    font-size: 14px;
}

.radioCon {
    border: 1px solid rgba(210, 210, 210, 1);
    border-radius: 4px;
}

.ml50 {
    margin-left: 50px;
}

::-webkit-input-placeholder {
    /* WebKit browsers */
    /* color: #999; */
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #333;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #333;
}

:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #333;
}

.account-con-c-l ul li input:read-only {}

.account-con-c-l ul li input.school-input {
    width: 140px;
}

.account-con-c-l ul li input.county-input {
    width: 121px;
}

.account-con-c-r {
    width: 265px;
    height: 330px;
    margin-top: 50px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(210, 210, 210, 1);
    border-radius: 4px;
    font-size: 20px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: #1161BC;
    text-align: center;
    line-height: 330px;
}

.account-con-c-l dl dt {
    float: left;
    width: 432px;
    height: 38px;
    margin-right: 63px;
    margin-bottom: 17px;
    line-height: 38px;
}

.account-con-c-l dl dt.mr0 {
    margin-right: 0;
}

.account-con-c-l dl dt.br {
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(210, 210, 210, 1);
    border-radius: 4px;
}

.account-con-c-l dl dt.w-account {
    width: 929px;
}

.mr50 {
    margin-right: 50px;
}

.account-con-c-l dl dt input.card-input {
    float: left;
    width: 306px;
    height: 38px;
    padding-left: 9px;
    border: none;
    line-height: 38px;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
}

.account-con-c-l dl dt input.address-input {
    width: 825px;
}

.mt60 {
    margin-top: 60px;
}

.table-con {
    width: 1279px;
    margin: 0 auto;
    margin-top: 48px;
    margin-left: 71px;
    border: 1px solid #D2D2D2;
    border-right: none;
    border-bottom: none;
}

.table-con tr th {
    height: 50px;
    border-right: 1px solid #D2D2D2;
    border-bottom: 1px solid #D2D2D2;
    line-height: 50px;
    text-align: center;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(102, 102, 102, 1);
}

.table-con tr th i,
.table-tr td i {
    color: #BC111A;
    font-style: inherit;
}

.table-con tr td {
    height: 50px;
    border-right: 1px solid #D2D2D2;
    border-bottom: 1px solid #D2D2D2;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: #999;
}

.w179 {
    width: 179px;
}

.w398 {
    width: 398px;
}

.w666 {
    width: 666px;
}

.w135 {
    width: 135px;
}

.w155 {
    width: 155px;
}

.w124 {
    width: 124px;
}

.w163 {
    width: 163px;
}

input.tr-input,
input.tr-input1,
input.tr-input2 {
    width: 281px;
    padding: 0 15px;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(102, 102, 102, 1);
    line-height: 49px;
    border: none;
    text-align: center;
}

input.tr-input1 {
    width: 125px;
}

input.tr-input2 {
    width: 94px;
}

.mt80 {
    margin-top: 80px;
}

.OverseasStudy {
    width: 1280px;
    margin-top: 45px;
}

.OverseasStudy-l {
    width: 50%;
    font-size: 16px;
    color: rgba(153, 153, 153, 1);
}

.OverseasStudy-t {
    width: 34%;
    font-size: 16px;
    color: rgba(153, 153, 153, 1);
}

.OverseasStudy-t1 {
    width: 66%;
    font-size: 16px;
    color: rgba(153, 153, 153, 1);
}

.OverseasStudy-l span,
.OverseasStudy-t span,
.OverseasStudy-t1 span {
    font-size: 16px;
    line-height: 33px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
}


/* .bg-study {
    margin-top: 30px;
} */

.mt48 {
    margin-top: 48px;
}

.mt20 {
    margin-top: 20px;
}

.bg-study span {
    float: left;
    width: 60px;
    margin-right: 10px;
    height: 17px;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
    text-align: right;
}

.bg-study .study-input,
.bg-study .study-textarea {
    float: left;
    width: 1264px;
    height: 38px;
    padding-left: 15px;
    line-height: 24px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(210, 210, 210, 1);
    border-radius: 4px;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: #333;
}

.bg-study .study-textarea {
    height: 100px;
    padding: 5px 0 5px 15px;
    color: #999;
}

.bg-study .study-textarea1 {
    height: 90px;
}

.bg-study .num,
.bg-study .num1 {
    position: absolute;
    bottom: 5px;
    right: 20px;
}

.bg-study .num i,
.bg-study .num1 i {
    color: rgba(194, 37, 45, 1);
    font-style: inherit;
}

.table-input {
    width: 351px;
    padding: 0 10px;
    /*line-height: 35px;*/
    border: none;
    text-align: center;
}

.post-input {
    width: 150px;
    padding: 0 10px;
    /*line-height: 35px;*/
    border: none;
    text-align: center;
}

.FractionInput,
.FractionInput1 {
    width: 161px;
    height: 30px;
    margin-left: 15px;
    padding: 0 10px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(210, 210, 210, 1);
    border-radius: 4px;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: #333;
}

.footer {
    width: 100%;
    height: 57px;
    background: rgba(62, 58, 56, 1);
    font-size: 14px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    line-height: 57px;
}


/*弹窗*/

.pop {
    width: 492px;
    height: 229px;
    padding-top: 70px;
    background: rgba(255, 255, 255, 1);
    border: 8px solid rgba(207, 207, 207, 1);
    text-align: center;
}

.pop p.pop-text {
    width: 320px;
    margin: 0 auto;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: 40px;
}

.pop p.pop-btn {
    width: 320px;
    margin: 0 auto;
    margin-top: 55px;
}

.pop p.pop-btn1 {
    width: 115px;
}

.pop p.pop-btn a {
    width: 115px;
    height: 42px;
    background: rgba(190, 25, 34, 1);
    border: 1px solid rgba(230, 230, 230, 1);
    border-radius: 21px;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    line-height: 42px;
    cursor: pointer;
}

.pop p.pop-btn a:hover,
.pop p.pop-btn a:active {
    background: #8C1A20;
}

.uploadBtn,
.account-con-c-l ul li div.uploadBtn {
    width: 1249px;
    height: 70px;
    margin: 0 auto;
    margin-top: 20px;
    margin-left: 71px;
    border: 1px solid rgba(210, 210, 210, 1);
    border-radius: 4px;
    line-height: 70px;
    font-size: 20px;
    text-align: center;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
}

.ml71 {
    margin-left: 71px;
}

.uploadBtn1 {
    width: 390px;
    margin-left: 0;
    margin-right: 52px;
    float: left;
}

.uploadBtn1:last-child {
    margin-right: 0;
}

.account-con-c-l ul li div.uploadBtn {
    width: 1280px;
    margin-left: 0;
}

.account-con-c-l ul li div.uploadBtn p.uploadText,
.uploadBtn p {
    float: initial;
    display: block;
    width: 175px;
    height: 70px;
    margin: 0 auto;
    padding-left: 14px;
    background: url(../images/boarder/uploadBg.png) no-repeat left center;
    line-height: 70px;
}

.uploadBtn p.textUpload {
    width: 210px;
}

.proveBtn {
    float: left;
    width: 115px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
}

.preservationNav {
    display: block;
    width: 160px;
    height: 50px;
    margin: 0 auto;
    margin-top: 40px;
    background: rgba(194, 37, 45, 1);
    border: 1px solid rgba(230, 230, 230, 1);
    border-radius: 25px;
    line-height: 50px;
    text-align: center;
    font-size: 21px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    cursor: pointer;
}

.preservationNav:hover {
    background: #8C1A20;
}

.account-con-c-l ul li div.btn-wrap {
    width: 903px;
    padding-left: 12px;
    height: 38px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(210, 210, 210, 1);
    border-radius: 4px;
}

.account-con-c-l ul li div.btn-wrap11 {
    width: 1268px;
}

.account-con-c-l ul li div.address {
    width: 915px;
    height: 38px;
    background: rgba(255, 255, 255, 1);
    border-radius: 4px;
}

.account-con-c-l ul li div.address input.input {
    width: 903px;
    padding-left: 12px;
}

.w1246 {
    width: 1246px;
}

.w311 {
    width: 311px;
}

p.textMane {
    float: left;
    width: 160px;
    height: 24px;
    margin-right: 50px;
    margin-top: 40px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    overflow: hidden;
}

.account-con-c-l ul li div.address p.textMane {
    min-width: 100px;
    margin-top: 0;
    margin-right: 20px;
}

p.ml71 {
    margin-left: 71px;
}

p.textMane span {
    float: left;
    max-width: 115px;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
}

p.textMane i {
    float: left;
    width: 22px;
    height: 22px;
    margin-left: 5px;
    background: url("../images/boarder/icoClose.png") no-repeat center;
    border-radius: 50%;
    background-size: contain;
}

.accountText {
    margin-top: 48px;
    width: 1000px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
}


/*响应式*/

@media screen and (min-width: 1280px) and (max-width: 1400px) {
    .w1440,
    .personal-title h1,
    .OverseasStudy {
        width: 1200px;
    }
    .account-con {
        width: 1160px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .account-con-r {
        width: 1088px;
    }
    .account-con-c-r,
    .webuploader-pick {
        width: 161px;
        height: 321px;
    }
    .account-con-c-l {
        width: 915px;
    }
    .account-con-c-l ul li {
        margin-right: 39px;
    }
    .account-con-c-l dl dt {
        margin-right: 11px;
    }
    .account-con-c-l dl dt.w-account {
        width: 877px;
    }
    .table-con {
        width: 1089px;
    }
    .table-input {
        width: 330px;
    }
    .bg-study .study-input,
    .bg-study .study-textarea {
        width: 970px;
    }
    .OverseasStudy-t,
    .OverseasStudy-t1 {
        width: 100%;
    }
    tr.table-tr td,
    input.tr-input {
        width: 50px;
    }
    .account-con-c-l dl dt input.address-input {
        width: 782px;
    }
}

@media screen and (min-width: 990px) and (max-width: 1279px) {
    .w1440,
    .personal-title h1,
    .OverseasStudy {
        width: 990px;
    }
    .account-con {
        width: 950px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .account-con-r {
        width: 878px;
    }
    .account-con-c-l ul li {
        margin-right: 39px;
    }
    .account-con-c-l dl dt {
        margin-right: 11px;
    }
    .account-con-c-l dl dt.w-account {
        width: 877px;
    }
    .table-con {
        width: 877px;
    }
    .table-input {
        width: 330px;
    }
    .bg-study .study-input,
    .bg-study .study-textarea {
        width: 762px;
    }
    .OverseasStudy-t,
    .OverseasStudy-t1 {
        width: 100%;
    }
    tr.table-tr td,
    input.tr-input {
        width: 50px;
    }
    .account-con-c-l dl dt input.address-input {
        width: 782px;
    }
    .account-con-c-r {
        float: left;
        width: 100%;
    }
}

.item .btn-wrap2 {
    height: .5rem;
    position: absolute;
    top: .70rem;
    right: .3rem;
}

.item .btn-wrap2 label>span {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: .1rem 0;
    font-size: 0.3rem;
}