.searchlist {padding:0;}
    .searchlist ul {display:block;font-size:0;}
    .searchlist ul li {display:inline-block;position:relative;padding:5px 0px 5px 0;margin-bottom:20px;width:33.33%;vertical-align:top;box-sizing:border-box;}
    .searchlist li:after {content:"";display:block;clear:both;height:0;}
    .searchlist .cover {width:36%;height:auto;float:left;margin-right:15px;position:relative;min-width:120px;}
    .searchlist .infos {font-size:1rem;height:100%;box-sizing:border-box;padding:0 20px 20px 0;overflow:hidden;}
    .searchlist .infos .name {display:block;padding:3px 0 10px 0;font-size:1.3rem;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:2rem;}
    .searchlist .infos .tags {padding:0 0 5px 0;font-size:0;}
    .searchlist .infos .tags span {display:inline-block;vertical-align:top;font-size:1rem;margin-right:10px;color:var(--color-main2);}
    .searchlist .infos .author {display:block;padding:0 0 10px 0;color:#333;}
    .searchlist .infos .desc {display:block;font-size:.9rem;line-height:18px;height:54px;overflow:hidden;color:#999;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
    .searchlist .infos .listdata {position:absolute;top:50%;height:1rem;line-height:1rem;font-size:.9rem;color:#999;top:auto;margin:unset;padding:10px 0 0 0;bottom:0;margin:auto auto 5px 0px;}
    .searchlist .infos .listdata .txt b {font-size:1rem;font-weight:normal;}
    .searchlist li>span.num {display:block;width:20px;height:20px;text-align:center;font-size:1rem;color:#fff;background-color:#bababa;line-height:20px;position:absolute;top:50%;margin-top:-10px;left:0;z-index:1;}
    .searchlist .hiscont {display:block;padding:0 0 5px 0;position:absolute;bottom:0;box-sizing:border-box;width:55%;}
    .searchlist .hiscont>div {display:block;padding:0 0 5px 0;font-size:1rem;color:#666;}
    .searchlist .hiscont>div span {font-size:.9rem;}
    .searchlist .hiscont button,
    .searchlist .hiscont a
    {display:block;width:auto;border:0;padding:5px 8px;border-radius:5px;background-color:var(--color-main);color:#fff;min-width:65%;}
    .searchlist .hiscont button.read1,
    .searchlist .hiscont a.read1
    {background-color:var(--color-main2)}
    .searchlist ul li span.del {position:absolute;top:0;right:0;width:30px;height:30px;background-color:#000;color:#fff;text-align:center;line-height:30px;font-size:1.6rem;z-index:3;transition:background 0.2s;cursor:pointer;}
    .searchlist ul li span.del:hover {background-color:var(--color-main2);}
    .usercenter .searchlist ul li {width:33.33%;}
    @media screen and (max-width:1280px){
    .usercenter .searchlist ul li {width:50%;}
    }
    @media screen and (max-width:980px){
    .usercenter .searchlist ul li {width:100%;}
    }
    @media screen and (max-width:767px) {
    .searchlist .hiscont {padding:0}
    .searchlist .hiscont button, .searchlist .hiscont a {padding:5px 8px;font-size:.9rem;}
    .searchlist .hiscont>div {font-size:.9rem;}
    .usercenter .searchlist ul li {width:100%;}
    }

    .userhead { display: block; background-size: 100% auto; position: relative; overflow: hidden; border-radius: 14px 14px 0 0; }
    .myheadbg { position: relative; z-index: 0; width: 100%; height: auto; display: block; }
    .myheadbg2 { position: relative; z-index: 0; width: 80%; height: auto; display:none;}
    .userpage {margin:0 auto;height:auto;position:relative;max-width:var(--maxscreenwidth);border-width:90px 0 30px 0;position:relative;border-style:solid;border-color:transparent;}
    .userpagebox {background-color:#f8f8f8;padding:0 0 0 var(--usermenuwidth);min-height:500px;font-size:0;}
    .userleft {width:60%;display:inline-block;vertical-align:top;font-size:1rem;box-sizing:border-box;padding:20px 25px 20px 20px;}
    .userright {width:40%;display:inline-block;vertical-align:top;font-size:1rem;box-sizing:border-box;padding:20px 20px 20px 25px;}
    .usercenter {display:block;padding:20px 30px;}
    .usercenter .vlist li {width:20%;}
    .usercenger .searchlist ul li .cover {width:30%:}
    .userright .searchlist ul li {width:100%;}
    .usermenu {position:absolute;top:0px;left:0;width:var(--usermenuwidth);height:100%;padding-top:0px;background-color:rgba(0,0,0,0.02);box-sizing:border-box;}
    .userface { position: absolute; top:-50px; left: 50%;margin-left:-75px; width: 150px; height: 150px; border-radius: 50%; border: 3px solid #fff; overflow: hidden;box-sizing:border-box;box-shadow: 0 4px 10px rgba(0,0,0,0.2);}
    .userface img { display: block; width: 100%; height: 100%; background-color: #fff; padding: 0px; border-radius: 0%; box-sizing: border-box; }
    .userface button { position: absolute; right: 0%; bottom: 0; width: 100%; height: 100%; border: 0;  z-index: 1; padding: 0;opacity:0.4;background-image:linear-gradient(to bottom, rgba(0,0,0,0) 75%,rgba(0,0,0,1) 100%);display:none;}
    .userface button svg { display: block; height: 30px; fill: rgba(255,255,255,1); box-sizing: border-box; padding: 5px;position:absolute;left:0%;width:100%;bottom:0;}
    .useredit { position: relative;width:22px;height:35px;float:right;display:none;}
    .useredit button { border: 0; width: 100%; height: 100%; background: none;}
    .useredit button svg { display: block; width: 100%; height: 100%; fill: #666;}
    .username { font-size:1.2rem;display:block;padding:1rem 0px;line-height:1.5rem;text-align:center;}
    .userinfos { position: relative; font-size: 12px; box-sizing: border-box;padding:105px 20px 20px 20px;}
    .userrefreshbtn { position: absolute; top: 3%; right: 2.5%; color: #fff; font-size: 12px; line-height: 20px; height: 20px; display: block; }
    .userrefreshbtn i { vertical-align: top; margin-right: 4px; }
    .userheadtitle { width: 50%; height: auto; padding: 0 0 15px 0; text-align: center; font-size: 18px; color: var(--color-main); position: absolute; left: 0; bottom: 0; font-weight: bold; }
    .usercoin { display:block; line-height: 24px; font-size: 1.2rem; vertical-align: top; margin-right: 10px; height: auto;color:#c90;font-weight:bold;text-align:center;}
    .usercoin img { display: inline-block; vertical-align: top; height: 24px; width: 24px; position: relative; margin-right:4px;}
    .uservip { display:block; vertical-align: top; font-size: .9rem; height: auto; line-height:30px;color:#666;}
    .uservip svg { display: inline-block; height: 30px; width: auto; fill: var(--color-main2); vertical-align: top; box-sizing: border-box;width:30px;margin-right:4px;}
    .uservip span { display: inline-block; vertical-align: top; }
    .qiandao { display: block; width:auto; height: auto; position: relative;margin:0 auto;text-align:center;}
    .qiandaobtn { position: relative; height: 120px; box-sizing: border-box;z-index:1;display:inline-block;min-width:90px;cursor:pointer;}
    .qiandaobtn:hover {opacity:0.9;}
    .qiandaobtn a svg { display: block; margin: 0 auto; width: 100%; height: 100%; box-sizing: border-box; padding: 8px; fill: #fff; position: absolute; top: 0px; left: 0; margin-left: 0px; z-index: 0; opacity: 0.05; padding: 0px; }
    .qiandaobtn > div { display: table; width: 100%; height: 100%; }
    .qiandaobtn a { font-size: 13px; display: table-cell; text-align: center; color: #fff; padding: 5px; width: 100%; height: 100%; box-sizing: border-box; text-align: center; vertical-align: middle; background-color: #724A45; background-image: linear-gradient(to bottom,var(--color-main),var(--color-main2)); border-radius: 10px; z-index: 1; }
    .qiandaobtn a.graybtn { background-color: #666; background-image: linear-gradient(to top,#666,#999) }
    .qiandaobtn a .signed { display: none; }
    .qiandaobtn a .notsigned { display: unset; }
    .qiandaobtn a.graybtn .signed { display: unset; }
    .qiandaobtn a.graybtn .notsigned { display: none; }
    .qiandaobtn a.gitbtn { background-color: #a93ea4; background-image: linear-gradient(to top,#53234f,#a93ea4) }
    .qiandaobtn a span { position: relative; z-index: 1; }
    .qiandaotitle { color: var(--background-popbg); font-size: 1rem; width: 100%; text-align: center; position: absolute; z-index: 1; top:0; font-weight: bold; left: 0%;height:auto;line-height:40px;}
    .qiandaoli { position: relative; z-index: 1; height: 120px; width: auto;border:2px solid rgba(0,0,0,0.2);background-image:linear-gradient(to bottom,rgb(199,238,255),rgb(213,212,255));border-radius:10px;box-sizing:border-box;display:inline-block;}
    .qiandaoli ul { display: block; width: 100%; height: 100%; font-size: 0;box-sizing:border-box;padding:42px 4px 4px 4px}
    .qiandaoli ul li { display:inline-block; vertical-align: top; font-size: 1rem; font-weight: bold; float: left; height: 70px; width: 46px; box-sizing: border-box; color:#fff; text-align: center; position: relative;padding:0 1px;}
    .qiandaoli ul li strong { background-color: var(--color-main); display: block; width: 100%; height: 100%; border-radius: 50px 50px 15px 15px; position: relative; }
    .qiandaoli ul li span { display: block; position: absolute; line-height: 32px; font-size: 1rem; left: 0; bottom:0; width: 100%; text-align: center; }
    .qiandaoli ul li i { position: absolute;top:0; width: 100%; left: 0; font-size: 0px; box-sizing: border-box;height:40px;padding:0 1px;}
    .qiandaoli ul li i svg { display: inline-block; width:100%; height: 100%;box-sizing:border-box;padding:5px 0 0 0;}
    .qiandaoli i.hide { display: none; }
    .qiandaotxt { position: relative;  height: 30px; line-height: 30px; font-size: 1rem; color: #666; width: 100%; text-align: center;  box-sizing: border-box; }

    .usereditpopimgs { position: relative; z-index: 0; width: 100%; height: 100%; box-sizing: border-box; padding: 10px 10px 70px 10px; }
    .usereditpopimgs:before { position: absolute; }
    .usereditpopimgs ul { display: block; width: auto; height: 100%; overflow: auto; overflow-y: auto; border: 4px solid #eee; border-radius: 5px; font-size: 0; padding: 10px; box-sizing: border-box;text-align:left;background-color:#eee;}
    .usereditpopimgs ul li { display: inline-block; width: 33.33%; box-sizing: border-box; padding: 10px; position: relative }
    .usereditpopimgs ul li img { display: block; width: 100%; height: auto; border-radius: 50%; transition: all 0.2s;border:5px solid #fff;box-sizing:border-box;}
    .usereditpopimgs ul li.select img { content: ""; display: block; border: 5px solid #f90; box-sizing: border-box; transform: scale(1);padding:3px;}
    .userediapopbtn {}

    .mylist { margin: 0; padding: 0 20px 20px 20px; }
    .mylist li { display: block; height: auto; line-height: 20px; border-bottom: 1px solid #ddd; padding: 15px 0; position: relative; }
    .mylist li.now {background-color:rgba(0,0,0,0.05)}
    .mylist li b.userTip { background-color: red; color: #fff; border-radius: 40px; width: 30px; height: 20px; line-height: 20px; margin-left: 10px; display: none; text-align: center; font-size: 12px; font-weight: normal; }
    .mylist li a {color:#333;}
    .mylist li a:hover { color: #000;font-weight:bold;}
    .mylist li a > div { display: inline-block; vertical-align: top; }
    .mylist li a > div:first-child { width: 30px; }
    .mylist li > a > div > svg, .mylist li a > div img { display: block; width: 100%; height: 20px; fill: var(--color-main2); box-sizing: border-box; padding: 0px 0;color:#333;}
    .mylist li > a > div > svg path {fill:var(--color-main2)}
    .mylist .item-media svg, .mylist .item-media svg path { fill: var(--color-main2) }
    .mylist .item-media .material-icons { color: var(--color-main) }
    .mylist .item-subtitle { color: #999; font-size: 13px; }
    .mylist li.usergender { height: 30px; line-height: 30px; }
    .mylist li.usergender label { background-color: var(--color-main); border-radius: 15px; padding: 3px 12px 3px 8px; color: #fff; border: solid 0px #ddd; margin-right: 5px; }
    .mylist li.usergender span { font-size: 14px; color: #666; }
    .mylisttitle .title1 { font-size: 16px; color: #333; padding-bottom: 5px; }
    .mylisttitle .title2 { font-size: 12px; color: #999; }

    .daytask { display: block; position: relative; padding-right: 80px; }
    .daytask div { height: 30px; line-height: 30px; }
    .daytask div img { display: inline-block; vertical-align: top; height: 100%; box-sizing: border-box; padding: 5px 0; }
    .daytask .btitle { font-size: 16px; color: #333; }
    .daytask .bimgtitle { width: auto; height: auto; padding-bottom: 5px }
    .daytask .bimgtitle img { display: block; width: 100%; height: auto; padding: 0; border-radius: 5px; }
    .daytask .stitle { font-size: 12px; color: #999; height: auto; line-height: 16px; }
    .daytask .manbi { color: var(--color-main) }
    .daytask .popright { height: 60px; top: 50%; margin-top: -30px; text-align: center; right: 0; color: #999; }
    .daytask .popright.s { height: 30px; margin-top: -15px; }
    .daytask .tasklogo { float: left; width: 60px; height: 60px; margin-right: 10px; padding-top: 8px; }
    .daytask .tasklogo img { display: block; width: 100%; height: 100%; padding: 0; }
    .popright { position: absolute; width: auto; height: 30px; line-height: 30px; right: 10px; top: 50%; margin-top: -15px; color: var(--color-main); font-size: 14px; }
    .popright img { display: inline-block; width: auto; height: 100%; vertical-align: top; padding: 0px; box-sizing: border-box; }
    .mylist li .popright a { display: block; background-color: var(--color-main); color: #fff; font-size: 14px; padding: 0 10px; border-radius: 50px; }
    .popright a.disabled { background-color: #999; }
    .popright a:hover { color: #fff; }
    .addthis_toolbox { display: block; font-size: 0; justify-content: space-between }
    .addthis_toolbox a { display: inline-block; overflow: hidden; border-radius: 5px; padding: 0; }
    .at-icon-wrapper {display: inline-block;overflow: hidden;}
    .blockbtn { display: block; padding: 5px 0 0 0; position: relative;max-width:500px;}
    .blockbtn input { display: block; width: 100%; height: 32px; line-height: 30px; border: 1px solid #ddd; box-sizing: border-box; padding: 0 10px; color: #999; background-color: #f3f3f3; }
    .blockbtn button { position: absolute; top: 5px; right: 0; width: auto; height: 32px; line-height: 32px; border: 0; background-color:var(--color-main2); color: #fff; padding: 0 10px; }

    .messagelist {display:block;background-color:#fff;border-radius:10px;box-shadow: 0 4px 8px rgba(0,0,0,0.1);margin:10px 0 0 0;}
    .messagelist h4 {display:block;font-size:1rem;font-weight:bold;color:#999;padding:15px;background-color:rgba(0,0,0,0.05);border-radius:10px 10px 0 0;}
    .messagelist li {display:block;border-bottom:1px solid #ddd;padding:15px;font-size:1rem;position:relative;line-height:150%;}
    .messagelist li div {padding:5px;font-size:1.2rem;margin-top:5px;}
    .messagelist li span {position:absolute;right:0px;top:0px;font-size:.8rem;color:#999;display:block;line-height:2rem;height:2rem;}
    .messagelist .feedbacktype {display:inline-block;font-size:.8rem;color:#fff;background-color:var(--color-main);height:2rem;line-height:2rem;padding:0 1rem;border-radius:5px;}
    .messagelist .feedbacktype.rep {background-color:transparent;color:#666;display:inline;font-size:1rem;padding:0 10px 0 0;line-height:unset;}
    .messagelist .feedbackitem {display:block;padding:0px;position:relative;padding-right:0px;}
    .messagelist .feedbackitem.rep {background-color:#f3f3f3;border-radius:8px;padding:10px 15px;margin-top:5px;line-height:150%;}
    .messagelist .feedbackitem.rep div {font-size:1.1rem;color:var(--color-main);display:inline;padding:0;margin-top:0;}
    .messagelist .feedbackitem span {bottom:0;}
    .messagelist .feedbackbtn {display:block;text-align:right;padding:5px 15px 10px 0; font-style:normal;font-size:0.9rem;}
    .messagelist em {font-style:normal;color:#666}
    .messagelist .feedbackbtn button {display:inline-block;background-color:#666;color:#fff;height:2rem;line-height:2rem;padding:0 1rem;border-radius:5px;border:0;}

    .feedbackpop {display:block;text-align:left;}
    .feedbackpop h3 {display:block;font-size:1.1rem;line-height:1.1rem;height:2rem;border-bottom:1px solid #ddd;color:#666;}
    .feedbackpop div {display:block;padding:10px 0;line-height:30px;font-size:1rem;}
    .feedbackpop div span {display:inline-block;vertical-align:top;}
    .feedbackpop div label {color:var(--color-main);font-size:1.2rem;}
    .feedbackpop textarea {display:block;width:100%;height:200px;box-sizing:border-box;border:1px solid #ddd;background-color:#f5f5f5;padding:10px;}
    .feedbackpop select {border:1px solid #ddd;background-color:#eee;height:30px;line-height:30px;margin-left:5px;}
    .feedbackpop input[type=radio] {width:1rem;height:1rem;display:inline-block;vertical-align:top;margin-left:20px;}
    .feedbackpopbtn {position:absolute;left:0;bottom:10px;width:100%;text-align:center;}
    .feedbackpopbtn button {line-height:3rem;box-sizing:border-box;display:inline-block;height:3rem;padding:0 1rem;border:0;background-color:#666;color:#fff;border-radius:5px;margin:0 10px;font-size:1.2rem;}
    .feedbackpopbtn button:last-child {background-color:var(--color-main);}