p{
    margin: 0;
}
ul, li{
    padding: 0;
    margin: 0;
    list-style: none;
}


.am-topbar-fixed-top{
    position: relative;
}

.am-topbar{
    background: #000;
    margin: 0;
}

.am-menu-box-item{
    width:100%;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: space-around;
    margin:10px 0px;
    font-size: 15px;
    z-index:111;
}
.m-menu-box{
    position: relative;
}
.m-menu-box span img{
    width: 15px;
    height: 5px;
}
.m-menu-ul ul{
    display: none;
    position: fixed;
    width:100%;
    left: 0%;
    background: #F9F9F9;
    z-index:1111;
    top: 50%;
    height: 50%;
    border-top:1px solid #eee;
}
/*.m-menu-ul ul:first-child{*/
/*    display: block;*/
/*    */
/*}*/
.activeImg{
    transition: all .2s linear;
    transform: rotate(180deg);
}
.m-menu-ul ul  li{

    line-height: 30px;
    text-align: left;
}
.m-menu-ul ul li a{
    width:100%;
    padding:0px 15px;
    display: inline-block;
    color:#333;
    font-size: 13px;
}
.am-menu{
    width: 98%;
    overflow: hidden;
    line-height: 0.5rem;
    font-size: 0.25rem;
    margin: 0 1%;
}

.am-menu li{
    width: 50%;
    float: left;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    padding: 0 0.2rem 0 0.2rem;
}

.am-menu li .am-icon-caret-down{
    margin-left: 0.2rem;
    color: #666;
    position: absolute;
    top: 0;
    right: 0.2rem;
}



.am-banner{
    padding: 1% 2.5%;
}

.am-banner img{
    width: 100%;
}

.am-artisan-list{
    padding: 0 2.5%;
}

.am-artisan-list .am-icon-spinner, .am-artisan-list .noData{
    display: block;
    text-align: center;
    line-height: 10rem;
}

.am-artisan-list li{
    border-bottom: 1px solid #e8e8e9;
    overflow: hidden;
}

.am-artisan-list li:last-child{
    border-bottom: none;
}

.am-artisan-list li .left{
    float: left;
    padding: 2.5% 0.5% 1%;
    width: 23%;
}
.am-artisan-list li .left a{
    width:1.4rem;
    height: 1.2rem;
    display: inline-block;
}
.am-artisan-list li .img-box{
    width: 100%;
    padding-top: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 50%;
}

