@charset "utf-8";
/* CSS Document */

body, html {
	width:100%
}
html{font-size:1px;}
@media screen and (max-width: 750px) {
    html {
      font-size: 0.13333333333vw;
    }
  }

body { margin:0; padding:0;font-family:"Montserrat","微软雅黑", Arial;line-height:1.5;  width:100%; margin:0px auto; }
img { border:0; display:inline; vertical-align: bottom; width:auto; height:auto; max-width:100%;}
div,ul,li,dl,dd,span,h1,h2,p,h4,h3 { margin:0; padding:0; list-style:none;}
.clear{ clear:both;}
input,textarea{ outline:none;}
a{
	text-decoration:none;
}

.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
* {
    box-sizing: border-box;
}
.flex-between {display: flex;align-items: center;justify-content: space-between;}
.flex-center-y {display: flex;align-items: center;}
.flex-center {display: flex;align-items: center;justify-content: center;}
.flex-column{flex-direction: column;}

.container{ padding:0rem 25rem; width:100%;}

.app{
    width: 100%;
    margin: auto;
    position: relative;
  font-size:26rem; 
    background-color: #b60900;
    color:#8a4502;
}

.container{
    padding: 0 25rem;max-width: 750px;
    width: 100%;
    margin: 0px auto;
   display: block;
}
.app:after{content:"\200B";display:block; height:0px; overflow:hidden;clear:both;}

