saas-platform/frontend/manage-web/css/main.css

.lp-input-ul-ln {
	display: none;
	min-height: 35px;
	text-align: center;
	margin-top: 20px;
	margin-left: 40px
}

.lp-input-ul-ln input {
	border: 1px solid
}

#sc {
	display: none
}

div.sm-btn {
	margin: 20px auto 0;
	background-color: #62a1f8;
	font-family: PingFangSC-Regular;
	text-align: center;
	padding: 5px 0 5px 0;
	border-radius: 4px;
	border: 0
}

span.sm-txt {
	font-size: 20px;
	color: #fff
}

#SM_TXT_1 {
	color: #fff !important
}

div#rectMask {
	display: none !important
}

.marginAuto {
	width: 1100px;
	margin: 0 auto
}

.head {
	margin-top: 10px;
	margin-bottom: 10px
}

.head img {
	vertical-align: middle
}

.head span {
	display: inline-block;
	margin-left: 20px;
	font-size: 16px;
	color: #151414
}

.head i {
	color: red;
	font-size: 26px;
	margin-left: 10px
}

.lp-regiter-background {
	background-color: #3e8dea;
	height: 500px;
	background: url(../img/bgpic/2T5.jpg) center center/auto 100% no-repeat #cacad6;/*no-repeat center 0
*/}

#lp-head-logo {
	position: relative;
	height: 500px;
	width: 1100px;
	margin: 0 auto
}

.phrase {
	position: absolute;
	top: 61px;
	left: 0
}

.phrase h1 {
	font-weight: bold;
	font-size: 60px;
	color: #fff;
	letter-spacing: 3.56px;
	text-shadow: 0 2px 4px rgba(62, 141, 234, 0.24)
}

.phrase h5 {
	margin-top: 20px;
	font-size: 36px;
	color: #fff;
	letter-spacing: 0
}

.process img {
	width: 1100px
}

.features {
	cursor: pointer;
	height: 670px
}

.cal-layout {
	position: relative
}

.calculator {
	width: 800px;
	margin: 80px auto
}

.lp-left {
	margin-left: 60px
}

.monthSupply {
	background-color: #2b4c6a;
	width: 660px;
	margin-top: 40px;
	border-radius: 12px;
	display: none
}

.supply {
	display: inline-block;
	font-family: PingFangSC-Regular;
	font-size: 18px;
	color: #fff;
	letter-spacing: 0;
	vertical-align: top;
	margin-top: 33px;
	margin-left: 33px
}

.yuan {
	vertical-align: baseline
}

#money {
	display: inline-block;
	margin-left: 10px;
	font-family: PingFangSC-Regular;
	font-size: 72px;
	color: #fff;
	letter-spacing: 0;
	margin-top: 13px;
	margin-bottom: 13px
}

.cost {
	font-family: PingFangSC-Regular;
	font-size: 18px;
	color: #323232;
	letter-spacing: 0;
	margin-top: 33px
}

.price {
	display: inline-block;
	padding-left: 21px;
	padding-right: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
	border: 1px solid #979797;
	border-radius: 4px;
	margin-left: 33px;
	cursor: pointer
}

.month {
	font-family: PingFangSC-Regular;
	font-size: 18px;
	color: #323232;
	letter-spacing: 0;
	margin-top: 33px
}

.time {
	display: inline-block;
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 3px;
	padding-bottom: 3px;
	border: 1px solid #979797;
	border-radius: 4px;
	margin-left: 12px;
	cursor: pointer
}

.putCost {
	border-bottom: 1px solid #bababa;
	width: 515px;
	margin-top: 36px;
	padding-bottom: 10px;
	margin-left: 85px
}

.putCost input {
	font-family: PingFangSC-Regular;
	font-size: 32px;
	color: #3e8dea;
	letter-spacing: 1.85px
}

#curror {
	background-color: #3e8dea;
	border: 1px solid #3e8dea;
	color: #fff
}

#time-curror {
	background-color: #3e8dea;
	border: 1px solid #3e8dea;
	color: #fff
}

#calcul {
	text-align: center;
	background-color: #979797;
	border-radius: 4px;
	width: 400px;
	color: #fff;
	font-size: 24px;
	padding-top: 18px;
	padding-bottom: 21px;
	margin-top: 50px;
	margin-left: 220px;
	cursor: pointer
}

