.main{width: 100%;}
.banner{width: 100%;margin: 0px auto;overflow: hidden;}
.banner img{width: 100%;}
.wrapper {width: 100%;position:relative;padding: 10px 0px 4px; margin:0 auto;height: 40px; background: #fff; overflow: hidden; border-bottom: 1px solid #eee;max-width: 768px;min-width: 320px;}
.wrapper .scroller{position:absolute;margin-left: 10px;}
.wrapper .scroller li{line-height: 40px;float: left;font-size: 18px;text-align: center;color: #322f2f;padding: 0px 40px 0px 0px;}
.wrapper .scroller .cur{color:#ea3d36;}
.wrapper .scroller .cur span{display: block; width: 20px; height: 4px; background: #ea3d36;border-radius: 8px;margin: 0px auto}
.mop{width: 100%;overflow: hidden;display: none;}
.mop .tit{width: 100%;margin: 10px auto 0px;height: 26px;overflow: hidden;}
.mop .tit h3{text-align: center;font-size: 18px;font-weight: normal;width: 140px;background: #fff;margin: -15px auto;overflow: hidden;}
.mop .tit span{display: block;width: 180px;height: 4px;background: #eee;margin: 15px auto 0px;border-radius: 4px;}
.mop ul{width: 95%;margin: 20px auto 0px;overflow: hidden;}
.mop ul li{width: 48%;float: left;background: #f6f6f6;border-radius: 8px;padding: 0px 0px 10px;overflow: hidden;margin: 5px 4% 5px 0px;}
.mop ul li:nth-of-type(2n){margin-right: 0px;}
.mop ul li .paiwei{width: 40px;background: #ea3d36;border-bottom-right-radius: 8px;margin-left: -10px;line-height: 22px;text-align: right;font-size: 18px;padding-right: 20px;color: #fff;font-weight: 300;}
.mop ul li p{font-size: 16px;font-weight: 500;line-height: 30px;text-align: center;width: 90%;margin: 10px auto;}
.mop ul li a{display: block;color: #322f2f;text-align: center;margin: 0px auto;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.mop ul li a i{font-size: 16px;color: #ea3d36;margin: 2px 5px 0px 0px;}