.box {width:1200px;margin:0 auto;}
.noneWzv {display: none;}

.leftBar {width:210px;float:left;margin-right:35px;}
.rightBar {overflow:hidden;}  
 
.stepBox{width:780px;margin:0 auto 30px;}
.stepBar{margin:50px 0;text-align:center;}
.step{position:relative}
.step ul{margin:0px;Padding:0px}
.step li{float:left;width:25%;font-size:16px;padding:0 10px;transition:all .4s;-webkit-transition:all .4s;text-align:center;position:relative;}
.step li::marker{content:""}
.step li:before{position: absolute;z-index: 1; left: 0;right: 0;top: 50%;-webkit-transform: translateY(-50%);/* transform: translateY(-50%); */margin: auto;}
.step li:before{width: 40px;height: 36px;color: #bbb;background: #e2e2e2;line-height: 34px;font-size: 18px;top: 3px;border-radius: 100%;-webkit-transition: all .4s;transition: all .4s;cursor: pointer;pointer-events: none;border:3px solid #fff;}
.step li label{padding-top: 55px;top: -20px;display: block;position: relative;cursor: pointer;font-weight:normal;color:#999;font-size:16px;}
.step-bar-inner{height: 4px;left: 10%;-webkit-transition: width 800ms cubic-bezier(0.915, 0.015, 0.3, 1.005);transition: width 800ms cubic-bezier(0.915, 0.015, 0.3, 1.005);border-radius: 4px;width: 0;position: relative;z-index: -1;}
.step-bar-inner{width: 80%;top: 0px;background:#e5e5e5;position: relative;z-index: 0;}
.step li.stepActive:before{color:#fff;background:#dd2020;z-index: 1;}
.step li.stepActive label{color:#dd2020;}
.step li:nth-of-type(1):before{content: "1";}
.step li:nth-of-type(2):before{content: "2";}
.step li:nth-of-type(3):before{content: "3";}
.step li:nth-of-type(4):before{content: "4";}

.progressBar{margin:100px auto;}
.progressBox{}
.step-container {margin-top: 30px;}
.progressBox h2{padding:15px;border:1px solid #e5e5e5;text-align:center;font-size:16px;color:#333;}
.progressBox h2 span{color:#dd2020;}
.stepInp{margin-bottom:10px;}
.stepInp .stepLeft{display:inline-block;float:left;position:relative;width:144px;font-weight:normal;font-size:16px;color:#333;line-height:42px;margin:0;min-height:40px;}
.stepInp .stepLeft i{display:inline-block;font-size:16px;color:#dd2020;}
.stepInpBox{overflow:hidden;}
.stepInpBox select {display:inline-block;width:270px;border:1px solid #ccc;height:40px;line-height:40px;box-sizing:border-box;}
.stepInpBox p {line-height:44px;}
.inpBox{color:#333;line-height:40px;}
.inpBox label{margin:0 30px 0 0;color:#666;font-weight:normal;font-size:16px;border:1px solid #e5e5e5;text-align:center;}
.inpBox span{height:40px;display:inline-block;line-height:40px;width:52px;border:1px solid #e5e5e5;color:red;background-color:#e5e5e5;padding:0 10px;text-align:center;}
.inpBox label span{height:40px;display:inline-block;line-height:40px;width:52px;}
.inpBox label b{font-weight:normal;width:52px;display:inline-block;background:#f5f4f3;height:40px;padding:5px 0;line-height:26px;}
.inpBox input{display:inline-block;width:380px;line-height:40px;border:1px solid#e5e5e5;padding:0 10px;}
.inpBox textarea{display:inline-block;width:380px;line-height:40px;border:1px solid#e5e5e5;padding:0 10px;}
.inpBox p{display:inline-block;margin-right:68px;}
.inpBox p input{margin-right:8px;}
.inpBox a{display:inline-block;width:auto;margin-right:40px;}
.inpBox a img{width:auto;height:40px;padding:0 20px;border:1px solid #e5e5e5;}
.inpBox a img:hover,.inpBox a img:focus,.inpBox a.on img{border:1px solid #dd2020;background:url(../images/on.png)right bottom no-repeat;}
.inpBox textarea{width:100%;border:1px solid #e5e5e5;padding:0 8px;height:90px;}
.inpBox label input{display:inline-block;width:148px;border:none;line-height:40px;text-align:center;}
.inpBox label.onliA{border:1px solid #dd2020;}
.agreementBar {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
.agreementBar span {color:#333;font-size: 16px;}
.agreementBar a {color:#dd2020;font-size: 16px;}
.inpBox .btnDona{width:250px;height:40px;border-radius:4px;background:#dd2020;}
.stepOk{font-size:24px;color:#333;vertical-align: middle;line-height:40px;text-align:center;padding-bottom:30px;border-bottom:1px solid #e5e5e5;}
.stepOk span{color:#dd2020;}
.stepOk img{width:40px;height:40px;margin-right:10px;}
.shareStep{margin-top:20px;font-size:14px;color:#666;text-align:center;}

.mint-popup.mint-popup-toupiao { width: 1100px; border-radius: 0.2rem; overflow: hidden; }
.mint-popup{position:fixed;top:50%;left:50%;background:#fff;-webkit-transition:.2s ease-out;transition:.2s ease-out;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.mint-popup-top{top:0;right:auto;bottom:auto;left:50%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);}
.mint-popup-right{top:50%;right:0;bottom:auto;left:auto;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);}
.mint-popup-bottom{top:auto;right:auto;bottom:0;left:50%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);}
.mint-popup-left{top:50%;right:auto;bottom:auto;left:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);}
.v-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5}
.popup-content{background:#fff;border-radius:4px;}
.popup-title{padding:8px 20px;background:red;font-size:20px;color:#fff;}
.pcBar{padding:20px;}
.popupTxt{margin-bottom:15px;}
.popupTxt textarea{font-size:16px;color:#666;border:1px solid #e5e5e5;width:100%;padding:3px;box-sizing: border-box;}
.popupInp{text-align: center;}
.popupInp input{display:inline-block;line-height:40px;background:red;color:#fff;font-size:16px;text-align:center;padding:0 40px;border-radius:2px;border:none;}
.closed-b{position:absolute;right:20px;top:10px;font-size:16px;color:#fff;}
.closed-b a{color:#fff;line-height:26px;width:26px;height:26px;border:1px solid #fff;border-radius:15px;text-align:center;display:inline-block;}

.mask {width:100%;height:100%;position:fixed;background:rgba(0,0,0,0.4);top:0;left:0;z-index:300;display:none;}
.xieyi-popup {position:fixed;top:5%;left:50%;margin-left:-350px;-webkit-transition:.2s ease-out;transition:.2s ease-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.mint-popup-xieyi {width:600px;height:800px; z-index: 9999;background:#fff;display: none;}
.xieyi-close {position:absolute;right:8px;top:3px;font-size:30px;color:#fff;transform:scaleY(0.8);-webkit-transform:scaleY(0.8);-moz-transform:scaleY(0.8);-o-transform:scaleY(0.8);-ms-transform:scaleY(0.8);}
.xieyi-close:hover {color:#fff;}
.xieyi-text {padding: 0 10px;}
#xieyititleCon {margin-bottom:10px;}
.xieyi-liaojie {display: block;font-size:16px;line-height:24px;color:#0078d7;}
.xieyi-liaojie:hover {color:#0078d7;}
.xieyi-btn {padding: 30px 20;text-align:center;}
.xieyi-btn a {width:280px;height:42px;background-image:linear-gradient(0deg,red 0%,#feb765 100%),linear-gradient(#000000,#000000);background-blend-mode:normal,normal;border-radius:21px;font-size:16px;color:#ffffff;text-align:center;border:none;}