.company {
	line-height: 0;
	height: 517px;
	width: 1100px;
	margin: 0 auto
}
.company4 {
	background: url(../img/Group23.png) no-repeat center 0;
}


.banner {
	line-height: 0;
	height: 400px;
	margin: 0 auto
}

.banner2 {
	background: url('../img/bgpic/2T2.jpg') no-repeat center center
}

.banner3 {
	background: url('../img/bgpic/2T3.jpg') no-repeat center center;
	margin-top: 204px
}

.banner4 {
	background: url('../img/bgpic/2T4.jpg') no-repeat center center
}

.footer {
	text-align: center;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	color: #666;
	background: #333;
	padding-top: 45px;
	padding-bottom: 45px;
	line-height: 30px;
	margin: 0 auto
}

.footer .footer_link a {
	padding: 0 13px
}

.register {
	width: 382px;
	background-color: #fff;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -180px;
	height: 340px;
	border-radius:15px;
}


.registMiddle {
	width: 298px;
	height: 50px;
	border: 1px solid #b3bcc5;
	margin-top: 33px;
	margin-left: 43px
}

.phone img {
	vertical-align: middle
}

.phone input {
	margin-left: 27px;
	font-size: 14px
}

#promptText {
	margin-left: 50px;
	margin-top: 20px;
	font-size: 14px;
	font-family: PingFangSC-Regular;
	color: red;
	display: none
}

.registSumbit {
	margin-left: 43px;
	background-color: #62a1f8;
	border-radius: 4px;
	width: 300px;
	cursor: pointer;
	font-family: PingFangSC-Regular;
	font-size: 20px;
	text-align: center;
	margin-top: 20px;
	padding-top: 10px;
	padding-bottom: 12px;
	margin-bottom: 57px
}

.registSumbit span {
	color: #fff
}

#phoneLogin {
	display: none
}

.popup {
	display: none;
	position: fixed;
	top: 20%;
	left: 40%;
	border-radius: 4px;
	width: 500px;
	height: 350px;
	margin-left: -145px;
	border: 1px solid #e6e6e6;
	background-color: #fff;
	z-index: 99999999
}

.popupHead {
	text-align: center;
	margin-top: 24px;
	padding-bottom: 23px;
	border-bottom: 1px solid #e6e6e6
}

.popupHead span {
	font-family: PingFangSC-Regular;
	font-size: 24px;
	color: #2b4c6a;
	letter-spacing: 0
}

.popupHead img {
	display: inline-block;
	float: right;
	margin-right: 24px
}

.sms span {
	display: inline-block
}

.smsText {
	font-family: PingFangSC-Regular;
	font-size: 20px;
	color: #858585;
	margin-left: 30px;
	margin-top: 90px;
	cursor: pointer
}

#sixty {
	display: none
}

.smsPut {
	width: 257px;
	border: 1px solid #3e8dea;
	padding-top: 15px;
	padding-bottom: 17px
}

.smsPut {
	margin-left: 9px
}

#emscode {
	font-size: 20px
}

#determine {
	margin-left: 15px;
	border-left: 2px solid #53aef3;
	padding-left: 5px
}

.prompSms {
	display: none;
	font-size: 14px;
	color: red;
	padding-left: 100px;
	margin-top: 20px;
	color: red
}

#smsSumbit {
	margin-top: 25px;
	margin-left: 50px;
	padding-top: 16px;
	background-image: linear-gradient(-90deg, #53aef3 0, #62a1f8 100%);
	border-radius: 4px;
	width: 400px;
	padding-bottom: 17px;
	font-size: 20px;
	color: #fff;
	text-align: center;
	cursor: pointer
}

.login-popup {
	display: none;
	position: fixed;
	top: 20%;
	left: 40%;
	border-radius: 4px;
	width: 500px;
	height: 350px;
	margin-left: -145px;
	border: 1px solid #e6e6e6;
	background-color: #fff;
	z-index: 99999999
}

.login-popupHead {
	text-align: center;
	margin-top: 24px;
	padding-bottom: 23px;
	border-bottom: 1px solid #e6e6e6
}

.login-popupHead span {
	font-family: PingFangSC-Regular;
	font-size: 24px;
	color: #2b4c6a;
	letter-spacing: 0
}

