.commontagslist a {
    display: inline-block;
    padding: 3px 5px;
    background-color: #fff;
    color: #666;
    border: 1px solid #c8c8c8;
    border-radius: 3px;
    margin: 0 1% 3% 0;
}

.padding2 {
    padding: 2%;
}

.dis {
    display: none;
}
/*header*/
header.s1 {
    background-color: #50c8d8;
    overflow: hidden;
    text-align: center;
    padding-top: 6%;
    padding-bottom: 2%;
}

    header.s1 span.craftsman {
        color: #fff;
        padding: 0 16px 0 10px;
        font-size: 180%;
    }

    header.s1 div {
        float: right;
        margin-top: 1.5%;
        height: 30px;
    }

    header.s1 span.shop {
        background-image: url("/images/reserve/shop.png");
        display: inline-block;
        width: 30px;
        height: 30px;
    }

    header.s1 span.shopname {
        color: #fff;
        padding: 3px 20px 0 5px;
        font-size: 120%;
        float: right;
    }

    header.s1 .usercenter, header.s1 .menu {
        float: right;
        color: #333;
        background: url('../images/bg/user.png') center no-repeat;
        display: inline-block;
        height: 20px;
        width: 20px;
        margin: 2px 15px 0 0;
    }

    header.s1 .usercenter {
        margin-right: 18px;
        background-size: 16px auto;
    }

    header.s1 .menu {
        background-image: url('../images/bg/menu.png');
        margin-top: 3px;
        background-size: 17px auto;
        position: relative;
        z-index: 31;
    }


header.s2 {
    position: relative;
    width: 100%;
    color: #fff;
    text-align: left;
    background: #50c8d8;
    box-sizing: border-box;
    padding-top: 10%;
    padding-bottom: 2%;
}

    header.s2 a.search {
        float: right;
        background: url('/images/index/sousuo.png') center no-repeat;
        display: inline-block;
        height: 22px;
        width: 30px;
        background-size: 44%;
    }

    header.s2 a {
        display: inline-block;
        font-size: 146%;
        padding-left: 3%;
        color: #fff;
    }

        header.s2 a img.arrowleft {
            display: block;
            width: 50%;
        }

    header.s2 .tittle {
        color: #fff;
        padding: 0 16px 0 10px;
        font-size: 130%;
        position: absolute;
        left: 44%;
    }

    header.s2 .backto {
        border-left: 2px solid #666;
        border-bottom: 2px solid #666;
        width: 0;
        height: 0;
        padding: 3% 3% 0 0;
        display: inline-block;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        text-indent: -9999px;
        position: absolute;
        left: 4.5%;
        top: 40%;
    }

    header.s2 h1 {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%,-40%);
        transform: translate(-50%,-40%);
        display: inline-block;
        font-size: 125%;
        font-weight: 400;
        white-space: nowrap;
    }

    header.s2 .city {
        color: #fff;
        padding: 0 50px 0 15px;
        background: url('/images/index/arrowdown.png') left 6px no-repeat;
        background-size: 16% auto;
        font-size: 110%;
        background-position: 50px 7px;
    }

header.s3 {
    position: relative;
    width: 100%;
    color: #fff;
    text-align: left;
    background: #444444;
    box-sizing: border-box;
    padding-top: 7%;
    padding-bottom: 3%;
}

    header.s3 a.search {
        float: right;
        background: url('/images/index/sousuo.png') center no-repeat;
        display: inline-block;
        height: 30px;
        width: 30px;
        margin: 0px 15px 0 0;
        background-size: 64%;
    }

    header.s3 a {
        display: inline-block;
        font-size: 146%;
        padding-left: 3%;
        color: #fff;
    }

        header.s3 a img.arrowleft {
            display: block;
            width: 80%;
        }

    header.s3 .tittle {
        color: #fff;
        padding: 0 16px 0 10px;
        font-size: 160%;
        position: absolute;
        left: 42%;
    }

    header.s3 .tittlebest {
        color: #2e2e2e;
        padding: 0 16px 0 10px;
        font-size: 160%;
        position: absolute;
        left: 42%;
    }

header.stime {
    position: relative;
    width: 100%;
    color: #fff;
    text-align: left;
    background: #50c8d8;
    box-sizing: border-box;
    padding-top: 2%;
    padding-bottom: 2%;
}

    header.stime a.search .timeright {
        float: right;
        width: 50%;
    }

    header.stime a.search span.time {
        padding-top: 3px;
        display: inline-block;
    }

    header.stime a.search .timeright small {
        background: #44bccc;
        display: inline-block;
        padding: 5%;
        color: #fff;
        font-size: 90%;
    }

    header.stime a.search {
        float: right;
        display: inline-block;
        height: 22px;
        font-size: 100%;
        width: 186px;
        margin-top: 1%;
        color: #fff;
    }

    header.stime a.city {
        display: inline-block;
        color: #fff;
        background: #44bccc;
        padding: 6px;
        border-radius: 20px;
        padding-left: 10px;
        padding-right: 10px;
        margin-left: 3%;
    }

    header.stime a img.arrowleft {
        display: block;
        width: 50%;
    }

    header.stime .tittle {
        color: #fff;
        padding: 0 16px 0 10px;
        font-size: 130%;
        position: absolute;
        left: 44%;
    }

    header.stime .backto {
        border-left: 2px solid #666;
        border-bottom: 2px solid #666;
        width: 0;
        height: 0;
        padding: 3% 3% 0 0;
        display: inline-block;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        text-indent: -9999px;
        position: absolute;
        left: 4.5%;
        top: 40%;
    }

    header.stime h1 {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%,-40%);
        transform: translate(-50%,-40%);
        display: inline-block;
        font-size: 125%;
        font-weight: 400;
        white-space: nowrap;
    }

    header.stime .city {
        color: #fff;
        font-size: 90%;
        background-position: 10px 1px;
    }

    header.stime a .arrowdown {
        float: left;
        background: url('/images/mine/hongbao.png') center no-repeat;
        display: inline-block;
        height: 19px;
        width: 28px;
        background-size: 60%;
        background-position: 2px 0;
    }

