/* 页面公用部分 */
body {
    min-width: 1230px;
    background-color: #fff;
}

/* 消除input元素 type="number" 时默认的 加减按钮*/
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* 消除input元素 type="number" 时默认的 加减按钮---moz版*/
input[type="number"] {
    -moz-appearance: textfield;
}

@font-face {
font-family: DINBold;
src: url("../../fonts/DINPro-Medium.eot");
/* IE9 */
src: url("../../fonts/DINPro-Medium.eot") format("embedded-opentype"),
    /* IE6-IE8 */ url("../../fonts/DINPro-Medium.woff") format("woff"),
    /* chrome、firefox */ url("../../fonts/DINPro-Medium.ttf") format("truetype"),
    /* chrome、firefox、opera、Safari、Android、IOS */
    url("../../fonts/DINPro-Medium.svg") format("svg");
/* ios 4.1 */
}

.DINBold {
    font-family: DINBold;
}

.w1200 {
    width: 1200px;
}

.auto0 {
    margin: 0 auto;
}

.base_tit {
    font-size: 30px;
    line-height: 42px;
    color: #000;
}

.base_txt {
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, .5);
    margin-top: 8px;
}

.main-box {
    margin-top: 80px;
}

/* banner区域 */
.banner {
    width: 100%;
    height: 260px;
    background: url('../../image/lpq/banner.png?v=2') center no-repeat;
    background-size: cover;
    position: relative;
}

.banner_txt .banner_tit {
    font-size: 38px;
    line-height: 53px;
    color: #000;
    padding: 75px 0 16px;

}

.banner_txt .banner_desc {
    width: 468px;
    font-size: 14px;
    line-height: 24px;
    color: rgba(0, 0, 0, .5);
}

/* 流拍券套餐 */
.lpq_items_box {
    margin-top: 32px;
    padding-bottom: 48px;
}

.lpq_items_box .lpq_item {
    height: 330px;
    border-radius: 8px;
    margin-top: 24px;
    margin-bottom: 48px;
    background: #eef4ff url('../../image/lpq/item_bak2.png') no-repeat 0 0 / 96px 330px;
}

.lpq_items_box .lpq_item:last-child {
    margin-bottom: 0;
}

.lpq_items_box .lpq_item_tit {
    width: 96px;
    padding-top: 127px;
}

.lpq_items_box .lpq_item_tit > p {
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    text-align: center;
}

.lpq_items_box .lpq_item_wrp {
    width: 1084px;
    padding-left: 20px;
}

