@charset "utf-8";
/* CSS Document */

body { font-size:12px; font-family:'Microsoft YaHei' ,'Arial'; text-align:justify; }
* { margin:0; padding:0; border:none; text-decoration:none; list-style:none; -webkit-tap-highlight-color: rgba(0,0,0,0); outline:none;}
p { padding:0; margin:0;}
body.bg-fff { background:#ffffff;}
.jfdh-wrap {padding: 15px 4%;font-size: 15px;color: #333333;border-bottom: 8px solid #eeeeee;}
.jfdh-dci{  font-size: 14px; border-top: 1px solid #e0e0e0; padding: 10px 4%; }
.dci-tlt-p{ background: url("/service/static/promotion/img/2022/jfdh/dh-tlt-ico.png") no-repeat left center; background-size: 22px auto;padding: 14px 25px; font-size: 18px; margin-left: 14px;}
.jfdh-btn-a{ display: inline-block; width: 100px; border: 1px solid #3390e8; color: #3391e9; text-align: center; border-radius: 4px; padding: 5px; margin: 15px 0 5px; }

/*活动规则*/
.jfdh-content{ border-top: 1px solid #eeeeee; padding: 10px 4% 25%; display: inline-block; }
.change-title{  font-size: 15px; background: url("/service/static/promotion/img/2022/jfdh/dhgz-tlt-ico.png") no-repeat left center; background-size: 16px auto; padding-left: 25px;}
.change-list{ font-size: 14px; padding: 15px 0; line-height: 170%;}
.color-ff7f29{ color: #ff7f29; }
.label-01{ float: left; width: 5%; }
.span-01{ float: left; width: 95%; }
.bottom-change-btn{ position: fixed; bottom: 0;  width: 100%;  font-size: 15px;}
.cahnge-table-box{  width: 100%;}
.cahnge-table-box td{ padding: 10px 0;text-align: center; }
.change-p01{text-align: left; display: inline-block;}
.cahnge-table-box td:first-child{ width: 60%; background-color: #f2f2f2; }
.cahnge-table-box td:last-child{ width: 40%; background-color: #3390e8; color: #ffffff; }
/*兑换成功*/
.bg-eeeeee{ background-color: #eeeeee; }
.jfdh-sucess{ margin: 20px 4% 10px; background-color: #ffffff; padding: 0 10px 20px;}
.sucess-name{ text-align: center; font-size: 17px; padding: 30px 0 10px; font-weight: bold;}
.sucess-name img{ width: 16px;  margin: -2px 8px;}
.sucess-content{ padding: 10px 10px 20px; font-size: 14px; color: #757575;}
.text-align-c{ text-align: center; }
.btn{ display: inline-block; width: 40%; font-size: 15px; background-color: #ffffff; border-radius: 4px; }
.btn-blue{ background-color: #4e91e2; border: 1px solid #4e91e2; color: #ffffff;}
.btn-white{ border: 1px solid #4f90e2; color: #4e91e2;}
.wt-50per{ width: 50%; }
.bold{ font-weight: bold;}
/*按钮组*/
.tcxg-jtqz-bt{margin: 25px auto 35px; padding: 0 2%; text-align: center;}
.tcxg-button-p{border: 1px solid #9acbff;color:#727272;border-radius:5px;width: 45%;display: inline-block;text-align: center; padding: 10px 0;  margin: auto 5px; font-size: 18px;}
.button01-bysx{background-color: #3d9bff;color: #fff;}
.color-fe7d27{color: #fe7d27}
/*弹窗*/
.zd-scroll-filter {  display: block;  position: fixed;  width: 100%;  height: 100%;  left: 0;  top: 0;  z-index: 2;  background: rgba(0,0,0,.5); }
.text-align-r{ text-align: right;}
.close-img{ width: 5%; margin: 10px 4% 0;}
.jfdh-tc{ width:80%;max-height: 65%; background-color: #ffffff; border-radius: 8px; margin: 0 auto; position: absolute; left: 0; right: 0; top: 20%; z-index: 3;}
.jfdh-tc-commit{ width:80%; background-color: #ffffff; border-radius: 8px; margin: 0 auto; position: absolute; left: 0; right: 0; top: 20%; z-index: 3;}
.tc-title{ text-align: center; font-size: 20px; padding: 10px 0 20px;}
.tc-content{ padding: 0 20px 10px;  font-size: 14px; color: #757575;line-height: 150%;max-height: 6rem;overflow: auto;}
/*弹窗*/

/*加载中*/
.filter-bg2 { position:fixed; left:0; top:0; z-index:20; width:100%; height:100%; background:rgba(0,0,0,.7);}
.wait { position:absolute; left:50%; top:50%;z-index:100;}
.wait .span1,.wait .span2,.wait .span3,.wait .span4,.wait .span5,.wait .span6,.wait .span7,.wait .span8 { display:block; width:6px; height:22px; background:#FFF; border:1px #efefef solid; -webkit-transform-origin:3px -20px; -webkit-animation:wait 1s infinite;}
.wait .span5 { position:absolute; -webkit-transform:rotate(180deg); -webkit-animation-delay: 0s}
.wait .span6 { position:absolute; -webkit-transform:rotate(225deg);  -webkit-animation-delay: .125s}
.wait .span7 { position:absolute; -webkit-transform:rotate(270deg);  -webkit-animation-delay: .25s}
.wait .span8 { position:absolute; -webkit-transform:rotate(315deg);  -webkit-animation-delay: .375s}
.wait .span1 { position:absolute; -webkit-transform:rotate(0deg);  -webkit-animation-delay: .45s}
.wait .span2 { position:absolute; -webkit-transform:rotate(45deg);  -webkit-animation-delay: .575s}
.wait .span3 { position:absolute; -webkit-transform:rotate(90deg);  -webkit-animation-delay: .70s}
.wait .span4 { position:absolute; -webkit-transform:rotate(135deg);  -webkit-animation-delay: .875s}

.jfdh-axxl-table{ font-size: 18px;}
/*活动规则-end*/


@media screen and (max-width: 360px){
    html { font-size:9px}
}
@media screen and (min-width: 361px) and (max-width: 375px){
    html { font-size:10px}
}
@media screen and (min-width: 376px) and (max-width: 415px){
    html { font-size:11px;}
}
@media screen and (min-width: 416px){
    html { font-size:12px;}
}