@import"../../source/css/animate.css";

body{ background-color: #FFFFFF !important;}

/* banner */
.banner{position: relative; width: 7.5rem;height: 6.12rem; margin: 0 auto;background: url(../imgs/banner_bg.jpg?) no-repeat !important;background-size: 100% 100%!important;position: relative; z-index: -1;}

.banner .inner{position:absolute;display: flex;flex-direction: column;align-items: center;padding-top:.68rem; width:7.5rem; text-align:center; }
.banner h2{font-family: "阿里巴巴普惠体"; margin-bottom:.16rem; line-height:.68rem; font-size:.68rem; font-weight:bold; color:#fded98;}
.banner h3{font-family: "阿里巴巴普惠体";margin-bottom:.18rem; line-height:.54rem; font-size:.54rem; font-weight:bold; color:#fff; border-radius:.08rem;}

.banner .banner_sbg{display:flex; align-items:center; justify-content:center; width:4.2rem; height:.59rem; color:#fff; font-weight:600; font-size:.36rem;
border: 2px solid; /* 定义边框宽度 */
  	border-image: linear-gradient(
      to right,
      transparent 1%, #002a6a 8%, #002a6a 92%,transparent 99%
  ) 1;
  border-image-outset: 0;
  border-image-repeat: stretch;
  
   background-image: linear-gradient(
      to right,
      transparent 1%, rgba(0,42,106,.5) 8%, rgba(0,42,106,.5) 92%,transparent 99%
  );}
.banner .banner_sbg .brand_word{margin-right: .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(https://wzgfile.oss-cn-shenzhen.aliyuncs.com/www/hd/wzg_tg12/images/banner-text.png) no-repeat;background-size: 100% 100%;width: 7.5rem;height: 3.48rem;}

/* 输入手机号注册抢领 */
.banner-box{width: 7.5rem;margin: 0 auto;margin-top: 0.4rem;}
.banner-phone{width: 6.88rem; margin: 0 auto; border-radius: 0.2rem;background-color: #FFFFFF;box-shadow: 0 0 8px #e3e3e3;}
.banner-phone-wrapper{display: flex;justify-content: center;align-items: center;flex-direction: column;}
.banner-phone-wrapper .regindex{width:6.1rem;}
.phone-top{width: 1.92rem;height: 0.5rem;background: url(https://wzgfile.oss-cn-shenzhen.aliyuncs.com/www/hd/wzg_tg12/images/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: #000000 !important; text-align: center; font-weight:bold; font-size: 0.36rem !important;opacity:1 !important;}
.tel-box{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: #f3f3f3; border-radius: 0.36rem;}
.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: #f3f3f3; border-radius: 0.36rem;display: block;}
.tel-box .getcode{height: 100%;width: 2.33rem;background-color: #ffe9b3; color: #736440;opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;font-size: 0.26rem;font-weight: bold;display: flex;text-align: center;justify-content: center;align-items: center;position: absolute;right: 0;top: 0;border: 0;border-radius: 0 0.36rem 0.36rem 0;}
.banner-checked{display: flex;align-items: center;justify-content: center;padding-bottom: 0.3rem;}
.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;}
.banner-button input{width:100%;height: 0.8rem;background:#ffe9b3; color: #736440;text-align: center !important; font-size: 0.32rem;margin: 0 auto;border-radius: 0.36rem;cursor: pointer;border: 0;cursor: pointer; outline:0px;opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;font-weight: bold;}
.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: #736440 !important;}

/* 行情 */
.content-box{width: 7.5rem;margin: 0 auto;padding-bottom: 0.6rem;}
.part-content{border-radius: 0.2rem;width: 6.9rem;margin: 0 auto;}
.title{display: flex;justify-content: center;align-items: center; padding-top:0.5rem;}
.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 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.18rem;text-align: center;padding:0 0 0.3rem 0;}
.text-success{color: green;}
.text-danger{color: red;}

.content-box ul{width: 6.75rem;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;margin-top: 0.5rem;}
.content-box ul li{width: 3.1rem;height: 0.76rem;font-size: 0.3rem;display: flex;justify-content: center;align-items: center; border-radius:0.38rem; overflow:hidden;}
.content-box ul li a{width: 100%;height: 100%;display: block;display: flex;justify-content: center;align-items: center;color: #736440;font-weight: bold;}
.content-box ul li:nth-of-type(1) a{background-color:#ffe9b3;}
.content-box ul li:nth-of-type(2){background-color: #FFFFFF;border: 2px solid #ffebba;}

/* part1 */
.part1 h2{padding: 0 0 0.5rem 0;font-size: 0.34rem;color: #333333;text-align: center;font-weight: bold;}
.part1 ul{display: flex;width: 6.96rem;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.part1 ul li{margin-bottom: 0.3rem; display: flex;width: 3.33rem;height: 2.39rem;align-items: flex-end;justify-content: center;}
.part1 ul li:nth-of-type(5),.part1 ul li:nth-last-of-type(1){margin-bottom: 0;}
.part1 ul li .btbox{padding: .24rem 0; flex-direction: column; border: 1px solid #EEEEEE; border-radius: .08rem;}
.part1 ul li .btbox img{margin-bottom: .24rem; width: .72rem;}
.part1 ul li .btbox p:nth-of-type(1){color: #333;font-size: 0.22rem;font-weight: bold;text-align: center;}
.part1 ul li .btbox p:nth-of-type(2){color: #666;font-size: 0.2rem;padding: 0.15rem 0.1rem 0 0.1rem;text-align: center;}
.part1 ul li p span{color: #ff2827;}

/* part2 */
.part2 h2{color: #333333;text-align: center;font-weight: bold;font-size: 0.34rem;padding: 0 0 0.5rem 0;}
.part2bg{width: 7.5rem;margin:0 auto;height: 3.67rem;background: url(../imgs/part2bg.jpg) no-repeat;background-size: 100% 100%;}
.part2 .wrapper{padding: 0.6rem 0.42rem;display: flex;justify-content: center;align-items: flex-end;flex-direction: column;}
.part2 .wrapper a{margin-bottom: 0.3rem;}
.part2 .wrapper a img{width: 2.4rem;height: 0.62rem;display: block;}

/* part3 */
.part3 h2{color: #333333;text-align: center;font-weight: bold;font-size: 0.34rem; line-height:0.34rem; padding: 0.5rem 0 0.5rem 0;}
.part3 ul{display: flex;width: 6.96rem;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.part3 ul li{padding: .24rem 0; margin-bottom: 0.32rem; display: flex;width: 3.33rem;align-items: flex-end;justify-content: center;border:1px solid #eee; border-radius: .08rem;}

.part3 ul li .bgbox{;width: 100%; flex-direction: column;}
.part3 ul li .bgbox img{width: .8rem;}
.part3 ul li .bgbox p:nth-of-type(1){color: #333;font-size: 0.22rem;font-weight: bold;text-align: center;padding-top: 0.2rem;}
.part3 ul li .bgbox p:nth-of-type(2){color: #666;font-size: 0.2rem;padding: 0.1rem 0.1rem 0 0.1rem;text-align: center;}
.part3 ul li .bgbox p:nth-of-type(2) span{color: #ff2827;}

.part4 h2{color: #333333;text-align: center;font-weight: bold;font-size: 0.34rem; line-height:0.34rem; padding: 0.5rem 0 0.5rem 0;}
.part4 ul{margin: auto; width: 7.1rem; display: flex; justify-content: space-between; flex-wrap: wrap;}
.part4 ul li{padding: .32rem 0; margin-bottom: 0.32rem; display: flex;width: 3.45rem;align-items: flex-end;justify-content: center;border:1px solid #eee; border-radius: .08rem;}
.part4 ul li:nth-last-of-type(1),.part4 ul li:nth-last-of-type(2){margin-bottom: 0;}
.part4 ul li .bgbox{flex-direction: column;}
.part4 ul li .bgbox img{height: 1.6rem;}
.part4 ul li .bgbox p:nth-of-type(1){color: #333;font-size: 0.22rem;font-weight: bold;text-align: center;padding-top: 0.2rem;}
.part4 ul li .bgbox p:nth-of-type(2){color: #666;font-size: 0.2rem;padding: 0.1rem 0.24rem 0 0.24rem;text-align: center;}
.part4 ul li .bgbox p:nth-of-type(2) span{color: #ff2827;}

.button{ display: flex;justify-content: space-between;align-items: center; margin: 0 auto; width: 6.75rem;padding: 0.5rem 0;}
.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.38rem;}
.button a:nth-of-type(2){border: 1px solid #ffe9b3; color: #736440;font-weight: bold; transition:background .4s;}
.button a:nth-of-type(1){background-color: #ffe9b3;color: #736440;font-weight: bold; transition:background .4s; }






@media (min-width: 768px){
	main {
		max-width: 750px;
		box-shadow: 0 0 20px rgb(0 0 0 / 12%);
		margin: 0 auto;
	}
}