@charset "utf-8";


/* banner */
.content{box-sizing: border-box;
        position: relative;}

.content>.banner-img>img{display: block;
	                     width: 100%;}


.content>.icon{height: 4.2rem;
	          width: 100%;
              background-color: hsla(0,0%,0%,0.6);
	          position: absolute;
	          bottom: 0px;
              z-index: 3;
              margin: auto;}




.content>.icon>ul{justify-content: space-between;
                  margin: auto;}

.content>.icon>ul>li>img{display: block;
                         margin: auto;}


.content>.icon>ul>li{margin: auto;}

.content>.icon>ul>li>p{font-size: 0.7rem;
                       color: #ffffff;}




/* 选项卡 */
.wrap{margin:0 auto;}
				.tabs{height:2.5rem;
					  background-color:#F1F1F1;
					  width: 100%;
					  text-align: center;
					  display: flex;
                      margin-bottom: 0.2rem;}
	
				.tabs .part{display:flex;
					        justify-content: space-between;
					        width:50%;
					        color:#191919;
					        align-items: center;}
				.tabs a{display:block;
					    color:#191919;
					    text-align:center;
					    margin:0 auto;font-size:0.7rem;
					    text-decoration:none;
	                    letter-spacing: 1px;}
	
	
				.tabs span.active a{color:#FE671E;
	                                font-weight: 550;}
	
	            .tabs span.active{border-bottom: 0.05rem solid #FE671E;}











/* 用茗匠 好生意从这里开始 */



.titl{padding: 1.2rem 0px 0.5rem;}

.titl>h2{font-size:1.2rem;
                 color: #000;
                 text-align: center;
                 font-weight: 400;}

.titl>p{font-size:0.9rem;
                 color: #000;
                 text-align: center;
                 font-weight: 400; 
                 padding: 10px;}



.swiper-container{height: 100%;}

.content-slide{height: 100%;}

.box>ul,.wurenzizhu>ul,.lingshou>ul{justify-content: space-between; }

.box>ul>li,.wurenzizhu>ul>li,.lingshou>ul>li{position: relative;
                                             margin:8px 8px;}

.box>ul>li>a>img,.wurenzizhu>ul>li>a>img,.lingshou>ul>li>a>img{width: 100%;}



.box>ul>li>p,.wurenzizhu>ul>li>p,.lingshou>ul>li>p{position: absolute;
	                 font-size: 0.8rem;
                     color: hsla(0,0%,100%,1.00);
                     text-shadow: 0px 1px 2px #000;
                     top: 8px;
                     left: 10px;}









.good{justify-content: space-between;}

.good>div{border: 1px solid hsla(0,0%,7%,1.00);
                   width: 100%;
                   margin: 8px 8px;}


.good>div>img{display: block;
	          width: 100%;
              margin:auto;
              padding:0px 10px;}

.good>div>h5{font-size:0.5rem;
                       text-align: center;}

.good>div>p{font-size:0.35rem;
                     color: #333;
                     text-align: center;
                     padding: 10px 0px;}


/* 按钮 */

.but{width: 5.6rem;
     height: 1.9rem;
     margin: 32px auto;
     border: 1px solid #FE671E;}

.but>a{color: #FE671E;}

.but>a>p{font-size: 0.65rem;
          color:#FE671E;
          line-height: 1.9rem;
	      text-align: center;}

.but:hover p{background-color:#FE671E;
             color:#FFFFFF;}


/* 远比你想象的简单好用 */

.second-part{background-image: url("https://gwimg.mjzhcl.com/brand/h5/v3/second-part-bg.png");
             background-repeat: no-repeat;
	         background-size: 100%;}

.second-part>div>img{display: block;
                     margin: auto;
                     width: 100%;}

/* 支持多终端平台设备*/

.third-part .Good{justify-content: space-between;}

.third-part .Good>div{width: 33%;
                      margin: 0 8px;}

.third-part .Good>div>img{width: 100%;
                         display: block;
                          margin: auto;}

.third-part .Good>div>h5{font-size: 0.6rem;
						 text-align: center;
						 padding-top: 16px;}

.third-part .Good>div>p{font-size:0.45rem;
                        color: #333;
                        text-align: center;}

/* 关于茗匠*/

.fourth-part{background-color: #F5F8FA;
             padding-bottom: 20px;}

.fourth-part>div>img{width: 100%;}

.fourth-part>div>h4{font-size: 0.9rem;
					text-align: left;
					border-bottom: 1px solid #000000;
					margin:  20px 8rem 0 0.4rem;
                    padding: 0px 0px 10px 0px;}

.fourth-part>div>p{font-size: 0.65rem;
				   text-align: left;
				   margin: 16px 0.4rem;
				   font-weight: 500;}


.fourth-part>div>span{font-size: 0.55rem;
					  text-align: left;
	                  display: block;
                      margin:  10px 0.4rem; }

/* 为门店经营保驾护航*/


.five-part>img{display: block;
               margin:auto;
	           padding: 16px 8px;
               width: 100%;}

/* 用茗匠当甩手掌柜*/

.six-part{background-image: url("https://gwimg.mjzhcl.com/brand/h5/v3/six-part-bg.png");
          background-repeat: no-repeat;
          background-size: 100%;
          height: 100%;
         padding-bottom: 0.3rem;}



.six-part ul{justify-content: space-between;}

.six-part ul:nth-child(2){margin-top: 20px;}

.six-part ul>li{background-color: #FFFFFF;
                box-shadow: 0px 2px 8px #E0E0E0;
                width: 33%;
                margin: 0 6px;
                padding:0.5rem 0.8rem 0.5rem;}

.six-part ul>li>img{display: block;
                    width: 100%;}
							
.six-part ul>li>h6{font-size: 0.65rem;
				   text-align: center;
				   font-weight: 400;}				
							
.six-part ul>li>hr{height: 2px;
                   background-color: #C8C8CC;
				   border: none;
				   width: 1rem;
				   margin: 0.5rem auto 0.5rem;}							
.six-part ul>li>p{font-size: 0.5rem;
				  text-align: center;
                  padding: 0 0.2rem;}								
							
/* 他们都在用茗匠®门店管理系统*/							
							
#seven-part ul{justify-content: space-between;
              margin: 0.5rem 2rem;}
										  
#seven-part li{width: 33%;}

#seven-part p{font-size: 0.65rem;
					text-align: center;
					color: #808080;
					padding-bottom: 10px;}							
							
#seven-part>ul>li>h2{font-size: 1rem;
					text-align: center;
					color: #FE671E;}							
							
							
#seven-part>div>img{width: 100%;}