/*
 * Eric Meyer's Reset CSS v2.0
*/
*{margin:0;padding:0}
 html, body, div, span, applet, object, iframe,
 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 a, abbr, acronym, address, big, cite, code,
 del, dfn, em, img, ins, kbd, q, s, samp,
 small, strike, strong, sub, sup, tt, var,
 b, u, i, center,
 dl, dt, dd, ol, ul, li,
 fieldset, form, label, legend,
 table, caption, tbody, tfoot, thead, tr, th, td,
 article, aside, canvas, details, embed, 
 figure, figcaption, footer, header, hgroup, 
 menu, nav, output, ruby, section, summary,
 time, mark, audio, video, menu {
   margin: 0;
   padding: 0;
   border: 0;
   font-size: 100%;
   font: inherit;
   font-weight: normal;
   vertical-align: baseline;
 }
 /* HTML5 display-role reset for older browsers */
 article, aside, details, figcaption, figure, 
 footer, header, hgroup, menu, nav, section{
   display: block;
 }
 ol, ul, li{
   list-style: none;
 }
 blockquote, q{
   quotes: none;
 }
 blockquote:before, blockquote:after,
 q:before, q:after{
   content: '';
   content: none;
 }
 table{
   border-collapse: collapse;
   border-spacing: 0;
 }
 /* input */
 input{
   margin:0;
   padding:0;
   border:none;
   outline:medium;
 }
 input::-webkit-input-placeholder {
   /* WebKit browsers*/
   color:#666;
   font-size:14px;
 }
 input:-moz-placeholder { 
   /* Mozilla Firefox 4 to 18*/
   color:#666;
   font-size:14px;
 }
 input::-moz-placeholder {
   /* Mozilla Firefox 19+*/
   color:#666;
   font-size:14px;
 }
 input:-ms-input-placeholder {
   /* Internet Explorer 10+*/
   color:#666;
   font-size:14px;
 }

 /* custom */
 a{
   color: #333;
   text-decoration: none;
   backface-visibility: hidden;
   -webkit-backface-visibility: hidden;
 }
