/*common begin*/
body{color: #5a5a5a;}
.navbar-wrapper{position: absolute; top: 0; right: 0; left: 0; z-index: 20;}
.navbar-wrapper > .container{padding-right: 0; padding-left: 0;}
.navbar-wrapper .navbar{padding-right: 15px; padding-left: 15px;}
.navbar-wrapper .navbar .container{width: auto;}
.carousel{height: 500px; margin-bottom: 60px;}
.carousel-caption{z-index: 10;}
.carousel .item{height: 500px; background-color: #777;}
.carousel-inner > .item > img{position: absolute; top: 0; left: 0; min-width: 100%; height: 500px;}
.marketing .col-lg-4{margin-bottom: 20px; text-align: center;}
.marketing h2{font-weight: normal;}
.marketing .col-lg-4 p{margin-right: 10px; margin-left: 10px;}
.featurette-divider{margin: 80px 0; /* Space out the Bootstrap <hr> more */}
.featurette-heading{font-weight: 300; line-height: 1; letter-spacing: -1px;}
@media (min-width: 768px){/* Navbar positioning foo */ .navbar-wrapper{margin-top: 20px;} .navbar-wrapper .container{padding-right: 15px; padding-left: 15px;} .navbar-wrapper .navbar{padding-right: 0; padding-left: 0;} .navbar-wrapper .navbar{border-radius: 4px;} .carousel-caption p{margin-bottom: 20px; font-size: 21px; line-height: 1.4;} .featurette-heading{font-size: 50px;}}
@media (min-width: 992px){.featurette-heading{margin-top: 120px;}}
.center-block{float: none; display: block; margin-left: auto; margin-right: auto;}
.hide-textarea{position: absolute; top: 0; left: 0; opacity: 0; z-index: -10;}
.topheader{width: 100% !important; margin-left: 0px; margin-right: 0px; padding-left: 0px !important; padding-right: 0px !important; position:fixed; top:0;}
.rowhandle{margin-top: 50px; margin-left: 0px !important; margin-right: 0px !important;}
.footer{margin-top: 20px; color: #99979c; text-align: center; background-color: #f5f5f5; padding-bottom: 0px;}
.bottom{position:fixed; bottom:0; width:100%;}
.footer .row{padding-top: 30px; padding-bottom: 30px; margin-right:0px; margin-left:0px;}
.footer ul{display:table; margin:auto;padding-left: 0px;}
.footer li{background-image:url("../image/contact.png"); float:left;margin-left: 22px;list-style-type:none;}
.footer li:first-child{margin-left: 0;}
.footer .wx{background-position:0 0; height: 32px;width: 32px;}
.footer .qq{background-position:-35px 0; height: 32px;width: 32px;}
.footer .email{background-position:32px 0; height: 32px;width: 32px;}
.copyright,.copyright a{color: white; text-align: center; background-color: #fe7000; padding-bottom: 10px; padding-top: 10px;}
.btn-primary{background-color: #00bdff; border-color:#fe7000;}
#rotate{height:500px; position:relative; margin:10px auto;}
#rotate a{position:absolute; top:0px; left:0px; color:#fe7000; font-weight:bold; padding:3px 6px; font-size:14px;z-index: 0 !important;}
#rotate a:hover{border:1px solid #eee; background:#fe7000; color: white; border-radius:5px; text-decoration:none;}
.row0{margin-left: 0px !important;margin-right: 0px !important;}
.row10{margin-top: 10px;margin-left: 0px !important;margin-right: 0px !important;}
.modal-backdrop{z-index: 0 !important;}
.navbar-brand{text-align:center;background-image:-webkit-linear-gradient(left,#2d8cf0,#fff 25%,#00bdff 50%,#fff 75%,#2d8cf0);-webkit-text-fill-color:transparent;-webkit-background-clip:text;-webkit-background-size:200% 100%;-webkit-animation:masked-animation 2s infinite linear;}@-webkit-keyframes masked-animation{0%{background-position:0 0;}100%{background-position:-100% 0;}}
.caption .glyphicon,#api .glyphicon{top:2px;}
.bord_top{position:absolute;width:0%;top:0px;opacity:0}
.bord_right{position:absolute;height:0%;right:0px;opacity:0}
.bord_bottom{position:absolute;width:0%;bottom:0px;opacity:0}
.bord_left{position:absolute;height:0%;left:0px;opacity:0}
/*common end*/
/*index begin*/
.type-btn{margin-bottom: 7px;margin-top: 7px;}
.svg-title{font-size: 4px;font-weight: bold;fill: #fe7000}
/*index end*/
/*use begin*/
.href{font-weight:bold;text-align:center;background-image:-webkit-linear-gradient(left,#2d8cf0,#fff 25%,#00bdff 50%,#fff 75%,#2d8cf0);-webkit-text-fill-color:transparent;-webkit-background-clip:text;-webkit-background-size:200% 100%;-webkit-animation:masked-animation 3s infinite linear;}@-webkit-keyframes masked-animation{0%{background-position:0 0;}100%{background-position:-100% 0;}}
.use-content{margin-top: 70px;}
.use>li.active>a{background-color: #fe7000 !important;}
.paras-title{font-size: 15px; font-weight: bold;}
.api-list{background-color: white;}
.api-rotate{background-color: #f4f5f7;padding-left: 0px;padding-right: 0px;}
.api-rotate .progress{height: 10px;margin-bottom:0px;border-radius:0;}
#progress-bar{width: 0%;height: 10px;}
.use-right{background: rgba(0,0,0,.5);height: 70px;padding-top: 18px;margin-left: 0px;margin-right: 0px;}
.text-right{background: rgba(0,0,0,.5);padding-top: 18px;padding-bottom: 18px;margin-left: 0px;margin-right: 0px;text-align: left;}
.use-huo{line-height: 34px;color: #ccc}
.params{margin-top: 10px;}
.use-para{background-color:#f4f5f7;padding-left: 0px;padding-right: 0px;}
.use-para .para{width: 50%;margin-left: 0px;text-align: center}
.use-para .result{width: 50%;text-align: center;}
.use-para .result a,.use-para .para a{border-radius: 0px;margin-right: 0px;}
.use-para .tab-content{height: 558px;overflow :auto}
#api-result,#api-para{word-break:break-all;margin:10px;}
.use-title{font-size: 22px;color: #555;font-weight: bold;}
/*use end*/
/*doc begin*/
.doc-content{margin-top: 70px;}
.bd-clipboard{display: block; float: right; position: relative;}
.btn-clipboard{position: absolute; top: 0; right: .5rem; z-index: 10; display: block; padding: .25rem .5rem; font-size: 75%; color: #818a91; white-space: nowrap; cursor: pointer; margin-top: 5px; background-color: transparent; border: 0; border-radius: .25rem;}
.highlight pre{padding: 10px; margin-top: 0; margin-bottom: 0; background-color: #e9ecef; border: 0;}
pre{display: block; font-size: 87.5%; color: #212529;}
.api-info{margin-right: 5px;margin-left: 5px;}
.desc-title{border-left: 3px solid #fe7000; text-indent: 10px; margin-top: 25px; margin-bottom: 12px;}
.api-desc{color: #666; font-size: 14px; margin: 8px 0px;}
.api-title{font-size: 22px; color: #555;font-weight: bold;border: none;padding-left: 0px;padding-right: 0px;}
.hrefcopy{color: #212529; word-break:break-all;}
.api-table th,.api-table td{min-width: 57px; word-break:break-all;}
.nav-pills .active a{background-color:#fe7000 !important;}
.use-now{float: right;color: #00bdff;font-weight: bold;}
/*doc end*/
/*login begin*/
.text-with-hr{text-align: center; position: relative; z-index: 2;}
.text-with-hr:before{position: absolute; content: ''; top: 20px; left: 0px; width: 100%; border-bottom: 1px solid #d4d4d4; z-index: -1;}
.text-with-hr span{display: inline-block; background: white; padding: 10px;}
.forgetpwd{margin-left: 10%;}
.lr-btn span{background-image:url("../image/g_g_q.png");}
.lr-btn .github{background-position:-18px 0; }
.lr-btn .qq{background-position:16px 0; }
.lr-btn .gitee{background-position:0 0; }
/*login end*/
/*message begin*/
.msglist{color: white; border-bottom: 2px solid rgb(31, 112, 187); padding-bottom: 20px; margin-bottom: 15px;}
#msgbg{background: rgb(9,13,29);padding-top: 20px;margin-bottom:-20px;padding-bottom: 20px;margin-left: 0;margin-right: 0px;}
#msgbg a{color: whitesmoke;text-decoration:none;}
#msgbg .nav-tabs {border-bottom:none}
#msgbg .panel-body {color: #5a5a5a}
.message-content{background: url(https://cdn.free-api.com/bg.webp) no-repeat;color: white;background-size:100%;height: 200px;background-position:center;}
.msg-title{font-size: 24px;}
.msg-pic{height: 50px;width: 50px;margin-top: 30px;border-radius: 4px;}
#msgbg .col-sm-6{background: #24639D;color: #EDEFF0;border-radius: 5px;}
#msgbg .form-group{margin-bottom: 30px;}
.msg-header{border-radius:5px;width: 64px; height: 64px;}
.media-heading{color: #70CCFF}
.msg-time{color: #8AB8E3;font-size: 12px;margin-top: 5px;}
.reply-header{width: 40px; height: 40px;border-radius:3px;}
.loading-more{text-align: center;}
/*message end*/
/*duty gegin*/
.duty-title{font-size: 20px;color: #C00;line-height:40px;text-align: center;border-bottom: 1px solid #C00}
/*duty end*/
/*search begin*/
.search-title{margin-top: 15px;height:50px;display:flex;justify-content:space-between;align-items:center;}
.linetext{height:2px;background-color:#e7e7e4;flex-grow:1;}
.linetitle{top:0;color:#333333;font-size: 23px;}
/*search end*/
/*jump begin*/
.totop{position: fixed;right: 15px;bottom: 15px;z-index: 9999;}
.totop li{list-style: none;width: 40px;height: 40px;line-height: 40px;margin-bottom: 1px;text-align: center;cursor: pointer;font-size: 25px;background-color: #9F9F9F;color: white;border-radius: 2px;opacity: .8;}
.totop li .glyphicon{line-height: 38px;}
.totop a{color: white}
/*jump end*/