.stepPage{display:none;height:100%}
.stepCont{width:100%}
.step-button {display: none;}
.ystep-container{font-family:helvetica neue,Helvetica,hiragino sans gb,wenquanyi micro hei,microsoft yahei,Arial,sans-serif;display:inline-block;position:relative;color:#000; left: 0 !important;}
.ystep-container ul{list-style:none}
.ystep-container ul,.ystep-container li,.ystep-container p{margin:0;padding:0}
.ystep-lg{width:100%;height:60px !important;font-size:18px;line-height:.3; margin-bottom: 20px;}
  @media (max-width: 767px) {
    .ystep-lg {height: 85px !important;}
  }
.ystep-lg .ystep-container-steps{position:absolute;top:0px;cursor:pointer;z-index:10; width:100%;}
.ystep-lg li{float:left;/*width:100px;margin-right:100px;*/line-height:23px;box-sizing:border-box; position: relative;border:1px solid #e2e2e2; border-radius: 3px;/*margin-right:0;*/background:#FFF; width: calc(33.33% - 20px) !important; margin-right: 30px;}
.ystep-lg li:last-child {margin-right: 0px;}
.ystep-lg .ystep-progress{display: none;height:3px;position:absolute;top:34px;left:15px;float:left;margin-right:10px;overflow:hidden;background:#c0c4cc}
.ystep-lg .ystep-progress-bar{width:400px;height:20px;background:#e4e4e4;display:inline-block;float:left}
.ystep-lg .ystep-progress-highlight{height:20px;display:block}
.ystep-blue .ystep-step-done{border: 2px solid #6eb2ff;}
.ystep-blue .ystep-step-undone{}
.ystep-blue .ystep-step-active{color:#3276b1;font-weight: bold;}
.ystep-blue .ystep-step-done::after{content: '';width: 31px;height: 2px;background: #6eb2ff;display: block;position: absolute;right: -32px;top: 50%;}
.ystep-blue .ystep-progress-highlight{background:#60baff}
.ystep{padding:20px}.step-button{position:relative}
.step-button button{margin:15px}.stepIcon{}
.ystep-lg .ystep-step-done .stepIcon{width:20px;height:20px;display:block;text-align:center;margin-top:22px;margin-left:8px;color:transparent;}
.ystep-lg .ystep-step-undone .stepIcon{width:20px;height:20px;display:block;text-align:center;margin-top:22px;margin-left:8px;color:#909399;}
.ystep-lg .ystep-step-active .stepIcon{width:20px;height:20px;display:block;text-align:center;margin-top:22px;margin-left:8px;color:#303133;}
.ystep-container .descriptionHeader{font-size:20px;line-height: 60px;color:#b6b6b6;}
.ystep-container .description{width:120px;font-size:10px}
.stepY .ystep-lg{width:160px;height:60px;font-size:18px;line-height:.3;float:left}
.stepY .pageCont{width:calc(100% - 210px);float:right}
.stepY .ystep-lg li{width:150px;line-height:23px;box-sizing:border-box}
.stepY .ystep-lg .ystep-progress{height:400px;width:3px;position:absolute;top:34px;left:17px;float:left;margin-right:10px;overflow:hidden;background:#c0c4cc}
.stepY .ystep-lg .ystep-progress-bar{width:20px;height:400px;background:#e4e4e4;display:inline-block;float:left}
.stepY .ystep-lg .ystep-progress-highlight{width:20px;display:block}
.stepY .ystep-container .descriptionHeader{width:157px;margin-top:-22px;font-size:14px;float:left;margin-left:35px}
.stepY .ystep-container .description{width:120px;font-size:10px;float:left;margin-left:35px}
.jiantou li{/*margin-right:0;background:#FFF; width: calc(33.33% - 20px) !important; margin-right: 30px;*/}
.jiantou li:last-child {/*margin-right: 0px;*/}
  @media (max-width: 767px) {
    .jiantou li {/*width: calc(33.33% - 10px) !important; padding: 10px 13px !important; margin-right: 15px;*/}
    .jiantou li:last-child {/*margin-right: 0px; height: 89px;*/}
    .ystep-lg li{width: calc(33.33% - 10px) !important; padding: 10px 13px !important; margin-right: 15px;}
    .ystep-lg li:last-child {margin-right: 0px;}
  }
  @media (max-width: 484px) {
    .jiantou li{/*height: 89px;*/}
    .ystep-lg li{height: 89px;}
  }
.jiantou .descriptionHeader{float:left;font-size:20px;}
  @media (max-width: 991px) {
    .jiantou .descriptionHeader{font-size:18px}
  }
.jiantou .tubiao{font-size:30px;float:right;line-height:20px}
.jiantou .ystep-lg .ystep-step-done .stepIcon{width:30px;height:58px;float: left;display:block;text-align:center;margin: 0px 10px;color:transparent;font-weight: bold; line-height: 58px;font-size:25px;}
.jiantou .ystep-lg .ystep-step-done .descriptionHeader{color:#626262;line-height: 58px;}
.jiantou .ystep-lg .ystep-step-undone .stepIcon{width:30px;height:60px;float: left;display:block;text-align:center;margin: 0px 10px;color:#b6b6b6; font-weight: bold; line-height: 60px;font-size:25px;}
.jiantou .ystep-lg .ystep-step-active .stepIcon{width:30px;height:58px;float: left;display:block;text-align:center;margin: 0px 10px;color:#6eb2ff; font-weight: bold; line-height: 58px;font-size:25px;}
.jiantou .ystep-lg .ystep-step-undone > svg {position: absolute; margin: 20px 10px; top: 0px; left: 0px; fill: none; stroke: #6eb2ff; stroke-width: 1px; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 16px; stroke-dashoffset: 16px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.jiantou .ystep-lg .ystep-step-active > svg {position: absolute; margin: 18px 10px; top: 0px; left: 0px; fill: none; stroke: #6eb2ff; stroke-width: 1px; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 16px; stroke-dashoffset: 16px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.jiantou .ystep-lg .ystep-step-done > svg {position: absolute; margin: 18px 10px; top: 0px; left: 0px; fill: none; stroke: #6eb2ff; stroke-width: 1px; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 16px; stroke-dashoffset: 0px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
  @media (max-width: 767px) {
    .jiantou .ystep-lg .ystep-step-undone .stepIcon,
    .jiantou .ystep-lg .ystep-step-active .stepIcon,
    .jiantou .ystep-lg .ystep-step-done .stepIcon {width: -webkit-fill-available; text-align: center; font-size: 18px; line-height: 24px; margin: 0; height: 24px;}
    .jiantou .ystep-lg .ystep-step-done > svg {width: -webkit-fill-available; margin: 10px 0 0;}
    .jiantou .descriptionHeader {width: 100%; text-align: center; line-height: 22px; font-size: 16px;}
  }
  @media (max-width: 484px) {
	.jiantou li:last-child .descriptionHeader {margin-top: 10px;}
  }
  @media (max-width: 375px) {
	  .jiantou .descriptionHeader {font-size: 16px;}
  }
  @media (max-width: 320px) {
	  .jiantou .descriptionHeader {font-size: 14px;}
  }
.ystep-lg li.ystep-step-active{border:2px solid #6eb2ff;background: #e2f0ff;}
.ystep-lg li.ystep-step-active .descriptionHeader {color:#6eb2ff;line-height:58px;}
.ystep-lg li.ystep-step-done .descriptionHeader {color:#626262;}
@media (max-width:767px){
	.ystep-lg li.ystep-step-active .descriptionHeader, .jiantou .ystep-lg .ystep-step-done .descriptionHeader{line-height:22px;}
	
}