﻿/*===================================*/
/*===========手机版公共样式==========*/
/*===================================*/
/* href="javascript:history.back();" :first-child  :last-child  :nth-child(2) */
/* @media only screen and (min-width:0px) and (max-width:480px){} @media only screen and (min-width:480px){} */


/*#region ===========全局属性===========*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,textarea,select,optgroup,option,fieldset,legend,p,blockquote,th,td {margin:0;padding:0;}
html,body{font-family:"Microsoft YaHei","Verdana"!important;  margin:0; padding:0; position:relative; color:#666;   /* background-image: url(../images/bgbg.jpg)!important;
    background-repeat: no-repeat;
    background-position:center top;
    background-attachment: fixed;
	background-size: cover;
    position: relative;
	z-index: -1;*/
}
ul,li,ol,li{list-style:none;}
h1,h2,h3,h4,h5,h6,em,i,b{font-weight:bold!important; font-style:normal;}
table,tr,td{ padding:0px; margin:0px; vertical-align:middle; border-collapse:collapse; border-spacing:0;}
input,textarea,select{ font-family:"Microsoft YaHei"; padding:0px; margin:0px;}
input[type="button"],input[type="submit"],input[type="reset"],input[type="text"],textarea{ -webkit-appearance:none;}
header, footer, article, section, nav, menu, hgroup{ display:block; margin:0; padding:0;}
img,object{-ms-interpolation-mode:bicubic; max-width:100%;}
img{ border:none; font-style:normal;border: 0; -ms-interpolation-mode: bicubic; vertical-align:bottom;}
a{ text-decoration:none;outline:none;border:none;color:#666;cursor:pointer;}
a:hover, a:active, a:visited { text-decoration:none!important;}
p {line-height:180%;}
/*常用样式*/
.clear{ clear:both; font-size:0px; height:0px;}
.clear { clear: both; }
.fl { float: left; }
.fr { float: right; }
.clearfix:after { content: ""; display: block; height: 0; clear: both; }
.clearfix { zoom: 1; }
.hidden { display: none; }
.hidden{display:none !important;}
.left{ float:left !important;}
.right{ float:right !important;}
.center{ text-align:center !important;}
.oh{ overflow:hidden;}
.bai{ background:#fff !important;}
.body{ height:100%; position:relative; max-width:420px; margin:0 auto; font-size:0.36rem;}
[data-dpr="2"] .body{font-size:24px}
[data-dpr="3"] .body{font-size:36px}
.mask{ width:100%; height:100%; overflow:hidden; cursor:pointer; background:rgba(0,0,0,0.7); position:fixed; left:0; top:0; z-index:1003;}
.show { display: block }
.hide { display: none; }
.transform { transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); }
.h50 {width: 100%; height: 50px;}
.ellipsis {text-overflow: ellipsis;overflow: hidden; white-space: nowrap; display: block; }
.ellipsis2 {text-overflow: ellipsis; overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.bw {background:#fff; }
.ww { width:calc(100% - 40px); margin: 0 auto;}
/*#endregion */


/*#region ===========图标字体===========*/
@font-face {font-family: "iconfont";
  src: url('fonts/iconfont.eot'); /* IE9*/
  src: url('fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('fonts/iconfont.woff') format('woff'), /* chrome、firefox */
  url('fonts/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
  font-family:"iconfont" !important;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
/*#endregion */


