html body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,th,td,img,em,hr{margin:0;padding:0;-webkit-text-size-adjust:none}
html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}
*,:before,:after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit}
body{font-family:'PingFang SC','Helvetica Neue',Helvetica,STHeitiSC-Light,WOL_SB,'Segoe UI Semibold','Segoe UI',Tahoma,Helvetica,sans-serif;font-size:14px;font-weight:400;color:#666;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
body{ overflow-x: hidden; background: #f7f8fb;color:#62697A;}
body.overflow{ overflow: hidden;}
ol,ul{list-style:none}
fieldset,img{border:0}
::-webkit-scrollbar-track{background-color:transparent;}
::-webkit-scrollbar{width:6px;height:6px;background-color:transparent;}
::-webkit-scrollbar-corner{ background: transparent;}
::-webkit-scrollbar-thumb{ background-color: #dfdfe3;border-radius: 0rem;}
::-webkit-scrollbar-thumb:hover{background: #d5d6d8;}
table{border-spacing:0;border-collapse:collapse;-webkit-font-smoothing:initial;-moz-osx-font-smoothing:initial;text-rendering:auto}
i{font-style:normal}
a{text-decoration:none;color:#666;}
a:hover{transition:initial; cursor: pointer;}
a.link,.font-underline{text-decoration:underline}
a:hover,.font-underline:hover{text-decoration:none}
a.disabled{cursor:not-allowed;color:#c2c2c2}
a.disabled:hover{background:none!important}
.none,.hidden{display:none}
.visible{visibility:visible!important}
.invisible{visibility:hidden!important}
em{font-style:normal}
th{font-weight:400}
hr{border:0;height:1px}
:focus{outline:0}
.display-none{display:none}
.display-inline{display:inline!important}
.display-inline-block{display:inline-block}
.display-block{display:block!important}
.cursor-pointer{cursor:pointer}
.cursor-default{cursor:default!important}
.cursor-move{cursor:move}
.cursor-crosshair{cursor:crosshair}
.cursor-no-drop{cursor:no-drop}
.cursor-none{cursor:none!important}
.cursor-not-allowed{cursor:not-allowed!important}
.fl{float:left}
.fr{float:right}
.clear{clear:both}
.clearfix:before,.clearfix:after{display:table;content:''}
.clearfix:after{clear:both}
.clearfix{zoom:1}
.no-shadow{box-shadow:none!important}
.cr{color:red!important}
.cr-hint{color:#ff855a!important}
.cr-999{color:#999}
.cr-link{color:#5182E4}
.cr-white{color:#fff}
.cr-bdp{color:#7ABCE9}
.bgc-fff{background-color:#fff}
.ps{position:static!important}
.pr{position:relative}
.pa{position:absolute}
.pf{position:fixed}
.text-overflow{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.no-border{border:0!important}
.no-border-right{border-right:0!important}
.no-border-top{border-top:0!important}
.text-center{text-align:center!important}
.text-left{text-align:left}
.text-right{text-align:right}
.overflow-hidden{overflow:hidden}
.overflow-auto{overflow:auto}
.overflow-y-scroll{overflow-y:scroll}
.overflow-scroll{overflow:scroll}
.word-break-all{word-break:break-all}
.w100{width:100%!important}
.w100px{width:100px!important}
.w120px{width:130px!important}
.w130px{width:130px!important}
.w168{width:168px}
.w180{width:180px}
.w208{width:208px}
.w240{width:240px}
.w360{width:360px}
.w150{width:150px!important}
.w200{width:200px!important}
.w80{width:80px!important}
.w60{width:60px!important}
.height100-i{height:100%!important}
.height100{height:100px!important}
.height240{height:240px!important}
.h40{height:40px}
.fontsize-10{font-size:10px}
.font-size-12{font-size:12px}
.font-size-14{font-size:14px}
.font-size-22{font-size:22px}

.transition{transition:all .3s ease-in-out}
.hide{display:none}

h1,h2,h3,h4,h5,h6{ margin: 0;}
.h1,h1{font-size:2.75em;line-height:1.4em;}
.h2,h2{font-size:1.9em;line-height:1.4;}
.h3,h3{font-size:18px;font-size:1.125rem}
.h4,h4{font-size:1.1em}
.h5,h5{font-size:16px;font-size:1rem;}
.h6,h6{font-size:15px;font-size:.9375rem}

.row{-webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -0.5rem; margin-left: -0.5rem;}
.row.reverse{-webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse;}
.col.reverse{-webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse;}
.col-xs, .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, .col-xs-offset-0, .col-xs-offset-1, .col-xs-offset-2, .col-xs-offset-3, .col-xs-offset-4, .col-xs-offset-5, .col-xs-offset-6, .col-xs-offset-7, .col-xs-offset-8, .col-xs-offset-9, .col-xs-offset-10, .col-xs-offset-11, .col-xs-offset-12{-webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-right: 0.5rem; padding-left: 0.5rem;}
.col-xs{-webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%;}
.col-xs-1{-ms-flex-preferred-size: 8.33333333%; flex-basis: 8.33333333%; max-width: 8.33333333%;}
.col-xs-2{-ms-flex-preferred-size: 16.66666667%; flex-basis: 16.66666667%; max-width: 16.66666667%;}
.col-xs-3{-ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%;}
.col-xs-4{-ms-flex-preferred-size: 33.33333333%; flex-basis: 33.33333333%; max-width: 33.33333333%;}
.col-xs-5{-ms-flex-preferred-size: 41.66666667%; flex-basis: 41.66666667%; max-width: 41.66666667%;}
.col-xs-6{-ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%;}
.col-xs-7{-ms-flex-preferred-size: 58.33333333%; flex-basis: 58.33333333%; max-width: 58.33333333%;}
.col-xs-8{-ms-flex-preferred-size: 66.66666667%; flex-basis: 66.66666667%; max-width: 66.66666667%;}
.col-xs-9{-ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%;}
.col-xs-10{-ms-flex-preferred-size: 83.33333333%; flex-basis: 83.33333333%; max-width: 83.33333333%;}
.col-xs-11{-ms-flex-preferred-size: 91.66666667%; flex-basis: 91.66666667%; max-width: 91.66666667%;}
.col-xs-12{-ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%;}
.col-xs-offset-0{margin-left: 0;}
.col-xs-offset-1{margin-left: 8.33333333%;}
.col-xs-offset-2{margin-left: 16.66666667%;}
.col-xs-offset-3{margin-left: 25%;}
.col-xs-offset-4{margin-left: 33.33333333%;}
.col-xs-offset-5{margin-left: 41.66666667%;}
.col-xs-offset-6{margin-left: 50%;}
.col-xs-offset-7{margin-left: 58.33333333%;}
.col-xs-offset-8{margin-left: 66.66666667%;}
.col-xs-offset-9{margin-left: 75%;}
.col-xs-offset-10{margin-left: 83.33333333%;}
.col-xs-offset-11{margin-left: 91.66666667%;}
@media only screen and (min-width: 768px){
.col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-offset-0, .col-sm-offset-1, .col-sm-offset-2, .col-sm-offset-3, .col-sm-offset-4, .col-sm-offset-5, .col-sm-offset-6, .col-sm-offset-7, .col-sm-offset-8, .col-sm-offset-9, .col-sm-offset-10, .col-sm-offset-11, .col-sm-offset-12{-webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-right: 0.5rem; padding-left: 0.5rem;}
.col-sm{-webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%;}
.col-sm-1{-ms-flex-preferred-size: 8.33333333%; flex-basis: 8.33333333%; max-width: 8.33333333%;}
.col-sm-2{-ms-flex-preferred-size: 16.66666667%; flex-basis: 16.66666667%; max-width: 16.66666667%;}
.col-sm-3{-ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%;}
.col-sm-4{-ms-flex-preferred-size: 33.33333333%; flex-basis: 33.33333333%; max-width: 33.33333333%;}
.col-sm-5{-ms-flex-preferred-size: 41.66666667%; flex-basis: 41.66666667%; max-width: 41.66666667%;}
.col-sm-6{-ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%;}
.col-sm-7{-ms-flex-preferred-size: 58.33333333%; flex-basis: 58.33333333%; max-width: 58.33333333%;}
.col-sm-8{-ms-flex-preferred-size: 66.66666667%; flex-basis: 66.66666667%; max-width: 66.66666667%;}
.col-sm-9{-ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%;}
.col-sm-10{-ms-flex-preferred-size: 83.33333333%; flex-basis: 83.33333333%; max-width: 83.33333333%;}
.col-sm-11{-ms-flex-preferred-size: 91.66666667%; flex-basis: 91.66666667%; max-width: 91.66666667%;}
.col-sm-12{-ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%;}
.col-sm-offset-0{margin-left: 0;}
.col-sm-offset-1{margin-left: 8.33333333%;}
.col-sm-offset-2{margin-left: 16.66666667%;}
.col-sm-offset-3{margin-left: 25%;}
.col-sm-offset-4{margin-left: 33.33333333%;}
.col-sm-offset-5{margin-left: 41.66666667%;}
.col-sm-offset-6{margin-left: 50%;}
.col-sm-offset-7{margin-left: 58.33333333%;}
.col-sm-offset-8{margin-left: 66.66666667%;}
.col-sm-offset-9{margin-left: 75%;}
.col-sm-offset-10{margin-left: 83.33333333%;}
.col-sm-offset-11{margin-left: 91.66666667%;}}
@media only screen and (min-width: 1024px){
.col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-offset-0, .col-md-offset-1, .col-md-offset-2, .col-md-offset-3, .col-md-offset-4, .col-md-offset-5, .col-md-offset-6, .col-md-offset-7, .col-md-offset-8, .col-md-offset-9, .col-md-offset-10, .col-md-offset-11, .col-md-offset-12{-webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-right: 0.5rem; padding-left: 0.5rem;}
.col-md{-webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%;}
.col-md-1{-ms-flex-preferred-size: 8.33333333%; flex-basis: 8.33333333%; max-width: 8.33333333%;}
.col-md-2{-ms-flex-preferred-size: 16.66666667%; flex-basis: 16.66666667%; max-width: 16.66666667%;}
.col-md-3{-ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%;}
.col-md-4{-ms-flex-preferred-size: 33.33333333%; flex-basis: 33.33333333%; max-width: 33.33333333%;}
.col-md-5{-ms-flex-preferred-size: 41.66666667%; flex-basis: 41.66666667%; max-width: 41.66666667%;}
.col-md-6{-ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%;}
.col-md-7{-ms-flex-preferred-size: 58.33333333%; flex-basis: 58.33333333%; max-width: 58.33333333%;}
.col-md-8{-ms-flex-preferred-size: 66.66666667%; flex-basis: 66.66666667%; max-width: 66.66666667%;}
.col-md-9{-ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%;}
.col-md-10{-ms-flex-preferred-size: 83.33333333%; flex-basis: 83.33333333%; max-width: 83.33333333%;}
.col-md-11{-ms-flex-preferred-size: 91.66666667%; flex-basis: 91.66666667%; max-width: 91.66666667%;}
.col-md-12{-ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%;}
.col-md-offset-0{margin-left: 0;}
.col-md-offset-1{margin-left: 8.33333333%;}
.col-md-offset-2{margin-left: 16.66666667%;}
.col-md-offset-3{margin-left: 25%;}
.col-md-offset-4{margin-left: 33.33333333%;}
.col-md-offset-5{margin-left: 41.66666667%;}
.col-md-offset-6{margin-left: 50%;}
.col-md-offset-7{margin-left: 58.33333333%;}
.col-md-offset-8{margin-left: 66.66666667%;}
.col-md-offset-9{margin-left: 75%;}
.col-md-offset-10{margin-left: 83.33333333%;}
.col-md-offset-11{margin-left: 91.66666667%;}}
@media only screen and (min-width: 1280px){
.col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-offset-0, .col-lg-offset-1, .col-lg-offset-2, .col-lg-offset-3, .col-lg-offset-4, .col-lg-offset-5, .col-lg-offset-6, .col-lg-offset-7, .col-lg-offset-8, .col-lg-offset-9, .col-lg-offset-10, .col-lg-offset-11, .col-lg-offset-12{-webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-right: 12px; padding-left: 12px;}
.col-lg{-webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%;}
.col-lg-1{-ms-flex-preferred-size: 8.33333333%; flex-basis: 8.33333333%; max-width: 8.33333333%;}
.col-lg-2{-ms-flex-preferred-size: 16.66666667%; flex-basis: 16.66666667%; max-width: 16.66666667%;}
.col-lg-3{-ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%;}
.col-lg-4{-ms-flex-preferred-size: 33.33333333%; flex-basis: 33.33333333%; max-width: 33.33333333%;}
.col-lg-5{-ms-flex-preferred-size: 41.66666667%; flex-basis: 41.66666667%; max-width: 41.66666667%;}
.col-lg-6{-ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%;}
.col-lg-7{-ms-flex-preferred-size: 58.33333333%; flex-basis: 58.33333333%; max-width: 58.33333333%;}
.col-lg-8{-ms-flex-preferred-size: 66.66666667%; flex-basis: 66.66666667%; max-width: 66.66666667%;}
.col-lg-9{-ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%;}
.col-lg-10{-ms-flex-preferred-size: 83.33333333%; flex-basis: 83.33333333%; max-width: 83.33333333%;}
.col-lg-11{-ms-flex-preferred-size: 91.66666667%; flex-basis: 91.66666667%; max-width: 91.66666667%;}
.col-lg-12{-ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%;}
.col-lg-offset-0{margin-left: 0;}
.col-lg-offset-1{margin-left: 8.33333333%;}
.col-lg-offset-2{margin-left: 16.66666667%;}
.col-lg-offset-3{margin-left: 25%;}
.col-lg-offset-4{margin-left: 33.33333333%;}
.col-lg-offset-5{margin-left: 41.66666667%;}
.col-lg-offset-6{margin-left: 50%;}
.col-lg-offset-7{margin-left: 58.33333333%;}
.col-lg-offset-8{margin-left: 66.66666667%;}
.col-lg-offset-9{margin-left: 75%;}
.col-lg-offset-10{margin-left: 83.33333333%;}
.col-lg-offset-11{margin-left: 91.66666667%;}
}

.container{ position: relative; max-width:1280px;/*padding-right:15px;padding-left:15px;*/margin: 0 auto;}
.ng{ background: #fff;}
@media (max-width:1200px){
	.container{padding-right: 20px; padding-left: 20px;}
}

@media (max-width:979px){
	.container{width:100%}
}

/* btn */
.btn{ position: relative; height: 44px; line-height: 42px; border-radius: 999rem; text-align: center; border: 1px solid #eee; font-size: 14px; cursor: pointer;}
.btn-primary{ background: #006cff; border-color: #006cff;color: #fff;box-shadow: 0 4px 4px 0 rgba(0,108,255,0.40);}
.btn-primary:hover{ background: #0061e6;}
.btn-default{ background: #33c9bb; border-color: #33c9bb; color: #fff;box-shadow: 0 4px 4px 0 rgba(51,201,187,0.40);}
.btn-default:hover{ background: #31c1b4;}
.btn-info{ background: #fff; border-color: #006CFF; color: #006CFF;box-shadow: 0 4px 4px 0 rgba(0,108,255,0.40);}
.btn-info:hover{ background: #f2f8ff;}
.btn-primary[disabled],.btn-default[disabled]{ background: #edeff2; border-color: #edeff2; color: #fff; cursor: not-allowed; box-shadow: none;}

/* 单选/多选按钮组件 */
.i-checks{ display: inline-block; position: relative; margin-bottom: 0; color: #f2f2f2; font-size: 12px; line-height: 18px; padding-left: 18px; cursor: pointer;}
.i-checks input{ opacity: 0; position: absolute; left: 0; top: 0;}
.i-checks i { position: absolute; display: block; width: 12px; height: 12px;border: 1px solid #5e5e5e; left: 0; top: 50%; margin-top: -7px; border-radius:2px; text-align: center; line-height: 12px; color: transparent; box-sizing: content-box;}
.i-checks:hover i{border: 1px solid #6e6e6e;color: transparent;}
.i-checks input[type="checkbox"]:checked + i{border: 1px solid #006cff; color: #fff;background-color: #006cff;}
.i-checks input[type="radio"] + i { border-radius: 999rem;}
.i-checks input[type="radio"]:checked + i{color: #373737; background: #006cff; border-color: #006cff;}
.i-checks.esy{ color: #62697A;}
.i-checks.esy i{ background: transparent; border: 1px solid #ccc; color: transparent;}
.i-checks.esy input[type="checkbox"]:checked + i{ background: #006cff; border: 1px solid #006cff; color: #fff;}
.i-checks.esy input[type="radio"]:checked + i { border: 1px solid #006cff; color: #fff;}
.checks-select .i-checks{ margin-right: 15px;}

/* switch*/
.switch {cursor: pointer;position: relative; height:24px;}
.switch input{position: absolute; opacity: 0; filter: alpha(opacity=0); left:0; top:0; width:100%; height:100%; z-index: 9;}
.switch span{position: relative; width:46px; height:24px; border-radius: 999em; background-color: #edeff2;display: inline-block; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; vertical-align:top;}
.switch span:after{content: ""; position: absolute; background-color: #006cff; width: 24px; height:24px; top: 50%; transform: translateY(-50%); left:0;border-radius:999rem; -webkit-transition: left 0.2s; transition: left 0.2s;}
.switch input:checked + span{background: #d3e5ff;}
.switch input:checked + span:after{left: 22px;}
.switch .switch-label { font-size: 12px; margin-bottom: 0; vertical-align: top; line-height: 14px;}

/* form */
.input-box{ position: relative; line-height: 38px; border-radius: 4px; padding: 0 15px; border: 1px solid #eff1f4; color: #62697A; }
.input-box:focus{ border-color: #006cff;}
.upload{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
/* select */
.field-select-wrap{ position: relative;}
.select-trigger{ position: relative; display: flex; align-items: center;}
.select-trigger:after{content: ''; position: absolute; display: block; border-bottom: 1px solid #006cff; overflow: hidden; left: 50%; right: 50%; bottom: 0; z-index: 9; 
transition: all .2s linear;-webkit-transition: all .2s linear;}
.select-trigger:hover:after{ left: 0; right: 0;}
.select-trigger .field-input{ border: none; border-bottom: 1px solid #e6e6e6; color: #414141; height: 34px; width: 100%; padding-right: 20px; cursor: pointer;}
.select-trigger .field-input:focus{ border-color: #006cff;}
.select-trigger .icon-right-link{ display: block; position: absolute; right: 0; top: 50%; font-size: 14px; color: #919191; transition: all .4s;  transform: translateY(-50%) rotate(90deg);}
.field-select-wrap.large .select-trigger .field-input { height: 44px;}
.select-content{ position: absolute; left: 0; top: 100%; width: 100%; background: #fff; display: none; z-index: 10;border-radius: 2px; margin-top: 5px; box-shadow: 0 2px 10px 0 rgba(39,54,78,0.08), 4px 12px 40px 0 rgba(39,54,78,0.1);}
.select-content .select-inner{position: relative; padding: 10px; max-height: 280px; overflow-y: auto;}
.select-content .select-inner .select-item{ line-height: 30px; height: 30px; display: flex; align-items: center; padding: 0 10px; border-radius: 2px; font-size: 12px; color: #484848;}
.select-content .select-inner .select-item .iconfont { margin-right: 8px;}
.select-content .select-inner .select-item:hover{ background: #006cff; cursor: pointer; color: #fff;}
.select-content .select-inner .select-item:hover .iconfont { color: #fff;}

/* 谷歌 */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    appearance: none; 
    margin: 0; 
}
/* 火狐 */
input{
    -moz-appearance:textfield;
}

/* 为空 */
.no-content{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.no-content img{width: 60px;opacity: .3;}
.no-content p{font-size: 12px;text-align: center;color: #5e5e5e;line-height: 20px;margin-top: 30px;}

/* 全局提示 */
.overall-notice {position: fixed;z-index: 99999999999;top:10px;left: 50%;transform: translateX(-50%);}
.overall-notice-content {/*border-radius: 2px;*/line-height: 30px;padding: 0 10px;color: #fff;font-size: 13px;display: flex;align-items: center;min-width: 200px;justify-content: center;}
.overall-notice-content i {font-size: 16px;margin-right: 5px;}
.notice-success {background: #006cff;box-shadow: 0 4px 4px 0 rgba(0,108,255,0.40);}
.notice-error { background: #e61004;}
.notice-warning {background: #ffb435;}

/* 加载loading */
.loading-spinner-circular{position: relative; text-align: center; display: inline-block;width: 30px;height: 30px; max-width: 100%; max-height: 100%; vertical-align: middle;-webkit-animation: van-rotate 0.8s linear infinite;animation: van-rotate 0.8s linear infinite;-webkit-animation-duration: 2s; animation-duration: 2s;}
.van-loading-circular { display: block;  width: 100%; height: 100%;}
.van-loading-circular circle {-webkit-animation: van-circular 1.5s ease-in-out infinite;animation: van-circular 1.5s ease-in-out infinite;stroke: currentColor;stroke-width: 4;stroke-linecap: round;}
@-webkit-keyframes van-rotate{
    form{
        -webkit-transform: rotate(0deg);
                transfrom: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
                transfrom: rotate(360deg);
    }
}
@keyframes van-rotate{
    form{
        -webkit-transform: rotate(0deg);
                transfrom: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
                transfrom: rotate(360deg);
    }
}
@-webkit-keyframes van-circular{
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 90, 150;
        strlke-dashoffset: -40;
    }
    100%{
        stroke-dasharray:90, 150;
        stroke-dashoffset: -120;
    }
}
@keyframes van-circular{
    0% {
        stroke-dasharray:1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 90, 150;
        strlke-dashoffset: -40;
    }
    100%{
        stroke-dasharray:90, 150;
        stroke-dashoffset: -120;
    }
}

/* 模态框 */
.hbiModal-model{ position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 100000; background-color: rgba(30,30,30,.3); display: flex; align-items: center; justify-content: center; }
.hbiModal-content{ background: #fff;  width: 460px; border-radius: 2px; position: relative; box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px; }
.hbiModal-content.modal-medium-width{ width: 510px;}
.hbiModal-content.modal-in-width{ width: 640px;}
.hbiModal-content.modal-share-width{ width: 750px;}
.hbiModal-content.modal-power-width{ width: 700px;}
.hbiModal-close{ position: absolute; right: 25px; top: 25px; display: flex; align-items: center; justify-content: center; font-size: 22px; color: #d7d7d7; transition: all .4s;}
.hbiModal-close:hover{ color: #5e5e5e;cursor: pointer; transform: rotate(180deg);}
.hbiModal-header{ padding: 42px 42px 0 42px; display: flex; align-items: center;}
.hbiModal-header h2{ font-size: 24px; color: #006cff; font-weight: 500; flex: 1;}
.hbiModal-model-content { margin-top: 26px; padding: 0 42px;}
.select-team{ margin-bottom: 10px;}
.other-filed-list ul li{ position: relative; }
.other-filed-list ul li+li{ margin-top: 6px;}
.other-filed-list ul li > label{ font-size: 12px; color: #919191; line-height: 34px; position: absolute; left: 0; top: 0; z-index: 2;}
.other-filed-list ul li .select-trigger .field-input{ text-align: right;}
.folder-header{ display: flex; align-items: center; justify-content: space-between; padding: 10px 0 0 0;}
.folder-header .title{ font-size: 12px; color: #919191; display: flex; align-items: center;}
.folder-header .title i{ font-weight: bold; color: #515151; margin-right: 5px;}
.folder-header .title .bread{ color: #515151; display: flex; align-items: center; margin-left: 5px;}
.folder-header .title .is-hover .text,.folder-header .title .all-project.is-hover{ color: #919191; cursor: pointer;}
.folder-header .title .is-hover .text:hover,.folder-header .title .all-project.is-hover:hover{ color: #515151;}
.folder-header .actions a{ display: flex; align-items: center; font-size: 13px; color: #006cff;}
.folder-header .actions a i{ font-size: 14px;}
.folder-header .actions a span{ margin-left: 5px;}
.folder-scroll{ height: 352px; overflow-y: auto; margin: 10px 0;}
.folder-scroll ul li{ position: relative;}
.folder-scroll ul li .folder-item{ position: relative; display: flex; align-items: center; padding: 0 15px; height: 44px; line-height: 44px; border-radius: 4px;}
.folder-scroll ul li .folder-item .folder-shrink{width: 15px; height: 15px; font-size: 12px; display: flex; align-items: center; justify-content: center; margin-left: -15px; color: #333; transition: all .4s;}
.folder-scroll ul li .folder-item.active .folder-shrink{ transform: rotate(90deg); }
.folder-scroll ul li li .folder-item {padding-left: 40px;}
.folder-scroll ul li li li .folder-item {padding-left: 60px;}
.folder-scroll ul li li li li .folder-item {padding-left: 80px;}
.folder-scroll ul li .folder-item.selected{ background: #f6f6f6;}
.folder-scroll ul li .folder-item.selected:after{ content: '\e911'; font-family: icomoon; font-weight: bold; font-size: 16px; color: #006cff;}
.folder-scroll ul li img{ width: 20px; margin-right: 10px;}
.folder-scroll ul li .folder-cell{ display: flex; align-items: center; flex: 1; text-overflow: ellipsis; white-space: nowrap;  overflow: hidden;}
.folder-scroll ul li .folder-cell .folder-name{ font-size: 14px; color: #515151;}
.folder-scroll ul li > .folder-item:hover{ background:#f6f6f6; cursor: pointer;}
.hbiModal-footer{ position: relative; padding: 30px 42px 42px; display: flex; align-items: center; justify-content: flex-end; }
.hbiModal-footer a{ border-radius: 2px; text-align: center; font-size: 14px; display: flex; align-items: center; justify-content: center;}
.hbiModal-footer a+a{ margin-left: 20px;}
.hbiModal-footer .btn-left{ font-size: 12px; color: #999; position: absolute; left: 42px;}
.hbiModal-footer .btn-text{ position: relative;}
.hbiModal-footer .btn-text:after{ content: ""; opacity: .2; width: 100%; border-bottom: 1px solid; position: absolute; bottom: 0; left: 0;}
.hbiModal-footer .btn-text:hover:after{ display: none;}
.hbiModal-footer .btn-primary,.hbiModal-footer .btn-red{ min-width: 70px; line-height: 34px; height: 34px; padding: 0 15px;box-shadow: rgba(0,0,0,0.15) 0 1px 2px 0;}
.hbiModal-footer a .loading-spinner-circular{ width: 20px; height: 20px;}

/* 支付 */
.layer-wrap.pay{ position: fixed;left: 0;top: 0;width: 100%;height: 100%; overflow-y: auto; background: #fff;z-index: 999;}
.layer-wrap .layer-close {position: absolute;right: 40px;top: 40px;z-index: 9;font-size: 40px;color: #acacac;}
.layer-wrap .layer-close:hover{ cursor: pointer; color: #5e5e5e;}
.layer-page {padding: 80px 0;}
.hbi-vip-body{ position: relative; width: 1000px; margin: 0 auto; margin-bottom: 80px;}
.hbi-vip-header{ background: #006cff; height: 84px; display: flex; align-items: center; border-radius: 4px 4px 0 0; padding: 16px 20px;}
.hbi-vip-header .hbi-vip-avatar{ width: 52px; height: 52px; border-radius: 999rem; margin-right: 16px;}
.hbi-vip-header .hbi-vip-avatar img{ width: 100%; height: 100%; border-radius: 999rem;}
.hbi-vip-cover{ flex: 1;}
.hbi-vip-cover-name{ font-size: 14px; line-height: 20px; margin-bottom: 4px; color: #fff;}
.hbi-vip-cover-tip{ position: relative; display: flex; align-items: center; font-size: 14px; color: #fff; opacity: .8;}
.hbi-vip-help{ font-size: 14px; color: #fff; margin-top: 25px;}
.hbi-vip-help a{ color: #fff; text-decoration: underline;}
.hbi-vip-groups{ position: relative; margin-left: 10px; padding-left: 10px;}
.hbi-vip-groups:before{ content: ''; position: absolute; left: 0; top: 50%; margin-top: -7px; opacity: .5; height: 14px; border-left: 1px solid #324e90;}
.hbi-vip-groups a{ color: #fff;}
.hbi-vip-groups a i{ font-size: 12px; margin-left: 4px;}
.hbi-vip-content{ position: relative; border: 1px solid #f0f0f0; min-height: 523px; background: #fff; border-top: none; border-radius: 0 0 4px 4px;}
.hbi-vip-tab-nav{ display: flex; align-items: center; height: 60px;}
.hbi-vip-tab{ flex: 1; text-align: center; line-height: 60px; cursor: pointer; font-weight: bold; font-size: 20px; color: #434343; background: rgba(196,210,250,.2);}
.hbi-vip-tab.active{background: #fff; color: #324e90;}
.hbi-vip-tab-pane{ padding: 20px 32px;}
.hbi-vip-packages-title{ position: relative; font-size: 14px; padding: 8px 0 12px 0; line-height: 22px;color: #434343; font-weight: 700;}
.hbi-vip-packages-title span{color: #8d8f92; margin-left: 8px; font-weight: normal;}
.hbi-vip-packages-content{ margin-bottom: 4px;}
.hbi-vip-packages-content ul { display: flex; align-items: center; margin-bottom: 40px;}
.hbi-vip-packages-content ul li{ width: 25%; box-sizing: border-box; padding-right: 12px;}
.vip-item{ position: relative; border: 1px solid #e0e5ea; border-radius: 4px;height: 100px; display: flex; align-items: center; justify-content: center;}
.vip-item .vip-mark{ position: absolute; left: -1px; top: -1px; z-index: 2; font-size: 12px; line-height: 18px; text-align: center; padding: 0 10px; border-radius: 4px 0 10px 0;}
.vip-item .vip-mark.red{ color: rgb(255, 255, 255); background: rgb(229, 73, 55);}
.vip-item .vip-mark.org{ color: rgb(142, 83, 10); background: rgb(251, 202, 134);}
.vip-item .vip-money{ font-size: 20px; color: rgb(229, 73, 55); font-weight: 600; letter-spacing: -2px;}
.vip-item .vip-money span{ font-size: 34px;}
.vip-selected{ position: absolute; right: 0; bottom: 0; width: 30px; height: 30px; background: url(../images/selected.png) 0 0 no-repeat; background-size: contain; border-radius: 0 0 3px 0;}
.vip-desc{ padding-left: 12px; border-left: 1px solid #ebedf0; margin-left: 12px; line-height: 1;}
.vip-desc .vip-duration{ line-height: 20px; color: #000; font-weight: 700; font-size: 16px;}
.vip-desc .vip-guide{ font-size: 12px; line-height: 17px; color: rgb(141, 148, 158); margin-top: 3px;}
.hbi-vip-pay{background: #f6f7f9; border-radius: 4px; padding: 28px; margin-bottom: 16px;}
.vip-pay-title{ font-size: 14px; color:#8d8f92; margin-bottom: 20px;}
.vip-pay-cell{ display: flex; align-items: center;}
.vip-pay-cell .vip-pay-item{ position: relative; flex: 1; font-size: 16px; color: #464646; display: flex; align-items: center; padding: 24px 30px; background: #fff; border-radius: 4px;}
.vip-pay-cell .vip-pay-item i{ font-size: 28px; margin-right: 20px;}
.vip-pay-cell .vip-pay-item:hover{ cursor: pointer;box-shadow:0 2px 20px 0 rgba(234, 234, 234, 0.5);}
.vip-pay-cell .vip-pay-item+.vip-pay-item{ margin-left: 20px;}
.vip-pay-cell .vip-pay-item label{ position: absolute; right: 30px; top: 50%; cursor: pointer; margin-top: -11px; width: 16px; height: 16px; border: solid 3px #e5e5e5;border-radius: 50%; box-sizing: content-box;}
.vip-pay-cell .vip-pay-item.active label{ border:none; background: url(../images/rb.png) 0 0 no-repeat; width: 22px; height: 22px; background-size: contain;box-sizing: border-box;}
.hbi-vip-agreement{ color: #949ba6; font-size: 12px; line-height: 17px;}
.hbi-vip-agreement a{ color: #006cff;}
.vip-item:hover{ border-color: #d4d9de; cursor: pointer;}
.vip-item.active{ border-color: #006cff; background: rgba(40,120,255,0.1);} 
.vip-item.active .vip-desc{ border-color: #dee5ef;}
.buy-fixed{ position: fixed; left: 0; right: 0; bottom: 0; z-index: 99; background: #fff; border-top: 1px solid #f6f6f6; box-shadow: 0 9px 20px 0 rgba(224, 224, 224, 0.5);}
.buy-fixed .buy-fixed-content{ width: 1000px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; height: 70px;}
.buy-fixed .buy-fixed-content .buy-time{ font-size: 14px; color: #434343;}
.buy-fixed .buy-fixed-content .buy-right{ display: flex; align-items: center; color: #333;}
.buy-fixed .buy-fixed-content .buy-right .buy-price{ font-size: 16px; margin-right: 16px;}
.buy-fixed .buy-fixed-content .buy-right .buy-price span{color: rgb(229, 73, 55);font-size: 30px;}
.buy-fixed .buy-fixed-content .buy-right .buy-btn{ height: 40px; line-height: 40px; background: #006cff; border-radius: 2px;width: 120px; font-size: 14px; color: #fff; border: none; box-shadow: rgba(0,0,0,0.15) 0 1px 2px 0;}
.buy-fixed .buy-fixed-content .buy-right .buy-btn:hover{ background: #0061e6; cursor: pointer;}
.buy-fixed .buy-fixed-content .buy-right .buy-btn[disabled]{ background: rgb(229, 229, 229); color: #999;}
.hbi-vip-packages .order-item{ margin-top: 10px; padding: 0; border-bottom: none;}
.hbi-vip-packages .order-item table{ width: 100%;}
.hbi-vip-packages .order-item table tr th{ font-size: 14px;color: #999999; font-weight: normal;line-height: 36px;border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;padding: 0 40px;text-align: center;}
.hbi-vip-packages .order-item table tr td{ text-align: center; font-size: 14px; font-weight: 600; color: #333;}
.hbi-vip-packages .order-item table tr td .price{ font-size: 16px; color: rgb(229, 73, 55);}
.hbi-vip-packages .order-item .order-info { position: relative;margin: 30px 0;display: flex;align-items: center;min-height: 90px;}
.hbi-vip-packages .order-item .order-info .order-pic { width: 120px; height: 90px; margin-right: 20px; border-radius: 4px; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.order-number { margin-bottom: 10px; font-size: 14px; font-weight: 600;}
.popup-wrapper{ position: fixed;left: 0;top: 0;right: 0;bottom: 0;background: rgba(30,41,46,0.5);z-index: 999; display: flex; align-items: center; justify-content: center;}
.popup-content{ position: relative; background: #fff; border-radius: 2px; box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.05), 0 6px 20px 5px rgba(40, 120, 255, 0.1), 0 16px 24px 2px rgba(0, 0, 0, 0.05) !important;}
.popup-close{ position: absolute; right: 15px; top: 15px; cursor: pointer;}
.popup-close img{ width: 15px; height: 15px; transition: all .4s; display: block; opacity: .2;}
.popup-close:hover img{ transform: rotate(180deg); opacity: .6;}
.pay-card{ text-align: center; padding: 40px 0;}
.pay-card .pay-account{ font-size: 16px; color: #333;}
.pay-card .pay-account span { color: #e61004; font-size: 34px; font-family: Arial, Helvetica, sans-serif;}
.pay-card .pay-account span em{ font-size: 18px;}
.pay-code { width: 240px; height: 240px; margin: 20px auto 10px auto;}
.pay-code img{ width: 100%; height: 100%;}
.pay-protol { display: flex; align-items: center; justify-content: center; font-size: 14px; color: #383838;}
.pay-protol img{ width: 20px; height: 20px; margin-right: 5px;}
.payment-cancle{ background: #f6f6f6; line-height: 60px; border-radius: 0 0 2px 2px; text-align: center;}
.payment-cancle a{ color: #666;}
.payment-cancle a:hover{ color: #006cff;}
.pay-success{ text-align: center; padding: 80px 0;}
.pay-success .ico{ font-size: 52px; color: #52c41a;}
.pay-success h3{ font-size: 20px; color: #414141; font-weight: normal; margin-top: 5px;}
.pay-text { font-size: 14px; margin-top: 20px; line-height: 28px; color: #898989;}
.pay-text p.num{ color: #5e5e5e;}
.pay-text p a{ color: #787878; padding: 0 4px; background-image: linear-gradient(90deg,rgba(145,145,145,.95) 1px,transparent 0); background-repeat: repeat-x; background-position: 0 100%; background-size: 2px 1px;}
.pay-text p a:hover{ color: #006cff;background-image: linear-gradient(90deg,rgba(0,108,255,.95) 1px,transparent 0);}
.pay-text .actions{ margin-top: 30px; display: flex; align-items: center; justify-content: center;}
.pay-text .actions a{ min-width: 126px; box-sizing: border-box;}
.pay-text .actions .btn-primary{ height: 38px; line-height: 38px; border-radius: 2px; box-shadow: rgba(0,0,0,0.15) 0 1px 2px 0;}
.pay-text .actions .btn-default{ height: 38px; line-height: 38px; border-radius: 2px; border: 1px solid #d7d7d7; background: transparent; color: #515151; box-shadow: none;}
.pay-text .actions .btn-default:hover{ background: #f6f7f8;}
.pay-text .actions a+a{ margin-left: 50px;}