.no-download,.no-state:before,.read-list li,.recommond-img{box-sizing:border-box}body,html{width:100%;height:100%}.main-page{position:relative;max-width:640px;margin:0 auto;height:100%}.left-con{position:fixed;top:1px;left:0;bottom:0;width:90px;background:#fff;overflow:hidden;z-index:9}.left-wrapper{position:absolute;top:0;left:0;width:90px;height:100%;overflow-y:scroll}.left-wrapper::-webkit-scrollbar{width:0;opacity:0;-webkit-overflow-scrolling:touch}.left-con li{position:relative;height:50px;line-height:50px;color:#333;font-size:13px;text-align:center}.left-con .selected{color:#23beae;font-size:15px}.left-con .selected:before{content:"";position:absolute;top:50%;left:0;margin-top:-15px;width:3px;height:30px;background:#23beae}.right-con{margin-left:91px;background:#fff;min-height:100%}.common-fixed,.last-read,.new-recommond{position:relative;height:30px;background:#edf0f5}.last-read,.new-recommond{padding-left:22px;color:#333;font-size:14px;line-height:30px}.info h5,.read-list p{font-size:16px;color:#333;line-height:16px;font-weight:400}.tabFixed{position:fixed;top:0;left:90px;right:0;z-index:6}.last-read img,.new-recommond img{position:absolute;display:block;top:8.5px;left:15px;width:2px;height:13px}.read-list ul{margin-left:15px;padding:15px 0}.read-list li{float:left;width:50%;margin-bottom:5px;padding-right:15px}.read-list img{display:block;width:100%;margin-bottom:10px}.read-list p{margin-left:5px}.recommond-list{background:#fff;padding:15px 0 1px 15px}.recommond-list li{position:relative;display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center;margin-bottom:15px}.recommond-img{width:50%;padding-right:15px}.recommond-img img{display:block;width:100%;height:auto}.info h5{margin-bottom:10px}.info p{color:#999;font-size:12px;line-height:12px}.downloading span,.size{text-align:center;font-size:10px}.progress{position:absolute;top:50%;right:10px;transform:translateY(-50%);-webkit-transform:translateY(-50%)}.size{color:#999;margin-top:5px;line-height:10px}.no-download{position:relative;width:30px;height:30px;border:.5px solid #ccc;border-radius:50%}.downloading,.no-state:before{position:absolute;top:0;left:0}.no-state{border:1px solid #23beae}.no-state:before{content:"";width:29px;height:29px;background:url(/go/youji/img/icon_gonglve_listdown.png) center no-repeat;background-size:7px 15px}.downloading{width:30px;height:30px}.downloading span{display:block;line-height:29px;color:#23beae}.circleProgress_wrapper{width:200px;height:200px;margin:50px auto;position:relative;border:1px solid #ddd}.wrapper{width:100px;height:200px;position:absolute;top:0;overflow:hidden}.right{right:0}.left{left:0}.circleProgress{width:160px;height:160px;border:20px solid transparent;border-radius:50%;position:absolute;top:0;-webkit-transform:rotate(45deg)}.rightcircle{border-top:20px solid #23beae;border-right:20px solid #23beae;right:0;-webkit-animation:circleProgressLoad_right 15s linear infinite}.leftcircle{border-bottom:20px solid #23beae;border-left:20px solid #23beae;left:0;-webkit-animation:circleProgressLoad_left 15s linear infinite}@-webkit-keyframes circleProgressLoad_right{0%{-webkit-transform:rotate(-135deg)}100%,50%{-webkit-transform:rotate(45deg)}}@-webkit-keyframes circleProgressLoad_left{0%,50%{-webkit-transform:rotate(-135deg)}100%{-webkit-transform:rotate(45deg)}}