.recommendation .top-head{background-color:#fff;height:60px;margin-bottom:20px;padding:0 30px}.recommendation .card{background-color:#fff}.recommendation .card .card-head{height:48px;border-bottom:1px solid #ccc;padding:0 30px}.recommendation .card .card-head .ico-help{width:18px;height:18px;margin-left:10px}.recommendation .card .card-part{padding:30px}.recommendation .card .card-part .part-1>div{width:126px;height:158px}.recommendation .card .card-part .part-1>div .head{height:30px;background-color:#116baa}.recommendation .card .card-part .part-1>div .main{background-color:#f0f5f9;height:128px}.recommendation .card .card-part .part-1>div img{width:38px;height:38px;margin-bottom:20px}.recommendation .card .card-part .part-2{width:500px;height:158px;border:1px solid #ccc}.recommendation .card .card-part .part-2 .head{background-color:#95b4ca;height:34px;background:url(../img/bg_8.728a8919.png) no-repeat 50%;background-size:100% 100%}.recommendation .card .card-part .part-2 .main{height:124px}.recommendation .card .card-part .part-2 .main>div{padding:0 20px;height:40px}.recommendation .card .card-part .part-2 .main>div div{width:calc(100% - 85px);margin-right:15px}.recommendation .card .card-part .part-2 .main>div .btn-side-y{background-color:transparent;width:70px;height:26px;border-radius:4px}.recommendation .card .card-part .part-2 .main>div:not(:last-child){border-bottom:1px dashed #ccc}.recommendation .card .grid-head{height:auto;padding:0 30px;border:none}.recommendation .card .grid-head .el-input{width:592px;margin-right:10px}.recommendation .card .grid-head .el-input .el-input__inner{background-color:#f4f4f4;border:none;font-size:16px;color:#333}.recommendation .card .grid-head .el-input .el-input__inner:-webkit-input-placeholder,.recommendation .card .grid-head .el-input .el-input__inner::placeholder{color:#999}.recommendation .card .grid-box{padding:30px 30px 30px}.recommendation .card .grid-box .el-table thead th,.recommendation .card .grid-box .el-table thead tr{background:#dfe9f4;font-size:16px;color:#333;padding:10px 0}.recommendation .card .grid-box .el-table thead th{border-left:2px solid #fff}.recommendation .card .grid-box .el-table thead th:first-child{border-left:none}.recommendation .card .grid-box .el-table tbody td,.recommendation .card .grid-box .el-table tbody tr{font-size:14px;color:#666;padding:13px 0}.recommendation .card .grid-box .el-table--striped .el-table__body tr.el-table__row--striped td{background-color:#f3f3f3}.recommendation .canvas-code{width:1000px;height:860px;background-color:#fff;background:url(../img/canvas-bg.504076f5.png) no-repeat 50%;background-size:100%;z-index:9999;color:#af712b;padding:60px 0;position:fixed;top:-200vh}.recommendation .canvas-code .head{width:376px;height:51px}.recommendation .canvas-code .main{width:837px;height:471px;background:url(../img/canvas-modal.6a95c3b6.png) no-repeat 50%;background-size:100% 100%;padding:123px 100px 0;margin-top:110px}.recommendation .canvas-code .main .label{background-color:rgba(177,112,43,.07);border-radius:4px;width:360px}.recommendation .canvas-code .main .label img{width:192px;height:192px}.recommendation .canvas-code .main .label1{height:36px}.recommendation .canvas-code .main .label2{height:226px;padding:20px}.recommendation .canvas-code .title-main img{width:16px;height:16px}.recommendation .canvas-code .title-main span{padding:0 15px}.recommendation .canvas-code ul li .serial{width:18px;height:18px;background:#af712b;border-radius:50%;color:#fff;font-size:12px;margin-right:10px}.recommendation .canvas-code .desc{color:#d7a163}