﻿.wrapper1 {
    margin: 0 auto;
}

@media (min-width: 768px) {
    .wrapper1 {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .wrapper1 {
        width: 1024px;
    }
}

@media (min-width: 1200px) {
    .wrapper1 {
        width: 1170px;
    }
}

.banner-cxt .btn-wrapper1 a {
    margin-right: 20px;
}

.wechat-pay-dialog .qr-code-wrapper1 {
    width: 150px;
    height: 150px;
    border: solid 1px #ccc;
    margin: 0 auto;
    overflow: hidden;
}

    .wechat-pay-dialog .qr-code-wrapper1 .qr-code {
        width: 100%;
        height: 100%;
        margin: -15px;
        *margin: -20px;
    }

.price-wrap {
    font-size: 14px;
    line-height: 1;
}

    .price-wrap span.price {
        font-size: 24px;
        font-weight: bold;
        color: #f5622e;
    }

.buy-input {
    padding: 5px 0;
}

    .buy-input dd {
        float: left;
    }

        .buy-input dd.dd-01 {
            width: 32%;
            text-align: right;
            font-size: 16px;
            line-height: 36px;
        }

        .buy-input dd.dd-02 {
            width: 45%;
        }

        .buy-input dd.dd-03 {
            width: 20%;
            overflow: hidden;
        }

    .buy-input input {
        width: 100%;
        display: inline-block;
        *display: inline;
        *zoom: 1;
        height: 36px;
        line-height: 36px;
        text-indent: 1em;
        font-size: 18px;
        border: solid 1px #a0a0a0;
    }

        .buy-input input:focus {
            border-color: #268ff0;
            color: #268ff0;
        }

    .buy-input dd.dd-03 input {
        width: 20px;
        float: left;
        margin: 0 10px;
        border: none\0;
        ;
        *border: none;
        *margin-left: 20px;
    }

    .buy-input dd.dd-03 span {
        display: inline-block;
        line-height: 36px;
    }

.payment {
    text-align: center;
}

    .payment a {
        display: inline-block;
        text-align: center;
        cursor: pointer;
        margin: 0 5px;
        overflow: hidden;
    }

        .payment a div {
            width: 18px;
            height: 18px;
            float: left;
            background: url(pay-checkbox.png) no-repeat 50% 0;
            margin: 16px 10px 0;
        }

        .payment a.current div {
            background-position: 50% 100%;
        }

        .payment a img {
            height: 50px;
            display: block;
            float: left;
            cursor: pointer;
        }

.goods-pic, .goods-infor {
    float: none;
    width: 100%;
    height: auto;
}

.goods-pic {
    width: 32%;
    background: url(images/goods-pic.png) no-repeat 50% 0;
    height: 180px;
}

.left {
    float: left;
}

.goods-infor {
    width: 63%;
}

.pay-now {
    display: block;
    width: 240px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    font-size: 24px;
    color: #fff;
    background: url(btn-blue-bg-01.png) repeat-y;
    border: none;
    cursor: pointer;
    margin: 30px auto 0;
}

.multi-radio {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    margin-top: 25px;
    width: 1000px;
}

    .multi-radio:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
    }

    .multi-radio .boxwrap {
        display: inline-block;
        vertical-align: middle;
        *display: inline;
    }

    .multi-radio a {
        display: inline-block;
        margin-right: -1px; /* float:left; */ /* padding:5px 15px; */
        height: 50px;
        line-height: 50px;
        border: 1px solid #eee;
        vertical-align: middle;
        color: #333;
        font-size: 100%;
        cursor: pointer;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 180px;
        text-align: center;
        font-size: 14px;
    }

        .multi-radio a:hover {
            background: #C9E1EF;
            text-decoration: none;
        }

        .multi-radio a:active {
            text-decoration: none;
        }

        .multi-radio a.selected {
            background: #16a0d3;
            border-color: #1096c7;
            color: #fff;
        }

.plan-title {
    font-size: 24px;
    line-height: 1;
    padding-bottom: 10px;
}