/*header end*/

/*footer*/
footer .b1 {
    padding: 4.2% 0;
    text-align: center;
    font-size: 115%;
}

    footer .b1 a img {
        vertical-align: sub;
        width: 12%;
    }

    footer .b1 span.red {
        color: #c00;
        font-weight: 700;
    }

footer .b2 {
    padding: 2.4% 3%;
    background-color: #fff;
}

    footer .b2 a {
        color: #666;
        display: inline-block;
        width: 23%;
        text-align: center;
        position: relative;
        box-sizing: border-box;
        font-size: 95%;
    }

        footer .b2 a:after {
            content: "";
            border-right: #c8c8c8 solid 1px;
            position: absolute;
            top: 10%;
            right: -2px;
            height: 80%;
        }

        footer .b2 a:last-child:after {
            content: none;
        }

footer .b3 {
    padding: 4.4% 3% 3.3%;
    color: #999;
    text-align: center;
    font-size: 90%;
    line-height: 151%;
}

    footer .b3 a {
        color: #999;
    }

footer .b4 {
    text-align: center;
}

    footer .b4 a {
        display: inline-block;
        width: 23%;
        text-align: center;
        position: relative;
        box-sizing: border-box;
        font-size: 95%;
        color: #30b2f2;
    }

        footer .b4 a span {
            padding-left: 18%;
            background: left 61% no-repeat;
            background-size: 24%;
        }

        footer .b4 a:first-child span {
            background-image: url('../images/bg/tv.png');
        }

        footer .b4 a:nth-child(3n+2) span {
            background-image: url('../images/bg/phone.png');
            background-size: 17%;
            color: #999;
        }

        footer .b4 a:nth-child(3n) span {
            background-image: url('../images/bg/weixin.png');
            background-size: 26%;
        }

        footer .b4 a:after {
            content: "";
            border-right: #c8c8c8 solid 1px;
            position: absolute;
            top: 10%;
            right: -2px;
            height: 80%;
        }

        footer .b4 a:last-child:after {
            content: none;
        }

footer {
    padding-bottom: 22%;
}
/*footer end*/
/*nav*/
nav {
    padding: 1.5% 0 1.2%;
    position: fixed;
    bottom: 0;
    background-color: #ffffff;
    border: 1px solid #f3f3f3;
    z-index: 10;
    width: 100%;
    max-width: 1000px;
}

    nav ul li {
        float: left;
        width: 25%;
        text-align: center;
        color: #333;
    }

        nav ul li a {
            display: block;
        }

        nav ul li span {
            display: inline-block;
            padding: 16%;
            background: center no-repeat;
            width: 0;
            height: 0;
            overflow: hidden;
            text-indent: -9999px;
            vertical-align: bottom;
        }

        nav ul li p {
            margin: 0;
            color: #b9b9b9;
            font-size: 110%;
        }

        nav ul li:first-child span {
            /*background-position: -19px 0px;*/
            background-size: 100% auto;
            background-image: url('../images/bg/home.png');
        }

        nav ul li:nth-child(5n+2) span {
            /*background-position: -95px 0px;*/
            background-size: 100% auto;
            background-image: url('/images/reserve/address.png');
        }

        nav ul li:nth-child(5n+3) span {
            /*background-position: -179px 0px;*/
            background-size: 100% auto;
            background-image: url('/images/reserve/info.png');
        }

        nav ul li:nth-child(5n+4) span {
            /*background-position: -255px 0px;*/
            background-size: 100% auto;
            background-image: url('/images/reserve/mine.png');
        }

        nav ul li.sel p {
            color: #4ae0e2;
        }

        nav ul li.sel:first-child span {
            background-image: url('/images/reserve/appo.png');
        }

        nav ul li.sel:nth-child(5n+2) span {
            background-image: url('/images/reserve/address.png');
        }

        nav ul li.sel:nth-child(5n+3) span {
            background-image: url('/images/reserve/info.png');
        }

        nav ul li.sel:nth-child(5n+4) span {
            background-image: url('/images/reserve/mine.png');
        }

    nav.n2 {
        padding: .4% 0 1.9%;
    }

        nav.n2 ul li {
            width: 25%;
        }

            nav.n2 ul li:nth-child(5n+2) span {
                background-size: 67% auto;
                background-image: url('../images/bg/zb.png');
            }

            nav.n2 ul li.sel:nth-child(5n+2) span {
                background-image: url('../images/bg/zbsel.png');
            }

            nav.n2 ul li:nth-child(5n+3) span {
                background-size: 53% auto;
                background-image: url('../images/bg/calc.png');
            }

            nav.n2 ul li.sel:nth-child(5n+3) span {
                background-image: url('../images/bg/calcsel.png');
            }

            nav.n2 ul li:nth-child(5n+4) span {
                background-size: 68% auto;
                background-image: url('../images/bg/tel.png');
            }

            nav.n2 ul li.sel:nth-child(5n+4) span {
                background-image: url('../images/bg/telsel.png');
            }

