body{ background-color: #F6F6F6;}

.api-shop { padding: 20px 0px;}
.api-shop-title { border-bottom: solid 1px #DCDCDC;}
.api-shop-title h1 { color: #313131; font-size: 2.2em; font-weight: 600; margin: 0px 0px 30px 0px; padding-left: 10px;}
.api-shop-cont { padding: 30px 0px;}
.api-item { display: flex; background-color: #FFFFFF; padding: 20px; margin-bottom: 30px;}
.api-item>.img { width: 280px; height: 220px;}
.api-item>.img img  { width: 280px; height: 220px;}
.api-item>.cont  { padding-left: 20px;}
.api-item>div>h2 { color: #000000; display: block; font-size: 18px; margin: 5px 0px 10px 0px;}
.api-item>div>p { height: 140px; display: block; color: #9B9B9B; letter-spacing: 1px; line-height: 26px; overflow: auto;}
.api-item-btns { height: 46px; text-align: right;}
.api-item-btns>a { display: inline-block; height: 22px; line-height: 22px; background-color: #0191FF; color: #FFF; padding: 5px 25px; border-radius: 5px; margin-top: 8px; margin-right: 10px;}

.api-shop-page {}
.api-shop-page:after { display: block; content: ' '; clear: both;}
.api-shop-page ul{ float: right;}
.api-shop-page ul:after { display: block; content: ' '; clear: both;}
.api-shop-page ul li { display: block; float: left; font-size: 12px; height: 30px; line-height: 30px; color: #626262; text-align: center; margin-left: 10px;}
.api-shop-page ul li a { display: block; min-width: 20px; height: 100%; border: solid 1px #DEDEDE; border-radius: 3px; padding: 0px 8px;cursor: pointer;}
.api-shop-page ul li a:hover { color: #4A9FF6; border-color: #4A9FF6;}
.api-shop-page ul li a.active { color: #4A9FF6; border-color: #4A9FF6;}


.uapi-info { display: flex;}
.uapi-info-menu { width: 270px; background-color: #EBEBEB; min-height: 400px;}
.uapi-info-cont { width: 900px; background-color: #F6F6F6; padding-bottom: 50px; padding-left: 20px;}

.menu-title { height: 80px; line-height: 80px; color: #2B2B2B; font-size: 30px; font-weight: 500; padding-left: 20px;}
.uapi-menu { padding: 0px; margin: 0px; list-style: none; padding: 0px 20px;}
.uapi-menu>li { font-size: 20px; color: #2B2B2B; font-weight: 500; padding: 8px 0px; letter-spacing: 1px;}
.uapi-menu>li>a { color: #2B2B2B;}
.uapi-menu>li>a:hover { color: #4E7EEC;}
.uapi-menu>li>i { display:inline-block; width: 20px; color: #5F6679; text-align: center;}
.uapi-submenu { padding: 10px 0px 10px 30px;}
.uapi-submenu>li {font-size: 14px; color: #7A7A7A; padding: 6px 0px; letter-spacing: 1px;}
.uapi-submenu>li>a { color: #7A7A7A;}
.uapi-submenu>li>a:hover { color: #4E7EEC;}

.uaip-detail {}
.uaip-detail-title { margin-bottom: 30px;}
.uaip-detail-title h1 { margin: 15px 0px;}
.uaip-detail-title p{ color:#626262;}

.uapi-desc { margin-bottom: 40px;}
.uapi-desc h2 {margin-top: 36px; margin-bottom: 16px; color: #333; padding-left: 10px; font-size: 20px; line-height: 20px; font-weight: 700;}

.uapi-item {margin-bottom: 40px;}
.uapi-item h2 { margin: 10px 0px; padding-left: 10px;}

table.uapi-table { width: 100%; border: 1px solid #d9d9d9; border-bottom: none; border-collapse: collapse; border-spacing: 0;}
table.uapi-table tr { box-sizing: border-box;}
table.uapi-table td {border: 1px solid #E1E6F0; padding: 8px 13px; word-wrap: break-word; text-align: left; color: #666;}
table.uapi-table td:first-child { background-color: #ECEEF1; color: #333;}
table.uapi-table a { color: #399FF6;}
table.uapi-table a:hover { color: #d63636;}
table.param-table {width: 100%; border: 0px solid #d9d9d9; border-bottom: none; border-collapse: collapse; border-spacing: 0;}
table.param-table tr { box-sizing: border-box;}
table.param-table th {border: 1px solid #E1E6F0; padding: 8px 13px; word-wrap: break-word; text-align: left; color: #333; background-color: #ECEEF1; font-weight: 500;}
table.param-table td {border: 1px solid #E1E6F0; padding: 8px 13px; word-wrap: break-word; text-align: left; color: #666; background-color: #fff !important;}
table.param-table td:first-child>span { color: #399FF6;}

.uapi-param-table { width: 100%; padding: 0px; margin: 0px; box-sizing: border-box;}
.uapi-param-table .table-header { display: flex; box-sizing: border-box;}
.uapi-param-table .table-header .table-cell { border-left: 1px solid #E1E6F0; padding: 8px 13px; word-wrap: break-word; text-align: left; color: #333; background-color: #ECEEF1;  box-sizing: border-box;}
.uapi-param-table .table-row { display: flex; box-sizing: border-box; border-top: 1px solid #E1E6F0;}
.uapi-param-table .table-row .table-cell { border-left: 1px solid #E1E6F0; padding: 8px 13px; word-wrap: break-word; text-align: left; color: #666; background-color: #FFF; box-sizing: border-box;}
.uapi-param-table .table-sub { box-sizing: border-box;}
.uapi-param-table .tab { display: inline-block; width: 15px; height: 20px;}
.uapi-param-table .empty { display: inline-block; width: 12px; height: 13px;}
.cell-param-name { color: #399FF6 !important;}