.loginbox{margin:0;padding:0;background:url(../../image/user_loginbg.png) no-repeat;background-size:cover;position:fixed;top:0;bottom:0;left:0;right:0;} .frmbox{position: absolute; left:50%; top: 50%;margin-top: -250px;margin-left: -600px; width:1200px; height: 500px; color: #fff; text-align: center;display: flex;justify-content:space-around;flex-wrap: wrap;} .frmbox_l{display: flex;flex-direction: column;align-items:center;justify-content: center;} .frmbox_r{display: flex;align-items: center;justify-content: center;flex-direction: column;width:320px;} .bgimg{border-radios:50px;display:flex;justify-content: center;align-items: center;margin-right:15px;} .bgimg img{height:50px;width:auto} .frmbox_l_item{display:flex} .itemp1{margin-bottom:7px;} .itemp2{margin-bottom:20px;} .l_item_ewm{width:170px;background:#ffffff;display: flex;justify-content: center; align-items: center; flex-direction: column;margin-top:30px;border-radius: 9px;} .newbtt{font-size:16px;color:#999999;padding-bottom:10px;} .l_item_ewm img{border-radius: 9px;margin-top:5px;} p{padding:0;margin:0} .frmbox_r_item{background:#ffffff;position:relative;display: flex;flex-direction: column;justify-content:space-around; align-items: center;border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;width:100%} .r_item4{position: absolute;bottom:-70px;width: 100%;left: 0;height: 70px;border: none;background: #ffb103;color: #ffffff;font-size: 16px; border-bottom-left-radius:10px; border-bottom-right-radius:10px;} .r_item45{border: none;background: ##E4E4E4; color: #999999;font-size: 16px;background: #e4e4e4;} .btombtn{position:absolute;bottom:-70px;width: 100%;left: 0;height: 70px;border: none;background: #e4e4e4;color: #ffffff;font-size: 16px;display: flex; justify-content: center; align-items: center; border-bottom-left-radius:10px; border-bottom-right-radius:10px;} .r_item3{color:#666666;font-size:16px;} .r_item1{width:180px;height:55px;margin-top: 6px; margin-bottom: 6px;} .r_item2{width:100%; overflow: hidden;height:314px!important} .newlogin_item img{width:3rem;height:1.5rem;border-radius: 5px;position:absolute;right:0} .newlogin_title{font-size: 1rem;font-weight: 600;margin: 0 auto;height: 3rem; line-height: 3rem;color:#333333;padding-left:0.8rem;text-align: left;width:100%} .newlogin_item input{border: none;padding: 0.8rem;flex: 1;font-size: 0.9rem;color: #333333;outline: none;} .newlogin_item{margin: 0 auto;display: flex;align-items: center;border-bottom:2px solid #f5f5f5;width:100%;position:relative;margin-bottom:10px} .newloginbtn1{border: 1px solid #f5f5f5; font-size: 0.8rem;padding: 0.2rem 0.5rem 0.2rem 0.5rem;border-radius: 5px; position: absolute; right: 0;border: none; outline: none; cursor: pointer;} .newloginbtn2{background: #000000;border: 1px solid #f5f5f5;font-size: 0.8rem;color: #ffffff;padding: 0.2rem 0.5rem 0.2rem 0.5rem;border-radius: 5px; position: absolute; right: 0;border: none; outline: none; cursor: pointer;} .newczcen{display: flex;justify-content: center; margin-top:1rem;margin-bottom:1rem;} .newczcens{display: flex; justify-content: center; margin-top: 2rem;flex-direction: column; align-items: center; } .newlogin_title>span{ border-bottom: 3px solid #ffb103;} .cz{background: #FFB103; width:100%; height:30px;display: flex; justify-content: center; align-items: center; border-radius: 5rem;color: #ffffff; box-shadow: 0 2px 4px #FFB103; font-size: 0.8rem; cursor: pointer;} .newlogin{width:70%;display: flex;flex-direction: column;justify-content: space-around;} .frmbox_l_item img,.bgimg img,.l_item_ewm img{display: inline-block; max-width: 100%;} @media screen and (max-width:1400px) { .frmbox { width:1000px; margin-left: -444px; display: flex;} .itemp1{width:450px;height:52px} .bgimg img{width:auto;height:50px;} .l_item_ewm{width:125px;} .newbtt{font-size:13px;} .frmbox_r{width:333px;} .newlogin{width:76%} .r_item1 {width: 160px; height: 44px; margin-top: 11px; margin-bottom: 11px;} .newlogin_item{ margin-bottom: 20px; padding-top: 15px;} .newlogin_item input{padding:0.2rem 0.8rem 0.2rem 0.8rem} .cz{height:30px;font-size:0.8rem} .newczcen{margin-top:0} .btombtn{height:50px;bottom:-50px;} .r_item4{height:50px;bottom:-50px;} .frmbox_r_item{justify-content: end!important;width:333px;} .r_item2{display: flex!important;justify-content: center!important;} } .newtabbar{display: flex;align-items: center;width:100%} .frmbox_l_item_T{font-size: 42px; font-weight: 600;} .frmbox_l_item_b{font-size: 17px; margin-top:20px; margin-bottom:20px;} .tab1l{text-align: center;align-items: center;height: 80px;line-height: 80px;flex: 1;padding-left: 5px; padding-right: 5px;} .l_radio{border-top-left-radius:10px;} .r_radio{border-top-right-radius:10px;} .default{background: #fbfbfb; color: #585858; font-size: 18px; border: 2px solid #e4e4e4;} .active{background: #ffffff;font-size: 18px;color: #ffb103;border-top: 4px solid #ffb103;} .newfooter{font-size:14px;color:#ffffff;width:100%;text-align:center;position: fixed; bottom: 9px;} .newfooter a{cursor: pointer;text-decoration:none;color:#fff;} .newfooter a:hover{color:#ffb103} @media screen and (max-width:1000px) { .frmbox_r{margin-top:70px;} .newfooter{font-size:20px;} .frmbox{width:90%;top:20%;font-size:2rem} .r_item1{width:293px;height:auto} .frmbox_l_item_T{font-size:66px} .frmbox_l_item_b{font-size:35px;} .bgimg img{height:68px} .l_item_ewm{width:auto} .l_item_ewm img{width:300px} .frmbox_r{width:80%} .frmbox_r_item{width:100%} .default{font-size:2rem} .active{font-size:2rem} .newlogin_item input{font-size:2rem} .newlogin_item img{width:7rem;height:3.5rem} .newloginbtn1{font-size:2rem;padding: 0.5rem 1.5rem 0.5rem 1.5rem;} .newlogin_title{font-size:2rem} .cz{height: 4rem;font-size: 2rem;} .status p{font-size:0.9rem} }
微信朋友圈图文营销工具
轻松创建微信热文,任意添加自己的文字和图片

关注美橙荟公众号

微信扫码登录
美橙账号登录

绑定您的手机号

{{errmsg}}

提交

版权所有 上海美橙科技信息发展有限公司 | 沪ICP备11006888号-33 | 用户协议