body{font-family: \5FAE\8F6F\96C5\9ED1,arial,tahoma,Verdana,sans-serif;line-height:1;font-size:14px;color:#333;background-color:#FFFFFF;}
html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, p,span, blockquote, table, th, td, embed, object,a,textarea,section,header,caption,aside,footer,mark,nav{padding: 0;margin: 0;box-sizing:border-box;}
table{border-collapse: collapse; border-spacing: 0;table-layout:fixed;width:100%;font-size:inherit;} 
html,body {-webkit-overflow-scrolling: touch;}
fieldset,img,iframe{ border: 0;text-decoration:none;} 
address,caption,cite,code,dfn,em,th,var {font-weight: normal;font-style: normal;} 
caption, th {text-align:left;}
ul,ol{list-style:none;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;font-size: 100%;}
q:before, q:after {content: '';}
button, input, select, textarea {font-size:100%;resize:none;-webkit-appearance: none;}
abbr, acronym {border: 0;}
:focus {outline: 0;}
a{text-decoration:none;color:#333; transition:all ease .3s;}
a[href^="tel"]{ color:inherit;text-decoration:none;  -webkit-tap-highlight-color:transparent;}
cite, em, dfn { font-style: italic; }
input,select{font-size:100%;font-size-adjust:none;font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal;line-height:normal;}
input[type='button'],input[type='submit'],input[type='reset']{cursor:pointer;vertical-align:middle;margin:0px;padding:0px;-webkit-appearance: none;}
input[type='text']{vertical-align:middle;}
img{vertical-align:middle;}
.inlineb{display:inline-block;*display:inline;*zoom:1;}
.clearfix {*overflow: hidden; *zoom:1;clear:both; }
.clearfix:after { display: table; content: ""; width: 0; clear: both;}
::-ms-clear,::-ms-reveal{display:none;}
.ios-scroll{overflow:auto; -webkit-overflow-scrolling: touch;}
button {
  border: none;
  outline: none;
  -webkit-appearance:none;
  border-radius: 0;
}
input[type="button"], input[type="submit"], input[type="reset"] {
  -webkit-appearance: none;
  border-radius: 0;
}
video{    object-fit: contain;}

.global-mask{background:rgba(0,0,0,.6);position: fixed;width:100%;height:100%;z-index:10000;display:none;left:0px;top:0px;}
.global-notify{display:none;background-color:#fff;;width:340px;min-height:90px;position: absolute;left:50%;top:50%;margin-left:-170px;margin-top:-45px;z-index:12000;box-shadow: 0px 4px 12px 0px 	rgba(0, 0, 0, 0.2);border-radius: 2px;line-height:1;}
.global-notify-close,.global-alert-close,.global-confirm-close{position: absolute;padding:12px 15px;cursor: pointer;transition: color ease .3s;font-weight:bold;color:#666;right:0px;top:0px;font-size: 14px;}
.global-notify-close:hover,.global-alert-close:hover,.global-confirm-close:hover{color:#222;}
.global-notify-title-icon{width:20px;height:20px;text-align: center;line-height:18px;border-radius: 20px;position: absolute;font-size:12px;left:16px;top:18px;}
.global-alert-icon{width:16px;height:16px;text-align: center;line-height:16px;border-radius: 20px;font-size:12px;display:inline-block;background:#f99c34;color:#fff;}
.global-notify .message{background-color: #e7f3ff;color: #4195fc;font-weight:bold;line-height:14px;}
.global-notify .correct{background-color: #f0f9eb;color: #5bba69;font-weight:bold;}
.global-notify .wrong{background-color: #ffeff0;color: #f5222d;font-weight:bold;}
.global-notify .alert{background-color: #fef6ec;color: #f99c34;font-weight:bold;}
.global-notify-title .global-notify-title-span{height:50px;color: #666666;font-weight:bold;padding:20px 0px 0px 48px;display:inline-block;}
.global-notify-content{font-size:14px;padding:0px 40px 10px 48px;line-height:1.6;color:#666;}
.global-loading{display:none;width:40px;height:40px;position: fixed;left:50%;top:50%;z-index:10000;margin-left:-20px;margin-top:-20px;background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='40px' height='40px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50' xml:space='preserve'%3E%3Cpath fill='%23f99c34' d='M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z' transform='rotate%28275.098 25 25%29'%3E%3CanimateTransform attributeType='xml' attributeName='transform' type='rotate' from='0 25 25' to='360 25 25' dur='0.8s' repeatCount='indefinite'%3E%3C/animateTransform%3E%3C/path%3E%3C/svg%3E");}
.global-pos{position: relative!important;overflow:hidden!important;}

.global-alert,.global-confirm{display:none;border-radius:5px;overflow:hidden;left:50%;top:50%;margin-left:-200px;margin-top:-88px;width:400px;min-height:176px;position: fixed;z-index:10000;background:#fff;box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.2);}
.global-alert-title{height:40px;background-color: #fbfbfb;line-height:40px;font-size: 16px;font-weight:bold;padding:0px 16px;}
.global-alert-det,.global-confirm-det{padding-left:10px;}
.global-alert-content{height:80px;padding:0px 16px;line-height:80px;}
.global-alert-footer{padding:0px 16px;height:56px;line-height:56px;box-shadow: 0px -1px 0px 0px #eeeeee;text-align:right;}
.global-alert-footer button{width:64px;height:32px;margin-left:6px;cursor:pointer;border-radius:2px;line-height:32px;}
.global-alert-footer button:hover{opacity: .8;}
.global-alert-enter,.global-confirm-enter{color:#fff;background-color: #f99c34;}
.global-alert-cancel,.global-confirm-cancel{background: #f2f3f5;color:#666666;}

/********global css************/

.g-36{
  font-size:36px;
}
.g-32{
  font-size:32px;
}
.g-30{
  font-size:30px;
}
.g-28{
  font-size:28px;
}
.g-24{
  font-size:24px;
}
.g-20{
  font-size:20px;
}
.g-18{
  font-size:18px;
}
.g-16{
  font-size:16px;
}
.g-14{
  font-size:14px;
}
.g-animate{
  transition: all ease .3s;
}
.g-bold{
  font-weight:bold;
}
.g-flex{
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}
.g-lh15{
  line-height:1.5;
}
.g-lh17{
  line-height:1.7;
}
.g-lh18{
  line-height:1.8;
}
.g-lh20{
  line-height:2;
}
.g-fl{
  float:left;
}
.g-fr{
  float:right;
}
.g-in{
  width:1180px;
  position: relative;
  overflow: hidden;
  margin:0 auto;
}
.g-el{
  text-overflow:ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.g-white{
  color:#fff;
}


@media only screen  and (max-width: 1024px){

  .g-32{
    font-size:20px;
  }
  .g-30{
    font-size:30px;
  }
  .g-28{
    font-size:28px;
  }
  .g-24{
    font-size:24px;
  }
  .g-20{
    font-size:16px;
  }
  .g-18{
    font-size:16px;
  }
  .g-16{
    font-size:16px;
  }
  .g-14{
    font-size:14px;
  }

}

@media only screen and (min-width: 1024px) and (max-width: 1366px){

}

@media only screen and (min-width: 1366px) and (max-width: 1680px){

}

@media only screen and (min-width: 1680px) and (max-width: 1920px){

}



/*****fonts end******/


/********global css end************/