1 line
8.7 KiB
CSS
1 line
8.7 KiB
CSS
|
*{padding:0;margin:0}* p{font-family:DM Sans, DM Sans;font-weight:500}body{width:100%;height:100%;background:#F4F4F4}.login_box{width:1200px;height:800px;display:flex;position:absolute;left:calc(50% - 600px);top:calc(50% - 400px)}.login_box>.login_left{width:50%;height:100%;display:flex;align-items:center;background:#fff}.login_box>.login_left>.msg_list_box{width:400px;margin:0 auto}.login_box>.login_left>.msg_list_box>.logo{width:55px}.login_box>.login_left>.msg_list_box>.title{width:100%;margin-top:24px}.login_box>.login_left>.msg_list_box>.title::after{display:block;clear:both;content:""}.login_box>.login_left>.msg_list_box>.title>span{font-size:32px;color:#333333;line-height:38px;font-family:DM Sans,DM Sans;font-weight:bold;float:left}.login_box>.login_left>.msg_list_box>.title>.lang_list{width:125px;height:38px;border-radius:43px 43px 43px 43px;float:right;text-align:center;position:relative;z-index:5}.login_box>.login_left>.msg_list_box>.title>.lang_list>span{line-height:40px;font-size:14px;margin:0 8px;font-weight:bold}.login_box>.login_left>.msg_list_box>.title>.lang_list>img{display:inline-block;position:relative;top:-2px}.login_box>.login_left>.msg_list_box>.title>.lang_list>.lang_icon{width:24px}.login_box>.login_left>.msg_list_box>.title>.lang_list>.select_icon{width:12px}.login_box>.login_left>.msg_list_box>.title>.lang_list:hover{background:#F4F4F4}.login_box>.login_left>.msg_list_box>.title>.lang_list:hover>.select_list{display:block}.login_box>.login_left>.msg_list_box>.title>.lang_list>.select_list{display:none;position:absolute;left:0;top:40px;width:153px;height:112px;background:#FFFFFF;box-shadow:0 4px 16px 0 rgba(0,0,0,0.08);border-radius:8px 8px 8px 8px}.login_box>.login_left>.msg_list_box>.title>.lang_list>.select_list::before{display:block;width:100%;height:30px;content:"";position:absolute;top:-30px}.login_box>.login_left>.msg_list_box>.title>.lang_list>.select_list>a{width:129px;height:40px;border-radius:3px 3px 3px 3px;line-height:40px;margin:0 auto;text-align:left;margin-top:10px;cursor:pointer;display:block}.login_box>.login_left>.msg_list_box>.title>.lang_list>.select_list>a>span{float:left;margin-left:12px}.login_box>.login_left>.msg_list_box>.title>.lang_list>.select_list>a>img{display:none}.login_box>.login_left>.msg_list_box>.title>.lang_list>.select_list>a.active{background:#F4F4F4}.login_box>.login_left>.msg_list_box>.title>.lang_list>.select_list>a.active>img{float:right;margin-right:12px;margin-top:10px;display:inline-block;width:16px}.login_box>.login_left>.msg_list_box>.title>.lang_list>.select_list>a:hover{background:#F4F4F4}.login_box>.login_left>.msg_list_box>.google_box{width:100%;height:48px;margin-top:24px;background:#FFFFFF;border-radius:49px 49px 49px 49px;border:1px solid #D1D1D1;display:flex;justify-content:center;align-items:center;cursor:pointer;position:relative}.login_box>.login_left>.msg_list_box>.google_box .g_id_signin_cont{width:100%;height:50px;position:absolute;top:0px;pointer-events:none;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer}.login_box>.login_left>.msg_list_box>.google_box .g_id_signin_cont>img{display:inline-block;width:40px}.login_box>.login_left>.msg_list_box>.google_box .g_id_signin_cont>span{font-size:16px;color:#333333;line-height:22px}.login_box>.login_left>.msg_list_box>.line{width:100%;position:relative;text-align:center;margin-top:16px}.login_box>.login_left>.msg_list_box>.line>p{background:#fff;position:relative;z-index:2;display:inline-block;padding:0 5px;color:#cccccc}.login_box>.login_left>.msg_list_box>.line::after{content:"";display:block;position:absolute;width:100%;height:1px;background:#cccccc;top:10px}.login_box>.login_left>.msg_list_box>.user_msg{width:100%;margin-top:24px ;position:relative}.login_box>.login_left>.msg_list_box>.user_msg>p{font-size:14px;color:#000000;line-height:14px}.login_box>.login_left>.msg_list_box>.user_msg>p>span{color:#866BED;font-size:14px}.login_box>.login_left>.msg_list_box>.user_msg>input{width:calc(100% - 20px);height:48px;background:#FFFFFF;border-radius:49px 49px 4
|