* {

    padding: 0;

    margin: 0;

    box-sizing: border-box;

}



li {

    list-style: none;

}



a {

    color: #000;

    text-decoration: none;

}



body {

    height: 927px;

    background-color: #f2f2f2;

}



/* 顶部 */

.top {

    display: flex;

    justify-content: space-between;

    height: 34px;

    background-color: #fff;

    padding: 10px 40px;

    color: #757575;

    font-size: 14px;

}



.top ul {

    display: flex;

}



.top ul li {

    margin: 0 12px;

}



.top ul li a {

    color: #757575;

}



.top ul li a img {

    vertical-align: middle;

}



/* 标题 */

.header {

    position: relative;

    opacity: 90%;

    /* height: 119px; */

}



.header img {

    width: 99.9%;

}



.inp {

    position: absolute;

    top: 39px;

    right: 104px;

}



.inp input {

    display: inline-block;

    width: 149px;

    height: 38px;

    outline: none;

    background-color: #ffffff;

    border: 1px solid;

    border-color: #f3f3f3;

    padding: 12px;

    border-radius: 4px;

    color: #999999;

    font-size: 14px;

}



.inp button {

    width: 56px;

    height: 38px;

    background-color: #d55252;

    border-radius: 4px;

    border: 0;

    color: #ffffff;

    font-size: 14px;

    cursor: pointer;

}



/* 导航栏 */

.nav {

    color: #ffffff;

    font-size: 16px;

    height: 51px;

    line-height: 50px;

    /* background-image: linear-gradient(89.87deg, #be2810 0%, #c82f48 50.55%, #edae4e 100%); */
    background-color: #1578de;

}



.nav ul {

    display: flex;

    margin-left: 20px;

}



.nav ul li {

    margin-right: 36px;

}



.nav ul li a {

    color: #ffffff;

    font-size: 16px;

}



.nav ul li a span {

    display: inline-block;

    font-size: 30px;

    vertical-align: middle;



}



/* 个人中心 */

.main {}



.main h5 {

    color: #757575;

    font-size: 14px;

    padding: 20px 0 14px 18px;

}



.box {

    padding-left: 18px;

    display: flex;

    justify-content: space-between;

}



.box-left {

    width: 280px;

    /* height: 500px; */

    background-color: #fff;



}



.box-left .pic {

    width: 125px;

    height: 125px;

    margin: 40px 77.5px 5px 77.5px;

}



.box-left .text {

    text-align: center;

}



.box-left .text h4 {

    font-weight: 700;

    color: #757575;

    font-size: 18px;

}



.box-left .text p {

    color: #757575;

    font-size: 14px;

}



.box-right {

    width: 1586px;

    height: 500px;



    padding: 0 15px;

    background-color: #fff;

}



.box-right-top {

    height: 54px;

    line-height: 54px;

    border-bottom: 1px solid #e6e6e6;

}



.box-right-top a {

    padding-right: 15px;

}



.box-right-top a:hover {

    color: #c32c2a;

}



.box-right-bd ul {

    /* width: 1586px; */

    display: flex;

    justify-content: space-around;

}



.box-right-bd ul li {

    display: flex;

    justify-content: space-between;

    width: 760px;

    height: 124px;

    background-color: #ffffff;

    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);



}



.box-right-bd ul li img {

    width: 138px;

    height: 86px;

    /* padding: 18px; */

    margin: 18px;

}



.box-right-bd ul li h6 {

    font-weight: 700;

    color: #333333;

    font-size: 16px;

    margin-bottom: 15px;

    margin-top: 24px;

}



.box-right-bd ul li span {

    color: #333333;

    font-size: 16px;

}



.box-right-bd ul li b {

    color: #d55252;

    font-size: 16px;

}



.box-right-bd ul li p {

    margin-top: 3px;

    color: #333333;

    font-size: 14px;

}



.bar {

    /* padding-right: 28px; */

    padding-top: 24px;

}



.box-right-bd .bar span {

    color: #757575;

    font-size: 14px;

    /* padding-right: 40px; */

    margin-left: 1px !important;

}



.box-right-bd .bar span p {

    color: #d55252;

    font-size: 18px;

    /* padding-left: 30px;

    padding-right: 62px; */

}



.box-right-bd .bar .btn {

    margin-top: 10px;

    /* margin-left: 15px; */

}



.box-right-bd .bar .btn button {

    width: 50px;

    height: 25px;

    background-color: #ffffff;

    border: 1px solid;

    border-color: #be2810;

    border-radius: 4px;

    color: #be2810;

    font-size: 14px;

}



/* 底部 */

.footer {

    margin-top: 95px;

    height: 73px;

    color: #ffffff;

    font-size: 10px;

    text-align: center;

    padding-top: 10px;

    /* background-image: linear-gradient(89.87deg, #be2810 0%, #c82f48 50.55%, #edae4e 100%); */
    background-color: #094bb9;
}