@charset "UTF-8";
/* CSS Document */

/* CSS Document */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,textarea,th,td,header,section,nav{margin:0;padding:0;}
body,button,input,select,textarea{font:12px/1.6 "Microsoft YaHei", Verdana, Helvetica, sans-serif}/*雅黑：\5FAE\8F6F\96C5\9ED1  Verdana, Helvetica, sans-serif*/
figure{ margin:0;padding:0;}
q:before,q:after{content:'';content:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight: normal;}
address,cite,dfn,em,var{font-style:normal}
code,kbd,pre,samp{font-family:courier new,courier,monospace;word-wrap: break-word; white-space: normal}
small{font-size:12px}
ul,ol{list-style:none}
a:link,a:visited{text-decoration:none}
a:hover,a:active{text-decoration:none}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
legend{color:#000}
fieldset,img{border:0}
button,input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0}
:focus {outline: 0;}
.bold{ font-weight: 600;}

.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}
.fl{float:left}.fr{float:right}

.wordbleak{word-wrap: break-word; word-break:break-all}
.dcenter{ margin-left:auto;margin-right:auto;}
.txtright{ text-align:right}
/*设置placeholder颜色*/ 
::-webkit-input-placeholder {color:#999!important;}/* WebKit browsers */
:-moz-placeholder {color:#999!important;}/* Mozilla Firefox 4 to 18 */
::-moz-placeholder {color:#999!important;}/* Mozilla Firefox 19+ */
:-ms-input-placeholder {color:#999!important;}/* Internet Explorer 10+ */
html{zoom:expression(function(ele){ele.style.zoom="1";document.execCommand("BackgroundImageCache",false,true)}(this))}
body{background:#F2F3F5;word-break:break-word;}
.wbg{ background:#fff;}
.bordera{ border:1px solid #e5e5e5;}
/*html {
    overflow-x: hidden;
    overflow-y: auto}
body {
    overflow: hidden}*/

.vm *{display:inline-block;vertical-align:middle}
.vm option{display:block}
.vtb *{ vertical-align:text-bottom}
.point{ cursor: pointer;}  
.pitxt20{ text-indent:20px;}.pitxt30{ text-indent:30px;}
.ellipsis{overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
.w1200{width:1200px;}

.f12{font-size:12px}.f13{font-size:13px}.f14{font-size:14px}.f15{font-size:15px}.f16{font-size:16px}.f18{font-size:18px}.f20{font-size:20px}.f24{font-size:24px}.f26{font-size:26px}.f28{font-size:28px}.f30{font-size:30px}
.pl5{padding-left:5px}.pl10{padding-left:10px}.pl20{padding-left:20px}.pl30{padding-left:30px}.pl40{padding-left:40px}
.pt5{padding-top:5px}.pt10{padding-top:10px}.pt15{padding-top:15px}.pt18{padding-top:18px}.pt20{padding-top:20px}.pt30{padding-top:30px}.pt40{padding-top:40px}.pt60{padding-top:60px}
.pb5{padding-bottom:5px}.pb10{padding-bottom:10px}.pb15{padding-bottom:15px}.pb20{padding-bottom:20px}.pb30{padding-bottom:30px}.pb40{padding-bottom:40px}.pb60{padding-bottom:60px}
.pr5{padding-right:5px}.pr10{padding-right:10px}.pr20{padding-right:20px}.pr30{padding-right:30px}.pr40{padding-right:40px}
.pa5{padding:5px}.pa10{padding:10px}.pa20{padding:20px}.pa30{padding:30px}.pa40{padding:40px}

.ml5{margin-left:5px}.ml8{margin-left:8px}.ml10{margin-left:10px}.ml12{margin-left:12px}.ml16{margin-left:16px}.ml20{margin-left:20px}.ml30{margin-left:30px}.ml40{margin-left:40px}
.mr5{margin-right:5px}.mr10{margin-right:10px}.mr16{margin-right:16px}.mr20{margin-right:20px}.mr30{margin-right:30px}.mr35{margin-right:35px}.mr40{margin-right:40px}
.mt5{margin-top:5px}.mt10{margin-top:10px}.mt15{margin-top:15px}.mt20{margin-top:20px}.mt30{margin-top:30px}.mt40{margin-top:40px}
.mb5{margin-bottom:5px}.mb10{margin-bottom:10px}.mb20{margin-bottom:20px}.mb30{margin-bottom:30px}.mb40{margin-bottom:40px}
.ma5{margin:5px}.ma10{margin:10px}.ma20{margin:20px}.ma30{margin:30px}.ma40{margin:40px}

.h24{height:24px;}.h28{height:28px;}.h30{height:30px;}.h36{height:36px;}.h40{height:40px;}.h44{height:44px;}.h50{height:50px;}.h60{height:60px;}
.lh18{line-height: 18px;} .lh20{line-height:20px;} .lh24{ line-height:24px;}.lh28{ line-height:28px;}.lh30{ line-height:30px;}.lh44{ line-height:44px;}.lh40{ line-height:40px;}.lh50{ line-height:50px;}.lh60{ line-height:60px;}

/*圆角*/
.radius12{ border-radius: 12px; }
.radius10{ border-radius: 10px; }
.radius8{ border-radius: 8px; }
.radius6{ border-radius: 6px; }
.radius4{ border-radius: 4px; }
.radius2{ border-radius: 2px; }
/*弹窗半透明背景*/
.trans-35{ width: 100%; height: 100%; background: rgba(0,0,0,.35); }
.trans-50{ width: 100%; height: 100%; background: rgba(0,0,0,.50); }
.trans-75{ width: 100%; height: 100%; background: rgba(0,0,0,.75); }

.shadow{ box-shadow: 0 0 10px #eee; }
/*宽度补齐*/

.flex{ display: flex;}
.flex-lr{justify-content: space-between;}
.block{display: block;}
.inline-block{ display:inline-block;}

.black{ color: #1a1a1a; }
.light-black{color: #282828;}
.neutral{ color: #666; }
.dark-gray{ color: #777; }
.deep-gray{ color: #999; }
.gray{ color: #aaa;}
.light-gray{ color: #ccc; }
.silver{ color: #ddd; }
.white{ color: #fff; }
.c-main{ color: #0E8A8E!important;}
.c-red{ color: #f85659; }
.c-yellow{ color: #F5B431; }
.gradient-text {background: linear-gradient(90deg, #0E8A8E 0%, #0E8E4C 100%);  -webkit-background-clip: text;background-clip: text; color: transparent;}

/*Impact*/
@font-face {font-family: "Impact";  src: url('../font/Impact.ttf') format('woff');}
.impact {  font-family: "Impact";}
/*Abel*/
@font-face {font-family: "Abel-Regular";  src: url('../font/Abel-Regular.ttf') format('woff');}
.abel {font-family: "Abel-Regular";}