.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}
}
微信朋友圈图文营销工具
轻松创建微信热文,任意添加自己的文字和图片
关注美橙荟公众号