.login-popupHead img {
	display: inline-block;
	float: right;
	margin-right: 24px
}

.login-sms span {
	display: inline-block
}

.login-smsText {
	font-family: PingFangSC-Regular;
	font-size: 20px;
	color: #858585;
	margin-left: 30px;
	margin-top: 90px;
	cursor: pointer
}

#login-sixty {
	display: none
}

.login-smsPut {
	width: 257px;
	border: 1px solid #3e8dea;
	padding-top: 15px;
	padding-bottom: 17px
}

.login-smsPut {
	margin-left: 9px
}

#login-smsCode {
	font-size: 20px
}

#login-determine {
	margin-left: 15px;
	border-left: 2px solid #53aef3;
	padding-left: 5px
}

.login-prompSms {
	display: none;
	font-size: 14px;
	color: red;
	padding-left: 100px;
	margin-top: 20px;
	color: red
}

#login-smsSumbit {
	margin-top: 25px;
	margin-left: 50px;
	padding-top: 16px;
	background-image: linear-gradient(-90deg, #53aef3 0, #62a1f8 100%);
	border-radius: 4px;
	width: 400px;
	padding-bottom: 17px;
	font-size: 20px;
	color: #fff;
	text-align: center;
	cursor: pointer
}

#suction {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #fff;
	padding-top: 41px;
	padding-bottom: 45px;
	padding-left: 9%;
	box-shadow: 0 -2px 6px 0 rgba(0, 0, 0, 0.24);
	z-index: 1000
}

#sucBottom i {
	display: inline-block;
	font-size: 48px;
	color: #fa7d23;
	letter-spacing: 0;
	margin-right: 165px;
	vertical-align: middle
}

#sucText {
	display: inline-block;
	font-size: 20px;
	color: #323232;
	margin-right: 10px
}

#sucSumbit {
	cursor: pointer;
	background-color: #53aef3;
	border-radius: 8px;
	font-family: PingFangSC-Regular;
	font-size: 24px;
	color: #fff;
	letter-spacing: 0;
	text-shadow: 0 2px 4px #3da2f4;
	padding-left: 118px;
	padding-right: 118px;
	padding-top: 18px;
	padding-bottom: 18px;
	box-shadow: 0 10px 18px 0 rgba(62, 141, 234, 0.24)
}

.slider {
	height: 533px;
	position: relative;
	top: -147px
}

.slider_images {
	width: 232px;
	height: 411px;
	position: absolute;
	left: 150px;
	top: 58px;
	overflow: hidden
}

.slider_item {
	position: absolute;
	left: 200px;
	transition: left 1s
}

.slider_images .active {
	z-index: 1;
	left: 0
}

.slider_dots {
	position: absolute;
	left: 500px;
	top: 222px
}

.slider_dots ul li {
	float: left;
	margin-right: 41px
}

.slider_dots .hover {
	display: none
}

.slider_dots ul li.active img {
	display: none
}

.slider_dots ul li.active .hover {
	display: inline-block
}

.slider_tips {
	position: absolute;
	left: 497px;
	top: 355px;
	width: 472px;
	height: 147px
}

.slider_tip {
	height: 130px;
	padding: 24px 0 0 24px;
	border-radius: 4px;
	border: 1px solid #e6e6e6;
	background-color: #f5f5f5;
	display: none
}

.slider_tips .active {
	display: block
}


.slider_tip span {
	color: #2b4c6a;
	display: block;
	line-height: 24px
}

.slider_tip span.slider_tip_title {
	font-size: 30px;
	line-height: 50px
}

.slider_tip .slider_tip_btn {
	background-image: linear-gradient(-106deg, #83c5f8 4%, #62a1f8 96%);
	border-radius: 100px;
	width: 149px;
	height: 48px;
	font-size: 24px;
	color: #fff;
	line-height: 48px;
	display: inline-block;
	text-align: center;
	position: absolute;
	bottom: 39px;
	right: 37px
}

.corner1 {
	left: 160px
}

.corner2 {
	left: 288px
}

.corner3 {
	left: 414px
}

#suction .close {
	position: absolute;
	right: 10px;
	top: 10px;
	display: inline-block;
	width: 50px;
	height: 50px;
	background: url("../img/bgpic/close.png") center center no-repeat
}