.AppDetails {width:1200px;margin:0 auto 40px}
.AppDetails .branch_types {position:relative}
.AppDetails .branch_types:hover .Tootis {display:block!important}
.AppDetails .branch_types .Tootis {width:auto;padding:5px;border:1px solid #ddd;left:-50%;white-space:nowrap;border-radius:5px;background-color:#fff;color:#4d4d4d;font-size:14px;position:absolute;display:none!important;top:-30px}
.AppDetails .TopAppInfo {display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;border:1px solid #ddd;overflow:hidden}
.AppDetails .TopAppInfo .Banner { padding:20px 0;width:414px;-webkit-box-flex:0;-ms-flex:0 0 414px;flex:0 0 414px}
.AppDetails .TopAppInfo .Sku {width:546px;padding:20px;border-right:1px solid #ddd;-webkit-box-flex:0;-ms-flex:0 0 546px;flex:0 0 546px;-webkit-box-sizing:border-box;box-sizing:border-box}
.AppDetails .TopAppInfo .Sku .AppsInfo {display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}
.AppDetails .TopAppInfo .Sku .AppsLogo {padding-right:10px;text-align:center}
.AppDetails .TopAppInfo .Sku .AppsLogo img {width:76px;height:76px;border-radius:5px}
.AppDetails .TopAppInfo .Sku .SkuBody .Message-app,.AppDetails .TopAppInfo .Sku .SkuBody .Message-box,.AppDetails .TopAppInfo .Sku .SkuBody .Message-branch,.AppDetails .TopAppInfo .Sku .SkuBody .Message-label,.AppDetails .TopAppInfo .Sku .SkuBody .Message-Num,.AppDetails .TopAppInfo .Sku .SkuBody .Message-promise,.AppDetails .TopAppInfo .Sku .SkuBody .Message-site,.AppDetails .TopAppInfo .Sku .SkuBody .Message-support {display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:20px;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:14px;color:#999;line-height:32px}
.AppDetails .TopAppInfo .Sku .SkuBody .Message-app .title,.AppDetails .TopAppInfo .Sku .SkuBody .Message-box .title,.AppDetails .TopAppInfo .Sku .SkuBody .Message-branch .title,.AppDetails .TopAppInfo .Sku .SkuBody .Message-grade .title,.AppDetails .TopAppInfo .Sku .SkuBody  .title,.AppDetails .TopAppInfo .Sku .SkuBody .Message-label .title,.AppDetails .TopAppInfo .Sku .SkuBody .Message-Num .title,.AppDetails .TopAppInfo .Sku .SkuBody .Message-promise .title,.AppDetails .TopAppInfo .Sku .SkuBody .Message-site .title,.AppDetails .TopAppInfo .Sku .SkuBody .Message-support .title {font-size:24px;line-height:1;color:#4e4e4e;margin-right:5px}
.AppDetails .TopAppInfo .Sku .SkuBody .Message-app font.name,.AppDetails .TopAppInfo .Sku .SkuBody .Message-box font.name,.AppDetails .TopAppInfo .Sku .SkuBody .Message-branch font.name,.AppDetails .TopAppInfo .Sku .SkuBody .Message-grade font.name,.AppDetails .TopAppInfo .Sku .SkuBody font.name,.AppDetails .TopAppInfo .Sku .SkuBody .Message-label font.name,.AppDetails .TopAppInfo .Sku .SkuBody .Message-Num font.name,.AppDetails .TopAppInfo .Sku .SkuBody .Message-promise font.name,.AppDetails .TopAppInfo .Sku .SkuBody .Message-site font.name,.AppDetails .TopAppInfo .Sku .SkuBody .Message-support font.name {display:inline-block;width:75px;text-align:left}
.AppDetails .TopAppInfo .Sku .SkuBody .Message-app .CopyDiv,.AppDetails .TopAppInfo .Sku .SkuBody .Message-box .CopyDiv,.AppDetails .TopAppInfo .Sku .SkuBody .Message-branch .CopyDiv,.AppDetails .TopAppInfo .Sku .SkuBody .Message-grade .CopyDiv,.AppDetails .TopAppInfo .Sku .SkuBody .Message-info .CopyDiv,.AppDetails .TopAppInfo .Sku .SkuBody .Message-label .CopyDiv,.AppDetails .TopAppInfo .Sku .SkuBody .Message-Num .CopyDiv,.AppDetails .TopAppInfo .Sku .SkuBody .Message-promise .CopyDiv,.AppDetails .TopAppInfo .Sku .SkuBody .Message-site .CopyDiv,.AppDetails .TopAppInfo .Sku .SkuBody .Message-support .CopyDiv {cursor:pointer}
.AppDetails .TopAppInfo .Sku .SkuBody .Message-title {margin-bottom:10px;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:14px;color:#999;line-height:1}
.AppDetails .TopAppInfo .Sku .SkuBody .Message-title .title {font-size:24px;line-height:1;color:#4e4e4e;margin-right:5px;margin-bottom:10px}
.AppDetails .TopAppInfo .Sku .SkuBody .Message-title .CopyDiv {cursor:pointer}
.AppDetails .TopAppInfo .Sku .SkuBody .btn-boot,.AppDetails .TopAppInfo .Sku .SkuBody .btn-buy {margin-left:10px;margin-bottom:30px;margin-top:5px}
.AppDetails .TopAppInfo .Sku .SkuBody .btn-buy:hover {background-color:#c10808}
.AppDetails .TopAppInfo .Sku .SkuBody .Message-free {margin-top:10px}
.AppDetails .TopAppInfo .Sku .SkuBody .Message-free .wi,.AppDetails .TopAppInfo .Sku .SkuBody .Message-free a,.AppDetails .TopAppInfo .Sku .SkuBody .Message-free span {color:#3598dc}
.AppDetails .TopAppInfo .Sku .SkuBody .Message-free .wi {margin-right:3px;vertical-align:middle}
.AppDetails .TopAppInfo .Sku .SkuBody .Message-Num {margin-bottom:20px;margin-left:-75px}
.AppDetails .TopAppInfo .Sku .SkuBody .Message-Num p {margin-right:20px;border-right:1px dashed #e7e6eb;padding-right:15px;line-height:1}
.AppDetails .TopAppInfo .Sku .SkuBody .Message-Num p:first-child {cursor:pointer;color:#999;margin-right:12px}
.AppDetails .TopAppInfo .Sku .SkuBody .Message-Num p:first-child.Success,.AppDetails .TopAppInfo .Sku .SkuBody .Message-Num p:first-child:hover {color:#418bc9}
.AppDetails .TopAppInfo .Sku .SkuBody .Message-Num p:first-child font {color:inherit;margin-left:0;margin-right:10px}
.AppDetails .TopAppInfo .Sku .SkuBody .Message-Num p:first-child font:before {content:attr(data-content)}
.AppDetails .TopAppInfo .Sku .SkuBody .Message-Num p:first-child,.AppDetails .TopAppInfo .Sku .SkuBody .Message-Num p:last-child {border:0}
.AppDetails .TopAppInfo .Sku .SkuBody .Message-Num p font {color:#4d4d4d;font-size:14px;margin-left:5px;font-weight:700;vertical-align:middle}
.AppDetails .TopAppInfo .Sku .SkuBody .Message-site {padding-left:15px;line-height:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.AppDetails .TopAppInfo .Sku .SkuBody .Message-site .ui-select {width:390px;height:30px}
.AppDetails .TopAppInfo .Sku .SkuBody .Message-site .btn {color:#418bc9;padding-left:0;line-height:1;padding:0}
.AppDetails .TopAppInfo .Sku .SkuBody .Message-cluster--domain .name {margin-top:9px;-ms-flex-item-align:baseline;align-self:baseline}
.AppDetails .TopAppInfo .Sku .SkuBody .Message-cluster select+.help-info {margin-top:10px}
.AppDetails .TopAppInfo .Sku .SkuBody .Message-cluster a {color:#3296fa;line-height:1}
.AppDetails .TopAppInfo .Sku .SkuBody .Message-branch {display:block;margin-bottom:10px;padding-left:15px;padding-top:5px}
.AppDetails .TopAppInfo .Sku .SkuBody .Message-branch .name {margin-top:-10px}
.AppDetails .TopAppInfo .Sku .SkuBody .Message-branch span {-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:-30px;padding-left:75px}
.AppDetails .TopAppInfo .Sku .SkuBody .Message-branch .btn {border-radius:0;margin-right:10px;margin-bottom:10px;padding:6px 15px}
.AppDetails .TopAppInfo .Sku .SkuBody .Branch_Type {font-size:14px;color:#999;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;min-height:34px;margin-bottom:10px;padding-left:15px}
.AppDetails .TopAppInfo .Sku .SkuBody .Branch_Type .name {margin-top:-10px}
.AppDetails .TopAppInfo .Sku .SkuBody .Branch_Type>span {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:415px}
.AppDetails .TopAppInfo .Sku .SkuBody .Branch_Type>span .btn {border-radius:0;margin-right:10px;margin-bottom:10px;position:relative;padding:6px 15px}
.AppDetails .TopAppInfo .Sku .SkuBody .Branch_Type>span .btn i {font-size:10px;background-color:#cf1010;color:#fff;border:1px solid #cf1010;border-top:0;border-right:0;position:absolute;right:0;top:0;display:none}
.AppDetails .TopAppInfo .Sku .SkuBody .Branch_Type>span .btn.active {background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAPFBMVEUAAADBLCDBLCDBLCDBLCDBLCDBLCDBLCDBLCDBLCDBLCDBLCDBLCDBLCDBLCDBLCDBLCDBLCDBLCDBLCDALQXtAAAAE3RSTlMAwGvy9442689/LAva1ru3Th4Sysx8jQAAAF1JREFUGNNlzlcOwCAMA9CwR3dz/7uWgiIL4s8n2QmpRCUhrWI5K+FTCZtFhCBCEBAEBPFlEMRttpGI+4XuVhThUtlTZCHbO/V9+jx2EpEfhOtXlicCz9kpHmZO+ADORwhDkAohbQAAAABJRU5ErkJggg==);background-position:100% 100%;background-repeat:no-repeat}
.AppDetails .TopAppInfo .Sku .SkuBody .Branch_Type>span .btn.active i {display:block}
.AppDetails .TopAppInfo .Sku .SkuBody .Message-promise {margin-top:10px;padding-left:10px}
.AppDetails .TopAppInfo .Sku .SkuBody .Message-promise a {margin-top:5px;margin-right:10px}

.AppDetails .TopAppInfo .Sku .SkuBody .Message-support {padding-left:15px;line-height:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.AppDetails .TopAppInfo .Sku .SkuBody .Message-support i {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:Center;-ms-flex-align:Center;align-items:Center;color:#418bc9;font-size:24px;margin-right:10px}
.AppDetails .TopAppInfo .Sku .SkuBody .Message-support i font {font-size:14px;margin-left:5px;color:#4d4d4d}
.AppDetails .TopAppInfo .Sku .SkuBody .Message-label {line-height:1;margin-bottom:20px;min-height:30px}
.AppDetails .TopAppInfo .Sku .SkuBody .Message-label .btn {border-radius:0;color:#418bc9;margin-right:10px;border-color:#d9dadc;background:#fff;margin-bottom:10px}
.AppDetails .TopAppInfo .Sku .SkuBody .Message-label .btn:hover {background-color:#418bc9;color:#fff;border-color:#418bc9}
.AppDetails .TopAppInfo .Sku .SkuBody .Message-label a {font-size:12px;margin-right:10px}
.AppDetails .TopAppInfo .Sku .SkuBody .Message-label a .wi {margin-right:0;font-size:20px}
.AppDetails .TopAppInfo .Sku .SkuBody .Message-label a:hover {color:#3598dc}

.AppDetails .TopAppInfo .Sku .SkuBody .Message-coupon {display:block;margin-bottom:10px;background-color:#d00f10;background:linear-gradient(225deg,transparent 9.9px,#d00f10 0) 100% 0,linear-gradient(-45deg,transparent 9.9px,#d00f10 0) 100% 100%;background-repeat:no-repeat;background-size:100% 50%;color:#fff;padding-left:10px;padding-right:15px;height:30px;line-height:30px}
.AppDetails .TopAppInfo .Sku .SkuBody .Message-coupon .coupon {display:inline-block;max-width:200px;vertical-align:middle;margin-top:-2px}
.AppDetails .TopAppInfo .Sku .SkuBody .Message-coupon .after {float:right;display:block}
.AppDetails .TopAppInfo .Sku .SkuBody .Message-coupon .after:after {content:"";width:34px;height:30px;background-color:#ffcd62;background:linear-gradient(45deg,transparent 9.9px,#ffcd62 0) 0 0,linear-gradient(225deg,transparent 9.9px,#ffcd62 0) 100% 0,linear-gradient(135deg,transparent 9.9px,#ffcd62 0) 0 100%,linear-gradient(-45deg,transparent 9.9px,#ffcd62 0) 100% 100%;background-repeat:no-repeat;background-size:50% 50%;display:inline-block;vertical-align:middle;margin-top:-2px}
.AppDetails .TopAppInfo .Sku .SkuBody .Message-price {padding:10px 10px 5px;margin-bottom:20px;margin-top:10px;line-height:40px;background-color:#ffede7;color:#787878;padding-left:80px}
.AppDetails .TopAppInfo .Sku .SkuBody .Message-price span {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.AppDetails .TopAppInfo .Sku .SkuBody .Message-price .name {text-indent:-30px;text-indent:-65px}
.AppDetails .TopAppInfo .Sku .SkuBody .Message-price .Money {color:#cf1010;font-size:24px}
.AppDetails .TopAppInfo .Sku .SkuBody .Message-price .price_label {padding:5px;border:1px solid #cf1010;color:#cf1010;line-height:14px;margin-top:7px;height:14px}
.AppDetails .TopAppInfo .Sku .SkuBody .Message-price p {margin-right:5px;white-space:nowrap}
.AppDetails .TopAppInfo .Sku .SkuBody .Message-price .btn {line-height:20px;color:#418bc9;padding-left:0}
.AppDetails .TopAppInfo .Sku .SkuBody .Message-price .ServicePrice .money {color:#cf1010}
.AppDetails .TopAppInfo .Sku .SkuBody .Message-price .ServicePrice .wi {color:#3598dc}
.AppDetails .TopAppInfo .Sku .SkuBody .Message-price .ServicePrice .info {position:relative}
.AppDetails .TopAppInfo .Sku .SkuBody .Message-price .ServicePrice .info:hover .popover {display:inline-block}
.AppDetails .TopAppInfo .Sku .SkuBody .Message-price .ServicePrice .period {margin-right:20px}
.AppDetails .TopAppInfo .Sku .SkuBody .Message-price .ServicePrice .popover {display:none;position:absolute;background-color:#fff;width:230px;top:0;left:27px;border:1px solid #e7e6eb;text-align:center;color:#000;border-top-left-radius:3px;border-bottom-left-radius:3px;font-size:12px;z-index:2}
.AppDetails .TopAppInfo .Sku .SkuBody .Message-price .ServicePrice .popover a {color:#3598dc;margin-left:10px}
.AppDetails .TopAppInfo .Sku .SkuBody .Message-price .ServicePrice .popover:before {content:"";border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #e7e6eb;position:absolute;top:10px;left:-10px}
.AppDetails .TopAppInfo .Sku .SkuBody .Message-price .ServicePrice .popover:after {content:"";border-top:9px solid transparent;border-bottom:9px solid transparent;border-right:9px solid #fff;position:absolute;top:11px;left:-7px}
.AppDetails .TopAppInfo .Sku .SkuBody .Sku-foot {background-color:transparent;color:#9f9f9f;padding:20px 15px 0;border-top:1px solid #eee;font-size:14px;line-height:1}
.AppDetails .TopAppInfo .Sku .SkuBody .Sku-foot .btn {padding-left:0;line-height:1;padding:0}
.AppDetails .TopAppInfo .Sku .SkuBody .Message-app {padding-left:15px;line-height:1}

.card-pop {position:fixed;top:300px;background:#fff;left:0;margin:auto;right:0;z-index:999;width:100%;width:900px;border:1px solid #ddd;height:300px;margin-top:-21px}
.card-pop__title {font-size:20px;line-height:20px;padding:15px;margin-bottom:44px;border-bottom:1px solid #ddd;background-color:#f4f5f9;color:#4c4c4c}
.card-pop__title .close {display:block;float:right}
.card-pop__mask {background:rgba(0,0,0,.3);position:fixed;top:0;right:0;bottom:0;left:0;z-index:100}
.card-pop .author-coupon {position:relative;z-index:999;width:100%;height:172px;overflow:hidden;margin-top:-21px}
.card-pop .author-coupon-list {padding:25px 0 10px;margin:0 auto;max-width:1200px;text-align:center}
.card-pop .author-coupon-item {display:inline-block}
.card-pop .author-coupon-item-box {position:relative;width:175px;margin:0 20px}
.card-pop .author-coupon-item-box .reduce-sum {position:absolute;top:20px;left:46px;display:inline-block;width:55px;height:25px;line-height:25px;text-align:center;color:#fff;font-size:16px}
.card-pop .author-coupon-item-box .full-txt {font-size:14px;position:absolute;top:52px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);color:#e53c39;display:inline-block}
.BuyDesc {width:1200px;margin:20px auto;border:1px solid #d44f4f;background-color:#ffede7;padding:15px;color:#898888;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:2em}
.BuyDesc .title {color:#000;padding-right:30px}
.shutdown-info .shutdown-desc {border-top:1px dashed #e7e6eb;border-bottom:1px dashed #e7e6eb;padding:50px 20px;text-align:center;line-height:1.8}
.shutdown-info .shutdown-desc .color-red {color:#f91d21}
.shutdown-info .shutdown-desc .btn {margin-top:20px!important;margin-bottom:0!important;margin-left:0!important}
.shutdown-info .recommend-box {width:auto;height:auto;border:0;position:relative}
.shutdown-info .recommend-box .head {font-size:14px;color:#999;margin-top:15px}
.shutdown-info .recommend-box .slider {margin:0 auto;width:440px}
.shutdown-info .recommend-box .slider .slider-item {width:130px}
.shutdown-info .recommend-box .backward,.shutdown-info .recommend-box .forward {position:absolute;color:#989898;display:block;top:50%;cursor:pointer}
.shutdown-info .recommend-box .backward:hover,.shutdown-info .recommend-box .forward:hover {color:#418bc9;cursor:pointer}
.shutdown-info .recommend-box .backward {left:10px}
.shutdown-info .recommend-box .forward {right:10px}
.recommend-box {height:386px;width:600px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #f3f3f3;border-radius:0}
.recommend-box__header {line-height:39px;border-bottom:1px solid #f3f3f3;font-size:16px;text-indent:20px;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0}
.recommend-box__header i {float:right;display:block;line-height:1;margin-top:13px;margin-right:12px;cursor:pointer}
.recommend-box__content {-webkit-box-flex:1;-ms-flex:1;flex:1;padding:20px;position:relative}
.recommend-box__content .backward {position:absolute;color:#989898;left:10px;display:block;top:180px;cursor:pointer}
.recommend-box__content .backward:hover {color:#418bc9;cursor:pointer}
.recommend-box__content .forward {position:absolute;color:#989898;right:10px;display:block;top:180px;cursor:pointer}
.recommend-box__content .forward:hover {color:#418bc9;cursor:pointer}
.recommend-box__content .title i {font-size:30px;color:#418bc9;line-height:30px}
.recommend-box__content .title span {font-size:16px;margin-left:8px}
.recommend-box__content .desc {color:#989898;font-size:14px;line-height:14px;margin-top:12px;text-indent:42px;padding-bottom:18px;border-bottom:1px dashed #f3f3f3}
.recommend-box__footer {-webkit-box-flex:0;-ms-flex:0 0 57px;flex:0 0 57px;background-color:#f3f3f3;line-height:57px;vertical-align:middle;text-align:right}
.recommend-box__footer .btn-boot {margin-left:20px;margin-right:15px;margin-bottom:0!important}
.recommend-box .slider {padding-top:20px;overflow:hidden;width:100%;white-space:nowrap}
.recommend-box .slider-inner {-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.recommend-box .slider-item {width:120px;cursor:pointer;height:150px;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 10px;border:1px solid #f3f3f3;padding:0 10px;overflow:hidden;display:inline-block;text-align:center}
.recommend-box .slider-item:hover {border:1px solid #418bc9}
.recommend-box .slider-item img {height:50px;width:50px;border-radius:5px;margin-top:20px}
.recommend-box .slider-item .name {font-size:14px;color:#4d4d4d;margin-top:20px;line-height:1}
.recommend-box .slider-item .price {color:#c3372c;font-size:14px;line-height:1;margin-top:12px}
.packages-box {display:-webkit-box;display:-ms-flexbox;display:flex;border-top:1px solid #e7e6eb;padding:0 10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.packages-box label {padding-right:16px;word-break:keep-all;position:absolute;left:0;top:0}
.packages-box label input {display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}
.packages-box label input+span {cursor:pointer;display:inline-block;height:14px;margin-right:6px;line-height:12px;font-size:12px;text-align:center;width:14px;border:1px solid #eee;border-radius:2px;vertical-align:middle}
.packages-box label input+span i {display:none;color:#3598dc;font-size:12px;line-height:1;font-weight:bolder;margin-top:-2px}
.packages-box label input:checked+span i {display:inline-block}
.packages-box .type {-webkit-box-flex:0;-ms-flex:0 1 10px;flex:0 1 10px;padding:10px;font-size:16px;color:#4d4d4d;font-weight:700}

.packages-box .title {width:115px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;color:#4d4d4d;margin-bottom:5px}
.packages-box .price {color:#cf1010;margin:3px 0;font-size:14px}
.packages-box .nums {color:#989898;font-size:12px;margin-bottom:3px}
.packages-box .logo img {width:80px;height:80px;border-radius:5px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:10px}
.packages-box .apply-info {-webkit-box-flex:0;-ms-flex:0 1 205px;flex:0 1 205px;display:-webkit-box;display:-ms-flexbox;display:flex;padding:40px 0 40px 10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.packages-box .sum {font-size:30px;color:#cfcfcf;padding:10px}
.packages-box .packages-list {padding:0 50px;-webkit-box-flex:0;-ms-flex:0 0 552px;flex:0 0 552px;width:0;position:relative;overflow:hidden}
.packages-box .packages-list .left,.packages-box .packages-list .right {position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:16px;color:#9f9f9f;opacity:.5;cursor:pointer;z-index:3}
.packages-box .packages-list .left .wi,.packages-box .packages-list .right .wi {font-size:50px;color:#cfcfcf;display:inline-block}
.packages-box .packages-list .left {left:0}
.packages-box .packages-list .right {right:0}
.packages-box .packages-list .slider-container {width:552px;overflow:hidden}
.packages-box .packages-list .slider {white-space:nowrap;font-size:0;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}
.packages-box .packages-list .packages-item,.packages-box .packages-list .packages-item .app-info {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}
.packages-box .packages-list .packages-item .app-info {width:200px;padding-left:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;overflow:hidden;text-overflow:ellipsis}
.packages-box .packages-list .packages-item .app-info:hover .title {color:#3296fa}
.packages-box .packages-list .packages-item .app-info label input+span {border-color:#ddd;background-color:#f7f8fa}
.packages-box .packages-list .packages-item .app-info label input+span i {color:#fff}
.packages-box .packages-list .packages-item .app-info label input:checked+span {background-color:#3296fa;border-color:#3296fa}
.packages-box .packages-list .packages-item .add {color:#cfcfcf;font-size:32px;margin-top:24px;padding:0 10px}
.packages-box .package-info {font-size:12px;color:#999}
.packages-box .package-info .package-price {line-height:18px;margin-bottom:5px}
.packages-box .package-info .package-price span {color:#df3033;font-size:18px;vertical-align:baseline}
.packages-box .package-info .discount-price {line-height:18px;margin-bottom:5px}
.draggable-box {height:500px;width:840px;border-radius:0;font-size:14px}
.draggable-box,.draggable-box-header {-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.draggable-box-header {padding:0 20px;display:-webkit-box;display:-ms-flexbox;display:flex;height:55px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.draggable-box .draggable-list {padding:0 20px;overflow:auto;height:420px}
.draggable-box .draggable-list .draggable-item {display:-webkit-box;display:-ms-flexbox;display:flex;height:50px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px 20px}
.draggable-box .draggable-list .draggable-item.is-buy,.draggable-box .draggable-list .draggable-item.is-expire {background-color:#f5f5f5}
.draggable-box .draggable-list .draggable-item.select,.draggable-box .draggable-list .draggable-item:hover {color:#fff;background-color:#418bc9}
.draggable-box .draggable-list .draggable-item.select .left-content .site-name,.draggable-box .draggable-list .draggable-item.select .left-content .site-url,.draggable-box .draggable-list .draggable-item:hover .left-content .site-name,.draggable-box .draggable-list .draggable-item:hover .left-content .site-url {color:#fff}
.draggable-box .draggable-list .draggable-item .left-content .site-name {color:#999;line-height:25px}
.draggable-box .draggable-list .draggable-item .left-content .site-url {color:#4c4c4c;line-height:25px}
.draggable-box .draggable-list .draggable-item .right-content {font-size:20px}
.draggable-box .draggable-list .draggable-item .right-content i {cursor:pointer}
.draggable-box .draggable-list .draggable-item .right-content span {color:#f91d21;margin-right:10px;font-size:14px;line-height:1}
.sortable-opacity {opacity:1!important}
.bd_weixin_popup {position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:10px;width:240px;height:266px;background:#fff;border:1px solid #d8d8d8;z-index:11001;font-size:12px}
.bd_weixin_popup .bd_weixin_popup_head {font-size:12px;font-weight:700;text-align:left;line-height:16px;height:16px;position:relative;color:#000}
.bd_weixin_popup .bd_weixin_popup_head .bd_weixin_popup_close {width:16px;height:16px;position:absolute;right:0;top:0;color:#999;text-decoration:none;font-size:16px}
.bd_weixin_popup .bd_weixin_popup_main {padding:20px 40px;min-height:150px;_height:150px}
.bd_weixin_popup .bd_weixin_popup_foot {font-size:12px;text-align:left;line-height:22px;color:#666}
.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme.qq-theme .tippy-arrow {top:0!important;height:10px;width:10px;background:#fff;border:1px solid #e5e5e5;z-index:-1;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme.qq-theme .tippy-arrow {top:8px!important;height:10px;width:10px;background:#fff;border:1px solid #e5e5e5;z-index:-1;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.qq-theme.tippy-tooltip.light-theme {border:1px solid #e5e5e5;-webkit-box-shadow:none;box-shadow:none;border-radius:0}
.qq-theme.tippy-tooltip[data-size=large] {padding:0;height:26px;line-height:26px;font-size:14px}
.qq-theme .hover-qq-link {display:inline-block;background:#3598dc;color:#fff;padding:0 8px}
.qq-theme .hover-qq-text {display:inline-block;padding:0 8px;background:#fff}
.qq-theme .hover-qq-copy {padding:0 1px;color:#3598dc;cursor:pointer}
.UserDiv {width:240px;-webkit-box-flex:0;-ms-flex:0 0 240px;flex:0 0 240px;padding-bottom:40px;position:relative}
.UserDiv .TopInfo {padding:20px 30px;font-size:14px}
.UserDiv .TopInfo .title {font-size:16px;margin-bottom:15px}
.UserDiv .TopInfo .year {text-align:center;display:inline-block}
.UserDiv .TopInfo .year-box {display:inline-block;border:1px solid #3598dc;font-size:12px;line-height:18px}
.UserDiv .TopInfo .year-box:before {content:attr(data-content);background-color:#3598dc;color:#fff;width:18px;display:inline-block}
.UserDiv .TopInfo .year-box:after {content:"\5FAE\64CE" attr(data-content) "\5E74\5E97";color:#3598dc;padding:0 5px;display:inline-block}
.UserDiv .TopInfo .divFlex {margin-bottom:15px;margin-right:-25px;display:-webkit-box;display:-ms-flexbox;display:flex;word-break:keep-all}
.UserDiv .TopInfo .divFlex .develop-name {-ms-flex-item-align:center;align-self:center;width:123px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.UserDiv .TopInfo .divFlex div {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.UserDiv .TopInfo .divFlex img {width:62px;-ms-flex-negative:0;flex-shrink:0;height:62px;border-radius:100%;margin-right:15px}
.UserDiv .TopInfo .divFlex span p {margin:7.5px 0}
.UserDiv .TopInfo .divFlex a {margin-left:2px;margin-right:3px;margin-top:2px}
.UserDiv .TopInfo .divFlex a img {height:auto;width:auto;max-height:20px;border-radius:0;max-width:20px;margin-right:0;vertical-align:middle}
.UserDiv .TopInfo .divFlex a.ICon_Money {background-image:url("/img/icon/icon-moneys.png");background-repeat:no-repeat;width:75px;background-size:100% 100%;position:relative;height:16px}
.UserDiv .TopInfo .divFlex a.ICon_Money p {position:absolute;left:25px;font-size:12px;color:#418bc9;line-height:16px}
.UserDiv .TopInfo .divFlex.QQ a {margin-top:-2px}
.UserDiv .TopInfo .divFlex.QQ a img {min-width:80px;height:25px}
.UserDiv .TopInfo .btn {padding:10px 35px}
.UserDiv .UserQQ {border-top:1px dashed #e7e6eb;font-size:14px;color:#4d4d4d;margin:20px -10px 0;padding:20px 10px 0}
.UserDiv .UserQQ .qq-list-header {margin-bottom:20px}
.UserDiv .UserQQ .qq-list ul {margin-bottom:5px}
.UserDiv .UserQQ .qq-list li {display:inline-block;vertical-align:middle;margin-bottom:15px;width:90px;position:relative}
.UserDiv .UserQQ .qq-list li a {width:90px;text-overflow:ellipsis;overflow:hidden;display:block;white-space:nowrap}
.UserDiv .UserQQ .qq-list .qq img {vertical-align:middle;margin-right:5px;-webkit-filter:grayscale(1);filter:grayscale(1);width:25px;height:25px}
.UserDiv .UserQQ .qq-list.online img {-webkit-filter:none;filter:none}
.UserDiv .UserQQ .qq-list.online .wi {color:#3598dc}

.UserDiv .UserRate {display:block!important;border-top:1px dashed #e7e6eb;margin:20px -10px 0;padding:20px 10px 0}
.UserDiv .UserRate .item {font-size:14px;color:#4d4d4d;margin-bottom:15px;display:block}
.UserDiv .UserRate .item>span {color:#3598dc;float:right;margin-right:2px;padding-right:5px;position:relative}
.UserDiv .UserRate .item>span.down:after {content:url("/img/icon/down.png");position:absolute;right:-5px;top:-1px}
.UserDiv .UserRate .item>span.equal:after {content:"";position:absolute;right:-5px;top:50%;width:7px;height:2px;background-color:#ffd064;margin-top:-1px}
.UserDiv .UserRate .item>span.up:after {content:url("/img/icon/up.png");position:absolute;right:-5px;top:-1px}
.UserDiv .UserRate a.btn {display:block;border-radius:0;background-color:#fff;margin:0}

.commentList .comment-stat {margin-top:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #e7e6eb;padding-bottom:20px}
.commentList .comment-stat .left {width:186px;border-right:1px dashed #e7e6eb;font-size:16px;color:#4d4d4d;text-align:center}
.commentList .comment-stat .left h4 {font-size:16px;margin-bottom:15px}
.commentList .comment-stat .left .score {font-size:24px;color:#3598dc;margin-bottom:15px}
.commentList .comment-stat .right {width:0;-webkit-box-flex:1;-ms-flex:1;flex:1;padding:20px 40px 0}
.commentList .comment-stat .right a {display:inline-block;min-width:65px;padding:0 10px;height:30px;line-height:30px;border:1px solid #4182bc;color:#4182bc;margin-bottom:20px;margin-right:20px;text-align:center}
.commentList .comment-stat .right a.active,.commentList .comment-stat .right a:hover {background:#e8f4ff}
.commentList .comment-item {padding:20px 40px 0;border-bottom:1px solid #e7e6eb}
.commentList .comment-item .user {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:15px}
.commentList .comment-item .user+.reply-item:before {top:-15px}
.commentList .comment-item .user .logo {width:50px;height:50px;margin-right:15px}
.commentList .comment-item .user .logo img {width:100%;height:100%;border-radius:50%}
.commentList .comment-item .user .type {color:#999;margin-top:10px}
.commentList .comment-item .user .rate {-webkit-box-flex:1;-ms-flex:1;flex:1;width:0;text-align:right}
.commentList .comment-item .user .rate .w7-rate-container {display:inline-block}
.commentList .reply-list {position:relative;-webkit-transition:all .3;transition:all .3}
.commentList .reply-list .expand {position:absolute;top:0;right:0;color:#3598dc;cursor:pointer;z-index:1}
.commentList .reply-list .score-block {display:inline-block;background-color:#3598dc;color:#fff;margin-left:5px;font-size:10px;padding:2px 5px;border-radius:4px;line-height:1.5}
.commentList .reply-item {padding-left:45px;padding-bottom:15px;position:relative}
.commentList .reply-item:before {content:"";position:absolute;top:20px;bottom:0;left:23px;width:2px;background-color:#e7e6eb}
.commentList .reply-item>.header:before {content:"";width:12px;height:12px;border-radius:50%;position:absolute;left:18px;top:4px;background:#3598dc}
.commentList .reply-item .content {padding:15px 0;line-height:1.5}
.commentList .reply-item .content .time {color:#999;margin-top:5px}
.commentList .reply-item:last-of-type {padding-bottom:0}
.commentList .reply-item:last-of-type:before {display:none}
.commentList .reply-item:last-of-type>div {border-bottom:0!important}
.commentList .reply-item:first-child .score-block,.commentList .reply-item:first-child:last-of-type .header:before {display:none}
.commentList .reply-item.reply-author .content {color:#3598dc}
.commentList .reply-item>div:last-child {border-bottom:1px solid #e7e6eb}
.commentList .append-item {padding-top:15px;position:relative;border-top:1px dashed #e7e6eb}
.commentList .append-item .content {padding:15px 0;line-height:1.5}
.commentList .append-item .content .time {color:#999;margin-top:5px}
.commentList .append-item.reply-again .content {border-bottom:1px dashed #e7e6eb}
.commentList .append-item.append-author {border-top:0;margin-top:-15px}
.commentList .append-item.append-author .header {color:#3598dc}
.commentList .append-item.append-author .content {color:#3598dc;padding-top:5px}
.after-service {padding:0 40px}
.after-service .service-list {padding-top:42px}
.after-service .service-list .service-item {display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:48px}
.after-service .service-list .service-item .item-icon {-webkit-box-flex:0;-ms-flex:0 0 44px;flex:0 0 44px;margin-right:20px}
.after-service .service-list .service-item .item-content {-webkit-box-flex:1;-ms-flex:1;flex:1}
.after-service .service-list .service-item .item-content .content-title {font-size:18px;font-weight:700;color:#408ccb;line-height:22px}
.after-service .service-list .service-item .item-content .content-desc {margin-top:8px;font-size:14px;line-height:22px;color:#666}
.after-service .refund-desc {padding:48px 0;border-top:1px solid #f3f3f3}
.after-service .refund-desc .refund-title {font-size:18px;line-height:1;color:#4c4c4c;font-weight:700}
.after-service .refund-desc .refund-sub-title {color:#408ccb;font-size:14px;line-height:24px;font-weight:700;margin-top:25px}
.after-service .refund-desc .refund-sub-content {line-height:24px;font-size:14px;color:#666}
.after-service .refund-desc .refund-sub-content a {color:#408ccb}
.Work_Order {padding:20px 30px;overflow:hidden}
.Work_Order .TopInfoCard .InfoCards {display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:1px solid #e7e6eb;margin:0 -50px}
.Work_Order .TopInfoCard .InfoCards .Items {padding:15px;font-size:14px;color:#989898;text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1}
.Work_Order .TopInfoCard .InfoCards .Items:after {content:"";width:1px;height:26px;position:absolute;right:0;top:50%;margin-top:-13px;background-color:#e7e6eb}
.Work_Order .TopInfoCard .InfoCards .Items:last-child:after {display:none}
.Work_Order .TopInfoCard .InfoCards .Items .InfoP {font-size:16px;font-weight:700;margin-top:10px;margin-bottom:10px;cursor:pointer;color:#3598dc}
.Work_Order .TopInfoCard .InfoCards .Items p {margin-bottom:10px}
.Work_Order .TopInfoCard .ChangeCard {border-bottom:1px dashed #e7e6eb;padding-bottom:20px}
.Work_Order .TopInfoCard .ChangeCard .item {margin-right:20px}
.Work_Order .TopInfoCard .ChangeCard .item .wi {margin-right:6px}
.Work_Order .TopInfoCard .ChangeCard .item.active .wi,.Work_Order .TopInfoCard .ChangeCard .pull-right {color:#3598dc}
.Work_Order .TopInfoCard .RateCard {text-align:center;font-size:14px;color:#4d4d4d;display:-webkit-box;display:-ms-flexbox;display:flex;padding:40px 0;border-bottom:1px dashed #e7e6eb}
.Work_Order .TopInfoCard .RateCard .name {font-size:18px;font-weight:700}
.Work_Order .TopInfoCard .RateCard .rate {-webkit-box-flex:1;-ms-flex:1;flex:1;width:0;text-align:right;padding-right:28px}
.Work_Order .TopInfoCard .RateCard .w7-rate-container {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}
.Work_Order .TopInfoCard .RateCard .w7-rate-container.w7-rate-show:after {right:-50px}
.Work_Order .SearchCard {margin-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex}
.Work_Order .SearchCard .ui-select {height:34px;margin-left:10px}
.Work_Order .WorkChange {border-bottom:1px solid #e7e6eb;margin-top:50px}
.Work_Order .WorkChange .item {border:1px solid #e7e6eb;display:inline-block;border-bottom:0;border-top-left-radius:5px;border-top-right-radius:5px;width:108px;height:40px;line-height:40px;text-align:center;margin-right:20px;color:#989898}
.Work_Order .WorkChange .item.active,.Work_Order .WorkChange .item:hover {background-color:#3598dc;color:#fff}
.Work_Order .WorkList {margin-top:-1px;margin:0 -30px}
.Work_Order .WorkList .Items {display:-webkit-box;display:-ms-flexbox;display:flex;padding:20px 30px;border-top:1px solid #e7e6eb;margin-top:-1px}
.Work_Order .WorkList .Items img {width:45px;height:45px;border-radius:100%;margin-right:15px}
.Work_Order .WorkList .Items .info {display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:10px;color:#999;font-size:14px}
.Work_Order .WorkList .Items .info.Space {-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.Work_Order .WorkList .Items .info .Status.success {color:#5cc692}
.Work_Order .WorkList .Items .info .Status.active {color:#c69a5c}
.Work_Order .WorkList .Items .info .Status.null {color:#c71a1a}
.Work_Order .WorkList .Items .info font {color:#4d4d4d}
.Work_Order .WorkList .Items .info.FootInfo {font-size:12px;color:#999}
.Work_Order .WorkList .Items .info.FootInfo p {margin-right:10px}
.Work_Order .WorkList .Items .info .Labels {width:500px}
.Work_Order .WorkList .Items .time {margin-bottom:30px}
.Work_Order .WorkList .Items .title {width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#4d4d4d;margin-bottom:10px}
.Work_Order .rateList {margin-top:-1px;margin-top:20px}
.Work_Order .rateList a {display:inline-block;min-width:65px;padding:0 10px;height:30px;line-height:30px;border:1px solid #4182bc;color:#4182bc;margin-bottom:20px;margin-right:20px;text-align:center}
.Work_Order .rateList a.active,.Work_Order .rateList a:hover {background:#e8f4ff}
.Work_Order .WorkRateList .item {display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:1px solid #e7e6eb;padding:20px 10px 20px 0;margin-bottom:-1px}
.Work_Order .WorkRateList .item .logo {width:45px;height:45px;border-radius:50%;margin-right:40px}
.Work_Order .WorkRateList .item .info {color:#4d4d4d}
.Work_Order .WorkRateList .item .info .time {color:#999;margin-top:10px;margin-bottom:30px}
.Work_Order .WorkRateList .item .rate {-webkit-box-flex:1;-ms-flex:1;flex:1;width:0;text-align:right}
.Work_Order .WorkRateList .item .rate .w7-rate-container {display:inline-block}
.Work_Order .workDate {float:right}
.Work_Order .workDate .dateInput {min-width:250px!important}
.btn-details-class {background-color:#f3f1f1;color:#666;border-color:#f3f1f1}
.details-class {display:inline;position:relative}
.details-class:hover .shop-class {display:block}
.shop-class {width:211px;border:1px solid #f3f1f1;border-right:none;position:absolute;display:none;z-index:4}
.shop-class ul {min-height:200px;background:#f3f1f1}
.shop-class ul li {line-height:44px;height:44px;padding:0 15px}
.shop-class li a {color:#666;display:block}
.shop-class ul li:hover {background:#fff}
.shop-class ul li:hover a.class-item,.shop-class ul li:hover span {color:#3598dc}
.shop-class ul li:hover .submenu {display:block}
.shop-class ul li span {float:right;color:#666;margin-top:-44px}
.shop-class .submenu {width:650px;min-height:200px;background-color:#fff;border:2px solid #e7e6eb;margin-left:-2px;position:absolute;left:211px;top:-1px;display:none;z-index:4}
.shop-class .submenu a {color:#666}
.shop-class .item {width:650px;float:left}
.shop-class .item dl {overflow:hidden;padding:0 20px;color:#373d41;font-size:12px}
.shop-class .item dl dt {width:150px;font-weight:700;padding:5px 20px 5px 0;height:28px;line-height:28px;color:#666;font-size:12px;-webkit-box-sizing:border-box;box-sizing:border-box}
.shop-class .item dl dd {overflow:hidden;margin-left:-10px;padding:0 20px 5px 0;border-bottom:1px solid #eee}
.shop-class .item dd a:hover {color:#3598dc}
.shop-class .item:last-child dl dd {border:0}
.shop-class .item dl dd a {padding:0 10px;float:left;height:18px;line-height:18px;margin:5px 0}
.details-class+.search form {float:right}
.Flash_info {padding:20px 0;border-top:1px dashed #ededed;border-bottom:1px dashed #ededed;margin-bottom:20px}
.Flash_info .Flash_count {display:-webkit-box;display:-ms-flexbox;display:flex}
.Flash_info .Flash_count .count {-webkit-box-flex:1;-ms-flex:1;flex:1;width:0}
.Flash_info .Flash_count .count .countdown {display:inline-block}
.Flash_info .Flash_count span {color:#d80000;margin-left:2px}
.Flash_info .Flash_price {display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#ffede7;color:#787878;margin-top:20px;position:relative;padding-left:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.Flash_info .Flash_price .sale {color:#d80000;font-size:30px;margin-right:30px}
.Flash_info .Flash_price .price {text-decoration:line-through;-webkit-box-flex:1;-ms-flex:1;flex:1;width:0}
.Flash-time {display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#ffede7;border-bottom:1px dashed #e7e6eb;padding:10px;margin-bottom:-10px}
.Flash-time .countdown {display:inline-block}
.Flash-time .countdown .num {background-color:#cf1010;color:#fff;display:inline-block;padding:1px 0;width:20px;text-align:center;margin:0 2px;border-radius:2px}
.Flash-time .balance {-webkit-box-flex:1;-ms-flex:1;flex:1;width:0;text-align:right}
.Flash-time .balance .number {color:#cf1010}
.Flash-time .tag {display:inline-block;color:#cf1111;border-radius:4px;margin-right:10px}
.Flash-time .tag .wi {font-size:20px;vertical-align:middle}
.Group_info {padding-left:10px}
.Group_info .Group_now {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.Group_info .Group_now .Group_countdown .countdown {display:inline-block}
.Group_info .Group_now .Group_countdown .countdown .num {color:#fff;background-color:#c12c20;border-radius:3px;margin:0 3px;padding:1px 2px}
.Group_info .Group_now .member {-webkit-box-flex:1;-ms-flex:1;flex:1;width:0;text-align:right}
.Group_info .Group_now .member span {color:#c12c20;font-size:20px;margin:0 2px}
.Group_info .Group_list {display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:1px solid #e7e6eb;margin-bottom:20px;position:relative;height:80px;overflow:hidden}
.Group_info .Group_list:after {content:"";width:100%;height:16px;border-radius:6px;position:absolute;top:30px;background:#c12c20}
.Group_info .Group_list .Group_item {position:relative;padding:10px 0;-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:left}
.Group_info .Group_list .Group_item .item-price {margin-bottom:20px}
.Group_info .Group_list .Group_item:first-child.active:after {border-top-left-radius:6px;border-bottom-left-radius:6px}
.Group_info .Group_list .Group_item:first-child.active:before {display:none}
.Group_info .Group_list .Group_item.active {color:#c12c20}
.Group_info .Group_list .Group_item.active:after,.Group_info .Group_list .Group_item.active~.Group_item:after {content:"";height:16px;position:absolute;top:30px;left:-1px;right:-1px;z-index:2;background:#ddd}
.Group_info .Group_list .Group_item.active:last-child:after,.Group_info .Group_list .Group_item.active~.Group_item:last-child:after {border-bottom-right-radius:6px;border-top-right-radius:6px}
.Group_info .Group_list .Group_item.active:before {content:"";height:16px;position:absolute;top:30px;left:-1px;width:10px;border-radius:0 32px 32px 0;z-index:3;background:#c12c20}
.group-rule {background-color:#f5faff;border:1px solid #cce5ff;padding:10px;margin-bottom:20px}
.group-rule h4 {font-weight:400;color:#999;font-size:14px;margin-bottom:16px}
.group-rule .color-red {color:#cf1111}
.group-rule .item {margin-bottom:10px;color:#4d4d4d}
.group-rule .item .number {display:inline-block;width:24px;height:24px;background-color:#3598dc;border-radius:50%;line-height:24px;text-align:center;margin-right:16px;color:#fff;font-size:14px}
.group-rule .item a {color:#3598dc}
.GroupTwo .oprice {text-decoration:line-through}
.GroupTwo .GroupMain .color-red {color:#cf1111}
.GroupTwo .GroupMain .GroupInfo {background-color:#ffede7;position:relative;padding:30px 14px}
.GroupTwo .GroupMain .GroupInfo .link {float:right;color:#3598dc}
.GroupTwo .GroupMain .GroupInfo .item {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:30px;line-height:1}
.GroupTwo .GroupMain .GroupInfo .item:last-child {margin-bottom:0}
.GroupTwo .GroupMain .GroupInfo .item .label {font-size:14px;color:#666;width:70px}
.GroupTwo .GroupMain .GroupInfo .item .value {-webkit-box-flex:1;-ms-flex:1;flex:1;width:0;color:#666}
.GroupTwo .GroupMain .GroupInfo .item .user-list {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:warp;flex-wrap:warp}
.GroupTwo .GroupMain .GroupInfo .item .user-item {display:inline-block;width:60px;height:60px;border:1px dashed #ddd;border-radius:50%;position:relative;background-color:#fff;font-size:40px;color:#e1e3e6;text-align:center;line-height:60px}
.GroupTwo .GroupMain .GroupInfo .item .user-item+.user-item {margin-left:20px}
.GroupTwo .GroupMain .GroupInfo .item .user-item.active {border:1px solid #cf1111}
.GroupTwo .GroupMain .GroupInfo .item .user-item.active:first-child:after {content:"\56E2\957F";width:40px;height:20px;background-color:#cf1010;color:#fff;border-radius:4px;text-align:center;font-size:14px;line-height:20px;position:absolute;bottom:-10px;left:50%;margin-left:-20px}
.GroupTwo .GroupMain .GroupInfo .item .user-item img {width:100%;height:100%;border-radius:50%}
.GroupTwo .GroupMain .GroupInfo .item .countdown {display:inline-block}
.GroupTwo .GroupMain .GroupInfo .item .countdown .num {background-color:#cf1010;color:#fff;display:inline-block;padding:1px 0;width:20px;text-align:center;margin:0 2px;border-radius:2px}
.GroupTwo .GroupMain .GroupPrice {border-top:1px dashed #ddd;margin-bottom:20px}
.GroupTwo .GroupMain .GroupPrice .price {color:#cf1010;font-size:24px;vertical-align:middle}
.GroupTwo .GroupMain .GroupPrice .ServicePrice {display:-webkit-box;display:-ms-flexbox;display:flex}
.GroupTwo .GroupMain .GroupPrice .ServicePrice .money {color:#cf1010}
.GroupTwo .GroupMain .GroupPrice .ServicePrice .wi {color:#3598dc}
.GroupTwo .GroupMain .GroupPrice .ServicePrice .info {position:relative}
.GroupTwo .GroupMain .GroupPrice .ServicePrice .info:hover .popover {display:inline-block}
.GroupTwo .GroupMain .GroupPrice .ServicePrice .period {margin-right:20px}
.GroupTwo .GroupMain .GroupPrice .ServicePrice .popover {display:none;position:absolute;background-color:#fff;width:230px;top:-10px;left:27px;border:1px solid #e7e6eb;text-align:center;color:#000;border-top-left-radius:3px;border-bottom-left-radius:3px;font-size:12px;line-height:40px;z-index:2}
.GroupTwo .GroupMain .GroupPrice .ServicePrice .popover a {color:#3598dc;margin-left:10px}
.GroupTwo .GroupMain .GroupPrice .ServicePrice .popover:before {content:"";border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #e7e6eb;position:absolute;top:10px;left:-10px}
.GroupTwo .GroupMain .GroupPrice .ServicePrice .popover:after {content:"";border-top:9px solid transparent;border-bottom:9px solid transparent;border-right:9px solid #fff;position:absolute;top:11px;left:-7px}
.GroupTwo .GroupMain .GroupTip {background-color:#ffede7;position:relative;padding:30px 14px;border-top:1px dashed #ddd;margin-bottom:20px}
.GroupTwo .GroupMain .GroupTip .item {line-height:1;margin-bottom:18px;color:#666;font-size:14px}
.GroupTwo .GroupMain .GroupTip .item:last-child {margin-bottom:0}
.GroupTwo .GroupMain .GroupTip .item .wi {margin-right:5px}
.tuiguang-swal {width:100%;margin-top:10px}
.tuiguang-swal.swal2-popup .swal2-header {background-color:transparent!important;padding:0;border:0}
.tuiguang-swal.swal2-popup .swal2-actions {display:none!important}
.tuiguang-swal.swal2-popup .swal2-content {padding:20px 0}
.tuiguang-swal.swal2-popup .swal2-close {border:1px solid #ddd;color:#ddd;top:5px;right:5px;z-index:222}
.tuiguang-swal.swal2-popup .swal2-close:hover {border-color:#3598dc}
.tuiguang-swal .share-box {text-align:left;margin:0 30px;line-height:1}
.tuiguang-swal .share-box .header {margin-bottom:20px}
.tuiguang-swal .share-box p {color:#999;margin-bottom:20px;font-size:14px}
.tuiguang-swal .share-box textarea {width:90%;padding:10px;border:1px solid #eee}
.Message-active {background:#cf1010;overflow:hidden;height:35px;line-height:35px;padding:0 15px;color:#fff}
.Message-active span {color:#f5b05b;font-size:18px;font-weight:700}
.Message-active a {color:#f5b05b;float:right}
.Message-double {margin-bottom:-20px;display:block}
.Message-active-box {background-color:#ffede7;display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:-20px;padding:20px 15px;border-top:1px dashed #e7e6eb;margin-bottom:20px;color:#999}
.Message-active-box .name {width:75px}
.Message-active-box img {vertical-align:middle;margin-right:5px}
.Message-active-box .active-list {-webkit-box-flex:1;-ms-flex:1;flex:1;width:0}
.Message-active-box .coupon {max-width:210px}
.Message-active-box .active {display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}
.Message-active-box .active+.active {margin-top:10px}
.Message-active-box .active .type {display:inline-block;background-color:#fff;color:#cf1111;border:1px solid #cf1111;padding:1px;margin-right:5px;width:60px;text-align:center}
.Message-active-box .active .important {color:#cf1111}
.Message-active-box .active .rate {color:#cf1111;font-size:16px;margin:0 3px}
.Message-active-box .active a {color:#cf1111;text-align:right;-webkit-box-flex:1;-ms-flex:1;flex:1;width:0}
.group-box {margin-top:20px;border:1px solid #e7e6eb}
.plugins-box {display:-webkit-box;display:-ms-flexbox;display:flex;border-top:1px solid #e7e6eb;padding:0 10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.plugins-box .type {-webkit-box-flex:0;-ms-flex:0 1 10px;flex:0 1 10px;padding:10px;font-size:16px;color:#4d4d4d;font-weight:700}
.plugins-box .title {width:115px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;color:#4d4d4d;margin-bottom:5px}
.plugins-box .price {color:#cf1010;margin:3px 0;font-size:14px}
.plugins-box .nums {color:#989898;font-size:12px;margin-bottom:5px}
.plugins-box .logo img {width:80px;height:80px;border-radius:5px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:10px}
.plugins-box .apply-info {-webkit-box-flex:0;-ms-flex:0 1 205px;flex:0 1 205px;display:-webkit-box;display:-ms-flexbox;display:flex;padding:40px 10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-right:1px solid #e7e6eb}
.plugins-box .apply-info+.type {padding-left:20px}
.plugins-box .plugins-list {padding:0 80px;-webkit-box-flex:1;-ms-flex:1;flex:1;width:0;position:relative;overflow:hidden}
.plugins-box .plugins-list .left,.plugins-box .plugins-list .right {position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:16px;color:#9f9f9f;opacity:.5;cursor:pointer;z-index:3}
.plugins-box .plugins-list .left .wi,.plugins-box .plugins-list .right .wi {font-size:50px;color:#e2e8ec;display:inline-block}
.plugins-box .plugins-list .left {left:0}
.plugins-box .plugins-list .right {right:0}
.plugins-box .plugins-list .right .wi {-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.plugins-box .plugins-list .slider {white-space:nowrap;font-size:0}
.plugins-box .plugins-list .plugins-item {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:280px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.pluginList {padding:15px;font-size:0}
.pluginList .tips {color:#cf1010;-webkit-box-flex:1;-ms-flex:1 100%;flex:1 100%;padding:0 15px;font-size:12px}
.pluginList .pluginItem {padding:15px;-webkit-box-sizing:border-box;box-sizing:border-box;width:20%;display:inline-block;overflow:hidden;text-align:center}
.pluginList .pluginItem a {display:inline-block;border:1px solid #e7e6eb;width:100%;height:190px}
.pluginList .pluginItem a:hover {outline:2px solid #3598dc}
.pluginList .pluginItem .logo {position:relative;padding:15px;-webkit-box-sizing:border-box;box-sizing:border-box}
.pluginList .pluginItem .logo .logo-plugin {width:80px;height:80px;border-radius:10px}
.pluginList .pluginItem .title {width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;color:#4d4d4d;margin-bottom:5px}
.pluginList .pluginItem .price {color:#cf1010;margin:3px 0;font-size:14px}
.pluginList .pluginItem .nums {color:#989898;font-size:12px;margin-bottom:5px}
.plugin-state {padding:8px 0 20px;border-top:1px solid #e7e6eb}
.plugin-state .tips {color:#cf1010;margin:8px 0}
.plugin-state .module-info {display:-webkit-box;display:-ms-flexbox;display:flex}
.plugin-state .module-info img {width:76px;height:76px;border-radius:10px;margin-right:20px}
.plugin-state .module-info .info {-webkit-box-flex:1;-ms-flex:1;flex:1;width:0}
.plugin-state .module-info .info .title {font-size:14px;color:#4d4d4d;padding:0;margin-bottom:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.plugin-state .module-info .info .num {font-size:12px;color:#989898;margin-bottom:8px}
.plugin-state .module-info .info .price {font-size:14px;color:#cf1010}
.plugin-state .module-info .info .state {font-size:12px;margin-bottom:10px;min-height:32px;line-height:32px}
.plugin-state .module-info .info .tag {word-break:keep-all;padding:5px;border:1px solid #e7e6eb;margin:0 5px 5px 0}
.plugin-state .module-info .more {-ms-flex-item-align:top;align-self:top}

.Hot_info {width:235px}
.Hot_info .AppInfoCard {padding:20px 20px 0}
.Hot_info .AppInfoCard+.AppInfoCard {border-top:1px solid #e7e6eb}
.Hot_info .AppInfoCard .right_head {font-size:16px;font-weight:700}
.Hot_info .AppInfoCard .right_head a {float:right;font-size:14px;color:#3598dc}
.Hot_info .AppInfoCard .item {cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;margin:20px 0;padding-bottom:20px;border-bottom:1px dashed #e7e6eb}
.Hot_info .AppInfoCard .item:last-child {border-bottom:0}
.Hot_info .AppInfoCard .item img {width:65px;height:65px;border-radius:10px;margin-right:10px}
.Hot_info .AppInfoCard .item .info {color:#999;margin-top:10px}
.Hot_info .AppInfoCard .item .title {margin-top:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:125px}
.Hot_info .AppInfoCard .item span {display:block;margin-top:0}
.Hot_info .AppInfoCard .item:hover .title {color:#418bc9}
.TopHeaderMenu {background-color:#f3f3f3;padding:0 20px;height:45px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.TopHeaderMenu .Tabs span {cursor:pointer;line-height:45px;font-size:16px;text-align:center;padding:9px 24px;position:relative}
.TopHeaderMenu .Tabs span.active,.TopHeaderMenu .Tabs span:hover {border-bottom:3px solid #3598dc}
.TopHeaderMenu .Tabs span.active:after,.TopHeaderMenu .Tabs span:hover:after {content:"";border-top:8px solid #3598dc;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid transparent;position:absolute;left:50%; bottom: -18px; margin-left:-4px}
.TopHeaderMenu .Tabs span font {color:#3598dc;font-weight:700;margin-left:5px}
.TopHeaderMenu .btn {line-height:2}
.Details_body {display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:30px;border:1px solid #ddd}
.Details_body .Tab_body {width:965px;border-right:1px solid #ddd}
.Details_body .Tab_body .introduce-body {position:relative}
.Details_body .Tab_body .introduce-body .left-menu {position:absolute;width:50px;margin-left:-50px}
.Details_body .Tab_body .introduce-body .left-menu.fixed {position:fixed;top:0}
.Details_body .Tab_body .introduce-body .left-menu a {display:block;height:55px;line-height:55px;background-color:#fff;border-left:1px solid #e7e6eb;border-right:1px solid #e7e6eb;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;font-size:0;position:relative;z-index:10}
.Details_body .Tab_body .introduce-body .left-menu a .desc-box {position:absolute;left:65px;height:55px;top:0;font-size:14px;background:#3598dc;min-width:100px;color:#fff;display:none}
.Details_body .Tab_body .introduce-body .left-menu a .desc-box:after {content:"";position:absolute;border-width:5px 5px 5px 0;border-style:solid;border-color:transparent #3598dc transparent transparent;left:-5px;top:20px}
.Details_body .Tab_body .introduce-body .left-menu a i.wi {font-size:24px;color:#3598dc}
.Details_body .Tab_body .introduce-body .left-menu a:first-child {border-top:1px solid #e7e6eb}
.Details_body .Tab_body .introduce-body .left-menu a:first-child.active,.Details_body .Tab_body .introduce-body .left-menu a:first-child:hover {border-top:1px solid #3598dc}
.Details_body .Tab_body .introduce-body .left-menu a:last-child {border-bottom:1px solid #e7e6eb}
.Details_body .Tab_body .introduce-body .left-menu a:last-child.active,.Details_body .Tab_body .introduce-body .left-menu a:last-child:hover {border-bottom:1px solid #3598dc}
.Details_body .Tab_body .introduce-body .left-menu a.active,.Details_body .Tab_body .introduce-body .left-menu a:hover {background-color:#3598dc;position:relative;border-left:1px solid #3598dc;border-right:1px solid #3598dc}
.Details_body .Tab_body .introduce-body .left-menu a.active i.wi,.Details_body .Tab_body .introduce-body .left-menu a:hover i.wi {color:#fff}
.Details_body .Tab_body .introduce-body .left-menu a:hover .desc-box {display:block}
.Details_body .Tab_body .introduce-body .right-body .hidden {display:none}
.Details_body .Tab_body .introduce-body .right-body .support-text {font-size:16px;font-weight:600;margin-bottom:20px;padding-bottom:10px;padding-left:30px;padding-right:30px;border-bottom:1px solid #e7e6eb}
.Details_body .Tab_body .introduce-body .introduce-head {padding:20px 30px 30px;color:#999;font-size:14px;line-height:34px}
.Details_body .Tab_body .introduce-body .introduce-head span {display:-webkit-box;display:-ms-flexbox;display:flex;margin:5px 0}
.Details_body .Tab_body .introduce-body .introduce-head span p {margin-right:40px}
.Details_body .Tab_body .introduce-body .bodys {padding:30px;position:relative;overflow:hidden}
.Details_body .Tab_body .introduce-body .bodys * {max-width:100%}
.Details_body .Tab_body .FootBtn {width:100%;text-align:center}
.Details_body .Tab_body .FootBtn .btn {color:#3598dc}
.Details_body .Tab_body .versionListBox {overflow:hidden;height:calc(100% - 45px);position:relative}
.Details_body .Tab_body .versionList {padding:0 30px}
.Details_body .Tab_body .versionList .version {padding:15px 0 35px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.Details_body .Tab_body .versionList .version:first-child {padding-top:50px}
.Details_body .Tab_body .versionList .version:before {content:"";width:3px;position:absolute;top:0;left:95px;background:#f2f2f2;z-index:100;bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box}
.Details_body .Tab_body .versionList .version:last-child:before {bottom:-9999px}
.Details_body .Tab_body .versionList .version .Time_Card {text-align:center;width:85px}
.Details_body .Tab_body .versionList .version .Time_Card span {font-size:24px;margin-bottom:5px;color:#3598dc}
.Details_body .Tab_body .versionList .version .Time_Card p {font-size:14px}
.Details_body .Tab_body .versionList .version .o_o {width:12px;height:12px;z-index:101;background-color:#3598dc;border-radius:50%;position:relative;left:5px}
.Details_body .Tab_body .versionList .version .v_content {width:0;-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;border:1px solid #e7e6eb;margin-left:25px;border-radius:5px;min-height:130px}
.Details_body .Tab_body .versionList .version .v_content:before {content:"";border-width:11px;border-style:solid;border-color:transparent #fff transparent transparent;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:-22px}
.Details_body .Tab_body .versionList .version .v_content:after {content:"";border-width:13px;border-style:solid;border-color:transparent #e7e6eb transparent transparent;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:-26px;z-index:-1}
.Details_body .Tab_body .versionList .version .v_content .HeaderInfo {height:50px;padding:0 20px;font-size:20px;line-height:50px;background-color:#f3f3f3;color:#3598dc;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-top-left-radius:5px;border-top-right-radius:5px}
.Details_body .Tab_body .versionList .version .v_content .HeaderInfo .time {color:#3598dc;font-size:14px;vertical-align:middle}
.Details_body .Tab_body .versionList .version .v_content .contents {padding:20px;text-align:left;font-size:14px;color:#4d4d4d}
.Details_body .Tab_body .versionList .version .v_content .contents pre {word-wrap:break-word;word-break:break-all;white-space:pre-wrap;font-family:unset; border: 0; background: none;}

#smallpic-list {text-align: center; margin-top:10px;}
#smallpic-list a {margin: 0 2px;}
#smallpic-list a img {width:60px;padding: 2px;border: solid #ccc 1px; margin-bottom:5px;}
#smallpic-list a:hover img,#smallpic-list a.active img {border: solid #32c5d2 1px;}

.pic-slider,.picinfo-mod{margin: 30px 0px 20px 0px;}
.picinfo-mod h1{ margin:0px; line-height:24px; font-size:16px; padding-bottom:10px; font-weight: bold;}
.picinfo-mod .pic-desc{list-style:none; padding:0px; margin-top:10px;}
.picinfo-mod .pic-desc li{ line-height:24px; padding-bottom:12px;}
.shop--product-slider .swiper-container {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
}
.shop--product-slider .swiper-slide {
    background-size: cover;
    background-position: center;
}
.shop--product-slider .gallery-top {
    height: 80%;
    width: 100%;
}
.shop--product-slider .gallery-thumbs {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
}
.shop--product-slider .gallery-thumbs .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}
.shop--product-slider  .gallery-thumbs .swiper-slide-active {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.shop--product-slider  .product-gallery {
    box-shadow: 0 0 10px rgba(0,0,0,0.05);
    z-index: 5;
    height: auto;
}

.shop--product-slider .product-thumbs {
    height: 20%;
}
.shop--product-slider .product-thumbs .swiper-slide {
    width: 75px !important;
    height: 75px;
    box-shadow: 0 0 10px rgba(0,0,0,0.05);
    z-index: 11;
    overflow: hidden;
    cursor: pointer;
}
.shop--product-slider .product-thumbs .swiper-wrapper {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 10px 0 10px 0px;
}
.shop--product-slider .swiper-button-next span {
    position:  relative;
    height: 100%;
    display:  block;
    line-height: 40px;
}

.shop--product-slider .swiper-button-next span:after {
    position:  absolute;
    border:  1px solid;
    content:  '';
    height:  40px;
    width:  40px;
    left: -13px;
}
.shop--product-slider .swiper-button-prev span {
    position:  relative;
    height: 100%;
    display:  block;
    line-height: 40px;
    margin-left: 3px;
}

.shop--product-slider  .swiper-button-prev span:after {
    position:  absolute;
    border:  1px solid;
    content:  '';
    height:  40px;
    width:  40px;
    left: -13px;
}
