body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img, cite {
  margin: 0;
  padding: 0;
  color: #333;
  border: none;
}

body, h1, h2, h3, h4, h5, h6, p, blockquote, dl, dt, dd, li, fieldset, legend, button, input, textarea, th, td {
  font: 14px/30px  "\82F9\679C\4E3D\4E2D\9ED1","\5FAE\8F6F\96C5\9ED1", Arial, sans-serif;
}

html, body {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.detail_tips{
  display: none;
}
body {
  position: relative;
  background: #fff;
}

article, iframe {
  display: block;
  border: 0;
}

b, strong, i, em, cite {
  font-weight: normal;
  font-style: normal;
}

html, body {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

img {
  width: 100%;
  display: block;
  border: none;
}

body {
  background: #fff;
}

article, iframe {
  display: block;
  border: 0;
}

ul, li {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  max-width: 100%;
  width: 100%;
}

input::focus-inner {
  outline: 0;
  padding: 0;
  border: 0;
}

input[type="button"], input[type="submit"], input[type="reset"], button {
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: 0;
}

:focus {
  outline: none;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}

a, area {
  blr: expression(this.onFocus=this.blur())
}

a {
  color: #333;
  text-decoration: none;
}
a:hover{
  color:#fc6534;
}

.clear {
  clear: both;
  height: 0px;
  width: 100%;
  font-size: 1px;
  line-height: 0px;
  visibility: hidden;
  overflow: hidden;
}

.clearfix:after {
  content: " ";
  display: block;
  visibility: hidden;
  height: 0;
  font-size: 0;
  clear: both;
}

.clearfix {
  *zoom: 1;
}

.hide, .mobshow {
  display: none;
}
.show{
  display: block;
}
.fl {
  float: left;
}

.fr {
  float: right;
}
.tac{
  text-align: center;
}

::selection {
  background: #D03333;
  color: white;
  text-shadow: none;
}

::-webkit-scrollbar-track-piece {
  width: 8px;
  background-color: #f2f2f2
}

::-webkit-scrollbar {
  width: 8px;
  height: 6px
}

::-webkit-scrollbar-thumb {
  height: 50px;
  background-color: rgba(0, 0, 0, .3);
}

::-webkit-scrollbar-thumb:hover {
  background: #707070;
}

.colf5{
  background-color: #f5f5f5;
}
.Width{
  width: 1600px;
  margin: 0 auto;
  position: relative;
}
.mt40{
  margin-top: 40px !important;
}
.mt20{
  margin-top: 20px !important;
}
.mt0{
  margin-top: 0 !important;
}
.mb20{
  margin-bottom: 20px;
}
.pb40{
  padding-bottom: 40px;
}

.cover,.cover02,.cover03{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.6);
  display: none;
}
.cover{
  z-index: 20;
}

/**登录注册**/
.layer {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .9);
  z-index: 999;
}

.loginReg {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 530px;
  height: 580px;
  background-color: #fff;
  transform: translate(-50%, -50%);
  border-radius: 8px;
  z-index: 1000;
}

.login-change {
  padding-top: 50px;
  margin-bottom: 42px;
  text-align: center;
  font-size: 28px;
  cursor: pointer;
  color: #ec553c;
}

.login-tab {
  margin: 0 7.5%;
}

.close01,.close_detail {
  position: absolute;
  top: 20px;
  right: 18px;
  width: 15px;
  cursor: pointer;
  transition: transform .5s ease;
}

.close01:hover,.close_detail:hover {
  transform: rotate(180deg);
}

.input, .select {
  width: 100%;
  height: 56px;
  margin-bottom: 16px;
  border-radius: 4px;
  border: 1px solid #c6c6c6;
  text-indent: 1em;
  font-size: 16px;
}

.select {
  float: left;
  width: 48%;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-image: url(../images/icon-arr-1.png);
  background-repeat: no-repeat;
  background-position: right;
  outline: none;
}

.select:first-child {
  margin-right: 4%;
}

.input.active {
  float: left;
  width: 305px;
}

#imgCode {
  float: right;
  width: 135px;
  height: 58px;
}

.send {
  float: right;
  width: 135px;
  height: 58px;
  cursor: pointer;
  background-color: #fee9e8;
  border: 1px solid #feccd0;
  font-size: 20px;
  color: #ec553c;
  transition: opacity .5s ease;
}

.send:hover {
  opacity: .9;
}

.loginReg p {
  color: #ec553c;
  font-size: 16px;
}

.login-submit {
  display: block;
  width: 252px;
  height: 56px;
  margin: 16px auto 0;
  border-radius: 56px;
  background: #fc5b4a;
  background: linear-gradient(to right, #fd9d4e, #fd5855, #fc2b59);
  font-size: 20px;
  line-height: 56px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  transition: opacity .5s ease;
}

.login-submit:hover {
  opacity: .95;
}

@media screen and ( min-width: 1200px) and ( max-width: 1709px) {

	.Width{
    width: 1200px;
    margin: 0 auto;
    position: relative;
  }

}
@media screen and (max-width: 1200px){

  html{ font-size:20px; }
	body { font: 0.7rem/1.2rem "\82F9\679C\4E3D\4E2D\9ED1","\5FAE\8F6F\96C5\9ED1","\9ED1\4F53",Arial,sans-serif; }
	body {
    width:18.75rem;
    margin: 0 auto;
		overflow-x: hidden;
	}
	:root body { filter:none;}
  html,body{  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  ::-webkit-scrollbar-track-piece {
    width: 1px;
    background-color: #f2f2f2
  }

  ::-webkit-scrollbar {
    width: 1px;
    height: 1px
  }

  ::-webkit-scrollbar-thumb {
    height: 1px;
    background-color: rgba(0, 0, 0, .3);
  }
  .Width{
    width: 17.75rem;
    margin: 0 .5rem;
    position: relative;
  }
  .topbg,.header .mainNav,.header .login,.header .tel,.footer{
    display: none;
  }
  .mobshow{
    display: block;
  }
  .onlypc{
    display: none;
  }
  .footer-m{
    padding: .5rem 0;
    margin-bottom: 0;
    background-color: #333;
    text-align: center;
  }
  .footer-m p,.footer-m a{
    font-size: .6rem;
    line-height: 1rem;
    color: #fff;
  }
/*   .footer-m.mb0{
    margin-bottom: 0 !important;
  } */
  .mt40{
    margin-top: 1.2rem !important;
  }
  .loginReg {
    width: 90%;
    height: auto;
    padding-bottom: 1rem;
    border-radius: .2rem;
  }

  .close01,.close_detail {
    top: 0;
    right: 0;
    width: .55rem;
    padding: .5rem;
  }

  .login-change {
    padding-top: 1rem;
    margin-bottom: 1rem;
    font-size: 1rem;
  }

  .login-change span {
    font-size: .9rem;
  }

  .input, .select {
    height: 1.8rem;
    margin-bottom: .4rem;
    border-radius: .2rem;
    font-size: .7rem;
    background-color: #fff;
  }

  .login-submit {
    width: 6rem;
    height: 1.7rem;
    margin: 1rem auto 0 auto;
    border-radius: 56px;
    font-size: .85rem;
    line-height: 1.7rem;
  }

  .input.active {
    width: 9.5rem;
  }

  #imgCode {
    width: 4.2rem;
    height: calc(1.7rem + 2px);
  }

  .send {
    width: 4.2rem;
    height: calc(1.7rem + 2px);
    font-size: .75rem;
  }
}