/*nav end*/
/*header menu*/
.menuin {
    display: block;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 300ms;
    animation-duration: 300ms;
    -webkit-animation-name: menuin;
    animation-name: menuin;
    -webkit-transform-origin: 50% 50%;
}

@-webkit-keyframes menuin {
    0% {
        -webkit-transform: scale(3);
        -moz-transform: scale(3);
        -ms-transform: scale(3);
        -o-transform: scale(3);
        transform: scale(3);
        opacity: 0;
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

.menuout {
    display: block;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 300ms;
    animation-duration: 300ms;
    -webkit-animation-name: menuout;
    animation-name: menuout;
    -webkit-transform-origin: 50% 50%;
}

@-webkit-keyframes menuout {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(3);
        -moz-transform: scale(3);
        -ms-transform: scale(3);
        -o-transform: scale(3);
        transform: scale(3);
        opacity: 0;
    }
}

#headnav {
    position: fixed;
    top: 0;
    width: 100%;
    bottom: 0;
    background-color: rgba(255,255,255,.95);
    z-index: 30;
    max-width: 1000px;
}

    #headnav ul {
        position: absolute;
        width: 100%;
        left: 0;
        top: 45%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    #headnav li {
        height: 45%;
        text-align: center;
        float: left;
        width: 25%;
        font-size: 12px;
        color: #333;
        padding-top: 4.5%;
        box-sizing: border-box;
    }

        #headnav li h2 {
            margin: 0;
            padding: 0;
            border: 0;
            font-size: 100%;
            font-weight: 400;
            vertical-align: baseline;
            background: 0 0;
            padding-top: 2%;
            color: #333;
        }

        #headnav li span {
            background: center no-repeat;
            background-size: 45%;
            display: inline-block;
            padding: 25.45%;
            border-radius: 1000px;
            box-sizing: border-box;
        }

        #headnav li:nth-child(100n+1) span {
            background-color: #fc279d;
            background-image: url("../images/bg/homewhite.png");
        }

        #headnav li:nth-child(100n+2) span {
            background-color: #2d69ee;
            background-image: url("../images/bg/userwhite.png");
        }

        #headnav li:nth-child(100n+3) span {
            background-color: #ffb81e;
            background-image: url("../images/icon/n1.png");
        }

        #headnav li:nth-child(100n+4) span {
            background-color: #fd6c01;
            background-image: url("../images/icon/n2.png");
            /*background-position: -132px -39px;*/
        }

        #headnav li:nth-child(100n+5) span {
            background-color: #864dfe;
            background-image: url("../images/icon/n3.png");
            /*background-position: -298px -39px;*/
        }

        #headnav li:nth-child(100n+6) span {
            background-color: #f92a60;
            background-image: url("../images/icon/n4.png");
            /*background-position: -298px -39px;*/
        }

        #headnav li:nth-child(100n+7) span {
            background-color: #2abbf8;
            background-image: url("../images/icon/n5.png");
            /*background-position: -381px -39px;*/
        }

        #headnav li:nth-child(100n+8) span {
            background-color: #fc279d;
            background-image: url("../images/icon/n6.png");
            /*background-position: 0 -263px;*/
        }

        #headnav li:nth-child(100n+9) span {
            background-color: #2d69ee;
            background-image: url("../images/icon/n7.png");
            /*background-position: 0 -314px;*/
        }

        #headnav li:nth-child(100n+10) span {
            background-color: #fd3101;
            background-image: url("../images/icon/n8.png");
            /*background-position: 0 -367px;*/
        }

        #headnav li:nth-child(100n+11) span {
            background-color: #fbb101;
            background-image: url("../images/icon/n9.png");
            background-size: 42%;
            /*background-position: 0 -52px;*/
        }

        #headnav li:nth-child(100n+12) span {
            background-color: #fe7e01;
            background-size: 55%;
            background-image: url("../images/icon/n10.png");
            /*background-position: 0 -52px;*/
        }

        #headnav li span.sp {
            position: relative;
        }

            #headnav li span.sp i {
                position: absolute;
                font-style: normal;
                right: -10px;
                top: 0;
                font-size: 80%;
                background-color: #EA4504;
                color: #fff;
                border-radius: 100px;
                padding: 0 5px;
            }
/*header menu end*/
/*vip*/
.vip span.v1 {
    padding-right: 18px;
    background-size: auto 65%;
}

.vip span.v2 {
    padding-right: 18px;
    background-size: auto 68%;
}

.vip span.v3 {
    padding-right: 18px;
    background-size: auto 69%;
}

.vip span.v4 {
    padding-right: 28px;
    background-size: auto 68%;
    font-size: 110%;
    color: #022222;
}
/*vip end*/
/*commonfrm*/
.commonfrm div {
    padding: 1.8% 5%;
    position: relative;
}

    .commonfrm div span {
        padding-top: 3.5%;
        position: absolute;
        padding-left: 10px;
    }

    .commonfrm div input, .commonfrm div textarea {
        border-radius: 4px;
        width: 100%;
        border: 1px solid #e4e4e4;
        padding: 4.5% 2%;
        text-align: right;
        padding-left: 20%;
    }

    .commonfrm div:last-child {
        padding: 1.2% 0 2.2%;
    }

        .commonfrm div:last-child input {
            padding: 4.6% 1%;
            line-height: 0;
            background-color: #F40;
            font-size: 100%;
            color: #fff;
            font-weight: 700;
            font-family: tahoma,"Microsoft YaHei",arial,simsun,"宋体",sans-serif;
        }

