﻿*,body,ul, ul li{
    padding: 0;
    margin: 0;
    font-family: "Microsoft YaHei", "微软雅黑","Arial","宋体";
}
body{  background-color: white;  }
ul, ul li{list-style-type:none;}
a,a:link,a:visited,a:hover,a:active{  text-decoration:none; }
input,textarea,select{outline:none;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type="number"]{
  -moz-appearance: textfield;
}
/*顶部*/
.nav-top{
    overflow: hidden;
    position: relative;
    height: 50px;
    width: 100%;
    z-index: 40;
    background-color: #fff;
}
.nav-top .logo{
    overflow: hidden;
    margin: 10px auto;
}
.nav-top .logo img{
    height: 30px;
}
.nav-top .menu-l{
    position: absolute;
    left: 15px;
    top: 12px;
}
.nav-top .menu-l img{
    height: 25px;
}
.nav-top .menu-r{
    position: absolute;
    right: 15px;
    top: 0;
}
.nav-top .menu-r .list{
    float: left;
    padding: 15px 0 0;
    margin-left: 8px;
    position: relative;
}
.nav-top .menu-r img{
    height: 20px;
}
.nav-top .menu-r .img1{

}
.nav-top .menu-r .img2{
    display: none;
}
.nav-top .menu-r .list span{
    display: block;
    position: absolute;
    top: 10px;
    right: -5px;
    width: 15px;
    height: 15px;
    font-size: 12px;
    color: #fff;
    background-color: #8ab03f;
    border-radius: 100%;
}
.nav-top2{
    overflow: hidden;
    position: relative;
    color: #fff;
    padding: 5px 0;
    background-color: #8ab03f;
    z-index: 40;
}
.nav-top2 .menu-c{
    overflow: hidden;
}
.nav-top2 .menu-c a{
    color: #fff;
}
.nav-top2 .menu-c img{
    height: 16px;
    margin-top: -2px;
}
.nav-top2 .menu-l{
    position: absolute;
    left: 15px;
    top: 5px;
}
.nav-top2 .menu-l a{
    color: #fff;
}
.nav-top2 .menu-l img{
    height: 18px;
    margin-right: 3px;
}
.nav-top2 .all-menu{
    position: absolute;
    right: 15px;
    top: 5px;
}
.nav-top2 .all-menu .list{
    float: left;
    padding: 15px 0 0;
    margin-left: 8px;
    position: relative;
}
.nav-top2 .all-menu img{
    height: 18px;
    margin-right: 3px;
}
.nav-top3{
    overflow: hidden;
    position: fixed;
    z-index: 50;
    top: 0;
    left: 0;
    height: 50px;
    width: 100%;
    background-color: rgba(138,176,63,0.8);
    display: none;
}
.nav-top3 .logo{
    overflow: hidden;
    margin: 10px auto;
}
.nav-top3 .logo img{
    height: 30px;
}
.nav-top3 .menu-l{
    position: absolute;
    left: 15px;
    top: 12px;
}
.nav-top3 .menu-l img{
    height: 25px;
}
.nav-top3 .menu-r{
    position: absolute;
    right: 15px;
    top: 0;
}
.nav-top3 .menu-r .list{
    float: left;
    padding: 15px 0 0;
    margin-left: 8px;
    position: relative;
}
.nav-top3 .menu-r img{
    height: 20px;
}
.nav-top3 .menu-r .img2{
    display: none;
}
.nav-top3 .menu-r .list span{
    display: block;
    position: absolute;
    top: 10px;
    right: -5px;
    width: 15px;
    height: 15px;
    font-size: 12px;
    color: #8ab03f;
    background-color: #fff;
    border-radius: 100%;
}
/*搜索*/
.search-box{
    overflow: hidden;
    position: fixed;
    background-color: #8ab03f;
    z-index: 41;
    height: 30px;
    width: 100%;
    top: 50px;
    display: none;
}
.search-box input{
    width: 75%;
    height: 20px;
    margin:5px auto;
    border: none;
    padding: 0 5px;
    border-radius: 3px;
    font-size: 13px;
    line-height: 20px;
    color: #333;
}
.search-box .close-x{
    position: absolute;
    right: 15px;
    top: 4px;
}
.search-box .close-x img{
    height: 18px;
}
@media screen and (max-width:414px) {
    .search-box input{
        width: 79%;
    }
}
@media screen and (max-width:375px) {
    .search-box input{
        width: 77%;
    }
}
@media screen and (max-width:360px) {
    .search-box input{
        width: 76%;
    }
}
@media screen and (max-width:320px) {
    .search-box input{
        width: 75%;
    }
}