.lpq_items_box .lpq_item_data {
    position: relative;
    width: 214px;
    height: 288px;
    margin-top: 21px;
    margin-right: 20px;
    padding: 0 17px;
    border: 1px solid transparent;
    border-radius: 8px;
    background: #fff url('../../image/lpq/item_bak.png') no-repeat left top / 248px 158px;
    cursor: pointer;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.lpq_items_box .lpq_item_data:hover {
    border-color: #3270ff;
}

.lpq_items_box .lpq_item_data:hover .lqp_item_data_btn a {
    background: linear-gradient(90deg, #6ca5ff 0%, #5a7ef6 100%);
}

.lpq_items_box .lpq_item_data:nth-child(4n) {
    margin-right: 0;
}

.lpq_items_box .lpq_item_data_tit {
    font-size: 20px;
    line-height: 28px;
    color: #000;
    margin: 20px 0 26px;
}

.lpq_items_box .lpq_item_data_price {
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, .5);
}

.lpq_items_box .lpq_item_data_price .price {
    display: inline-block;
    width: 88px;
    color: rgba(0, 0, 0, .85);
    margin: 0 0 0 6px;
}

.lpq_items_box .lpq_item_data_price .price .price_nums {
    font-weight: 700;
}

.lpq_items_box .vip_price {
    line-height: 28px;
    margin: 16px 0 30px;
}

.lpq_items_box .lpq_item_data_price.vip_price .price .price_nums {
    position: relative;
    top: 2px;
    font-size: 20px;
    color: #fa6400;
}

.lpq_items_box .lpq_item_data_price .price_unit {
    font-size: 12px;
    color: rgba(0, 0, 0, .85);
}

.lpq_items_box .lpq_item_data_price.vip_price .unit_nums {
    color: #fa6400;
}

.lpq_items_box .lqp_item_data_js {
    height: 36px;
    color: rgba(0 ,0 , 0, .5);
}

.lpq_items_box .lqp_item_data_js > div {
    width: 148px;
}

.lqp_item_data_js .data_js_tit {
    font-size: 14px;
    line-height: 36px;
    margin-right: 10px;
}

.lqp_item_data_js .data_js_box {
    width: 34px;
    height: 34px;
    font-size: 16px;
    font-weight: 700;
    color: rgba(0, 0, 0, .85);
    line-height: 30px;
    text-align: center;
    border: 1px solid transparent;
    background-color: #f4f8ff;
    cursor: pointer;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.lqp_item_data_js .data_js_box:hover {
    border-color: #3270ff;
    color: #3270ff;
}

.lqp_item_data_js > div input {
    width: 60px;
    height: 36px;
    font-size: 14px;
    line-height: 36px;
    color: rgba(0 ,0 , 0, .5);
    text-align: center;
    margin: 0 1px;
    background-color: #f4f8ff;
}

.lqp_item_data_btn {
    width: 217px;
    height: 36px;
    margin-top: 31px;
}

.lqp_item_data_btn a {
    display: block;
    width: 217px;
    height: 36px;
    font-size: 14px;
    color: #fff;
    line-height: 36px;
    text-align: center;
    background: linear-gradient(90deg, #3d88ff 0%, #2656f2 100%);
    border-radius: 4px;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.lqp_item_data_btn a:hover {
    background: linear-gradient(90deg, #6ca5ff 0%, #5a7ef6 100%);
}

.lqp_item_data_tips {
    position: absolute;
    top: 0;
    right: 0;
    width: 78px;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
}

/* 流拍券购买弹窗 */
.lqp-buy-layer {
    border-radius: 8px !important;
}

.lpq_buy_dialog {
    position: relative;
    width: 456px;
    height: 310px;
    background: url('../../image/lpq/buy_dialog_bak.png') no-repeat 0 0 / 100%;
    border: 2px solid #fff;
    border-radius: 8px;
}

.lpq_buy_dialog > p {
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    color: rgba(0 ,0 , 0, .85);
    padding: 16px 0 24px 16px;
}

.lpq_buy_dialog ul {
    margin-left: 106px;
}

.lpq_buy_dialog li {
    color: rgba(0 ,0 , 0, .85);
    margin-bottom: 26px;
}

.lpq_buy_dialog li:nth-child(3) {
    margin-bottom: 16px;
}

.lpq_buy_dialog li:last-child span:first-child {
    line-height: 36px;
}

.lpq_buy_dialog li span:first-child {
    width: 84px;
    font-size: 14px;
    line-height: 20px;
    color: rgba(0 ,0 , 0, .5);
}

.lpq_buy_dialog li .s-span {
    position: relative;
    top: -2px;
}

.lpq_buy_dialog li span.nums {
    font-size: 30px;
    color: #fa6400;
    margin-right: 5px;
}

.lpq_buy_dialog li input {
    width: 144px;
    height: 36px;
    padding: 0 10px;
}

.lpq_buy_dialog li a {
    font-size: 12px;
    line-height: 36px;
    color: #3270ff;
    margin-left: 4px;
}

.lpq_buy_dialog  .lpq_buy_dialog_btn {
    width: 156px;
    height: 36px;
    margin: 0 auto;
}

.lpq_buy_dialog  .lpq_buy_dialog_btn a {
    display: block;
    width: 156px;
    height: 36px;
    font-size: 14px;
    color: #fff;
    line-height: 36px;
    text-align: center;
    border-radius: 4px;
    background: linear-gradient(90deg, #3d88ff 0%, #2656f2 100%);
    transition: all .3s;
    -webkit-transition: all .3s;
}

.lpq_buy_dialog  .lpq_buy_dialog_btn a:hover {
    background: linear-gradient(90deg, #6ca5ff 0%, #5a7ef6 100%);
}

.lpq_buy_dialog .close_dialog {
    position: absolute;
    top: 20px;
    right: 16px;
    width: 16px;
    height: 16px;
    background: url('../../image/lpq/close.png') no-repeat 0 0 / 100%;
    cursor: pointer;
}

/* 购买规则 */
.buy_rule {
    padding: 48px 0;
    background-color: #f5f9ff;
}

.buy_rule dl {
    margin-top: 30px;
}

.buy_rule dt {
    font-size: 18px;
    line-height: 25px;
    color: #000;
    margin-top: 27px;
    margin-bottom: 12px;
}

.buy_rule dt i {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 0 6px -6px 0;
    background-image: url('../../image/lpq/rule_icon1.png');
    background-repeat: no-repeat;
    background-size: 100%;
}

.buy_rule dt i.icon_2 {
    background-image: url('../../image/lpq/rule_icon2.png');
}

.buy_rule dd {
    font-size: 14px;
    line-height: 28px;
    color: rgba(0 ,0 , 0, .7);
}