#proxy-manager{padding-top:68px}.cur{cursor:pointer}.top_bg{justify-content:center}.top_bg,.top_box{align-items:center;display:flex}.top_box{background-color:#fff;border:1px solid #e2e6ef;border-radius:4px;color:#2a2b32;font-size:16px;line-height:40px;padding:0 28px}.top_box img{border-radius:50%;height:28px;margin-right:10px;width:28px}.top_box .iconfont{color:#6cb9ff;font-size:26px;margin-right:10px}.top_box_bg{background-color:#4164f6;border:1px solid #4164f6;color:#fff}.top_jj{background:url(/img/proxy-manager/jj.png) 100% no-repeat;padding:0 23px}.top_jj span{color:#6d7c90;position:relative;top:-22px}.body_box,.code_box{margin:0 auto;opacity:0;width:calc(100% - 60px)}.body_title_box{color:#2a2b32;font-size:22px;justify-content:space-between}.body_title_box,.body_title_right,.body_title_right .iconfont{align-items:center;display:flex}.body_title_right .iconfont{background-color:#fff;border:1px solid #e2e6ef;border-radius:4px;color:#e2e6ef;cursor:pointer;font-size:20px;height:40px;justify-content:center;margin-right:10px;width:40px}.body_title_right .a:hover{border:1px solid #fe4d49;color:#fe4d49}.body_title{color:#333;font-size:26px;font-weight:600;margin-bottom:40px}.body_title_box .add_port_btn{align-items:center;background-color:#fe4d49;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:41px;justify-content:center;width:181px}.body_title_box .add_port_btn span{margin-right:8px}.body_title_right .add_port_btn_a{background-color:#fff;border:1px solid #4164f6;box-sizing:border-box;color:#4164f6;margin-left:16px}.ports_box{background-color:#fff;border:1px solid #e2e6ef;border-radius:10px;box-sizing:border-box;margin-bottom:10px;margin-top:16px;min-height:500px;padding:30px}.block{display:flex;justify-content:center;margin-bottom:50px}.ports_title{border-bottom:4px solid #fea6a4;color:#2a2b32;font-size:18px;height:14px;width:max-content}.start_btn{background-color:#fff;border:1px solid #fe4d49;border-radius:4px;color:#fe4d49;cursor:pointer;height:44px;line-height:44px;margin:170px auto 0;text-align:center;width:300px}.pop_bg{align-items:center;background-color:rgba(0,0,0,.6);display:flex;height:100vh;justify-content:center;opacity:0;position:fixed;top:0;width:100vw;z-index:99}.add_port_pop_1{background-color:#fff;border-radius:10px;box-sizing:border-box;padding:40px;position:relative;width:574px}.add_port_pop_3{width:780px}.add_port_pop_2{background-color:#fff;border-radius:10px;box-sizing:border-box;padding:40px;position:relative;width:573px}.add_port_pop_1 .iconfont,.add_port_pop_2 .iconfont{cursor:pointer;position:absolute;right:10px;top:10px}.extract_pop .title{font-size:20px;font-weight:600;text-align:center}.extract_pop .extract_url{background-color:#fff;border-radius:4px;box-sizing:border-box;height:41px;line-height:41px;margin-top:40px;overflow:hidden;padding:0 20px;width:100%}.extract_pop .btn_box{align-items:center;display:flex;justify-content:space-evenly;margin-top:40px}.extract_pop .btn_box>div{background-color:#4164f6;border-radius:4px;color:#fff;cursor:pointer;height:41px;line-height:41px;padding:0 20px}.step_box{align-items:baseline;display:flex}.step_box .num{align-items:center;background-color:#fff;border:1px solid #6d7c90;border-radius:15px;color:#6d7c90;display:flex;font-weight:600;height:30px;justify-content:center;margin-right:20px;width:30px}.apply_btn{height:30px;line-height:30px;margin-top:16px;width:148px}.apply_btn,.step_next_btn{background-color:#fe4d49;border-radius:4px;color:#fff;cursor:pointer;text-align:center}.step_next_btn{float:right;height:41px;line-height:40px;width:132px}.step_region{border-left:1px solid #6d7c90;box-sizing:border-box;height:182px;margin-left:15px;padding-left:36px;padding-top:24px}.step_region div:first-child{align-items:center;display:flex}.step_region div:first-child>div{margin-right:30px}.server_ip{color:#fe4d49;font-size:18px;margin-top:25px}.add_port_pop_2 .step_next_btn{margin-top:45px;width:194px}.type_list_box>div{align-items:center;color:#2a2b32;display:flex;font-size:16px;margin-top:10px}.type_list_box>div div:first-child{width:190px}.proxy_ports_title_box{background-color:#f5f5f7;border:1px solid #e2e6ef;border-radius:10px 10px 0 0;color:#6d7c90;margin-top:22px}.proxy_ports_list,.proxy_ports_title_box{align-items:center;display:flex;height:54px;justify-content:space-between}.proxy_ports_list{border-bottom:1px dashed #e2e6ef}.proxy_ports_list:hover{background:#f9f9fa}.ports_box .gou{background-color:#fff;border:1px solid #6d7c90;border-radius:4px;height:19px;margin-left:20px;text-align:center;width:19px}.ports_box .gou.a{background-color:#fe4d49;color:#fff}.ports_box .index{width:50px}.ports_box .actions{align-items:center;display:flex;justify-content:space-between;width:120px}.ports_box .actions .iconfont{cursor:pointer}.ports_box .proxy_server{width:120px}.ports_box .proxy_port{width:100px}.ports_box .status{width:80px}.ports_box .targeting{align-items:center;display:flex;width:100px}.ports_box .targeting img{border-radius:50%;margin-right:10px;width:25px}.ports_box .proxy_type{width:140px}.ports_box .session_type{width:100px}.ports_box .get_proxy{align-items:center;display:flex;width:170px}.ports_box .get_proxy>div{background-color:#fff;border:1px solid #e2e6ef;border-radius:4px;cursor:pointer;height:34px;line-height:34px;margin-right:3px;padding:0 10px}.ports_box .get_proxy>div.h{background-color:#6d7c90;color:#fff}.ports_title2{color:#2a2b32;font-weight:600;margin-bottom:15px;margin-top:30px}.key_box{display:flex;margin-top:10px}.key_box .txt1{font-weight:600}.key_box .box{align-items:center;background-color:#fff;border:1px solid #e2e6ef;border-radius:4px;box-sizing:border-box;color:#2a2b32;display:flex;height:41px;justify-content:space-between;padding:0 20px;width:742px}.key_box .sava_btn{background-color:#fe4d49;border-radius:4px;color:#fff;height:40px;line-height:40px;margin-left:15px;text-align:center;width:176px}.ports_title3{align-items:center;display:flex;margin-top:45px}.ports_title3 .txt1{color:#2a2b32;margin-right:30px}.ports_title3 .txt2{color:#6d7c90}.ip_box{flex-wrap:wrap;margin-top:20px}.ip_box,.ip_box>div{align-items:center;display:flex}.ip_box>div{background-color:#fff;border:1px solid #e2e6ef;border-radius:16px;height:33px;justify-content:space-between;margin-right:12px;padding:0 30px}.ip_box .add_btn{background-color:#6d7c90;color:#fff}.back_btn{color:#6d7c90;cursor:pointer}.back_btn,.code_btn_box{align-items:center;display:flex}.code_btn_box{justify-content:space-between;margin-top:30px}.code_btn_box>div{color:#6d7c90;cursor:pointer;height:130px;width:49%}.code_btn_box>div,.code_btn_box>div>div:first-child{align-items:center;display:flex;flex-direction:column}.code_btn_box>div>div:first-child{background-color:#fff;border:1px solid #e2e6ef;border-radius:4px;height:90px;width:100%}.code_btn_box>div.a>div:first-child{border:1px solid #6d7c90}.code_btn_box>div.a>div+.jj{display:block}.code_btn_box>div .iconfont{font-size:30px;margin-bottom:5px;margin-top:20px}.code_btn_box>div .jj{display:none;font-size:12px;margin-top:-1px}.code_config_btn_box,.code_yy_btn_box{align-items:center;display:flex;margin-top:25px;position:relative}.code_config_btn_box>div,.code_yy_btn_box>div{background-color:#fff;border:1px solid #e2e6ef;border-radius:16px;color:#2a2b32;cursor:pointer;height:32px;line-height:32px;margin-right:12px;padding:0 20px}.code_config_btn_box .a,.code_yy_btn_box .a{background-color:#6d7c90;color:#fff}.CodeMirror{background-color:#fff;border:1px solid #e2e6ef;border-radius:10px;box-sizing:border-box;line-height:30px;margin-top:30px;min-height:331px;padding:30px;width:100%}.CodeMirror-gutters{display:none}.save_btn{background-color:#fe4d49;border-radius:4px;color:#fff;height:40px;line-height:40px;margin-top:42px;text-align:center;width:195px}.code_yy_copy_btn{position:absolute;right:30px;top:90px;z-index:9}.add_ip_pop .title{color:#2a2b32;font-size:20px;font-weight:600;text-align:center}.add_ip_pop .title2{color:#2a2b32;font-weight:600;margin-bottom:20px;margin-top:20px}.add_ip_pop .btn_box{align-items:center;display:flex;justify-content:space-evenly;margin-top:40px}.add_ip_pop .btn_box div{background-color:#f9f9f9;border-radius:4px;color:#5d5d5f;cursor:pointer;font-size:16px;font-weight:700;height:44px;line-height:44px;text-align:center;width:141px}.add_ip_pop .btn_box .confirm{background-color:#fe4d49;color:#fff}.ip_box .ip_info .iconfont{display:none;font-size:12px;margin-left:20px}.ip_box .ip_info:hover .iconfont{display:block}.del_all{background-color:#fe4d49;border-radius:4px;color:#fff;cursor:pointer;height:41px;line-height:41px;padding:0 20px}.api_box{align-items:center;display:flex;margin-top:20px}.api_box>div{cursor:pointer;margin-right:20px;padding:5px 0}.api_box>div.a{border-bottom:3px solid #fe4d49}.api_url_box{align-items:center;display:flex;margin-top:20px}.api_url_box .api_url{background-color:#fff;overflow:hidden;width:716px}.api_url_box .api_url,.api_url_box .copy_btn{border-radius:4px;height:40px;line-height:40px;margin-right:20px}.api_url_box .copy_btn{background-color:#fe4d49;color:#fff;cursor:pointer;text-align:center;width:141px}.api_title{color:#2a2b32;font-weight:600;margin-top:32px}.api_info_title{align-items:center;background-color:#f5f5f7;border:1px solid #e2e6ef;border-radius:10px 10px 0 0;box-sizing:border-box;color:#6d7c90;display:flex;height:50px;justify-content:space-between;margin-top:20px;padding:0 20px}.api_info>div,.api_info_title>div{width:20%}.api_info>div:nth-child(4),.api_info_title>div:nth-child(4){width:40%}.api_info{align-items:center;border-bottom:1px dashed #e2e6ef;box-sizing:border-box;color:#2a2b32;display:flex;height:50px;justify-content:space-between;padding:0 20px}.api_info .h{color:#eb5750}.api_info .l{color:#2ec26b}.flag_box{align-items:center;display:flex}.flag_img{border-radius:50%;height:24px;margin-right:10px;width:24px}