/*搜索*/
.search-box2{
    overflow: hidden;
    position: fixed;
    background-color: #8ab03f;
    z-index: 41;
    height: 30px;
    width: 100%;
    top: 50px;
    display: none;
}
.search-box2 input{
    width: 75%;
    height: 20px;
    margin:5px auto;
    border: none;
    padding: 0 5px;
    border-radius: 3px;
    font-size: 13px;
    line-height: 20px;
    color: #333;
}
.search-box2 .close-x{
    position: absolute;
    right: 15px;
    top: 4px;
}
.search-box2 .close-x img{
    height: 18px;
}
@media screen and (max-width:414px) {
    .search-box2box input{
        width: 79%;
    }
}
@media screen and (max-width:375px) {
    .search-box2 input{
        width: 77%;
    }
}
@media screen and (max-width:360px) {
    .search-box2 input{
        width: 76%;
    }
}
@media screen and (max-width:320px) {
    .search-box2 input{
        width: 75%;
    }
}





/*左菜单*/
.black-t{
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index:60;
    background-color: rgba(0,0,0,.5);
    display: none;
}
.menu-ls{
    position: fixed;
    top: 0;
    left: -100%;
    /*left: 0;*/
    width: 85%;
    height: 100%;
    z-index: 61;
    background-color: #fff;
}
.menu-ls .close-x{
    position: absolute;
    right: -13.5%;
    top: 10px;
}
.menu-ls .close-x img{
    height: 30px;
}
.menu-ls .user-name{
    overflow: hidden;
    height: 50px;
    padding: 0 15px;
    font-size: 16px;
    background-color: #8ab03f;
}
.menu-ls .user-name .sp-t{
    overflow: hidden;
    font-size: 14px;
    color: #fff;
    margin: 10px 0;
    line-height: 30px;
}
.menu-ls .user-name .sp-t img{
    margin-right: 5px;
    height: 28px;
}
.menu-ls .user-name a{
    display: block;
    width: 65px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    background-color: #446334;
    margin: 10px 0;
}
.menu-ls .user-name2{
    overflow: hidden;
}
.menu-ls .user-name2 .list-nav{
    overflow: hidden;
}
.menu-ls .user-name2 .list-nav .list{
    overflow: hidden;
    width: 50%;
    height: 40px;
    line-height: 38px;
    color: #999;
    font-size: 16px;
    border: 1px solid #f2f2f2;
}
.menu-ls .user-name2 .list-nav .this{
    border: none;
    color: #333;
    line-height: 40px;
}
.menu-ls .user-name2 .list-nav .this span{
    color: #72943e;
}
.menu-ls .user-name2 .list-box{
    overflow: hidden;
}
.menu-ls .user-name2 .list-show{
    overflow: hidden;
    padding: 15px 15px;
    opacity: 0;
}
.menu-ls .user-name2 .list-show img{
    max-width: 100%;
    margin: auto;
}

