@charset "utf-8";
/*
@media screen and  (min-width:800px) {html {font-size: 14px;}}
@media screen and  (min-width:1024px) {html {font-size: 14px;}}
@media screen and  (min-width:1280px) {html {font-size: 14px;}}
@media screen and  (min-width:1400px) {html {font-size: 14px;}}
@media screen and  (min-width:1680px) {html {font-size: 18px;}}
@media screen and  (min-width:1920px) {html {font-size: 18px;}}
*/
body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul {margin:0;padding:0;}
body,button,input,select,table,textarea{line-height:1.25rem;font-family:'microsoft yahei',Verdana,Arial,Helvetica,sans-serif;}
body {margin:auto;color:#333;  line-height:1.25rem; #background-color:#f7f7f7;}
fieldset,img {border:0}
ol,ul,li {  list-style:none}
address,em {font-style:normal}
a { color:#333; text-decoration:none; outline:none}
table { border-collapse:collapse}
table, td, tr, th { font-size: .7rem; }

*{-webkit-tap-highlight-color:rgba(0,0,0,0);}

html {
    font-size: 100%;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
input[type="button"], input[type="submit"], input[type="reset"] {
    -webkit-appearance: none;
}
blockquote,button,dd,dl,dt,fieldset,form,hr,input,legend,li,ol,p,pre,td,textarea,th,ul {
    margin: 0;
    padding: 0
}

body {
    overflow-x: hidden;
/*  max-width: 750px;*/
    #margin: 10px auto;
    #background: #f5f6f5;
    -webkit-overflow-scrolling: touch;
     margin: 0; padding: 0; height: 100%; 
    font-size: 16px; 
    font-weight: 500;
  
}

h1,h2,h3,h4,h5,h6,strong {
    font-weight: 400;
    margin: 0
}

ol,ul {
    list-style: none
}

fieldset,img {
    border: 0
}

img {
    max-width: 100%
}

button,input,optgroup,select,textarea {
    font: inherit;
    margin: 0;
    color: inherit;
    outline: 0
}

button,input[type=button],input[type=reset],input[type=submit],select {
    -webkit-appearance: none;
    appearance: none
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none
}

textarea {
    resize: none
}

input {
    line-height: normal
}

input::-webkit-input-placeholder {
    color: #c1c4c5
}

a,button,div,i,input,li,select,textarea {
    border: none;
    background: 0 0;
    -webkit-tap-highlight-color: transparent
}

.border-b:after,.border-b:before,.item-box .dheader,.item-box .header,.pop-box .txt {
    border-bottom: 1px solid #dfe0df
}

a,img {
    -webkit-touch-callout: none
}

a,a:visited {
    text-decoration: none;
    color: inherit
}

em,i {
    font-style: normal
}


.row {
  width:100%;
  margin-left: auto;
  margin-right: auto;
  word-wrap: break-word;
  word-break: break-all; 
   }
  .row::before, .row::after {
    content: ' ';
    display: table; }
  .row::after {
    clear: both; } 

.cell{
	float: left;
	position: relative;
    min-height: 1px;
    #padding-right: 5px;
    #padding-left: 5px;
}

.trow {
  width:100%;
  margin-left: auto;
  margin-right: auto; 
  display:table;
 word-wrap: break-word;
 word-break: break-all; 
 }
.trow::after{
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden;
}
.tcell{
	display:table-cell;
	position: relative;
    min-height: 10px;
	#padding-right: 5px;
    #padding-left: 5px;
    vertical-align: middle;
     word-wrap: break-word;
 word-break: break-all; 
}
/****/
.textcenter{
    text-align:center;
}
.textright{
    text-align:right;
}
.textleft{
    text-align:left;
}
.clear:before, .clear:after {
    display: table;
    content: " "
}
.clear:after {
    clear: both
}
.noselect {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -moz-user-focus: none;
    -moz-user-select: none;
}
.xfixed {
    -webkit-transform: translate(0, 0%);
    -ms-transform: translate(0, 0%);
    -o-transform: translate(0, 0%);
    transform: translate(0, 0%);
}
.w10 {  width: 10%;  }
.w11 {  width: 11%;  }
.w12 {  width: 12%;  }
.w13 {  width: 13%;  }
.w14 {  width: 14%;  }
.w15 {  width: 15%;  }
.w16 {  width: 16%;  }
.w17 {  width: 17%;  }
.w18 {  width: 18%;  }
.w19 {  width: 19%;  }

.w20 {  width: 20%;  }

.w30 {  width: 30%;  }
.w40 {  width: 40%;  }
.w50 {  width: 50%;  }
.w60 {  width: 60%;  }
.w70 {  width: 70%;  }
.w80 {  width: 80%;  }
.w90 {  width: 90%;  }
.w100 {  width: 100%;  }
.pull-left {  float: left;  }
.pull-right {  float: right;  }