@import "default.css";
@import "index.css";

/*场馆门票*/
.tickets {
    margin-bottom:0px;
}
.tickets .tag-header p {
    border-left: 5px #9682FD solid;
}

/*训练培训*/
.training {
    margin-top:8px;
    margin-bottom:0px;
}
.training .tag-header p {
    border-left: 5px #0091FF solid;
}
/*体育用品*/
.goods {
    margin-top:8px;
    margin-bottom:0px;
}
.goods .tag-header p {
    border-left: 5px #AAAAAA solid;
}

input, button {
  display: block;
  outline: none;
  border: none;
  resize: none;
  -webkit-appearance: none;
}
.product-d {
    position: relative;
    background-color: #fff;
}

    .product-d .buy .btn {
        height: 50px;
        line-height: 50px;
        background-color: #eb6100;
        border-radius: 5px;
        color: #fff;
        cursor: pointer;
    }

        .product-d .buy .btn:hover, .product-d .buy .btn:active {
            background-color: #cd5602;
        }

/*详情说明*/
.introduce-d .mod-info p {
    line-height: 1.8em;
    margin-bottom: 1em;
}

.introduce-d .mod-info img {
    margin-bottom: 10px;
}

.mod .mod-info p {
    text-align: left;
}

.mod .mod-info img {
    max-width: 100%;
}
.mod .mod-info embed {
    max-width: 100%;
}

.mod .mod-explain {
    text-align: left;
    padding-left: 15px;
    padding-top: 10px;
    word-break: break-all;
}

/*场馆链接样式*/
.ShangJia > a {
    color: red;
}

/*自适应屏幕宽度小于等于1000像素*/
@media screen and (max-width: 1000px) {

    .content {
        padding-top: 88px;
    }

    .product-d {
        margin-top: -48px;
        border-bottom: 1px solid #ddd;
        margin-bottom: 5px;
    }

        .product-d .main-img {
            width: 50%;
        }

            .product-d .main-img img {
                width: 100%;
                height: 248px;
            }

        .product-d .goods {
            position: absolute;
            top: 0;
            left: 50%;
            font-size: 20px;
            font-weight: bold;
            color: #000;
            height: 3em;
            text-align: left;
            overflow: hidden;
            padding: 0 10px;
        }

        .product-d .tips {
            position: absolute;
            top: 65px;
            left: 50%;
            height: 90px;
            text-align: left;
            margin-left: 10px;
        }

        .product-d .price .price-now {
            font-size: 4em;
        }

        .product-d .price .price-past {
            font-size: 1.6em;
        }

        .product-d .buy {
            position: fixed;
            left: 0;
            right: 0;
            bottom: 0;
            height: 60px;
            background-color: #fff;
            box-shadow: 0 -1px 1px rgba(0,0,0,.15);
            z-index: 2;
        }

            .product-d .buy .btn {
                margin: 5px 10px;
            }

    .mod {
        margin-bottom: 5px;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        background-color: #fff;
        text-align: center;
    }

        .mod .mod-title {
            height: 30px;
            line-height: 30px;
            font-size: 16px;
            font-weight: bold;
            color: #000;
            text-align: left;
            text-indent: .5em;
            border-bottom: 1px solid #ddd;
            border-left: 4px solid #0091ff;
        }

        .mod .mod-info {
            padding: 10px 15px;
        }

    /*商家介绍*/
    .seller-d .mod .mod-info strong {
        font-size: 13px;
        color: #333;
    }

    /*地理位置*/
    .map-d .mod-info {
        padding: 0;
    }
}


/*自适应屏幕宽度小于等于640像素*/
@media screen and (max-width: 640px) {
    /*商品说明*/
    .product-d .main-img {
        width: auto;
        padding: 4px;
    }

        .product-d .main-img img {
            width: 100%;
            min-height:100px;
            max-height:280px;
        }

    .product-d .goods {
        position: absolute;
        left: 4px;
        right: 4px;
        top: auto;
        bottom: 149px;
        height: 30px;
        font-size: 16px;
        line-height: 30px;
        text-align: left;
        color: #fff;
        font-weight: bold;
        background-color: #000;
        background-color: rgba(0,0,0,.75);
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .product-d .tips {
        position: static;
    }

    .product-d .price .price-now {
        font-size: 2.6em;
    }

    .product-d .price .price-past {
        font-size: 1.1em;
    }
}

/*自适应屏幕宽度大于等于1001像素*/
@media screen and (min-width: 1001px) {

    .coupon-box {
        margin-top: 45px;
    }

    .product-d {
        height: 268px;
        width: 788px;
        border: 1px solid #ddd;
        text-align: left;
    }

        .product-d .main-img {
            margin: 10px;
            float: left;
        }

            .product-d .main-img img {
                width: 410px;
                height: 250px;
            }

        .product-d .goods {
            margin-top: 15px;
            font-size: 16px;
            font-weight: bold;
            color: #000;
        }

        .product-d .tips {
            margin-top: 100px;
        }

        .product-d .price {
            background-color: #f4f4f4;
            height: 70px;
            width: 328px;
            padding: 5px 10px;
            text-align: left;
            top: 62px;
            left: 430px;
        }

            .product-d .price p {
                display: block;
            }

        .product-d .buy {
            position: absolute;
            padding: 10px;
            bottom: 0;
            right: 0;
        }

            .product-d .buy .btn {
                width: 120px;
                text-align: center;
            }

                .product-d .buy .btn span {
                    display: none;
                }

    .mod {
        padding: 10px 20px;
        background-color: #fff;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
    }

        .mod .mod-title {
            height: 30px;
            line-height: 30px;
            font-size: 16px;
            font-weight: bold;
            text-align: left;
            text-indent: .5em;
            color: #000;
            border-left: 4px solid #0091ff;
        }

        .mod .mod-info {
            padding: 15px;
        }

    .seller-d {
        margin-top: 10px;
        border-top: 1px solid #ddd;
    }


    .introduce-d {
        border-bottom: 1px solid #ddd;
    }
}