.menu-ls .user-name3{
    overflow: hidden;
    border-top: 1px solid #8ab03f;
}
.menu-ls .user-name3 .list-nav{
    overflow: hidden;
}
.menu-ls .user-name3 .list-nav .list{
    overflow: hidden;
    width: 50%;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    background-color: #8ab03f;
}
.menu-ls .user-name3 .list-nav .this{
    color: #8ab03f;
    background-color: #fff;
}
.menu-ls .user-name3 .list-box{
    overflow: hidden;
}
.menu-ls .user-name3 .list-show{
    overflow: scroll;
    height:180px;
    margin-bottom:100px;
}
.menu-ls .user-name3 .list-show .list{
    overflow: scroll;
    border-bottom: 1px solid #eaeaea;
}
.menu-ls .user-name3 .list-show .list .sp-t{
    width: 50%;
    padding: 0 15px;
    height: 35px;
    line-height: 35px;
    color: #333;
}
.menu-ls .user-name3 .list-show .list .sp-t a{
    color: #333;
}
.menu-ls .user-name3 .list-show .list .sp-t2{
    border-left: 1px solid #eaeaea;
}
.menu-ls .user-name3 .list-show .list .this{
    color: #8ab03f;
}
.menu-ls .user-name3 .list-show .list-show2{
    overflow: hidden;
    display: none;
    background-color: #f2f2f2;
    padding: 8px 0px;
}
.menu-ls .user-name3 .list-show .list-show2 .list-a{
    width: 33.33333%;
}
.menu-ls .user-name3 .list-show .list-show2 .list-a a{
    font-size: 12px;
    color: #333;
    padding: 0 10px;
    display: block;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
}
.menu-ls .foot-menu{
    overflow: hidden;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    background-color: #f2f2f2;
}
.menu-ls .foot-menu ul{
    overflow: hidden;
}
.menu-ls .foot-menu ul li{
    display: block;
    width: 25%;
    float: left;
    overflow: hidden;
    border: 1px solid #c0c0c0;
    border-right: none;
    border-bottom: none;
    padding: 8px 0;
}
.menu-ls .foot-menu ul .li{
    border-left: none;
}
.menu-ls .foot-menu ul li a{
    display: block;
    overflow: hidden;
}
.menu-ls .foot-menu ul li img{
    height: 25px;
}
.menu-ls .foot-menu ul li h5{
    color: #333;
    margin:5px 0 0 0;
}
@media screen and (max-width:414px) {
    .menu-ls .close-x{
        right: -13.5%;
    }
    .menu-ls .user-name2 .list-show img{
        height: 96px;
    }
    .menu-ls .user-name3 .list-show{
        height:251px;
    }
}
@media screen and (max-width:375px) {
    .menu-ls .close-x{
        right: -13.5%;
    }
    .menu-ls .user-name2 .list-show img{
        height: 85px;
    }
    .menu-ls .user-name3 .list-show{
        height:216px;
    }
}
@media screen and (max-width:360px) {
    .menu-ls .close-x{
        right: -13.8%;
    }
    .menu-ls .user-name2 .list-show img{
        height: 81px;
    }
    .menu-ls .user-name3 .list-show{
        height:216px;
    }
}
@media screen and (max-width:320px) {
    .menu-ls .close-x{
        right: -14.5%;
    }
    .menu-ls .user-name2 .list-show img{
        height: 70px;
    }
    .menu-ls .user-name3 .list-show{
        height:150px;
    }
}

/*全部菜单*/
.menu-box{
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 585px;
    top: 80px;
    left: 0;
    z-index: 39;
    margin-bottom: 89px;
    background-color: #fff;
    display: none;
}
.menu-box .menu-box2{
    overflow: hidden;
}
.menu-box .menu-box2 .list-box{
    overflow: hidden;
}
.menu-box .menu-box2 .list-box .tit{
    font-size: 16px;
    color: #333;
    height: 40px;
    line-height: 39px;
    border-bottom: 1px solid #a7c46f;
    padding: 0 15px;
}
.menu-box .menu-box2 .list-box .tit img{
    height: 22px;
    margin-top: -3px;
    margin-right: 5px;
}
.menu-box .menu-box2 .list-box .list-ul{
    overflow: hidden;
}
.menu-box .menu-box2 .list-box .list-ul .list{
    overflow: hidden;
    border-bottom: 1px solid #f2f2f2;
}
.menu-box .menu-box2 .list-box .list-ul .list .sp-t{
    width: 50%;
    padding: 0 15px;
    height: 35px;
    line-height: 35px;
    color: #333;
}
.menu-box .menu-box2 .list-box .list-ul .list .sp-t a{
    color: #585858;
    display: block;
}
.menu-box .menu-box2 .list-box .list-ul .list .sp-t2{
    border-left: 1px solid #f2f2f2;
}
.menu-box .menu-box2 .list-box .list-ul .list .sp-t a i{
    font-size: 18px;
    color: #999;
    line-height: 34px;
}
.menu-box .menu-box2 .up-c{
    color: #fff;
    line-height: 25px;
    font-size: 13px;
    background-color: #8ab03f;
}
.menu-box .menu-box2 .up-c i{
    font-size: 16px;
}


