/* 
* 注意 ： PC版 User用户中心的所有视图基于 Bootstrap 构建
*/
body{font-family:"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","WenQuanYi Micro Hei",sans-serif}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,.lead,.big-font{font-family:"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei UI","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif}
body {
    margin:0;
    padding:0;    
    background-color:#fff;    
    _background-image:url(about:blank);
    /* IE6下 用浏览器空白页面作为背景 */
    _background-attachment:fixed;
    /*  Prevent screen flash in IE6 确保滚动条滚动时，元素不闪动 */    
}
body.layout-pc{
    padding-top:60px;
    padding-bottom:40px;
    overflow-y: scroll;
    overflow-x: auto;
}

/* 去除按钮外边款的点状线( 焦点虚线 黑线 ) */
.btn,.btn:active, .btn:focus,
a,a:active,a:focus{
    outline:none; /* IE 8+ chorme/opera/safari */
    noFocusLine: expression(this.onFocus=this.blur());/* 支持 expression IE 6/7 */
}
/* 去除Firefox 下按钮外边款的点状线( 焦点虚线 ) */
a::-moz-focus-inner,
.btn::-moz-focus-inner{
    border: none;border: 0;
}


/*  这部分内容 同步自com.home.css  */
html{min-width:1200px;min-width:1200px}
.box-full,.page-w{clear:both;display:block;overflow:hidden;margin:0 auto;width:1200px;text-align:left}
.page-w-overflow-visible{overflow:visible}
.page-w-overflow-auto{overflow:auto}
fieldset{clear:both;margin:10px 0;padding:10px;border:1px solid #ddd;background:#fff;text-align:left;font-size:12px;}
legend{margin:0;padding:5px 10px;border:1px solid #ddd;background:#fff;color:#069;font-weight:700;font-size:14px;}
fieldset,legend{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.layout-topbar {
     z-index: 9000;
     position: fixed;
     top:0;
     right:0;
     bottom:0;
     left:0;
     width: 100%;
     height: 46px;
     min-width:1200px;
}
.layout-topbar .this-warp {
    z-index: 9001;
    position: relative;
    width: 100%;
    height: 46px;
    min-width:1200px;
}
.layout-topbar .this-bg-style{
    z-index: 9002;
    position: absolute;
    width: 100%;
    height: 46px;
    min-width:1200px;
    left:0;
    bottom:0;
    background: #f6f6f6;
    overflow: hidden;
}
.layout-topbar .this-line-style{
    z-index: 9003;
    position: absolute;
    width: 100%;
    height: 1px;
    min-width:1200px;
    left:0;bottom:0;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
}
.layout-topbar .this-topbar{
    z-index: 9004;    
    position: relative;
    width: 1200px;
    height: 46px;
    margin:0 auto;
}
 
.layout-topbar .topbar-logo{
   float: left;
   display: block;
   width:45px;
   height:45px;
   text-align: center;
   color: #006699;
   overflow: hidden;
}
.layout-topbar .topbar-logo .icon{
   display: block;
   margin:0 auto;
   height:46px;
   line-height:46px;
   font-size: 36px;
   color: #006699; 
   overflow: hidden;
}
.layout-topbar .topbar-logo,
.layout-topbar .topbar-logo:hover{
 color: #006699;
 text-decoration: none;
}
.layout-topbar .topbar-links{}
.layout-topbar .topbar-links-left{float: left;border-left: 1px solid #ddd;}
.layout-topbar .topbar-links-right{float: right;border-right: 1px solid #ddd;}
.layout-topbar .topbar-links a{
     float: left;
     display: block;
     *display:inline;
     *zoom:1;
     padding:0;
     margin:0;
     height:46px;
     line-height: 46px;
     font-size: 14px;
     color: #666;
     cursor: pointer;
     text-decoration: none;
     overflow: hidden;
}
.layout-topbar .topbar-links span{
     display: block; 
     *display:inline;
     *zoom:1;
     position: relative;
     padding:0 10px;
     margin:0;
     height:46px;
     line-height:46px;
     border: none;
     overflow: hidden;
}
.layout-topbar .topbar-links a.this-40{width:40px;}
.layout-topbar .topbar-links a.this-46{width:46px;}
.layout-topbar .topbar-links a.this-50{width:50px;}
.layout-topbar .topbar-links a.this-60{width:50px;}
.layout-topbar .topbar-links a.this-70{width:50px;}
.layout-topbar .topbar-links a.this-80{width:50px;}
.layout-topbar .topbar-links a.this-90{width:50px;}
.layout-topbar .topbar-links a.this-100{width:100px;}
.layout-topbar .topbar-links a.this-110{width:110px;}
.layout-topbar .topbar-links a.this-120{width:120px;}
.layout-topbar .topbar-links a.this-130{width:130px;}
.layout-topbar .topbar-links a.this-140{width:140px;}
.layout-topbar .topbar-links a.this-150{width:150px;}
.layout-topbar .topbar-links a.this-160{width:160px;}

.layout-topbar .topbar-links a:hover{
     margin:0 0 1px 0;
     height:45px;
     line-height:45px;
     text-decoration: none;
     color: #006699;
     background:#fff;
}
.layout-topbar .topbar-links-left a{border-left: 1px solid #f6f6f6;border-right: 1px solid #ddd;}
.layout-topbar .topbar-links-right a{border-left: 1px solid #ddd;border-right: 1px solid #f6f6f6;}
.layout-topbar .topbar-links .this-icon{
     float: left;
     display: block;
     margin:0 5px 0 0;
     height:46px;
     line-height:46px;
     text-align: center;
     font-size: 20px;
     overflow: hidden;
}
.layout-topbar .topbar-links .this-icon-notext{width:46px;}
.layout-topbar .topbar-links .this-icon-notext .this-icon{width:26px;margin:0}
.layout-topbar .topbar-links .this-badge{
     float: right;
     display: block;
     margin:0;
     height:46px;
     line-height:46px;
     text-align: center;
     font-size: 12px; 
     overflow: hidden
}
.layout-topbar .topbar-links a.this-on,
.layout-topbar .topbar-links a.this-on:hover{
     margin:0;
     height:46px;
     line-height:46px;
     color: #006699;
     background: #fff;
     border-left-color:#ddd;
     border-right-color:#ddd;
}
.layout-topbar .topbar-links-left a.this-on-prev{
    border-right-color:#f6f6f6;
}
.layout-topbar .topbar-links-right a.this-on-next{
    border-left-color:#f6f6f6;
}

.layout-topbar .topbar-links a.this-on .this-badge{
     transform:rotate(180deg);
     -webkit-transform:rotate(180deg);
     -moz-transform:rotate(180deg);
     -o-transform:rotate(180deg);
     -ms-transform:rotate(180deg);
}
.layout-topbar .topbar-links .this-notice{
     float: right;
     display: block;
     margin:10px 0 0 5px;
     padding: 0 7px;
     height:26px;
     line-height:26px;
     text-align: center;
     font-size: 14px;
     color: #ffff00;
     background: #0087b4;
     border-radius: 10px;
     text-decoration: none;
     overflow: hidden;
}
.layout-topbar .topbar-links .this-red-point u{
    position: absolute;
    top:8px;
    right:8px;
    height:10px;
    width:10px;
    border-radius: 100%;
    background: #ff0000;
}
.layout-topbar .topbar-links .this-username{
     float: left;
     display: block;
     *display:inline;
     *zoom:1;
     padding:0 10px 0 0;
     margin:0;
     height:46px;
     line-height: 46px;
     font-size: 14px;
     color: #006699;
     text-decoration: none;
     overflow: hidden;
}
.layout-topbar .topbar-links .this-label{
   float: left;
   display: block;
   *display:inline;
   *zoom:1;
   padding:0 10px 0 0;
   margin:0;
   height:46px;
   line-height: 46px;
   font-size: 14px;
   color: #999;
   text-decoration: none;
   overflow: hidden;
}
.layout-topbar .topbar-maps{z-index: 9004;border-left: 1px solid #ddd}
.layout-topbar .topbar-maps a,
.layout-topbar .topbar-maps span{z-index:9006;position:relative;float:left;margin:0;padding:0 5px 0 20px;height:45px;line-height:45px;color:#666;font-size:14px;}

.layout-topbar .topbar-maps a,
.layout-topbar .topbar-maps a:hover{text-decoration:none;}
.layout-topbar .topbar-maps a .icon,
.layout-topbar .topbar-maps span .icon{float:left;display:block;margin:0 7px 0 0;padding:0;height:45px;line-height:45px;color:#999;font-size:20px;font-weight:normal;overflow: hidden;}
.layout-topbar .topbar-maps a em,
.layout-topbar .topbar-maps span em{width:0;height:0;border-color:transparent transparent transparent #dddddd;border-style:dashed dashed dashed solid;border-width:23px 0 23px 13px;position:absolute;right:-13px;top:-1px;*top:-2px;line-height:0;font-size:0;}  
.layout-topbar .topbar-maps a u,
.layout-topbar .topbar-maps span u{width:0;height:0;border-color:transparent transparent transparent #f6f6f6;border-style:dashed dashed dashed solid;border-width:23px 0 23px 13px;position:absolute;right:-12px;top:-1px;*top:-2px;line-height:0;font-size:0;}  

.layout-topbar .topbar-maps a:hover{color:#006699;} 
.layout-topbar .topbar-maps a:hover .icon{color:#006699;}

.layout-topbar .topbar-maps .this-on{z-index:9005;background:#fff;color:#666;}
.layout-topbar .topbar-maps .this-on .icon{color:#666;}
.layout-topbar .topbar-maps .this-on u,
.layout-topbar .topbar-maps .this-on:hover u{border-color:transparent transparent transparent #fff;}

.layout-topbar .topbar-maps .this-home{padding-left:10px;color:#006699;background:#eaeaea;}
.layout-topbar .topbar-maps .this-home .icon{font-size:34px;color:#006699;} 
.layout-topbar .topbar-maps .this-home u{border-color:transparent transparent transparent #eaeaea;}
.layout-topbar .topbar-maps a.this-home:hover{background:#eaeaea;color:#006699;}  
.layout-topbar .topbar-maps a.this-home:hover u{border-color:transparent transparent transparent #eaeaea;}  

.layout-topbar .topbar-links .this-submenu,
.layout-topbar-submenu{/* Body this-submenu $('body').append()*/
     z-index: 9002;
     position: absolute;
     left:0;
     top:0;
     padding: 10px;
     background: #fff; 
     border-right: 1px solid #ddd;
     border-bottom: 1px solid #ddd;
     border-left: 1px solid #ddd;
     display: none;
}
.layout-topbar-submenu .this-divider{
    clear:both;
    margin:5px 0;
    padding:0; 
    height: 1px;
    border-top: 1px solid #ddd;
}
.layout-topbar-submenu .this-divider-title{
    clear:both;
    margin:5px 0;
    padding:0; 
    height: 16px;
    line-height: 16px;
    text-align: center;
    font-size:12px;
    color:#999;
    border-top: 1px solid #ddd;
    overflow: hidden;
}
.layout-topbar-submenu ul{
    margin:0;
    padding:0;
    width:160px;
}
.layout-topbar-submenu li{
    float:none;
    margin:5px 0;
    padding:0;
    text-align: center;
    overflow: hidden;
}
.layout-topbar-submenu li.f-left{float:left;}
.layout-topbar-submenu li.f-right{float:right;}
.layout-topbar-submenu li.f-center{float:left;margin:5px 0 5px 10px;}
.layout-topbar-submenu li.clear-s{
    clear:both;
    margin:0;
    padding:0;   
    height: 1px;
    overflow: hidden;
}
.layout-topbar-submenu li a{
    display: block;
    height: 30px;
    line-height: 30px;
    margin:0;
    padding:0 10px;
    text-align: left;
    font-size: 14px;
    color:#555;
    border: 1px solid #eaeaea;
    text-decoration: none;
    overflow: hidden;
}
.layout-topbar-submenu li .icon{
    font-size: 16px;
    color:#666;
    margin-right:10px;
}
.layout-topbar-submenu li a:hover{
    color: #006699;
    text-decoration: none;
    background: #f6f6f6;
    border: 1px solid #ddd;
}
.layout-topbar-submenu .this-submenu-2cell{width:250px;}
.layout-topbar-submenu .this-submenu-2cell li{width:120px;}

.layout-topbar-submenu .this-submenu-3cell{width:380px;}
.layout-topbar-submenu .this-submenu-3cell li{width:120px;}


.layout-body{
    width:1200px;
    margin:0 auto; 
}
.layout-body .layout-content{}

.layout-body .layout-body-wrap{
    padding: 10px 0;
    position: relative;
}
.layout-subnav{
    z-index: 8001;
    width: 220px;
    overflow: hidden;
}
.layout-subnav-fixed{
    position: fixed;
    top:60px;
    left:auto;
}
.layout-subnav-abs{
    position: absolute;
    top:6px;
    left:0;
}
.layout-content{
    width:1200px;
    margin:0;
    padding: 0;
}
.layout-content .container-fluid{
    margin-left:-15px;
    margin-right:-15px; 
}
.layout-content .box-full .container-fluid{
    margin-left:auto;
    margin-right:auto; 
}


.layout-subnav~.layout-content{
    width:950px;
    margin-left:250px;
}
.layout-subnav .icon{
    height:35px;
    line-height: 35px;
    width:18px;
    text-align: center;
    overflow: hidden;
}
.layout-subnav .this-icon{
    float: left;
    font-size: 16px;
    margin-right:10px;    
}
.layout-subnav .this-icon-tool{
    float: right;
    font-size: 16px;
    margin-left:10px;
}
.layout-subnav .this-badge{
    float: right;    
    width:18px;    
    font-size: 12px;
}
.layout-subnav .nav>li>b,
.layout-subnav .nav>li>a{
    position: relative;
    display: block;
    padding: 0 15px;
    font-weight: normal;
    border-radius: 4px;
    height:35px;
    line-height: 35px;
    overflow: hidden;
}
.layout-subnav .nav>li>b { 
    border: 1px solid #ddd;
}
.layout-subnav .nav>li>b a{
    padding: 0;
    border-radius: 0;
}
.layout-subnav .nav>li>a,
.layout-subnav .nav>li>b{
    background-color: #f6f6f6;
}
.layout-subnav .nav>li>a:focus,
.layout-subnav .nav>li>a:hover {
    background-color: #EDF4FA;
}
.layout-subnav .nav>li.nav-title>b,
.layout-subnav .nav>li.nav-title>a,
.layout-subnav .nav>li.nav-title>a:focus,
.layout-subnav .nav>li.nav-title>a:hover {
    background-color: #fff;
}

.layout-subnav .nav>li>b a,
.layout-subnav .nav>li>b a:focus,
.layout-subnav .nav>li>b a:hover {
    color: #666;
    text-decoration: none;
}
.layout-subnav .nav>li.nav-title>b a,
.layout-subnav .nav>li.nav-title>b a:focus,
.layout-subnav .nav>li.nav-title>b a:hover{
    color: #666;
}

.layout-subnav .nav li .collapsed .this-badge{
     transform:rotate(180deg);
     -webkit-transform:rotate(180deg);
     -moz-transform:rotate(180deg);
     -o-transform:rotate(180deg);
     -ms-transform:rotate(180deg);
}

.layout-subnav .nav>li>.this-title{
    color:#fff;
    background-color: #337ab7;
}
.layout-subnav .nav>li>.this-title:focus,
.layout-subnav .nav>li>.this-title:hover {
   background-color: #3074AB;
}
.layout-subnav .nav>li>.this-title.collapsed{
    color:#fff;
    background-color: #3074AB;
}
.layout-subnav .nav>li>.this-title.collapsed:focus,
.layout-subnav .nav>li>.this-title.collapsed:hover {
    background-color: #3D8AC9;
}
.layout-subnav .nav-collapse{
    margin:0;
    border-radius: 4px;
    background: #fff;
}
.layout-subnav .nav>li>ul li{
    margin-top:5px;
}
.layout-subnav .nav>li>ul li a .this-icon{
    float: left;
}
.layout-subnav .nav>li>ul li a.this-on,
.layout-subnav .nav>li>ul li a.this-on:focus,
.layout-subnav .nav>li>ul li a.this-on:hover {
    background: #c0dcf3;
}

.box-white {
    background:#fff;
}
.box-border {
    border:1px solid #ccc;
    background:#fff;
}
.box-overflow {
    overflow:hidden;
}
.box-title {
    overflow:hidden;
    margin:0;
    padding:0;
    height:40px;
}
.box-title div {
    padding:0 10px;
    border-bottom:1px solid #ccc;
}
.box-title a,.box-title a:hover {
    text-decoration:none;
}
.box-title b {
    float:left;
    overflow:hidden;
    height:40px;
    color:#333;
    font-size:16px;
    line-height:40px;
}
.box-title b i {
    float:left;
    margin:8px 10px 0 0;
    color:#046dac;
    font-size:24px;
}
.box-title b a {
    color:#333;
}
.box-title span {
    float:right;
    color:#999;
    font-size:12px;
    line-height:50px;
}
.box-title span a {
    color:#666;
}
.data-window-box {
    position:absolute;
    z-index:9999;
    display:none;
    margin:0;
    padding:10px;
    width:200px;
    border:5px solid #ccc;
    background:#fff;
    -webkit-box-shadow:1px 1px 3px rgba(0,0,0,.4);
    -moz-box-shadow:1px 1px 3px rgba(0,0,0,.4);
    box-shadow:1px 1px 3px rgba(0,0,0,.4);
}
.data-window-box-large {
    width:750px;
}
.data-window-box-small {
    width:400px;
}

/* 用户中心 */
.user-ucenter {
    margin:10px 0;
}
.user-ucenter .user-avatar {
    float:left;
    margin-right:20px;
}
.user-ucenter .user-name {
    clear:both;
    margin:0;
    height:50px;
    line-height:50px;
    font-size:24px;
    font-weight:bold;
    color:#006699
}
.user-ucenter .user-action {
    clear:both;
}
.user-ucenter .user-info {
    clear:both;
}
.user-ucenter .user-info p {
    clear:both;
    margin:0;
    height:35px;
    line-height:35px;
    font-size:14px;
    font-weight:normal;
    color:#666
}
.user-ucenter .user-info p b {
    color:#333
}
.user-ucenter .user-info p .btn {
    margin-left:10px;
}
.user-avatar {
    position:relative;
    float:left;
    margin:0;
    padding:0;
}
.user-avatar a {
    position:relative;
    float:left;
    overflow:hidden;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    background-color:#eaeaea;
}
.user-avatar-168 a {
    padding:5px;
    width:168px;
    height:168px;
}
.user-avatar-128 a {
    padding:4px;
    width:128px;
    height:128px;
}
.user-avatar-64 a {
    padding:3px;
    width:64px;
    height:64px;
}
.user-avatar-32 a {
    padding:2px;
    width:32px;
    height:32px;
}
.user-avatar a img {
    overflow:hidden;
    margin:0;
    padding:0;
    width:100%;
    height:100%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
}
.user-avatar a:hover {
    background-color:#fc0;
}

.pages {
    display:inline-block;
    margin:10px auto;
    padding:0;
    text-align:center;
}
.pages ul {
    display:inline-block;
    margin:0 auto;
    padding:0;
    border-radius:4px;
    font-size:12px;
}
.pages li {
    display:inline;
}
.pages li a,.pages li span {
    position:relative;
    float:left;
    margin-left:-1px;
    padding:6px 12px;
    border:1px solid #ddd;
    background-color:#fff;
    text-decoration:none;
    line-height:1.428571429;
}
.pages li:first-child a,.pages li:first-child span {
    margin-left:0;
    border-bottom-left-radius:4px;
    border-top-left-radius:4px;
}
.pages li:last-child a,.pages li:last-child span {
    border-top-right-radius:4px;
    border-bottom-right-radius:4px;
}
.pages li a:focus,.pages li a:hover,.pages li span:focus,.pages li span:hover {
    background-color:#eee;
}
.pages .active a,.pages .active a:focus,.pages .active a:hover,.pages .active span,.pages .active span:focus,.pages .active span:hover {
    z-index:2;
    border-color:#428bca;
    background-color:#428bca;
    color:#fff;
    cursor:default;
}
.pages .disabled a,.pages .disabled a:focus,.pages .disabled a:hover,.pages .disabled span,.pages .disabled span:focus,.pages .disabled span:hover {
    border-color:#ddd;
    background-color:#fff;
    color:#999;
    cursor:not-allowed;
}

.layout-footer{
    z-index: 9000;
    position: fixed;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 36px;
    min-width: 1200px;
    border-top:1px solid #ddd;
    background: #f6f6f6;
    overflow: hidden;
}
.layout-footer .this-warp{
    width:1200px;
    margin:0 auto;
    padding: 0;
    height:40px;
    line-height: 40px;
}
.footer-copyright,
.footer-links,
.footer-system{
    overflow:hidden;
    height:40px;
    line-height: 40px;
    color:#999;
    font-size:14px;
}
.footer-copyright{
    color: #006699;
}
.footer-links span{
    margin:0 10px;
    color:#ccc;
}
.footer-links a {   
    color:#666;
}
.footer-system {
    color:#999;
    font-size:11px;
}
.footer-links.f-left,
.footer-system.f-left{
    margin-right:10px;
    text-align: left;
}
.footer-links.f-right,
.footer-system.f-right{
    margin-left:10px;
    text-align: right;
}


.page-tools {
    position:fixed;
    right:5px;
    bottom:50px;
    z-index:3001;
    margin:0;
    padding:0;
    width:60px;
    text-align:center;
    font-size:16px;
    _position:absolute;
    _bottom:auto;
    _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)-50));
}
.page-tools-button {
    display:block;
    overflow:hidden;
    margin:2px 0;
    padding:0;
    width:45px;
    height:45px;
    border:1px solid #ddd;
    background:#f6f6f6;
    color:#999;
    text-align:center;
    text-decoration:none;
    line-height:45px;
    opacity:.7;
    filter:alpha(opacity=70);
    -moz-opacity:.7;
    -khtml-opacity:.7;
}
.page-tools-button i {
    display:block;
    height:45px;
    color:#999;
    text-align:center;
    font-size:28px;
    line-height:45px;
}
.page-tools-button:hover {
    background:#fff;
    color:#069;
    text-decoration:none;
    opacity:.9;
    filter:alpha(opacity=90);
    -moz-opacity:.9;
    -khtml-opacity:.9;
}
.page-tools-button:hover i {
    color:#069;
}
.page-tools .reading-history-box p {
    margin:0;
    padding:20px;
}
.page-tools .reading-history-box ul {
    margin:0;
    padding:10px;
}
.page-tools .reading-history-box ul li {
    overflow:hidden;
    margin:0;
    padding:5px 0;
    border-bottom:1px dotted #ccc;
    color:#ccc;
    font-size:12px;
    line-height:20px;
}

.upload-image-list {
    clear:both;
    margin:10px 0;
    padding:10px;
    font-size:12px;
    border:1px solid #ccc;
    text-align:left;
    background:#fff;
    _height:100%;
    /* IE6不显示背景色 */
}
.upload-image-list legend {
    display:inline;
    width:auto;
    margin:0;
    padding:5px 10px;
    font-weight:bold;
    font-size:14px;
    color:#006699;
    border:1px solid #ccc;
    background:#fff;
}
.upload-image-list,.upload-image-list legend {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
.upload-image-list legend {
    border:0;
    padding:0
}
.upload-image-list td.box-thumb {
    padding:5px 2px 5px 10px;
    width:120px;
}
.upload-image-list .img-thumb {
    position:relative;
    width:104px;
    height:74px;
    padding:0;
    text-align:center;
    border:1px solid #ccc;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.upload-image-list .img-thumb img {
    max-width:100px;
    max-height:70px;
    margin:2px;
    padding:0;
}
.upload-image-list .img-thumb span {
    position:absolute;
    top:8px;
    right:8px;
    width:22px;
    height:22px;
    line-height:22px;
    margin:0;
    padding:0;
    text-align:center;
    border:1px solid #ccc;
    background:#fff;
}
.upload-image-list .img-thumb span i {
    font-size:16px;
    color:#ff0000;
}
.upload-image-list .label-inline {
    height:30px;
}
.upload-image-list .button-notext {
    height:30px;
    width:30px;
    margin:0;
    padding:0;
}

.list-num {
    float:left;
    display:block;
    overflow:hidden;
    margin:5px 10px 0 0;
    width:16px;
    height:16px;
    border:1px solid #ccc;
    background:#eaeaea;
    color:#333;
    text-align:center;
    font-size:12px;
    line-height:16px;
}
.list-num-red {
    background:#c00;
    color:#fff;
}
.list-num-green {
    background:#090;
    color:#fff;
}
.list-num-blue {
    background:#046dac;
    color:#fff;
}
.list-title {
    margin:0;
    padding:0;
}
.list-title .label,
.list-box .label{
    display: inline;
    padding: 0.2em 0.6em;
    font-size: 12px;
    font-weight: normal;
    overflow: hidden;
}
.list-title .label .icon,
.list-box .label .icon{
    margin-top:0.2em;
}
.list-title li {
    color:#ccc;
    font-size:14px;
    line-height:27px;
}
.list-title li.li-space-line {
    overflow:hidden;
    margin:0 0 10px 0;
    padding:0;
    height:10px;
    border-bottom:1px dotted #ccc;
    font-size:1px;
    line-height:1px;
}
.list-title-overflow li {
    overflow:hidden;
    height:27px;
    text-overflow:ellipsis;
}
.list-title li span {
    height:27px;
    line-height:27px;
}
.list-title li span.list-date {
    float:right;
    margin-left:10px;
    color:#999;
    font-size:12px;
}
.list-title li span.list-num {
    float:left;
    margin:3px 10px 0 0;
    width:21px;
    height:21px;
    line-height:21px;
}
.list-title li span.list-views {
    float:right;
    margin-left:10px;
    color:red;
    font-size:12px;
}
.list-title li span.list-font {
    margin:3px 5px 0 0;
    width:22px;
    height:22px;
    color:#999;
    font-size:16px;
    line-height:22px;
}
.list-title a,.list-title a:hover {
    text-decoration:none;
}
.list-title-gray a {
    color:#666;
}
.list-title-gray a:hover {
    color:#046dac;
}
.list-title-2cell li {
    float:left;
    margin-left:4.33333%;
    width:45%;
    overflow: hidden;    
}

.list-title-3cell li {
    float:left;
    margin-left:5%;
    width:28%;
    overflow: hidden;
}
.list-text dl {
    margin:0;
    padding:10px;
    border-top:1px dotted #ccc;
}
.list-text dl:first-child {
    border-top:none;
}
.list-text dl:hover {
    background:#fff;
}
.list-text dt {
    overflow:hidden;
    height:30px;
    color:#333;
    text-overflow:ellipsis;
    font-size:16px;
    line-height:30px;
}
.list-text dt span {
    color:#666;
}
.list-text dt i {
    margin-right:10px;
    color:#666;
    font-size:16px;
}
.list-text dd {
    color:#666;
    font-size:12px;
    line-height:22px;
}
.list-text dd p {
    margin:0;
    padding:0;
    line-height:22px;
}
.list-text dd p.top-text {
    color:#666;
}
.list-text dd p.bottom-text {
    overflow:hidden;
    height:22px;
    color:#999;
}
.list-text dd span {
    float:right;
    overflow:hidden;
    margin-left:7px;
    height:22px;
    color:#999;
    font-size:12px;
    line-height:22px;
}
.list-text dd a {
    color:#046dac;
}
.list-text dd i {
    margin-right:7px;
    color:#999;
    font-size:14px;
}
.list-text-overflow dd,.list-text-overflow1line dd {
    overflow:hidden;
    height:22px;
}
.list-text-overflow2line dd {
    overflow:hidden;
    height:44px;
}
.list-text-overflow3line dd {
    overflow:hidden;
    height:66px;
}



.list-cat-menu {
    clear: both;
    margin: 0;
    padding: 0;
}

.list-cat-menu li {
    margin: 0;
    padding: 5px 0;
    height: 30px;
}

.list-cat-menu a {
    display: block;
    height: 30px;
    line-height: 30px;
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 14px;
    background-color: #f6f6f6;
    border: 1px solid #ddd;
    overflow: hidden;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.list-cat-menu a.two {
    background-color: #fff;
}

.list-cat-menu a span {
    float: left;
    height: 30px;
    line-height: 30px;
    width: 30px;
    margin: 0 10px 0 0;
    padding: 0;
    text-align: center;
    font-size: 14px;
    background-color: #f6f6f6;
    border-right: 1px solid #ddd;
}

.list-cat-menu a span i {
    _margin-top: 7px;
    *margin-top: 7px
}

.list-cat-menu a.two span {
    background-color: #fff;
}

.list-cat-menu li.sub {
    margin: 0;
    padding: 0;
    height: 27px;
}

.list-cat-menu li.sub a {
    height: 25px;
    line-height: 25px;
    border: none;
    font-size: 12px;
}

.list-cat-menu li.sub a span {
    margin: 0 0 0 20px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 11px;
    color: #999;
    border: none;
}

.list-cat-menu a,
.list-cat-menu a:hover {
    text-decoration: none;
}

.list-cat-menu a:hover {
    color: #990000
}

.list-tag {
    clear: both;
    margin: 0;
    padding: 10px 10px 10px 0;
}

.list-tag a {
    float: left;
    height: 33px;
    line-height: 33px;
    width: 180px;
    margin: 10px 0 0 10px;
    padding: 0;
    text-align: left;
    font-size: 14px;
    background-color: #ecf9ff;
    border: 1px solid #ccc;
    overflow: hidden;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    *display: inline;
    *zoom: 1;
}

.list-tag a span {
    float: left;
    height: 33px;
    line-height: 33px;
    width: 33px;
    margin: 0 10px 0 0;
    padding: 0;
    text-align: center;
    font-size: 14px;
    background-color: #fff;
    border-right: 1px solid #ccc;
}

.list-tag-265 a {
    width: 265px;
}

.list-tag a:hover {
    background-color: #fff
}

.list-cat-index {
    clear: both;
    margin: 0;
    padding: 0;
}

.list-cat-index a {
    float: left;
    width: 30%;
    height: 33px;
    line-height: 33px;
    margin: 7px 0 0 2%;
    padding: 0;
    text-align: left;
    font-size: 14px;
    text-indent: 10px;
    text-decoration: none;
    background-color: #f6f6f6;
    color: #990000;
    overflow: hidden;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    *display: inline;
    *zoom: 1;
}

.list-cat-index a:hover {
    background-color: #990000;
    color: #fff;
    text-decoration: none
}

.list-cat-index-block a {
    display: block;
    float: none;
    width: auto;
    height: 33px;
    line-height: 33px;
    margin: 7px 0 0 1%;
    padding: 0;
    text-align: left;
    font-size: 14px;
    text-indent: 10px;
    background-color: #f6f6f6;
    color: #990000;
    overflow: hidden;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    *display: inline;
    *zoom: 1;
}

.list-cat-index-2cell a {
    width: 45%;
    margin-left: 3%;
}

.list-cat-index-3cell a {
    width: 30%;
    margin-left: 2%;
}

.list-cat-index-4cell a {
    width: 23%;
    margin-left: 1%;
}

.list-cat-index-5cell a {
    width: 18%;
    margin-left: 1%;
}

.list-cat-index span {
    float: left;
    width: 33px;
    height: 33px;
    line-height: 33px;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 14px;
}

.list-cat-index span.one-index {
    margin: 0 10px 0 0;
    border-right: 1px solid #ccc;
}

.list-num {
    float: left;
    display: block;
    overflow: hidden;
    margin: 5px 10px 0 0;
    width: 16px;
    height: 16px;
    border: 1px solid #ccc;
    background: #eaeaea;
    color: #333;
    text-align: center;
    font-size: 12px;
    line-height: 16px;
}

.list-num-red {
    background: #c00;
    color: #fff;
}

.list-num-green {
    background: #090;
    color: #fff;
}

.list-num-blue {
    background: #046dac;
    color: #fff;
}

/* Bootstrap Style */
.page-header {
    margin:20px 0 10px 0;
 }
.page-header small {
    margin-left:10px;
}
.panel-title a,.panel-title a:hover {
    text-decoration:none;
}
.panel-title-block-link {
    display:block;
}
.layout-content .btn-default,.layout-pc-content .btn-default {
    background-color:#f6f6f6;
}
.layout-content .list-box-title .btn-default,.layout-pc-content .list-box-title .btn-default {
    background-color:#fff;
}
.layout-content .box-home-model{
    height:300px;
    overflow:hidden;
}
.layout-content .control-button a{
    display:block;
    float:left;
    min-width:26px;
    height:26px;
    line-height:26px;
    text-align:center;
    font-size:12px;
    color:#666;
    text-decoration:none;
    margin-right:5px;
    padding:0 5px;
    background-color:#fff;
    border:1px solid #ccc;
    overflow:hidden;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
.layout-content .control-button a.control-no-text {
    width:26px;
    padding:0;
    font-size:16px;
}
.layout-content .control-button a:hover {
    background-color:#f6f6f6;
    color:#006699;
    text-decoration:none;
}
.box-thumbnail {
    }.box-thumbnail-img {
    display:block;
    height:160px;
    line-height:160px;
    overflow:hidden;
}
.box-thumbnail-img img {
    width:auto;
    height:auto;
    max-height:160px;
    overflow:hidden;
}
.box-thumbnail-title {
    height:30px;
    line-height:30px;
    text-align:center;
    overflow:hidden;
}


.navbar-nav>li{
    font-size: 16px;
}
.navbar-nav>li>ul>li{
    font-size: 14px;
}

/* 1级导航 */
.box-nav-tabs{
    clear: both;
    display: block;
}
.box-nav-tabs .nav-tabs {
    border-bottom:2px solid #006699;
}
.box-nav-tabs .nav-tabs > li {
    margin-bottom:-2px;
}
.box-nav-tabs ul > li > a {
    padding:10px 15px 8px 15px;
    font-size:16px;
    color:#666;
    border:none;
    background-color:#f6f6f6;
}
.box-nav-tabs .nav > li > a:focus,.box-nav-tabs .nav > li > a:hover {
    text-decoration:none;
    color:#333;
    background-color:#eaeaea;
}
.box-nav-tabs .nav-tabs > li.active > a,.box-nav-tabs .nav-tabs > li.active > a:focus,.box-nav-tabs .nav-tabs > li.active > a:hover {
    color:#006699;
    background-color:#fff;
    border:2px solid #006699;
    border-bottom-color:#fff;
}
.box-nav-tabs .nav-tabs li a .icon {
    font-size:20px;
}
/* 2级导航 */
.box-nav-subs{
    padding: 8px 0;
}
.box-nav-subs ul > li > a {
    padding:8px 14px 6px 14px;
    color:#333;
}
.box-nav-subs .nav-tabs {
    border-bottom:1px solid #ccc;
}
.box-nav-subs .nav-tabs > li {
    margin-bottom:-1px;
}
.box-nav-subs .nav-tabs > li.active > a,.box-nav-subs .nav-tabs > li.active > a:focus,.box-nav-subs .nav-tabs > li.active > a:hover {
    color:#006699;
    background-color:#fff;
    border:1px solid #ccc;
    border-bottom-color:#fff;
}

.form-group .validator-img,.form-group-lg .validator-img {
    padding:0
}

.bootstrap-content-form .control-label {
    color:#006699
}
.bootstrap-content-form .help-block {
    color:#999;
    font-size:12px;
}
.bootstrap-content-form .form-control-static {
    color:#006699
}
.bootstrap-content-form .has-success input {
    color:#009900
}
.bootstrap-content-form .has-warning input {
    color:#8a6d3b
}
.bootstrap-content-form .has-error input {
    color:#a94442
}


.list-box-title {
    clear:both;
    margin:0;
    padding:0;
    height:40px;
    line-height:40px;
    font-size:18px;
    font-weight:normal;
    color:#006699;
    background:#f6f6f6;
    border-bottom:1px solid #ddd;
    overflow:hidden;
}
.list-box-title .btn {
    display:inline-block;
    margin:5px 5px 0 0
}
.list-box {
    clear:both;
    margin:0;
}
.list-box .btn {
    display:inline-block;
    margin:5px 5px 0 0
}
ul.list-box,.list-box ul {
    clear:both;
    border-radius:5px;
    margin:10px 0;
    padding:5px 0;
    border:1px solid #ddd;
    background-color:#fff;
}
.list-box ul li {
    margin:0;
    padding:0;
    height:60px;
    overflow:hidden;
}
.list-box ul li:not(:last-child) {
    border-bottom:1px solid #ddd;
}
.list-box ul li {
    display:block;
    margin:0;
    padding:0 15px;
    height:60px;
    background-color:#fff;
    text-decoration:none;
    overflow:hidden;
}
.list-box ul a {
    text-decoration:none;
}
.list-box ul a:hover {
    color:#000;
    text-decoration:none;
}
.list-box ul li:hover {
    background-color:#f2f9fd;
}
.list-box ul li span.thumb {
    display:block;
    float:left;
    margin:0;
    padding:0;
    height:60px;
    width:60px;
    text-align:left;
    overflow:hidden;
}
.list-box ul li span.thumb img {
    margin:5px 0 0 0;
    height:50px;
    width:50px;
    padding:1px;
    background-color:#ddd;
}
.list-box ul li span.title,.list-box ul li span.info {
    text-overflow:ellipsis;
    word-wrap:break-word;
}
.list-box ul li span.title {
    display:block;
    margin:0;
    padding:0;
    height:40px;
    line-height:40px;
    font-size:16px;
    color:#666;
    text-align:left;
    overflow:hidden;
}
.list-box ul li span.title a {
    font-weight:bold;
    color:#333;
}
.list-box ul li span.info {
    display:block;
    margin:0;
    padding:0;
    height:16px;
    line-height:16px;
    font-size:12px;
    color:#999;
    text-align:left;
    overflow:hidden;
}
.list-box ul li span.info i,.list-box ul li span.info u {
    font-style:normal;
    font-weight:normal;
    text-decoration:none;
}
.list-box ul li span.info i {
    color:#990000;
}
.list-box ul li span.info u {
    color:#666;
}
.list-box .list-group-item{
    padding: 5px 10px;
}
.list-box .list-group-item-bg{
    background-color: #f6f6f6;
}
.list-box .list-group-item-heading {
    height:35px;
    line-height:35px;
    overflow:hidden;
}
.list-box .list-group-item-text{
    height:25px;
    line-height:25px;
    font-size: 12px;
    overflow:hidden;
}

.list-media {
    clear:both;
    margin:10px 0 0 0
}
.list-media .tooltip .tooltip-inner {
    background-color:#293038
}
.list-media .media .user-avatar {
    float:right;
}
.list-media .media .user-info {
    float:right;
    width:190px;
    text-align:right;
}
.list-media .media .user-info h4,.list-media .media .user-info h5,.list-media .media .user-info h6,.list-media .media .user-info p {
    text-align:right;
}
.list-media .media .user-info h4,.list-media .media .user-info h5,.list-media .media .user-info h6 {
    margin:0;
    padding:0;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
.list-media .media .user-info h4 {
    height:40px;
    line-height:40px;
    font-size:20px
}
.list-media .media .user-info h5 {
    height:35px;
    line-height:35px;
    font-size:16px
}
.list-media .media .user-info h6 {
    height:30px;
    line-height:30px;
    font-size:14px
}
.list-media .media .user-info p {
    clear:both;
    font-size:12px
}
.list-media .media .user-info p span {
    font-size:12px
}
.list-media .media .media-body {
    padding:10px 20px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    background-color:#f6f6f6;
    border:1px solid #dddddd;
}
.list-media .media .media-body .media-heading {
    color:#006699
}
.list-media .media .media-body p {
    clear:both;
    margin:0;
    padding:0;
    text-align:right;
    font-size:12px;
    color:#666;
}
.list-media .media .media-body h5,.list-media .media .media-body h6 {
    font-size:14px
}
.list-media .media .media-body h6 {
    text-align:right;
}
.list-media .media:nth-child(even) .media-body {
    background-color:#fff;
}
.list-media .media .media-body-data {
    clear:both;
    margin:0;
    padding:0;
    text-align:left;
    font-size:14px;
    color:#666;
}
.list-media .media .media-body-data p {
    margin:5px 0;
    padding:0;
    font-size:14px;
    text-indent:2em;
    text-align:left;
    line-height:1.5em;
}
.list-media .media .media-body-data b {
    color:#333
}
.list-media .media .media-body .media-heading .user-avatar {
    float:left;
    margin:0
}
.list-media .media .media-body .media-heading h4 {
    margin:0;
    padding:10px 0 0 10px;
    border-bottom:1px solid #dddddd;
}
@media (max-width:767px) {
    .list-media .media .media-body {
    padding:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    background-color:#f6f6f6;
    border:1px solid #dddddd;
}
}

/* touch-validator */
.validator-touch-v1{z-index:1990;position:relative;margin:0;padding:0;width:100%;min-width:200px;max-width:400px;height:132px;background:#fff;border:1px solid #ddd;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;overflow:hidden;}
.validator-touch-v1 .validator-touch-check{z-index:1991;position:relative;margin:0; padding:0;width:100%;height:128px;background:transparent url('/static-base/img/validator-touch-check-bg1.png') no-repeat top left;overflow:hidden;}
.validator-touch-v1 .validator-touch-check-ok{background-image:url('/static-base/img/validator-touch-check-bg2.png');}      
.validator-touch-v1 .validator-touch-lock{z-index:1992;position:absolute;margin:0;padding:0;right:0;top:0;width:118px;height:128px;background:transparent url('/static-base/img/validator-touch-lock-bg1.png') no-repeat top left;overflow:hidden;}
.validator-touch-v1 .validator-touch-lock-ok{background-image:url('/static-base/img/validator-touch-lock-bg2.png');}
.validator-touch-v1 .validator-touch-drag{z-index:1999;position:absolute;display:block;top:15px;left:15px;width:60px;height:60px;cursor: move;background:transparent url('/static-base/img/validator-touch-check-icon.png') no-repeat top center;color:#fff}
.validator-touch-v1 .validator-touch-drag-ok{background-image:url('/static-base/img/validator-touch-check-icon-gold.png');display:none;}
.validator-touch-v1 .validator-touch-drag-line{display:none;}
.validator-touch-v1 .validator-touch-check-ok .validator-touch-drag-line{display:none;}
.validator-touch-v1 .validator-touch-complete{z-index:1998;position:absolute;display:block;top:58px;right:25px;width:70px;height:70px;}


.validator-touch-v2{z-index:1990;position:relative;margin:0;padding:0;width:100%;min-width:200px;max-width:400px;height:150px;background:#fff;border:1px solid #ddd;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;overflow:hidden;}
.validator-touch-v2 .validator-touch-check{z-index:1991;position:relative;margin:0; padding:0;width:100%;height:100%;background:transparent url('/static-base/img/validator-touch-check-bg-v2.jpg') no-repeat top left;overflow:hidden;}
.validator-touch-v2 .validator-touch-check-ok{}     
.validator-touch-v2 .validator-touch-lock{z-index:1992;position:absolute;margin:0;padding:0;right:7px;top:7px;width:118px;height:135px;background:transparent url('/static-base/img/validator-touch-lock-bg1-v2.png') no-repeat top left;overflow:hidden;}
.validator-touch-v2 .validator-touch-lock-ok{background-image:url('/static-base/img/validator-touch-lock-bg2-v2.png');}
.validator-touch-v2 .validator-touch-drag{z-index:1999;position:absolute;display:block;top:75px;left:50px;width:50px;height:50px;cursor: move;background:transparent url('/static-base/img/validator-touch-check-icon-v2.png') no-repeat center center;color:#fff}
.validator-touch-v2 .validator-touch-drag-ok{display:none;}
.validator-touch-v2 .validator-touch-drag-line{z-index:1993;position:absolute;display:block;top:95px;right:80px;width:100%;height:2px;padding:0 0 0 160px}
    .validator-touch-v2 .validator-touch-drag-line div{display:block;height:2px;font-size:0px;background:#fff;overflow:hidden;}
    .validator-touch-v2 .validator-touch-check-ok .validator-touch-drag-line{display:none;}
.validator-touch-v2 .validator-touch-complete{z-index:1998;position:absolute;display:block;top:65px;right:35px;width:60px;height:60px;}

/* layer Windows*/
.layer-windows-content{padding:10px;width:520px;max-width:620px;}
@media (max-width: 767px) {
    .layer-windows-content{max-width:100% !important;left:15% !important;min-width: 300px}
}
.select-region-body,.select-level-body{width:500px;max-width:600px;}
@media (max-width: 767px) {
    .select-region-body,.select-level-body{max-width:100% !important;min-width: 300px}
}

/* JS layer.msg Mobile Bug*/
@media (max-width: 767px) {
    .layui-layer-msg{width:70% !important;left:15% !important;}
}

/*Common CSS */
/*Clear */
.clear{display:block;clear:both !important;float:none !important;}
.clear:before,.clear:after {content: "";display: table;}
.clear:after{display:block;clear:both;}

.clear-h{display:block;clear:both !important;float:none !important;padding:0;margin:0;overflow:hidden;}
.clear-s{display:block;clear:both !important;float:none !important;padding:0;margin:0;height:0px;font-size:0px;overflow:hidden;}
/* iconfont 字体图标存在半个像素的锯齿*/
/* iconfont svg 字体图标位置放在TTF字体之前可以显著消除PC下的锯齿现象 */
.fa,.icon,.iconfont{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-stroke-width: 0.2px;
}

.display-none{display:none !important}
.display-block{display:block !important}
/*Float*/
.f-none{float:none !important}
.f-left{float:left !important}
.f-right{float:right !important}
/*Padding*/
.p-0{padding:0 !important}
.p-1{padding:1px !important}
.p-2{padding:2px !important}
.p-3{padding:3px !important}
.p-5{padding:5px !important}
.p-10{padding:10px !important}
.p-15{padding:15px !important}
.p-20{padding:20px !important}
.p-30{padding:30px !important}
.p-50{padding:50px !important}
.p-h3{padding:3px 0 !important}
.p-h5{padding:5px 0 !important}
.p-h10{padding:10px 0 !important}
.p-h15{padding:15px 0 !important}
.p-h20{padding:20px 0 !important}
.p-h30{padding:30px 0 !important}
.p-h50{padding:50px 0 !important}
.p-w3{padding:0 3px !important}
.p-w5{padding:0 5px !important}
.p-w10{padding:0 10px !important}
.p-w15{padding:0 15px !important}
.p-w20{padding:0 20px !important}
.p-w30{padding:0 30px !important}
.p-w50{padding:0 50px !important}

/*Margin*/
.m-0{margin:0 !important}
.m-1{margin:1px !important}
.m-2{margin:2px !important}
.m-3{margin:3px !important}
.m-5{margin:5px !important}
.m-10{margin:10px !important}
.m-15{margin:15px !important}
.m-20{margin:20px !important}
.m-h3{margin:3px 0 !important}
.m-h5{margin:5px 0 !important}
.m-h10{margin:10px 0 !important}
.m-h15{margin:15px 0 !important}
.m-h20{margin:20px 0 !important}
.m-w3{margin:0 3px !important}
.m-w5{margin:0 5px !important}
.m-w10{margin:0 10px !important}
.m-w15{margin:0 15px !important}
.m-w20{margin:0 20px !important}

/*Clear space*/
.space-1,.space-2,.space-3,.space-5,.space-7,.space-10,.space-20,.space-30,.space-60,.space-100,.space-200,.space-300{clear:both;padding:0;margin:0;font-size:1px;line-height:1px;overflow: hidden !important}
.space-1{height:1px !important}
.space-2{height:2px !important}
.space-3{height:3px !important}
.space-5{height:5px !important}
.space-7{height:7px !important}
.space-10{height:10px !important}
.space-20{height:20px !important}
.space-30{height:30px !important}
.space-60{height:60px !important}
.space-100{height:100px !important}
.space-200{height:200px !important}
.space-300{height:300px !important}
/*Border Line: 1px solid #ccc*/
.b-line{border:1px solid #ccc !important}
.b-top{border-top: 1px solid #ccc !important}
.b-right{border-right: 1px solid #ccc !important}
.b-bottom{border-bottom: 1px solid #ccc !important}
.b-left{border-left: 1px solid #ccc !important}
.b-none{border: none !important}
.b-notop{border-top: none !important}
.b-noright{border-right: none !important}
.b-nobottom{border-bottom: none !important}
.b-noleft{border-left: none !important}
/*Background Color*/
.b-transparent{background:transparent !important}
.b-red{background:red !important}
.b-yellow{background:yellow !important}
.b-lime{background:lime !important}
.b-aqua{background:aqua !important}
.b-blue{background:blue !important}
.b-fuchsia{background:fuchsia !important}
.b-maroon{background:maroon !important}
.b-olive{background:olive !important}
.b-green{background:green !important}
.b-teal{background:teal !important}
.b-navy{background:navy !important}
.b-purple{background:purple !important}
.b-black{background:black !important}
.b-gray{background:gray !important}
.b-silver{background:silver !important}
.b-white{background:white !important}
/*Background Style*/
.b-scroll{background-attachment:scroll !important}
.b-fixed{background-attachment:fixed !important}
.b-cc{background-position:center center !important}
.b-no{background:none;background-image:none !important}
/*Position*/
.p-static {position:static  !important}
.p-absolute{position:absolute !important}
.p-relative{position:relative !important}
.p-fixed{position:fixed !important}
/*Font size*/
.f-11{font-size:11px !important}
.f-12{font-size:12px !important}
.f-14{font-size:14px !important}
.f-16{font-size:16px !important}
.f-18{font-size:18px !important}
.f-20{font-size:20px !important}
.f-22{font-size:22px !important}
.f-24{font-size:24px !important}
.f-26{font-size:26px !important}
.f-28{font-size:28px !important}
.f-30{font-size:30px !important}
/*Font style weight indent*/
.f-normal{font-style:normal;font-weight:normal;text-decoration : none !important}
.f-bold{font-weight:bold !important}
.f-italic{font-style:italic !important}
.f-indent{text-indent:2em !important}
/*Text align*/
.t-center{text-align:center !important}
.t-left{text-align:left !important}
.t-right{text-align:right !important}
/*Text Color*/
.t-red{color:red !important}
.t-yellow{color:yellow !important}
.t-lime{color:lime !important}
.t-aqua{color:aqua !important}
.t-blue{color:blue !important}
.t-fuchsia{color:fuchsia !important}
.t-maroon{color:maroon !important}
.t-olive{color:olive !important}
.t-green{color:green !important}
.t-teal{color:teal !important}
.t-navy{color:navy !important}
.t-purple{color:purple !important}
.t-black{color:black !important}
.t-gray{color:gray !important}
.t-silver{color:silver !important}
.t-white{color:white !important}
/*Vertical align*/
.v-sub { vertical-align : sub !important} /*下标*/
.v-super { vertical-align : super !important}  /*上标*/
.v-baseline { vertical-align : baseline  !important}
.v-top { vertical-align : top !important}
.v-middle{ vertical-align : middle !important}
.v-bottom { vertical-align : bottom !important}

.no-warp{white-space:nowrap !important;}
.text-ellipsis{text-overflow:ellipsis !important;}