.invoice{padding-top:90px}.invoice-container{width:900px;margin:30px auto 100px}.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-tip{width:100%;height:40px;line-height:40px;background-color:#f8e3b6;font-size:.16rem;color:#976b00;text-align:center;margin-top:22px}.invoice-list{width:100%;margin-top:30px}.invoice-list .invoice-table{border:1px solid #eee;margin-bottom:20px}.invoice-table .invoice-book{height:190px;border-bottom:1px solid #eee}.invoice-table .w20{border-left:1px solid #eee;border-right:1px solid #eee;height:100%}.invoice-select{width:24px;height:24px;margin:83px 30px 0;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:1px solid #d8d8d8;text-align:center;cursor:pointer}.invoice-select i{color:#fff;line-height:24px}.invoice-select.on{background:#3f7ad2;background:-webkit-gradient(linear,left top,left bottom,from(#3f7ad2),to(#3fa6d2));background:-webkit-linear-gradient(#3f7ad2,#3fa6d2);background:-moz-linear-gradient(#3f7ad2 0,#3fa6d2 100%);background:-o-linear-gradient(#3f7ad2 0,#3fa6d2 100%);background:linear-gradient(#3f7ad2,#3fa6d2);border:1px solid #3f7ad2}.invoice-select.on i{color:#fff}.invoice-book>div{height:100%}.invoice-msg{position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);left:20px;width:50%}.invoice-msg p{font-weight:700;color:#333;font-size:.18rem}.invoice-msg span{font-size:.14rem;color:#999}.invoice-book>p .blue{color:#3b77d1;font-size:.18rem;margin-top:70px}.invoice-book>p .blue,.invoice-book>p span{text-align:center;width:100%;display:inline-block}.invoice-book>p span{color:#999;font-size:.16rem}.invoice-book .el-input{width:80%;display:block;margin:75px auto}.invoice-selectAll{cursor:pointer}.invoice-selectAll .invoice-select{margin:30px 15px 30px 30px;display:inline-block}.invoice-selectAll span{font-size:.18rem}.invoice-list .invoice-bottom{width:100%}.invoice-list .invoice-bottom .fl{line-height:50px}.invoice-list .invoice-bottom .fl .blue{color:#3b77d1;font-size:.18rem}.invoice-container .invoice-btn{display:inline-block;padding:0 10px;-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;line-height:.46rem}.invoice-container .invoice-btn:hover{opacity:.8}.invoice-list .img-box{width:120px;padding:20px 10px;position:relative;height:100%;float:left}.invoice-book img{max-width:100px;height:auto;position:absolute;left:10px}