/*信息*/
.information{
    overflow: hidden;
    background-color: #eee;
    padding: 20px 15px 30px;
    border-top: 1px solid #e4e4e4;
}
.information h5{
    color: #ccc;
    margin: 0 0 8px 0;
    line-height: 20px;
}
.information h5 a{
    color: #333;
}
.information h6{
    color: #666;
    margin: 0;
    line-height: 20px;
}
.information h6 .sp1{
    color: #333;
}
.information h6 .sp2{
    color: #8ab03f;
}
.information .h5{
    color: #333;
    margin: 0;
}
.information .list{
    overflow: hidden;
    margin: 10px 0 0 0;
}
.information .list img{
    height: 25px;
    margin: 0 5px;
}


/*ewm*/
.ewm{
    overflow: hidden;
    padding: 45px 15px 20px;
}
.ewm .sp-i{
    overflow: hidden;
}
.ewm .sp-i img{
    height: 120px;
}
.ewm .sp-i2{
    overflow: hidden;
    padding:15px 0 0 10px;
}
.ewm .sp-i2 img{
    height: 30px;
    margin-bottom: 10px;
}
.ewm .sp-i2 h5{
    margin: 8px 0 0 0;
}

/*最新公告*/
.headlines-h{
    overflow: hidden;
    position: relative;
    height: 35px;
    z-index: -999;
}
.headlines{
    overflow: hidden;
    border-top: 1px solid #e4e4e4;
    height: 35px;
    position: fixed;
    bottom: 54px;
    background-color: #fff;
    z-index: 15;
}
.headlines .sp-t{
    overflow: hidden;
    padding: 0 0 0 15px;
    line-height: 35px;
}
.headlines .marquee{
    overflow: hidden;
    padding: 0 15px 0 10px;
}
.headlines .marquee #Marquee{
    width: 100%;
    height:20px;
    overflow: hidden;
    margin: 8px 0 0;
}
.headlines .marquee #Marquee div{
    height:20px;
    color: #666;
    overflow: hidden;
}
.headlines .marquee #Marquee .sp1{
    display: block;
    font-size: 13px;
    overflow:hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 68%;
}
.headlines .marquee #Marquee .sp2{
    font-size: 12px;
    color: #999;
}
.headlines .marquee #Marquee div a{
    color: #666;
}
@media screen and (max-width:414px) {
    .headlines .marquee{
        width: 82.7%;
    }
    .headlines .marquee #Marquee .sp1{
        width: 75%;
    }
}
@media screen and (max-width:375px) {
    .headlines .marquee{
        width: 81%;
    }
    .headlines .marquee #Marquee .sp1{
        width: 70%;
    }
}
@media screen and (max-width:360px) {
    .headlines .marquee{
        width: 80.2%;
    }
    .headlines .marquee #Marquee .sp1{
        width: 70%;
    }
}
@media screen and (max-width:320px) {
    .headlines .marquee{
        width: 77.7%;
    }
    .headlines .marquee #Marquee .sp1{
        width: 68%;
    }
}

/*底部*/
.footer-h{
    overflow: hidden;
    position: relative;
    height: 54px;
    z-index: -999;
}
.footer{
    overflow: hidden;
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 5px 0;
    background-image: url("../images/f-bg.jpg");
    background-size: 100% 100%;
    z-index: 1001;
}
.footer ul{

}
.footer ul li{
    display: block;
    overflow: hidden;
    width: 20%;
    float: left;
}
.footer ul li a{
    display: block;
    width: 100%;
    color: #4d6615;
    overflow: hidden;
}
.footer ul li img{
    height: 25px;
}
.footer ul li h5{
    margin: 5px 0 0 0;
    font-size: 13px;
}



/*子-banner*/
.z-banner{
    overflow: hidden;
}
.z-banner img{
    width: 100%;
    height: auto;
}

/*当前位置*/
.address{
    overflow: hidden;
    padding: 0 15px;
    font-size: 16px;
    color: #333;
    height: 42px;
    line-height: 40px;
    position: relative;
    z-index: 2;
    border-bottom: 2px solid #8ab03f;
    background-color: #fff;
}
.address a{
    position: absolute;
    top: -1px;
    left: 15px;
}
.address a img{
    height: 25px;
}



