@import "iconfont1.css";

*{margin:0;padding:0;-webkit-transition: all .1s;-moz-transition: all .1s;-o-transition: all .1s;transition: all .1s;font:14px/1.5em 'Microsoft YaHei',Arial,'Helvetica Neue','Hiragino Sans GB','STHeiti','SimHei',sans-serif;}
html,body{height:100%;}
body{ color:#56595f;background: #f6f9ff;}
a{text-decoration: none;color:#333}
ul,dt{list-style: none}
img{max-width: 100%;display: block}
h3{font-size: 18px;font-weight: bold;display: inline-block;}
h4{font-size: 14px;font-weight: bold;display: inline-block;line-height:35px}

/* 浮动清除布局 */
.fl{float: left}
.fr{float: right}
.clear:after{content:'';display: table;clear: both}
.hide{display: none}
.bold{font-weight: bold}
.center{margin:0 auto;}
.bgOrange{background-color: #f49f16}

/* 滚动条 */
::-webkit-scrollbar-track-piece {background-color:#f0f1f7;}
::-webkit-scrollbar{width:9px;height:9px;border-radius: 9px;}
::-webkit-scrollbar-thumb{background-color:#dddddd;background-clip:padding-box;min-height:28px;border-radius: 9px;}
::-webkit-scrollbar-thumb:hover{background-color:#bbb;}


/*header*/
.header{background-color: #56595f;padding: 22px 35px;}
.header *{color:#fff;line-height: 28px;}

.header-l .logo{float: left}
.header-l .page-title{font-size: 18px;padding-left: 20px;margin-left: 20px;border-left: 2px solid #fff}
.header-r a{color:#fff;padding:0 13px;position: relative}
.header-r a:after{content:'';width: 2px;height: 15px;background-color: #fff;position: absolute;right: -3px;top:50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%)}
.header-r a:last-child:after{display: none}

/*container*/
.container{height: calc(100% - 100px);overflow: hidden;box-sizing: border-box;position:relative;padding-left: 250px;}
/*left*/
.left{height: 100%;width: 255px;position: absolute;top:0;left: 0;background-color: #56595f;border-top:1px solid #868a93;box-sizing: border-box;overflow: auto;}
.left::-webkit-scrollbar{display: none}
.left *{color:#fff}
.left ul{margin-top:80px;border-top:1px solid #656870}
.left li a{border-bottom: 1px solid #656870;display: block;line-height: 60px;box-sizing: border-box;padding-left: 20px;position: relative;}
.left li a i{display: inline-block;width: 25px;}
.left li a span{position: absolute;right:20px;top:50%;-webkit-transform: translateY(-50%) rotate(-90deg);-moz-transform: translateY(-50%) rotate(-90deg);-ms-transform: translateY(-50%) rotate(-90deg);-o-transform: translateY(-50%) rotate(-90deg);transform: translateY(-50%) rotate(-90deg);}
.left li.on a span{-webkit-transform:translateY(-50%) rotate(0deg);-moz-transform:translateY(-50%) rotate(0deg);-ms-transform:translateY(-50%) rotate(0deg);-o-transform:translateY(-50%) rotate(0deg);transform:translateY(-50%) rotate(0deg);}
.left li.on a>.apimenu{position: absolute;right:20px;top:50%;-webkit-transform: translateY(-50%) rotate(-90deg);-moz-transform: translateY(-50%) rotate(-90deg);-ms-transform: translateY(-50%) rotate(-90deg);-o-transform: translateY(-50%) rotate(-90deg);transform: translateY(-50%) rotate(-90deg);}
.left li.on a>.on{-webkit-transform:translateY(-50%) rotate(0deg);-moz-transform:translateY(-50%) rotate(0deg);-ms-transform:translateY(-50%) rotate(0deg);-o-transform:translateY(-50%) rotate(0deg);transform:translateY(-50%) rotate(0deg);}
.left li dl{background-color: #4c4f54;}
.left li dd{height: 0;overflow: hidden}
.left li dd a{padding-left: 50px;line-height: 40px;height: 40px;}
.left li a:not(.bgOrange):hover{background-color: #393c40}
.left li.on dd{height: 40px;}

.main{height: 100%;width: 100%;box-sizing: border-box;overflow: auto}
.wrapper{padding:20px;height: 100%;box-sizing: border-box}

.page{width: 100%;min-height: 100%;background-color: #fff;border-radius:5px;box-shadow: 0 1px 5px rgba(0,0,0,0.1);padding: 60px 80px;box-sizing: border-box;}
.page p{line-height: 35px}

.list li{margin-bottom: 20px;}
.list p{padding-left:30px}
.list table{margin:10px 0 0  30px;}
.list-disc li:before{content:'';display:inline-block;width: 5px;height: 5px;background-color: #56595f;border-radius: 5px;position: relative;margin:0 15px 0 5px;top:-4px}

.list-01{padding:0 0 10px 40px;}
.list-01 li{margin:10px 0}
.list-01 li p{margin:0 0 10px 0}
.list-01 li img{box-shadow: 0 1px 5px rgba(0,0,0,0.1)}
.disc{display:inline-block;width: 12px;height: 12px;border-radius: 10px;background-color: #aaacaf;margin: 0 12px 0 -25px;}

.table{min-width: 820px;border-collapse: collapse;border:1px solid #cacbcc}
.table th{background-color: #f2f2f2;border:1px solid #cacbcc;line-height: 50px;text-align: center;font-weight: bold}
.table td{border:1px solid #cacbcc;padding:15px 0}
.table.table-center td{text-align: center}
.table td.item-left{text-align: left;padding-left:35px;padding-right: 35px;}


/*下载*/
.download-list{margin:50px 0 0 95px;}
.download-list li{display: inline-block;width: 160px;margin:0 10px;padding:10px 0;text-align: center;cursor: pointer;border-radius: 10px}
.download-list li img{margin:0 auto}
.download-list li:hover{box-shadow: 0 1px 5px rgba(0,0,0,0.1)}
.download-list li:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1)}