.am-artisan-list li .star{
    width: 91%;
    display: block;
    background-image: url("../images/icon-star-off.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center;
    overflow: hidden;

}

.am-artisan-list li .star .on{
    padding-top: 14%;
    background-image: url("../images/icon-star-on.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center;
    display: block;
    float: left;
}

.am-artisan-list li .count{
    width:90%;
    float: left;
    font-size: 0.2rem;
    text-align: center;
    margin-top: 0.1rem;
}

.am-artisan-list li .center{
    float: left;
    width: 64%;
    padding: 6% 0 0 0%;
}

.am-artisan-list li .name{
    overflow: hidden;
}

.am-artisan-list li .name b{
    font-size: 0.25rem;
    line-height: 0.3rem;
    margin-right: 0.2rem;
    float: left;
}

.am-artisan-list li .name span{
    font-size: 0.2rem;
    width: 0.3rem;
    height: 0.3rem;
    line-height: 0.3rem;
    text-align: center;
    display: inline-block;
    color: #fff;
    float: left;
    border-radius: 2px;
    margin-right: 0.1rem;
}
.am-artisan-list li .name .stat_target{
    background: url(../images/stat_target.png)no-repeat;
    background-size: contain;
}
.am-artisan-list li .name .maintain{
    background: url(../images/maintain.png)no-repeat;
    background-size: contain;
}
.am-artisan-list li .name .authentication{
    background: url(../images/authentication.png)no-repeat;
    background-size: contain;
}
.am-artisan-list li .name .deposit{
    width:auto;
    background:#fef2ec url(../images/deposit.png)no-repeat;
    background-size: contain;
    padding-left: 6%;
    padding-right: 1%;
    border: 1px solid #ff6101;
    font-size: 0.15rem;
    line-height: 0.3rem;
    color:#ff6101;
}
.am-artisan-list li .name .autotrophy{
    width:auto;
    padding:0% 1%;
    background:#f9bd42;
    font-size: 0.15rem;
    color:white 
}
span.send {
    background: #ff7d2f;
}

span.move {
    background: #ffc000;
}

span.install {
    background: #46babb;
}

span.fix {
    background: #6cbafb;
}

.am-artisan-list li p{
    font-size:0.2rem;
    line-height: 0.2rem;
    color: #666;
    margin: 0.2rem 0 0.2rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}

.am-artisan-list li .area{
    font-size: 0.25rem;
    line-height: 0.3rem;
    padding-left: 0.4rem;
    background: url("../images/icon-position.png") no-repeat;
    background-size: contain;
    background-position: left center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}

.am-artisan-list li .area span{
    margin-right: 0.1rem;
}

.am-artisan-list li .right{
    width: 0.8rem;
    line-height: 0.8rem;
    float: right;
    font-size: 0.2rem;
    text-align: center;
    background: #89c02e;
    border-radius: 50%;
    margin: 13% 1% 0 0;
}

.am-artisan-list li .right a{
    color: #fff;
    display: block;
}

.am-page{
    background: #fafafa;
    border-top: 1px solid #e8e8e9;
    overflow: hidden;
    text-align: center;
}

.am-page span{
    width: 50%;
    float: left;
    font-size: 0.3rem;
    line-height: 0.8rem;
    color: #89c02e;
}
.am-page a{
    width: 50%;
    float: left;
    font-size: 0.3rem;
    line-height: 0.8rem;
    color: #89c02e;
}

.am-page a.am-disabled{
    width: 50%;
    float: left;
    font-size: 0.3rem;
    line-height: 0.8rem;
    color: #999;
}

.am-page span.am-disabled{
    width: 50%;
    float: left;
    font-size: 0.3rem;
    line-height: 0.8rem;
    color: #999;
}

.multi-picker-btn-box{
    font-size: 0.3rem;
}

.main_bottom{
    text-align: center;
    padding:0.3px 0px;
    background: #fafafa;
    width:100%;
    display: inline-block;
    padding: 0.2rem 0rem;
}
.main_bottom p{
    font-size: 0.2rem;
    color:#666;line-height: 0.4px;
    display: block;
    margin-bottom: 0.1rem;
}
.main_bottom p img{
    width:0.55rem;
    height: 0.5rem;
    padding-right:0.1rem;
}
.main_bottom h4 a{
     

    display: inline-block;
    line-height: 0.27rem;
    color:white;
    background: #89c02e;
    font-size: 0.15rem;
    margin-left: 0.1rem;
    padding:0.1rem 0.1rem;
    border-radius: 0.1rem;
    margin-top:0.1rem;
}
.main_bottom p a img{
    vertical-align: middle;

}
.main_bottom h4 a img{
 vertical-align: middle; 
}
.main_bottom h4{
    font-size: 0.2rem;
    color:#666;
    line-height: 0.4rem;
    font-weight: 500;
    margin:0rem;
    width:80%;
     text-align: center;
     display: inline-block;
}
.info-recommend {
    width: 100%;
    margin-top: .5rem;
}
.info-recommand-info {
    margin-bottom: .3rem;
}
.info-recommand-tab {
    width: 100%;
    border-bottom: 1px solid #ddd;
}
.info-recommand-info ul li {
    margin-right: .2rem;
    display: inline-block;
}
.info-recommand-tab ul li {
    font-size: .3rem;
    line-height: .45rem;
    font-weight: 400;
    color: #333;
    display: inline-block;
    padding-bottom: .1rem;
    position: relative;
    margin-right: .3rem;
    cursor: pointer;
}
.info-recommand-info ul li a {
    color: #999;
    font-size: .27rem;
    line-height: 0.6rem;
}
.info-recommand-tab ul li.active {
    color: #00a4ff;
}
.info-recommand-info ul:first-child {
    display: block;
}
.info-recommand-info ul {
    display: none;
}
.info-recommand-info ul li a:hover{
    color: #00a4ff !important;
}