body{background:#FAFBFD}
.content{display:flex;justify-content:space-between;align-items:flex-start;margin:30px 0}
.content .details{flex-grow:1;flex-shrink:1;padding-left:3%}

.sidebar{width:15%;min-width:200px;flex-shrink:0;min-height:668px;padding:0px 10px;background:#f9f9f9;}
.tree-drawer li a,.tree-drawer li>span{display:block;height:40px;line-height:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:8px;border-radius:4px;cursor:pointer;font-size: 15px;}
.tree-drawer li a:hover,.tree-drawer li a.cur,.tree-drawer li>span:hover{color:#129EFB;background:#DEF2FE}
.tree-drawer li a:hover .arrow,.tree-drawer li a.cur .arrow{border-color:#129EFB}
.tree-drawer li .arrow{display:inline-block;width:6px;height:6px;margin-right:8px;border-right:2px solid #757D87;border-bottom:2px solid #757D87;transform:rotateZ(-45deg) translate3d(1px,-1px,0);transition:transform .3s}
.tree-drawer li .arrow.down{transform:rotateZ(45deg) translateY(-4px)}
.tree-drawer li ul{padding-left:20px}

.top{display:flex;justify-content:space-between;align-items:center}
.top h1{white-space:nowrap;max-width:80%;height:42px;overflow-x:hidden;text-overflow:ellipsis;color:#333;line-height:42px}
.top .cardimg{display:inline-block;width:120px;max-height:40px;vertical-align:middle;background:#fff;border:1px solid #eee;padding:0 6px}
.top .recycle-btn,.advice-sub-btn{display:block;width:130px;height:42px;background:#FFA837;background:linear-gradient(to right,#FFC551,#FFA837);color:#fff;font-size:16px;text-align:center;line-height:42px;border-radius:21px}
.edit-text img{max-width:100%}

/*快问快答*/
.askanswer-list li{padding:10px 0;border-bottom:1px solid #EAEFF4;position:relative}
.askanswer-list li h5{cursor:pointer;font:bold 16px/200% "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif}
.askanswer-list li h5:hover{color:#399EFF}
.askanswer-list li h5.cur{color:#399EFF}
.askanswer-list li .text{display:none;background:#edf1fd;padding:10px 20px;border-radius:4px}
.askanswer-list li .arrow{display:inline-block;width:8px;height:8px;position:absolute;top:22px;right:4px;border-right:2px solid #757D87;border-bottom:2px solid #757D87;transform:rotateZ(-45deg) translate3d(1px,-1px,0);transition:transform .3s}
.askanswer-list li .arrow.down{transform:rotateZ(45deg) translateY(-4px)}
.sideaskanswer{width:18%;min-width:240px;flex-shrink:0;padding:25px 30px;background:#fff;border-radius:16px;box-shadow:0 10px 16px #dfe3f5}
.sideaskanswer .title{border-bottom:1px solid #eee}
.sideaskanswer .title h5{width:50%;font-size:16px;height:42px;line-height:42px;}
.sideaskanswer .title a.more{position:absolute;right:0;top:8px}
.sideaskanswer .list li{padding:5px 0;position:relative}
.sideaskanswer .list li:before{display:block;content:"";position:absolute;left:0;top:47%;border-radius:50%;width:4px;height:4px;background:#bebebe}
.sideaskanswer .list li a{display:block;width:78%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:10px}
.sideaskanswer .list li a:hover,.sideaskanswer .title a.more:hover{color:#399EFF}
.sideaskanswer .list li .date{position:absolute;right:0;top:6px;color:#bebebe}
.askanswer-details h2.bt{font:24px/100% bold}
.askanswer-details .icon-medal{position:absolute;left:-60px;padding:10px 10px 10px 20px;font-size:22px;color:#fff;border-radius:100px 0 0 100px}
.askanswer-details i.wen{top:0;background:#03dd83}
.askanswer-details i.da{top:106px;background:#fea100}
.askanswer-details .text-content {padding:30px 0;border-top:1px solid #EAEFF4;border-bottom:1px solid #EAEFF4;font-size:16px}
.askanswer-details .text-content img{max-width:100%}

/*平台公告*/
.notice-list li .date{width:56px;position:relative;padding-right:3%;float:left;text-align:right;font-size:16px;color:#999}
.notice-list li .date:after{width:12px;height:12px;content:"";border:1px solid #ddd;background:#fff;position:absolute;right:-8px;top:0;border-radius:50%}
.notice-list li .year{color:#bbb}
.notice-list li .text{width:78%;float:left;padding:0 0 3% 3%;border-left:1px solid #ddd}
.notice-list li .text h5{margin-bottom:12px;font-size:20px}

/*常见问题列表*/
.alwaysask-list{min-height:500px}
.alwaysask-list li{padding:10px 0;border-bottom:1px dashed #EAEFF4}
.alwaysask-list li a:hover{color:#399EFF}

/*相关问题1*/
.about-recommend{display:flex;justify-content:space-between;padding:30px;background:#F1F5FA}
.about-recommend .item{width:48%}
.about-recommend li{margin:6px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;justify-content:space-between;align-items:center}
.about-recommend li a{display:inline-block;max-width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.about-recommend li a:hover{color:#399eff}
.about-recommend li span{color:#999}

/*相关问题2*/
.about-recommend2{padding:30px 40px;background:#F1F5FA;border-radius:14px}
.about-recommend2 li{float:left;position:relative;width:50%;margin:3px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.about-recommend2 li a{display:inline-block;max-width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.about-recommend2 li span{position:absolute;right:40px;color:#999}
.about-recommend2 li:nth-child(even) a{margin-left:40px}
.about-recommend2 li:nth-child(even) span{right:0}
.about-recommend2 li a:hover{color:#399eff}

/*意见反馈*/
.advice-area .item{display:flex;justify-content:space-between;align-items:flex-start}
.advice-area label{width:100px;padding-top:10px;flex-shrink:0;font-size:16px;font-weight:bold}
.advice-area .form{flex-grow:1;flex-shrink:1}
.advice-area input,.advice-area textarea{width:100%;box-sizing:border-box;padding:12px;background:#fff;border:1px solid #E5EBF2;border-radius:6px;resize:none;font-family:"Microsoft Yahei"}
.advice-area input:focus,.advice-area textarea:focus{box-shadow:0 0 4px 2px #399EFF}
.advice-sub-btn{border:none;cursor:pointer}

/*回收流程*/
.join-step-index ul{white-space:nowrap}
.join-step-index li{display:inline-block;vertical-align:middle;border:1px dashed #ddd;text-align:center;width:20%;min-width:172px;margin:0 1%;padding:2% 0}
.join-step-index li i{display:block;width:50px;height:50px;margin:0 auto}
.join-step-index li .s1 {background-image:url("../images/step1.png");background-size:cover}
.join-step-index li .s2 {background-image:url("../images/step2.png");background-size:cover}
.join-step-index li .s3 {background-image:url("../images/step3.png");background-size:cover}
.join-step-index li .s4 {background-image:url("../images/step4.png");background-size:cover}

.ifold-menu{ cursor: pointer; }
.ifold-body{ display: none; }
.iunfold .ifold-body{ display: block; }
.recycle-heading{ position: relative; border-bottom: 1px dotted #eee; line-height: 30px; padding: 20px 0 25px 30px; zoom: 1;}
.recycle-heading h2{ font-size: 26px; font-weight: 400; display: inline-block;}
.box-primary{
    zoom: 1;
    padding:  0 0 40px 0;
    overflow: hidden;
    border-left: 1px solid #f0f0f0;
    background-color: #fff;
}
.box-primary .breadcrumbs{
    padding: 15px 0 10px 30px;
    border-bottom: 1px solid #eee;
    background-color: #fff;
}

.aside-menu h4 {
    display: block;
    overflow: hidden;
    font-size: 18px;
    padding: 15px 20px 14px 0;
    text-align: center;
    font-weight: 700;
}
.aside-menu .ifold{ border-top: 1px dotted #eee; }
.aside-menu h4 + .ifold{ border-top: 1px solid #eee; }
.aside-menu .ifold-menu{ margin: 0 10px 0 0;}
.aside-menu .ifold-menu span{
    position: relative;
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 5px 10px 5px 0;
    overflow: hidden;
}
.aside-menu .ifold-menu .iconfont{ margin-right: 10px; font-size: 20px; vertical-align: -2px; }
.aside-menu .ifold-menu span:hover{ color: #007dfe;  }
.aside-menu .iunfold .ifold-menu span,
.aside-menu .iunfold .ifold-menu span:hover{ color: #007dfe;}
.aside-menu .ifold-menu .iconimg-fold{
    display: block;
    width: 10px;
    height: 10px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -5px;
    background-position: -140px 0;
    -webkit-transition: .3s;
    transition: .3s;
}
.aside-menu .iunfold .ifold-menu span .iconimg-fold{ background-position: -140px -15px;}

/* aside-submenu */
.aside-submenu{ padding: 10px 10px 10px 0; border-top: 1px solid #f5f6f7;}
.aside-submenu li{
    float: left;
    clear: both;
    width: 100%;
}
.aside-submenu li a{
    display: block;
    _width: 142px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
    padding: 7px 0 7px 28px;
    font-size: 13px;
    color: #666;
    background: url(/images/sprites/s.png?2017) 15px center no-repeat;
    border-radius: 3px;
    -webkit-transition: .3s;
    transition: .3s;
}
.aside-submenu li a:hover{ background-color: #eaebef; text-decoration: none; color: #007dfe; padding-left: 15px; _width: 155px; background-image: none;}
.aside-submenu li.active a,
.aside-submenu li.active a:hover{color: #fff;background-color: #399eff;padding-left: 15px;_width: 155px;background-image: none;}