/**
 *@Name:    global.css
 *@Author:  XiaoYu/Guo CJ
 *@E-mail:  592429285@qq.com
 *@Time:    2019.08.02
*/

@charset "UTF-8";

*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*:before, *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

/*防止IOS竖屏转横屏时放大字体*/
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}

/*防止滚动卡顿*/
body{position:relative;color:#666;background-color:#f6f6f6;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;
  font:14px/20px "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{display:block;}
audio, canvas, video{display:inline-block;}
audio:not([controls]) {display:none;height:0;}

.row:before, .row:after,
.footer:before, .footer:after,
.list-unstyled > li:before, .list-unstyled > li:after,
.list-inline > li:before, .list-inline > li:after,
.nav:before, .nav:after,
.form-group:before, .form-group:after{display:table;content:" ";}

.row:after,
.footer:after,
.list-unstyled > li:after,
.list-inline > li:after,
.nav:after,
.form-group:after{clear:both;}

/*定位*/
.fixed{position:fixed !important;}
.relative{position:relative !important;}
.absolute{position:absolute !important;}

/*清除浮动*/
.clear:before, .clear:after{display:table;content:" ";}
.clear:after{clear:both;}
.clear{zoom:1;}

/*左右浮动*/
.pull-left, .left, .left-part{float:left;}
.pull-right, .right, .right-part{float:right;}
.pull-none{float:none !important;}
.half{width:50%;}

/*链接--webkit-tap-highlight-color:transparent(安卓无效)*/
a{color:#187EEA;text-decoration:none;background:transparent;}
a:link, a:visited, a:hover, a:active, a.active{outline:none;text-decoration:none;-webkit-tap-highlight-color:(255,255,255,0);}
a.line, a.line:hover, a.line:active{text-decoration:underline;}
a, input, select, textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);}

