/*---------- 0.public ----------*/
.white,
.white a:link,
.white a:visited,
.white a:hover {
    color: white;
}

.red,
.red a:link,
.red a:visited,
.red a:hover {
    color: #8f3533;
}

.brown,
.brown a:link,
.brown a:visited,
.brown a:hover {
    color: #352610;
}

body {
    background-color: #ffebd7;
}

/* main */
.lhparties-main {
    overflow: hidden;
}

/*---------- 1. Top ----------*/
.lhparties-main .top-wrap {
    background: url(../images/top.jpg) no-repeat top center;
}

.lhparties-main .top-wrap .top {
    position: relative;
    height  : 484px;
}

.lhparties-main .top-wrap .top .w1200 img.cpc {
    position: absolute;
    top     : 40px;
    left    : 0px;
}

.lhparties-main .top-wrap .top .w1200 img.logo {
    position: absolute;
    top     : 36px;
    left    : 275px;
}

.lhparties-main .top-wrap .editor {
    border-radius   : 20px;
    background-color: #fff3e3;
    box-shadow      : 2.294px 3.277px 9px 0px rgba(107, 24, 13, 0.17);
    width           : 1162px;
    padding         : 15px 45px;
}

.lhparties-main .top-wrap .editor p {
    color      : #492727;
    margin-top : 8px;
    font-size  : 14px;
    text-indent: 2em;
}

/*---------- 2. container ----------*/
.lhparties-main .container {
    position  : relative;
    margin-top: 36px;
    height    : 524px;
}

.lhparties-main .container::before {
    display         : block;
    content         : '';
    border-radius   : 10px;
    background-color: #a32e1f;
    box-shadow      : 1.231px 1.576px 10px 0px rgba(123, 77, 31, 0.65);
    height          : 82%;
    width           : 100%;
    left            : 0px;
    top             : 70px;
    position        : absolute;
}

.lhparties-main .container::after {
    display         : block;
    position        : absolute;
    border-radius   : 20px;
    content         : '';
    background-color: #fff3e3;
    box-shadow      : 4.015px 5.734px 4px 0px rgba(107, 24, 13, 0.28);
    height          : 90%;
    width           : 97%;
    left            : 18px;
    top             : 0;
}

.lhparties-main .container .card-box {
    position: absolute;
    z-index : 2;
    width   : 93%;
    left    : 37px;
}

.lhparties-main .container .card-box h2.title {
    height    : 59px;
    text-align: center;
    font      : normal 30px/59px 'Microsoft YaHei', 'pingfang SC', 'helvetica neue';
    color     : #492727;
}

.lhparties-main .container .card-box h2.title span {
    padding                   : 0 52px;
    display                   : inline-block;
    background-color          : #f9dccb;
    border-bottom-left-radius : 28px 59px;
    border-bottom-right-radius: 28px 59px;
}

.lhparties-main .container .card-box .pic-wrap {
    margin-top: 34px;
}

.lhparties-main .container .card-box .pic-wrap img.pic {
    float: left;
}

.lhparties-main .container .card-box .pic-wrap p.txt {
    width           : 615px;
    height          : 331px;
    float           : right;
    background-color: rgba(205, 68, 44, 0.102);
    padding         : 20px;
    border-radius   : 5px 5px 0 0;
    font-size       : 16px;
    line-height     : 1.8;
    text-indent     : 2em;
}

/*---------- 3.footer ----------*/
.lhparties-main .copyright {
    text-align : center;
    color      : #fff;
    font-size  : 14px;
    line-height: 1.5;
    height     : 162px;
    background : url(../images/bg2.png) no-repeat bottom center;
    padding-top: 60px;
    margin-top : 40px;
}

@media (min-device-width: 320px) and (max-width: 689px),
(max-device-width: 480px) {
    body {
        width: 1240px;
    }
}