/*
 ::-webkit-scrollbar{
   width: 5px;
   height: 5px;
 }
 ::-webkit-scrollbar-track-piece{
   background-color: rgba(0, 0, 0, 0.2);
   border-radius: 6px;
   -webkit-border-radius: 6px;
 }
 ::-webkit-scrollbar-thumb:vertical{
   height: 5px;
   background-color: rgba(125, 125, 125, 0.7);
   border-radius: 6px;
   -webkit-border-radius: 6px;
 }
 ::-webkit-scrollbar-thumb:horizontal{
   width: 5px;
   background-color: rgba(125, 125, 125, 0.7);
   border-radius: 6px;
   -webkit-border-radius: 6px;
 }
*/
 html, body{
   width: 100%;
   min-width: 300px;
   font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", "微软雅黑", sans-serif;
 }
 body{
   -webkit-text-size-adjust: none;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
 html{
   overflow-y: scroll;
 }
 img {display:inline-block;border:none;max-width:100%;}
  
 /*清除浮动*/
 .clearfix:before,
 .clearfix:after{
   content: " ";
   display: inline-block;
   height: 0;
   clear: both;
   visibility: hidden;
 }
 .clearfix{ *zoom:1;display:block;clear:both;}
  
 /*隐藏*/
 .dn{display:none;}
 .hide {display:none;}

 .fl{float:left;display:inline;}
 .fr{float:right;display:inline;}
 @media screen (max-width:768px){
   .fl{float:none;}
   .fr{float:none;}
 }

/* HTML5 媒体文件跟 img 保持一致 */
audio,canvas,video {
    display: inline-block;*display: inline;*zoom: 1;
}
input,select,textarea {
    font-size:100%;
}
/* 去掉 table cell 的边距并让其边重合 */
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* ie bug：th 不继承 text-align */
th {
    text-align:inherit;
}


/*--------CSS----------------*/
.block{display:block;}
.fc9{color:#999;}
.red{color:#F00;}
.blue{color:#00F}
.p20{padding:20px;}
.p30{padding:30px;}
.white-bg{background:#FFF;}
.hidden{overflow:hidden !important;}
.radius {border-radius: 50% !important;}
.p-t-10{padding-top:10px;}
.p-t-20{padding-top:20px;}
.p-t-30{padding-top:30px;}
.p-t-40{padding-top:40px;}
.p-t-50{padding-top:50px;}
.p-t-60{padding-top:60px;}
.p-t-70{padding-top:70px;}
.p-t-80{padding-top:80px;}
.p-t-90{padding-top:90px;}
.p-t-100{padding-top:100px;}
.p-b-10{padding-bottom:10px;}
.p-b-20{padding-bottom:20px;}
.p-b-30{padding-bottom:30px;}
.p-b-40{padding-bottom:40px;}
.p-b-50{padding-bottom:50px;}
.p-b-60{padding-bottom:60px;}
.p-b-70{padding-bottom:70px;}
.p-b-80{padding-bottom:80px;}
.p-b-90{padding-bottom:90px;}
.p-b-100{padding-bottom:100px;}
.p-l-10{padding-left:10px;}
.p-l-20{padding-left:20px;}
.p-l-30{padding-left:30px;}
.p-l-40{padding-left:40px;}
.p-l-50{padding-left:50px;}
.p-l-100{padding-left:100px;}
.p-r-10{padding-right:10px;}
.p-r-20{padding-right:20px;}
.p-r-30{padding-right:30px;}
.p-r-40{padding-right:40px;}
.p-r-50{padding-right:50px;}
.m-t-5{margin-top: 5px !important;}
.m-t-10{margin-top: 10px !important;}
.m-t-15{margin-top: 15px !important;}
.m-t-20{margin-top: 20px !important;}
.m-t-30{margin-top: 30px !important;}
.m-t-40{margin-top: 40px !important;}
.m-t-100{margin-top: 100px !important;}
.m-l-10{margin-left: 10px !important;}
.m-l-20{margin-left: 20px !important;}
.m-l-40{margin-left: 40px !important;}
.m-l-50{margin-left: 50px !important;}
.m-r-5{margin-right: 5px !important;}
.m-r-10{margin-right: 10px !important;}
.m-r-20{margin-right: 20px !important;}
.m-r-30{margin-right: 30px !important;}
.m-r-40{margin-right: 40px !important;}
.m-r-50{margin-right: 50px !important;}
.m-b-0{margin-bottom: 0 !important;}
.m-b-5{margin-bottom: 5px !important;}
.m-b-10{margin-bottom: 10px !important;}
.m-b-15{margin-bottom: 15px !important;}
.m-b-20{margin-bottom: 20px !important;}
.m-b-30{margin-bottom: 30px !important;}
.m-b-40{margin-bottom: 40px !important;}
.m-b-50{margin-bottom: 50px !important;}
.m-b-60{margin-bottom: 60px !important;}
.m-b-70{margin-bottom: 70px !important;}
.m-b-80{margin-bottom: 80px !important;}
.m-b-90{margin-bottom: 90px !important;}
.m-b-100{margin-bottom: 100px !important;}
.w10{width: 10px !important;}
.w20{width: 20px !important;}
.w30{width: 30px !important;}
.w40{width: 40px !important;}
.w45{width: 45px !important;}
.w50{width: 50px !important;}
.w60{width: 60px !important;}
.w70{width: 70px !important;}
.w80{width: 80px !important;}
.w90{width: 90px !important;}
.w100{width: 100px !important;}
.w120{width: 120px !important;}
.w130{width: 130px !important;}
.w140{width: 140px !important;}
.w150{width: 150px !important;}
.w160{width: 160px !important;}
.w170{width: 170px !important;}
.w180{width: 180px !important;}
.w190{width: 190px !important;}
.w200{width: 200px !important;}
.w300{width: 300px !important;}
.w310{width: 310px !important;}
.w400{width: 400px !important;}
.w500{width: 500px !important;}
.wb20{width: 20% !important;}
.wb30{width: 30% !important;}
.wb40{width: 40% !important;}
.wb50{width: 50% !important;}
.wb60{width: 60% !important;}
.wb70{width: 70% !important;}
.wb80{width: 80% !important;}
.wb84{width: 84% !important;}
.wb90{width: 90% !important;}
.wb100{width: 100% !important;}
.h-50{height:50px;}
.h-100{height:100px;}
.h100{height: 100% !important;}

.f14{font-size: 14px !important;}
.tl{text-align: left !important;}
.tc{text-align: center !important;}
.tr{text-align: right !important;}
.word-spacing{word-spacing:1em;}

.relative{position:relative;}

.bge{background:#eee;}

.box-flex{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0;}

.orange a{margin-left:2%;line-height:30px;color:#921D23;}
.orange a:hover{color:#666}

.b-top{border-top:1px dashed #F2EDE1;}
.b-bottom{border-bottom:1px dashed #F2EDE1;}

/*----保存按钮---------*/
.sub-button{
  display: block;
  outline: 0;
  background: #921D23;
  color: #FFF;
  text-align: center;
  width: 120px;
  height: 42px;
  line-height: 42px;
  font-size: 18px;
  border-radius: 5px;
  cursor: pointer;
}
.sub-button:hover{background: #B4252D;}

/*
'--------------------------------
'#   QQ:543874515
'#   微信:13072363699
'--------------------------------
*/