@charset "utf-8";
/* CSS Document */
/*  ------------------------ 通用 ----------------------------  */
*, *::after, *::before { -webkit-box-sizing: border-box;-o-box-sizing: border-box; 
     -ms-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;}
*{ margin:0px; padding:0px;}
body {font-family:'PingFangSC-Regular','PingFangSC-Light','PingFangSC-Extralight','PingFangSC-Thin','PingFangSC-Medium','PingFangSC-Semibold',sans-serif;  font-size:14px; line-height:24px;color:#333333;}
body,html{ width:100%; height:auto;}
body{background:#ffffff;}
body, button, input, select, textarea{ font-family:'PingFangSC-Regular','PingFangSC-Light','PingFangSC-Extralight','PingFangSC-Thin','PingFangSC-Medium','PingFangSC-Semibold',sans-serif; font-size:14px;}

ol, ul ,li{list-style: none; margin:0px; padding:0px}
img,ol, ul ,li{ border:none;}
a{ text-decoration:none; color:#333333;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
	 -o-transition: all 0.2s ease-out 0s; 
		transition: all 0.2s ease-out 0s;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;background: none;text-decoration: none;}
input[type=button], input[type=submit], input[type=reset] ,select{-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;}
input:focus,input:hover,input:active {outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-modify:read-write-plaintext-only;outline:0;}
select:focus,select:hover,select:active,textarea {outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-modify:read-write-plaintext-only;outline:0;}

select{-webkit-appearance:listbox;appearance:none; -moz-appearance:none;-webkit-appearance:none; background:#fff url("../images/arrow.png") no-repeat scroll 90% center;padding-right: 14px;}
table{ border-collapse: collapse; border-spacing: 0; }
table,table tr,table td,table th{border:1px solid #e1e9ff;}
.clearfix:after{content:".";display:block; width:100%;height:0; line-height:0;clear:both; overflow:hidden}
.ts3{transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; -ms-transition:all ease 0.3s; 
    -o-transition:all ease 0.3s;}
.ts5{transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; 
    -o-transition:all ease 0.5s;}

 /* 3. 字重演示用 */
.extralight{font-family:'PingFangSC-Extralight',sans-serif;}
.light      {font-family:'PingFangSC-Light',sans-serif;}
.thin       {font-family:'PingFangSC-Thin',sans-serif;}
.medium     {font-family:'PingFangSC-Medium',sans-serif;}
.semibold   {font-family:'PingFangSC-Semibold',sans-serif;}
.regular    {font-family:'PingFangSC-Regular',sans-serif;}

@font-face{
  font-family:'PingFangSC-Extralight';
  src:url('../fonts/苹方黑体-极细-简.ttf') format('truetype');
}
@font-face{
  font-family:'PingFangSC-Light';
  src:url('../fonts/苹方黑体-细-简.ttf') format('truetype');
}
@font-face{
  font-family:'PingFangSC-Thin';
  src:url('../fonts/苹方黑体-纤细-简.ttf') format('truetype');
}
@font-face{
  font-family:'PingFangSC-Medium';
  src:url('../fonts/苹方黑体-中粗-简.ttf') format('truetype');
}
@font-face{
  font-family:'PingFangSC-Semibold';
  src:url('../fonts/苹方黑体-中黑-简.ttf') format('truetype');
}
@font-face{
  font-family:'PingFangSC-Regular';
  src:url('../fonts/苹方黑体-准-简.ttf') format('truetype');
}