@charset "utf-8";
/* CSS RESET */
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;}
:focus{outline:0;}
html,body{width: 100%; height: 100%; font-size:14px;font-family:"Microsoft YaHei";color:#333}
ol,ul{list-style:none}
table{border-collapse:separate;border-spacing:0}

blockquote:before,blockquote:after,
q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
img {border: medium none; vertical-align: middle}
/* html 5 Specific */
article,aside,canvas,details,div,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary{display:block}
/* table */
/*table{border-collapse:separate;border-spacing:0;}
table{ border-left:1px solid #ddd; border-top:1px solid #ddd;}
table td{border-right:1px solid #ddd;border-bottom:1px solid #ddd;padding:0 4px; line-height:30px;}
thead td{ height:30px; line-height:30px; background:#02A699; font-weight:bold; padding:0 4px; color:#fff}*/
select{padding: 4px; border: 1px solid #DDD;}
/* em/i/cite */
em,i,cite{ font-style:normal}
i{ display:inline-block}
em{ font-family:Arial, Helvetica, sans-serif; color:#fd8238}
a{/* color:#333; */text-decoration:none;outline:none;cursor:pointer}
a:hover{color:#fd8238;transition: all 0.5s linear;}
/* show/hide */
.hide{ display:none}
.show{ display:block}
.hand{ cursor:pointer}
/* form */
/* .form {line-height:24px}
.form li {padding:8px 0;vertical-align: middle;clear:none;width:auto; overflow:hidden; line-height:22px}
.form li label{float:left;margin-right: 10px;text-align:right;width:135px;line-height:22px}
.form li.btnarea,.form li.label{padding-left:145px;} */
/* input */
input,select{vertical-align:middle;font-family:"Microsoft YaHei";font-size:14px}

/* button */
.btn{display:inline-block;color:#fff;text-align:center;vertical-align:middle; border:medium none; cursor:pointer}
.btn:hover{color:#fff}
/* text-align */
.tright{text-align:right}
.tleft{text-align:left}
.tcenter{text-align:center}
a.text_none{ text-decoration:none}
.text_underline{ text-decoration:underline}
/* float */
.left{float:left}
.right{float:right}
/* clear */
.clear{clear:both;height:0;font-size:0;overflow:hidden}
.clearR{clear:right}
.clearL{clear:left}
.clearfix{*zoom:1;clear:left}
.clearfix:after{clear:both;content:" ";display:block;font-size:0;height:0;visibility:hidden}
/* font-family */
.font_my{font-family:"Microsoft YaHei";}
.font_a{font-family:Arial}
.font_t{font-family:Tahoma}
.font_n{font-weight:normal}
.bold{font-weight:bold}

/* font-size */
.f12{font-size:12px}
.f14{font-size:14px}
.f16{font-size:16px}
.f18{font-size:18px}
.f20{font-size:20px}
.f22{font-size:22px}
.f24{font-size:24px}
.f26{font-size:26px}
.f30{font-size:30px}
/* margin */
.m10{margin:10px}
.mt{margin-top: 10px}
.mt5{margin-top: 5px}
.mr5{margin-right: 5px}
.mb5{margin-bottom: 5px}
.ml5{margin-left: 5px}
.mb{margin-bottom: 10px}
.ml{margin-left: 10px}
.mr{margin-right: 10px}
/* padding */
.p10{padding:10px}
.pr5{padding-right:5px}
.pl5{padding-left:5px}
.pt5{padding-top:5px}
.pb5{padding-bottom:5px}
.pt{padding-top:10px}
.pb{padding-bottom:10px}
.pr{padding-right:10px}
.pl{padding-left:10px}
 /*------input-border------*/
.input-coom{border:1px solid #e3e3e3; height:18px; line-height:18px; padding-left:5px; float:left}
/*font color*/
.white{color:#fff}
.gray_3{color:#333}
.gray_a{color:#aaa}
.orange{color:#fd8238}
.light-blue{color: #01ccff}
.blue{color:#87a0c8}
.red{color:#F00;}
.yellow{color:#fff000}
.green{color:#094}
.green-light{color:#9DF506}
.black{ color:#666}
/*position*/
.position-r{ position:relative}
.position-a{ position:absolute}
.overflow{ overflow:hidden}
.mask-black{
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  z-index: 100;
  left: 0;
  top:0
}