/*其他公共，可不要*/
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,big,cite,code,del,em,font,img,ins,small,strong,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,textarea,legend {margin:0;padding:0;list-style:none;  font-size:15px;}
:focus {outline:0;}
a img {border:0;}
img {vertical-align:middle;}
table {empty-cells:show;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
cite,i,em {font-style:normal;}
b {font-weight:normal;}
div,span,i,a,button,input {-webkit-tap-highlight-color:rgba(0,0,0,0);}
::-webkit-scrollbar {display:none;}
.el {white-space:nowrap;text-overflow:ellipsis;}
body {font-family:Helvetica,"microsoft yahei",simsun;font-size:1rem;background:#fff;}
.cl:after {content:"\0020";line-height:0;font-size:0;display:block;clear:both;visibility:hidden;overflow:hidden;}
.cl {*zoom:1;}
.c {height:0;clear:both;line-height:0;font-size:0;overflow:hidden;}
a {text-decoration:none;color:#333;}
.wi {width:100%;}
.pyc {display:block;visibility:visible;}
.h60 {height:60px;}
.g50 {height:3rem;}
.m04{ margin:0 .4rem}
.bgf{ background:#fff;}
.x2{ background: #f5f5f5; height:6px;}
.g5{ height:5rem;}
.g3{ height:3rem;}
.g2{ height:2rem;}
.g23{ height:2.3rem;}
.hid{ display:none; visibility:hidden;}


@font-face {
  font-family: 'webfont';
  font-display: swap;
  src: url('//at.alicdn.com/t/webfont_ji0y4odqf2o.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/webfont_ji0y4odqf2o.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/webfont_ji0y4odqf2o.woff2') format('woff2'),
  url('//at.alicdn.com/t/webfont_ji0y4odqf2o.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/webfont_ji0y4odqf2o.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/webfont_ji0y4odqf2o.svg#AlibabaPuHuiTiH') format('svg'); /* iOS 4.1- */
}

.web-font{
    font-family:"webfont" !important;
    font-size:22px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

/*头部配套*/
.w640{width:640px; margin:0 auto;}
.top {overflow:hidden;position:fixed;z-index:10; border-bottom:1px solid #eee; background:#fff;}

/*需要改的颜色*/
.tt {height:3rem;} /*头部*/

.public-nav{position:fixed;bottom:0;left:0;right:0;z-index:10; background:linear-gradient(#d0c1e0,#6c509d); border-top:0px solid #d5d5d5;height:3rem; padding-top:.2rem;} /*底部*/

.txt{background-color:#e74737; width:180px; color: #fff; text-align: center;text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25);-webkit-border-radius: 5px; font-size:18px; padding: 3px 0; margin-top:15px;}/*弹出*/
a.txta{ float: left; border: 1px solid #e74737; width:100px; font-size:12px; margin-right:10px;border-radius: 10px; padding: 5px 0; margin-bottom: 10px; text-align: center;}
.mMenu-con .close {width:80px;right:5px;top:8px;background: #e74737;  color: #fff; text-align: center; position: absolute;  padding:3px 0;border-radius:10px; font-size:12px;}/*右侧的关闭按钮*/


.tl{ height:3rem; line-height:3rem; text-align:center; }
.tl a{ color:#666; font-weight:600; font-size:1.5rem;}
.tm {width:55%;height:2.5rem;color:#fff; }
.tr {width:12%;height:2.5rem;margin-right:5px; }
.isss{border-radius:25px; height:2rem;line-height:2.1rem; margin-top:0.25rem;background-size:20px;background-image:url(image/s.png);background-repeat:no-repeat;background-position:10px 5px; background-color:#f6f6f6; margin:1rem .5rem; color:#999}
a.isssx{ display: block; color: #999; padding-left:40px; }

.iso{ margin:1rem;}
.is{border-radius:25px; height:2rem;line-height:2rem; margin-top:0.25rem;background-size:18px;background-image:url(image/s.png);background-repeat:no-repeat;background-position:10px 5px; background-color:#f6f6f6;}
a.isx{ display: block; color: #999; padding-left:40px; }


/*针对本案例的:右侧弹出菜单
~~~~~用到的js:
放在上面的：jquery.min.js
放在最低的：m.js
*/
.fl {float:left;}
.fr {float:right;}
.z1 {z-index:1;}
.z2 {z-index:2;}
.w100 {width:100%;vertical-align:middle;}
.pf {position:fixed}
.leftTop {left:0;top:0;}
.pr {position:relative}
.pa {position:absolute;}
.h100 {height:100%;}
.wh100 {display:block;width:100%;height:100%;}


/* ---------------------------------右侧三横线的按钮*/
.fixedNavBut {position:absolute;width:35px;height:35px;top:2px;right:0px;z-index:80;display:none;opacity:1;}
.fixedNavBut .navMoreBut {position:static;}
.navMoreBut {display:block;position:absolute;right:10px;top:3px;width:40px;height:35px;border-radius:5px;z-index:5;}
.navMoreBut i,.navMoreBut b {display:block;overflow:hidden;position:absolute;height:3px;line-height:0px;}
.navMoreBut i {width:3px;left:5px;}
.navMoreBut b {left:10px;width:18px;height:3px;}
.navMoreBut i.i-1,.navMoreBut b.b-1 {top:7px;}
.navMoreBut i.i-2,.navMoreBut b.b-2 {top:14px;}
.navMoreBut i.i-3,.navMoreBut b.b-3 {top:21px;}
.navMoreBut {}
.navMoreBut i {background-color:#fff;}
.navMoreBut b {background-color:#fff;}


/* ---------------------------------弹出导航*/
.mMenu {display:none;z-index:120000;}
.mMenu-shadow {background:rgba(0,0,0,.5);}
.mMenu-con { width:100%;overflow:hidden;overflow-y:auto;right:-320px;top:0;transition:right .5s ease 0s;
background:rgba(255,255,255,0.85);}
.mMenu-con-show {right:0;}
.mMenu-con .bt {border-bottom:1px solid #D9D9D9;font-weight:600;height:2.3rem; line-height:2.5rem;}
.mMenu-con .bt strong{ padding-left:10px;}

/*弹出筛选--txm*/
.txm{ margin:0 10px;}
.txx{ border-bottom: 1px solid #ddd; font-size:36rpx; padding-bottom:10px; margin-bottom: 14rpx;}
.txt a{ color:#fff;}
.txl{ padding:10px 0;}
.kd{ padding:15px;}
.kd ul{}
.kd ul li{ border-bottom:1px solid #fff; padding:8px 0;}

/*底部浮动*/
.sn-m-links{overflow:hidden;text-align:center;line-height:0;font-size:.75rem;}
.sn-m-links a{display:block;width:100%; padding-top:2.3rem;color:#fff;}
ul.flex-box{display:-webkit-box;display:-moz-box;display:-ms-flexbox; }
ul li.flex{-webkit-box-flex:1;-moz-box-flex:1;-ms-box-flex:1;box-flex:1;width:0;}
.sn-m-links a{ font-size:.8rem;}
.sn-m-links a.sn-m-1{background:url(image/1.png) no-repeat center .1rem;background-size:1.5rem;}
.sn-m-links a.sn-m-2{background:url(image/2.png) no-repeat center .1rem;background-size:1.5rem;}
.sn-m-links a.sn-m-3{background:url(image/3.png) no-repeat center .1rem;background-size:1.5rem;}
.sn-m-links a.sn-m-4{background:url(image/4.png) no-repeat center .1rem;background-size:1.5rem;}
.sn-m-links a.sn-m-5{background:url(image/5.png) no-repeat center .1rem;background-size:1.5rem;}

.bot{ text-align:center; color:#333; padding:1rem 0 4rem 0; line-height:2rem; border-top:1px solid #ddd; margin-top:2rem;}
.bot a{ color:#333;}




@media only screen and (min-width:320px)and (max-width:768px) {
	.w640{ width:100%}
}