.sub-member .sub-member-tit::after,.sub-member .member-level .mileage::after,.sub-member .list-grade-box .tit::after{display:block;clear:both;height:0;overflow:hidden}.list-privilege li .name,.list-task li .name,.list-task li .award{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.icon-member{display:inline-block;background:url("//s.autoimg.cn/club/i/icon-member-v20171027.png") no-repeat}.icon-member.icon-level-dot-gray{width:16px;height:16px;background-position:-2px -2px}.icon-member.icon-level-dot-green{width:16px;height:16px;background-position:-2px -22px}.icon-member.icon-level-car{width:44px;height:20px;background-position:-23px -2px}.icon-member.icon-lock{width:18px;height:21px;background-position:-72px -1px}.icon-member.icon-arrow-bottom{width:11px;height:7px;background-position:-24px -31px}.sub-member-uibox{border:1px solid #ccd3e4;border-top:none}.sub-member-uibox .sub-member-uibox-title{height:28px;padding:0 7px 0 14px;border-top:2px solid #3b5998}.sub-member-uibox .sub-member-uibox-title h2{float:left;font-size:14px;color:#444;line-height:28px}.sub-member-uibox .sub-member-uibox-title h2 i{display:inline-block;width:3px;height:2px;margin:0 7px;background-color:#444;vertical-align:middle}.sub-member-uibox .sub-member-uibox-title h2 em{color:#888}.sub-member-uibox .sub-member-uibox-title .skip{float:right;font-size:12px;color:#3b5998;line-height:28px}.sub-member-uibox .sub-member-uibox-con{border-top:1px solid #ccd3e4}.sub-member-uibox .sub-member-uibox-con .skip-more{height:32px;font-size:14px;color:#3b5998;line-height:32px;text-align:center}.sub-member-uibox .sub-member-uibox-con .handle-more{display:block;height:40px;width:742px;margin:0 auto;padding:0 19px;font-size:14px;font-weight:bold;color:#666666;text-align:center;line-height:40px;border-radius:3px;background-color:#efefef;-webkit-transition:all ease .3s;-o-transition:all ease .3s;transition:all ease .3s;cursor:pointer}.sub-member-uibox .sub-member-uibox-con .handle-more:hover{color:#fff;background-color:#333;text-decoration:none}.sub-member-uibox .sub-member-uibox-con .handle-more.sjb .iog10-sjb{display:none}.sub-member-uibox .sub-member-uibox-con .handle-more.sjb .iog10-sjt{display:inline-block}.sub-member-uibox .sub-member-uibox-con .handle-more.sjb:hover .iog10-sjt{display:none}.sub-member-uibox .sub-member-uibox-con .handle-more.sjb:hover .iog10-sjb{display:inline-block}.sub-member-uibox .sub-member-uibox-con .handle-more.sjt .iog10-sjb{display:inline-block}.sub-member-uibox .sub-member-uibox-con .handle-more.sjt .iog10-sjt{display:none}.sub-member-uibox .sub-member-uibox-con .handle-more.sjt:hover .iog10-sjt{display:inline-block}.sub-member-uibox .sub-member-uibox-con .handle-more.sjt:hover .iog10-sjb{display:none}.sub-member-uibox .sub-member-uibox-con .handle-more .icon10{margin-left:8px}.list-privilege{width:800px;margin:0 auto;padding-top:3px;overflow:hidden}.list-privilege li{position:relative;float:left;width:138px;height:108px;margin:20px 10px 0;border:1px solid #dedede;border-radius:3px}.list-privilege li>a{display:block}.list-privilege li>a:hover{text-decoration:none}.list-privilege li>a:hover .describe{display:block}.list-privilege li .mark-status{position:absolute;top:3px;right:15px;width:40px;height:16px;font-size:12px;color:#999;text-align:center;line-height:16px;background-color:#e5e5e5;-webkit-transform-origin:center center;-ms-transform-origin:center center;-o-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(45deg) translate(17px, -5px);-ms-transform:rotate(45deg) translate(17px, -5px);-o-transform:rotate(45deg) translate(17px, -5px);transform:rotate(45deg) translate(17px, -5px)}.list-privilege li .mark-status::before{content:'';display:block;width:16px;height:16px;position:absolute;-webkit-transform:skewX(-45deg);-ms-transform:skewX(-45deg);-o-transform:skewX(-45deg);transform:skewX(-45deg);background:#E5E5E5;left:-8px;top:0;z-index:-1}.list-privilege li .mark-status::after{content:'';display:block;width:16px;height:16px;position:absolute;-webkit-transform:skewX(45deg);-ms-transform:skewX(45deg);-o-transform:skewX(45deg);transform:skewX(45deg);background:#E5E5E5;left:32px;top:0;z-index:-1}.list-privilege li .mark-status.gained{color:#fff;background-color:#ff9900}.list-privilege li .mark-status.gained::before{background-color:#ff9900}.list-privilege li .mark-status.gained::after{background-color:#ff9900}.list-privilege li .pic{width:48px;height:48px;margin:16px auto 0}.list-privilege li .pic img{width:100%;height:100%;vertical-align:top}.list-privilege li .name{height:18px;margin-top:14px;font-size:14px;color:#444;line-height:18px;text-align:center}.list-privilege li .describe{display:none;position:absolute;top:0;left:0;width:120px;height:80px;padding:14px 9px;font-size:12px;color:#fff;line-height:20px;background-color:rgba(59,89,152,0.84)}.list-achievement{overflow:hidden}.list-achievement li{position:relative;float:left;width:46px;height:46px;margin:20px 10px 0;border:1px solid #dedede;cursor:pointer;text-align:left}.list-achievement li img{position:absolute;top:50%;left:50%;margin:-12px 0 0 -12px;width:24px;height:24px;vertical-align:top}.list-activity{width:835px;margin:15px auto 0;overflow:hidden}.list-activity li{float:left;width:362px;height:110px;margin:0 27px 20px 28px}.list-activity li .pic{position:relative;float:left;width:138px;height:108px;margin-right:18px;border:1px solid #ccd3e4;border-radius:3px;overflow:hidden}.list-activity li .pic .mark-progress{position:absolute;top:0;left:0;width:88px;height:20px;font-size:12px;color:#fff;text-align:center;line-height:20px;background-color:#f70;-webkit-transform-origin:center center;-ms-transform-origin:center center;-o-transform-origin:center center;transform-origin:center center;-webkit-transform:translate(-20px, 14px) rotate(-45deg);-ms-transform:translate(-20px, 14px) rotate(-45deg);-o-transform:translate(-20px, 14px) rotate(-45deg);transform:translate(-20px, 14px) rotate(-45deg)}.list-activity li .pic .mark-progress.done{background-color:#ff9900}.list-activity li .pic img{width:100%;height:100%}.list-activity li .tit{font-size:14px;color:#333;line-height:1;text-indent:-4px}.list-activity li .time{margin-top:19px;font-size:14px;color:#888;line-height:1}.list-activity li .handle{margin-top:30px}.list-activity li .handle .btn{width:48px}.list-task::after{content:"";display:block;clear:both}.list-task li{position:relative;float:left;width:178px;height:148px;margin:0 10px 20px;border:1px solid #dfdfdf;border-radius:5px}.list-task li:hover .describe{display:block}.list-task li.done .pic{margin-top:10px}.list-task li.done .award{color:#ff9900}.list-task li.done .handle{background-position:1px -137px}.list-task li.lock:hover .describe{display:none}.list-task li.lock .lock-describe{display:block}.list-task li .info{height:102px;padding-top:17px}.list-task li .pic{width:48px;height:48px;margin:0 auto}.list-task li .pic img{width:100%;height:100%;vertical-align:top}.list-task li .name{width:98%;height:18px;margin:9px auto 0;font-family:"\5FAE\8F6F\96C5\9ED1";font-size:16px;font-weight:bold;color:#666;line-height:18px;text-align:center}.list-task li .award{height:14px;margin-top:6px;font-size:12px;color:#666;line-height:14px;text-align:center}.list-task li .award em{color:#ff7b23}.list-task li .handle{position:relative;display:block;height:27px;font-size:14px;color:#fff;line-height:27px;text-align:center;border-radius:0 0 5px 5px;background:url("//s.autoimg.cn/club/i/bg-card-member-v20170922.png") 1px -105px no-repeat;text-decoration:none}.list-task li .describe{display:none;position:absolute;top:0;left:1px;width:158px;height:89px;padding:14px 9px;font-size:12px;color:#fff;line-height:20px;background-color:rgba(59,89,152,0.84);border-radius:5px 5px 0 0}.list-task li .lock-describe{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6)}.list-task li .lock-describe .icon-lock{display:block;margin:46px auto 0}.list-task li .lock-describe p{height:44px;font-size:14px;color:#fff;line-height:44px;text-align:center}.list-grade{margin:0 -10px}.list-grade li{padding:22px 0 22px 20px;border-bottom:1px solid #ccd3e4;overflow:hidden}.list-grade li:last-child{border-bottom:none}.list-grade li .pic{float:left;width:48px;height:48px;margin-right:20px}.list-grade li .pic img{vertical-align:top}.list-grade li .name{height:19px;font-size:14px;color:#333;line-height:19px}.list-grade li .describe{margin-left:68px;margin-top:9px;font-size:14px;color:#888;line-height:20px}.sub-member{margin-left:10px}.sub-member .tab-content{overflow:visible}.sub-member .page .current{display:inline-block}.sub-member .fn-mt20{margin-top:20px}.sub-member .sub-member-tit{padding:10px 0}.sub-member .sub-member-tit::after{content:""}.sub-member .sub-member-tit h1{float:left;font-family:"\5FAE\8F6F\96C5\9ED1";font-size:24px;color:#333;line-height:1}.sub-member .sub-member-tit .mark-member-level{position:relative;float:left;margin-left:6px}.sub-member .sub-member-tit .mark-member-level img{vertical-align:middle;margin-top:-4px}.sub-member .sub-member-tit .skip{float:right;margin-top:12px;font-size:12px;color:#3b5998;line-height:1}.sub-member .member-level .mileage{padding-top:13px}.sub-member .member-level .mileage::after{content:""}.sub-member .member-level .mileage .mileage-count{font-size:14px;color:#333;line-height:1}.sub-member .member-level .mileage .mileage-count em{color:#fe6600;font-weight:bold}.sub-member .member-level .mileage .skip-mileage-detail{float:right;padding-top:2px;font-size:12px;color:#3b5998;line-height:1}.sub-member .member-level .level-wrapper{min-height:148px;margin-top:20px;border:1px solid #ccd3e4}.sub-member .member-level .level-wrapper .level{position:relative;width:760px;height:120px;margin:0 auto}.sub-member .member-level .level-wrapper .level .lv-text-box{position:absolute;top:30px;left:0;width:100%;height:20px}.sub-member .member-level .level-wrapper .level .lv-text-box .lv-text{float:left;width:16.66%;height:20px;font-size:14px;color:#999;line-height:20px}.sub-member .member-level .level-wrapper .level .lv-text-box .lv-text.activate{font-size:18px;font-weight:bold;color:#fe6600}.sub-member .member-level .level-wrapper .level .level-gray{position:absolute;top:58px;left:0;width:100%;height:16px}.sub-member .member-level .level-wrapper .level .level-gray .dot-gray-box{position:relative;display:block;height:11px;margin-top:2px;border:1px solid #dedede;background-color:#f7f7f7;border-radius:5px}.sub-member .member-level .level-wrapper .level .level-gray .dot-gray-box>span{position:relative;float:left;width:16.66%;height:11px}.sub-member .member-level .level-wrapper .level .level-gray .dot-gray-box>span .icon-level-dot-gray{position:absolute;top:-3px;left:-1px}.sub-member .member-level .level-wrapper .level .level-green{position:absolute;top:58px;left:0;width:100%;height:16px;overflow:hidden}.sub-member .member-level .level-wrapper .level .level-green .bar-green{display:block;height:11px;margin-top:2px;border:1px solid #6a6a6a;background-color:#5eb95e;border-radius:5px}.sub-member .member-level .level-wrapper .level .level-green .dot-green-box{position:absolute;top:0;left:0;z-index:2;display:block;width:760px;height:16px;overflow:hidden}.sub-member .member-level .level-wrapper .level .level-green .dot-green-box>span{position:relative;float:left;width:16.66%;height:16px}.sub-member .member-level .level-wrapper .level .level-green .dot-green-box>span .icon-level-dot-green{position:absolute;top:0;left:0}.sub-member .member-level .level-wrapper .level .level-car{position:absolute;top:58px;left:0;z-index:3;height:16px}.sub-member .member-level .level-wrapper .level .level-car .icon-level-car{position:absolute;top:-4px;right:-22px}.sub-member .member-level .level-wrapper .level .level-car .tip{top:25px;right:0;min-width:70px;text-align:center;-webkit-transform:translate(50%, 0);-ms-transform:translate(50%, 0);-o-transform:translate(50%, 0);transform:translate(50%, 0);margin-right:-35px\0}.sub-member .member-level .level-wrapper .stimulate{width:810px;padding:10px 0;margin:0 auto;font-size:14px;color:#333;line-height:36px;text-align:center;border-top:1px dashed #ccd3e4}.sub-member .member-level .level-wrapper .stimulate em{font-weight:bold;color:#f70}.sub-member .my-privilege{padding-bottom:24px}.sub-member .my-privilege .skip-more,.sub-member .my-privilege .handle-more{margin-top:24px}.sub-member .my-privilege .page{margin-top:24px}.sub-member .my-achievement{width:816px;margin:0 auto;padding-bottom:20px}.sub-member .my-achievement .handle-more{margin:20px auto 0}.sub-member .pop-achievement{position:absolute;padding:2px;background:url("//s.autoimg.cn/as/images/shadow_bg.png?v=20141215") repeat;z-index:1000;font-size:12px}.sub-member .pop-achievement .pop-arrow{display:inline-block;overflow:hidden;position:absolute;z-index:2;background:url("//x.autoimg.cn/as/images/layer_arrow24.png?201306241635") no-repeat;_background:url("//x.autoimg.cn/as/images/layer_arrow8.png") no-repeat}.sub-member .pop-achievement .pop-arrow.pop-top,.sub-member .pop-achievement .pop-arrow.pop-bottom{width:15px;height:11px}.sub-member .pop-achievement .pop-arrow.pop-top{bottom:-8px;left:40px;background-position:0 -10px}.sub-member .pop-achievement .pop-arrow.pop-bottom{top:-8px;left:40px;background-position:0 0px}.sub-member .pop-achievement .pop-content{position:relative;z-index:1;border:1px solid #ccd3e4;background-color:#FFFFFF}.sub-member .pop-achievement .medal-info{width:332px;padding:23px 20px 13px 14px;overflow:hidden}.sub-member .pop-achievement .medal-info .pic{position:relative;float:left;width:118px;height:88px;border:1px solid #dedede;text-align:center}.sub-member .pop-achievement .medal-info .pic img{position:absolute;top:50%;left:50%;width:80px;height:80px;margin:-40px 0 0 -40px}.sub-member .pop-achievement .medal-info .info{float:left;width:192px;margin-left:20px}.sub-member .pop-achievement .medal-info .info h4{font-size:12px;font-weight:bold;color:#444;line-height:22px}.sub-member .pop-achievement .medal-info .info p{font-size:12px;color:#888;line-height:22px}.sub-member .limit-activity .handle-more{margin-bottom:12px}.sub-member .layer-active-detail{width:625px;border:5px solid #3b5998;background-color:#FFFFFF;font-size:12px;font-size:12px;box-shadow:0 5px 10px rgba(0,0,0,0.2)}.sub-member .layer-active-detail .layer-bottom{padding:10px;position:relative;background:#f2f5f8;color:#333333;overflow:hidden;border-top:1px solid #ccd3e4}.sub-member .layer-active-detail h3{height:29px;line-height:29px;position:relative;padding:0 10px;font-weight:bold;font-size:14px;color:#333333;overflow:hidden;border-bottom:1px solid #ccd3e4;background:#f2f5f8}.sub-member .layer-active-detail .layer-close{width:16px;height:16px;padding:7px 6px 6px 7px;overflow:hidden;position:absolute;top:0px;right:0px;line-height:0;font-size:0;border-left:1px solid #ccd3e4;background-color:#f2f5f8}.sub-member .layer-active-detail .layer-close:hover{background-color:#3b5998}.sub-member .layer-active-detail .layer-close:hover i{background-position:0px -180px}.sub-member .layer-active-detail .layer-content{width:626px;max-height:430px;overflow:hidden;overflow-y:scroll}.sub-member .layer-active-detail .layer-content .tit{position:relative;width:609px;height:74px;font-size:14px;color:#444;line-height:26px}.sub-member .layer-active-detail .layer-content .tit img{width:100%;height:100%;vertical-align:top}.sub-member .layer-active-detail .layer-content .tit .theme{position:absolute;top:12px;left:0;height:26px;padding-left:20px;font-weight:bold}.sub-member .layer-active-detail .layer-content .tit .award{position:absolute;top:38px;left:0;height:26px;padding-left:20px}.sub-member .layer-active-detail .layer-content .tit .award em{color:#f60}.sub-member .layer-active-detail .layer-content .activity-progress-box{margin:10px 0 0 17px}.sub-member .layer-active-detail .layer-content .activity-progress-box .activity-progress{position:relative;width:582px;height:8px;border:1px solid #dedede;background-color:#fafafa;border-radius:1px}.sub-member .layer-active-detail .layer-content .activity-progress-box .activity-progress .bar{position:absolute;top:-1px;left:-1px;height:10px;background-color:#5274b8;border-radius:1px}.sub-member .layer-active-detail .layer-content .activity-progress-box .text{padding:10px 0;font-size:14px;color:#666;line-height:1;text-align:center}.sub-member .layer-active-detail .layer-content .rule-box{position:relative;width:582px;margin:0 0 0 17px;padding-bottom:16px}.sub-member .layer-active-detail .layer-content .rule-box::after{content:"";display:block;height:0;clear:both;overflow:hidden}.sub-member .layer-active-detail .layer-content .rule-box .rule-btn{float:right;font-size:14px;color:#3b5998;line-height:1;cursor:pointer}.sub-member .layer-active-detail .layer-content .rule-box .rule-btn .icon-arrow-bottom{display:inline-block;margin-left:5px}.sub-member .layer-active-detail .layer-content .rule-box .rule-tips{position:absolute;right:0;top:22px;z-index:1;width:340px;padding:2px;background-color:#eaeaea}.sub-member .layer-active-detail .layer-content .rule-box .rule-tips .tip-arrow-top{position:absolute;top:-8px;right:80px;z-index:2;width:15px;height:11px;overflow:hidden;background:url("//x.autoimg.cn/as/images/layer_arrow24.png?v=20140606") no-repeat}.sub-member .layer-active-detail .layer-content .rule-box .rule-tips .rule-tips-content{padding:10px;border:1px solid #ccd3e4;background-color:#fff}.sub-member .layer-active-detail .layer-content .rule-box .rule-tips .rule-tips-content h4{position:relative;padding:3px 0 8px;font-size:14px;font-weight:bold;color:#444;line-height:1}.sub-member .layer-active-detail .layer-content .rule-box .rule-tips .rule-tips-content h4 .icon16-close{position:absolute;top:3px;right:0}.sub-member .layer-active-detail .layer-content .rule-box .rule-tips .rule-tips-content h4 .icon16-close:hover{background-color:#fff;background-position:-20px -180px}.sub-member .layer-active-detail .layer-content .rule-box .rule-tips .rule-tips-content p{font-size:12px;color:#575757;line-height:20px;text-indent:2em}.sub-member .task-box{width:800px;min-height:378px;margin:14px auto 6px}.sub-member .task-box.sub-task-box .task-none{height:596px}.sub-member .task-box .task-tips{height:32px;padding-left:10px;margin-bottom:20px;font-size:16px;color:#888888;line-height:32px}.sub-member .task-box .skip-more{height:32px;margin-bottom:6px;font-size:14px;color:#3b5998;line-height:32px;text-align:center}.sub-member .task-box .page{margin-bottom:6px}.sub-member .task-box .task-none{height:430px;font-size:16px;color:#888888;text-align:center}.sub-member .task-box .task-none::before{content:"";display:inline-block;width:0;height:100%;vertical-align:middle}.sub-member .task-box .task-none>div{display:inline-block;vertical-align:middle}.sub-member .task-box .task-none>div>div{margin-top:25px}.sub-member .list-grade-box .tit{position:relative;padding-left:28px;padding-top:14px}.sub-member .list-grade-box .tit::after{content:""}.sub-member .list-grade-box .tit h1{float:left;font-size:16px;color:#333;line-height:1}.sub-member .list-grade-box .tit .select{position:absolute;right:10px;bottom:0;width:126px}.sub-member .list-grade-box .tit .select .select-option dd a{padding-left:10px}.sub-task{margin-left:10px}.sub-task .help-notes .i-card{display:inline-block;float:inherit;vertical-align:-4px}.sub-task .help-notes table{width:100%;border:1px solid #ccd3e4}.sub-task .help-notes td,.sub-task .help-notes th{text-align:center;border:1px solid #ccd3e4}.sub-task .help-notes th{height:35px;color:#999;background-color:#f2f5f8}.sub-task .help-notes td{height:30px}.sub-task .help-notes td div{padding-left:45px;text-align:left}.vip-wrapper p,.vip-wrapper p{padding-left:20px;line-height:24px}.vip-wrapper p .btn,.vip-wrapper p .btn{margin-left:20px}.vip-title{font-size:14px;font-weight:bold;color:#333;line-height:30px;overflow:hidden;zoom:1}.vip-title a{float:right;font-size:12px;font-weight:normal}.sub-task .help-none{width:402px;height:229px;padding:0 0 200px 0 !important;margin:60px 0 0 167px;background:url("../images/pen.jpg") center 70px no-repeat}.sub-task .help-none span{display:block;height:70px;color:#999;line-height:70px;text-align:center}.sub-task .line-title{position:relative;height:1px;margin-bottom:12px;background-color:#ccd3e4}.line-title span{position:absolute;top:-13px;left:0;height:26px;padding-right:20px;font-size:14px;color:#3b5998;line-height:26px;background-color:#fff}