.commonfrm .sp, .commonfrm .sp1 {
    position: relative;
}

    .commonfrm .sp:after {
        content: "m²";
        position: absolute;
        top: 25%;
        right: 2%;
        color: #c9c9c9;
        font-size: 115%;
    }

    .commonfrm .sp1:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border: solid transparent;
        border-width: 7px 7px;
        border-top-color: #c9c9c9;
        right: 3%;
        top: 50%;
        margin-top: -4px;
    }

.commonfrm button {
    width: 90% !important;
    height: 36px !important;
    line-height: 34px !important;
    margin-left: 5% !important;
}

.commonfrm div:first-child {
    padding-bottom: 0px;
    border-radius: 0 0 4px 4px;
    color: black;
    padding-bottom: 0;
}

    .commonfrm div:first-child input {
        border-bottom: none;
        margin-bottom: -2px;
        border-radius: 4px 4px 0 0;
    }
/*commonfrm end*/
/*commonzxfa*/
.commonzxfa {
}


div.carousel.commonzxfa {
    padding: 10% 0 0 10%;
    background: #fff url('../images/bg/speaker.png') 2% center no-repeat;
    background-size: 5.3%;
    color: #666;
}

    div.carousel.commonzxfa ul {
        top: 0;
        width: 90%;
        height: 100%;
    }

        div.carousel.commonzxfa ul li {
            height: 100%;
        }

            div.carousel.commonzxfa ul li span {
                float: left;
                width: 20%;
                display: inline-block;
            }
/*commonzxfa end*/
/*bannerads*/
.bannerads {
    position: relative;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e3e3e3;
    padding-top: 27.3%;
}

    .bannerads img {
        position: absolute;
        top: 0px;
        left: 0px;
        height: 100%;
        width: 100%;
    }
/*bannerads end*/
/*tips*/
#tips {
    position: fixed;
    left: 50%;
    width: 80%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 50%;
    font-size: 14px;
    background: #fff;
    background-clip: padding-box;
    z-index: 101;
    box-shadow: 2px 2px 4px #999;
    max-width: 500px;
    border-radius: 4px 4px 0 0;
}

    #tips .tipstitle {
        padding: 7% 0;
        line-height: 0;
        font-size: 115%;
        font-weight: 700;
        text-align: center;
        background-color: #50c8d8;
        color: white;
        border-radius: 4px 4px 0 0;
    }

    #tips .tipscontent {
        /*padding: 2%;*/
    }

        #tips .tipscontent .msg {
            padding: 4% 4%;
            font-size: 115%;
        }

    #tips .tipsbottom {
        text-align: center;
        border-top: 1px solid #ddd;
        font-size: 100%;
        padding: 3% 0;
    }

        #tips .tipsbottom a {
            width: 36%;
            margin: 0 7%;
            display: inline-block;
            text-decoration: none;
            color: #fff;
            padding: 4.5% 0;
            line-height: 0;
            box-sizing: border-box;
            font-weight: 700;
            border-radius: 2px;
        }

            #tips .tipsbottom a:nth-child(2n) {
                background-color: #999;
            }

        #tips .tipsbottom #closetipsbtn {
            background-color: #50c8d8;
        }
        #tips.top {
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
}
 #tips .close {
        position: absolute;
        right: 5%;
        top: 0;
        padding: 3%;
        border: 1px solid #fff;
        border-radius: 1000px;
        margin-top: 4%;
        transform: rotate(45deg);
    }

        #tips .close:before {
            content: "";
            position: absolute;
            width: 70%;
            left: 15%;
            top: 50%;
            border-top: 1px solid #fff;
            transform: translateY(-50%);
        }

        #tips .close:after {
            content: "";
            position: absolute;
            height: 70%;
            top: 15%;
            left: 50%;
            border-left: 1px solid #fff;
            transform: translateX(-50%);
        }
/*tips end*/
/*tips3*/
#tips3 {
    position: fixed;
    left: 50%;
    width: 80px;
    height: 80px;
    padding-top: 55px;
    top: 50%;
    margin: -40px 0 0 -40px;
    font-size: 12px;
    border-radius: 8px;
    z-index: 101;
    background: #000; /* url('/images/icon/loading.gif') center 20px no-repeat*/
    opacity: .5;
    text-align: center;
    color: #ccc;
    box-sizing: border-box;
    text-align: center;
}

    #tips3 span {
        position: absolute;
        left: 50%;
        margin: -3px;
        top: 35px;
        width: 6px;
        height: 6px;
        opacity: .8;
        border-radius: 100px;
        background: #999;
        display: inline-block;
        -webkit-animation-name: gmloading;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        -webkit-animation-delay: 0;
        -webkit-animation-duration: 1s;
        animation-name: gmloading;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
        animation-delay: 0;
        animation-duration: 1s;
    }

.tips2 {
    z-index: 100;
    position: fixed;
    font-size: 80%;
    line-height: 22px !important;
    left: 50%;
    bottom: 50px;
    padding: 2px 10px;
    background-color: rgba(0,0,0,.4);
    color: white;
    border-radius: 2px;
    white-space: nowrap !important;
    opacity: 0;
    transition: opacity .2s,bottom .2s;
    font-style: normal;
}

@-webkit-keyframes gmloading {
    from {
        width: 5px;
        height: 5px;
        opacity: .8;
        margin-left: -3px;
    }

    to {
        width: 20px;
        height: 20px;
        opacity: .2;
        margin-left: -10px;
        top: 25px;
    }
}

