@charset "utf-8";
/* Created by lxm on 2015/9/28.*/
/* 全局控制 */
*{margin: 0; padding: 0; outline: none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
html{-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; font-size: 62.5%;}
body{margin: 0 auto; max-width: 640px; min-width: 320px;  font-size: 12px; font-family: Helvetica, STHeiti STXihei, Microsoft JhengHei, Microsoft YaHei, Arial; line-height: 1.5; color: #2b2b2b; background-color: white; overflow-x: hidden; -webkit-overflow-scrolling: touch; -webkit-text-size-adjust: 100% !important}

/* 清除浏览器默认样式 */
h1, h2, h3, h4, h5, h6, p, figure, form, blockquote,ul, ol, li, dl, dd, dt, img{margin: 0; padding: 0;}
ul, ol{ list-style: none;}
em ,i{font-style: normal;}
a:visited,a:link{outline: none; text-decoration: none; color: #9f9f9f; cursor: pointer;}
a:focus{outline: none; -moz-outline: none;}

/* 重置表格元素 */
table{border-collapse: collapse; border-spacing: 0;}
td, th{padding: 0;}
img{vertical-align:top; border: 0;}
details, figcaption, figure, summary{display: block;}
div#swiper-container1 {
    height: 330px;
}
/* 重置表单元素 */
input[type="checkbox"], input[type="radio"]{padding: 0; box-sizing: border-box;}
input[type="checkbox"]:focus{outline: none;}
fieldset{margin: 0 2px; padding:0.35em 0.625em 0.75em; border: 1px solid #c0c0c0;}
legend{padding: 0; border: 0;}
textarea{overflow: auto; resize: vertical;}
optgroup{font-weight: bold;}
textarea,select{resize:none; border:1px solid #cecece;}

/* 重置h5元素 */
audio, canvas, progress, video{display: inline-block; vertical-align: baseline;}
audio:not([controls]){display: none; height: 0;}
[hidden], template{display: none;}
svg:not(:root){overflow: hidden;}
dfn {font-style: italic;}
mark{background: #ff0; color: #000;}
sub, sup{line-height: 0; position: relative; vertical-align: baseline;}
sup{top: -0.5em;}
sub{bottom: -0.25em;}
img{width: 100%; border: 0; vertical-align: top;}
hr{height: 0; -moz-box-sizing: content-box; box-sizing: content-box;}
pre{overflow: auto; white-space: pre; white-space: pre-wrap; word-wrap: break-word;}
code, kbd, pre, samp{font-family: monospace, monospace; font-size: 1em;}

/* 清浮动、父级元素加 */
.clearfix:after,.clearfix:before{display:table; content:"";}
.clearfix:after{clear:both; overflow:hidden;}
.clearfix{zoom:1;}

/* 对齐方式和浮动方向 边距marg是上边距margb是下边距pad是内边距padb是下内边距*/
.txt-left{text-align: left;}
.txt-center{text-align: center;}
.txt-right{text-align: right;}
.fl{float: left;}
.fr{float: right;}
.marg10{margin-top:0.5rem;}
.margb10{margin-bottom:0.5rem;}
.marg14{margin-top:0.75rem;}
.marg20{margin-top:2rem;}
.m5{margin-top: 0.5rem;}
.pad{padding:0.5rem;}

/* 钱币符号的大小区分 */
em{font-weight:normal; position:relative; font-size:0.8rem; color:#eb6100;}
em:before,del:before{content:'￥';}
em.small{font-size:1.6rem; color:#e4393c;}
em.money{color:#333;}
del{font-size:1.4rem; color:#9f9f9f;}
span.shuliang{font-size:17px; color:#9f9f9f;}
span.shuliang:before{content:'×'; font-size:16px;}



/* 透明度 */
.opactiy{-moz-opacity:0; opacity:0; filter: alpha(opacity=0); -webkit-opacity:0;}


/* 全屏宽高 */
.body-all{width:100%; height:100%;}

/* btn */
.bggrren{background: #06bf04;}
.ogr{background:#f39800;}

a.one{display: block; height: 1.8rem; line-height: 1.8rem; border-radius: 0.2rem; color: #fff; text-align: center; font-size: 0.8rem;}
/*
 旋转 
transform:rotate(135deg);
-ms-transform:rotate(135deg); 	
-moz-transform:rotate(135deg); 
-webkit-transform:rotate(135deg); 
-o-transform:rotate(135deg);
透明度
-moz-opacity:0.5;opacity:0.5;filter: alpha(opacity=50); -webkit-opacity:0.5;
 点击滑动效果注意事件 
.detail-tab .detail-tab-bd:nth-child(2) {left: 100%;}
.detail-tab .detail-tab-bd:nth-child(3) {left: 200%;}
.detail-tab .detail-tab-bd:nth-child(4) {left: 300%;}
隐藏滚动条
.all-tab::-webkit-scrollbar{ display: none; }
改变滚动条
iframe::-webkit-scrollbar{width: 6px;height: 6px;}
iframe::-webkit-scrollbar-track-piece{background-color: #CCCCCC; -webkit-border-radius: 6px;}
iframe::-webkit-scrollbar-thumb:vertical{height: 5px;background-color: #999999;-webkit-border-radius: 6px;}
iframe::-webkit-scrollbar-thumb:horizontal{width: 5px;background-color: #CCCCCC;-webkit-border-radius: 6px;}
动画
第一个是@keyframes动画的名称
第二个是让动画持续的时间
第三个是动画的速度曲线
第四个是infinite是让动画无限循环
animation:mymove 1.5s ease-in-out infinite;
@-webkit-keyframes mymove{
0%{
  opacity:0.8;
     -webkit-transform:scale(1) translateZ(0);
     -moz-transform:scale(1) translateZ(0);
     transform:scale(1) translateZ(0);
     -o-transform:scale(1) translateZ(0);                
     }
     100%{
       opacity:0;
       -webkit-transform:scale(1.3) translateZ(0);
       -moz-transform:scale(1.3) translateZ(0);
       transform:scale(1.3) translateZ(0);
       -o-transform:scale(1.3) translateZ(0);         
    }            
 }                        
*/