.guide{width:100%;overflow:hidden;position:relative}.guide::after{width:140%;left:-20%;height:300px;position:absolute;top:0;z-index:-1;content:'';border-radius:0 0 70% 70%;background:#279AFE}.guide .main{width:1200px;box-sizing:border-box;margin:0 auto;margin-top:20px;background-color:#fff;border-radius:10px;padding:0px 20px;overflow:hidden}.guide .main h1{font-size:20px;position:relative;padding-left:18px;border-bottom:1px solid #f5f5f5;padding-bottom:20px;margin-top:20px}.guide .main h1::before{position:absolute;content:"";width:8px;height:8px;border-radius:50%;background:#279AFE;left:0;top:calc(50% - 10px);transform:translateY(-50%)}.guide .main h1 span{display:inline-block;margin:0 10px;color:#279AFE;font-weight:bold}.guide .main .part{border-bottom:1px solid #f5f5f5;margin-top:5px;padding:20px 0 40px 0}.guide .main .part a{cursor:pointer}.guide .main .part .pic{width:62px;height:62px;border-radius:16px;float:left;background-size:contain;background-position:center;background-repeat:no-repeat;overflow:hidden}.guide .main .part .infor{padding-left:90px}.guide .main .part .infor h2{font-size:18px;font-weight:bold;color:#333333;line-height:40px}.guide .main .part .infor p{font-size:14px;font-weight:400;color:#999999;line-height:23px}.guide .main .left{width:32%;float:left;box-sizing:border-box;padding-top:20px}.guide .main .left .part:hover{background:#f5f5f5}.guide .main .left .part_active{background:#f5f5f5}.guide .main .right{float:right;width:60%;box-sizing:border-box;border-left:1px solid #f5f5f5}.guide .main .right>div[class^="p"]{display:none}.guide .main .right>div[class^="p"]:first-child{display:block}.guide .main .right>div[class^="p"] li{border-bottom:1px solid #f5f5f5;padding:25px 0;display:flex;justify-content:space-between;position:relative;box-sizing:border-box;padding-left:25px}.guide .main .right>div[class^="p"] li::before{position:absolute;content:"";width:5px;height:5px;border-radius:50%;background:#279AFE;left:-3px;top:50%;transform:translateY(-50%)}.guide .main .right>div[class^="p"] li:hover a{color:#279AFE;font-weight:bold}.guide .main .right>div[class^="p"] li:hover::before{width:8px;height:8px;left:-4px}.guide .main .right>div[class^="p"] li a{color:#999999;padding:10px 0}.guide .main .right>div[class^="p"] li a:last-child{border:1px solid #279AFE;color:#279AFE;padding:10px 20px;border-radius:5px}.guide .main .right>div[class^="p"] div[id^="pager"]{line-height:50px;text-align:center;cursor:pointer;color:#999}#outline{position:fixed;top:0;right:0;bottom:0;left:0;margin:0 auto;background:#fff;z-index:9999;overflow:auto;display:none}#outline .title{position:sticky;top:0;display:flex;justify-content:space-between;padding:10px 20px;background-color:#f5f5f5;line-height:40px}#outline .title h2{font-size:16px}#outline .title span{font-size:30px;cursor:pointer}#outline .content{padding:10px 20px;line-height:25px;overflow:auto}