* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    width: 100%;
    height: 108rem;
    font-family: PingFangSC-Medium, PingFang SC;
    background-color: #F6F7F8;

}
.el-form-item, p {
    margin: 0;
}
.el-main {
    margin: 0;
    padding: 0;
}
#app {
    height: 100%;
    width: 100%;
}
.app {
    height: 100%;
    width: 100%;
}

.sysLogin {
    position: relative;

    /*设置图片*/
    width: 100%;
    height: 100%;
    min-width: 1000px;
    background: url("../../assets/images/SystemLogin/background2x.png") no-repeat center center fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
}
.sysLoginCenter {
    height: 100%;
    width: 53.3rem;

    /*居中*/
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    display: flex;
    flex-direction: column;
    align-items: center;
}
/*图片大小样式*/
.mainLogin {
    height: 15rem;
    width: 17.5rem;
    margin: 50px 0;
}
/*主体处理区域*/
.sysLoginCenter_handle {
    width: 100%;
    height: 43.3rem;
    background-color: rgba(255, 255, 255, 0.39);

    display: flex;
    flex-direction: column;
    align-items: center;
}
/*标题*/
.sysLoginCenter_handle_title {
    margin: 4.5rem 0;
}
/*登陆表单提交按钮*/
.loginSubmit {
    margin-top: 1rem;

    width: 23.6rem;
    height: 5.2rem;
    background: linear-gradient(180deg, #83E0E9 0%, #4CBECF 100%);
    box-shadow: 0px 0px 1rem 0px rgba(0, 0, 0, 0.2);
    padding: 0;
}

/* 搜索添加按钮 */
.productBtn {
    position: absolute;
    right: 4rem;
    width: 10rem;
    height: 4.5rem;
    top: 50%;

    transform: translate(0, -50%);
    background: linear-gradient(180deg, #83E0E9 0%, #4CBECF 100%);
    box-shadow: .2rem .2rem .7rem 0 rgba(0, 0, 0, 0.11);
    border-radius: .5rem;
}


/* userHomepage */
.areaMore {
    position: absolute;
    top: 2.2rem;
    right: 3rem;
}

/* // 一键联系 */
.areaItem_contact {
    position:absolute;
    bottom: 0;
    right: 0;
    height: 3.2rem;
    width: 8.2rem;
    margin: 1rem;

    font-size: 16px;
    font-weight: 500;
    color: #FFFFFF;
    background: linear-gradient(180deg, #83E0E9 0%, #4CBECF 100%);
    text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);

    display: flex;
    justify-content: center;
    align-items: center;
}

/* 主体按钮 */
.themeButton {
    background: linear-gradient(180deg, #83E0E9 0%, #4CBECF 100%);
    text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
}


















 html { font-size: 62.5%; }     /*=10px*/
 body { font-size: 1.4rem; box-sizing: border-box; }    /*=14px*/
 h1 { font-size: 2.4rem; }      /*=24px*/

/*font-size*/
.supply_head_title {
    font-size: 3.6rem;
}
.sysLoginCenter_handle_title {
    font-size: 2.6rem;
}
.accountCentertop_title, 
.reviewMsg, 
.supply_otherTitle, 
.supply_others_title {
    font-size: 2.1rem;
}
.loginSubmit {
    font-size: 2.4rem;
}
.sysLoginCenter_handle_list_i, 
.skip_span, 
.main_name,
.main_phoneNumber,
.div_title,
.manyRole,
.search_span,
.title_account,
.footer-edit,
.productBtn,
.myApps_ul_li_type,
.areaMore,
.areaItemTitle,
.li_detail_name,
.contact_item_type,
.contact_item_des,
.sendDemand {

    font-size: 1.8rem;
}
.loginTop, 
.copyInfo_bottom-ul
.detail1_account, 
.detail2_account,
.areaItemSecondP,
.systemNotice_ul,
.li_detail_des,
.supply_head_detail_contact,
.supply_head_detail_time,
.supply_others_detail {
    font-size: 1.6rem;
}
.supply_others_count {
    font-size: 1.4rem;
}

/*font-weight*/
.loginTop, 
.sysLoginCenter_handle_title, 
.loginSubmit_font, 
.copyInfo_bottom-ul,
.accountCentertop_title,
.main_name,
.div_title,
.title_account,
.areaMore,
.li_detail_name,
.contact_item_type,
.supply_head_title,
.supply_otherTitle,
.supply_others_title  {
    font-weight: 500;
}
/*color*/
.loginTop, 
.loginSubmit, 
.copyInfo_bottom, 
.productBtn,
.sendDemand {
    color: #ffffff;
}
.areaItemSecondP, .supply_head_detail_contact, .supply_others_detail {
    color: #333;
}
.sysLoginCenter_handle_title, 
.skip_span, 
.el-checkbox, 
.accountCentertop_title {
    color: #000000;
}
.li_detail_des {
    color: rgba(0, 0, 0, 0.7);
}
.footer_edit {
    color: rgba(0, 0, 0, .4)
}
.detail1_account, .detail2_account {
    color: rgba(0, 0, 0, .3)
}

.areaMore {
    color: #4CBECF;
}
/*background*/
.accountCenter, 
.supply_others, 
.supplyIndex, 
.userhome, 
.supplySquare,
.supplyAllInfo_head,
.pulishDemand {
    background-color: #F6F7F8;
}
.accountCentertop, 
.head_userInfo, 
.accountCenterList, 
.el-main_acc,
.manyRole,
.myApps,
.circularArea,
.lastSupply,
.systemNotice,
.lastChatting,
.partnerAgents,
.contact,
.supplyIndex_main,
.supplyAllInfo_childRouter,
.supply_others {
    background-color: #fff;
}
/*.sysLoginCenter_form {*/
/*    background-color: rgb(255, 255, 255);*/
/*}*/

/*border-radius*/
.loginSubmit, .sysLoginCenter_handle_list_i {
    border-radius: 2.6rem;
}
.sysLoginCenter_handle, 
.productDetail, 
.teamMan_ul_li, 
.userhome_main_heade,
.myApps,
.areaItem,
.supplySquare,
.systemNotice,
.lastChatting,
.partnerAgents,
.contact,
.supplyIndex_main,
.supply_others,
.supplySquare_main1,
.supplyAllInfo_childRouter {
    border-radius: 1rem;
}
.item-input-user, .lastChatting_ul_li, .supplyAllInfo_head {
    border-radius: .5rem;
}

/* cursor: pointer */
.areaMore, 
.systemNotice_ul_li, 
.lastChatting_ul_li,
.partnerAgents_ul_li,
.supply_others{
    cursor: pointer
}