/*文本颜色*/
.text-primary{color:#256ef6 !important;}/*主要-蓝色*/
a.text-primary:active{color:#004793 !important;}
.text-success{color:#32BB6B !important;}/*成功-绿色*/
a.text-success:active{color:#28b563 !important;}
.text-info{color:#58A3E9 !important;}/*信息-浅蓝*/
a.text-info:active{color:#509ce4 !important;}
.text-warning{color:#f6ab00 !important;}/*警告-黄色*/
a.text-warning:active{color:#fca110 !important;}
.text-danger{color:#FF3030 !important;}/*危险-红色*/
a.text-danger:active{color:#db1515 !important;}
a.text-default, .text-default{color:#666 !important;}
.text-white{color:#fff !important;}
.text-gray{color:#333 !important;}
.text-black{color:#000 !important;}

/*-背景色-默认白色字体*/
.bg-white{background-color:#fff !important;}
.bg-default {color:#777;background-color:#efefef !important;}/*白色（默认）*/
a.bg-default:active{background-color:#efefef !important;}
.bg-primary{color:#fff !important;background-color:#256ef6 !important;}/*主要-蓝色*/
a.bg-primary:active{background-color:#004793 !important;}
.bg-success{color:#fff !important;background-color:#86C17A !important;}/*成功-绿色*/
a.bg-success:active{background-color:#28b563 !important;}
.bg-info{color:#fff !important;background-color:#7DBAF3 !important;}/*信息-浅蓝*/
a.bg-info:active{background-color:#509ce4 !important;}
.bg-warning{color:#fff !important;background-color:#F1BB65 !important;}/*警告-黄色*/
a.bg-warning:active{background-color:#e99104 !important;}
.bg-danger{color:#fff !important;background-color:#E87676 !important;}/*危险-红色*/
a.bg-danger:active{background-color:#e34e4e !important;}

/*标题*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{display:block;font-weight:500;color:inherit;}
h1, h2, h3, .h1, .h2, .h3{line-height:1.42857143;}
h1, h2, h3, .h1, .h2, .h3{margin-top:20px;margin-bottom:10px;}
h4, h5, h6, .h4, .h5, .h6{margin-top:10px;margin-bottom:10px;}
h1, .h1{font-size:30px;}
h2, .h2{font-size:24px;}
h3, .h3{font-size:18px;}
h4, .h4{font-size:16px;}
h5, .h5{font-size:14px;}
h6, .h6{font-size:12px;}
small, .small{font-size:80%;}

/*水平居中-块显示*/
.margin-auto{display:block;margin-right:auto;margin-left:auto;}
.block{display:block;}
.inline-block, label, a, i, em, span, strong, img{display:inline-block;}
.italic{font-style:italic;}
i{font-style:normal;}
.pointer{cursor:pointer;}
th, td{vertical-align:middle;}

/*文本粗*/
.bold, b, strong{font-weight:bold;}

/*文本换行*/
.word-break{display:block;word-break:break-all;}/*把长单词截断两部分换行*/
.word-wrap{display:block;word-wrap:break-word;}/*整个单词换行*/

/*省略号*/
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

/*禁止选中复制文本*/
.stopCopy{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;user-select:none;}

/*尖括号*/
q:before, q::before{content:"《";}
q:after,  q::after{content:"》";}
q.en:before, q.en::before{content:"«";}
q.en:after,  q.en::after{content:"»";}

/*段落文本*/
.article p{margin-bottom:10px;}
.article p, p.indent{text-indent:2em !important;}

/*垂直居中,苹果设备取消文本框内阴影*/
input, textarea, img{vertical-align:middle;-webkit-appearance:none;}

/*隐藏label*/
.sr-only {position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:none;}

/*灰色页面*/
.grayscale{-webkit-filter:grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);_filter:none;}

/*图片*/
 img{display:block;page-break-inside:avoid;border:none;width:100%;vertical-align:middle;}
.img-circle{border-radius:50%;}
.img-transparent{background-color:#000;
    -webkit-opacity:.8;
    /* Netscape and Older than Firefox 0.9 */
    -moz-opacity:.8;
    /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/
    -khtml-opacity:.8;
    /* IE9 + etc...modern browsers */
    opacity:.8;
    /* IE 4-9 */
    filter:alpha(opacity=80);
    /*This works in IE 8 & 9 too*/
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}

/*文本对齐*/
.text-left{text-align:left !important;}
.text-right{text-align:right !important;}
.text-center{text-align:center !important;}
.text-justify{text-align:justify;}
.text-nowrap{white-space:nowrap;}
.text-lowercase{text-transform:lowercase;}
.text-uppercase{text-transform:uppercase;}
.text-capitalize{text-transform:capitalize;}

/*列表-默认有列表符号*/
ul, ol{list-style:inside;}
ol{list-style-type:decimal;}
ul, ul ul, ul ol, ol, ol ol, ol ul, ul.normal, ol.normal, nav ul, nav ol{margin:0;padding:0;}

/*取消列表符号*/
.list-unstyled, .list-inline{list-style:none;}
.list-inline{display:-webkit-flex;display:flex;justify-content:flex-start;}
.list-inline > li{float:left;display:inline-block;padding-left:0;padding-right:0;}
.list-inside{list-style:inside;}
.list-outside{list-style:outside;}
.list-num-in{list-style:decimal inside;}
.list-num-out{list-style:decimal outside;}

/*列表上下边距*/
.list-p5 > li{padding:5px 0 !important;}
.list-p10 > li{padding:10px 0 !important;}
.list-p15 > li{padding:15px 0 !important;}
.list-p20 > li{padding:20px 0 !important;}

/*列表左右内边距*/
.list-m5 > li{margin:0 5px !important;}
.list-m10 > li{margin:0 10px !important;}
.list-m15 > li{margin:0 15px !important;}
.list-m20 > li{margin:0 20px !important;}

/*列表分隔线*/
.list-bd > li{border-bottom:1px solid #ddd;}
.list-bd > li:last-child{border-bottom:none;}

/*显示-隐藏*/
.show{display:block !important;}
.hide{display:none !important;}
.hidden{visibility:hidden !important;}
.indent{text-indent:-999.9px !important;}
.overhide{overflow:hidden !important;}

/*栅格布局*/
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, 
.col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left;position:relative;min-height:1px;padding-left:15px;padding-right:15px;}
.col-xs-12{width:100%;}
.col-xs-11{width:91.66666667%;}
.col-xs-10{width:83.33333333%;}
.col-xs-9{width:75%;}
.col-xs-8{width:66.66666667%;}
.col-xs-7{width:58.33333333%;}
.col-xs-6{width:50%;}
.col-xs-5{width:41.66666667%;}
.col-xs-4{width:33.33333333%;}
.col-xs-3{width:25%;}
.col-xs-2{width:16.66666667%;}
.col-xs-1{width:8.33333333%;}

.col-xs-pull-12{right:100%;}
.col-xs-pull-11{right:91.66666667%;}
.col-xs-pull-10{right:83.33333333%;}
.col-xs-pull-9{right:75%;}
.col-xs-pull-8{right:66.66666667%;}
.col-xs-pull-7{right:58.33333333%;}
.col-xs-pull-6{right:50%;}
.col-xs-pull-5{right:41.66666667%;}
.col-xs-pull-4{right:33.33333333%;}
.col-xs-pull-3{right:25%;}
.col-xs-pull-2{right:16.66666667%;}
.col-xs-pull-1{right:8.33333333%;}
.col-xs-pull-0{right:auto;}

.col-xs-push-12{left:100%;}
.col-xs-push-11{left:91.66666667%;}
.col-xs-push-10{left:83.33333333%;}
.col-xs-push-9{left:75%;}
.col-xs-push-8{left:66.66666667%;}
.col-xs-push-7{left:58.33333333%;}
.col-xs-push-6{left:50%;}
.col-xs-push-5{left:41.66666667%;}
.col-xs-push-4{left:33.33333333%;}
.col-xs-push-3{left:25%;}
.col-xs-push-2{left:16.66666667%;}
.col-xs-push-1{left:8.33333333%;}
.col-xs-push-0{left:auto;}

.col-xs-offset-12{margin-left:100%;}
.col-xs-offset-11{margin-left:91.66666667%;}
.col-xs-offset-10{margin-left:83.33333333%;}
.col-xs-offset-9{margin-left:75%;}
.col-xs-offset-8{margin-left:66.66666667%;}
.col-xs-offset-7{margin-left:58.33333333%;}
.col-xs-offset-6{margin-left:50%;}
.col-xs-offset-5{margin-left:41.66666667%;}
.col-xs-offset-4{margin-left:33.33333333%;}
.col-xs-offset-3{margin-left:25%;}
.col-xs-offset-2{margin-left:16.66666667%;}
.col-xs-offset-1{margin-left:8.33333333%;}
.col-xs-offset-0{margin-left:0%;}

/*按钮*/
.btn{padding:8px 0;width:100%;line-height:1.42857143;font-size:14px;text-align:center;
  white-space:nowrap;vertical-align:middle;border-radius:3px;border:1px solid transparent;cursor:pointer;
  -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.btn:active{outline:none;}
.btn:hover, .btn:active{text-decoration:none;}
.btn:active, .btn.active{color:#fff;/*color:#fff !important;*/background-image:none;outline:0;
/*  -webkit-box-shadow:inset 0 .06px .1px rgba(0, 0, 0, .125);box-shadow:inset 0 .06px .1px rgba(0, 0, 0, .125);*/}
.btn.normal, .btn-normal .btn{background-image:none;outline:0;-webkit-box-shadow:none;box-shadow:none;}

/*灰色*/
.btn-gray{color:#fff;background-color:#ccc;border-color:#ccc;}
.btn-gray:hover, .btn-gray:focus, .btn-gray:active, .btn-gray.active{color:#fff;background-color:#ccc;border-color:#ccc;}

/*白色（默认）*/
.btn-default {color:#777;background-color:#fff;border-color:#efefef;}

/*深蓝色（重要）按钮*/
.btn-primary{color:#fff;background-color:#337ab7;border-color:#337ab7;}

/*绿色（安全）按钮*/
.btn-success{color:#fff;background-color:#86C17A;border-color:#86C17A;}

/*淡蓝色（提示）按钮*/
.btn-info{color:#fff;background-color:#7DBAF3;border-color:#7DBAF3;}

/*黄色（提醒）按钮*/
.btn-warning{color:#fff;background-color:#F1BB65;border-color:#F1BB65;}

/*红色（警告）按钮*/
.btn-danger{color:#fff;background-color:#E87676;border-color:#E87676;}

/*紫色（特别）按钮*/
.btn-purple{color:#fff;background-color:#59589e;border-color:#59589e;}

/*边框-点线-实线-虚线*/
.border{border:1px solid transparent;}/*全部边框*/
.border-dotted{border-style:dotted;}/*点线*/
.border-soild{border-style:solid;}/*实线*/
.border-dashed{border-style:dashed;}/*虚线*/
.border-gray{border-color:#ccc !important;}
.border-default {border-color:#efefef !important;}
.border-primary{border-color:#428bca !important;}
.border-success{border-color:#4cae4c !important;}
.border-info{border-color:#5bc0de !important;}
.border-warning{border-color:#f0ad4e !important;}
.border-danger{border-color:#d9534f !important;}
.border-purple{border-color:#59589e !important;}

/*圆角*/
.radius3{border-radius:3px;overflow:hidden;}
.radius4{border-radius:4px;overflow:hidden;}
.radius5{border-radius:5px;overflow:hidden;}
.radius6{border-radius:6px;overflow:hidden;}
.radius8{border-radius:8px;overflow:hidden;}
.radius10{border-radius:10px;overflow:hidden;}

/*== CSS 组件工具 ===================================================================*/
/*三角形*/
.caret-down, .caret-up, .caret-left, .caret-right{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;}
.caret-down{border-top:4px dashed;border-top:4px solid \9;border-right:4px solid transparent;border-left:4px solid transparent;}
.caret-up{border-bottom:4px dashed;border-bottom:4px solid \9;border-right:4px solid transparent;border-left:4px solid transparent;}
.caret-left{border-right:4px dashed;border-right:4px solid \9;border-top:4px solid transparent;border-bottom:4px solid transparent;}
.caret-right{border-left:4px dashed;border-left:4px solid \9;border-top:4px solid transparent;border-bottom:4px solid transparent;}