.header,.list,.main{background:#F6F6F6!important}.btnBox,.toolBox,.userBox .userMes{display:flex;padding:10px}.main{width:100%;height:100%;box-shadow:0 10px 30px rgba(0,0,0,.16);opacity:1;padding-bottom:50px}.header-content a{color:#4B4B4B!important}.label,.list .listTitle{color:#8700B7;font-family:PingFang SC}.list{margin-top:40px}.list .listTitle{font-size:40px;font-weight:400;line-height:53px;opacity:1}.label{font-size:30px;font-weight:400;line-height:56px}.position{color:#707070}.contentBox{width:100%;margin-top:10px}.contentBox .newsList{background-color:#FFF;padding:20px}.newsListBox{width:78%;position:relative;float:left}.contentBox .newsTab{background-color:#FFF;padding:10px;width:20%;float:right}.tabList img{height:174px;width:310px}.tabList p{margin-top:10px;font-size:14px;line-height:20px}.contentBox img{width:100%}.labelTitle{margin-top:20px;font-size:25px;font-family:PingFang SC;font-weight:400;line-height:48px;color:#8700B7;opacity:1}.userBox{background:#FFF;box-shadow:5px 5px 10px rgba(0,0,0,.16);opacity:1;border-radius:6px}.border,.line{background-color:#707070}.userBox .userMes{align-items:center}.userBox .userMes img{width:60px;height:60px;border-radius:50%;margin-right:10px}.nameBox{font-size:18px}.nameBox .job{font-size:12px;color:#A4A4A4}.line{height:1px;width:100%}.toolBox{justify-content:space-around;align-items:center;text-align:center}.toolBox .name{color:#8A8A8A;font-size:12px}.btnBox{justify-content:space-between}.border{width:1px;height:40px}.focus,.payText{background:#E62828;opacity:1;border-radius:6px}.focus{color:#FFF1EF;padding:10px 30px}.pay{background:#FEECEC;opacity:1;border-radius:6px;color:#E62828;padding:10px 30px}.payBox{margin-top:10px;background:#FFF;box-shadow:5px 5px 10px rgba(0,0,0,.16);opacity:1;border-radius:6px;padding:20px 20px 40px}.dataBox{display:flex;justify-content:space-between;color:#828282;align-items:center;border-bottom:1px solid #D9D9D9;padding-bottom:20px}.article li,.iconBox{display:flex;align-items:center}.iconBox{margin-top:10px;color:#707070}.iconBox img{width:22px;height:22px;margin-right:10px}.iconBox span{margin-right:20px}.payText{width:300px;margin:20px auto;height:60px;color:#FFF;text-align:center;line-height:60px}.sayBox{padding:20px;margin-top:20px;background:#FFF;box-shadow:5px 5px 10px rgba(0,0,0,.16);opacity:1;border-radius:6px}.article,.articleList .listTool{padding:20px;background-color:#FFF;border-radius:10px}.sayContent{color:#707070;margin-bottom:20px}.articleList{position:fixed;margin-left:-8%;top:25%;display:flex}.articleList .listTool{height:300px}.article{margin-left:10px;color:#707070;display:flex}.article li span{width:8px;height:8px;border-radius:50%;display:block;background-color:#CCC;text-align:center;margin:6px 0}.article li .dot{width:10px;height:10px;border-radius:50%;display:block;border:1px solid #CCC;text-align:center}.article li .articleDot{margin:0 auto;text-align:center}.article .articleTitle{margin-top:18px}.article .articleTitle li{line-height:80px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;width:80px}.article li .articleLine{margin:0 auto;width:1px;height:30px;background-color:#CCC}.articleList .item{margin-bottom:10px;text-align:center;color:#707070;font-size:14px}.articleList .item img{width:30px;height:30px}.listLine{height:1px;background-color:#707070;margin-bottom:10px;opacity:.5}.articleActive{color:#0056B3}.articleDotActive{background-color:#0056B3!important}