.banner{ text-align: center;}
.banner img{ width: 100%; height: auto;}
.gift_list ul{display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10rem;
align-items: stretch;
}
.part_1{ position: relative; margin-bottom: 120rem;}
.part_1 .pic img{ width: 100%; display: block;}
.part_1 .box{ background-image: url(../images/arrow_18.png); background-repeat: repeat-y; background-position: center;background-size: 100%; padding: 0rem 33rem; text-align: center;}
.part_1 .box .infor{ font-size: 32rem; color: #8a4502; padding-bottom: 37rem;}
.part_1 .box .infor .tit{ font-weight: 800;}
.gift_list{}
.gift_list ul li{background:linear-gradient(to right,#d81106,#f84a19,#e7290f); color: #fff9e5; border: 3rem #ecb889 solid; border-radius: 17rem; padding: 2rem;}
.gift_list ul li .photo{padding-top:100%; width:100%; overflow:hidden; position: relative; display: block; border-radius: 17rem;}
.gift_list ul li .photo img{ width:100%; height:100%; position:absolute; top:0px; left:0px;object-fit: cover;
 object-position: center center;}
.gift_list ul li .content{ padding: 10rem 0rem; }
.gift_list ul li .content .tit{ font-size: 30rem; background-image: linear-gradient(to bottom, #fffcf3, #ffe092);
-webkit-background-clip: text;
color: transparent;font-weight: 800; margin-top: 7rem; margin-bottom: 10rem;}
.gift_list ul li .content .more{ border-radius: 19rem; width: 167rem; height: 38rem; margin: 0px auto;background:linear-gradient(to bottom,#fffcf3, #ffe092); color: #da1206; font-size: 26rem; font-weight: 800;letter-spacing: 2rem; cursor: pointer;}
.index_bt{ width: 100%; position: absolute; top: -51rem; z-index: 3; text-align: center;}
.index_bt img{ height: 109rem; width: auto;}
.index .container{ margin-top: -129rem; position: relative; z-index: 4;}
.commem_list .items{background:linear-gradient(to right,#d81106,#f84a19,#e7290f);color: #fff9e5; border: 3rem #ecb889 solid; border-radius: 17rem; padding: 3rem; font-size: 30rem; padding-bottom: 20rem; margin-bottom: 23rem;} 
.commem_list .items:last-child{ margin-bottom: 0rem;}
.commem_list .items .photo{padding-top:76.5%; width:100%; overflow:hidden; position: relative; display: block; border-radius: 17rem;}
.commem_list .items .photo img{ width:100%; height:100%; position:absolute; top:0px; left:0px;object-fit: cover;
 object-position: center center;}
.commem_list .items .content{ padding: 15rem 0rem 25rem; }
.commem_list .items .content .tit{ font-size: 40rem; background-image: linear-gradient(to bottom, #fffcf3, #ffe092);
-webkit-background-clip: text;
color: transparent;font-weight: 600; margin-top: 1rem; margin-bottom: 10rem;}
.commem_list .items .content .more{ border-radius: 26rem; width: 232rem; height: 53rem; margin: 0px auto;background:linear-gradient(to bottom,#fffcf3, #ffe092); color: #da1206; font-size: 31rem; font-weight: 800; letter-spacing: 4rem;cursor: pointer;}
.commem_list .items .box2{ width: 591rem; margin: 0rem auto;}
.commem_list .items .box2 .img1{ width: 201rem;}
.commem_list .items .box2 {background:linear-gradient(to right,#ffd7a0,#fff9f1,#fff);color: #fff9e5; border: 3rem #f4b378 solid; border-radius: 10rem; padding: 8rem; font-size: 34rem; font-weight: 800; color: #c60001;}
.commem_list .items .box2 .mess{ flex:1; overflow: hidden; text-align: center;}
.commem_list .items .box2 .mess .txt{ font-size: 48rem;}
.gift_list.no1 ul li .content{ padding-left: 10rem; padding-right: 10rem; font-size: 24rem; color: #fff9e5;}
.gift_list.no1 ul li{ font-size: 26rem;}
.gift_list.no1 ul li .box2{background:linear-gradient(to right,#ffd7a0,#fff,#fff);color: #fff9e5; border: 3rem #f4b378 solid; border-radius: 10rem; font-weight: 600; color: #c60001;}
.gift_list.no1 ul li .box2 .mess{ flex:1; overflow: hidden; margin-left: 7rem; font-size: 22rem; font-weight: 800; text-align: left; line-height: 1.3;}
.gift_list.no1 ul li .box2 .mess .txt{ font-size: 26rem;background-image: linear-gradient(to bottom, #cf0000, #f44317);
-webkit-background-clip: text;
color: transparent;}

.gift_list.no1 ul li .box2 .mess .lab{ font-size: 22rem;background-image: linear-gradient(to bottom, #cf0000, #f44317);
-webkit-background-clip: text;
color: transparent;}
.gift_list.no1 ul li .box2 .more2{ width: 83rem;height: 75rem; border-radius: 9rem;background:linear-gradient(to bottom,#fe3c10, #d81105); color: #ffedda; font-size: 26rem; font-weight: normal; line-height: 1.2; cursor: pointer;}
.gift_list.no1 ul li .content .tit{ margin-top: 0px;}
.footer-nav ul li span{ font-size: 12px !important;}
.footer-nav ul li i{ background-size: cover !important;}

.gift_list ul li .photo .sold{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;background-color:rgba(0,0,0,0.3);z-index: 4;}
.gift_list ul li .photo .sold img{ width: 284rem; height: auto; position: static;}

.p_frame{ background-color:rgba(0,0,0,0.6); position:fixed; z-index:1000; left:0px; top:0px; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; display:none;}
.p_frame .p_content{ width: 547rem; position: relative; zoom: .8;}
.p_frame .p_content .box{background:linear-gradient(to bottom,#ff8d59, #ff3d27); padding: 0rem 19rem 19rem; border-radius: 25rem; }
.p_frame .p_content .box .title{ font-size: 34rem; text-align: center; font-weight: 600; line-height: 1; padding: 28rem 0rem; color: #fff;}
.p_frame .p_content .book{background:linear-gradient(to bottom,#fdf6eb, #f9e8d2); padding: 33rem 24rem 48rem; border-radius: 25rem; }
.p_frame .p_content .book ul li{ margin-bottom: 17rem;}
.p_frame .p_content .book ul li .formbit{ width: 100%; height: 76rem; line-height: normal; border-radius: 38rem; padding-left: 30rem;padding-right: 10rem; color: #945336; font-size: 30rem; border: 0px; outline: none;}
.p_frame .p_content .book ul li .formbit::-webkit-input-placeholder {
color:#945336;}
.p_frame .p_content .book ul li:last-child{ margin-bottom: 0px;}
.p_frame .p_content .book ul li.no3{ gap: 13rem;}
.p_frame .p_content .book ul li.no3 .formbit{ flex:1;}
.p_frame .p_content .book ul li .sumbit{ width: 269rem; height: 66rem; border-radius: 32rem;background:linear-gradient(to bottom,#fe7c52, #ec290d); border: 0px; outline: none; font-size: 36rem;letter-spacing: 5rem; color: #fff; font-weight: 600; line-height: 1;}
.p_frame .p_content .book ul li.last{ padding-top: 30rem;}
.p_frame .p_content .closed{  width: 70rem; margin: 10rem auto 0rem; cursor: pointer;}
.p_frame.show{ display:flex;}
@media screen and (max-width: 750px) {
  .p_frame .p_content{ zoom: 1;}
}