input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
    margin: 0;
}
input[type="number"]{-moz-appearance:textfield;}
a,img,button,input,textarea{-webkit-tap-highlight-color:rgba(255,255,255,0);}
input,textarea{
    border: 0;
    -webkit-appearance:none;}
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}


/*mixins*/
.color-main {
  color: #ea5f40 !important;
}
.color-link {
  color: deepskyblue !important;
}
.color-white {
  color: #f4f4f4 !important;
}
.color-gray {
  color: #757575 !important;
}
.color-black {
  color: #656565 !important;
}
/*===================html,body=====================*/
/*@font-face {
  font-family: 'Microsoft_YaHei449417';
  src: url('./../font/yahei/Microsoft_YaHei.eot');
  src: url('./../font/yahei/Microsoft_YaHei.eot?#iefix') format('embedded-opentype'),
  url('./../font/yahei/Microsoft_YaHei.woff') format('woff'),
  url('./../font/yahei/Microsoft_YaHei.ttf') format('truetype'),
  url('./../font/yahei/Microsoft_YaHei.svg#Microsoft_YaHei') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: FlexDisplay-Thin;
  src: url('./../font/FlexDisplay-Thin.otf');
}*/
/*===================html,body=====================*/
html,
body {
  padding: 0;
  margin: 0;
  font-size: 14px;
  background-color: #fff;
  font-family: FlexDisplay-Thin, Helvetica, sans-serif;
}
dd,
dl {
  margin: 0;
}
/*=================== page =====================*/
.page-header {
  position: relative;
  height: 45px;
  line-height: 45px;
  width: 100%;
  font-size: 16px;
  background-color: #ea5f40;
  color: #f4f4f4;
  /*=== ===*/
}
.page-header .header-left {
  height: 45px;
    left: 0;
    position: absolute;
    top: 0;
    z-index:10;
    text-decoration:none;
    color:#fff;
}
.page-header .header-center {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  font-size: 18px;
}
.page-header .header-right {
  float: right;
  width: 45%;
  height: 100%;
}
.page-header .icon-logo {
  margin-left: 10px;
  height: 45px;
  width: 204.54545455px;
  float: left;
}
.page-header .icon-person {
  float: right;
  margin-top: 11.25px;
  margin-right: 10px;
  width: 19.75609756px;
  height: 22.5px;
}
.page-header .city {
  display: inline-block;
  font-size: 14px;
  padding: 5px;
  background-color: #D35639;
  border-radius: 5px;
  float: left;
  margin-top: 13px;
}
/*=================== icon =====================*/
.icon-arrow-left {
text-decoration:none;
color:#fff;
}
.icon-arrow-left:before {
  content: '';
  display: inline-block;
  background: url(/content/img/arrow-pre.png) no-repeat;
  width: 13px;
  height: 20px;
  margin: 0 8px 0 10px;
  vertical-align: text-bottom;
}
.icon-logo {
  display: inline-block;
  background: url(/content/img/logo-new.png) no-repeat;
  background-size: contain;
}
.icon-person {
  display: inline-block;
  background: url(/content/img/head_peo.png) no-repeat;
  background-size: 100% 100%;
}
.icon-home {
  display: inline-block;
  background: url(/content/img/icon-home.png) no-repeat;
  background-size: 100% 100%;
}
.icon-mail {
  display: inline-block;
  background: url(/content/img/icon-mail.png) no-repeat;
  background-size: 100% 100%;
}
.icon-map {
  display: inline-block;
  background: url(/content/img/icon-map.png) no-repeat;
  background-size: 100% 100%;
}
.icon-persons {
  display: inline-block;
  background: url(/content/img/icon-persons.png) no-repeat;
  background-size: 100% 100%;
}
.icon-edit {
  display: inline-block;
  background: url(/content/img/icon-edit.png) no-repeat;
  background-size: 100% 100%;
}
.icon-lock {
  display: inline-block;
  background: url(/content/img/icon-lock.png) no-repeat;
  background-size: 100% 100%;
}
.icon-calc {
  display: inline-block;
  background: url(/content/img/icon-calc.png) no-repeat;
  background-size: 100% 100%;
}
.icon-bag {
  display: inline-block;
  background: url(/content/img/icon-bag.png) no-repeat;
  background-size: 100% 100%;
}
.page-content .sale-edit-list .list-icon-left.icon-txm {
    width: 1.38em;
    height: 1.46em;
}
.icon-txm {
    display: inline-block;
    background: url(/content/img/icon-txm.png) no-repeat;
    background-size: 100% 100%;
}
.icon-arrow-right-gray {
  display: inline-block;
  background: url(/content/img/icon-arrowright.png) no-repeat;
  background-size: 100% 100%;
}
.icon-arrow-down {
  display: inline-block;
  background: url(/content/img/icon-arrowdowm.png) no-repeat;
  background-size: 100% 100%;
}
.icon-arrow-down-gray {
  display: inline-block;
  background: url(/content/img/icon-arrowdowm.png) no-repeat;
  background-size: 100% 100%;
}
/*=================== control =====================*/
.btn-default,
.btn-light,
.btn-white {
  display: inline-block;
  height: 2.6em;
  line-height: 2.6em;
  min-width: 1em;
  padding: 0 10px;
  border-radius: 1.3em;
  border: none;
  background-color: transparent;
  margin: 0;
  text-align: center;
  /* for width fixed */
  text-decoration:none;
}
.btn-default.fix-width,
.btn-light.fix-width,
.btn-white.fix-width {
  padding: 0;
}

.btn-default {
  border: 1px solid #dcdcdc;
  color: #757575;
  text-decoration:none;
}
.btn-default:focus,.btn-default:visited,.btn-default:active {
     color: #757575;
}

.btn-light {
  background-color: #ea5f40;
  color: #f4f4f4;
}
.btn-light:hover {
  background-color: #ef856e;
}
.btn-white {
  border: 1px solid #f4f4f4;
  color: #f4f4f4;
}
.btn-white:hover {
  background-color: transparent;
}
 .btn-white:focus, .btn-white:visited, .btn-white:active {
  color: #f4f4f4;  
}
.tip-global {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 40px;
  right: 40px;
  margin-top: -1.4em;
  opacity: 0.7;
  transition: display, opacity 500ms linear;
  line-height: 2.8em;
  z-index: 99999;
  border-radius: 1.4em;
  text-align: center;
  background-color: #242424;
  color: #f4f4f4;
  font-size: 16px;
}
.tip-global.hide {
  opacity: 0;
}
/*=================== else =====================*/
.f-r {
  float: right;
}
.f-l {
  float: left;
}
.t-c {
  text-align: center;
}
.t-l {
  text-align: left;
}
.t-r {
  text-align: right;
}


.protocol,.permission {
 background-color: #ffffff;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}
.protocol-txt p {
 line-height:1.5;
margin:0;
text-indent:10px;
}
.protocol-txt h3 {
margin:5px 0;
font-size:14px;
color:#000;
line-height:2em;
}


.dialog-weixin {
    position:fixed;
 top:0;
 left:0;
 width:100%;
 height:100%;
 background-color:rgba(0,0,0,.6);
 z-index:999;
}
.dialog-weixin .qrcode {
    
    position:absolute;
    width:120px;
     height:120px;
     top:50%;
     left:50%;
    -webkit-transform:translate(-50%,-50%);
     position:relative;
    
}
.dialog-weixin .qrcode  img{
     width:100%;
     height:100%;
}