*{margin: 0;padding: 0;text-decoration: none;}
html{font-size: 14px;font-family: "Microsoft YaHei"}
body{background-color: #a71021;}
div.chr-bg{width: 100%;max-width: 1920px;margin: 0 auto;background: #a71021 url("https://image.evget.com//Content/files/2018/12/10/5c68936867e641cd9a04ea05ecadbe6c636800338437163084.png") repeat-y;background-size: 100%}
div.top-img{width: 100%}
div.top-img img{display: block;border: none;width: 100%;}
div.top-img .white{margin-top: -50px;}
div.mid-con{width: 1200px;margin: -20px auto 0;}

/*浓情圣诞 原厂大礼暖寒冬*/
div.mid-con .shop-gift{background: url("../img/shop-gift-bg.png") no-repeat;background-size: 100% 100%;padding: 60px 90px 70px;box-sizing: border-box}
div.mid-con .shop-gift h2{font-size: 32px;color: #007130;font-weight: 600;margin: 0 auto;text-align: center;width: 410px;border-bottom: 3px solid #af1829;padding-bottom: 10px;}
div.mid-con .shop-gift h2 img{display: inline-block;border: none;margin-right: 5px;vertical-align: -10px;}
div.mid-con .shop-gift>p{margin: 0 auto;text-align: center;font-size: 20px;color: #af1829;line-height: 35px;}
div.mid-con .all-gift{margin-top: 50px;}

div.mid-con .special-gift{overflow: hidden;}
div.mid-con .special-gift .gift-list{float: right;width: 330px;height: 350px;background-color: #af1829;border-radius: 5px;color: #fff;padding: 20px; box-sizing: border-box;line-height: 40px;}
div.mid-con .special-gift .gift-list h4{font-size: 22px;font-weight: 500;margin-top: 55px;}
div.mid-con .special-gift .gift-list p{font-size: 16px;text-align: justify}
div.mid-con .special-gift .gift-first{float: left;width: 330px;height: 350px;border: 2px solid #af1829;box-sizing: border-box;border-radius: 5px;overflow: hidden}
div.mid-con .special-gift .gift-second{float: left;width: 330px;height: 350px;border: 2px solid #af1829;box-sizing: border-box;margin-left: 15px;border-radius: 5px;overflow: hidden}

div.mid-con .special-gift figure div{height: 251px;line-height: 251px;padding-top: 20px;box-sizing: border-box;}
div.mid-con .special-gift figure div img{display: block;border: none;margin: 0 auto;}
div.mid-con .special-gift figure figcaption{height: 95px;background: #af1829 url("../img/fig-bg.png") no-repeat;text-align: center;}
div.mid-con .special-gift figure figcaption img{display: inline-block;border:none;margin-top: 8px;margin-right: 10px;}
div.mid-con .special-gift figure figcaption p{display: inline-block;text-align: justify;color: #fff;font-size: 16px;vertical-align: 22px;line-height: 25px;}

div.mid-con .rule-gift{width: 100%;margin-top: 15px;overflow: hidden;}
div.mid-con .rule-gift .rule{width: 330px;height: 350px;float: left;padding: 20px; box-sizing: border-box;border-radius: 5px;background-color: #af1829;color: #fff;line-height: 40px;}
div.mid-con .rule-gift .rule h4{font-size: 22px;font-weight: 500;margin-top: 20px;}
div.mid-con .rule-gift .rule p{font-size: 16px;text-align: justify}

div.mid-con .rule-gift figure{width: 675px;height: 350px;float:right;border: 2px solid #af1829;box-sizing: border-box;border-radius: 5px;overflow: hidden;}
div.mid-con .rule-gift figure div{height: 251px;line-height: 251px;padding-top: 20px;box-sizing: border-box;}
div.mid-con .rule-gift figure div img{display: block;border: none;margin: 0 auto;}
div.mid-con .rule-gift figure figcaption{height: 95px;background: #af1829 url("../img/fig-bg3.png") no-repeat;text-align: center;}
div.mid-con .rule-gift figure figcaption img{display: inline-block;border:none;margin-top: 8px;margin-right: 10px;}
div.mid-con .rule-gift figure figcaption p{display: inline-block;text-align: justify;color: #fff;font-size: 16px;vertical-align: 22px;line-height: 25px;}

/*感恩回馈 除旧迎新赠实惠*/
div.mid-con .shop-list{background: url("../img/shop-gift-bg2.png") no-repeat;background-size: 100% 100%;padding: 60px 40px 70px;margin-top: 55px;}
div.mid-con .shop-list h2{font-size: 32px;color: #007130;font-weight: 600;margin: 0 auto;text-align: center;width: 410px;border-bottom: 3px solid #af1829;padding-bottom: 10px;}
div.mid-con .shop-list h2 img{display: inline-block;border: none;margin-right: 5px;vertical-align: -10px;}
div.mid-con .shop-list>p{margin: 0 auto;text-align: center;font-size: 20px;color: #af1829;line-height: 35px;}

div.mid-con .shop-list .product{margin-top: 50px;}
div.mid-con .shop-list .product .pro-list{overflow: hidden;}
div.mid-con .shop-list .product .pro-list h3{font-size: 26px;color: #af1829;margin-bottom: 20px;}
div.mid-con .shop-list .product .pro-list h3 img{display: inline-block;border: none;vertical-align: -3px; margin-right: 8px;}

div.mid-con .shop-list .product .pro-all{width: 100%;overflow:hidden;margin-bottom: 20px;}
div.mid-con .shop-list .product .pro-all figure{width: 49%;border: 3px solid #af1829;box-sizing: border-box;overflow: hidden;margin-bottom: 20px;}
div.mid-con .shop-list .product .pro-all figure:nth-child(2n-1){float: left;}
div.mid-con .shop-list .product .pro-all figure:nth-child(2n){float: right;}
div.mid-con .shop-list .product .pro-all figure img{display: block;border: none;float: left;}
div.mid-con .shop-list .product .pro-all figure figcaption{width: 297px;height: 170px;padding: 0 20px;box-sizing: border-box; float: right;background: #af1829 url("../img/pro-bg2.png") no-repeat;background-size: 100% 100%;}

div.mid-con .shop-list .product .pro-first figure figcaption{background: #af1829 url("../img/pro-bg.png") no-repeat;background-size: 100% 100%;}
div.mid-con .shop-list .product .pro-second figure:nth-child(3) figcaption{background: #af1829 url("../img/pro-bg.png") no-repeat;background-size: 100% 100%;}

div.mid-con .shop-list .product .pro-all figure figcaption a{text-decoration: none;color: white;}
div.mid-con .shop-list .product .pro-all figure figcaption h4{font-size: 28px;margin-top: 25px;line-height: 40px;}
div.mid-con .shop-list .product .pro-all figure figcaption p{font-size: 16px;text-align: justify;line-height: 25px;}
div.mid-con .shop-list>a{text-decoration: none;font-size: 24px;display: block;margin: 0 auto; color: #fff;background-color: #007130;width: 260px;height: 50px;line-height: 50px;text-align: center;border-radius: 5px;}
div.mid-con .shop-list>a img{display: inline-block;margin-right: 5px;vertical-align: -5px;}

 /*申请表*/
div.mid-con .applyTable{margin: 50px 0;text-align: center}
div.mid-con .applyTable h3{text-align: center;font-size: 30px;color: #fff;font-weight: 500;}
div.mid-con .applyTable .contact_input{width:1200px;margin:0 auto;}
div.mid-con .applyTable .contact_input input[type=text]{width:500px;height:39px;border:none;border-bottom:2px #ccc solid;margin-right:100px;font-size:16px;color:#fff;opacity:0.7;margin-top:30px;outline:none;background-color: transparent;}

div.mid-con .applyTable .contact_input input[type=text]::-webkit-input-placeholder { /* WebKit, Blink, Edge */color:#dbdbdb;}
div.mid-con .applyTable .contact_input input[type=text]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#dbdbdb;}
div.mid-con .applyTable .contact_input input[type=text]::-moz-placeholder { /* Mozilla Firefox 19+ */color:#dbdbdb;}
div.mid-con .applyTable .contact_input input[type=text]:-ms-input-placeholder { /* Internet Explorer 10-11 */color:#dbdbdb;}

div.mid-con .applyTable .contact_input textarea{width:1100px;height:39px;border:none;border-bottom:2px #ccc solid;font-size:16px;color:#fff;opacity:0.7;margin-top:40px;outline:none;resize:none;background-color: transparent;}

div.mid-con .applyTable .contact_input textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */color:#dbdbdb;}
div.mid-con .applyTable .contact_input textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#dbdbdb;}
div.mid-con .applyTable .contact_input textarea::-moz-placeholder { /* Mozilla Firefox 19+ */color:#dbdbdb;}
div.mid-con .applyTable .contact_input textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */color:#dbdbdb;}

div.mid-con .applyTable .contact_input p{font-size:12px;color:#000;opacity:0.6;line-height:40px;text-align:left;}
div.mid-con .applyTable .contact_input input[type=submit]{width:194px;height:48px;background-color:#007130;line-height:48px;color:#fff;font-size:18px;margin-top:35px;border:none;border-radius:5px;}
div.mid-con .applyTable .contact_input p a{color:#2A89B5;text-decoration:underline;}
div.mid-con .applyTable .contact_input input[type=text]:focus{border-bottom:2px #fff  solid;}
div.mid-con .applyTable .contact_input textarea:focus{border-bottom:2px #fff  solid;}
div.mid-con .applyTable .contact_input div{text-align: left;margin-left: 50px;}

/*联系我们*/
div.contact-us{height: 145px;width: 100%;background-color: #af1829;box-shadow: 0 -1px 20px rgba(0, 0, 0, 0.21);margin-top: 80px;text-align: center;}
div.contact-us>*{display: inline-block;text-decoration: none;color:white;font-size: 20px;line-height: 145px;margin: 0 20px;}
div.contact-us img{display: inline-block;margin-right: 5px;vertical-align: -8px;}

/*手机端*/
@media (max-width: 480px) {
    /*top-img*/
    div.top-img{height: 210px;width: 100%;text-align: center;overflow: hidden}
    div.top-img .adv-img{display: inline-block;margin: 0 -100%;width: auto;height: 180px;}
    div.top-img .white{height: 50px;margin: -20px auto 0;width: 100%;}


    div.mid-con{width: 100%;margin: 30px auto 0;}

    /*浓情圣诞 原厂大礼暖寒冬*/
    div.mid-con .shop-gift{width: 100%;background:none;padding: 0 10px;}
    div.mid-con .shop-gift h2{font-size: 20px;color: #007130;width: 90%;height: 45px; line-height: 45px; background-color: rgba(255, 255, 255, 0.61);text-align: center;border-bottom: none;padding: 0;border-radius: 5px}
    div.mid-con .shop-gift h2 img{width: 25px; height: 30px; margin-right: 5px;vertical-align: -8px;}
    div.mid-con .shop-gift>p{font-size: 16px;color: #fff;line-height: 35px;}
    div.mid-con .all-gift{margin-top: 30px;}

    div.mid-con .special-gift{display: flex;flex-direction: column;}
    div.mid-con .special-gift .gift-list{float: none;width: 100%;height: auto; background-color: rgba(255, 255, 255, 0.3);padding: 30px 20px;line-height: 30px;}
    div.mid-con .special-gift .gift-list h4{font-size: 18px;margin: 0}
    div.mid-con .special-gift .gift-list p{font-size: 14px;}
    div.mid-con .special-gift .gift-first{float: none;width: 100%;height: auto;border: none;margin: 20px 0;}
    div.mid-con .special-gift .gift-second{float: none;width: 100%;height: auto;border: none;margin: 0}

    div.mid-con .special-gift figure div{height: 251px;line-height: 251px;padding-top: 20px;box-sizing: border-box;background-color: #fff}
    div.mid-con .special-gift figure div img{display: block;border: none;margin: 0 auto;}
    div.mid-con .special-gift figure figcaption{height: 65px;background: #018038 no-repeat;display: flex;padding: 0 20px;}
    div.mid-con .special-gift figure figcaption img{height: 55px; margin-top: 6px;margin-right: 5px;}
    div.mid-con .special-gift figure figcaption p{font-size: 14px;vertical-align: top;line-height: 25px;margin-top: 8px}
    div.mid-con .special-gift figure figcaption p>br{display: none;}

    div.mid-con .rule-gift{margin-top: 20px;display: flex;flex-direction: column;}
    div.mid-con .rule-gift .rule{width: 100%;height: auto;float: none;padding:30px 20px;  background-color: rgba(255, 255, 255, 0.3);line-height: 30px;}
    div.mid-con .rule-gift .rule h4{font-size: 18px;margin-top: 0;}
    div.mid-con .rule-gift .rule p{font-size: 14px;}

    div.mid-con .rule-gift figure{width: 100%;height: auto;float:none;border: none;margin: 20px 0;}
    div.mid-con .rule-gift figure div{height: auto;line-height: normal;padding: 20px 10px;background-color: #fff;}
    div.mid-con .rule-gift figure div img{width: 100%}
    div.mid-con .rule-gift figure figcaption{height: 65px;background: #018038 no-repeat;display: flex;padding: 0 20px;}
    div.mid-con .rule-gift figure figcaption img{height: 55px; margin-top: 6px;margin-right: 5px;}
    div.mid-con .rule-gift figure figcaption p{font-size: 14px;vertical-align: top;line-height: 25px;margin-top: 8px}
    div.mid-con .rule-gift figure figcaption p>br{display: none;}

    /*感恩回馈 除旧迎新赠实惠*/
    div.mid-con .shop-list{background: none;padding: 0 10px;margin-top: 30px;}
    div.mid-con .shop-list h2{font-size: 20px;color: #007130;width: 90%;height: 45px; line-height: 45px; background-color: rgba(255, 255, 255, 0.61);text-align: center;border-bottom: none;padding: 0;border-radius: 5px}
    div.mid-con .shop-list h2 img{width: 25px; height: 30px; margin-right: 5px;vertical-align: -8px;}
    div.mid-con .shop-list>p{font-size: 16px;color: #fff;line-height: 35px;}

    div.mid-con .shop-list .product{margin-top: 30px;background: rgba(255, 255, 255, 0.3);border-radius: 5px;padding: 20px 10px 0;}
    div.mid-con .shop-list .product .pro-list{overflow: hidden;}
    div.mid-con .shop-list .product .pro-list h3{font-size: 20px;color: #67040f;margin-bottom: 10px;font-weight: 500}
    div.mid-con .shop-list .product .pro-list h3 img{height: 18px;width:18px;vertical-align: -2px;}

    div.mid-con .shop-list .product .pro-all{margin-bottom: 15px;}
    div.mid-con .shop-list .product .pro-all figure{width: 100%;border: 2px solid #af1829;margin-bottom: 20px;background-color: #fff;display: flex;align-items: center;}
    div.mid-con .shop-list .product .pro-all figure:nth-child(2n-1){float: none;}
    div.mid-con .shop-list .product .pro-all figure:nth-child(2n){float: none;}
    div.mid-con .shop-list .product .pro-all figure img{display: block;float: none;width: 40%;height: 90px;}
    div.mid-con .shop-list .product .pro-all figure figcaption{flex: 1; height: auto;float: none;padding: 15px 5px;}

    div.mid-con .shop-list .product .pro-all figure figcaption h4{font-size: 18px;margin-top: 0;line-height: 30px;}
    div.mid-con .shop-list .product .pro-all figure figcaption p{font-size: 14px;line-height: 20px;}

    div.mid-con .shop-list>a{font-size: 18px;width: 240px;height: 40px;line-height: 40px;margin-top: 20px;}
    div.mid-con .shop-list>a img{height: 20px;width: 20px; margin-right: 5px;vertical-align: -3px;}

    
     /*申请表*/
    div.mid-con .applyTable{margin: 30px 0;}
    div.mid-con .applyTable h3{text-align: center;font-size: 20px;font-weight: 500;}
    div.mid-con .applyTable .contact_input{width:100%;margin:0 auto;padding:0 10px;box-sizing:border-box;}
    div.mid-con .applyTable .contact_input input[type=text]{width:100%;height:30px;margin-right:0;font-size:14px;}
    div.mid-con .applyTable .contact_input textarea{width:100%;height:40px;font-size:14px;margin-top:40px;}
    div.mid-con .applyTable .contact_input input[type=submit]{width:100%;height:40px;line-height:40px;font-size:14px;margin-top:20px;}
    div.mid-con .applyTable .contact_input div{text-align: center;margin-left: 0;height:auto;}


    /*联系我们*/
    div.contact-us{height: 100px;width: 100%;margin-top: 40px;text-align: center;}
    div.contact-us>*{display: inline-block;text-decoration: none;color:white;font-size: 14px;line-height: 100px;margin: 0 5px;}
    div.contact-us img{width: 16px;height: 16px; margin-right: 5px;vertical-align: -5px;}
}