.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-2561b89b]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-top:25px}.pane-wapper .left .phone[data-v-2561b89b],.pane-wapper[data-v-2561b89b]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.pane-wapper .left .phone[data-v-2561b89b]{background-image:url(../img/phone.40ad96d3.png);background-size:cover;height:670px;width:362px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.pane-wapper .left .phone i[data-v-2561b89b]{display:inline-block;height:490px;width:290px;background-repeat:no-repeat;background-size:contain;background-position:50%}.pane-wapper .right[data-v-2561b89b]{margin-left:80px;-webkit-box-flex:1;-ms-flex:1;flex:1}.pane-wapper .right .r-btn[data-v-2561b89b]{width:160px;height:50px;background:#3171ff;border-radius:4px;margin-right:auto;margin-left:auto;margin-top:34px;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:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#fff}.pane-wapper .right .r-btn[data-v-2561b89b]:hover{opacity:.95}.pane-wapper .right .r-tip[data-v-2561b89b]{font-size:14px;color:#b3b3b3;text-align:center;margin-top:30px}.pane-wapper .right .r-image[data-v-2561b89b]{text-align:center;margin-top:50px}.pane-wapper .right .r-decs[data-v-2561b89b]{text-align:left;font-size:16px;color:#979797;margin-top:20px}.pane-wapper .right .r-title[data-v-2561b89b]{margin-top:60px;text-align:left;color:#333;font-size:22px;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}.pane-wapper .right .r-title i[data-v-2561b89b]{display:inline-block;height:50px;width:50px;background-color:red;border-radius:50%;margin-right:15px}.li-margin-right[data-v-2561b89b]{margin-right:18.66666px}.li-margin-top[data-v-2561b89b]{margin-top:20px}.apps .banner[data-v-2561b89b]{background-image:url(../img/xcx-banner.673680de.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-2561b89b]{background-color:#f6f6f6;height:20px}.apps .example-out[data-v-2561b89b]{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-2561b89b]{width:1200px;padding-top:40px;padding-bottom:40px}.apps .example-out .example-wapper .title[data-v-2561b89b]{font-size:26px;font-weight:400;color:#2b303b;text-align:center}.apps .example-out .example-wapper p[data-v-2561b89b]{font-size:16px;text-align:center;margin-top:25px;font-weight:400;color:#aeaeae}.apps .list-out[data-v-2561b89b]{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-2561b89b]{width:1200px;padding-top:40px;padding-bottom:40px}.apps .list-out .list-wapper .title[data-v-2561b89b]{font-size:26px;font-weight:400;color:#2b303b;text-align:center}.apps .list-out .list-wapper .list[data-v-2561b89b]{margin-top:40px}.apps .list-out .list-wapper .list ul[data-v-2561b89b]{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-2561b89b]{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-2561b89b]: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-2561b89b]{background-size:contain;background-repeat:no-repeat;background-position:50%;height:180px}.apps .list-out .list-wapper .list ul li h3[data-v-2561b89b]{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-2561b89b]{color:#ff665b;font-size:18px;padding-left:20px}.apps .list-out .list-wapper .list ul li .price span[data-v-2561b89b]{font-size:13px}.apps .list-out .list-wapper .list ul li .price i[data-v-2561b89b]{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-2561b89b]:hover{opacity:.7}.apps .list-out .list-wapper .list ul li .btn[data-v-2561b89b]{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-2561b89b]:hover{opacity:.95}