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

body{ background-color: #F2F2F2 !important;font-family: "PingFang SC","MicrosoftYaHei", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "Helvetica Neue", Helvetica, Arial,  sans-serif;}

.header-img{background-color: #323232; width: 100% !important;}

/* banner */
.banner{top: 0 !important; width: 7.5rem;height: 10.60rem; margin: 0 auto;background: #fff1c4 !important; background-size: 100% 100%;position: relative; z-index: -1;}
.banner .inner{display: flex;flex-direction: column;align-items: center;padding-top:1.8rem; width:7.5rem; text-align:center; color: #fff;}
.banner h6{font-size: .5rem; color: #3a281f;font-weight:600;}
.banner h2{font-size: .6rem; font-weight:600; color: #ff4f01;}
.banner h2 span{margin-bottom:0.15rem;}
.banner .banner_sbg{display:flex; align-items:center; justify-content:center; width:4.24rem; height:.53rem; font-size: 0.32rem; font-weight:400; background: url(../imgs/banner_sbg.png?t=2) no-repeat;background-size: cover;}
.banner p img{margin:0 .08rem;}
.banner .con img{width: 7.5rem;}

.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__warp{width: 7.5rem; height: 4.4rem; margin: auto; background-color: #FFFFFF;}
.banner-box{position:relative; width: 7.1rem; margin: 0 auto;}
.banner-phone{position:absolute; top:-2.2rem; left:0; right:0; width: 100%;  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:100%; background-color: #423934;}
.tel-outbox{width: 5.36rem; margin: auto;}
.phone-title{width: 100%; height: 1.06rem; background:url(../imgs/bbox_bg.png) no-repeat;background-size: cover;}
.phone-title span img{width: 0.41rem;height: 0.19rem;display: block;}
.banner-phone-wrapper h2{margin-top: .07rem; padding:0 !important; height: .66rem; line-height: .66rem; color: #333 !important; text-align: center; font-weight:600 !important; font-size: 0.36rem !important;opacity:1 !important;}
.tel-box{width: 100%;margin: 0 auto; padding-bottom: 0.31rem;border-radius: .12rem;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: .12rem;}
.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: .12rem;display: block;}
.tel-box .getcode{height: 100%;width: 2.11rem; background:#ffe3a9;color: #333333 !important;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 .12rem .12rem 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:#ffe3a9;border-radius:1rem; height:.72rem; width:100%;opacity:.8;}
.banner-button input{ height:100%; color: #333; background:initial; width:100%; border:0; font-size:.32rem; font-weight: 600; cursor: pointer;}
.banner-phone-wrapper p{font-size: 12px;color: #FFFFFF !important;font-weight: bold;text-align: center;padding-top: 0.3rem;padding-bottom: 0.4rem; opacity: .6;}
.tel-img img{width: 0.53rem;height: 0.42rem;display: block;}
.phone-bottom{height: 0.38rem;}
.banner-checked span>span a{color: #ffd99b !important; opacity: .6;}
#reg_agreement{width: .2rem; height: .2rem;}

/* 行情 */
.content-box{width: 7.5rem;margin: 0 auto; background-color: #fff;}
.part-content{border-radius: 0.2rem;width: 6.96rem;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 thead{font-size:.2rem !important;}
.hangqing tbody{font-size:.22rem !important;}
.hangqing tr{height: 0.60rem !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;}
.content-box ul li{width: 3rem;height: 0.7rem;border-radius: 0.5rem;font-size: 0.3rem;}
.content-box ul li a{width: 100%;height: 0.76rem; border-radius:38px; border:4px solid #ffe9b3; color:#333;}
.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;}

/* part1 */
.part1 .part-title .c1{ left: .2rem; top: -.2rem;}
.part1 .part-title .c2{ left:.7rem; top: .3rem;}
.part1 .part-title .c3{ right: .2rem; top: -.2rem;}
.part1 .part-title .c4{ right: .7rem; top: .3rem;}

.part1{position: relative; padding:.6rem 0; width: 7.1rem; height:6.2rem; margin: 0 auto;}
.part1 .warp{display:flex;justify-content: center; align-items:center;}
.part1 .warp .ul{ width: 100%; display:flex;justify-content: space-between;}
.part1 .warp .ul >div{width: 2.31rem; height:3.16rem; background: url(../imgs/part1_bg.png) no-repeat;background-size:cover;}
.part1 .warp .ul >div h2{height: .68rem; line-height: .68rem; text-align: center; font-weight: bold; font-size: .32rem; color: #fc3647;}
.part1 .warp .ul >div p{display: flex; justify-content: center; font-weight: bold; align-items: center; height: 1.7rem; text-align: center; font-size: .48rem; color: #fffebd;}
.part1 .warp .ul >div span{display: block; text-align: center; font-size: .22rem; color: #fffefe;}


.content{width: 7.5rem;margin: 0 auto; background-color:#fff;}
.part{padding-top: .6rem; width: 7.5rem; margin: 0 auto;position: relative;}
.part-title{position: relative; width: 100%; height: .8rem; line-height: .8rem; margin: 0 auto 0.24rem;  text-align:center; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.part-title > span{position: absolute; z-index: 1; display: block; border-radius: 50%; background-color: #ffeebc;}
.part-title .c1{width: .48rem; height: .48rem; opacity: .6; left: .96rem; top: -.08rem;}
.part-title .c2{width: .25rem; height: .25rem; opacity: .5; left:1.43rem; top: .38rem;}
.part-title .c3{width: .48rem; height: .48rem; opacity: .6; right: .96rem; top: -.08rem;}
.part-title .c4{width: .25rem; height: .25rem; opacity: .5; right: 1.43rem; top: .38rem;}
.part-title-lg{position: relative; z-index: 10; font-size:0.44rem; line-height:0.44rem; font-weight:600;}
.part-title-xs{margin-top:.16rem;font-size:0.32rem; line-height:0.32rem; color:#666;}
.part ul li h4{margin-bottom:0.12rem; font-size:0.32rem; font-weight:600; color:#333; }
.part ul li p{font-size:.28rem; color:#666;}
.part ul li p span{color:#f30000;}

.part ul{width: 7.1rem;margin: 0 auto; flex-wrap: wrap;}
.part ul li{position:relative; margin-bottom:.16rem; width: 3.33rem; border-radius:0.16rem; background-color:#f6f6f6; overflow:hidden;}

.part ul li .inner{width:100%; flex-direction: column; text-align: center;}
.part ul li .inner div{ padding:.3rem 0;margin-left: 0.08rem; display: flex; flex-direction: column; justify-content: center; }

/* part2 */
.part2{background-color: #f9f9f9;}
.part2 ul li{width: 3.4rem; background-color: #FFFFFF;}
.part2 ul li > div{width:100%;height: 100%; text-align:center; flex-direction: column;}

.part2 ul li img{margin-bottom: .32rem; width:3.4rem; }
.part2 ul li > div h4{margin-bottom: .24rem; line-height: .32rem;}
.part2 ul li p{padding: 0 .24rem .32rem; text-align: center;}

/*资质 */
.part3 ul li{width: 48%; height: 4.28rem;}
.part3 ul li .inner{display: flex;}
.part3 ul li .inner > div{padding: 0; text-align: center;}
.part3 ul li .inner > div br{display: none;}
.part3 ul li .inner > div p{padding: 0 .24rem; text-align: center;}
.part3 ul li img{margin:.16rem auto .16rem; width: 1.6rem; height: 1.6rem;}

/* part4 */
.part4{height: 8.5rem; background:url(../imgs/p4_bg.png) no-repeat;}
.part4 ul{width: 6.2rem;}
.part4 ul li{width: 100%; background-color: initial;}
.part4 ul li > div{width:100%;height: 100%;}
.part4 ul li .inner{padding: 0 .18rem; text-align: left;}
.part4 ul li img{width:.87rem; height:.87rem;}
.part4 ul li p{text-align: justify;}

/*part5*/
.part5{padding-top: .6rem;}
.part5 .top{padding: 0 .4rem; font-size: .28rem; color: #333333; font-weight: 600;}
.part5 .center{position: relative; width: 100%; height: 5.12rem;}
.part5 .center > *{position: absolute;}
.part5 .center .img1{top: .18rem; z-index: 10; width: 3.82rem; height: 4.67rem;}
.part5 .center .img2{left: -.72rem; bottom: 0;z-index: 7; width: 2.23rem;}
.part5 .center .img3{left: 2.3rem; top: 0; z-index: 6; width: 1.94rem;}
.part5 .center .tt1{top: .38rem; right: .1rem;z-index: 9;}
.part5 .center .tt2{right: .1rem; bottom: .5rem; z-index: 8;}
.part5 .center p{width: 4.1rem; font-size: .24rem; color: #666666;}
.part5 .foot{padding: 0 .4rem;font-size: .24rem; color: #ff2827;}

/* part6 */
.part6 .part-title{top: .2rem;}
.part6 .part-title .c1{ left: 1.66rem; top: -.1rem;}
.part6 .pinpai{width: 7.5rem;height: 8rem;background: #f6f7f8 url(../imgs/pinpai.png?t=11) top no-repeat;background-size: 100%;position: relative;} 
.part6 .part-title .c2{ left: 2.16rem; top: .38rem;}
.part6 .part-title .c3{ right: 1.66rem; top: -.1rem;}
.part6 .part-title .c4{ right: 2.16rem; top: .38rem;}
.part6{width: 7.5rem; margin: 0 auto; padding-top: 0;}
.pinpai .itemw{width: 7.5rem;display: flex;justify-content: space-around;align-items: flex-end;margin: 0 auto;height: 4rem;position: absolute;left: 0;right: 0;bottom: 0.4rem; flex-wrap: wrap;}
.pinpai .item{width: 44%;}
.pinpai .item h4{font-size: .32rem; line-height: .32rem;}
.pinpai .item p:nth-of-type(1){color: #333333;font-size: 0.32rem;margin-bottom: 0.1rem;font-weight: bold;text-align: center;}
.pinpai .item p:nth-of-type(2){color: #666666;font-size: 0.28rem;text-align: center;}
.pinpai .item p:nth-of-type(2) span{color: #fe4f4e;}

.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;}

/*活动详情*/
.hdbtn-box{margin-bottom:.6rem;}
.hdbtn{display: block; text-align: center; line-height: .54rem; width: 1.80rem; height: .54rem; background-color: #ffd59a; border-radius: .27rem; margin:0 auto; font-size:.28rem;}
#myhd{padding:24px 0.24rem 0.24rem; display: none;}

.ui-dialog{width: 100% !important; max-width: 7.5rem;}
.table-bordered td, .table-bordered th{border: 1px solid #dee2e6;padding: .08rem;vertical-align: middle; text-align: center;}

@media only screen and (max-width: 440.5px) {


}

/*注册按钮重定义样式*/
.btn-reg-group .btn-reg-inner{justify-content: space-around;}
.btn-reg-group a{width: 2.86rem; height: 0.75rem;font-size: 0.32rem;color: #323232; border-radius: 0.12rem;}
.btn-reg-group a:nth-of-type(1){background-color: #323232; color: #FFFFFF;}
.btn-reg-group a:nth-of-type(2){border: 2px solid #323232; }

.ui-dialog-stretch .ui-dialog-footer .ui-button{ background-color: #323232 !important;}