/*free-proofing*/
.free-proofing-mian{ position: relative; overflow: hidden; width: 100%; background-color: #fff5e0;}
.free-proofing-banner{ overflow: hidden; height: 650px; background: url(/zhuanti/2021/freeorder/img/free-proofing-bg@banner.jpg) center no-repeat;}
.free-proofing-banner .free-proofing-banner-box{ height: 544px; position: relative; width: 1000px; padding: 60px 20px;}
.free-proofing-banner .free-proofing-banner-box .des{ margin-top: 10px;}
.free-proofing-banner .free-proofing-banner-box .rec{ margin-top: 0; letter-spacing: 5px; padding-left: 2px; font-size: 22px; color: #490600;}
.free-proofing-banner .free-proofing-banner-box .rec span{ background-color: #cf262d; border-radius:3px; padding: 2px 5px; margin: 0 6px 0 0px; color: #fff; font-family: arial; letter-spacing: 2px; }
.free-proofing-banner .free-proofing-banner-box .img2{ position:absolute; left: 720px; top: 105px; z-index: 2; width: 625px; height: 531px; background: url(/zhuanti/2021/freeorder/img/free-proofing-img1@banner.png);}
.free-proofing-banner .free-proofing-banner-box .btn{ position: relative; left: 0; display:block; padding-right: 50px; width: 396px; height: 106px; margin-top: 55px; line-height: 94px; font-size: 36px; text-align: center; color: #a51716; background: url(/zhuanti/2021/freeorder/img/free-proofing-btn@banner.png);}

.lottery-draw-container{ margin-top: 90px; margin-bottom: 70px;}
.lottery-draw-container .lottery-draw-body{ /* border: 2px dotted #f26b0c; border-radius: 10px;*/}
.lottery-draw-container .lottery-draw-body .activity-rules{ float: left; width: 745px; height: 500px; border: 2px dotted #f26b0c; box-shadow: 0 5px 10px rgba(242,103,10,0.1);  border-radius: 10px;}
.lottery-draw-container .lottery-draw-body .activity-rules .box{ position: relative; padding:48px 30px;}
.lottery-draw-container .lottery-draw-body .activity-rules .box .title{	
	position: absolute;
    left: 50%;
    top: -50px;
    margin-left: -152px;
    width: 304px;
    height: 76px;
    background: url(/zhuanti/2021/freeorder/img/lottery-draw2@title.png);
}

.lottery-draw-container .lottery-draw-body .activity-rules .box .dt{ font-size:25px; margin-bottom:10px;}
.lottery-draw-container .lottery-draw-body .activity-rules .box .txt{ font-size: 15px; line-height: 2;}
.lottery-draw-container .lottery-draw-body .activity-rules .box .txt p{ margin-bottom:4px;}
.lottery-draw-container .lottery-draw-body .activity-rules .box .txt span{ display: inline-block; vertical-align: top;}
.lottery-draw-container .lottery-draw-body .activity-rules .box .txt .name{ display:inline-block; vertical-align: top; width: 100px; color:#ff6a00;}
.lottery-draw-container .lottery-draw-body .activity-rules .box .txt .num{ display: inline-block; vertical-align: middle; color: #ff6a00; width: 20px; height: 20px; margin: -2px 10px 0 0; line-height: 20px; text-align: center; border-radius: 10px; background-color:#fad6a9;}

.lottery-draw-container .lottery-draw-body .winners{ float: right; width: 500px; height: 500px; border: 2px dotted #f26b0c; border-radius: 10px; box-shadow: 0 5px 10px rgba(242,103,10,0.1);}
.lottery-draw-container .lottery-draw-body .winners .box{  position: relative; padding:50px 30px;}
.lottery-draw-container .lottery-draw-body .winners .box .title{	
	position: absolute;
    left: 50%;
    top: -50px;
    margin-left: -152px;
    width: 304px;
    height: 76px;
    background: url(/zhuanti/2021/freeorder/img/lottery-draw@title.png);
}

.lottery-draw-container .lottery-draw-body .winners .box .list{ overflow: hidden; height: 426px; }
.lottery-draw-container .lottery-draw-body .winners .box .list ul li{ height: 55px; line-height: 55px; padding: 0 22px; margin: 0 0 18px 0; box-shadow: 0 7px 7px rgba(242,103,10,0.04); background-color: #ffe7c9; border-radius: 10px; font-size: 18px; color: #ff6a00;}
.lottery-draw-container .lottery-draw-body .winners .box .list ul li:nth-child(3n){ margin-right: 0;}
.lottery-draw-container .lottery-draw-body .winners .box .list ul li i{ display:inline-block; vertical-align: middle; width: 25px; height: 25px; margin: -5px 8px 0 0; background: url(/zhuanti/2021/freeorder/img/lottery-draw@icon.png);}

.recent-activities-container{ margin-top: 75px; margin-bottom: 60px;}
.recent-activities-container .recent-activities-body{ position: relative; border: 2px dotted #f26b0c; border-radius: 10px; padding: 40px 42px 25px; background-color: #fff; box-shadow: 0 5px 10px rgba(242,103,10,0.1);}
.recent-activities-container .recent-activities-body .title{ position: absolute; left: 0; right: 0; top: -30px; margin: 0 auto; width: 363px; height: 65px; line-height: 65px; text-align: center; font-size: 28px; color: #fff; font-weight: bold; background: url(/zhuanti/2021/freeorder/img/recent-activities-title@bg.png);}
.recent-activities-container .recent-activities-body .recent-activities-item{ position: relative; border-bottom: 1px solid #dfdfdf; padding: 35px 0;}
.recent-activities-container .recent-activities-body .recent-activities-item:last-child{  border-bottom: 0;}
.recent-activities-container .recent-activities-body .recent-activities-item .show{ position: relative; overflow: hidden; float: left; width: 350px; height: 210px; background-color: #666;}
.recent-activities-container .recent-activities-body .recent-activities-item .show img{ width: 100%; transition: all 0.3s;}
.recent-activities-container .recent-activities-body .recent-activities-item:hover .show img{ transform: scale(1.04);}

.recent-activities-container .recent-activities-body .recent-activities-item .hot{ position: absolute; left: -8px; top: 28px; z-index: 2; width: 132px; height: 135px; background: url(/zhuanti/2021/freeorder/img/recent-activities-hot@title.png);}
.recent-activities-container .recent-activities-body .recent-activities-item .txt{ float: left; width: 545px; font-size: 14px; margin-left: 35px;}
.recent-activities-container .recent-activities-body .recent-activities-item .txt p{ margin-bottom: 5px;}
.recent-activities-container .recent-activities-body .recent-activities-item .txt span{ display: inline-block; vertical-align: top;}
.recent-activities-container .recent-activities-body .recent-activities-item .txt .name{ display:inline-block; vertical-align: top; width: 75px;/* color:#ff6a00;*/}
.recent-activities-container .recent-activities-body .recent-activities-item .txt .ms{ width: 468px; color: #757575;}
.recent-activities-container .recent-activities-body .recent-activities-item .txt .dt{ font-size:24px; margin-bottom: 20px; line-height: 1.2;}
.recent-activities-container .recent-activities-body .recent-activities-item .operate{ float: right; width: 198px; margin: 10px 10px 0 0;}
.recent-activities-container .recent-activities-body .recent-activities-item .operate .p-state{ text-align: center; border-radius: 4px; padding: 4px 0; color: #fff; font-size: 16px; background-image: linear-gradient(to right, #a7e56b , #53b429); box-shadow: 0 2px 2px rgba(0,0,0,0.15) ;}
.recent-activities-container .recent-activities-body .recent-activities-item .operate .p-date{ position: relative; box-shadow: 0 2px 2px rgba(0,0,0,0.12) ;}
.recent-activities-container .recent-activities-body .recent-activities-item .operate .p-date .spacer{ position:absolute ; left: 35px; top: -9px; z-index: 9; width: 3px; height: 10px; background-color: #98dc5f;}
.recent-activities-container .recent-activities-body .recent-activities-item .operate .p-date .spacer2{ position:absolute ; right: 35px; top: -9px; z-index: 9; width: 3px; height: 10px; background-color: #63bd35;}
.recent-activities-container .recent-activities-body .recent-activities-item .operate .p-date{ text-align: center; border-radius: 4px; padding: 2px; margin-top: 8px; background-image: linear-gradient(to right, #a7e56b , #53b429);}
.recent-activities-container .recent-activities-body .recent-activities-item .operate .p-date .item{padding: 5px 10px; border-radius: 3px; font-size: 15px; background-color: #fff; text-align: center;}
.recent-activities-container .recent-activities-body .recent-activities-item .operate .p-date .item .start{ font-size: 14px; text-align: center; color: #2ea452; background: url(/zhuanti/2021/freeorder/img/recent-activities-dt@bg.png) center no-repeat;}
.recent-activities-container .recent-activities-body .recent-activities-item .more{ cursor: default; display: block; width: 150px; height: 44px; margin: 20px auto 0; padding-right: 26px; text-align: center; line-height: 44px; font-size: 18px; color: #fff; background: url(/zhuanti/2021/freeorder/img/recent-activities-btn@bg.png);}
.recent-activities-container .recent-activities-body .recent-activities-item .more:hover{ opacity: 0.85;}

.recent-activities-container .recent-activities-body .recent-activities-item.activity-start .p-state{ text-align: center; border-radius: 4px; padding: 4px 0; color: #fff; font-size: 16px; background-image: linear-gradient(to right, #fd9152 , #f14241); }
.recent-activities-container .recent-activities-body .recent-activities-item.activity-start .operate .p-date .spacer{ position:absolute ; left: 35px; top: -9px; z-index: 9; width: 3px; height: 10px; background-color: #fb834f;}
.recent-activities-container .recent-activities-body .recent-activities-item.activity-start .operate .p-date .spacer2{ position:absolute ; right: 35px; top: -9px; z-index: 9; width: 3px; height: 10px; background-color: #f35044;}
.recent-activities-container .recent-activities-body .recent-activities-item.activity-start .operate .p-date{ text-align: center; border-radius: 4px; padding: 2px; margin-top: 8px; background-image: linear-gradient(to right, #fd9152 , #f14241);}
.recent-activities-container .recent-activities-body .recent-activities-item.activity-start .operate .p-date .item .start{ font-size: 14px; text-align: center; color: #ff6a00; background: url(/zhuanti/2021/freeorder/img/recent-activities-dt2@bg.png) center no-repeat;}
.recent-activities-container .recent-activities-body .recent-activities-item.activity-start .more{ cursor: pointer; display: block; width: 150px; height: 44px; margin: 20px auto 0; padding-right: 26px; text-align: center; line-height: 44px; font-size: 18px; color: #fff; background: url(/zhuanti/2021/freeorder/img/recent-activities-btn2@bg.png);}
.recent-activities-container .recent-activities-body .recent-activities-item.activity-start .more:hover{ opacity: 0.85;}

.recent-activities-container .recent-activities-body .recent-activities-item.activity-end .p-state{ text-align: center; border-radius: 4px; padding: 4px 0; color: #fff; font-size: 16px; background-image: linear-gradient(to right, #bfbfbf , #8a8a8a); }
.recent-activities-container .recent-activities-body .recent-activities-item.activity-end .operate .p-date .spacer{ position:absolute ; left: 35px; top: -9px; z-index: 9; width: 3px; height: 10px; background-color: #bfbfbf;}
.recent-activities-container .recent-activities-body .recent-activities-item.activity-end .operate .p-date .spacer2{ position:absolute ; right: 35px; top: -9px; z-index: 9; width: 3px; height: 10px; background-color: #828282;}
.recent-activities-container .recent-activities-body .recent-activities-item.activity-end .operate .p-date{ text-align: center; border-radius: 4px; padding: 2px; margin-top: 8px; background-image: linear-gradient(to right, #bfbfbf , #828282);}
.recent-activities-container .recent-activities-body .recent-activities-item.activity-end .operate .p-date .item .start{ font-size: 14px; text-align: center; color: #7d7d7d; background: url(/zhuanti/2021/freeorder/img/recent-activities-dt3@bg.png) center no-repeat;}
.recent-activities-container .recent-activities-body .recent-activities-item.activity-end .more{ display: block; width: 150px; height: 44px; margin: 20px auto 0; padding-right: 26px; text-align: center; line-height: 44px; font-size: 18px; color: #fff; background: url(/zhuanti/2021/freeorder/img/recent-activities-btn3@bg.png);}
.recent-activities-container .recent-activities-body .recent-activities-item.activity-end .more:hover{ opacity: 0.85;}


/*重要通知*/
.notify-container{ margin-top: 75px; margin-bottom: 60px;}
.notify-container .notify-body{ position: relative; border: 2px dotted #f26b0c; border-radius: 10px; padding: 60px 60px 25px 100px; background-color: #fff; box-shadow: 0 5px 10px rgba(242,103,10,0.1);}
.notify-container .notify-body .title{ position: absolute; left: 0; right: 0; top: -30px; margin: 0 auto; width: 363px; height: 65px; line-height: 65px; text-align: center; font-size: 28px; color: #fff; font-weight: bold; background: url(/zhuanti/2021/freeorder/img/recent-activities-title@bg.png);}
.notify-container .notify-body .icon{ position: absolute; left: 15px; top: 45px; width: 87px; height: 86px; background: url(/zhuanti/2021/freeorder/img/notify@icon.png);}
.notify-container .notify-body .box{ font-size: 14px;}
.notify-container .notify-body .box .nub{ 
    display: inline-block;
    margin: 0 5px 0 0;
    width: 22px;
    height: 22px;
    line-height: 22px;
    border-radius: 15px;
    text-align: center;
    background-color: #fb775d;
    color: #fff;
}

.notify-container .notify-body .box .time{ 
    text-align: right;
    margin: 25px 0 10px;
}
.notify-container .notify-body .box .txt p{ margin-bottom: 10px;}


/*领取弹框*/
.free-proofing-up{ display: none; position:fixed; left: 0; top: 0; z-index: 99; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); }
.free-proofing-up .free-proofing-up-body{ position: absolute; left: 50%; top: 50%; margin-left: -220px; margin-top: -175px; border-radius: 12px; width: 440px; background-color: #fff; border: 3px solid #f53d3d; box-shadow: 0 5px 10px rgba(0,0,0,0.2);}
.free-proofing-up .free-proofing-up-body .box{ padding: 25px 40px 35px; text-align: center;}
.free-proofing-up .free-proofing-up-body .box h3{ font-size: 26px; color: #f53d3d; line-height: 1.4;}
.free-proofing-up .free-proofing-up-body .box .coupon{ margin-top: 12px;}
.free-proofing-up .free-proofing-up-body .box .ewm{ margin-top: 10px; margin-bottom: 15px;}
.free-proofing-up .free-proofing-up-body .box .ewm img{ width: 190px; border: 1px solid #e5e5e5; padding: 5px;}
.free-proofing-up .free-proofing-up-body .box .tis{ margin-top: 12px; padding: 20px 0; font-size: 15px;}
.free-proofing-up .free-proofing-up-body .box .oper{ text-align: center; margin-top: 15px;}
.free-proofing-up .free-proofing-up-body .box .oper a{ display: inline-block; width: 149px; height: 40px; margin: 0 5px; line-height: 40px; border: 1px solid #f53d3d; font-size: 15px; color: #f53d3d; border-radius: 50px; box-shadow: 0 7px 7px rgba(255,104,34,0.12);}
.free-proofing-up .free-proofing-up-body .box .oper a:hover{ background-color: #ffefe8;}
.free-proofing-up .free-proofing-up-body .box .oper a.goto{ background-color: #f53d3d; color: #fff;}
.free-proofing-up .free-proofing-up-body .box .oper a.goto:hover{ opacity: 0.9;}
.free-proofing-up .free-proofing-up-body .close{ position: absolute; right: -22px; top:-12px;  width: 41px; height: 41px; background: url(/zhuanti/2021/freeorder/img/free-proofing-close@coupon.png);}