@keyframes gmloading {
    from {
        width: 5px;
        height: 5px;
        opacity: .8;
        margin-left: -3px;
    }

    to {
        width: 20px;
        height: 20px;
        opacity: .2;
        margin-left: -10px;
        top: 25px;
    }
}
/*tips3 end*/
/*commonblock*/
.commonblock {
    overflow-y: auto;
}

    .commonblock li {
        float: left;
        display: inline-block;
        width: 33%;
        padding: 4% 0;
        border-right: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        text-align: center;
        box-sizing: border-box;
    }

        .commonblock li.sel {
            color: #EA4504;
        }

        .commonblock li:nth-child(3n) {
            border-right: none;
        }

.borderbotnone {
    border-bottom: none !important;
}
/*commonblock end*/
/*commonxgt*/
div.commonxgt {
    padding: 2.7% 3% 1%;
    overflow-y: auto;
}

    div.commonxgt div {
        position: relative;
    }

        div.commonxgt div img {
            width: 90%;
            vertical-align: middle;
            margin-left: 5%;
        }

        div.commonxgt div.content {
            height: 60px;
            display: block;
            width: 60%;
            color: white;
            margin-left: 5%;
            margin-top: 3%;
            margin-bottom: 4%;
        }

        div.commonxgt div.style {
            height: 35px;
            display: block;
            width: 90%;
            color: #2e2e2e;
            margin-left: 5%;
            font-size: 110%;
            line-height: 40px;
            text-align: center;
        }

        div.commonxgt div.content span:first-child {
            height: 30px;
            display: block;
            width: 100%;
            font-size: 130%;
            line-height: 30px;
        }

        div.commonxgt div.content span:last-child {
            height: 30px;
            display: block;
            width: 100%;
            font-size: 200%;
            color: #ef4826;
        }

            div.commonxgt div.content span:last-child small {
                font-size: 50%;
            }

        div.commonxgt div.timeclick {
            position: absolute;
            width: 110px;
            height: 35px;
            line-height: 35px;
            background: #ef4826;
            border-radius: 4px;
            text-align: center;
            bottom: 14px;
            right: 5%;
            font-size: 122%;
            color: #2e2e2e;
        }

        div.commonxgt div.s1 {
            margin-bottom: 2.3%;
        }

        div.commonxgt div.s2 {
            float: left;
            width: 49%;
        }

        div.commonxgt div.s3 {
            float: right;
            width: 49%;
        }
/*commonxgt end*/
/*forms1*/
.forms1 {
    background-color: #fff;
    padding: 2% 5%;
}

    .forms1 .title {
        padding: 1% 0;
    }

    .forms1 .content {
        overflow-y: auto;
        padding-bottom: 2%;
    }

    .forms1 .ipts1 {
        float: left;
        width: 71%;
    }

    .forms1 .btns1 {
        float: right;
        width: 26%;
        padding: 4%;
    }

        .forms1 .btns1:after {
            content: "修改";
        }

.forms2 {
    padding: 2% 3%;
}

    .forms2 .title {
        padding: 4% 0 1.5% 2%;
    }

    .forms2 .content {
        overflow-y: auto;
        padding: 1% 0;
    }

    .forms2 .ipts1 {
        padding-top: 2.5%;
        padding-bottom: 2.5%;
        color: #999;
    }

    .forms2 .left {
        float: left;
        overflow-y: auto;
        width: 47.5%;
    }

        .forms2 .left .title, .forms2 .right .title {
            padding-top: 8%;
            padding-bottom: 3%;
        }

        .forms2 .left input, .forms2 .right input {
            padding-top: 5%;
            padding-bottom: 5%;
        }

    .forms2 .right {
        float: right;
        overflow-y: auto;
        width: 47.5%;
    }

    .forms2 .sp1 {
        position: relative;
    }

        .forms2 .sp1:after {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            border: solid transparent;
            border-width: 7px 7px;
            border-top-color: #c9c9c9;
            right: 3%;
            top: 50%;
            margin-top: -5px;
        }