/*产品详情顶部*/
.address2{
    overflow: hidden;
    padding: 0 15px;
    font-size: 16px;
    color: #333;
    height: 42px;
    position: relative;
    line-height: 40px;
    background-color: #fff;
    border-bottom: 1px solid #b1b1b1;
}
.address2 .address2-a1{
    position: absolute;
    top: -1px;
    left: 15px;
}
.address2 .address2-a2{
    position: absolute;
    top: -1px;
    right: 15px;
}
.address2 a img{
    height: 25px;
}
.address2 ul{
    padding: 0 15%;
}
.address2 ul li{
    display: block;
    width: 33.333333%;
    float: left;
    line-height: 40px;
    overflow: hidden;
    color: #333;
}
.address2 ul li a{
    color: #333;
}
.address2 ul .this{
    color: #71953e;
    border-bottom: 2px solid #71953e;
}
.fax{
    position: fixed;
    top: 50px;
    left: 0;
    width: 100%;
    z-index: 12;
}

/*赠品*/
.gift-box{
    overflow: hidden;
    padding: 10px 15px;
    border-bottom: 1px solid #ddd;
}
.gift-box .tit-t{
    overflow: hidden;
    color: #71953e;
    margin-bottom: 10px;
}
.gift-box .tit-t img{
    height: 20px;
    margin-top: -3px;
}
.gift-box .gift-s{
    overflow: hidden;
    background-color: #f2f2f2;
    padding: 8px 15px;
    color: #71953e;
    line-height: 44px;
}
.gift-box .gift-s .sp-t{
    overflow: hidden;
}
.gift-box .gift-s .sp-t .sp-i{
    overflow: hidden;
    width: 44px;
    height: 44px;
}
.gift-box .gift-s .sp-t .sp-i img{
    width: 100%;
    height: auto;
}
.gift-box .gift-s .sp-t span{
    margin-left: 10px;
}
.gift-box .gift-s i{
    color: #666;
    font-size: 16px;
}
.gift-box .gift-s .fa-angle-up{
    display: none;
}
.gift-box .gift-ul{
    overflow: hidden;
    background-color: #f2f2f2;
    padding:0 10px ;
    display: none;
}
.gift-box .gift-ul ul{
    overflow: hidden;
    border-top: 1px solid #ddd;
}
.gift-box .gift-ul ul li{
    display: block;
    width: 100%;
    overflow: hidden;
    padding: 8px 10px;
    line-height: 34px;
    font-size: 12px;
}
.gift-box .gift-ul ul li .sp-t{
    overflow: hidden;
}
.gift-box .gift-ul ul li .sp-t .sp-i{
    overflow: hidden;
    width: 34px;
    height: 34px;
}
.gift-box .gift-ul ul li .sp-t .sp-i img{
    width: 100%;
    height: auto;
}
.gift-box .gift-ul ul li .sp-t span{
    margin-left: 10px;
}
.gift-box .gift-ul ul .this{
    color:  #8ab03f;
}
.gift-box .gift-ul ul .this .sp-t .sp-i{
    border: 1px solid #8ab03f;
}


/*同系列推荐*/
.paragraph{
    overflow: hidden;
    padding: 10px 15px ;
}
.paragraph .tit-t{
    overflow: hidden;
    color: #71953e;
    margin-bottom: 10px;
}
.paragraph .tit-t img{
    height: 20px;
    margin-top: -3px;
}
.paragraph .list-i{
    overflow: hidden;
    margin-bottom: 8px;
    margin-top: 10px;
}
.paragraph .list-i img{
    height: auto;
    max-width: 100%;
}
.paragraph h5{
    color: #666;
    font-size: 13px;
    line-height: 18px;
    margin:0 ;
    overflow: hidden;
    max-height:36px;
}
@media screen and (max-width:414px) {
    .paragraph .list-i{
        height: 118px;
        line-height: 118px;
    }
}
@media screen and (max-width:375px) {
    .paragraph .list-i{
        height: 105px;
        line-height: 105px;
    }
}
@media screen and (max-width:360px) {
    .paragraph .list-i{
        height: 100px;
        line-height: 86px;
    }
}
@media screen and (max-width:320px) {
    .paragraph .list-i{
        height: 86px;
        line-height: 86px;
    }
}

