body{background-color: #2a2a2d;}
/************************************ 重写样式 ************************************/
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;list-style:none;}
html {font-size: 62.5%;}
body{font-family:"微软雅黑","Microsoft YaHei","Microsoft YaHei UI", "Segoe UI", Arial, Verdana, Sans-Serif, sans-serif;padding:0;margin:0;font-size: 1.2rem;color:#333;line-height: 1.42857143;}
a{color:inherit;-webkit-transition: color 0.25s;-moz-transition: color 0.25s;-o-transition: color 0.25s;transition: color 0.25s;background-color:transparent;-webkit-text-decoration-skip:objects;}
a,a:hover,a:focus{text-decoration:none ;}
a:active,a:hover{outline-width:0}
h1,h2,h3,h4,h5,p,ul,a,span{font-family: "微软雅黑","Microsoft YaHei","Microsoft YaHei UI","Hiragino Sans GB W3","Segoe UI", Arial, Verdana, Sans-Serif, sans-serif;}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display: block;}
audio,canvas,progress,video {display: inline-block;vertical-align: baseline;}
audio:not([controls]) {display: none;height: 0;}
table{border-collapse: collapse; border-spacing: 0;}
hr {margin-top: 25px;margin-bottom: 25px;border: 0;border-top: 1px solid #d4d4d4;}
ul{padding-left: 0;}
html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
h1{margin:.67em 0;font-size:2em}
figcaption,figure,main{display:block}
figure{margin:1em 40px}
hr{overflow:visible;box-sizing:content-box;height:0}
pre{font-size:1em;font-family:monospace,monospace}
abbr[title]{border-bottom:none;text-decoration:underline dotted}
b,strong{font-weight:inherit}
b,strong{font-weight:bolder}
code,kbd,samp{font-size:1em;font-family:monospace,monospace}
dfn{font-style:italic}
mark{background-color:#ff0;color:#000}
small{font-size:80%}
sub,sup{position:relative;vertical-align:baseline;font-size:75%;line-height:0}
sub{bottom:-.25em;}
sup{top:-.5em}
audio,video{display:inline-block}
audio:not([controls]){display:none;height:0}
img{border-style:none;vertical-align:middle;}
svg:not(:root){overflow:hidden}
button,input,optgroup,select,textarea{margin:0;font-size:100%;font-family:sans-serif;line-height:1.15}
button,input{overflow:visible}
input,textarea,select,button{text-transform:none;outline: 0 none;}
[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}
fieldset{margin:0 2px;padding:.35em .625em .75em;border:1px solid silver}
legend{display:table;box-sizing:border-box;padding:0;max-width:100%;color:inherit;white-space:normal}
progress{display:inline-block;vertical-align:baseline}
textarea{overflow:auto}
[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{outline-offset:-2px;-webkit-appearance:textfield}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}
summary{display:list-item}
canvas{display:inline-block}
template,[hidden]{display:none}
dd{-webkit-margin-start: 0;}
.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {display: table;  content: " ";}
.btn-group-vertical>.btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .modal-header:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after {clear: both;  }
blockquote{margin:1rem;padding:1rem}
.sp_results > li{padding: 6px !important;}
input.btn.sp_input{color: #0a001f;background-color:#ececec;padding-right: 2.2rem;caret-color: transparent;border: none !important;box-shadow: 0 0.1rem 0.1rem rgba(0,0,0,.3) !important;}
input.btn.sp_input::-webkit-input-placeholder{color: #46474d;}
input.btn.sp_input~.sp_clear_btn{display: flex;align-items: center;padding: 0;}
input.btn.sp_input.no-clear-btn~.sp_clear_btn{display: none!important;}
input.btn.sp_input:hover, input.btn.sp_input:focus, input.btn.sp_input.focus, input.btn.sp_input:active, input.btn.sp_input.active{background-color: #d3d3d3}
/************************************ 卡片 ************************************/
.card{background:#fff;box-shadow:0 .1rem .2rem rgba(0,0,0,.3);position:relative;border-radius:.2rem;}
.card-content{position:relative}
.card-content-inner{padding:0.5rem 1.5rem;position:relative}
.card-footer,.card-header{min-height:40px;position:relative;padding:5px 1rem;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;align-items:center}
.card-footer[valign=top],.card-header[valign=top]{-webkit-box-align:start;-webkit-align-items:flex-start;align-items:flex-start}
.card-footer[valign=bottom],.card-header[valign=bottom]{-webkit-box-align:end;-webkit-align-items:flex-end;align-items:flex-end}
.card-footer a.link,.card-header a.link{line-height:4rem;height:4rem;text-decoration:none;position:relative;margin-top:-1rem;margin-bottom:-1rem;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-transition-duration:.3s;transition-duration:.3s}
.card-footer a.link i+i,.card-footer a.link i+span,.card-footer a.link span+i,.card-footer a.link span+span,.card-header a.link i+i,.card-header a.link i+span,.card-header a.link span+i,.card-header a.link span+span{margin-left:.35rem}
.card-footer a.link i.icon,.card-header a.link i.icon{display:block}
.card-header{border-radius:.2rem .2rem 0 0;font-size:1.3rem;min-height: 3rem}
.card-header:after{content:'';position:absolute;left:0;bottom:0;right:auto;top:auto;height:1px;width:100%;background-color:#e1e1e1;display:block;z-index:15;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}
@media only screen and (-webkit-min-device-pixel-ratio:2){.card-header:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}}
@media only screen and (-webkit-min-device-pixel-ratio:3){.card-header:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}}
.card-footer{border-radius:0 0 .2rem .2rem;color:#5f646e}
.card-footer:before{content:'';position:absolute;left:0;top:0;bottom:auto;right:auto;height:1px;width:100%;background-color:#e1e1e1;display:block;z-index:15;-webkit-transform-origin:50% 0;transform-origin:50% 0}
@media only screen and (-webkit-min-device-pixel-ratio:2){.card-footer:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}}
@media only screen and (-webkit-min-device-pixel-ratio:3){.card-footer:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}}
.card-more:after{content:"\e6e3";float:right}
.card-drop{cursor: pointer;font-size: 1.6rem;}
.card-drop-down:after{content:"\e661"}
.card-drop-up:after{content:"\e6de"}
.card-small-title,.small-title{font-size:1.2rem;color:#ADADAD}
.mobile .card-footer,.mobile  .card-header{min-height:3rem;padding: 1rem .5rem;}
/************************************ 表单 ************************************/
input[disabled],fieldset[disabled] {background-color: #ccc;opacity: 1;cursor:not-allowed;}
fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox].disabled, input[type=checkbox][disabled], input[type=radio].disabled, input[type=radio][disabled],input[disabled],fieldset[disabled]{cursor: not-allowed;}
input,textarea{width: 100%;height:3rem;padding:3px 5px;display: inline-block;color: #e2e0e0;font-size:1.4rem;line-height:1.8;background:0 0;border:1px solid #ccc;border-radius:3px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
textarea{height: auto;width: 100%;padding:.3rem .4rem;}
input:focus,textarea:focus{border-color:#4285F4;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}
input[type=file]{}
input[type=checkbox]{position: relative;margin-top: .15rem;}
input[type=checkbox]:not(:disabled),input[type=radio]:not(:disabled){cursor:pointer}
input[type=checkbox]:before,input[type=radio]:before{display:block}
input[type=checkbox],input[type=radio]{line-height:normal;width:14px;display:inline-block;height:14px;overflow:hidden;vertical-align:sub;-webkit-appearance:none;outline:0;background:0 0;margin-right: 0.5rem;}
input[type=checkbox]:checked,input[type=checkbox]:indeterminate{border-color:#3498db;}
input[type=checkbox]:checked:after{transform:rotate(45deg) scaleY(1)}
input[type=checkbox]:after{box-sizing:content-box;content:"";border:1px solid #fff;border-left:0;border-top:0;height:7px;left:4px;position:absolute;top:1px;transform:rotate(45deg) scaleY(0);width:3px;transition:transform .15s ease-in .05s;transform-origin:center}
input[type=checkbox]:checked:after,input[type=checkbox]:indeterminate:after{font-size:1.2rem;-webkit-font-smoothing:antialiased;text-align:center;line-height:1.2rem;color:#ffffff;}
input[type=checkbox]:checked:disabled:after,input[type=checkbox]:indeterminate:disabled:after{color:#D4D4D4}
input[type=radio]{position: relative;box-shadow:none !important;border-radius: 100%;width:16px;height:16px;}
input[type=radio]:after{width:6px;height:6px;border-radius:100%;background-color:#fff;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .15s ease-in}
input[type=radio]:checked{border: 1px solid #409eff;}
input[type=radio]:checked:after{transform:translate(-50%,-50%) scale(1)}
input[type=checkbox]:checked,input[type=radio]:checked{background:#409eff}
input[type=switch],input[type=tag]{display: none;}
input.danger:not(:disabled){border:1px solid #FF5722;}
input.danger:focus:not(:disabled){box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255, 87, 34, 0.6);}
input[type=checkbox].danger:not(:disabled):checked,input[type=checkbox].danger:not(:disabled):indeterminate,input[type=radio].danger:not(:disabled):checked{background-color: #FF5722;}
input.warning:not(:disabled){border:1px solid #F7B824;}
input.warning:focus:not(:disabled){box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(247, 184, 36, 0.6);}
input[type=checkbox].warning:not(:disabled):checked,input[type=checkbox].warning:not(:disabled):indeterminate,input[type=radio]:not(:disabled).warning:checked{background-color: #F7B824;}
input.default,input:disabled{border-color: #CCCCCC;}
input:disabled{background: #f1f1f1;}
input.default:focus{box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0, 0, 0, 0.04);}
input[type=checkbox].default:checked,input[type=checkbox]:not(:disabled).default:indeterminate,input[type=radio].default:checked,input[type=checkbox]:disabled:checked,input[type=radio]:disabled:checked{background-color: #CCCCCC;border-color: #CCCCCC;}
input.btn{width: auto}
input[type=range]{border:none;box-shadow:none;-webkit-box-shadow: none;}
input[type=range] {-webkit-appearance: none;border-radius: 10px;}
input[type=range]::-webkit-slider-thumb {-webkit-appearance: none;}
input[type=range]::-webkit-slider-runnable-track {height: 8px;border-radius: 10px;background-color: #e5e5e5}
input[type=range]::-webkit-slider-thumb {-webkit-appearance: none;height: 18px;width: 18px;margin-top: -6.5px;background: #cecccc;border-radius: 50%;border: solid 0.125em rgba(205, 224, 230, 0.5);box-shadow: 0 .125em .125em #3b4547;}
input[type=range]:hover::-webkit-slider-thumb{background: #b4b4b4;}
.switch,.switch .checkbox{width:2.6rem;border-radius:0.8rem;box-sizing:border-box;height:1.6rem;margin-bottom: 0;}
.switch{display:inline-block;vertical-align:middle;position:relative;cursor:pointer;-webkit-align-self:center;align-self:center}
.switch .checkbox{background:#e5e5e5;z-index:0;margin:0;padding:0;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;border:none;cursor:pointer;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s}
.switch .checkbox:before{content:' ';position:absolute;left:.1rem;top:.1rem;width:2.4rem;border-radius:0.8rem;box-sizing:border-box;height:1.4rem;background:#fff;z-index:1;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transform:scale(1);transform:scale(1)}
.switch .checkbox:after{content:' ';height:1.4rem;width:1.4rem;border-radius:1.4rem;background:#fff;position:absolute;z-index:2;top:.1rem;left:.1rem;box-shadow:0 .1rem .5rem rgba(0,0,0,.4);-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition-duration:.3s;transition-duration:.3s}
.switch input[type=checkbox]{display:none}
.switch input[type=checkbox]:checked+.checkbox{background:#5FB878}
.switch.danger input[type=checkbox]:checked+.checkbox{background:#FF5722}
.switch.warning input[type=checkbox]:checked+.checkbox{background:#F7B824}
.switch.info input[type=checkbox]:checked+.checkbox{background:#1E9FFF}
.switch.default input[type=checkbox]:checked+.checkbox,.switch.disabled input[type=checkbox]:checked+.checkbox,.switch.disabled .checkbox:after{background:#CCCCCC}
.switch.disabled{pointer-events: none;cursor: not-allowed;}
.switch input[type=checkbox]:checked+.checkbox:before{-webkit-transform:scale(0);transform:scale(0)}
.switch input[type=checkbox]:checked+.checkbox:after{-webkit-transform:translateX(1.1rem);transform:translateX(1.1rem)}
.switch.switch-sm,.switch.switch-sm .checkbox{height: .4rem;}
.switch.switch-sm .checkbox:after{top:-.5rem;}
.switch.switch-big,.switch.switch-big .checkbox{width:5.2rem;border-radius:1.6rem;box-sizing:border-box;height:3.2rem;}
.switch.switch-big .checkbox:before{left:.2rem;top:.2rem;width:4.8rem;border-radius:1.6rem;height:2.8rem;}
.switch.switch-big .checkbox:after{left:.2rem;top:.2rem;width:2.8rem;border-radius:2.8rem;height:2.8rem;box-shadow:0 .2rem 1rem rgba(0,0,0,.4);}
.switch.switch-big input[type=checkbox]:checked+.checkbox:after{-webkit-transform:translateX(2.2rem);transform:translateX(2.2rem)}
.form-group{margin-bottom:1.5rem;}
.form-horizontal{margin-bottom:0;}
.form-horizontal .form-group{display: flex;}
.form-horizontal .form-group .input-group{flex: 1;margin-right: 16.66666667%;}
.form-horizontal .form-group:after,.form-horizontal .form-group:before{display:table;clear:both;content:" "}
.form-horizontal label{padding-top:.7rem;text-align:right;float: left;padding-right: .7rem;font-weight: normal;display: inline-table;}
.form-horizontal .form-group>label:not([class*=" hex-"]):not([class^=hex-]){padding-left: 1rem;padding-right: 1rem;width: 10rem;}
.form-horizontal .form-group .input-group:not([class*=" hex-"]):not([class^=hex-]){width: 100%;}
.input-group{position: relative;display: inline-table;border-collapse: separate;text-align: left;padding: 0;float: left;}
td.input-group{display: table-cell;float: none;}
.input-group-addon ~ input{margin-right: 0;width: 100%;border-radius:0;}
.input-group-addon, .input-group-btn { width: 1%;  white-space: nowrap;  vertical-align: middle;  }
.input-group-addon, .input-group-btn {display: table-cell; }
.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio{margin-bottom:0;line-height: 1.4rem; margin-right: .5rem; float: left;cursor: pointer;}
.form-horizontal .form-group .input-group label{display: inline;margin-bottom: 0;  font-weight: normal;}
.form-horizontal .input-group label.switch{padding-top: 0;margin-top: .7rem;}
.input-group-addon{padding:.6rem 1.2rem;font-size:1.4rem;font-weight:400;line-height:1.4rem;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:3px}
.input-group-addon:not(:first-child):not(:last-child){ border-radius: 0;}
.input-group-addon:first-child{border-top-right-radius: 0;border-bottom-right-radius: 0;border-right: 0;}
.input-group-addon:last-child{border-top-left-radius: 0; border-bottom-left-radius: 0;border-left: 0;}
.input-group-btn:first-child [class*=" btn-"],.input-group-btn:first-child [class^=btn-]{border-top-right-radius: 0;border-bottom-right-radius: 0;border-right-color: transparent;}
.input-group-btn:last-child [class*=" btn-"],.input-group-btn:last-child [class^=btn-]{border-top-left-radius: 0; border-bottom-left-radius: 0;border-left-color: transparent;}
.input-group-btn .btn,.input-group-btn [class^=btn-],.input-group-btn [class*=" btn-"]{padding: 3px 1.2rem;height: 3rem;line-height: 2.4rem;}
.form-inline .form-group{display:inline-block;margin:.5rem;vertical-align:middle}
.form-inline .input-group{display: inline-table;  vertical-align: middle;  }
.form-inline label{padding-right:.45rem;padding-top: .45rem;float: left;}
.form-inline .form-group>label:not([class*=" hex-"]):not([class^=hex-]){padding-left:0;width: auto;}
.form-inline input{display:inline-block;vertical-align:middle}
.form-inline .form-group .input-group .btn,.form-inline .form-group .input-group [class^=btn-],.form-inline .form-group .input-group [class*=" btn-"]{margin-bottom: 0;}
label{display:inline-block;max-width:100%;margin-bottom:.5rem;}
.form-horizontal .help,.form-inline .help{color:#d0d0d0;margin: 0 0 .6rem 0;padding: 0 1rem;height: 1.4em;}
.form-horizontal .help{padding-left: 0;float: left;}
.form-horizontal .help:before,.form-inline .help:before{font-family: icons;speak: none;font-style: normal;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 1.4rem;content: "\e0e9";position: relative;top:0.15rem;margin-right: .3rem;}
.form-horizontal .help,.form-inline .help:not([class*=" hex-"]):not([class^=hex-]){width: 100%;}
.form-horizontal .help.success:before{color: #5FB878;}
.form-horizontal .help.danger{color: #FF5722;}
.form-horizontal .help.success:before,.form-inline .help.success:before{content: "\e0d5";}
.form-horizontal .help.danger:before,.form-inline .help.danger:before{content: "\e0e4";}
.form-inline .help{display:none}
select:not([multiple=multiple]){height: 3rem;width: 170px;padding: 0 5px;}/*,select:not*/
@media (min-width: 768px) {.form-inline input:not([type=checkbox]):not([type=radio]){display:inline-block;width:auto;vertical-align:middle}}
/************************************ 按钮 ************************************/
.btn,[class*=" btn-"],[class^=btn-]{display:inline-block;padding:.6rem 1.2rem;margin-bottom:.2rem;font-size:1.4rem;font-weight:400;border:1px solid transparent;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#4285F4;border-radius:3px;color:#fff;}
.btn:hover,.btn:focus,.btn:active,.btn.active,[class*=" btn-"]:hover,[class*=" btn-"]:focus,[class*=" btn-"]:active,[class*=" btn-"].active,[class^=btn-]:hover,[class^=btn-]:focus,[class^=btn-]:active,[class^=btn-].active{background-color: #0099ff;-webkit-transition: color 0.25s,background-color 0.25s;-moz-transition: color 0.25s,background-color 0.25s;-o-transition: color 0.25s,background-color 0.25s;transition: color 0.25s,background-color 0.25s;box-shadow: 0 0.1rem 0.1rem rgba(0,0,0,.3);}
.btn.bg-default,.btn.bg-gray,.btn.bg-white,[class*=" btn-"].bg-default,[class*=" btn-"].bg-gray,[class*=" btn-"].bg-white,[class^=btn-].bg-default,[class^=btn-].bg-gray,[class^=btn-].bg-white,.btn-default{border-color:#C9C9C9;color: #555;}
.btn.bg-default:hover,.btn.bg-default:focus,.btn.bg-default:active,.btn.bg-default.active,[class*=" btn-"].bg-default:hover,[class*=" btn-"].bg-default:focus,[class*=" btn-"].bg-default:active,[class*=" btn-"].bg-default.active,[class^=btn-].bg-default:hover,[class^=btn-].bg-default:focus,[class^=btn-].bg-default:active,[class^=btn-].bg-default.active,.btn.bg-gray:hover,.btn.bg-gray:focus,.btn.bg-gray:active,.btn.bg-gray.active,[class*=" btn-"].bg-gray:hover,[class*=" btn-"].bg-gray:focus,[class*=" btn-"].bg-gray:active,[class*=" btn-"].bg-gray.active,[class^=btn-].bg-gray:hover,[class^=btn-].bg-gray:focus,[class^=btn-].bg-gray:active,[class^=btn-].bg-gray.active,.btn.bg-white:hover,.btn.bg-white:focus,.btn.bg-white:active,.btn.bg-white.active,[class*=" btn-"].bg-white:hover,[class*=" btn-"].bg-white:focus,[class*=" btn-"].bg-white:active,[class*=" btn-"].bg-white.active,[class^=btn-].bg-white:hover,[class^=btn-].bg-white:focus,[class^=btn-].bg-white:active,[class^=btn-].bg-white.active,.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active{border-color:#C9C9C9;background-color: #dadada;color: #555;}
.btn.bg-red:hover,.btn.bg-red:focus,.btn.bg-red:active,.btn.bg-red.active,[class*=" btn-"].bg-red:hover,[class*=" btn-"].bg-red:focus,[class*=" btn-"].bg-red:active,[class*=" btn-"].bg-red.active,[class^=btn-].bg-red:hover,[class^=btn-].bg-red:focus,[class^=btn-].bg-red:active,[class^=btn-].bg-red.active,.btn.bg-danger:hover,.btn.bg-danger:focus,.btn.bg-danger:active,.btn.bg-danger.active,[class*=" btn-"].bg-danger:hover,[class*=" btn-"].bg-danger:focus,[class*=" btn-"].bg-danger:active,[class*=" btn-"].bg-danger.active,[class^=btn-].bg-danger:hover,[class^=btn-].bg-danger:focus,[class^=btn-].bg-danger:active,[class^=btn-].bg-danger.active,.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active{background-color: #a0151b;}
.btn.bg-cyan:hover,.btn.bg-cyan:focus,.btn.bg-cyan:active,.btn.bg-cyan.active,[class*=" btn-"].bg-cyan:hover,[class*=" btn-"].bg-cyan:focus,[class*=" btn-"].bg-cyan:active,[class*=" btn-"].bg-cyan.active,[class^=btn-].bg-cyan:hover,[class^=btn-].bg-cyan:focus,[class^=btn-].bg-cyan:active,[class^=btn-].bg-cyan.active,.btn.bg-normal:hover,.btn.bg-normal:focus,.btn.bg-normal:active,.btn.bg-normal.active,[class*=" btn-"].bg-normal:hover,[class*=" btn-"].bg-normal:focus,[class*=" btn-"].bg-normal:active,[class*=" btn-"].bg-normal.active,[class^=btn-].bg-normal:hover,[class^=btn-].bg-normal:focus,[class^=btn-].bg-normal:active,[class^=btn-].bg-normal.active,.btn-normal:hover,.btn-normal:focus,.btn-normal:active,.btn-normal.active{background-color: #1e2c3c;}
.btn.bg-black:hover,.btn.bg-black:focus,.btn.bg-black:active,.btn.bg-black.active,[class*=" btn-"].bg-black:hover,[class*=" btn-"].bg-black:focus,[class*=" btn-"].bg-black:active,[class*=" btn-"].bg-black.active,[class^=btn-].bg-black:hover,[class^=btn-].bg-black:focus,[class^=btn-].bg-black:active,[class^=btn-].bg-black.active{background-color: #2a2f3b;}
.btn.bg-green:hover,.btn.bg-green:focus,.btn.bg-green:active,.btn.bg-green.active,[class*=" btn-"].bg-green:hover,[class*=" btn-"].bg-green:focus,[class*=" btn-"].bg-green:active,[class*=" btn-"].bg-green.active,[class^=btn-].bg-green:hover,[class^=btn-].bg-green:focus,[class^=btn-].bg-green:active,[class^=btn-].bg-green.active,.btn.bg-success:hover,.btn.bg-success:focus,.btn.bg-success:active,.btn.bg-success.active,[class*=" btn-"].bg-success:hover,[class*=" btn-"].bg-success:focus,[class*=" btn-"].bg-success:active,[class*=" btn-"].bg-success.active,[class^=btn-].bg-success:hover,[class^=btn-].bg-success:focus,[class^=btn-].bg-success:active,[class^=btn-].bg-success.active,.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active{background-color: #009688;}
.btn.bg-orange:hover,.btn.bg-orange:focus,.btn.bg-orange:active,.btn.bg-orange.active,[class*=" btn-"].bg-orange:hover,[class*=" btn-"].bg-orange:focus,[class*=" btn-"].bg-orange:active,[class*=" btn-"].bg-orange.active,[class^=btn-].bg-orange:hover,[class^=btn-].bg-orange:focus,[class^=btn-].bg-orange:active,[class^=btn-].bg-orange.active,.btn.bg-warning:hover,.btn.bg-warning:focus,.btn.bg-warning:active,.btn.bg-warning.active,[class*=" btn-"].bg-warning:hover,[class*=" btn-"].bg-warning:focus,[class*=" btn-"].bg-warning:active,[class*=" btn-"].bg-warning.active,[class^=btn-].bg-warning:hover,[class^=btn-].bg-warning:focus,[class^=btn-].bg-warning:active,[class^=btn-].bg-warning.active,.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active{background-color: #b68023;}
.btn-disabled,.btn-disabled:active,.btn-disabled:hover{border-color: #e6e6e6;background-color: #f1f1f1; color: #C9C9C9;cursor: not-allowed;opacity: 1;box-shadow:none;}
.btn-radius{border-radius: 8px;}
.btn-round{border-radius: 50%;padding: .6rem;height: 3rem;width: 3rem;}
.btn-hollow,.btn-hollow:hover,.btn-hollow:focus,.btn-hollow:active{background-color: transparent;border-color: #4285f4;color: #4285f4;}
.btn-hollow.default,.btn-hollow.default:hover,.btn-hollow.default:focus,.btn-hollow.default:active,.btn-hollow.gray,.btn-hollow.gray:hover,.btn-hollow.gray:focus,.btn-hollow.gray:active{border-color: #dadada;color:#dadada !important;}
.btn-hollow.white,.btn-hollow.white:hover,.btn-hollow.white:focus,.btn-hollow.white:active{border-color: #ffffff;}
.btn-hollow.cyan,.btn-hollow.cyan:hover,.btn-hollow.cyan:focus,.btn-hollow.cyan:active,.btn-hollow.normal,.btn-hollow.normal:hover,.btn-hollow.normal:focus,.btn-hollow.normal:active{border-color: #2F4056;}
.btn-hollow.black,.btn-hollow.black:hover,.btn-hollow.black:focus,.btn-hollow.black:active{border-color: #393D49;}
.btn-hollow.green,.btn-hollow.green:hover,.btn-hollow.green:focus,.btn-hollow.green:active,.btn-hollow.success,.btn-hollow.success:hover,.btn-hollow.success:focus,.btn-hollow.success:active{border-color: #5FB878;}
.btn-hollow.orange,.btn-hollow.orange:hover,.btn-hollow.orange:focus,.btn-hollow.orange:active,.btn-hollow.warning,.btn-hollow.warning:hover,.btn-hollow.warning:focus,.btn-hollow.warning:active{border-color: #F7B824;}
.btn-hollow.red,.btn-hollow.red:hover,.btn-hollow.red:focus,.btn-hollow.red:active,.btn-hollow.danger,.btn-hollow.danger:hover,.btn-hollow.danger:focus,.btn-hollow.danger:active{border-color: #FF5722;}
.btn-hollow.btn-disabled,.btn-hollow.btn-disabled:hover,.btn-hollow.btn-disabled:active{border-color: #e6e6e6;color: #C9C9C9;}
.btn-group,.btn-group:hover{position:relative;display: inline-flex;vertical-align: middle;padding: 0;border:none;border-radius:0;background-color:transparent;box-shadow:none}
.btn-group .btn,.btn-group .btn:hover,.btn-group [class*=" btn-"],.btn-group [class^=btn-]{border-color:#ffffff !important;border-bottom: none;border-top: none;border-right:none;border-radius:0;}
.btn-group .btn:first-child,.btn-group [class*=" btn-"]:first-child,.btn-group [class^=btn-]:first-child{border-left: none;border-top-left-radius: 3px;border-bottom-left-radius: 3px;}
.btn-group .btn:last-child,.btn-group [class*=" btn-"]:last-child,.btn-group [class^=btn-]:last-child{border-right: none;border-top-right-radius: 3px;border-bottom-right-radius: 3px;}
.btn-animate{-webkit-appearance: none;-moz-appearance: none;appearance: none;border: 0;cursor: pointer;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;transition: .3s;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background: transparent;outline: 0;-webkit-tap-highlight-color: transparent;width: 4.4rem;height: 4.4rem;}
.btn-animate .menu{display: inline-block;height: 2px;width: 1.8rem;border-radius: .1rem;transition: .3s;background: #fff;position: relative;}
.btn-animate .menu::before,.btn.btn-animate .menu::after {display: inline-block;height: 2px;transition: .3s;background: #fff;content: '';position: absolute;left: 0;-webkit-transform-origin: 1px center;transform-origin: 1px center;width: 1.8rem;}
.btn-animate .menu::before {top: -.6rem;}
.btn-animate .menu::after {top: .6rem;}
.btn-animate.active .menu::before {-webkit-transform: rotate3d(0,0,1,45deg);transform: rotate3d(0,0,1,45deg);left:-.6rem;}
.active.btn-animate.active .menu::after {-webkit-transform: rotate3d(0,0,1,-45deg);transform: rotate3d(0,0,1,-45deg);left:-.6rem;}
.active.btn-animate.active .menu {/*-webkit-transform: scale3d(0.8,.8,.8);transform: scale3d(0.8,.8,.8);*/width: 0;background: transparent;}
button.btn,button[class*=" btn-"],button[class^=btn-]{padding-top: .7rem;padding-bottom: .8rem}
button.btn-sm{padding-top:.6rem;padding-bottom: .6rem;}
button.btn-xs,button.btn-mini{padding-top:.3rem;padding-bottom: .4rem;}
button.btn-big{padding-top:1.1rem;padding-bottom: 1.3rem;margin-bottom: .1rem}
input.btn,input[class*=" btn-"],input[class^=btn-]{height: 3rem;border: none;padding-top:0;padding-bottom: 0}
input.btn-sm{height: 2.4rem;margin-bottom: .1rem;}
input.btn-xs,input.btn-mini{height: 2rem;margin-bottom: .1rem;}
input.btn-big{height: 4rem;margin-bottom: .1rem;}
[class*=" btn-"] [class*=" icon-"],[class*=" btn-"] [class^=icon-],[class^=btn-] [class*=" icon-"],[class^=btn-] [class^=icon-]{padding: 1px 5px 1px 0;}
.btn-xxl{padding: 1.5rem 3rem;font-size: 1.8rem;}
.btn-xl,.btn-big{padding: 1rem 2.5rem;font-size: 1.6rem;}
.btn-sm{padding: 0.4rem 0.8rem;font-size: 1.2rem;}
.btn-xs,.btn-mini{padding: 0.2rem 0.4rem;font-size: 1.2rem;}
.btn-round.btn-xxl{padding: 2rem 0;width: 6rem;height: 6rem;}
.btn-round.btn-xl,.btn-round.btn-big{padding: 1rem 0;width: 4rem;height: 4rem;}
.btn-round.btn-sm,.btn-round.btn-xs{padding: .2rem 0;width: 2rem;height: 2rem;}
.btn-round.btn-xs{transform: scale(0.8,0.8);}
.btn-xs>[class*=" icon-"],.btn-xs>[class^=icon-]{font-size: 12px;}
/* 小徽章 */
.badge,
.badge-dot,
.badge-rim{position:relative; display: inline-block; padding: 0 6px; font-size: 12px; text-align: center; background-color: #FF5722; color: #fff; border-radius: 2px;}
.badge{height: 18px; line-height: 18px;}
.badge-dot{width: 8px; height: 8px; padding: 0; border-radius: 50%;}
.badge-rim{height: 18px; line-height: 16px; border-width: 1px; border-style: solid; background-color: #fff; color: #666;}
.badge.bg-gray{color: #393D49}
.badge .badge{margin-right: -6px;margin-left: 6px;}
.btn .badge,
.btn .badge-dot{margin-left: 5px;}
.nav .badge,
.nav .badge-dot{position: absolute; top: 50%; margin: -8px 6px 0;}
.tab-title .badge,
.tab-title .badge-dot{left: 5px; top: -2px;}
/************************************ 导航 ************************************/
.nav-normal{background:0 0}
.nav-normal .nav-item a{color:#393D49}
.nav-normal .nav-item:hover{background:#bebebe}
.nav-normal .nav-item a:hover{color:#fff}
/** 导航菜单 **/
.nav{position: relative; padding: 0 20px; background-color: #393D49; color: #c2c2c2; border-radius: 2px; font-size: 0; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important;}
.nav *{font-size: 14px;}
.nav .nav-item{position: relative; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; line-height: 60px;}
.nav .nav-item a{display: block; padding: 0 20px; color: #c2c2c2; transition: all .3s; -webkit-transition: all .3s;}
.nav-bar,
.nav .this:after,
.nav-tree .nav-itemed:after{position: absolute; left: 0; top: 0; width: 0; height: 5px; background-color: #4285f4; transition: all .2s; -webkit-transition: all .2s;}
.nav-bar{z-index: 1000;}
.nav .this a,.nav .nav-item a:hover{color: #fff;text-decoration: none;}
.nav .this:after{content: ''; top: auto; bottom: 0; width: 100%;}
.nav .nav-more{content:''; width: 0; height: 0; border-style: dashed; border-color: transparent; overflow: hidden; cursor: pointer; transition: all .2s; -webkit-transition: all .2s;}
.nav .nav-more{position: absolute; top: 28px; right: 3px; border-width: 6px; border-top-style: solid; border-top-color: #c2c2c2;}
.nav .nav-mored,
.nav-itemed .nav-more{top: 22px; border-style: dashed; border-color: transparent; border-bottom-style: solid; border-bottom-color: #c2c2c2;}
.nav-child{display: none; position: absolute; left: 0; top: 65px; min-width: 100%; line-height: 36px; padding: 5px 0;  box-shadow: 0 2px 4px rgba(0,0,0,.12); border: 1px solid #d2d2d2; background-color: #fff; z-index: 10001; border-radius: 2px; white-space: nowrap;}
.nav .nav-child a{color: #333;}
.nav .nav-child a:hover{background-color: #f2f2f2; color: #333;}
.nav-child dd{position: relative;}
.nav-child dd.this{background-color: #5FB878; color: #fff;}
.nav-child dd.this a{color: #fff;}
.nav-child dd.this:after{display: none;}
/* 垂直导航菜单 */
.nav-tree{width: 200px; padding: 0;}
.nav-tree .nav-item{display: block; width: 100%; line-height: 45px;}
.nav-tree .nav-item a{height: 45px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.nav-tree .nav-item a:hover{background-color: #4E5465;}
.nav-tree .nav-bar{width: 5px; height: 0;}
.nav-tree .this,
.nav-tree .this>a,
.nav-tree .this>a:hover,
.nav-tree .nav-child dd.this{background-color: #4E5465; color: #fff;}
.nav-tree .this:after{display: none;}
.nav-tree .nav-title a,
.nav-tree .nav-title a:hover,
.nav-itemed>a{background-color: #2B2E37 !important; color: #fff !important;}
.nav-tree .nav-bar{background-color: #3c78dc;}
.nav-tree .nav-child{position: relative; z-index: 0; top: 0; border: none; box-shadow: none;}
.nav-tree .nav-child a{height: 40px; line-height: 40px;}
.nav-tree .nav-child a{color: #c2c2c2;}
.nav-tree .nav-child a:hover,
.nav-tree .nav-child{background: none; color: #fff;}
.nav-tree .nav-more{top: 20px; right: 10px;}
.nav-itemed .nav-more{top: 14px;}
.nav-itemed .nav-child{display: block; padding: 0;}
/* 侧边 */
.nav-side{position: fixed; top: 0; bottom: 0; left: 0; overflow-x: hidden; z-index: 999;}
/************************************ 公共样式表 ************************************/
.container {padding-right:15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.hide{display: none;}
.show{display: block !important;}
.circle{border-radius: 50%;}
.main,.container,.contents{width:1024px;margin-left:auto;margin-right:auto;display: table;}
@media screen and (max-width: 768px) {.main,.container,.contents{width: 750px;}}
@media screen and (max-width: 992px) {.main,.container,.contents{width: 970px;}}
@media screen and (min-width: 1200px) {.main,.container,.contents{width: 1190px;}}
.wf,.w-full,.width-full,input.width-full,input.wf{width: 100%;}
.help.wf{width: 100%!important;}
.hf,.h-full{height: 100%;}
.ofx,.overflow-x{overflow-x: auto;overflow-y: hidden;}
.ofy,.overflow-y{overflow-x: hidden;overflow-y: auto;}
.box-shadow{box-shadow: 0 1px 2px rgba(0,0,0,.3);}
.no-background{background-color: transparent;}
.no-box-shadow,.no-box-shadow:hover,.no-box-shadow:focus,.no-box-shadow.focus,.no-box-shadow:active,.no-box-shadow.active{box-shadow: none;}
.no-border,.border,.nb{border: none !important;}
.no-border-top,.nbt{border-top:none !important;}
.no-border-right,.nbr{border-right:none !important;}
.no-border-bottom,.nbb{border-bottom:none !important;}
.no-border-left,.nbl{border-left:none !important;}
.no-border-radius{border-radius:0;}
.no-border-top-radius{border-top-left-radius: 0;border-top-right-radius: 0;}
.no-border-bottom-radius{border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.no-border-left-radius{border-top-left-radius: 0;border-bottom-left-radius: 0;}
.no-border-right-radius{border-top-right-radius: 0;border-bottom-right-radius: 0;}
.margin-0,.no-margin{margin:0}
.no-margin-top{margin-top: 0 !important;}
.no-padding{padding: 0 !important;}
.no-padding-left{padding-left:0 !important;}
.no-padding-right{padding-right:0 !important;}
.no-padding-lr{padding-right:0 !important;padding-left: 0 !important;}
.clearfix{zoom:1}
.clearfix:after{clear:both;height:0;font-size:0;visibility:hidden;display:block;content:" "}
.clear-fix{zoom:1}
.clear-fix:after{clear:both;height:0;font-size:0;visibility:hidden;display:block;content:" "}
.fn,.pull-none{float:none;}
.fl,.pull-left{float:left;}
.fr,.pull-right{float:right}
.tl,.text-left{text-align: left;}
.tc,.text-center{text-align: center;}
.tr,.text-right{text-align: right;}
.fs12{font-size: 12px;}
.fs14{font-size: 14px;}
.fs16{font-size: 16px;}
.fs18{font-size: 18px;}
.fs24{font-size: 24px;}
.fwb{font-weight: bolder}
.text-xs{font-size:1.2rem}
.text-sm{font-size:1.4rem}
.text-df{font-size:1.8rem}
.text-lg{font-size:2.4rem}
.text-xl{font-size:3.6rem}
.text-xxl{font-size:4.4rem}
.text-sl{font-size:8rem}
.text-xsl{font-size:12rem}
.text-Abc{text-transform:Capitalize}
.text-ABC{text-transform:Uppercase}
.text-abc{text-transform:Lowercase}
.text-price::before{content:"¥";font-size:80%;margin-right:.4rem}
.text-cut{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.text-bold{font-weight:700}
.text-underline{text-decoration:underline !important;}
.text-center{text-align:center}
.text-content{line-height:1.6}
.text-nowrap{white-space: nowrap;}
.text-left{text-align:left}
.text-right{text-align:right}
.media{display: block;background-position: center center;background-repeat: no-repeat;background-size: cover;overflow: hidden;}
.media.height{background-position-y:inherit}
.media.error{background-size: contain;background-image: url('./images/media-error.png') !important;background-color: #e4e4e4;}
.media.loading{background-size: contain;background-image: url('./images/media-loading.gif') !important;background-color: #e4e4e4;}
.mobile .media{position: relative;z-index: 1;}
.bg-default,.btn-default{background-color: #eee;}
.bg-red,.bg-danger,.btn-danger{background-color: #e54d42;color: #ffffff;}
.bg-orange,.bg-warning,.btn-warning {background-color: #f37b1d;color: #ffffff;}
.bg-yellow {background-color: #fbbd08;color: #333333;}
.bg-olive {background-color: #8dc63f;color: #ffffff;}
.bg-green,.bg-success,.btn-success{background-color: #39b54a;color: #ffffff;}
.bg-cyan,.bg-normal,.btn-normal{background-color: #1cbbb4;color: #ffffff;}
.bg-blue,.bg-info,.btn-info{background-color: #0081ff;color: #ffffff;}
.bg-purple {background-color: #6739b6;color: #ffffff;}
.bg-mauve {background-color: #9c26b0;color: #ffffff;}
.bg-pink {background-color: #e03997;color: #ffffff;}
.bg-brown {background-color: #a5673f;color: #ffffff;}
.bg-grey {background-color: #8799a3;color: #ffffff;}
.bg-gray {background-color: #f0f0f0;color: #333333;}
.bg-black,.btn-black{background-color: #393D49;color: #ffffff;}
.bg-white,.btn-white{background-color: #FFFFFF;color: #666666;}
.bg-shade-top {background-image: linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.01));color: #ffffff;}
.bg-shade-bottom {background-image: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 1));color: #ffffff;}
.bg-red.light{color:#e54d42;background-color:#fadbd9}
.bg-orange.light{color:#f37b1d;background-color:#fde6d2}
.bg-yellow.light{color:#fbbd08;background-color:#fef2ced2}
.bg-olive.light{color:#8dc63f;background-color:#e8f4d9}
.bg-green.light{color:#39b54a;background-color:#d7f0dbff}
.bg-cyan.light{color:#1cbbb4;background-color:#d2f1f0}
.bg-blue.light{color:#0081ff;background-color:#cce6ff}
.bg-purple.light{color:#6739b6;background-color:#e1d7f0}
.bg-mauve.light{color:#9c26b0;background-color:#ebd4ef}
.bg-pink.light{color:#e03997;background-color:#f9d7ea}
.bg-brown.light{color:#a5673f;background-color:#ede1d9}
.bg-grey.light{color:#8799a3;background-color:#e7ebed}
.bg-gradual-red{background-image:linear-gradient(45deg,#f43f3b,#ec008c);color:#fff}
.bg-gradual-orange{background-image:linear-gradient(45deg,#ff9700,#ed1c24);color:#fff}
.bg-gradual-green{background-image:linear-gradient(45deg,#39b54a,#8dc63f);color:#fff}
.bg-gradual-purple{background-image:linear-gradient(45deg,#9000ff,#5e00ff);color:#fff}
.bg-gradual-pink{background-image:linear-gradient(45deg,#ec008c,#6739b6);color:#fff}
.bg-gradual-blue{background-image:linear-gradient(45deg,#0081ff,#1cbbb4);color:#fff}
.default{color:#eee !important;}
.blue,.info{color:#4285f4 !important;}
.green,.success{color: #5FB878 !important;}
.error,.danger,.red{color: #e54d42 !important;}
.warning,.orange{color: #F7B824 !important;}
.cyan,.normal{color: #2F4056 !important;}
.gray{color: #b4b4b4 !important;}
.black{color: #393D49 !important;}
.white{color: #FFFFFF !important;}
[class*=" line-"],[class^=line-]{border-width: 1px; border-style: solid;}
[class*=" line-"],[class^=line-]::after{content: "";}
.line-red::after,.lines-red::after{border-color:#e54d42}
.line-orange::after,.lines-orange::after{border-color:#f37b1d}
.line-yellow::after,.lines-yellow::after{border-color:#fbbd08}
.line-olive::after,.lines-olive::after{border-color:#8dc63f}
.line-green::after,.lines-green::after{border-color:#39b54a}
.line-cyan::after,.lines-cyan::after{border-color:#1cbbb4}
.line-blue::after,.lines-blue::after{border-color:#0081ff}
.line-purple::after,.lines-purple::after{border-color:#6739b6}
.line-mauve::after,.lines-mauve::after{border-color:#9c26b0}
.line-pink::after,.lines-pink::after{border-color:#e03997}
.line-brown::after,.lines-brown::after{border-color:#a5673f}
.line-grey::after,.lines-grey::after{border-color:#8799a3}
.line-gray::after,.lines-gray::after{border-color:#aaa}
.line-black::after,.lines-black::after,input.line-black{border-color:#393D49}
input.line-black:focus, textarea.line-black:focus{box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(57, 61, 73, 0.6);}
.line-white::after,.lines-white::after{border-color:#fff}
.line-red,.lines-red,.text-red{color:#e54d42}
.line-orange,.lines-orange,.text-orange{color:#f37b1d}
.line-yellow,.lines-yellow,.text-yellow{color:#fbbd08}
.line-olive,.lines-olive,.text-olive{color:#8dc63f}
.line-green,.lines-green,.text-green{color:#39b54a}
.line-cyan,.lines-cyan,.text-cyan{color:#1cbbb4}
.line-blue,.lines-blue,.text-blue{color:#0081ff}
.line-purple,.lines-purple,.text-purple{color:#6739b6}
.line-mauve,.lines-mauve,.text-mauve{color:#9c26b0}
.line-pink,.lines-pink,.text-pink{color:#e03997}
.line-brown,.lines-brown,.text-brown{color:#a5673f}
.line-grey,.lines-grey,.text-grey{color:#8799a3}
.line-gray,.lines-gray,.text-gray{color:#aaa}
.line-black,.lines-black,.text-black{color:#333}
.line-white,.lines-white,.text-white{color:#fff}
.shadow[class*="-red"]{box-shadow:6px 6px 8px rgba(204,69,59,.2)}
.shadow[class*="-orange"]{box-shadow:6px 6px 8px rgba(217,109,26,.2)}
.shadow[class*="-yellow"]{box-shadow:6px 6px 8px rgba(224,170,7,.2)}
.shadow[class*="-olive"]{box-shadow:6px 6px 8px rgba(124,173,55,.2)}
.shadow[class*="-green"]{box-shadow:6px 6px 8px rgba(48,156,63,.2)}
.shadow[class*="-cyan"]{box-shadow:6px 6px 8px rgba(28,187,180,.2)}
.shadow[class*="-blue"]{box-shadow:6px 6px 8px rgba(0,102,204,.2)}
.shadow[class*="-purple"]{box-shadow:6px 6px 8px rgba(88,48,156,.2)}
.shadow[class*="-mauve"]{box-shadow:6px 6px 8px rgba(133,33,150,.2)}
.shadow[class*="-pink"]{box-shadow:6px 6px 8px rgba(199,50,134,.2)}
.shadow[class*="-brown"]{box-shadow:6px 6px 8px rgba(140,88,53,.2)}
.shadow[class*="-grey"]{box-shadow:6px 6px 8px rgba(114,130,138,.2)}
.shadow[class*="-gray"]{box-shadow:6px 6px 8px rgba(114,130,138,.2)}
.shadow[class*="-black"]{box-shadow:6px 6px 8px rgba(26,26,26,.2)}
.shadow[class*="-white"]{box-shadow:6px 6px 8px rgba(26,26,26,.2)}
.text-shadow[class*="-red"]{text-shadow:6px 6px 8px rgba(204,69,59,.2)}
.text-shadow[class*="-orange"]{text-shadow:6px 6px 8px rgba(217,109,26,.2)}
.text-shadow[class*="-yellow"]{text-shadow:6px 6px 8px rgba(224,170,7,.2)}
.text-shadow[class*="-olive"]{text-shadow:6px 6px 8px rgba(124,173,55,.2)}
.text-shadow[class*="-green"]{text-shadow:6px 6px 8px rgba(48,156,63,.2)}
.text-shadow[class*="-cyan"]{text-shadow:6px 6px 8px rgba(28,187,180,.2)}
.text-shadow[class*="-blue"]{text-shadow:6px 6px 8px rgba(0,102,204,.2)}
.text-shadow[class*="-purple"]{text-shadow:6px 6px 8px rgba(88,48,156,.2)}
.text-shadow[class*="-mauve"]{text-shadow:6px 6px 8px rgba(133,33,150,.2)}
.text-shadow[class*="-pink"]{text-shadow:6px 6px 8px rgba(199,50,134,.2)}
.text-shadow[class*="-brown"]{text-shadow:6px 6px 8px rgba(140,88,53,.2)}
.text-shadow[class*="-grey"]{text-shadow:6px 6px 8px rgba(114,130,138,.2)}
.text-shadow[class*="-gray"]{text-shadow:6px 6px 8px rgba(114,130,138,.2)}
.text-shadow[class*="-black"]{text-shadow:6px 6px 8px rgba(26,26,26,.2)}
.margin-xxs{margin:.5rem}
.margin-xs{margin:1rem}
.margin-sm{margin:2rem}
.margin{margin:3rem}
.margin-lg{margin:4rem}
.margin-xl{margin:5rem}
.margin-top-xxs{margin-top:.5rem}
.margin-top-xs{margin-top:1rem}
.margin-top-sm{margin-top:2rem}
.margin-top{margin-top:3rem}
.margin-top-lg{margin-top:4rem}
.margin-top-xl{margin-top:5rem}
.margin-right-xxs{margin-right:.5rem}
.margin-right-xs{margin-right:1rem}
.margin-right-sm{margin-right:2rem}
.margin-right{margin-right:3rem}
.margin-right-lg{margin-right:4rem}
.margin-right-xl{margin-right:5rem}
.margin-bottom-xxs{margin-bottom:.5rem}
.margin-bottom-xs{margin-bottom:1rem}
.margin-bottom-sm{margin-bottom:2rem}
.margin-bottom{margin-bottom:3rem}
.margin-bottom-lg{margin-bottom:4rem}
.margin-bottom-xl{margin-bottom:5rem}
.margin-left-xxs{margin-left:.5rem}
.margin-left-xs{margin-left:1rem}
.margin-left-sm{margin-left:2rem}
.margin-left{margin-left:3rem}
.margin-left-lg{margin-left:4rem}
.margin-left-xl{margin-left:5rem}
.margin-lr-xxs{margin-left:.5rem;margin-right:.5rem}
.margin-lr-xs{margin-left:1rem;margin-right:1rem}
.margin-lr-sm{margin-left:2rem;margin-right:2rem}
.margin-lr{margin-left:3rem;margin-right:3rem}
.margin-lr-lg{margin-left:4rem;margin-right:4rem}
.margin-lr-xl{margin-left:5rem;margin-right:5rem}
.margin-tb-xxs{margin-top:.5rem;margin-bottom:.5rem}
.margin-tb-xs{margin-top:1rem;margin-bottom:1rem}
.margin-tb-sm{margin-top:2rem;margin-bottom:2rem}
.margin-tb{margin-top:3rem;margin-bottom:3rem}
.margin-tb-lg{margin-top:4rem;margin-bottom:4rem}
.margin-tb-xl{margin-top:5rem;margin-bottom:5rem}
.padding-0{padding:0}
.padding-xxs{padding:.5rem}
.padding-xs{padding:1rem}
.padding-sm{padding:2rem}
.padding{padding:3rem}
.padding-lg{padding:4rem}
.padding-xl{padding:5rem}
.padding-top-xxs{padding-top:.5rem}
.padding-top-xs{padding-top:1rem}
.padding-top-sm{padding-top:2rem}
.padding-top{padding-top:3rem}
.padding-top-lg{padding-top:4rem}
.padding-top-xl{padding-top:5rem}
.padding-right-xxs{padding-right:.5rem}
.padding-right-xs{padding-right:1rem}
.padding-right-sm{padding-right:2rem}
.padding-right{padding-right:3rem}
.padding-right-lg{padding-right:4rem}
.padding-right-xl{padding-right:5rem}
.padding-bottom-xxs{padding-bottom:.5rem}
.padding-bottom-xs{padding-bottom:1rem}
.padding-bottom-sm{padding-bottom:2rem}
.padding-bottom{padding-bottom:3rem}
.padding-bottom-lg{padding-bottom:4rem}
.padding-bottom-xl{padding-bottom:5rem}
.padding-left-xxs{padding-left:.5rem}
.padding-left-xs{padding-left:1rem}
.padding-left-sm{padding-left:2rem}
.padding-left{padding-left:3rem}
.padding-left-lg{padding-left:4rem}
.padding-left-xl{padding-left:5rem}
.padding-lr-xxs{padding-left:.5rem;padding-right:.5rem}
.padding-lr-xs{padding-left:1rem;padding-right:1rem}
.padding-lr-sm{padding-left:2rem;padding-right:2rem}
.padding-lr{padding-left:3rem;padding-right:3rem}
.padding-lr-lg{padding-left:4rem;padding-right:4rem}
.padding-lr-xl{padding-left:5rem;padding-right:5rem}
.padding-tb-xxs{padding-top:.5rem;padding-bottom:.5rem}
.padding-tb-xs{padding-top:1rem;padding-bottom:1rem}
.padding-tb-sm{padding-top:2rem;padding-bottom:2rem}
.padding-tb{padding-top:3rem;padding-bottom:3rem}
.padding-tb-lg{padding-top:4rem;padding-bottom:4rem}
.padding-tb-xl{padding-top:5rem;padding-bottom:5rem}
.no-padding{padding: 0 !important;}
/************************************ 弹性布局 ************************************/
.flex{display:flex}
.basis-xs{flex-basis:20%}
.basis-sm{flex-basis:40%}
.basis-df{flex-basis:50%}
.basis-lg{flex-basis:60%}
.basis-xl{flex-basis:80%}
.flex-sub{flex:1}
.flex-twice{flex:2}
.flex-treble{flex:3}
.flex-direction{flex-direction:column}
.flex-wrap{flex-wrap:wrap}
.align-start{align-items:flex-start}
.align-end{align-items:flex-end}
.align-center{align-items:center}
.align-stretch{align-items:stretch}
.self-start{align-self:flex-start}
.self-center{align-self:flex-center}
.self-end{align-self:flex-end}
.self-stretch{align-self:stretch}
.align-stretch{align-items:stretch}
.justify-start{justify-content:flex-start}
.justify-end{justify-content:flex-end}
.justify-center{justify-content:center}
.justify-between{justify-content:space-between}
.justify-around{justify-content:space-around}
.nav-bar, .nav .this:after, .nav-tree .nav-itemed:after{background-color: #ffe300;}
.media{position: relative;}
.media.error {background-color: #222222;background-image: url(./images/media-error.png) !important;}
.media.loading{background-size:cover;background-image:url(./images/media-loading.gif)!important;background-color:#0f1217}
.top-nav{background-color: #161616;position: relative;}
.top-nav .nav{background-color: transparent;}
.top-nav .nav .nav-item a{color: #fdfdfd;}
.top-nav .nav .nav-item.this,.top-nav .nav .nav-item:hover{background-color: #2a2a2d;}
.top-nav .nav .this a,.top-nav .nav .nav-item a:hover{color: #ffe300;}
.nav-slide .nav .nav-item{width: 10%;text-align: center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;line-height: 45px;}
.top-nav .nav-bar,.top-nav .nav .this:after,.top-nav .nav-tree .nav-itemed:after{background-color: #2a2a2d;}
.form-horizontal label{font-size: 1.4rem;}
.form-group {margin-bottom: 2.5rem;}
.card{box-shadow: 0 0.1rem 0.2rem rgba(95,77,77,0.3);background-color: #161616;}
.card .card-header{color: white;font-size: 1.8rem;padding:1rem;}
.card .card-header:after{background-color: #383636;}
.card .card-footer{height: 8rem;background-color: #161616;flex-flow: wrap;}
.card .card-footer:before{content: none}
.link{display:flex;overflow:hidden;flex-wrap:wrap}
.link>a{display:block;overflow:hidden;padding:8px 6px;width:12.5%;color: #767676;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:1.4rem}
.link>a.text-purple{color: #753cc7}
.link>a.text-blue{color:#0081ff}
.link>a.text-green{color:#39b54a}
.link>a.text-olive{color:#8dc63f}
.link>a.text-cyan{color:#1cbbb4}
.link>a.text-orange{color:#f37b1d}
.link>a.text-pink{color:#e03997}
.link>a.text-red{color: #e5371e}
.link>a:hover{background-color:#212327}
.bg-black{background-color: #393D49;}
.bg-grey {background-color: #8799a3;color: #ffffff;}
.bg-green{background-color: #39b54a;}
.bg-orange{background-color: #f37b1d;}
.pagination li a{color: #6e7179;}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover,.pagination>li>.active,.pagination>li>.active:hover, .pagination>li>.active>a:focus, .pagination>li>.active>a:hover, .pagination>li>.active>span, .pagination>li>.active>span:focus, .pagination>li>.active>span:hover{background-color: #ffe300;border-color: #9d9fa7;color: #393d49;}
.footer{width:100%;background-color:#212223;float:left;text-align:center;padding:2rem 1rem;color:#5e6775}
.footer p{margin-top:5px;font-size:12px}
.pattern {width: 100%;height: 100%;position: fixed;background: linear-gradient(45deg, #181820 0%, #2f1d4e 25%, #600714 75%, #181820 100%);background-image: url(./images/background.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;}
@media screen and (min-width: 1200px) {.main,.container,.contents{width: 1190px;}}
@media screen and (max-width: 992px) {.main,.container,.contents{width: 970px;}}
@media screen and (min-width: 768px) and (max-width: 992px) {
    .main{width: 768px;}
    .link>a{width: 20%;}
}
@media screen and (min-width: 678px) and (max-width: 768px) {
    .main{width: 678px;}
    .link>a{width: 25%;}
}
@media screen and (min-width: 588px)  and (max-width: 678px) {
    .main{width: 588px;}
    .link>a{width: 25%;}
}
@media screen and (max-width: 588px) {
    .main{width: 560px;}
    .link>a{width: 33.333%;}
}
@media screen and (min-width: 480px) and (max-width: 600px) {
    .main{width: 450px;}
    .link>a{width: 33.333%;}
    .form-horizontal .form-group{flex-direction: column;}
    .form-horizontal .form-group>label:not([class*=" hex-"]):not([class^=hex-]){padding-left:0;}
    .form-horizontal label{text-align: left;}
}
@media screen and (max-width: 478px) {
    .main{width: 380px;}
    .link>a{width: 33.333%;}
    .form-horizontal .form-group{flex-direction: column;}
    .form-horizontal .form-group>label:not([class*=" hex-"]):not([class^=hex-]){padding-left:0;}
    .form-horizontal label{text-align: left;}
}