.btns1 {
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 105%;
    background: -webkit-linear-gradient(top, #f6f5f8, #d7d7d7);
    color: #a2a2a2;
    position: relative;
    box-sizing: border-box;
}

    .btns1:after {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }

.ipts1 {
    border-radius: 4px;
    border: 0;
    padding: 2%;
    border: 2px solid #f1f1f1;
    box-sizing: border-box;
}
/*forms1 end*/
/*staticbot*/
.staticbot {
    padding: 3.1% 0 3.1%;
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #fafafa;
    border-top: 1px solid #DDD;
    z-index: 10;
    width: 100%;
    max-width: 1000px;
    left: 50% !important;
    right: auto;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
}

    .staticbot a {
        display: inline-block;
        width: 60%;
        background-color: #EA4504;
        border-radius: 5px;
        color: #fff;
        font-size: 110%;
        padding: 2%;
    }
/*twobtn*/
.twobtn .btns2 {
    width: 40% !important;
    margin: 0 5% !important;
}

.btns2 {
    display: inline-block;
    background-color: #EA4504;
    border-radius: 5px;
    color: #fff;
    font-size: 110%;
    padding: 2%;
    box-sizing: border-box;
}
/*twobtn*/
/*sjseswarpper*/
.sjseswarpper {
    border-top: 1px solid #e1e1e1;
    background-color: #fff;
    padding: 2% 3%;
    overflow-y: auto;
}

    .sjseswarpper a {
        float: left;
        display: inline-block;
        width: 33.3%;
        text-align: center;
        color: #333;
    }

        .sjseswarpper a img {
            border-radius: 1000px;
            box-sizing: border-box;
            margin: 12%;
            width: 64%;
        }

        .sjseswarpper a i {
            display: block;
            font-style: normal;
            color: #666;
            margin-top: -7%;
            margin-bottom: 19%;
        }
/*sjseswarpper end*/
/*star*/
.star {
    background-position: right 25%;
    background-repeat: no-repeat;
    background-size: 125% auto;
    padding-right: 52px;
}

.star1 {
    background-image: url('../images/icon/star/1.png');
}

.star2 {
    background-image: url('../images/icon/star/2.png');
}

.star3 {
    background-image: url('../images/icon/star/3.png');
}

.star4 {
    background-image: url('../images/icon/star/4.png');
}

.star5 {
    background-image: url('../images/icon/star/5.png');
}

.star6 {
    background-image: url('../images/icon/star/6.png');
}

.star7 {
    background-image: url('../images/icon/star/7.png');
}

.star8 {
    background-image: url('../images/icon/star/8.png');
}

.star9 {
    background-image: url('../images/icon/star/9.png');
}

.star10 {
    background-image: url('../images/icon/star/10.png');
}
/*star end*/
/*form4*/
.forms4 {
    padding: 2% 4%;
}

    .forms4 .iptwarpper {
        margin-bottom: 3%;
    }

        .forms4 .iptwarpper input {
            border: 0;
            background: none;
            width: 100%;
            padding: 2.5% 2%;
        }

        .forms4 .iptwarpper span {
            display: block;
            /*margin-left: 2%;*/
            height: 5px;
            border: solid #aaa;
            border-width: 0 1px 1px;
            margin-top: -5px;
        }

    .forms4 .f4tips {
        color: #999;
    }

.forms5 .rdowarpper {
    background: #fff;
    padding: 4% 5%;
    overflow: auto;
    font-size: 115%;
    border-bottom: 1px solid #e0e0e0;
}

    .forms5 .rdowarpper span:first-child {
        float: left;
    }

    .forms5 .rdowarpper span.spradio {
        float: right;
    }
/*form4 end*/
/*page start*/
.paginator {
    font: 12px Arial, Helvetica, sans-serif;
    padding: 10px 0 10px 0;
    margin: 10px 0 9px;
}

    .paginator a {
        padding: 4px 8px;
        border: solid 1px #ddd;
        background: #fff;
        text-decoration: none;
        margin-right: 2px;
        color: #666;
    }

        .paginator a:visited {
            padding: 4px 6px;
            border: solid 1px #ddd;
            background: #fff;
            text-decoration: none;
        }

    .paginator .cpb {
        padding: 4px 8px;
        background: #FF5500;
        border: 0px solid #FF5500;
        color: #FFFFFF;
        font-weight: bold;
    }

    .paginator a:hover {
        color: #fff;
        background: #FF5500;
        border-color: #FF5500;
        text-decoration: none;
    }
/*page end*/
.hot {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fcdf3f;
    color: #fff;
    font-size: 70%;
    display: inline-block;
    line-height: 20px;
    text-align: center;
    margin-left: 5px;
}

.hui {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #f4be4b;
    color: #fff;
    font-size: 70%;
    display: inline-block;
    line-height: 20px;
    text-align: center;
    margin-left: 5px;
}

.color-zhu {
    color: #50c8d8 !important;
}

.color-choose {
    color: #2e2e2e !important;
}
/*loginlist*/
.loginlist {
    background-color: #fff;
    padding-top: 10px;
    overflow: hidden;
}

    .loginlist .text {
        width: 100%;
        height: 26px;
        line-height: 26px;
        text-align: center;
        color: #666;
        font-size: 90%;
    }

    .loginlist div.top {
        padding-top: 8%;
    }

        .loginlist div.top img {
            width: 16%;
            margin-left: 42%;
        }

    .loginlist .input1 input {
        background: url(/images/index/shojijao.png) no-repeat 0 center;
        background-size: 13%;
        background-position-x: 8%;
        background-position-y: 58%;
    }

    .loginlist .input2 input {
    }

    .loginlist .input3 input {
        background: url(/images/index/mima.png) no-repeat 0 center;
        background-size: 13%;
        background-position-x: 8%;
        background-position-y: 58%;
    }

    .loginlist .input2 u {
        margin-left: 3%;
        color: #50c8d8;
    }

    .loginlist .bottom .adress {
        margin-left: 11%;
    }

    .loginlist .bottom .gou {
        width: 10px;
        height: 10px;
        border: 1px #DFDFDF solid;
        border-radius: 1px;
        display: inline-block;
    }



    .loginlist input {
        width: 80%;
        margin-left: 10%;
        border: 1px solid #ddd;
        border-radius: 25px;
        height: 40px;
        line-height: 20px;
        margin-top: 5%;
        text-align: left;
        text-indent: 65px;
        font-family: 微软雅黑;
        font-size: 90%;
        background-repeat: no-repeat;
        float: left;
    }

        .loginlist input.user {
            background-image: url('/images/mine/user.png');
            background-position: 10% 55%;
            background-size: auto 65%;
        }

        .loginlist input.phone {
            background-image: url('/images/mine/phone.png');
            background-repeat: no-repeat;
            float: left;
            background-position: 10% 55%;
            background-size: auto 75%;
        }

        .loginlist input.mima {
            background-image: url('/images/mine/password.png');
            background-repeat: no-repeat;
            float: left;
            background-position: 10% 60%;
            background-size: auto 65%;
        }

        .loginlist input.validcode {
            background-image: url('/images/mine/validcode.png');
            background-repeat: no-repeat;
            float: left;
            background-position: 14% 60%;
            background-size: auto 57%;
        }

        .loginlist input.serno {
            background-image: url('/images/mine/serno.png');
            background-repeat: no-repeat;
            float: left;
            background-position: 11% 60%;
            background-size: auto 49%;
        }


.loginbtn button {
    width: 80%;
    margin-left: 10%;
    background: #50c8d8;
    border-radius: 25px;
    height: 40px;
    line-height: 40px;
    margin-bottom: 15%;
    margin-top: 5%;
    color: #fff;
    text-align: center;
    border: none;
    font-size: 110%;
    font-family: 微软雅黑;
}

.loginlist .useother {
    width: 52%;
    margin-left: 28%;
    float: left;
    margin-top: 2%;
}

    .loginlist .useother li {
        width: 33.3%;
        float: left;
    }

        .loginlist .useother li img {
            width: 56%;
        }

.loginlist .bottom {
    width: 100%;
    float: left;
    color: #999;
    padding-top: 5%;
    padding-bottom: 0%;
    position: relative;
    font-size: 90%;
}

    .loginlist .bottom span a {
        color: #999;
    }

    .loginlist .bottom span:first-child {
        display: inline-block;
        float: left;
        margin-left: 4%;
        position: absolute;
        bottom: 1px;
    }

    .loginlist .bottom span:last-child {
        display: inline-block;
        position: absolute;
        bottom: 4px;
        right: 4%;
    }

    .loginlist .bottom small {
        color: #50c8d8;
        font-size: 90%;
    }
/*checkwarpper*/
ul.selectwarpper {
    background: #fff;
    margin-bottom: 2%;
    padding-top: 2%;
    padding-bottom: 2%;
    overflow-y: auto;
}

    ul.selectwarpper li {
        float: left;
        margin: 1% 0 0 4%;
        padding: 1% 2%;
        text-align: center;
        border: 1px solid #ccc;
        border-radius: 4px;
    }

        ul.selectwarpper li.sel {
            border: 1px solid #f33712;
            background: #f33712;
            color: #fff;
        }
/*checkwarpper end*/
/*score*/
.scoresp1 {
    width: 100px;
    height: 20px;
    background: url('/images/reserve/start2.png');
    background-size: 20% 100%;
    position: relative;
    display: inline-block;
}

    .scoresp1.sp2 {
        width: 80px;
        height: 16px;
    }

    .scoresp1 span {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: url('/images/reserve/star1.png');
        background-size: auto 100%;
    }
/*score end*/
.emptytips {
    padding-top: 40%;
    background: url(/images/icon/empty.png) center 37% no-repeat;
    background-size: auto 62%;
    text-align: center;
    color: #999;
}


/*imgcodewarpper*/
#imgcodewarpper .item {
    padding: 0.3em;
}

    #imgcodewarpper .item img {
        width: 35%;
        margin-right: 0.3em;
        vertical-align: bottom;
    }

    #imgcodewarpper .item span {
        color: #666;
        font-size: 90%;
    }