/*筛选条件*/
.screen-box{
    overflow: hidden;
    height: 41px;
    padding: 0 15px;
    background-color: #f2f2f2;
    border-bottom:1px solid #dadada;
    position: relative;
    z-index: 2;
}
.screen-box .sp-t{
    overflow: hidden;
    color: #333;
    line-height: 40px;
}
.screen-box .sp-t span{
    color: #71953e;
}
.screen-box select{
    border-radius: 3px;
    overflow: hidden;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background:transparent;
    height:26px;
    padding: 0 22px 0 5px;
    line-height: 24px;
    border: 1px solid #9e9e9e;
    background: url("../images/icon45.png") right 5px center no-repeat;
    background-size: 10px;
    margin: 7px 8px;
    color: #999;
}
.screen-box select option{
    font-size: 14px;
}
.screen-box select::-ms-expand{ display: none; }
/*筛选条件*/
.screen-box .screen-c{
    overflow: hidden;
    color: #fff;
    height: 26px;
    line-height: 26px;
    padding: 0 5px;
    margin: 7px 0;
    background-color: #8ab03f;
    border-radius: 3px;
}
.screen-box .screen-c i{
    font-size: 16px;
}
/*筛选条件*/
.screen-box .screen-c2{
    position: absolute;
    top: 0;
    left: 0;
    text-align: right;
    width: 100%;
    height: 100%;
    padding: 0 5px;
    color: #8ab03f;
    border-bottom: 1px solid #8ab03f;
    display: none;
}
.screen-box .screen-c2 i{
    font-size: 16px;
}
.screen-box .screen-c2 .screen-c3{
    position: absolute;
    right: 15px;
    z-index: 100;
    width: 108px;
    height:35px ;
    line-height: 35px;
    border:1px solid #8ab03f;
    border-bottom: 1px solid #dadada;
    border-radius: 3px 3px 0 0;
    margin: 5px 0 0 0;
}
.screen-box .screen-c3 i{
    font-size: 16px;
    margin-right: 3px;
}
@media screen and (max-width:414px) {
    .screen-box select{
        width: 51.5%;
    }
}
@media screen and (max-width:375px) {
    .screen-box select{
        width: 46%;
    }
}
@media screen and (max-width:360px) {
    .screen-box select{
        width: 43.5%;
    }
}
@media screen and (max-width:320px) {
    .screen-box select{
        width: 36%;
    }
}
/*列表显示*/
.screen-show{
    overflow: scroll;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /*height: 100%;*/
    margin-bottom: 88px;
    padding-top: 173px;
    background-color: #fff;
    display: none;
    border-bottom: 1px solid #e6e6e6;
}

.screen-show .list{
    overflow: hidden;
    padding: 0 15px;
}
.screen-show .list .tit-t{
    font-size: 16px;
    color: #333;
    height: 20px;
    line-height: 20px;
    margin-bottom: 10px;
    margin-top: 5px;
    font-weight: 500;
}
.screen-show .list .list-ul{
    overflow: scroll;
}
.screen-show .list .list-ul ul{

}
.screen-show .list .list-ul ul li{
    display: block;
    width: 33.333333%;
    float: left;
    overflow: hidden;
    margin-bottom: 10px;
}


.screen-show .list .list-ul ul li input{
    border-radius: 3px;
    border: 1px solid #b4b4b4;
    background-color: #f6f6f6;
    width: 20px;
    height: 20px;
    font-size: 14px;
    margin: 0;
}
.screen-show .list .list-ul ul li label{
    font-weight: 500;
    color: #666;
    margin: 0;
}
@media screen and (max-width:320px) {
    .screen-show .list .list-ul ul li {
        height: 20px;
    }
    .screen-show .list .list-ul ul li label{
      font-size: 12px;
    }
}
.screen-show .but{
    overflow: hidden;
    padding: 0 15px;
    margin: 20px 0;
}
.screen-show .but input{
    width: 48%;
    color: #fff;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    border: none;
    border-radius: 3px;
}
.screen-show .but input[type=submit]{
    background-color: #8ab03f;
}
.screen-show .but input[type=reset]{
    background-color: #b8b8b8;
}












@media screen and (max-width:414px) {

}
@media screen and (max-width:375px) {

}
@media screen and (max-width:360px) {

}
@media screen and (max-width:320px) {

}





































