.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-form{border-bottom:1px solid #eee;padding:35px 0 15px}.invoice-form .invoice-line{width:100%;margin-bottom:25px;position:relative}.invoice-form .invoice-line>span{display:inline-block;vertical-align:middle;line-height:36px}.invoice-form .invoice-line .label,.invoice-form .invoice-line>span:first-child{float:left;color:#3a3a3a;width:120px}.invoice-form .invoice-line .choose-type{vertical-align:middle}.invoice-form .invoice-line.invoice-head{margin-bottom:30px}.invoice-form .invoice-line.invoice-head>span{line-height:2}.invoice-form .invoice-line .choose-type span{margin-left:5px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:10px 17px;cursor:pointer;border:1px solid #e3e3e3;line-height:2}.invoice-form .invoice-line .choose-type span.on{background-color:#3f7ad2;border-color:#327de0;color:#fff}.invoice-form .invoice-line input{width:300px;font-size:14px;color:#666;border:1px solid #e3e3e3;height:36px;padding:0 5px;vertical-align:middle}.invoice-container .toApply{margin-top:15px}.invoice-container .confirm-btn{display:inline-block;padding:6px 17px;-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}.taxlist{margin-left:80px;width:300px;background:#fafafa;border:1px solid #ddd;border-top:none}.taxlist,.taxlist p{-webkit-transition:all .2s linear;-o-transition:all .2s linear;-moz-transition:all .2s linear;transition:all .2s linear}.taxlist p{cursor:pointer;line-height:2.3;padding-left:8px}.taxlist p:hover{background:#f2f2f2}