/*imgcodewarpper end*/

/*show*/
.showlist .stf {
    width: 49%;
    margin: 1% 0;
}

    .showlist .stf div.top {
        position: relative;
        padding: 62% 0;
        width: 100%;
        background: #fff;
        overflow-y:auto;
    }

        .showlist .stf div.top img {
            width: 100%;
        }

    .showlist .stf .show_top {
        width: 100%;
        display: block;
    }

    .showlist .stf .stf_fig {
        background: #fff;
        position: relative;
        padding: 9px 13px;
    }

        .showlist .stf .stf_fig span {
            display: block;
        }

        .showlist .stf .stf_fig .stf_s1 {
            color: #222;
            font-size: 110%;
            margin-bottom: 10%;
            white-space: nowrap;
            overflow: hidden;
            line-height: 0;
            padding: 7% 0;
        }

        .showlist .stf .stf_fig .stf_s2 {
            font-size: 100%;
            color: #989898;
        }

        .showlist .stf .stf_fig .stf_my img {
            width: 20%;
            border-radius: 100px;
            position: absolute;
            top: -30%;
            right: 13px;
            border: 2px #fff solid;
        }

.showlist a:nth-child(2n+1) figure {
    float: left;
}

.showlist a:nth-child(2n) figure {
    float: right;
}

.showlist .stf_col {
    position: absolute;
    right: 13px;
    bottom: 10px;
    padding: 8%;
    display: inline-block;
    background: url('/Images/show_col.png') center no-repeat;
    background-size: auto 80%;
}

    .showlist .stf_col.sel {
        background-image: url('/Images/icon/i14.png');
    }
/*show end*/


/*selectedtime*/
.selectedtime {
    background: #f8f8f8;
    text-align: center;
    overflow-y: auto;
}

    .selectedtime i {
        display: inline-block;
        width: 20%;
        padding-top: 15%;
        background: url(/images/mine/goleft.png) center no-repeat;
        background-size: auto 40%;
        float: left;
    }

        .selectedtime i#next {
            background-image: url(/images/mine/goright.png);
        }

    .selectedtime span {
        float: left;
        display: inline-block;
        width: 60%;
        padding-top: 4.5%;
        padding-bottom: 4.5%;
    }
/*selectedtime end*/

