/*new*/ .U_MD_U_P_Uc_B { height:100%;} /*common*/ .U_MD_U_P_tab_user_inpText { max-width: 290px; width: 100%; height: 28px; margin-left:35px; padding-left: 10px;border:1px solid #cccccc; border-radius: 6px; color: #A0A0A0;} .U_MD_U_P_tab_user_inpText:focus { border:1px solid #2967A7; color: #000000;} .U_MD_U_P_tab_user_otherMaxWidth { max-width: 250px } .U_MD_U_P_tab_user_errorInp { background-color: #FBE2E2; border: 1px solid #DB3434; color: #DB3434;} .U_MD_U_P_tab_user_emptyInp { border: 1px solid #DB3434; } .U_MD_U_P_tab_errorAlear { position: absolute; width: 18px; height: 18px; margin: 6px 0 0 4px; background-position: -763px -3px; background-image: url(/img/YS2017.png);} .U_MD_U_P_tab_errorAlear::after { content:attr(alt); color: #DB3434; position: absolute; margin-left: 18px; white-space: pre; font-style: normal;} .U_MD_U_P_tab_hidden { display: none;} .U_MD_U_P_tab_show { display: block: } /*弹框右侧内容*/ .U_MD_U_P_left { float:left; height:100%; padding:0 40px; background-color: #F5F5F5} .U_MD_U_P_simpleInfo { margin-top: 27px; text-align: center;} .U_MD_U_P_simpleInfo_heads { position:relative; display: block; width: 80px; height: 80px; border-radius: 50%; overflow:hidden; cursor: pointer; } .U_MD_U_P_simpleInfo_heads::after { content:'上传新图片'; visibility: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .4); color:#ffffff; line-height: 80px;} .U_MD_U_P_simpleInfo_heads:hover::after { visibility: unset; } .U_MD_U_P_simpleInfo_name { max-width: 80px; margin-top: 18px; font-size: 16px; font-weight: bold; text-overflow: ellipsis; overflow: hidden;} .U_MD_U_P_simpleInfo_address { margin-top: 8px;} /*保存取消设置按钮*/ .U_MD_U_P_right_dataBtn { position: absolute; right: 10px; bottom: 10px; } .U_MD_U_P_right_btn { display:inline-block; padding: 8px 20px; border-radius: 3px; cursor: pointer; } .U_MD_U_P_right_Cbtn { background-color: #ffffff; border: 1px solid #A6B2C0; color: #7D7D7D;} .U_MD_U_P_right_Sbtn { min-width: 4em; margin-left: 22px; background-color: #2967A7; color: #ffffff; text-align: center;} .U_MD_U_P_right_Cbtn:hover { background-color: #DB3434; color: #ffffff; border: 1px solid transparent;} .U_MD_U_P_right_Sbtn:hover { background-color: #347FDB;} /*弹框右侧内容+选项卡*/ .U_MD_U_P_right { position:relative; float:left; width:503px; height:100%; } .U_MD_U_P_tab { height: 38px; padding-left: 14px; font-size: 14px; border-bottom: 1px solid #4040401a; } .U_MD_U_P_tab_item { display:inline-block; height: 100%; margin-right: 15px;} .U_MD_U_P_tab_inp { position:absolute; visibility:hidden;} .U_MD_U_P_tab_label { display: inline-block; padding: 10px 8px 8px; cursor:pointer; font-family: "PingFangSC-Regular, sans-serif";} .U_MD_U_P_tab_label:hover { border-bottom: 2px solid #2967A7; color: #2967A7;} .U_MD_U_P_tab_lable_content { display: none; position:absolute; left:21px; right:104px; font-size: 12px;} .U_MD_U_P_tab_lable_content_item { margin-top:20px } .U_MD_U_P_tab_lable_content_item::before { content:attr(mark); position: absolute; margin: 6px 0 0 -10px; color: red; font-size: 18px; } .U_MD_U_P_tab_inp:checked ~ .U_MD_U_P_tab_label { border-bottom: 2px solid #2967A7; color: #2967A7;} .U_MD_U_P_tab_inp:checked ~ .U_MD_U_P_tab_lable_content { display:block; } /*用户基础信息*/ .U_MD_U_P_tab_user_textarea { max-width: 295px; width: 100%; height: 110px; margin-left: 11px; padding:4px; border:1px solid #cccccc; border-radius: 6px; vertical-align: -92px; color: #A0A0A0;} .U_MD_U_P_tab_user_textarea:focus { border: 1px solid #2967A7; color: #000000;} .U_MD_U_P_tab_user_sexRadio { display: inline-block; height: 30px; line-height: 30px; padding-right: 10px; margin-left: 34px;} .U_MD_U_P_tab_user_sexRadio > label { cursor:pointer; } .U_MD_U_P_tab_user_radio { margin:0 6px; vertical-align: middle; cursor:pointer; } /*账号安全*/ .U_MD_U_P_tab_accountRadio { position: absolute; visibility: hidden; } .U_MD_U_P_tab_accountBtn { display:inline-block; margin-right: 15px; padding:2px 8px; border: 1px solid #727272; border-radius: 4px; color: #727272; font-size: 14px; cursor: pointer; } .U_MD_U_P_tab_accountBtn:hover { background-color: #347FDB !important; border: 1px solid #347FDB !important; color: #ffffff} .U_MD_U_P_tab_accountRadio:checked + .U_MD_U_P_tab_accountBtn { background-color: #007BBB; border: 1px solid #007BBB; color: #ffffff;} .U_MD_U_P_tab_lable_account_content { display: none; } #U_MD_U_P_tab_modify:checked ~ .U_MD_U_P_tab_modify, #U_MD_U_P_tab_reset:checked ~ .U_MD_U_P_tab_reset { display: block; } .U_MD_U_P_tab_lable_accountNext { display: none; margin-top: 15px;} .U_MD_U_P_tab_account_authBtn { display: inline-block; margin-left: 12px; padding: 6px 14px; border: 1px solid #2967A7; border-radius: 4px; color: #2967A7; vertical-align: top; cursor: pointer; } .U_MD_U_P_tab_account_authBtn:hover { background-color: #2967A7; color: #ffffff} #U_MD_U_P_authCodeBtn { min-width: 5em; text-align: center;} /* 用户信息查看 */ .U_MD_U_UV { top:0px; left:0px; z-index:1000; display:none; border:1px soild #999; position:absolute; height:100%; width:100%; min-width:600px;}/* width:100%; height:100%; */ .U_MD_U_UV_Head {background-color: #337bc7;color: #fff;overflow: hidden;position: relative;} .U_MD_U_UV_Head_Left { float: left; margin: 16px 16px 30px 22px; font-size: 0} .U_MD_U_UV_Head_Left > img { display:inline-block;width: 90px;height:90px; border:1px solid black; border-radius: 50%} .U_MD_U_UV_Head_Middle { float:left} .U_MD_U_UV_Head_Middle_I { margin-top: 22px; } .U_MD_U_UV_Head_Middle_I_N { font-size: 18px} .U_MD_U_UV_Head_Middle_I_T { max-width: 200px;color:#dbdbdb; margin-top: 4px;white-space: pre;} .U_MD_U_UV_Head_Middle_Resource { padding: 12px 0;} .U_MD_U_UV_Head_Middle_Resource_A { display:table-cell; padding-right: 22px; text-align: center} .U_MD_U_UV_Head_Middle_Resource_A > div { font-size: 24px} .U_MD_U_UV_Head_Right {float:right;/* margin-right: 8px; *//* margin-top: 16px; */position: absolute;right: 8px;top: 16px;} .U_MD_U_UV_Head_Right_Btn { background-color: #3790ec; padding: .375em 1em; font-size: 14px; cursor: pointer} .U_MD_U_UV_FuncArea { background-color: #e2ebe8; padding: 10px 0; color: #fff; } .U_MD_U_UV_FuncArea_MarginBox { display: table; margin-left: 20px; padding: 6px 0; font-size: 14px} .U_MD_U_UV_FuncArea_MarginBox_Btn { margin-right: 8px; padding: 6px 10px; border-radius: 4px; cursor: pointer} .U_MD_U_UV_AboutMe { margin: 0 26px; overflow:hidden; font-size: 14px} .U_MD_U_UV_AboutMe_Left { float: left; width: 50%; overflow:hidden} .U_MD_U_UV_AboutMe_Left > div { margin-top: 16px} .U_MD_U_UV_AboutMe_Right { /*float: right*/} .U_MD_U_UV_AboutMe_Right > div { margin-top: 16px} /* 背景设置区域 */ .U_MD_D_Set_BG { overflow:hidden; } .U_MD_D_Set_BG_C { margin:8px 10px 0 10px; } .U_MD_D_Set_BG_A { background-color:#E9E7E8; padding:0px 10px; margin:10px 10px 0 10px; height:423px; } .U_MD_D_Set_BG_O { margin-top:10px; float:left; padding-bottom:5px; } .U_MD_D_Set_BG_OT { height:30px; line-height:25px; } .U_MD_D_Set_BG_OTL { font-size:15px; float:left; } .U_MD_D_Set_BG_OTL span { font-size:12px; } .U_MD_D_Set_BG_OTR { float:left; background-color:#BFBFBF; height:1px; margin:14px 0 0 10px; } .U_MD_D_Set_BG_OC { overflow:hidden; width:100%; } .U_MD_D_Set_BG_OCS .U_MD_D_Set_BG_OCO:hover { border:1px solid transparent; } .U_MD_D_Set_BG_OCO { float:left; margin:10px 0 0 10px; width:124px; height:86px; border:1px solid transparent; background-color:#FFF; cursor:pointer; position:relative; } .U_MD_D_Set_BG_OCO:hover { border:1px solid #009cff; } .U_MD_D_Set_BG_OCOO { border:1px solid -webkit-linear-gradient(left, red , blue); background-color:transparent; margin-left:0; } .U_MD_D_Set_BG_OCOOA { width:45px; height:45px; margin:auto; } .U_MD_D_Set_BG_OCOI { background-position:-508px -1038px; } .U_MD_D_Set_BG_OCOIO { font-size:48px; line-height:42px; text-align:center; color:#AAA; } .U_MD_D_Set_BG_OCO .U_MD_D_Set_BG_OCOC { width:auto; height:28px; margin-top:1px;line-height: 28px; font-size: 12px;float: left; } .U_MD_D_Set_BG_OCOC { text-align:center; font-family:宋体; float:left; } .U_MD_D_Set_BG_OCOT { } .U_MD_D_Set_BG_OCO div { margin:auto; width:100%; height:100%; } .U_MD_D_Set_BG_uploadByPan {width: 90px; height: 28px;background: rgba(255,255,255,1) ;;border: 1px solid rgba(166,178,192,1);box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.08);border-radius: 3px;} .U_MD_D_Set_BG_uploadByPan:hover {background: rgba(255,255,255,1); color:#3F8BDD;border: 1px solid #3F8BDD !important;} .U_MD_D_Set_BG_uploadByPan:hover .U_MD_D_Set_BG_uploadByPanImg{ width: 15px; margin: 9px 8px 0 7px;height: 13px;float: left;background: url(../../img/U_MD_D_Set_BG_uploadByPanImg2.png) no-repeat;background-size: 100%;} .U_MD_D_Set_BG_OCO .U_MD_D_Set_BG_uploadByPanImg{ width: 15px; margin: 9px 8px 0 7px;height: 13px;float: left;background: url(../../img/U_MD_D_Set_BG_uploadByPanImg.png) no-repeat;background-size: 100%;} .U_MD_D_Set_BG_uploadByBenDi {width: 90px; height: 28px;background: rgba(255,255,255,1) ; background-size:16%;border: 1px solid rgba(166,178,192,1);box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.08);border-radius: 3px;} .U_MD_D_Set_BG_uploadByBenDi:hover {background: rgba(255,255,255,1); color:#3F8BDD;border: 1px solid #3F8BDD !important;} .U_MD_D_Set_BG_uploadByBenDi:hover .U_MD_D_Set_BG_uploadByBenDiImg{ width: 15px; margin: 9px 8px 0 7px;height: 13px;float: left;background: url(../../img/U_MD_D_Set_BG_uploadByBenDiImg2.png) no-repeat;background-size: 100%;} .U_MD_D_Set_BG_OCO .U_MD_D_Set_BG_uploadByBenDiImg{ width: 15px; margin: 9px 8px 0 7px;height: 13px;float: left;background: url(../../img/U_MD_D_Set_BG_uploadByBenDiImg.png) no-repeat;background-size: 100%;} .U_MD_D_Set_BG_OCO img { width:auto; height:auto; max-width:100%; max-height:100%; margin:auto; display:block; } .U_MD_D_Set_BG_OCO .U_MD_D_Set_BG_OCOIO { width:45px; height:45px; } .U_MD_D_Set_BG_Buutton { float: right;margin-right: 15px;padding: 0 10px;min-width: 50px;line-height: 25px;text-align: center;color: White;border-radius: 13px;background-color: #347fdb; } .U_MD_D_Set_BG_Buutton:hover { background-color:#2163b5; } .U_MD_D_Set_BG_Buutton_Cancel {background-color: #999; } .U_MD_D_Set_BG_Buutton_Cancel:hover { background-color: #B3B3B3;} .U_MD_U_P_C_S { position:absolute;}