@import"animate.css";

body{ background-color: #F2F2F2 !important;}
input{border:0; outline:none;}

/*-- 大于750宽屏-单位统一为px-- */
@media only screen and (min-width: 750px) {

	/* banner */
	.banner{margin: 78px auto 0 ; width: 100%;height: 631px; background: url(../imgs/banner_bg.jpg) no-repeat;background-size: 100% 100%;}
	.banner .wrapper{display: flex; justify-content: space-around; align-items: center;max-width: 1200px; width:100%; height: 100%; margin: 0 auto;position: relative;}
	.banner .inner{display: flex;flex-direction: column;align-items: center; width:7.5rem; text-align:center; color: #fff;
	text-align: center;}
	.banner h2{ font-weight:600;}
	.banner h2 span{display:block; margin-bottom:0.15rem;}
	.banner h2 span:nth-of-type(1){line-height:.5rem; font-size:.5rem;}
	.banner h2 span:nth-of-type(2){line-height:.8rem; font-size:.8rem;}
	.banner span.red{color:#ffe2a3;}
	.banner .banner_sbg{display:flex; align-items:center; justify-content:center; width:100%; height:.7rem; font-size: 0.40rem; font-weight:400; background: url(../imgs/banner_sbg.png) no-repeat;background-size: cover;}
	.banner p img{margin:0 .08rem;}

	.banner-content p{font-size: 0.36rem;color: #ffffff;font-weight: bold;text-align: center;padding-top: 0.3rem;}
	.banner-content span{color: #fff600;}

	.banner-text{position: absolute;left: 0;right: 0;margin: 0 auto; top: 0;background: url(../imgs/banner-text.png) no-repeat;background-size: 100% 100%;width: 7.5rem;height: 3.48rem;}

	/* 输入手机号注册抢领 */
	.banner-box{width: 535px; background-color: #FFFFFF;border-radius: 20px;}
	.phone-title h2{color: #333333;font-size: .28rem !important;text-align: center;padding: 30px 0 !important;line-height: 33px;font-weight: bold; opacity:1 !important;}
	.tel-box{width: 100%;margin: 0 auto; padding-bottom: 10px;display: flex;flex-direction: column;align-items: center;}
	.tel-box .register_text,.tel-box .register_text2{width: 425px;border-radius: 30px;background-color: #f3f3f3;box-sizing: border-box;height: 60px;padding-left: 25px;color: #333333;font-size: 20px;margin-bottom: 15px;}
	.tel-box .register_text::placeholder,.tel-box .register_text2::placeholder{color: #cbcaca;}
	.getcode{width: 158px;height: 60px;background-image: linear-gradient(to bottom, #FF8C78 , #EE4628);;position: absolute;right: 0;top: 0;border-radius: 0 30px 30px 0;cursor: pointer;font-size: 22px !important;color: #fff !important;font-weight: bold;}
	.banner-checked{display: flex;justify-content: center;align-items: center;height: 15px;padding-bottom: 40px;}
	.banner-checked span{color: #707070;font-size: 16px;font-weight: bold;}
	.text-danger{color: #736440 !important;}
	#reg_agreement{margin-right: 10px;}
	.banner-button{width: 430px;height: 60px;border-radius: 30px;background-image: linear-gradient(to bottom, #FF8C78 , #EE4628);display: flex;justify-content: center;align-items: center;font-size: 26px;font-weight: bold;margin: 0 auto;cursor: pointer;}
	.banner-button input{background:initial; color:#fff;}
	.reg-step1 p{padding: 25px 0 !important;font-size: 16px !important;color: #999999 !important;text-align: center;}
	.input-sec{position:relative; }

	/* 行情 */
	.content-box{width: 100%;margin: 0 auto; background-color: #fff;}
	.part-content{border-radius: 0.2rem;width: 6.35rem;margin: 0 auto;}
	.title{display: flex;justify-content: center;align-items: center; padding-top:0;}
	.title span{height: 1rem;line-height: 1rem;padding: 0 0.4rem;color: #333333;font-size: 0.34rem;font-weight: bold;display: block;border-bottom-right-radius: 0.2rem;border-bottom-left-radius: 0.2rem;}
	.hangqing{width:100% !important;}
	.hangqing tr{height: 0.50rem !important;font-size: 0.22rem;}
	.hangqing thead tr:first-child{height: 0.64rem !important;}
	.golddate{padding:0 !important; box-shadow:0 0px 10px rgba(0,0,0,.2); border-radius:.04rem !important;}
	.part-content .text{color: #666;font-size: 0.22rem;text-align: center;padding:0 0 0.3rem 0;}
	.text-success{color: green;}
	.text-danger{color: red;}

	.content-box ul{width: 6.35rem;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;padding: 0.5rem 0;}
	.content-box ul li{width: 3rem;height: 0.7rem;border-radius: 0.5rem;font-size: 0.3rem;display: flex;justify-content: center;align-items: center;}
	.content-box ul li a{width: 100%;height: 0.76rem;display: block;display: flex;justify-content: center;align-items: center; border-radius:38px; border:4px solid #ffe9b3; color:#736440;}
	.content-box ul li:nth-of-type(1){border: 1px solid #FFFFFF;}
	.content-box ul li:nth-of-type(1) a{color: #736440; background-color:#ffe9b3;}
	.content-box ul li:nth-of-type(2){background-color: #FFFFFF;}

	.content{width: 100%;margin: 0 auto; background-color:#fff;}
	.part-title{width: 5.2rem; margin: 0 auto; font-size:0.34rem; line-height:0.34rem; font-weight:600; text-align:center;}
	.part-title-xs{text-align:center; font-size:0.20rem; line-height:0.28rem; color:#666;}

	.part{width:100%;margin: 0 auto;position: relative; border-radius: 0.2rem;margin: 0.4rem auto;}
	.part-title{margin-bottom:0.4rem;}

	/* part1 */
	.part1{ position: relative; padding:.6rem 0; width:100%; height:4.9rem; margin: 0 auto 0.4rem;background: url(../imgs/p1_bg.png) no-repeat;background-size: cover;}
	.part1 .warp{display:flex;justify-content: center; align-items:center;}
	.part1 .warp .ul{display:flex;justify-content: center;flex-direction: column;box-shadow: 0px 2px 8px rgb(0 0 0 / 20%);}
	.part1 .warp .ul:first-child{width:1.2rem;border-radius: 0.05rem 0 0 0.05rem; overflow:hidden;}
	.part1 .warp .ul:nth-of-type(2){width:3.2rem; height:2.98rem; background: url(../imgs/p1_img1.png) no-repeat; color:#fff;border-radius: 0.05rem;}
	.part1 .warp .ul:nth-of-type(2) > div{background-color:initial !important;}
	.part1 .warp .ul:nth-of-type(2) > div:first-child{height:.86rem !important;}
	.part1 .warp .ul:nth-of-type(2) > div:last-child{height:.65rem !important;}
	.part1 .warp .ul:last-child{width:2.56rem;border-radius:0 0.05rem .05rem 0; overflow:hidden;}
	.part1 .warp .ul >div{display:flex; align-items:center; justify-content:center; height:.48rem; font-size:.2rem; text-align:center; border-bottom:1px solid #acacac; background-color:#fff;}
	.part1 .warp .ul >div:first-child{height:.7rem;}
	.part1 .warp .ul >div:last-child{border:0;}
	.part1 .warp .ul > div span{color:#fffc02;}

	/* part2 */
	.part2{max-width:1200px; width: 100%;margin: 0 auto;position: relative; border-radius: 0.2rem;margin: 0 auto;}
	.part2 ul{display:flex; align-items:center; justify-content: space-between; flex-wrap: wrap; margin: 0 auto; width: 100%;}
	.part2 ul li{margin-bottom:40px; padding:.4rem 0; width:25%; max-width:274px; height:2.94rem; max-height: 350px; border-radius:0.08rem; background-color:#f6f6f6; overflow:hidden;}

	.part2 ul li > div{width:100%;display:flex; align-items: center; flex-direction: column;text-align:center;}
	.part2 ul li img{margin-bottom:.24rem; width:.90rem; height:.9rem;}
	.part2 ul li h4{margin-bottom:0.12rem; font-size:24px; font-weight:600; color:#333; }
	.part2 ul li p{font-size:18px; color:#666;}
	.part2 ul li p span{color:#f30000;}


	/* part3 */
	.part3{max-width:1200px; width: 100%; margin: 0 auto;position: relative; border-radius: 0.2rem;}
	.part3 ul{width: 100%;margin: 0 auto; display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
	.part3 ul li{position:relative; padding: 0 5%; margin: 2.5%; max-width:562px; width: 45%;height: 1.78rem; border-radius:0.16rem; background-color:#f6f6f6; overflow:hidden;}
	.part3 ul li .inner{ display:flex; align-items:center; justify-content: space-around; width:100%; height:100%;}
	.part3 ul li .inner div{margin-left: 0.32rem;
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: 60%;}

	.part3 ul li p:nth-of-type(1){margin-bottom:16px; font-size: 24px; font-weight:600; color: #333;}
	.part3 ul li p:nth-of-type(2){font-size: 18px;color: #666; align-items: center;}
	.part3 ul li p:nth-of-type(2) span{color:#f30000;}
	.part3 ul li img{ display: block; width:2.rem; height:1.77rem;}


	.btn-reg-group{padding:0.1rem 0 0.5rem !important;}
	.button{ display: flex;justify-content: space-between;align-items: center; margin: 0.6rem auto; width: 6.7rem;}
	.button a{ display: flex; justify-content: center; align-items: center; width: 3.1rem; height: 0.76rem; font-size: 0.3rem; color: #736440; border-radius: 0.44rem;}
	.button a:nth-of-type(1){background-color: #ffe9b3;}
	.button a:nth-of-type(2){border: 2px solid #ffe9b3;}
}

/*--- 小于750手机屏--- */
@media only screen and (max-width: 749.5px) {
	/* banner */
.banner{width: 7.5rem;height: 5.68rem; margin: 0 auto;background: url(../imgs/banner_bg.jpg) no-repeat;background-size: 100% 100%;position: relative; z-index: -1;}
.banner .inner{position:absolute;display: flex;flex-direction: column;align-items: center;padding-top:1rem; width:7.5rem; text-align:center; color: #fff;}
.banner h2{ font-weight:600;}
.banner h2 span{display:block; margin-bottom:0.15rem;}
.banner h2 span:nth-of-type(1){line-height:.5rem; font-size:.5rem;}
.banner h2 span:nth-of-type(2){line-height:.8rem; font-size:.8rem;}
.banner span.red{color:#ffe2a3;}
.banner .banner_sbg{display:flex; align-items:center; justify-content:center; width:100%; height:.7rem; font-size: 0.40rem; font-weight:400; background: url(../imgs/banner_sbg.png) no-repeat;background-size: cover;}
.banner p img{margin:0 .08rem;}

.banner-content p{font-size: 0.36rem;color: #ffffff;font-weight: bold;text-align: center;padding-top: 0.3rem;}
.banner-content span{color: #fff600;}

.banner-text{position: absolute;left: 0;right: 0;margin: 0 auto; top: 0;background: url(../imgs/banner-text.png) no-repeat;background-size: 100% 100%;width: 7.5rem;height: 3.48rem;}

/* 输入手机号注册抢领 */
.banner-box{position:relative; padding-bottom:0.6rem; width: 7.5rem; height:5.6rem;   margin: 0 auto; background-color:#fff;}
.banner-phone{position:absolute; top:-0.4rem; left:0; right:0; width: 100%; background-color: #ffffff; margin: 0 auto; border-radius: 15px;}
.banner-phone-wrapper{display: flex;justify-content: center;align-items: center;flex-direction: column;}
.banner-phone-wrapper .regindex{width:6rem;}
.phone-top{width: 1.92rem;height: 0.5rem;background: url(../imgs/phone-bg.png) no-repeat;background-size: 100% 100%;margin: 0 auto;display: flex;justify-content: center;align-items: center;font-size: 0.3rem;color: #ffffff;}
.phone-title span img{width: 0.41rem;height: 0.19rem;display: block;}
.banner-phone-wrapper h2{padding:0.4rem 0 !important; color: #333 !important; text-align: center; font-weight:400 !important; font-size: 0.36rem !important;opacity:1 !important;}
.tel-box{width: 6rem;margin: 0 auto; padding-bottom: 0.31rem;border-radius: 5px;background-color: #ffffff;display: flex;flex-direction: column;}
.input-sec{margin-top: 0.3rem;width: 100%;position: relative;}
.tel-box input::placeholder{color: #b2b2b2;}
.tel-box .register_text{width: 100%; height:0.72rem; padding:0.23rem 0 0.23rem 0.5rem;box-sizing: border-box;color: #282828;font-size: 0.3rem;font-weight: 500;border: 0;background-color: #EEEEEE;border-radius: 36px;}
.tel-box .register_text2{width: 100%; height:0.72rem; padding:0.23rem 0 0.23rem 0.5rem;box-sizing: border-box;color: #282828;font-size: 0.3rem;font-weight: 500;border: 0;background-color: #EEEEEE;border-radius: 36px;display: block;}
.tel-box .getcode{height: 100%;width: 2.11rem;background: linear-gradient(180deg, #ffbeaf, #ffa388);color: #fff;opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;font-size: 0.3rem;display: flex;text-align: center;justify-content: center;align-items: center;position: absolute;right: 0;top: 0;border-radius:0 44px 44px 0; border: 0;}
.banner-checked{display: flex;align-items: center;justify-content: center;padding-bottom: 0.5rem;}
.banner-checked span{font-size: 0.22rem;color: #909090;padding-left: 0.05rem;font-weight: bold;}
.banner-checked span>span{color: #333333;}
.banner-checke input:checked{border: 0;}
.banner-button {display: flex;justify-content: center;align-items: center;background: linear-gradient(180deg, #ffbeaf, #ffa388);border-radius: 36px; height:.72rem; width:100%;}
.banner-button input{ height:100%; color: #fff;background:initial; width:100%; border:0; font-size:.3rem;cursor: pointer;}
.banner-phone-wrapper p{font-size: 12px;color: #666666;font-weight: bold;text-align: center;padding-top: 0.3rem;padding-bottom: 0.4rem;}
.tel-img img{width: 0.53rem;height: 0.42rem;display: block;}
.phone-bottom{height: 0.38rem;}
.banner-checked span>span a{color: #FF5436 !important;}

/* 行情 */
.content-box{width: 7.5rem;margin: 0 auto; background-color: #fff;}
.part-content{border-radius: 0.2rem;width: 6.34rem;margin: 0 auto;}
.title{display: flex;justify-content: center;align-items: center; padding-top:0;}
.title span{height: 1rem;line-height: 1rem;padding: 0 0.4rem;color: #333333;font-size: 0.34rem;font-weight: bold;display: block;border-bottom-right-radius: 0.2rem;border-bottom-left-radius: 0.2rem;}
.hangqing{width:100% !important;}
.hangqing tr{height: 0.88rem !important;}
.golddate{box-shadow:0 0px 10px rgba(0,0,0,.2); border-radius:.04rem !important;}
.part-content .text{color: #666;font-size: 0.22rem;text-align: center;padding:0 0 0.3rem 0;}
.text-success{color: green;}
.text-danger{color: red;}

.content-box ul{width: 6.35rem;margin: 0 auto;  padding:0.5rem 0; display: flex;justify-content: space-between;align-items: center;}
.content-box ul li{width: 3rem;height: 0.7rem;border-radius: 0.5rem;font-size: 0.3rem;display: flex;justify-content: center;align-items: center;}
.content-box ul li a{width: 100%;height: 0.76rem;display: block;display: flex;justify-content: center;align-items: center; border-radius:38px; border:4px solid #ffe9b3; color:#736440;}
.content-box ul li:nth-of-type(1){border: 1px solid #FFFFFF;}
.content-box ul li:nth-of-type(1) a{color: #736440; background-color:#ffe9b3;}
.content-box ul li:nth-of-type(2){background-color: #FFFFFF;}

.content{width: 7.5rem;margin: 0 auto; background-color:#fff;}
.part-title{width: 5.2rem; margin: 0 auto; font-size:0.34rem; line-height:0.34rem; font-weight:600; text-align:center;}
.part-title-xs{text-align:center; font-size:0.20rem; line-height:0.28rem; color:#666;}

.part{width: 7.5rem;margin: 0 auto;position: relative; border-radius: 0.2rem;margin: 0.4rem auto;}
.part-title{margin-bottom:0.4rem;}

/* part1 */
.part1{ position: relative; padding:.6rem 0; width: 7.5rem; height:4.92rem; margin: 0 auto;background: url(../imgs/p1_bg.png) no-repeat;}
.part1 .warp{display:flex;justify-content: center; align-items:center;}
.part1 .warp .ul{display:flex;justify-content: center;flex-direction: column;box-shadow: 0px 2px 8px rgb(0 0 0 / 20%);}
.part1 .warp .ul:first-child{width:1.2rem;border-radius: 0.05rem 0 0 0.05rem; overflow:hidden;}
.part1 .warp .ul:nth-of-type(2){width:3.2rem; height:2.98rem; background: url(../imgs/p1_img1.png) no-repeat; color:#fff;border-radius: 0.05rem;}
.part1 .warp .ul:nth-of-type(2) > div{background-color:initial !important;}
.part1 .warp .ul:nth-of-type(2) > div:first-child{height:.86rem !important;}
.part1 .warp .ul:nth-of-type(2) > div:last-child{height:.65rem !important;}
.part1 .warp .ul:last-child{width:2.56rem;border-radius:0 0.05rem .05rem 0; overflow:hidden;}
.part1 .warp .ul >div{display:flex; align-items:center; justify-content:center; height:.48rem; font-size:.2rem; text-align:center; border-bottom:1px solid #acacac; background-color:#fff;}
.part1 .warp .ul >div:first-child{height:.7rem;}
.part1 .warp .ul >div:last-child{border:0;}
.part1 .warp .ul > div span{color:#fffc02;}

/* part2 */
.part2{width: 7.5rem;margin: 0 auto;position: relative; border-radius: 0.2rem;margin: 0.4rem auto 0;}
.part2 ul{display:flex; align-items:center; justify-content: space-between; flex-wrap: wrap; margin: 0 auto; width: 6.34rem; max-width:634px;}
.part2 ul li{padding:.4rem 0; width:2.92rem; max-width: 292px; height:2.94rem; max-height: 350px; border-radius:0.08rem; background-color:#f6f6f6; overflow:hidden;}
.part2 ul li.li1{margin-bottom:0.4rem;}
.part2 ul li.li2{margin-bottom:0.4rem;}
.part2 ul li.li3{}
.part2 ul li.li4{}
.part2 ul li > div{width:100%;display:flex; align-items: center; flex-direction: column;text-align:center;}
.part2 ul li img{margin-bottom:.24rem; width:.90rem; height:.9rem;}
.part2 ul li h4{margin-bottom:0.12rem; font-size:0.24rem; font-weight:600; color:#333; }
.part2 ul li p{font-size:0.22rem; color:#666;}
.part2 ul li p span{color:#f30000;}


/* part3 */
.part3{width: 7.5rem;margin: 0 auto;position: relative; border-radius: 0.2rem;}
.part3 ul{width: 7.1rem;margin: 0 auto; display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.part3 ul li{position:relative; margin-bottom:.3rem; width: 6.2rem;height: 1.78rem; border-radius:0.16rem; background-color:#f6f6f6; overflow:hidden;}
.part3 ul li:last-child{margin-bottom:0;}
.part3 ul li .inner{ display:flex; align-items:center; justify-content: space-around; width:100%; height:100%;}
.part3 ul li .inner div{margin-left: 0.08rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 50%;}

.part3 ul li p:nth-of-type(1){font-size: 0.24rem; font-weight:600; color: #333;}
.part3 ul li p:nth-of-type(2){font-size: 0.22rem;color: #666; align-items: center;}
.part3 ul li p:nth-of-type(2) span{color:#f30000;}
.part3 ul li img{ display: block; width:2.rem; height:1.77rem;}



.button{ display: flex;justify-content: space-between;align-items: center; margin: 0.6rem auto; width: 6.7rem;}
.button a{ display: flex; justify-content: center; align-items: center; width: 3.1rem; height: 0.76rem; font-size: 0.3rem; color: #736440; border-radius: 0.44rem;}
.button a:nth-of-type(1){background-color: #ffe9b3;}
.button a:nth-of-type(2){border: 2px solid #ffe9b3;}
}
@media only screen and (max-width: 440.5px) {
.part1 .warp .ul:last-child{width:2.8rem;}

}