.proBg{background:#f6f7fb;}
.loading { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2); z-index: 900; }

/*申请中按钮样式*/
a.applyingBtn { margin-left: 10px; display: inline-block; padding: 5px 8px; font-size: 12px; border: 1px solid #ffc000; color: #fff; border-radius: 6px; background: #ffc000; }

/*产品列表*/
div#SaaSList {padding: 0.2rem 0;width: 6.2rem;}
.proListBox {background: #fff;padding: 0.2rem 0.2rem 1.2rem;box-sizing: border-box;border-radius: 20px;box-shadow: 0px 8px 20px 4px rgba(0,0,0,0.1);} 
.proListBox .proTitle { height: 36px; line-height: 36px; margin-bottom: 0.1rem; } 
.proListBox .proTitle span {font-size: 0.15rem;color: #070b2d;}

.proListBox .proListCenter { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; } 
.proListBox .proListCenter .proLi {width: 2.8197rem;margin-right: 0.15rem;background: #f6f7fb;padding: 16px 22px;box-sizing: border-box;border-radius: 10px;margin-bottom:0.1rem;} 
.proListBox .proListCenter .proLi:nth-child(2n) { margin-right: 0px; }
.proListBox .proListCenter .proLi p.proLiTop { margin-bottom: 13px;display: flex; justify-content: flex-start; align-items: center; } 
.proListBox .proListCenter .proLi p.proLiTop img.proLogo { width: 0.45rem; height: auto; object-fit: contain; }
.proListBox .proListCenter .proLi p.proLiTop span.proLiTitle {font-size: 0.12rem;color: #070b2d;margin-left: 8px;} 
.proListBox .proListCenter .proLi p.proLidesc {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-size: 0.09rem;color: #565863;line-height: 26px;margin-bottom: 13px;} 
.proListBox .proListCenter .proLi p.proLiBtn {} 
.proListBox .proListCenter .proLi p.proLiBtn a.proLiSpecUrl {display: inline-block;padding: 6px 12px;font-size: 0.08rem;border: 1px solid #c7cad3;color: #565863;border-radius: 6px;background: #fff;}
.proListBox .proListCenter .proLi p.proLiBtn a.proMore{display: inline-block;padding: 6px 12px;font-size: 0.08rem;border: 1px solid #c7cad3;color: #565863;border-radius: 6px;background: #fff;margin-left:10px;}
.proListBox .proListCenter .proLi p.proLiBtn .userApplySaaSProducts { margin-left: 10px; display: inline-block; padding: 6px 12px; font-size: 0.08rem; border: 1px solid #0071c3; color: #fff; border-radius: 6px; background: #0071c3; }

/*申请产品列表*/
.proBg { position: relative; } 
.subSaaSProduct { position: absolute; top: 22%; left: 50%; border: 1px solid #eeeff3; padding: 40px; border-radius: 20px; box-shadow: 0px 8px 20px 4px rgba(0,0,0,0.1); width: 450px; margin-left: -240px; z-index: 999; background: #fff; }
.subSaaSProduct .opened { margin: 20px 0px; display: flex; justify-content: space-between; align-items: flex-start; }
.subSaaSProduct .opened label { font-size: 0.1rem; color: #565863; margin-right: 9px; }
.subSaaSProduct .opened .checkBox2 { width: 80%; } 
.subSaaSProduct .opened .checkBox2 .checkBoxLi2 { width: 50%; margin-bottom: 10px; font-size: 0.1rem; color: #565863; display: flex; justify-content: flex-start; align-items: center; }
.subSaaSProduct .opened .checkBox2 .checkBoxLi2 input { margin-right: 6px; width: 14px; height: 14px; }

.subSaaSProduct .notOpened { display: flex; justify-content: space-between; align-items: flex-start; } 
.subSaaSProduct .notOpened label { font-size: 0.1rem; color: #565863; margin-right: 9px; } 
.subSaaSProduct .notOpened .checkBox { width: 80%; } 
.subSaaSProduct .notOpened .checkBox .checkBoxLi { width: 50%; margin-bottom: 10px; font-size: 0.1rem; color: #565863; display: flex; justify-content: flex-start; align-items: center; } 
.subSaaSProduct .notOpened .checkBox .checkBoxLi input { margin-right: 6px; width: 14px; height: 14px; } 

.checkBox { width: 80%; } 
.checkBox .checkBoxLi { width: 50%; margin-bottom: 10px; font-size: 0.1rem; color: #565863; display: flex; justify-content: flex-start; align-items: center; } 
.checkBox .checkBoxLi a { font-size: 0.1rem; color: #565863; }
.checkBox .checkBoxLi input { margin-right: 6px; width: 14px; height: 14px; } 

.conBox { display: flex; justify-content: space-between; align-items: flex-start; margin: 20px 0; } 
.conBox label { font-size: 0.1rem; color: #565863; margin-right: 9px; }

/*申请通过样式*/
.useBtnStyle {margin-left: 10px;display: inline-block;padding: 5px 8px;font-size: 0.08rem;border: 0px solid #25c011;color: #fff;border-radius: 6px;background: #25c011;} 
.proLiTopTime {margin: 0 15px 0 10px;position: relative;color: #2183ca;font-size: 0.08rem;} 
.proLiTopTime::after { content: ""; display: inline-block; width: 2px; height: 13px; position: absolute; right: -8px; top: 2px; background: #c7cad3; } 
.proLiTopTime2 {color: #2183ca;font-size: 0.08rem;}




/*底部按钮*/
.updateBtnBox { display: flex; justify-content: space-around; align-items: center; } 
.updateBtnBox .updateBtn { color: #fff; background-color: #0071c3; height: 50px; line-height: 50px; border-color: #0071c3; margin-top: 20px; font-size: 0.1rem; border-radius: 50px; text-align: center; box-shadow: 0px 19px 17px -5px rgba(206,228,243); width: 150px; cursor: pointer; } 
.updateBtnBox .updateBtnProSq{ color: #fff; background-color: #0071c3; height: 50px; line-height: 50px; border-color: #0071c3; margin-top: 20px; font-size: 0.1rem; border-radius: 50px; text-align: center; box-shadow: 0px 19px 17px -5px rgba(206,228,243); width: 150px; cursor: pointer; } 
.updateBtnBox .cancell { color: #9597a0; border: 1px solid #9597a0; height: 50px; line-height: 50px; margin-top: 20px; font-size: 0.1rem; border-radius: 50px; text-align: center; width: 150px; cursor: pointer; }




/*用户信息样式*/
.userBox { width: 2.6rem; padding: 0.2rem 0; }

/*用户信息*/
.personalCenter {position: relative;padding: 20px 0; }

.userInfo { background: #fff; padding: 0.2rem 0.2rem 1.2rem; box-sizing: border-box; border-radius: 20px; box-shadow: 0px 8px 20px 4px rgba(0,0,0,0.1); } 
.userInfo p.conTitle { height: 36px; line-height: 36px; margin-bottom: 20px; } 
.userInfo p.conTitle span { font-size: 0.15rem; color: #070b2d; } 
.userInfo ul { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } 
.userInfo ul li {width: 100%;margin-bottom: 0.1rem;} 
.userInfo ul li .liBg { width: 100%; height: 100%; border-radius: 10px; position: absolute; top: 0; left: 0; z-index: 0; } 
.userInfo ul li .liBg img { width: 100%; height: 100%; border-radius: 10px; transition: all 0.5s; object-fit: cover; } 
.userInfo ul li:hover .liBg img { transform: scale(1.1); } 
.userInfo ul li .liWz {width: 100%;height: 100%;box-sizing: border-box;display: flex;justify-content: flex-start;align-items: center;} 
.userInfo ul li .liWz p.liUserId {font-size: 0.1rem;color: #565863;padding-left: 10px;box-sizing: border-box;} 
.userInfo ul li .liWz p.liTitle {border-left: 3px solid #ea7b28;padding-left: 0.07rem;box-sizing: border-box;display: inline-block;width: 0.6rem;text-align: right;} 
.userInfo ul li.createTime .liWz p.liTitle { border-left: 3px solid #6240ee; } 
.userInfo ul li.userPhone .liWz p.liTitle { border-left: 3px solid #3fb029; } 
.userInfo ul li.authen .liWz p.liTitle {border-left: 3px solid #4242ff;display: inline-block;width: 0.6rem;text-align: right;}
.userInfo ul li .liWz p:last-child {font-size: 0.1rem;color: #565863;padding-left: 10px;box-sizing: border-box;}
.userInfo ul li .liWz p.liTitle span { font-size: 0.1rem; color: #070b2d; }
.userInfo ul li .liWz p.liTitle span:last-child a { display: inline-block; background: #0071c3; padding: 4px 10px; border-radius: 5px; }

.userInfo ul li .liWz .liInline { display: flex; justify-content: flex-start; align-items: center; } 
.userInfo ul li .liWz .updateBoxBtnCon { margin-left: 0.1rem; } 
.userInfo ul li .liWz .updateBoxBtnCon a { display: inline-block; padding: 0.03rem 0.08rem; border: 1px solid #0071c3; border-radius: 7px; font-size: 0.08rem; color: #0071c3; } 
.userInfo ul li .liWz .updateBoxBtnCon a:hover { background: #0071c3; color: #fff; }



/*修改密码*/
.updateBox {position: absolute;top: 22%;left: 50%;border: 1px solid #eeeff3;padding: 0.25rem;border-radius: 20px;box-shadow: 0px 8px 20px 4px rgba(0,0,0,0.1);width: 3rem;margin-left: -1.5rem;z-index: 999;background: #fff;} 
.updateBox p.updateTitle { margin-bottom: 20px; border-left: 4px solid #0071c3; padding-left: 10px; } 
.updateBox p.updateTitle span { font-size: 0.15rem; color: #070b2d; } 

.updateBox .tabcontent {position: relative;margin-bottom: 25px;} 
.updateBox .tabcontent input {background: #f6f9ff;border: 1px solid #e3ecff;border-radius: 10px;height: 0.35rem;line-height: 0.35rem;font-size: 0.1rem;width: 1.8rem;padding: 0 0.08rem;} 
.updateBox .tabcontent label { font-size: 0.1rem; color: #565863; margin-right: 9px; } 
.updateBox .tabcontent label.widthPublic { display: inline-block; width: 0.4rem; text-align: right; }

.updateBox .updateBtnBox { display: flex; justify-content: space-around; align-items: center; } 
.updateBox .updateBtnBox .updateBtn { color: #fff; background-color: #0071c3; height: 50px; line-height: 50px; border-color: #0071c3; margin-top: 20px; font-size: 0.1rem; border-radius: 50px; text-align: center; box-shadow: 0px 19px 17px -5px rgba(206,228,243); width: 150px; cursor: pointer; } 
.updateBox .updateBtnBox .cancell { color: #9597a0; border: 1px solid #9597a0; height: 50px; line-height: 50px; margin-top: 20px; font-size: 0.1rem; border-radius: 50px; text-align: center; width: 150px; cursor: pointer; }

.updateBox .updateBtnBox .updateAuthenBtn{ color: #fff; background-color: #0071c3; height: 50px; line-height: 50px; border-color: #0071c3; margin-top: 20px; font-size: 0.1rem; border-radius: 50px; text-align: center; box-shadow: 0px 19px 17px -5px rgba(206,228,243); width: 150px; cursor: pointer; } 
.updateBox .updateBtnBox .cancellAuthen{ color: #9597a0; border: 1px solid #9597a0; height: 50px; line-height: 50px; margin-top: 20px; font-size: 0.1rem; border-radius: 50px; text-align: center; width: 150px; cursor: pointer; }

/*修改密码-眼睛*/
.updateBox .tabcontent button { display: inline-block; padding: 0 16px; font-size: 14px; line-height: 32px; color: #8590a6; text-align: center; cursor: pointer; background: none; border: none; border-radius: 3px; width: 0.14rem; height: 0.014rem; padding: 0px; position: absolute; right: 0.2rem; top: 0.08rem; } 
.updateBox .tabcontent button img { width: 100%; height: auto; }


/*认证信息*/
input#contactChoice2 { margin-left: 15px; }
.authenBox .tabcontent input#contactChoice1,.authenBox .tabcontent input#contactChoice2 { width: 15px; height: 15px; }


@media screen and (max-width:1100px){
    /*项目*/
    div#SaaSList { width: 6.4rem; } 
    .userBox { width: 2.4rem; }
    .proListBox { padding: 0.3rem 0.3rem 1rem; } 
    .proListBox .proListCenter .proLi { width: 2.844rem; margin-right: 0.1rem; margin-bottom: 0.1rem; padding: 0.15rem; }
    .proListBox .proListCenter .proLi p.proLidesc { line-height: 0.15rem; } 
    .proListBox .proListCenter .proLi p.proLiTop { margin-bottom: 0.05rem; } 
    .updateBtnBox .updateBtn,.updateBtnBox .cancell,.updateBtnBox .updateBtnProSq { height: 0.4rem; line-height: 0.4rem; width: 1rem; } 
    .subSaaSProduct { width: 3.5rem; margin-left: -1.5rem; padding: 0.3rem; }

    /*用户信息*/
    .userInfo { padding: 0.3rem 0.3rem 1rem; }
    .userInfo ul { flex-wrap: wrap; } 
    .userInfo ul li.authen .liWz p.liTitle { width: 0.65rem; }


    .updateBox { padding: 0.3rem; width: 3.5rem; margin-left: -1.5rem; } 
    .updateBox .tabcontent input { height: 0.45rem; width: 2rem; } 
    .updateBox .tabcontent label.widthPublic { width: 0.4rem; } 
    .updateBox .updateBtnBox .updateAuthenBtn { height: 0.4rem; line-height: 0.4rem; width: 1.2rem; } 
    .updateBox .updateBtnBox .cancellAuthen { height: 0.4rem; line-height: 0.4rem; width: 1.2rem; } 
    .updateBox .tabcontent button { width: 0.2rem; height: 0.2rem; right: 0.4rem; } 
    .updateBox .updateBtnBox .updateBtn { height: 0.4rem; line-height: 0.4rem; width: 1rem; } 
    .updateBox .updateBtnBox .cancell { height: 0.4rem; line-height: 0.4rem; width: 1rem; }

}

@media screen and (max-width:850px){
    /*项目*/

    .proListBox .proListCenter .proLi p.proLiTop { margin-bottom: 0.1rem; }
    /*用户信息*/
    .userInfo ul li { margin-bottom: 0.2rem; }
    .conBg { margin-top: 1.3906rem; }
    .updateBox .tabcontent label.widthPublic { text-align: left; }

    div#SaaSList { width: 100%; } 
    .proListBox .proListCenter .proLi { width: 4.4rem; margin-right: 0.2rem; } 
    .proListBox .proTitle span { font-size: 0.3rem; } 
    .proListBox .proListCenter .proLi p.proLiTop span.proLiTitle { font-size: 0.2rem; } 
    .userBox { width: 100%; }  
    .proListBox .proListCenter .proLi p.proLiTop img.proLogo { width: 0.7rem; } 
    .proLiTopTime { font-size: 0.12rem; } 
    .proLiTopTime2 { font-size: 0.12rem; } 
    .proListBox .proListCenter .proLi p.proLidesc { font-size: 0.17rem; line-height: 0.3rem; } 
    .proListBox .proListCenter .proLi p.proLiBtn a.proMore { font-size: 0.14rem; } 
    .proListBox .proListCenter .proLi p.proLiBtn a.proLiSpecUrl { font-size: 0.14rem; } 
    .useBtnStyle { font-size: 0.14rem; } 
    .userInfo p.conTitle span { font-size: 0.3rem; } 
    .userInfo ul li .liWz p:last-child { font-size: 0.17rem; } 
    .userInfo ul li .liWz p.liTitle { width: 1rem; } 
    .userInfo ul li .liWz p.liTitle span { font-size: 0.17rem; } 
    .userInfo ul li.authen .liWz p.liTitle { width: 1rem; } 
    .userInfo ul li .liWz .updateBoxBtnCon a { font-size: 0.14rem; } 
    .subSaaSProduct .notOpened .checkBox .checkBoxLi { font-size: 0.17rem; } 
    .subSaaSProduct { width: 5rem; margin-left: -2.5rem; } 
    .subSaaSProduct .notOpened label { font-size: 0.17rem; } 
    .subSaaSProduct .opened label { font-size: 0.17rem; } 
    .conBox label { font-size: 0.17rem; } 
    .checkBox .checkBoxLi { font-size: 0.17rem; } 
    .updateBtnBox .updateBtn, .updateBtnBox .cancell,.updateBtnBox .updateBtnProSq { height: 0.6rem; line-height: 0.6rem; font-size: 0.17rem; width: 1.6rem; }

    /*用户信息*/
    .updateBox { width: 5rem; margin-left: -2.5rem; }
    .updateBox .tabcontent label { font-size: 0.17rem; } 
    .updateBox .tabcontent input { font-size: 0.17rem; width: 3rem; height: 0.5rem; line-height: 0.5rem; } 
    .updateBox p.updateTitle span { font-size: 0.3rem; } 
    .updateBox .updateBtnBox .updateBtn,.updateBox .updateBtnBox .cancell,.updateBtnBox .updateBtnProSq { height: 0.6rem; line-height: 0.6rem; font-size: 0.17rem; width: 1.6rem; } 
    .updateBox .updateBtnBox .updateAuthenBtn,.updateBox .updateBtnBox .cancellAuthen { height: 0.6rem; line-height: 0.6rem; font-size: 0.17rem; width: 1.6rem; } 
    .updateBox .tabcontent label.widthPublic { width: 0.7rem; }

}

@media screen and (max-width:650px){
    /*项目*/
    div#SaaSList { padding: 20px 0 3rem; }
    .proListBox .proListCenter .proLi { width: 100%; margin-right: 0px; } 
    .subSaaSProduct { padding: 20px; width: 96%; left: 2%; margin-left: unset; }

    .proListBox { padding: 0.5rem 0.5rem 1rem; } 
    .proListBox .proTitle span { font-size: 0.5rem; } 
    div#SaaSList { padding: 0.3rem 0; } 
    .proListBox .proListCenter .proLi p.proLiTop span.proLiTitle { font-size: 0.4rem; } 
    .proListBox .proListCenter .proLi p.proLiTop img.proLogo { width: 1.2rem; } 
    .proLiTopTime { font-size: 0.25rem; } 
    .proLiTopTime2 { font-size: 0.25rem; } 
    .proListBox .proListCenter .proLi p.proLidesc { font-size: 0.35rem; line-height: 0.6rem; } 
    .proListBox .proListCenter .proLi p.proLiTop { margin-bottom: 0.3rem; } 
    .proListBox .proListCenter .proLi { margin-bottom: 0.5rem; padding: 0.4rem; } 
    .proListBox .proListCenter .proLi p.proLiBtn a.proMore, .proListBox .proListCenter .proLi p.proLiBtn a.proLiSpecUrl,.useBtnStyle { font-size: 0.3rem; }


    /*用户信息*/
    .userInfo { padding: 0.5rem 0.5rem 2rem; }
    .userInfo ul { flex-wrap: wrap; } 
    .userInfo ul li { width: 100%; } 
    
    .updateBox { padding: 0.8rem 0.6rem; width: 100%; left: 0px; margin-left: 0px; top: 10rem; } 
    .updateBox .tabcontent input { width: 100%; } 
    .updateBox .tabcontent button{right: 2rem; width: 0.5rem; height: 0.5rem;}
    .updateBox .updateBtnBox .updateAuthenBtn { width: 3rem; } 
    .updateBox .updateBtnBox .cancellAuthen { width: 3rem; }
    .updateBox .updateBtnBox .updateBtn { width: 3rem; } 
    .updateBox .updateBtnBox .cancell { width: 3rem; }
    .userInfo ul li .liWz { padding: 0.3rem 0.3rem 0; }

    /*用户信息*/
    .userInfo p.conTitle span { font-size: 0.5rem; } 
    .userInfo ul li .liWz p:last-child { font-size: 0.35rem; } 
    .userInfo ul li .liWz p.liTitle span { font-size: 0.35rem; } 
    .userInfo ul li .liWz p.liTitle { width: 2rem; } 
    .userInfo ul li.authen .liWz p.liTitle { width: 2rem; } 
    .userInfo ul li .liWz .updateBoxBtnCon { margin-left: 0.4rem; }
    .userInfo ul li .liWz .updateBoxBtnCon a { font-size: 0.3rem; padding: 0.1rem 0.6rem; }

    /*产品修改*/
    .subSaaSProduct .notOpened label { font-size: 0.35rem; } 
    .conBox label { font-size: 0.35rem; } 
    .subSaaSProduct .opened label { font-size: 0.35rem; } 
    .subSaaSProduct .notOpened .checkBox .checkBoxLi { font-size: 0.35rem; margin-bottom: 0.4rem; } 
    .checkBox .checkBoxLi { font-size: 0.35rem; margin-bottom: 0.5rem; }
    .updateBtnBox .updateBtn, .updateBtnBox .cancell,.updateBtnBox .updateBtnProSq { height: 1rem; line-height: 1rem; font-size: 0.35rem; width: 3rem; }

    /*修改认证信息*/
    .updateBox p.updateTitle span { font-size: 0.5rem; } 
    .updateBox .tabcontent label { font-size: 0.35rem; } 
    .updateBox .tabcontent input { width: 5rem; height: 1rem; line-height: 1rem; font-size: 0.35rem; } 
    .updateBox .tabcontent label.widthPublic { width: 1.4rem; }
    .updateBox .updateBtnBox .updateAuthenBtn,.updateBox .updateBtnBox .cancellAuthen { height: 1rem; line-height: 1rem; font-size: 0.35rem; width: 3rem; }
    .updateBox .updateBtnBox .updateBtn, .updateBox .updateBtnBox .cancell { height: 1rem; line-height: 1rem; font-size: 0.35rem; width: 3rem; }
}


@media screen and (max-width:380px){
    .userBox { margin-bottom: 1rem; }
    .proListBox .proListCenter .proLi p.proLiTop span.proLiTitle { font-size: 0.35rem; margin-left: 0.1rem; } 
    .proListBox .proListCenter .proLi p.proLiTop img.proLogo { width: 1.1rem; }
}