/* 
* @Author: admin
* @Date:   2016-01-05 09:41:42
* @Last Modified by:   admin
* @Last Modified time: 2016-02-01 16:39:05
*/
*,body{margin: 0;padding: 0;}
ul{ list-style: none;}
a{ text-decoration: none;}
.fl{ float: left;}
.fr{float: right;}
.clearfix:after{ display: block; clear: both; content: "";}
body{ font-size: 14px; font-family: "Microsoft Yahei",sans-serif;}
img{ border:0;}
h1,h2,h3,h4,h5,h6{ font-weight: normal;}
i,em{ font-style: normal;}
.bg{ width: 100%; position:fixed;top:0;left:0; height: 100%; background: url('../images/bg.png') no-repeat; background-size: cover; }
input{outline: none;}

.w100{ width: 100%;}
.w1200{ width: 1200px; margin: 0 auto;}
.headerTop{ height: 54px; background: #373942;}
.headerTop .logo h1{ font-size: 18px; color: #fff; margin-top: 15px;}
.headerTop .logo p{ float: left; color: #fff; line-height: 54px; margin-left: 7px; font-size: 18px;}
.mainNav{ margin-left: 80px;}
.mainNav ul li{ float: left;}
.mainNav ul li a{ color: #fff; display:block; float:left; padding: 0 17px; line-height: 54px; font-size: 16px;}
.mainNav ul li .active,.mainNav ul li a:hover{ background: #2b2d34;}

.headerlogin{ position: relative; cursor:pointer;}
.headerlogin p{ line-height: 54px; color: #fff;}
.headerlogin .headerloginBox ul li .edit{ background: url('../images/edit.png') no-repeat 10px 6px;} 
.headerlogin .headerloginBox ul li .close{ background: url('../images/close.png') no-repeat 10px 6px;} 
.headerlogin a{ display:block; line-height: 54px; color: #fff; font-size: 16px;}
.footer{ background: #373942; text-align: center; color: #7f909d; padding-top: 54px;}
.footer a{ color: #7f909d;padding: 0 5px; font-size: 12px;display:inline-block; margin-bottom: 20px;}
.footer a span{ padding: 0 2px;}
.footer p{ line-height: 30px; font-size: 12px;}
/*公用结束*/
.hishop{margin-bottom: 90px;}
.hishopTitle{ height: 30px; position: relative; margin-top: 40px;}
.hishopTitle .line{ width: 100%; height: 2px; background: #7f7f7f; position: absolute;top:50%; margin-top: -1px;}
.hishopTitle h2{ text-align: center; width: 372px; height: 30px; margin: 0 auto; background: #fff; position: absolute;top:0;left: 50%; margin-left: -186px; font-size: 30px; color: #333;}
.hishopText{ margin-top: 65px;}
.hishop p{ font-size: 20px; color: #7f7f7f;margin-bottom: 26px;}
/*登录*/
.loginWrap{ width:955px; margin: 200px auto 0;}
.loginWrap h1{ width: 230px;height: 43px; background:url('../images/loginLogo.png') no-repeat; margin: 0 auto; text-indent: -9999px;}
.loginBox{ width: 955px; height:404px; background:url('../images/loginBox.png') no-repeat;margin-top: 20px;}
.loginBox .login{ width: 570px; margin: 0 auto;}
.login{ padding-top:46px; }
.login dl{ clear: both; height: 54px; margin-bottom: 15px;margin-left: 56px;}
.login dl dt{float: left; font-size:20px; color: #535d65; line-height: 54px;margin-right: 20px;}
.login dl dd{ float: left; width: 384px; height: 54px; border:1px solid #798089; border-radius: 10px;}
.login dl dd span{ display:block; width:30px;height: 30px;float:left; margin-top: 12px; margin-left: 20px;}
.login dl dd .user{ background: url('../images/user.png') no-repeat;}
.login dl dd .pwd{ background: url('../images/pwd.png') no-repeat;}
.login dl dd input{ width:312px; height: 45px; margin-top: 2px; border:0; background: none;padding-left: 10px; font-size: 20px;}
.login dl img{ margin-top: 15px; margin-left: 10px;}
.loginBtn{ width: 120px; height: 44px; border:0;margin: 0 auto;}
.loginBtn input{width: 100%; height: 100%; border:0; background: url('../images/loginBtn.png') no-repeat; color: #fff; font-size:24px; font-family: "Microsoft Yahei",sans-serif;}
/*首页*/
.banner img{ width: 100%;}
.tags{ height: 46px; line-height: 46px;}
.tags ul li{float:left;}
.tags ul li a{ color: #000;}
.wrapContent{ margin-bottom: 150px; border-top: 1px solid #cecece;}
.nav{ width: 198px; border: 1px solid #cecece;padding-bottom: 441px; border-top:0; overflow: hidden;}
.nav ul li a{ display:block; width: 100%; height: 54px;line-height: 54px; text-align: center;font-size: 16px; color: #333;}
.nav ul li .cur,.nav ul li a:hover{ background: #0674d6; color: #fff;}
.nav ul li a p{ font-size: 12px; text-align: left; padding-left: 13px;}
.wrapContentText{ width: 956px;padding-left: 44px; padding-top: 30px;}
.wrapContentText dl{ margin-bottom: 36px;}
.wrapContentText dl dt{ font-size: 16px; color: #333; margin-bottom: 20px;}
.wrapContentText dl dd{ color: #9f9f9f;}
.wrapContentText dl ul li{color: #9f9f9f;}
.textTitle h2{ margin-bottom: 10px;}
.titlea{ height: 28px;line-height: 28px; background: #c7e5f7; color: #595757;padding-left: 20px; margin: 10px 0; border-bottom: 1px solid #6a9cc3;}
.datalist dl dd{ line-height: 30px;}
.datalist dl dd span{float:left;display: inline-block;width: 340px;padding-left: 20px; color: #595757; overflow: hidden; margin-right: 50px;}
.datalist dl dd em{ color: #595757; overflow:hidden;}
.apilist dl{margin-bottom: 10px; height: 30px; border-bottom: 0;}
.apilist dl dd{ line-height: 30px;}
.apilist dl dd em{float:left;background: #4ffb57; color: #fff;padding: 0  10px; border-radius: 5px; margin:0 20px;} 
.apilist dl dd a span{float:left;display:inline-block; width:400px;height:30px;overflow:hidden;color: #595757;}
.apilist dl dd a i{color: #595757;}
.navTags{margin:10px 0;}
.navTags ul li{ float: left;}
.navTags ul li a{ display: block; padding: 5px 10px; color: #005bac; background: #ccc;margin-right: 10px; border-radius: 5px;}
.navTags ul li a:hover{ background: #005bac; color: #fff;}
.section p{padding-left: 20px; color: #999;}
.xitong table tr td{ width: 22%;padding-left: 20px; color: #999; height: 30px;}
.yingyong table tr td{ width: 15%;padding-left: 20px; color: #999; height: 30px;}
.table dl{ clear: both; margin-bottom: 0; border-bottom:1px solid #ccc;}
.table dl dt{ float: left; width: 25%;}
.table dl dd{float:left;overflow: hidden;}

#tab{ clear: both;}
#tab .tabUl{ height: 30px; border-bottom: 1px solid #cecece;padding-left: 300px;}
#tab .tabUl li{ float: left; width: 90px;height: 30px; text-align: center;margin-right: 100px; cursor: pointer; font-size: 16px;}
#tab .tabUl .active{ border-bottom:1px solid #0674d6;}
.documentUp dl{clear: both; margin-top: 40px; border-bottom: 0;margin-left: 60px;}
.documentUp dt{ float: left;color: #333; font-size: 16px; width: 80px; text-align: right;}
.documentUp dt em{ color: #ff0101;}
.documentUp dl dd{ float: left; margin-left:20px;}
.documentUp dl dd input{ width: 500px; height: 28px; border: 1px solid #cecece;}
.documentUp dl dd select{ width: 500px; height: 28px; border: 1px solid #cecece;}
.documentUp dl dd textarea{ width: 500px;}
.documentUp .enter{clear: both; width: 72px; height:26px; background: #0674d6;margin:20px auto 0; border: 0; border-radius: 2px; color: #fff;}
.recordingTitle{width:100%;height: 50px; line-height: 50px; background: #f5f5f5;}
.recordingTitle ul li{ float:left; width: 25%; text-align: center;}
.recordingError ul li {float:left;width:33%;text-align:center;}
.recording dl{ clear: both; border-bottom: 1px solid #ccc;}
.recording dl dd{ float: left; width: 25%; text-align: center;}
.recording dl dd a{margin-right: 10px;}
.recordingError dl dd{ float:left; width: 33%; text-align: center;}
.recordingError{width:100%;height: 50px; line-height: 50px;text-align:center;border:0px;}
.recordingError thead {background: #f5f5f5;}
.historyData{ margin-top: 10px;}
.historyData ul{ height: 30px; background: #f5f5f5;}
.historyData ul li{ width: 20%; float: left; text-align: center; line-height: 30px;}
.historyData dl{ margin-bottom: 0;}
.historyData dl dd{ width: 20%; float: left; line-height: 50px;}
#createBtn{ width: 100px;height: 30px; margin-bottom: 20px;}
#createBtn a{ display: block; width: 100%; height: 30px; background: #5c9df5; color: #fff; line-height: 30px; text-align: center; }
#createBtn a span{ font-weight: 700;}
#zz{ display:block; width: 100%; height: 100%; position: fixed;top:0;left:0; background: rgba(0,0,0,.5);}
.apiBox{ clear:both;}
.apiBox dl{ border-bottom: 1px solid #ccc;}
#apiBox{ width: 400px; height: 300px; background: #fff; position: fixed;top:50%;left:50%; margin-top: -200px; margin-left: -250px;padding-top: 100px;padding-left: 100px;}
#apiBox dl{ clear: both; margin-bottom: 20px;}
#apiBox dl dt{ float: left;}
#apiBox dl dt em{ color: red;}
#apiBox dl dd{ float: left; margin-left: 30px;}
#apiBox dl dd input{ height: 28px; padding: 2px;}
#apiBox dl dd textarea{ margin-bottom: 20px;}
#apiBox .close{ position:absolute;top:0;right:0; display:block; width: 20px; height: 20px; background: #ccc;line-height: 20px; text-align: center; color: #fff;}
.apiBtn{ clear: both; width: 300px; margin:0 auto;}
.apiBtn input{ width: 100px; height: 30px; border:0;}

.apiBox ul{ height: 50px; background: #f0f0f0;}
.apiBox ul,.apiBox dl{ width: 100%; height: 50px;}
.apiBox ul li{ float: left; line-height: 50px;}
.apiBox dl{ margin-bottom: 10px;}
.apiBox dl dd{ float: left;padding-top: 10px;}
.apiBox dl dd a{margin-right: 10px;}
.leimu,.api{ width: 8%;padding-left: 10px;}
.miaoshu,.msTxt{ width: 70%; overflow: hidden;}
.updown,.apiType{ width: 10%;}
.caozuo,.caozuoBtn{ width: 10%;}
.table dl{ height: 50px; line-height: 50px;}
.left{ text-align:left;padding-left: 13px;}
.titleBg{ background: #f7f7f7;}

.demoCenter dl{ border-bottom: 1px solid #ccc;padding-bottom: 10px;}

.apiinfo {
    color:gray;
    text-decoration-line:overline
}