.neckbox{width:100%;height:auto;position:relative}.neckbox img{max-width:100%}.neckbox .abstract{position:absolute;top:20px;right:315px;text-align:right;font-family:DFPShaoNvW5,Helvetica Neue,Helvetica,Arial,Microsoft YaHei,sans-serif;color:#fff;line-height:1.6;font-size:18px}.neckbox .abstract h3{font-size:30px}.content-container{width:100%;margin-top:40px}.content-container .op-list{display:-ms-flexbox;display:flex;height:150px;width:1200px;margin:0 auto;font-size:0;-ms-flex-pack:center;justify-content:center}.content-container .op-list li.step-item{display:inline-block;padding:0 30px;height:100%;width:25%;box-sizing:border-box;color:#fff;vertical-align:top}.content-container .op-list li.step-item div{display:inline-block;vertical-align:middle;font-size:14px}.content-container .op-list li.step-item div.list-abstract{width:72%}.content-container .op-list li.step-item div.list-abstract .title{font-size:18px;font-weight:600}.content-container .op-list li.step-item div.list-img{width:26%}.content-container .op-list li.step-item img{max-width:100%}.content-container .op-list li.step-item:before{content:"";display:inline-block;height:100%;vertical-align:middle}.content-container .op-list li.step-item:not(:first-child){cursor:pointer}.content-container .op-list li.step-item:not(:first-child):hover{background-color:#607d8b}.content-container .op-list li.step-item:first-child{width:15%;padding:0 10px;background-color:#607d8b;font-size:0}.content-container .op-list li.step-item:first-child div{width:50%;text-align:center;font-size:25px}.content-container .op-list li.step-item:first-child div.list-abstract{line-height:2}.content-container .op-list li.step-item:first-child img{width:40px}.content-container .op-list li.step-item.select-tpl{background-color:#42a5f5}.content-container .op-list li.step-item.pay{background-color:#29b6f6}.content-container .op-list li.step-item.config{background-color:#26c6da}.content-container .filter-bar{width:100%;padding:10px 0;margin-top:50px;color:#fff;background-color:#607d8b}.content-container .filter-bar .title{float:left;padding:0 20px;line-height:28px;font-size:16px}.content-container .filter-bar #color-list{float:left;padding:0 15px 0 0;background:#fff}.content-container .filter-bar #color-list li{float:none;padding:0 2px;list-style:none}.content-container .filter-bar #color-list li .c-all{position:relative;top:3px;color:#fff}.content-container .filter-bar .wrapper{display:-ms-flexbox;display:flex;width:100%;margin:0 auto;font-size:14px;line-height:1.667;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.content-container .filter-bar .filter-color{vertical-align:middle}.content-container .filter-bar .filter-color *{display:inline-block;vertical-align:middle}.content-container .filter-bar .filter-color:before{display:inline-block;content:"";height:100%;vertical-align:middle}.content-container .filter-bar .filter-color .color-bar{vertical-align:middle;height:25px;padding:0 10px;margin:0 10px;background-color:#fff;border-radius:4px}.content-container .filter-bar .filter-color .color-bar:before{display:inline-block;content:"";height:100%;vertical-align:middle}.content-container .filter-bar .filter-color .color-bar img{vertical-align:middle;height:20px}.content-container .filter-bar #select_industry{position:relative;display:inline-block;height:25px;margin-left:10px;border:1px solid #dcdcdc;border-radius:4px;background-color:#fff;font-size:14px;color:#7e7e7e;cursor:pointer}.content-container .filter-bar #select_industry span{display:inline-block;text-align:center}.content-container .filter-bar #select_industry.active #industry-dropdown img{transform:rotate(180deg)}.content-container .filter-bar #select_industry #active-industry{height:100%}.content-container .filter-bar #select_industry #active-industry #active-industry-span{min-width:150px;padding:0 10px;text-align:left}.content-container .filter-bar #select_industry #active-industry #industry-dropdown{width:30px;height:100%;border-left:1px solid #dcdcdc}.content-container .filter-bar #select_industry #active-industry #industry-dropdown:before{display:inline-block;content:"";height:100%;vertical-align:middle}.content-container .filter-bar #select_industry #active-industry #industry-dropdown img{transition:all .1s ease-in-out;vertical-align:middle}.content-container .filter-bar #select_industry #industry-list{display:none;position:absolute;top:26px;left:-1px;right:-1px;height:0;margin:0;background-color:#fff;list-style:none;overflow:hidden;transition:height .1s ease-in-out;z-index:99}.content-container .filter-bar #select_industry #industry-list li{padding:10px;border:1px solid hsla(0,0%,86%,.2);border-top:0}.content-container .filter-bar #select_industry #industry-list li:hover{color:#fff;background-color:#86adbf}.content-container .filter-bar .sub-title .sub-title-class{float:left;margin-right:10px;line-height:29px;font-size:16px;cursor:pointer}.content-container .filter-bar .sub-title #class-list{padding:5px 38px 5px 5px;background:#fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAA4CAYAAADuMJi0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA21pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkZjEzNGVhOC00MWRiLTliNGUtYjk3Mi02OGFiMzRhZTg2ZWEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDJBRDREOTVEQzU5MTFFNUI3RkVGMzgxMjc3N0UwNTgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDJBRDREOTREQzU5MTFFNUI3RkVGMzgxMjc3N0UwNTgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjEzMDVjZWFkLTdhZGItZTE0ZC05YmE4LWFmY2NkYWUwZjUyNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCRjVDMjE2NDk4NjIxMUU1ODU4REJGQkI4NjU5M0Q5OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pl1/BZEAAACSSURBVHja7NdRCoAgDIBhF57VQ3nZpQ8DEcI050P8g6gF9uWEcqKq4WRc4XAAAgIC+kecHZBztsv6ERZLUkquM9Tu7FpSHeT7wFLO9uGygq6WVOqalUOmB/IDBgQEBAQEBAQE/NhbNBthsV7C7r3do8bFF9UCiXtv0c3iadu/fQ1lkPv0FisYvQUgIOBPwVuAAQAJdCWeJba6ggAAAABJRU5ErkJggg==") no-repeat 100% 100%;border:1px solid #ddd;border-radius:2px;color:#333;font-size:12px;line-height:18px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:top;padding:5px\9;background:#fff\9}.content-container .filter-bar .sub-title #class-list:focus{background-position:100% 0;border-color:#37b2f1;transition:all .3s}.content-container .filter-bar .sub-title #class-list::-ms-expand{display:none}.content-container .tpl-list .inner .info .tags .go-purchase{position:absolute;top:0;left:0;right:0;padding:0;margin:0;line-height:56px;background:none}.content-container .tpl-list .inner .qrcode{position:absolute;top:0;left:0;height:auto;z-index:9}@media (max-width:1199px){.content-container .op-list{width:100%}.neckbox .abstract{right:140px;font-size:16px}.neckbox .abstract h3{font-size:26px}}@media (max-width:800px){.neckbox .abstract{right:20px;font-size:14px}.neckbox .abstract h3{font-size:20px}}