/* CSS RESET */
html,body,div,.padder,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,acronym,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,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;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,img,object,embed{display:block}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
nav ul,nav li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:"";}
abbr,acronym {font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}
a,.no-touch a:hover,.no-touch a:visited:hover,a:active,.no-touch a:active:hover{outline:none}
a,.no-touch a:hover,.no-touch a:visited:hover,a:visited{text-decoration: none}
::selection { background: #ddd; }
::-moz-selection { background: #ddd; }
::-webkit-selection { background: #ddd; }
*{margin:0;padding:0;list-style-type:none;box-sizing: border-box;}
a,img{border:0;text-decoration:none;}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
:root {
  --main-color: #25b864;
  --light-main-color: #47c479;
  --dart-main-color: #1da558;
  --bg-color: #e9f7ec;
}
body, html {
  width: 100%;
  height: 100%;
}
body{
  font-family: 'open_sans','Open Sans','PingFang SC',"Microsoft YaHei","微软雅黑",STXihei,"华文细黑",sans-serif;
  font-size: 14px;
  color: #333;
  background-color: #fff;
  /* background-color: #f8f8f8; */
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
}

.btn,.iconfont {  font-weight: 400  }

::-webkit-input-placeholder {
  text-overflow: ellipsis
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  overflow: auto
}

::-webkit-scrollbar-thumb {
  background-color: #e6e6e6;
  min-height: 25px;
  min-width: 25px;
  border: 1px solid #e0e0e0
}

::-webkit-scrollbar-track {
  background-color: #f7f7f7;
  border: 1px solid #efefef
}

a {
  color: #666;
  outline: 0;
  text-decoration: none
}
a.arrow-link::after {
  content: '↗';
}
/* select {
  display: none
} */

input:focus {
  outline: 0!important
}

a:active,
a:focus,
button:active,
button:focus,
span:active,
span:focus {
  outline: 0
}

.input,
.textarea {
  color: #333;
  font-size: 12px;
  height: 32px;
  line-height: 32px!important;
  padding: 6px 9px;
  border-width: 1px;
  border-style: solid;
  border-color: #e6e6e6;
  background-color: #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.input:hover,
.textarea:hover {
  border-color: #ccc
}

.input:focus,
.textarea:focus {
  border-color: red;
  outline: 0
}

input::-ms-clear {
  display: none
}

.input::-moz-placeholder,
.textarea::-moz-placeholder {
  color: #999
}

.input::-webkit-input-placeholder,
.textarea::-webkit-input-placeholder {
  color: #999
}

.checkbox[disabled],
.input[disabled],
.input[readonly],
.radio[disabled],
.textarea[disabled] {
  border-color: #e6e6e6;
  cursor: not-allowed;
  background-color: #fafafa;
  color: #ccc
}

.input.field-error,
.textarea.field-error {
  border-color: red
}

.input-enter-placeholder {
  color: #999
}

.btn,
.theme-green .back-bar .pointer {
  box-sizing: border-box
}

.btn,.btn.btn-default {
  font-size: 12px
}

.btn {
  display: inline-block;
  padding: 0 30px;
  height: 32px;
  line-height: 30px;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #999;
  text-align: center;
  white-space: nowrap;
  -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-image: none;
  box-sizing: border-box
}

.btn:focus,
.btn:hover {
  color: #333;
  text-decoration: none
}

.btn:active {
  background-image: none;
  outline: 0;
  box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}

.btn.active,
.btn:active:focus,
.btn.focus,
.btn:active,
.btn:focus {
  outline: 0;
  box-shadow: none
}

.btn-common {
  border: 1px solid #E6E6E6;
  color: #333;
  background-color: transparent
}

/* .btn-gray,
.btn-grayc,
.btn-normal,
.btn-red,
.btn-white {
  border-radius: 40px
} */

.btn-common:hover {
  color: #000;
  background-color: #FAFAFA;
  border-color: rgba(0,0,0,.1)
}

.btn-red {
  color: #fff;
  background: red
}

.btn-red:active,
.btn-red:focus,
.btn-red:hover {
  color: #fff;
  background: var(--main-color);
}

.btn-gray {
  color: #333;
  background: rgba(32,32,64,.04);
  background-color: #EDEDF0;
}

.btn-gray:active,
.btn-gray:focus,
.btn-gray:hover {
  color: #F50
}

.btn-grayc {
  color: #333;
  background-color: #ddd
}

.btn-grayc:active,
.btn-grayc:focus,
.btn-grayc:hover {
  background-color: #bbb
}

.btn-white {
  color: #333;
  background-color: #fff
}

.btn-white:active,
.btn-white:focus,
.btn-white:hover {
  background-color: #fff;
  color: #333
}

.btn-normal {
  color: #333;
  background-color: #ddd
}
.btn-primary {
  color: #fff;
  background: var(--main-color);
}
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.btn-normal:active,
.btn-normal:focus,
.btn-normal:hover {
  background-color: var(--light-main-color);
  color: #fff
}

.btn-disabled {
  color: #f4f4f4;
  cursor: not-allowed;
  background-color: #b8b8b8;
}

.btn-disabled:active,
.btn-disabled:focus,
.btn-disabled:hover {
  color: #fff;
  background-color: #c1c1c1;
}

.btn-disabled.btn-brand {
  color: #fff;
  background-color: #FFD4BE;
}

.btn-disabled.btn-white {
  color: #EDEDF0;
  background-color: #fff;
}

.btn-no-radius {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0
}

.btn-xlarge {
  height: 40px;
  line-height: 38px;
  font-size: 14px
}

.btn-large {
  height: 36px;
  line-height: 34px;
  font-size: 14px
}

.btn-small {
  height: 24px;
  line-height: 22px;
  font-size: 12px
}

.btn-xsmall {
  height: 20px;
  line-height: 18px;
  font-size: 12px
}
.wrap {
  width: 1200px;
  margin: 0 auto;
}

@media only screen and (max-width: 1000px){
  .wrap {
    width: 100%;
  }
}