.invoice{padding-top:90px}.invoice-container{width:900px;margin:30px auto}.invoice-container .invoice-guide{width:100%;overflow:hidden}.invoice-container .invoice-guide .item{float:left;position:relative;width:33.33%;color:#3a3a3a;font-size:.16rem;text-align:center;background:#eee;height:56px;line-height:56px}.invoice-container .invoice-guide .item.active{background-color:#3f7ad2;background:-webkit-gradient(linear,left top,right top,from(#3fa6d2),to(#3f7ad2));background:-webkit-linear-gradient(left,#3fa6d2,#3f7ad2);background:-moz-linear-gradient(left,#3fa6d2,#3f7ad2);background:-o-linear-gradient(left,#3fa6d2,#3f7ad2);background:linear-gradient(90deg,#3fa6d2,#3f7ad2);color:#fff}.invoice-container .invoice-guide .item:before{width:56px;height:56px;top:0;right:-56px;z-index:10;border-width:28px;border-style:solid;border-color:transparent;border-left-color:#eee}.invoice-container .invoice-guide .item:after,.invoice-container .invoice-guide .item:before{content:"";position:absolute;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.invoice-container .invoice-guide .item:after{width:60px;height:60px;top:-2px;right:-61px;z-index:5;border-width:30px;border-style:solid;border-color:transparent;border-left-color:#fff}.invoice-container .invoice-guide .item.active:before{border-left-color:#3f7ad2}.invoice-success{text-align:center;width:100%}.invoice-success .success-img{display:block;color:#fff;width:64px;height:64px;background-color:#71c972;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;text-align:center;line-height:64px;margin:100px auto 30px}.invoice-success .success-img i{color:#fff;font-size:.35rem}.invoice-success>span{color:#3d3d3d}.invoice-success>p{color:#a1a1a1;margin-bottom:40px}.invoice-success>p a{color:#3b77d1}.invoice-success>p a:hover{text-decoration:underline}.invoice-container .confirm-btn{display:inline-block;padding:6px 17px;margin-bottom:70px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;font-size:14px;color:#fff;border:none;opacity:1;background:#3f7ad2;background:-webkit-gradient(linear,left top,right top,from(#3fa6d2),to(#3f7ad2));background:-webkit-linear-gradient(left,#3fa6d2,#3f7ad2);background:-moz-linear-gradient(left,#3fa6d2,#3f7ad2);background:-o-linear-gradient(left,#3fa6d2,#3f7ad2);background:linear-gradient(90deg,#3fa6d2,#3f7ad2);outline:none;-webkit-transition:all .2s;-o-transition:all .2s;-moz-transition:all .2s;transition:all .2s;cursor:pointer}.invoice-container .confirm-btn:hover{opacity:.8;color:#fff}