.developer_left_title { position: relative; width: 320px; height: 154px; } .developer_left_a { position: absolute; left: 25px; top: 35px; width: 280px; height: 60px; text-decoration: none; border-bottom: 1px solid #ddd; } .developer_left_span_a { position: absolute; left: 80px; top: 0; width: 200px; height: 30px; line-height: 42px; font-size: 22px; color: #000; } .developer_left_span_b { position: absolute; left: 80px; top: 30px; width: 200px; height: 30px; line-height: 30px; font-size: 14px; color: #000; letter-spacing: 2px; } .developer_left_a:after { content: ''; position: absolute; top: 7px; left: 25px; width: 40px; height: 40px; background-position: 0px; background-size: 40px; background-repeat: no-repeat; background-image: url(../../../image/oss/iot/huizong.png); } .developer_left_con_body { width: 320px; } .developer_left_con { position: relative; width: 320px; height: 100%; } .developer_left_con_span { position: absolute; left: 60px; top: 0; height: 50px; line-height: 50px; font-size: 18px; } .developer_left_con ul { position: relative; margin: 0; padding: 0; } .developer_left_con_div { position: relative; } .developer_left_con ul li { margin: 0 auto; width: 280px; height: 50px; border-bottom: 1px solid #ddd; list-style-type: none; position: relative; cursor: pointer; } .developer_left_con_li_a:after { content: ''; position: absolute; top: 22px; right: 5px; width: 5px; height: 12px; background-position: 0px; background-size: 5px 12px; background-repeat: no-repeat; background-image: url(../../../image/oss/iot/right.png); } .developer_left_con_li_b:after { content: ''; position: absolute; top: 22px; right: 5px; width: 12px; height: 12px; background-position: 0px; background-size: 12px 5px; background-repeat: no-repeat; background-image: url(../../../image/oss/iot/bottom.png); } .developer_left_none { width: 318px; height: auto; z-index: 9999; background-color: #fff; display: none; } .developer_left_none ul { position: relative; margin: 0; padding: 0; } .developer_left_none ul li { margin: 0 auto; width: 180px; height: 50px; line-height: 50px; border-bottom: 1px solid #ddd; list-style-type: none; } .developer_left_none ul li a { font-size: 16px; color: #888; padding-left: 10px; } .border-leftright{ border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; } .developer_right_span{ font-size: 20px; } .content-title{ margin: 47px 0 0 30px;padding-bottom: 20px;border-bottom: 1px solid #d9d9d9; } .content-body{ margin-left: 30px; padding-top: 20px; } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857143; color: #333; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; } .bg-content{ color: #666; line-height: 30px; padding: 0 10px; margin: 10px 0; } .bg-title{ font-size: 14px; color: #333; line-height: 40px; font-weight: bold; background: #f1f1f1; padding: 0 10px; margin: 10px 0; } .api-content{ border: 1px solid #d9d9d9; padding: 5px 10px; } .api-content h4.title{ color:#007ad5; font-size: 16px; }