/*changets end*/
/*selectedtime*/
.selectedtime {
    background-color: #fff4e3;
    position: relative;
}

    .selectedtime i {
        padding-top: 9.7%;
    }

    .selectedtime span {
        padding: 2.5% 0 0;
        color: #ef7000;
    }

        .selectedtime span#endtime {
            display: none;
        }

    .selectedtime d {
        display: none;
    }

    .selectedtime.ts span {
        width: 30%;
    }

        .selectedtime.ts span#endtime {
            display: inline-block;
        }

    .selectedtime.ts d {
        display: inline;
        color: #ef7000;
    }
/*selectedtime end*/
/*lists6*/
.lists6 {
    counter-reset: sectioncounter;
}

    .lists6 .item {
        background: #fff;
        margin-bottom: 2.8%;
        position: relative;
    }

        .lists6 .item:before {
            content: counter(sectioncounter);
            position: absolute;
            left: 0;
            top: 0;
            transform: translate(-50%,-50%);
            font-size: 114.286%;
            counter-increment: sectioncounter;
            margin: 5.5% 0 0 6%;
            color: #ccc;
            font-weight: 700;
        }

        .lists6 .item .top {
            line-height: 0;
            padding: 6% 4% 6% 4%;
            border-bottom: 1px solid #e5e5e5;
        }

            .lists6 .item .top span:first-child {
                font-weight: 700;
                font-size: 114.286%;
            }

            .lists6 .item .top span:nth-child(3n+2) {
                color: #666;
                font-size: 83.857%;
                margin-left: 0.8em;
            }

            .lists6 .item .top span:last-child {
                color: #E74640;
                font-size: 128.571%;
                font-weight: 700;
            }

        .lists6 .item .bot {
            overflow-y: auto;
            padding: 2% 0 0.8%;
        }

            .lists6 .item .bot div {
                float: left;
                width: 25%;
                text-align: center;
                padding-bottom: 1.8%;
            }

                .lists6 .item .bot div span {
                    display: block;
                }

                    .lists6 .item .bot div span:first-child {
                        font-size: 83.857%;
                        padding: 10.5% 0 5%;
                        line-height: 0;
                        font-weight: 700;
                        color: #333;
                    }

                    .lists6 .item .bot div span:last-child {
                        font-size: 71.429%;
                        color: #999;
                        padding: 4% 0 0%;
                    }

        /*.lists6 .item:first-child:before, .lists6 .item:nth-child(10000n+2):before, .lists6 .item:nth-child(10000n+3):before {
            content: "";
            background: url('/Images/xbb/jp.png') center no-repeat;
            background-size: auto 100%;
            padding: 1.1em 0.5em;
            margin-top: 6.5%;
        }*/

        .lists6 .item:nth-child(10000n+2):before {
            background-image: url('/Images/xbb/yp.png');
        }

        .lists6 .item:nth-child(10000n+3):before {
            background-image: url('/Images/xbb/tp.png');
        }
/*lists6 end*/
/*boxs6*/
.boxs6 {
    background: rgba(53,54,58,1);
    box-shadow: 0px 3px 6px rgba(53,54,58,0.08);
    border-radius: 4px;
    width: 6.4em;
    margin-top: 10px;
    height: 18.6em;
    padding-top: 6px;
    position: relative;
}

    .boxs6 div {
        font-size: 83.857%;
        color: #E9EDFF;
        height: 2.7em;
        line-height: 2.7em;
        border-bottom: 1px solid #55565B;
        padding-left: 1.2em;
        box-sizing: border-box;
    }

        .boxs6 div:last-child {
            border-bottom: none;
        }

    .boxs6:before {
        content: "";
        position: absolute;
        top: -6px;
        right: 0.5em;
        border-style: solid;
        border-color: transparent transparent rgba(53,54,58,1) transparent;
        border-width: 0 4px 6px 4px;
    }

.boxs6warpper {
    transition: all 0.5s;
    height: 0;
    overflow-y: hidden;
    position: fixed;
    right: 0;
    top: 0;
    margin: 0 4% 0 0;
    z-index: 101;
}
/*boxs6 end*/
/*setwarpper*/
.setwarpper {
    border: solid #ccc;
    border-width: 1px 0;
    background-color: white;
}

    .setwarpper div.warpper {
        padding: 5.9% 4.3% 5.9% 4.3%;
        overflow-y: auto;
        line-height: 0;
        position: relative;
        vertical-align: middle;
        border-bottom: 1px solid #ccc;
    }

    .setwarpper div.item:last-child div.warpper {
        border-bottom: none;
    }

    .setwarpper div.item div.warpper:after {
        content: "";
        position: absolute;
        right: 5%;
        top: 50%;
        width: 0;
        padding: 1.1%;
        border: solid #666;
        border-width: 2px 2px 0 0;
        -webkit-transform: rotate(45deg) translateY(-50%);
        transform: rotate(45deg) translateY(-50%);
    }

    .setwarpper div.item div.warpper:active {
        background-color: #f0f0f0;
    }

    .setwarpper div.item .left {
        float: left;
        color: #333;
    }

    .setwarpper div.item .right {
        float: right;
        color: #999;
        padding-right: 2%;
        white-space: nowrap;
    }

    .setwarpper div.item div.warpper .right {
        padding-right: 5%;
    }
    /*smalltips*/
        #smalltips {
            width: 85%;
            background-color: #fff;
            border: 1px dashed #f2f2f2;
            padding: 2%;
            /*font-size: 83.857%;*/
            margin: 4% auto 4%;
        }

            #smalltips div.title {
                font-weight: 700;
                line-height: 2;
            }

            #smalltips div.content {
                line-height: 1.6;
            }

                #smalltips div.content p {
                    display: block;
                }

                #smalltips div.content span {
                    color: red;
                    font-weight: 700;
                }

        /*smalltips end*/