.filter-out[data-v-2441c776]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.filter-out .filter-wapper[data-v-2441c776]{width:1200px;padding-top:30px;padding-bottom:30px;color:#333}.filter-out .filter-wapper .split-line[data-v-2441c776]{height:1px;width:100%;margin:15px 0;border-bottom:1px dashed #dfdfdf}.filter-out .filter-wapper .filter-line[data-v-2441c776]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.filter-out .filter-wapper .filter-line .all[data-v-2441c776],.filter-out .filter-wapper .filter-line .title[data-v-2441c776]{font-size:14px;-ms-flex-negative:0;flex-shrink:0;line-height:30px}.filter-out .filter-wapper .filter-line .all[data-v-2441c776]{margin-left:80px;cursor:pointer;padding:0 15px;border-radius:4px;border:1px solid transparent}.filter-out .filter-wapper .filter-line .all.active[data-v-2441c776]{color:#3171ff;border-color:#3171ff}.filter-out .filter-wapper .filter-line .menu[data-v-2441c776]{font-size:14px;margin-left:40px}.filter-out .filter-wapper .filter-line .menu span[data-v-2441c776]{display:inline-block;margin:0 10px 5px 0;padding:0 15px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:30px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:400;color:#2b303b;text-align:center;line-height:30px;border:1px solid transparent}.filter-out .filter-wapper .filter-line .menu span.active[data-v-2441c776]{color:#3171ff;border-color:#3171ff}.pane-wapper[data-v-72e04ac0]{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-top:25px}.pane-wapper .r-btn[data-v-72e04ac0],.pane-wapper[data-v-72e04ac0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.pane-wapper .r-btn[data-v-72e04ac0]{width:160px;height:50px;background:#3171ff;border-radius:4px;margin-right:auto;margin-left:auto;margin-top:34px;-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#fff}.pane-wapper .r-btn[data-v-72e04ac0]:hover{opacity:.95}.li-margin-right[data-v-72e04ac0]{margin-right:18.66666px}.li-margin-top[data-v-72e04ac0]{margin-top:20px}.apps .banner[data-v-72e04ac0]{background-image:url(../img/web-banner.841a76fa.png);background-size:cover;background-position:50%;height:400px;width:100%;line-height:400px;text-align:center;color:#fff;font-size:40px}.apps .the-page[data-v-72e04ac0]{background-color:#f6f6f6;height:20px}.apps .example-out[data-v-72e04ac0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-image:url(../img/xcx_bg.ee77e013.png);background-size:cover}.apps .example-out .example-wapper[data-v-72e04ac0]{width:1200px;padding-top:40px;padding-bottom:40px}.apps .example-out .example-wapper .title[data-v-72e04ac0]{font-size:26px;font-weight:400;color:#2b303b;text-align:center}.apps .example-out .example-wapper p[data-v-72e04ac0]{font-size:16px;text-align:center;margin-top:25px;font-weight:400;color:#aeaeae}.apps .list-out[data-v-72e04ac0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.apps .list-out .list-wapper[data-v-72e04ac0]{width:1200px;padding-top:40px;padding-bottom:40px}.apps .list-out .list-wapper .title[data-v-72e04ac0]{font-size:26px;font-weight:400;color:#2b303b;text-align:center}.apps .list-out .list-wapper .list[data-v-72e04ac0]{margin-top:40px}.apps .list-out .list-wapper .list ul[data-v-72e04ac0]{margin:0;padding:0;list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.apps .list-out .list-wapper .list ul li[data-v-72e04ac0]{width:286px;padding-bottom:20px;background-color:#fff;-webkit-transition:all .5s ease-out;transition:all .5s ease-out;-webkit-box-shadow:0 0 20px 0 rgba(197,212,245,.4);box-shadow:0 0 20px 0 rgba(197,212,245,.4)}.apps .list-out .list-wapper .list ul li[data-v-72e04ac0]:hover{-webkit-box-shadow:0 0 20px 0 #c5d4f5;box-shadow:0 0 20px 0 #c5d4f5}.apps .list-out .list-wapper .list ul li .banner[data-v-72e04ac0]{background-size:contain;background-repeat:no-repeat;background-position:50%;height:180px}.apps .list-out .list-wapper .list ul li h3[data-v-72e04ac0]{font-size:16px;font-weight:500;color:#2b303b;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:20px;margin-top:18px}.apps .list-out .list-wapper .list ul li .price[data-v-72e04ac0]{color:#ff665b;font-size:18px;padding-left:20px}.apps .list-out .list-wapper .list ul li .price span[data-v-72e04ac0]{font-size:13px}.apps .list-out .list-wapper .list ul li .price i[data-v-72e04ac0]{float:right;padding-right:20px;font-size:12px;font-style:normal;color:#b5b5b5;cursor:pointer}.apps .list-out .list-wapper .list ul li .price i[data-v-72e04ac0]:hover{opacity:.7}.apps .list-out .list-wapper .list ul li .btn[data-v-72e04ac0]{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:15px auto 0 auto;width:240px;height:40px;background-color:#3171ff;border-radius:4px;color:#fff;text-align:center;line-height:40px;font-size:14px}.apps .list-out .list-wapper .list ul li .btn[data-v-72e04ac0]:hover{opacity:.95}