*,h1,h2 { font-family: inherit; line-height: 1.8em; font-size:14px; }
 body { background: #fff; }
 li,span,i,a,p,b,td { }
 ul,li,h1,h2,h3,p { margin: 0px; padding: 0px; }
 li { list-style-type: none; }
 h1 { font-size: 24px; margin: 0px; line-height: 2em; }
 h2 { font-size: 16px; font-weight: bold; line-height: 2em; margin-bottom: 5px; }
 h3 { font-size: 14px; font-weight: bold; margin-top: 10px; }
 p { padding: 5px 0px; }
 a { color: #118be5; }
 a:hover { text-decoration: none; }
 ol li { list-style-type: decimal; padding: 2px 0px; }
 xmp{background:#eee;padding:10px;padding-top:0px;}
 
 
 /*common*/
 .fl { float: left; }
 .fr { float: right; }
 .clear { clear: both; }
 .bg-warning { padding: 5px 10px; color: #bb7d06; margin: 8px 0px; }
 .pic img { border: 1px solid #ccc; box-shadow: 0px 0px 20px #ccc; padding: 0px; max-width:600px; width: auto; }
 .btn-primary{padding:10px 20px;}

 .center{text-align:center;}
 .green { color: green; }
 .red { color: red; }
 .section { margin-bottom: 20px; height: auto; }
 .section_center { color: red; }
 .padding { padding: 10px; }
 .pic { margin: 10px 0px; text-align:center}
 .pic img { box-shadow: 0px 0px 10px #ccc; }

 /*layout*/
 .container { width: 100%; margin: auto; }
 .content .container { padding: 10px 10px; }
 .content .sidebar { float: left; width: 190px; height: 100%; margin-right: 10px; }
 .content .main { height: 100%; overflow: auto; padding: 10px; border-left: 1px solid #ccc; padding-left: 20px; min-height: 600px; }

 /*header*/
 .header { height: 55px; background: #393d49; margin-bottom: 20px; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, 0.1); }
 .header a.logo-text { float: left; color: #fff; font-size: 26px; width: 300px; padding-top: 1px; }
 .header .main-nav { float: left; }
 .header .main-nav li { display: inline; }
 .header .main-nav a { margin-top: 11px; float: left; line-height: 45px; padding: 0px 20px; font-size: 1.1em; color: #fff; background-color: transparent; }
 .header .main-nav li.active a { background: #f4f4f4; color: #000; border-radius: 4px 4px 0px 0px; }
 #header .photo { width: 25px; height: 25px; border-radius: 50%; }
 #header .dropdown-toggle { background-color: transparent; }

 /*sidebar*/
 .sidebar ul { margin: 0px; padding: 0px; margin-bottom: 10px; }
 .sidebar li { margin-bottom: 2px; }
 .sidebar a { line-height: 2em; color: #333; display: block; text-decoration: none; }
 .sidebar li a { padding-left: 20px; }
 .sidebar li.active a { background: #393d49; color: #fff; }
 .sidebar a.title { border-width: 0px; padding-left: 10px; }

 /*main*/
 .main h1 { border-bottom: 1px solid #eee; margin-bottom: 10px; padding-bottom: 10px; }
 .main p { line-height: 2em; }
 .main ul { line-height: 2em; }
 .main .intro { margin-bottom: 20px; }
 .section-title { position: relative; }
 .section-title h1 { color: #999; }
 .section-title h1 a { font-size: 24px; color: #333; }
 .section-title-info { position: absolute; right: 10px; top: 0px; }
 .wizard li {}
 .wizard ul { margin-bottom: 10px; }
 .wizard ul li { float: left; width: 180px; margin: 5px; }
 .wizard ul li a { display: block; background: #eef5f9; border: 1px solid #d5e0e8; text-align: center; color: #333; }
 .wizard ul li a:hover { background: #faf3cb; border: 1px solid #bb7d06; }

 /*table*/
 .table th { background: #eee; }
 .col-name { width: 200px; }
 .col-required { width: 60px; }
 .col-type { width: 100px; }
 .row-must td { background: #f5f5f5; color: #999; }
 .tap-item { display: block; padding: 20px; background: #7cbae5; color: #fff; text-align: center; height: 150px; margin-bottom: 10px; }
 .tap-item:hover { color: #fff; }
 .tap-item-gray { background: #eee; color: #333; border: 1px solid #ccc; }
 .tap-item-gray:hover { background: #fff; color: #333; }
 .tools {}
 .tool-item { margin: 10px 0px; border-bottom: 1px solid #eee; padding-bottom: 20px; margin-bottom: 20px; }
 .tool-item .icon { float: left; width: 80px; padding-top: 10px; }
 .tool-item .info { float: left; width: 750px; }
 .tool-item .info h2 { margin: 0px; padding: 0px; }
 .tool-item .info p { margin: 0px; padding: 0px; color: #999; }
 .tool-item .cmd { float: right; width: 100px; padding-top: 10px; }
 .tool-item h2.title { color: #333; }
 .case-item { border-bottom: 1px solid #eee; margin-bottom: 20px; padding-bottom: 20px; }
 .case-sendmsg { background: url(../img/case_sendmsg.png?v=2) right -0px no-repeat; padding-right: 400px; min-height: 320px; }
 .case-oauth { background: url(../img/case_oauth.png?v=4) right -0px no-repeat; padding-right: 600px; min-height: 300px; }


 a.btn-primary,a.btn-primary:hover { background: #44b549; border-radius: 4px; color: #fff; border-width: 0px; }
 .method-list li { list-style-type: none; width: 20%; float: left; line-height: 2em; }
 .sdk-section { text-align: center; border: 1px solid #ccc; box-shadow: 0px 0px 10px #ccc; }
 .sdk-section .item-header { background: #f4f4f4; padding: 10px; }
 .sdk-section .item-header h2 {}
 .sdk-section .item-header span { color: #999; }
 .sdk-section .item-body { background: #fff; padding: 10px; }
 .sdk-section .item-body .btn { border: 1px solid #118be5; color: #118be5; margin: 20px auto; width: 250px; display: block; }
 .card{border:1px solid #eee;margin-bottom:20px;}
 .card-hb{padding:10px;background:#f4f4f4;border-bottom:1px solid #eee;}
 .card-db{padding:10px;}
 .card h3{margin-bottom:10px;}
 .step-list{ width:100%; margin:10px 0px; border-bottom:1px solid #fff;margin-bottom:30px;padding-bottom:20px; }
 .step-list .step-item{ display: inline-block; width:250px; position: relative; float:left; }
 .step-list .step-item-tail{ position: absolute;width:140px;top:15px;left:0px;border-top:1px solid #eee; margin:0px 140px 0px 110px; }
 .step-list .step-item-icon{ display: inline-block;text-align:center;width:24px;height:24px;line-height:24px; border-radius:50%;border:1px solid #ccc; background:#fff; }
 .step-list .step-item-name{ display: inline-block;padding:5px 10px;background:#fff;font-size:16px; }
 .step-item-0 .step-item-icon{background:#fffff;border:1px solid #1890ff;color:#1890ff;}
 .step-item-0 .step-item-name{color:#999999}
 .step-item-1 .step-item-icon{background:#1890ff;border:1px solid #1890ff;color:#ffffff}
 .step-item-1 .step-item-name{font-weight:bold;}
 .step-item-2 .step-item-icon{background:#ffffff;border:1px solid #999999;color:#999999}
 .step-item-2 .step-item-name{color:#999999}
 .pos-rel{position:relative;}
 .pos-right{position:absolute;right:0px;top:5px;}