/*commontop*/
.commontop .top {
       background-color: #fff;
    padding: 1.85% 0;
    position: fixed;
    display: block;
    top: 0;
    left: 50%;
    width: 100%;
    max-width: 1000px;
    transform: translateX(-50%);
    background: #fff;
    z-index: 10;
}
    .commontop .top span.left {
           color: #222222;
    font-size: 120%;
    padding-left: 3%;
    font-weight: 700;
    }
    .commontop .top .shopnamebox i{
           position: absolute;
    height: 30px;
    width: 25px;
    box-sizing: border-box;
    font-style: normal;
    background-repeat: no-repeat;
    background-size: 75% auto;
    background-position: 0px 0;
    top: 10%;
    }
    .commontop .top .shopnamebox i.first-grade { 
        background-image: url('../images/reserve/v.png');
        left:32%;
    }
    .commontop .top .shopnamebox i.second-grade { 
        background-image: url('../images/reserve/dv.png');
        left:39%;
    }
    .commontop .top .shopnamebox i.third-grade { 
        background-image: url('../images/reserve/jp.png');
        left:46%;
    }
    .commontop .top .shopaddress{
        padding-top:1%;
        padding-bottom: .8%;
    }
   .commontop .top .shopaddress i{
         position: absolute;
    height: 25%;
    width: 6%;
    box-sizing: border-box;
    font-style: normal;
    background-repeat: no-repeat;
    background-size: 88% auto;
    background-position: 0px 5px;
    left: 2%;
   }
        .commontop .top .shopaddress i.address {
            background-image: url('../images/reserve/address2.png');
        }
         .commontop .top .shopaddress i.hy {
            background-image: url('../images/reserve/hy.png');
        }
      .commontop .top .shopaddress span{
         color: #999999;
    font-size: 110%;
    padding-left: 9%;
    padding-top: 1%;
    display: inline-block;
   }
    .commontop .top  .topright{
           position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-color: #50c8d8;
    top: 26%;
    right: 4%;
    background-image: url('../images/reserve/phone.png');
    background-repeat: no-repeat;
    background-size: 50% auto;
    background-position: 13px 12px;
    }
/*commontop end*/
.kongbg{width:100%; height:10px; background-image: url('../images/reserve/kong.png'); background-repeat:repeat-x;}
/*artblock*/

.artblock ul {
    background-color: #fff;
    padding: 0 3%;
    margin-bottom: 2.8%;
}

    .artblock ul li {
        padding: 4.6% 0;
        overflow-y: auto;
        border-bottom: #f7f7f7 solid 1px;
    }

        .artblock ul li a div:first-child {
            color: #333;
            font-size: 105%;
            padding-bottom: 2%;
        }

        .artblock ul li.s1 a div.first {
            float: left;
            width: 29%;
            line-height: 160%;
        }

        .artblock ul li.s1 a div.sec {
            float: right;
            width: 32%;
            text-align: right;
        }

            .artblock ul li.s1 a div.sec img {
                width: 95%;
            }

        .artblock ul li a div.third {
            color: #9a9a9a;
            font-size: 80%;
        }

            .artblock ul li a div.third span:first-child {
                float: left;
            }

            .artblock ul li a div.third span:last-child {
                float: right;
            }

        .artblock ul li.s2 a div.sec {
            padding-bottom: 1.7%;
        }

            .artblock ul li.s2 a div.sec img {
                width: 32%;
                padding-left: 2%;
            }

                .artblock ul li.s2 a div.sec img:first-child {
                    padding-left: 0;
                }
/*artblock end*/