﻿.cp-header{background:url("/skin_2021/images/member-top.png") no-repeat;height:290px;width:100%}.top-userinfo{position:absolute;left:30px;top:-200px;display:flex;align-items:center}.top-userinfo .avatar{flex:1;max-width:100px;min-width:100px;position:relative}.top-userinfo .avatar img{width:100px;height:100px;border:5px solid #FFF;border-radius:50%}.top-userinfo .detail{flex:auto;margin-left:30px;color:#fff}.top-userinfo .detail .name{font-size:24px;font-weight:bold}.top-userinfo .detail .descible{margin-top:10px;font-size:18px}.sidebar{flex:1;margin-top:-230px;min-width:280px;max-width:280px;min-height:500px;background:#FFFFFF;border-radius:16px;box-shadow:0 10px 10px rgba(0,0,0,0.08);padding:25px;padding-bottom:50px;text-align:center}.sidebar .userinfo{font-size:18px}.sidebar .userinfo .avatar img{border:1px solid #E8E8E8;width:120px;height:120px;border-radius:50%}.sidebar .userinfo .name{margin-top:10px;font-weight:bold}.sidebar .userinfo .descible{color:#999;margin-top:8px}.sidebar .actions{margin-top:30px}.sidebar .actions .item{margin-top:20px}.sidebar .counter{width:100%;margin-top:30px}.sidebar .counter .item{display:flex;margin-top:16px;font-weight:bold;font-size:18px}.sidebar .counter .item .lbl{flex:1;text-align:left}.sidebar .counter .item .value{flex:1;text-align:right}.sidebar .logout{border-top:1px solid #F0F0F0;margin-top:30px;padding-top:30px}.sidebar .logout a{display:inline-block;margin:0 15px;color:#FF734D}.sidebar .logout a:hover{color:#333}.main{padding:30px;flex:auto}.cp-navs{padding:0 15px;background:#fff;border-radius:4px;height:60px;box-shadow:0 5px 5px rgba(0,0,0,0.05)}.cp-navs ul{display:flex;align-items:center}.cp-navs ul li{height:60px;line-height:60px;text-align:center;flex:1;padding:0 5px;position:relative}.cp-navs ul li a{font-size:18px}.cp-navs ul li.on a{opacity:1;font-weight:bold}.cp-navs ul li.on::after{content:"";position:absolute;border-bottom:4px solid #FF734D;width:35%;bottom:0;left:30%}.cp-cloumn-box{background-color:#fff}.cp-cloumn-box .title{font-weight:bold;font-size:20px;padding:30px 60px}.cp-cloumn-box .title .exp{font-size:16px;color:#bbb;margin-left:30px;font-weight:normal}.cp-cloumn-box .content{padding:30px 40px 10px 40px}.cp-form .btn-normal{min-width:150px}.cp-form .form-group{padding-left:40px;margin-bottom:30px;margin-left:-20px;margin-right:0;position:relative}.cp-form .form-group.require::before{width:50px;left:15px;top:0;line-height:50px;position:absolute;display:inline-block;content:"*";color:#FF0000;font-size:18px}.cp-form .form-group .form-label{width:80px;margin-right:10px;margin-left:-10px;font-size:18px;display:inline-block;vertical-align:top;margin-top:10px}.cp-form .form-group .form-input,.cp-form .form-group .dropdown-toggle{font-size:18px;height:50px;line-height:50px;background-color:#f8f8f8;box-shadow:none;border-color:#e2e2e2}.cp-form .form-group .form-input:active,.cp-form .form-group .form-input:focus,.cp-form .form-group .dropdown-toggle:active,.cp-form .form-group .dropdown-toggle:focus{box-shadow:0 0 10px rgba(0,0,0,0.2);border-color:#FF734D}.cp-form .form-group .form-textarea{font-size:18px;min-height:120px;line-height:30px;background-color:#f8f8f8;box-shadow:none;border-color:#e2e2e2}.cp-form .form-group.form-inline .form-textarea{width:580px}.cp-form .form-group .form-static{margin-top:10px;font-size:18px;display:inline-block}.cp-form .form-group .cp-dropdown-toggle{height:48px;width:100%;line-height:inherit;text-align:left;position:relative}.cp-form .form-group .cp-dropdown-toggle:active{opacity:0.7}.cp-form .form-group .cp-dropdown-toggle .caret{position:absolute;right:15px;top:20px;border-width:6px;color:#999}.cp-form .form-group .cp-dropdown-menu{margin-left:40px;width:calc(100% - 40px)}.cp-form .form-group .cp-dropdown-menu li a{line-height:30px;font-size:16px}.cp-form .form-group .tags .tag-input{width:50%}.cp-form .form-group .tags .tag{margin-top:10px;margin-right:10px;display:inline-block;position:relative;font-size:16px;white-space:nowrap;background-color:#f0f0f0;color:#FF734D;padding:4px 30px 5px 15px;transition:all 0.2s}.cp-form .form-group .tags .tag .close{font-size:18px;line-height:24px;color:#FF734D;opacity:1;position:absolute;right:0;top:0;bottom:0;width:30px;text-align:center}.upload-img-item{width:300px;height:200px;line-height:180px;margin-right:5px;box-sizing:content-box;position:relative;border-radius:3px;font-size:50px;display:inline-block;overflow:hidden}.upload-img-item img{border-radius:3px;display:inline-block;width:100%;min-width:100%;min-height:100%;vertical-align:top}.upload-img-item .remove{position:absolute;right:0;top:0;font-size:20px;width:20px;height:20px;overflow:hidden;line-height:22px;background-color:rgba(0,0,0,0.3);color:#fff;cursor:pointer}.upload-img-item.is-upload::before{content:'点击上传';font-size:16px;padding-top:40px;text-align:center;width:100%;height:100%;display:inline-block;position:absolute;z-index:10;left:0;right:0;top:0;cursor:pointer;border-radius:3px;transition:all 0.5s ease;background-color:rgba(0,0,0,0.03);color:#999}.upload-img-item.is-upload.active::before{background-color:rgba(0,0,0,0.2);color:#fff;content:'重新上传'}.upload-img-item.is-upload::after{cursor:pointer;content:'\e633';width:100%;height:100%;display:inline-block;text-align:center;font-family:'iconfont';color:#FF734D;position:absolute;z-index:11;left:0;right:0;top:0;transition:all 0.5s ease}.upload-img-item.is-upload:hover::before{background-color:rgba(0,0,0,0.1) !important}.upload-img-item.is-upload.active:hover::before{background-color:rgba(0,0,0,0.3) !important;color:#FFF}.news-list-empty{text-align:center;padding:50px;background:url("/skin_2021/images/list-empty.png") no-repeat center;padding-top:500px}.news-list-empty::after{content:'这里暂时没有内容，快去探寻宝藏吧~';display:inline-block;font-size:20px;color:#2b2b2b}.my-news-list{display:flex;flex-wrap:wrap}.my-news-list .item{display:inline-block;border-radius:12px;overflow:hidden;margin-right:20px;margin-top:30px;max-width:calc((100% - 40px) / 3);min-width:calc((100% - 40px) / 3);background-color:#fff;position:relative;box-shadow:0 10px 10px 0 rgba(0,0,0,0.15)}.my-news-list .item:nth-child(3n+0){margin-right:0}.my-news-list .item .pic img{width:100%;height:calc(274px * 0.66666)}.my-news-list .item .detail{bottom:0;padding:10px;align-items:center;transition:opacity 0.3s}.my-news-list .item .detail .title{font-size:14px}.my-news-list .item .detail .other{font-size:12px;margin-left:10px;margin-top:10px;flex:1;display:flex;align-items:center}.my-news-list .item .detail .other .count,.my-news-list .item .detail .other .edit{flex:1}.my-news-list .item .detail .other .count{display:flex;text-align:right}.my-news-list .item .detail .other .count span{margin:0 20px 0 0;display:flex;align-items:center}.my-news-list .item .detail .other .count span .ext-icon{font-size:18px;color:#bbb}.my-news-list .item .detail .other .edit{text-align:right}.my-news-list .item .detail .other .edit a{margin:0 5px}.my-news-list .item:hover .detail{opacity:1}
