@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0;}
img{border:none;}
ul{list-style:none;}
a{text-decoration:none;}
.cf {zoom: 1;}
.cf:after { content: ''; display: block; clear: both; height: 0; overflow: hidden; visibility: hidden; }
.fl{float:left;}
.fr{float:right;}

html, body {
	position: relative;
	height: 100%;
	font-size:62.5%;
}
body {
	background: #fff;
	font-size: 14px;
	color:#000;
	padding: 0;
	max-width:750px;
	margin:0 auto;
}

/* 提示信息弹层 */
.tipCover {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.6);
	z-index: 999999;
}
.tipCover p {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 10px 16px;
    width: auto;
    min-width: 17rem;
    line-height: 30px;
    background: #fff;
    border-radius: 10px;
    font-size: 14px;
    color: #666;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
.swiper-container {
	width: 100%;
	height: 100%;
}
/*.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}*/


.page img{width:100%; display:block;}

.page{position:relative; background:#eeeeee;}
.logo{position:absolute; left:0; top:5%;}
.page01{}
.page1_img1,.page1_img2,.page1_img3,.page1_word1,.page1_word2,.page1_word3{position:absolute;}
.page1_img1{width:100%; left:0%; top:16%;}
.page1_img2{width:100%; left:0%; top:27.5%;}
.page1_img3{width:100%; left:0%; top:43%;}
.page1_word1{width:100%; left:0; text-align:center; top:62%;}
.page1_word1 p{font-size:20px; font-weight:bold; color:#4b4b4b;}
.page1_word2{width:100%; left:0; bottom:10%;}
.page1_word2 button{display:block; width:67%; text-align:center; height:60px; line-height:60px; color:#fff; background:#d0455a; margin:0 auto; border:none; font-size:18px;}
.page1_word3{width:100%; left:0; bottom:3%;}
.page1_word3 a{text-align:center; color:#666666; font-size:14px; display:block; text-align:center;}


.page02{padding-top:5%;}
.page2_admin{padding-left:4.8%; padding-bottom:15px;}
.page2_admin img{width:14%; border-radius:50%;}
.admin_right{width:76%; margin-left:4%;}
.admin_right h2{color:#3a3946; font-size:14px; text-align:left; height:22px; padding-left:3%; font-weight:normal;}
.admin_right div{width:100%; background:url(../images/kuang.png) no-repeat; background-size:100% auto; color:#393946;}
.admin_right div p{ padding:3% 6% 4% 8%; font-size:16px; text-align:left; line-height:26px;}

.page2_box{width:96%; margin:0 auto; background:#fff; padding-top:10px;}
.banner{width:95%; margin:0 auto; background:#f7f7f7; border-radius:8px;}
/*banner*/
.owl-carousel .owl-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.grabbing {cursor:url(grabbing.png) 8 8, move;}
.owl-carousel  .owl-wrapper,.owl-carousel  .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility:    hidden;-ms-backface-visibility:     hidden;-webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0);}
#owl-demo { position: relative; width: 100%; margin-left: auto; margin-right: auto;}
#owl-demo .item{ position: relative; display: block;}
#owl-demo img { display: block; width: 100%;}
#owl-demo b { position: absolute; left: 0; bottom: 0; width: 100%; height: 78px; background-color: #000; opacity: .5; filter: alpha(opacity=50);}
/*#owl-demo span { position: absolute; left: 0; bottom: 37px; width: 100%; font: 18px/32px; color: #fff; text-align: center;}*/
.owl-pagination { position: absolute; left: 0; bottom: 26px; width: 100%; height: 16px; text-align: center;}
.owl-page { display: inline-block; width:14px; height:14px; margin: 0 5px; background:#666666; *display: inline; *zoom: 1; border-radius:50%; }
.owl-pagination .active { background:#d0455a;}
.owl-buttons { display: none;}
.owl-buttons div { position: absolute; top: 50%; width: 24px; height: 48px; margin-top: -40px; text-indent: -9999px;}
@media screen and (max-width: 579px) {.owl-pagination{bottom:10px;height:15px;}}

.login{width:95%; margin:0 auto; padding-top:20px;}
.styleinp{display:block; width:100%; height:40px; line-height:40px; color:#545454; font-size:18px; border:none; text-indent:12%; margin-bottom:10px;}
.phone{ background:#f7f7f7 url(../images/icon1.png) 2% center no-repeat; background-size:auto 68%;}
.codebox{position:relative;}
.code{background:#f7f7f7 url(../images/icon2.png) 2% center no-repeat; background-size:auto 68%;}
.getcode{position:absolute; right:0; top:0; height:40px; line-height:40px; width:30%; background:#666666; text-align:center; color:#fff;}
.keyword{background:#f7f7f7 url(../images/icon3.png) 2% center no-repeat; background-size:auto 68%;}
.loginbut{width:100%; height:50px; background:#d0455a; font-size:18px; border:none; color:#fff; margin-top:10px; position:static;}
.regbut{width:100%; height:50px; background:#ffffff; font-size:18px;border: 1px solid #D04459; color:#D04459; margin-top:10px; position:static;margin-bottom: 10px;}

.page03{}
.page3_img1,.page3_img2,.page3_word1,.page3_word2{position:absolute;}
.page3_img1{width:100%; left:0%; top:13%;}
.page3_img2{width:100%; left:0%; top:13%;}
.page3_word1{width:100%; text-align:center; left:0; top:68%;}
.page3_word1 p{color:#d04559; font-size:24px; font-weight:bold;}
.page3_word2{width:100%; left:0; bottom:6%;}
.page3_word2 a{display:block; width:67%; text-align:center; height:60px; line-height:60px; color:#fff; background:#d0455a; margin:0 auto; border:none; font-size:18px;}

@media (max-height:736px){
}

@media (max-height:627px){
}

@media (max-width:375px){
	.page1_word1{top:64%;}
	.page1_word2{ bottom:13%;}
	.admin_right div p{line-height:23px;}
	.styleinp{height:30px; line-height:30px; font-size:16px;}
	.getcode{height:30px; line-height:30px;}
}

@media (max-width:320px){
	.page1_word1 p{font-size:16px;}
	.admin_right div p{font-size:12px; line-height:18px;}
	.loginbut{height:46px;}
	.regbut{height:46px;}
}

@media (max-height:480px){
	.page3_word1{top:72%;}
	.page3_word1 p{font-size:18px;}
	.styleinp{height:22px; line-height:22px; font-size:14px;}
	.getcode{height:22px; line-height:22px;}
	.banner{width:70%;}
	.loginbut{height:40px;}
	.regbut{height:46px;}
	
}
.newRecommend {
	position:relative;
	background:#ffffff;
}
.title {
	width: 100%;
	height: 200px;
	background: url("../images/NewRecommend/title_bg.png") no-repeat;
	background-size: 100% 100%;
	position: relative;
	overflow: hidden;
	padding-left: 13px;
	padding-top: 31px;
	padding-bottom: 25px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	box-sizing: border-box;
}
i {
	font-style: normal;
}
.title > p {
	position: relative;
}
.title > p:first-child {
	font-size: 25px;
	color: #FFFFFF;
	line-height: 35px;
}
.title > p:first-child > i {
	color: #FFF64E;
	font-size: 28px;
}
.title > p:nth-child(3) {
	display: block;
	width: 183px;
	height: 32px;
	background: linear-gradient(227deg, #FFFCCD 0%, #FFF64E 100%);
	border-radius: 57px;
	font-size: 17px;
	color: #CD0D1B;
	text-align: center;
	line-height: 32px;
	font-weight: bold;
}
.main {
	width: 100%;
	padding: 0 20px 15px;
	box-sizing: border-box;
}
.main > img {
	width: 100%;
	height: 100%;
}
.login1 {
	width: 100%;
	height: 261px;
	box-sizing: border-box;
	background: #ffe4d3;
	border-radius: 6px;
}
.redpackNum{
	display: none;
}
.beInvitePeopleOfferValue {
	font-size: 24px;
	color: #FFF64E;
}
.regRealNameofferNum {
	font-size: 24px;
	color: #FFF64E;
}
.main_txt {
	display: flex;
	align-items: center;
	justify-content: center;
}
.main_txt > em {
	width: 75px;
	height: 1px;
	background: #C73128;
	opacity: 0.3;
}
.main_txt P {
	font-size: 15px;
	font-weight: 700;
	color: #C73128;
	line-height: 33px;
	letter-spacing: 1px;
	margin: 0 10px;
}
.foot_img{
	width: 100%;
	position: relative;
	margin: 0 auto;

}
.foot_imgBg {
	width: 100%;
	position: relative;
}
.right {
	width: 28.125%;
	position: absolute;
	right: 13%;
	top: 49.8%;
}
.left {
	width: 28.125%;
	position: absolute;
	left: 9%;
	top: 49.8%;
}
.footer_txt {
	display: flex;
	align-items: center;
	justify-content: center;
}
.footer_txt > em {
	width: 40px;
	height: 1px;
	background: #C73128;
	opacity: 0.3;
}
.footer_txt P {
	font-size: 12px;
	font-weight: 400;
	color: #C73128;
	line-height: 33px;
	letter-spacing: 1px;
	margin: 0 10px;
}
.agreement {
	width: 100%;
	background: #f4f4f4;
	text-align: center;
	position: fixed;
	font-size: 12pt;
	bottom: 0;
	z-index: 99;
}
.agreement_mask {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #333333;
	opacity: 0.6;
	z-index: 9;
}
.agreement > p {
	line-height: 40px;
	background-color: #fff;
	border-radius: 0.5rem;
	width: 95%;
	margin: 0.5pt auto;
	color: #0E88FF;
}
.agreement > :last-child {
	margin-top: 2pt;
}
.agreement_box {
	display: none;
}
/*.swiper-container{overflow-x:hidden;overflow-y:auto;}*/