/* ----------base.css----------  */

.cms-container-fluid * {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}


/* 带左右padding的容器 */

.cms-container-fluid {
    padding-right: 15px;
    padding-left: 15px;
}


/* 行格子 */

.cms-row {
    margin-right: -15px;
    margin-left: -15px;
    overflow: hidden;
}


/* 列格子 */

.cms-col-1,
.cms-col-2,
.cms-col-3,
.cms-col-4,
.cms-col-5,
.cms-col-6,
.cms-col-7,
.cms-col-8,
.cms-col-9,
.cms-col-10,
.cms-col-11,
.cms-col-12 {
    position: relative;
    float: left;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.cms-col-12 {
    width: 100%;
}

.cms-col-11 {
    width: 91.66666667%;
}

.cms-col-10 {
    width: 83.33333333%;
}

.cms-col-9 {
    width: 75%;
}

.cms-col-8 {
    width: 66.66666667%;
}

.cms-col-7 {
    width: 58.33333333%;
}

.cms-col-6 {
    width: 50%;
}

.cms-col-5 {
    width: 41.66666667%;
}

.cms-col-4 {
    width: 33.33333333%;
}

.cms-col-3 {
    width: 25%;
}

.cms-col-2 {
    width: 16.66666667%;
}

.cms-col-1 {
    width: 8.33333333%;
}


/* 列偏移-向左*/

.cms-col-pull-12 {
    right: 100%;
}

.cms-col-pull-11 {
    right: 91.66666667%;
}

.cms-col-pull-10 {
    right: 83.33333333%;
}

.cms-col-pull-9 {
    right: 75%;
}

.cms-col-pull-8 {
    right: 66.66666667%;
}

.cms-col-pull-7 {
    right: 58.33333333%;
}

.cms-col-pull-6 {
    right: 50%;
}

.cms-col-pull-5 {
    right: 41.66666667%;
}

.cms-col-pull-4 {
    right: 33.33333333%;
}

.cms-col-pull-3 {
    right: 25%;
}

.cms-col-pull-2 {
    right: 16.66666667%;
}

.cms-col-pull-1 {
    right: 8.33333333%;
}

.cms-col-pull-0 {
    right: auto;
}


/* 列偏移-向右 */

.cms-col-push-12 {
    left: 100%;
}

.cms-col-push-11 {
    left: 91.66666667%;
}

.cms-col-push-10 {
    left: 83.33333333%;
}

.cms-col-push-9 {
    left: 75%;
}

.cms-col-push-8 {
    left: 66.66666667%;
}

.cms-col-push-7 {
    left: 58.33333333%;
}

.cms-col-push-6 {
    left: 50%;
}

.cms-col-push-5 {
    left: 41.66666667%;
}

.cms-col-push-4 {
    left: 33.33333333%;
}

.cms-col-push-3 {
    left: 25%;
}

.cms-col-push-2 {
    left: 16.66666667%;
}

.cms-col-push-1 {
    left: 8.33333333%;
}

.cms-col-push-0 {
    left: auto;
}


/* 列跳跃 */

.cms-col-offset-12 {
    margin-left: 100%;
}

.cms-col-offset-11 {
    margin-left: 91.66666667%;
}

.cms-col-offset-10 {
    margin-left: 83.33333333%;
}

.cms-col-offset-9 {
    margin-left: 75%;
}

.cms-col-offset-8 {
    margin-left: 66.66666667%;
}

.cms-col-offset-7 {
    margin-left: 58.33333333%;
}

.cms-col-offset-6 {
    margin-left: 50%;
}

.cms-col-offset-5 {
    margin-left: 41.66666667%;
}

.cms-col-offset-4 {
    margin-left: 33.33333333%;
}

.cms-col-offset-3 {
    margin-left: 25%;
}

.cms-col-offset-2 {
    margin-left: 16.66666667%;
}

.cms-col-offset-1 {
    margin-left: 8.33333333%;
}

.cms-col-offset-0 {
    margin-left: 0;
}

.cms-fs-xs {
    font-size: 12px;
}

.cms-fs-sm {
    font-size: 14px;
}

.cms-fs-md {
    font-size: 16px;
}

.cms-fs-lg {
    font-size: 18px;
}

.cms-fs-xl {
    font-size: 20px;
}

.cms-gray {
    color: #999;
}

.cms-light {
    color: #ccc;
}

.cms-dark {
    color: #666;
}

.cms-w {
    color: #fff;
}

.cms-b {
    color: #333;
}

.cms-bg-gray {
    background-color: #999;
}

.cms-bg-light {
    background-color: #ccc;
}

.cms-bg-dark {
    background-color: #666;
}

.cms-bg-w {
    background-color: #fff;
}

.cms-bg-b {
    background-color: #333;
}


/* margin */

.cms-mt-xs {
    margin-top: 5px;
}

.cms-mt-sm {
    margin-top: 10px;
}

.cms-mt-md {
    margin-top: 15px;
}

.cms-mt-lg {
    margin-top: 20px;
    ;
}

.cms-mt-xl {
    margin-top: 25px;
}

.cms-mb-xs {
    margin-bottom: 5px;
}

.cms-mb-sm {
    margin-bottom: 10px;
}

.cms-mb-md {
    margin-bottom: 15px;
}

.cms-mb-lg {
    margin-bottom: 20px;
    ;
}

.cms-mb-xl {
    margin-bottom: 25px;
}

.cms-mr-xs {
    margin-left: 5px;
}

.cms-ml-sm {
    margin-left: 10px;
}

.cms-ml-md {
    margin-left: 15px;
}

.cms-ml-lg {
    margin-left: 20px;
    ;
}

.cms-ml-xl {
    margin-left: 25px;
}

.cms-mr-xs {
    margin-right: 5px;
}

.cms-mr-sm {
    margin-right: 10px;
}

.cms-mr-md {
    margin-right: 15px;
}

.cms-mr-lg {
    margin-right: 20px;
    ;
}

.cms-mr-xl {
    margin-right: 25px;
}


/* padding */

.cms-pt-xs {
    padding-top: 5px;
}

.cms-pt-sm {
    padding-top: 10px;
}

.cms-pt-md {
    padding-top: 15px;
}

.cms-pt-lg {
    padding-top: 20px;
}

.cms-pt-xl {
    padding-top: 25px;
}

.cms-pb-xs {
    padding-bottom: 5px;
}

.cms-pb-sm {
    padding-bottom: 10px;
}

.cms-pb-md {
    padding-bottom: 15px;
}

.cms-pb-lg {
    padding-bottom: 20px;
    ;
}

.cms-pb-xl {
    padding-bottom: 25px;
}

.cms-pr-xs {
    padding-left: 5px;
}

.cms-pl-sm {
    padding-left: 10px;
}

.cms-pl-md {
    padding-left: 15px;
}

.cms-pl-lg {
    padding-left: 20px;
    ;
}

.cms-pl-xl {
    padding-left: 25px;
}

.cms-pr-xs {
    padding-right: 5px;
}

.cms-pr-sm {
    padding-right: 10px;
}

.cms-pr-md {
    padding-right: 15px;
}

.cms-pr-lg {
    padding-right: 20px;
    ;
}

.cms-pr-xl {
    padding-right: 25px;
}


/* line-height */

.cms-lh-xs {
    line-height: 1em
}

.cms-lh-sm {
    line-height: 1.2em
}

.cms-lh-md {
    line-height: 1.4em;
}

.cms-lh-lg {
    line-height: 1.6em;
}

.cms-lh-xl {
    line-height: 2em;
}


/* align */

.cms-ta-c {
    text-align: center;
}

.cms-ta-l {
    text-align: left;
}

.cms-ta-r {
    text-align: right;
}


/* table */

.cms-table {
    border-collapse: collapse;
    line-height: 2.2;
    width: 100%;
    text-align: left;
    transition: all 0.3s;
    margin-bottom: 30px !important;
    border-bottom: 2px solid #ccc;
    border-top: 2px solid #ccc;
}

.cms-table th {
    font-size: 13px;
    font-weight: bold;
    color: #666;
    text-align: center;
    line-height: 3;
}
.cms-table thead tr {
  border-bottom: 1px solid #ccc;
  background: #eee;
}

.cms-table tbody tr{
  border-bottom: 1px dashed #ddd;
}

.cms-table tbody tr:hover {
    background: #eee;
}

.cms-table tbody td {
    position: relative;
    color: #555;
    font-size: 13px;
}
.cms-table tbody td:first-child {
  padding-left: 8px;
  line-height: 3;
}
.cms-table tbody td.cms-tar {
    text-align: right;
}
.cms-table tbody td.cms-tac {
    text-align: center;
}
.cms-table-handle {
    background: #ccc;
    list-style: none;
    padding: 0;
    margin: 0;
    float: right;
    margin: 4px;
    border-radius: 10px;
    line-height: 1;
}

.cms-table-handle li {
    float: left;
    padding: 5px;
    background: #ccc;
    border: 1px solid #aaa;
    margin-left: -1px;
    cursor: pointer;
    transition: all 0.3s;
}

.cms-table-handle li:hover {
    background: #ddd;
}

.cms-hide {
    display: none;
}



/* cms-form */
.cms-form{
  font-size:14px;
  text-align: left;
  padding: 20px !important;
  margin:10px;
  border:1px solid #eee;
  float:left;
  line-height: 3;
}
.cms-form input[type="submit"]{
  float: right;
  line-height: 2;
  border: 1px solid #131313;
  padding: 0 1em;
  background: #333;
  color: #fff;
}
.cms-form input[type="radio"]{
    -webkit-appearance: radio;
    -webkit-border-radius: 100%;
}
/* cms-tag */
.cms-tag {
    font-size: 12px !important;
    line-height: 2 !important;
    padding: 0.2em 0.8em !important;
    margin: auto 0.5em !important;
    background: #333;
    color: #fff;
    border-radius: 1em;
}
.cms-tag-info {
    background: #009;
}
.cms-tag-error {
    background: #900;
}

.cms-tag-success {
    background: #090;
}
.cms-tag-warning {
    background: #fc0;
}
/* cms-btn */
.cms-btn{
    line-height: 1.5;
    padding: 0 0.5em !important;
    margin: auto 0.2em !important;
    background: #d4d4d4;
    color: #fff;
    border: none;
    cursor: pointer;
}
.cms-btn:hover{
    outline: 1px solid #666;
}
.cms-btn-info {
    background: #009;
}
.cms-btn-error {
    background: #900;
}
.cms-btn-success {
    background: #090;
}
.cms-btn-warning {
    background: #fc0;
}
/* --------------main----------  */
/*container*/
.xy-toolbar * {
  box-sizing: border-box;
  border:0;
  padding: 0;
  margin:0;
  font-family: "Microsoft YaHei";
  font-size: 14px;
}

.xy-toolbar {
    font-family: "Microsoft YaHei";
    position: fixed;
    z-index: 9999;
    right: 10px;
    bottom: 0;
    width: 60px;
    font-size: 16px;
    max-height: 100%;
}

/*switcher*/
.xy-toobar-switch {
    margin-top: 2px;
    position: relative;
    height: 20px;
    width: 20px;
    float: right;
    line-height: 20px;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    text-shadow: 1px 1px 2px #000;
    background: #060;
    transition:0.3s;
    font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif,"SimSun";
}

.xy-toobar-switch:hover {
  background: #600;
}

.xy-toobar-switch::after {
    position: absolute;
    content: '\21C5';
    left: 0;
    right: 0;
    text-align: center;
    color: #fff;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

.xy-toolbar-list-off + .xy-toobar-switch{
  background: #600;
}

.xy-toolbar-list-off + .xy-toobar-switch:hover{
  background: #060;
}

.xy-toobar-switch::after {
    position: absolute;
    content: '\21C5';
    left: 0;
    right: 0;
    text-align: center;
    color: #fff;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

/*list*/
.xy-toolbar-list {
    list-style: none;
    padding:0;
    margin:0;
    background: #090;
}

.xy-toolbar-list:after {
  content: '.';
  clear: both;
  height:0;
  display:block;
  visibility:hidden;
}

.xy-toolbar-list-off .xy-toolbar-item{
    height: 0;
    padding:0;
    border:0;
    opacity: 0;
}

.xy-toolbar-item {
    box-sizing: border-box;
    opacity: 1;
    height: 60px;
    width: 60px;
    float:left;
    padding-top:10px;
    padding-top:60px; 
    overflow-y: hidden;
    text-align: center;
    line-height: 20px;
    color: #fff;
    background: url() center center no-repeat;
    font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif,"SimSun";
    position: relative;
    list-style: none;
    transition: all 0.3;

    padding-top:10px;
    background-position-y: -60px;
}
.xy-toolbar-item:hover {
    background-color: rgba(0,0,0,0.2);
    color: #fff;
    cursor: pointer;
    padding-top:10px;
    background-position-y: -60px;
    overflow-y: visible;
    list-style: none;
}
.xy-toolbar-item ul{
  display: none;
  position: absolute;
  right: 60px;
  top: 0;
  background: #090;
  list-style: none;
}
.xy-toolbar-item ul li {
  float:left;
  list-style: none;
  width: 60px; 
}
.xy-toolbar-item:hover ul {
  display: block;
  padding: 0;
  margin:0;
}
.xy-toolbar-item[data-directive="viewPageInfo"]{
    background-image: url('http://www.xinhuanet.com/global/lib/cms/toolbar/img/icon-info.png')
}
.xy-toolbar-item[data-directive="customerRefresh"]{
    background-image: url('http://www.xinhuanet.com/global/lib/cms/toolbar/img/icon-cdn.png')
}
.xy-toolbar-item[data-directive="editpage"]{
    background-image: url('http://www.xinhuanet.com/global/lib/cms/toolbar/img/icon-edit.png')
}
.xy-toolbar-item[data-directive="loadTpl"]{
    background-image: url('http://www.xinhuanet.com/global/lib/cms/toolbar/img/icon-download.png')
}
.xy-toolbar-item[data-directive="pubPage"]{
    background-image: url('http://www.xinhuanet.com/global/lib/cms/toolbar/img/icon-publish.png')
}
.xy-toolbar-item[data-directive="CDNRefresh"]{
    background-image: url('http://www.xinhuanet.com/global/lib/cms/toolbar/img/icon-refresh.png')
}
.xy-toolbar-item[data-directive="showCompList"]{
    background-image: url('http://www.xinhuanet.com/global/lib/cms/toolbar/img/icon-comp.png')
}
.xy-toolbar-item[data-directive="viewTpl"]{
    background-image: url('http://www.xinhuanet.com/global/lib/cms/toolbar/img/icon-view.png')
}
.xy-toolbar-item[data-directive="upLoadTpl"]{
    background-image: url('http://www.xinhuanet.com/global/lib/cms/toolbar/img/icon-upload.png')
}
.xy-toolbar-item[data-directive="uploadFiles"]{
    background-image: url('http://www.xinhuanet.com/global/lib/cms/toolbar/img/icon-fileupload.png')
}
.xy-toolbar-item[data-directive="loginout"]{
    background-image: url('http://www.xinhuanet.com/global/lib/cms/toolbar/img/icon-loginout.png')
}
/*setting*/
.xy-toobar-setting {
    position: relative;
    height: 16px;
    line-height: 16px;
    font-size: 14px;
    background: #000;
    color: #ccc;
    cursor: pointer;
    text-align: center;
}
/* 弹出框 */
.xy-toolbar-popbox-wrapper{
  position: fixed;
  z-index: 10000;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background: rgba(0,0,0,0.5);
  font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif,"SimSun";
}
.xy-toolbar-popbox-wrapper *{
  font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif,"SimSun";
  font-size: 14px;
  box-sizing: border-box;
  padding:0;
  margin:0;
}
.xy-toolbar-popbox{
  position:absolute;
  left:0;
  right:0;
  width: 1200px;
  margin-left:auto;
  margin-right:auto;
  bottom:0;
  background: #fff;
  box-shadow: 0 10px 30px #333;
  padding:10px 20px;
  max-height: 100%;
  overflow: auto;
}

.xy-toolbar-popbox-header{
  position: relative;
  background-color: #fff;
  font-size:14px;
  line-height: 40px;
  font-weight: bold;
  margin-bottom:10px;
}
.xy-toolbar-popbox-title{
  font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif,"SimSun";
}
.xy-toolbar-popbox-autoclose{
  float: right;
  margin-right:30px;
}
.xy-toolbar-popbox-closebtn{
  position: absolute;
  width: 50px;
  right:-15px;
  top:0;
  text-align: center;
  cursor:pointer;
  font-size:20px;
  font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif,"SimSun";
  transition: all 0.3s;
}
.xy-toolbar-popbox-closebtn:hover{
  color: #c00;
}
.xy-toolbar-popbox b {
  font-weight: bold;
  margin-left: 0.5em;
  margin-right: 0.5em; 
}
.xy-toolbar-popbox-tip{
    margin: 10px 0;
    color: #333;
    padding: 0.5em 1em;
    line-height: 1.5;
    font-size: 12px;
    border-left: 4px solid #333;
    background: linear-gradient(270deg, #ccc, #fcfcfc);
}
.xy-toolbar-popbox-tip:empty{
  display: none;
}
.xy-toolbar-popbox-footer{
  overflow: hidden;
}
.xy-toolbar-popbox-footer div{
  float: right;
  padding: 0 1em;
  text-align: center;
  font-size: 16px;
  line-height: 36px;
  color: #fff;
  cursor: pointer;
  box-sizing: border-box;
  margin-top: 10px;
  margin-left: 20px;
}
.xy-toolbar-popbox-footer div:hover{
  box-shadow: 0 -3px rgba(0,0,0,0.5) inset;
}
.xy-toolbar-popbox-footer.fade{
  display: none;
}
.toolbar-popbox-confirm-btn {
  background: #090; 
  font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif,"SimSun";
}
.toolbar-popbox-cancel-btn{
  background: #c5c5c5;
  font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif,"SimSun";
}
.xy-toolbar-popbox.message .toolbar-popbox-confirm-btn,
.xy-toolbar-popbox.message .toolbar-popbox-cancel-btn{
  display: none;
}
.xy-toolbar-popbox textarea{
  display: block;
  width: 100%;
  height: 500px;
  border: 0;
  background: #000000;
  color: #adadad;
  padding: 20px;
  line-height: 1.6;
  box-sizing: border-box;
  font-size: 12px;
}
.xy-toolbar-popbox-body{
  margin-top: 20px;
  overflow: auto;
  overflow-x: hidden;
  font-size: 14px;
}
/* 面板 */
.xy-pannel * {
  padding:0;
  margin:0;
  box-sizing: border-box;
  font-size: 13px;
}
.xy-pannel{
  margin-bottom:20px;
}
.xy-pannel-head{
  margin:0;
  padding:0;
  color: #333;
  line-height: 1;
  padding-bottom:10px;
  border-bottom: 1px dashed #ccc;
  font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif,"SimSun";
}
.xy-pannel-head small{
    font-size: 12px;
    padding-left: 10px;
    font-weight: normal;
    color: #aaa;
    font-family: '黑体';
}
.xy-pannel-subtitle {
  font-size: 12px;
  color: #aaa;
  font-weight: normal;
  line-height: 2;
}
.xy-pannel-subtitle span {
  font-size: 12px;
  color: #333;
  font-weight: normal;
  line-height: 2;
}
.xy-pannel-subtitle  .xy-pannel-author{
  float: right;
}
.xy-pannel-head .xy-doc-btn{
    float: right;
    font-size: 12px;
    font-weight: normal;
    color: #ffffff;
    background: #333;
    padding: 0.2em 0.5em;
    border-radius: 1em;
}
.xy-pannel-body{

}
.xy-pannel-body ul {
  padding:0;
  margin:0;
  list-style:none;
  margin-top: 1em;
}

.xy-pannel-body ul li {
  line-height: 1.5;
}
.xy-pannel-body ul li *{
  display: inline-block;
  font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif,"SimSun";
}
.xy-pannel-body ul li .xy-name {
  font-size: 13px;
  width:15%;
  box-sizing: border-box;
  color: #333;
}
.xy-pannel-body ul li .xy-name:after{
  content: '：';
}
.xy-pannel-body ul li .xy-value {
  display: inline-block;
  width:85%;
  font-style: italic;
  box-sizing: border-box;
  border: 0;
  background: transparent;
}
.xy-pannel-body ul li .xy-value-only{
  width:100%;
}
.xy-pannel-body ul li .xy-copy {
  position: relative;
  cursor: pointer;
}
.xy-pannel-body ul li .xy-copy:hover{
  background: #eee;
}
/* 登录框  */
.login-text{
  display: block;
  width: 100%;
  margin-top: 10px;
  outline: 0;
  border: 0;
  padding: 0.5em;
  font-size: 14px;
  box-sizing: border-box;
  background: #aaa;
}
/* iframe */
.xy-iframe{
  box-sizing: border-box;
  width: 100%;
  height: 490px;
  border:0;
}
.xy-iframe-editpage{
  background: #fff;
}
/* 字体 */
.xy-toolbar-popbox h2 {
  font-size: 14px;
  color: #333;
}
.xy-toolbar-popbox i,
.xy-toolbar-popbox strong{
  font-size: 12px; 
}
/* 隐藏  */
.xy-hidden{
  display: none;
}
/* 添加组件 */
.xy-btn-add {
  background: #fff;
  float: right;
  background: #ffffff;
  color: #0d153d;
  padding: 0.1em 0.5em;
  border-radius: 20px;
  font-size: 12px;
  cursor: pointer;
  text-decoration: none;
}
.xy-btn-add:hover{
  background: #333;
  color: #fff;
  text-decoration: none;
}
.xy-input-search{
  width: 300px;
  border: none;
  font-size: 12px;
  padding: 0.2em;
  border-bottom: 1px solid #ccc;
  text-align: center;
}
/* 信息栈  */
#xy-msg-stack * {
  font-size: 12px;
}
#xy-msg-stack{
  position: fixed;
  z-index: 99999;
  bottom: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 600px;
}
.xy-msg-stack-item {
  background: #006;
  padding: 10px;
  color: #fff;
  font-size:14px;
  line-height: 1.6;
  border-top:1px solid #fff;
}
.xy-msg-stack-item-error {
  background: #600;
}
.xy-msg-stack-item-success {
  background: #060;
}
.xy-msg-stack-item a {
  display: inline-block;
  color: #333;
  background: #fff;
  padding: 0 0.5em;
  margin-left: 2em;
  border-radius: 10px;
  text-decoration: none;
}
/* 信息片提取  */
.xy-node-list{
  max-height: 6em;
  margin-top: 5px;
  overflow: hidden;
  transition: all 0.3s;
}
.xy-node-list:hover{
  max-height: 50em;
}
.xy-node-list li {
  display:inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
  background: #eee;
  padding: 0.2em 0.3em;
}
.xy-node-list li span::before {
  content: '|';
  padding-left: 5px;
  padding-right: 5px;
  color: #999;
}
/* ----------资源上传----------- */

#cms-upload .cms-upload-row {
  padding: 10px 0;
  line-height: 30px;
  border-bottom: 1px solid #eee;
  background: #fff;
}

.cms-upload-history-wrapper {
	margin-top: 10px;
	max-height: 230px;
    overflow: auto;
}

.cms-input-reset {
  width: 100%;
  font-size: 14px;
  line-height: 1.5;
  border: none;
  box-shadow: #fafafa;
}

.cms-upload-res-item {
  display: inline-block;
  padding: 0 1em;
  margin-right: 10px;
  margin-bottom: 10px;
  background: #eee;
}

.cms-upload-res-footer {
  overflow: hidden;
}

.cms-upload-res-footer input {
  float: right;
  padding: 5px 20px;
  margin-left: 10px;
  cursor: pointer;
}

.cms-upload-btn-choose {
  text-decoration: underline;
  background: transparent;
  border: none;
}

.cms-upload-btn-confirm {
  color: #fff;
  background: #33c;
  border: none;
  border-radius: 16px;
}

.wizard-container {
    height: 400px;
    overflow: hidden;
}

.wizard-steps {
    background: #fff;
    position: relative;
}

.wizard-step {
    display: none;
}
.wizard-step:last-child{
    display: block;
}

.wizard-head {
    line-height: 2em;
    height:2em;
    position: relative;
    text-align: center;
    background: #000;
    margin-bottom: 10px;
    font-size: 16px;
    color: #999;
}


.wizard-back {
    position: absolute;
    padding: 0 1em;
    z-index: 2;
    cursor: pointer;
    background: #666;
    color: #fff;
}

.wizard-title {
    line-height: 2em;
    font-size: 16px;
    color: #eee;
    text-align: center;
}
.wizard-control {
    background: #eee;
    padding: 10px 20px;
}
.wizard-control:after{
    content: '.';
    height:0;
    visibility: hidden;
    clear: both;
}
.wizard-body {
    max-height: 500px;
    margin-top: 10px;
    overflow: auto;
    text-align: center;
    line-height: 2;
}

/* 工具条元素 */
.wizard-control .cms-create {
    float:right;
    border: none;
    background: #2bd222;
    color: #fff;
    height: 20px;
    line-height: 20px;
    font-size: 20px;
    width: 20px;
    text-align: center;
    border-radius: 20px;
    cursor: pointer;
    box-shadow: 0 0 0 3px #fff;
    transition: all 0.3s;
    font-family: fantasy;
}
.wizard-control .cms-create:hover{
    box-shadow: 0 0 0 3px #adb;
}
.wizard-control .table-filter{
    float: left;
    border: none;
    height: 20px;
    width: 200px;
    background: transparent;
    border-bottom: 1px solid #333;
    outline: none;
}
.wizard-control .cms-btn-group {
    float:left;
}
.wizard-control .cms-btn-group span{
    margin-right: 10px;
    cursor: pointer;
}
.wizard-control .cms-btn-group .cms-active{
    border-bottom: 2px solid #333;
}
#cms-sort-group {
    float: right;
    margin-right: 60px;
    color: #999;
    cursor: pointer;
}

#cms-sort-group span.cms-active {
    color: #000;
}