/*
@author: he
@update: he (2023-02-16)
*/
body,input,textarea,button{font:14px/1.5 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1,\9ED1\4F53","PingFang SC","Heiti SC",tahoma,arial,Hiragino Sans GB,"\5B8B\4F53",sans-serif;}
body{margin:0 auto;color:#333;min-width:1200px;background:#fff;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0;padding:0;}
img{border:0 none;vertical-align:top;}
ul,li,ol{list-style-type:none;}
i,em,address,caption,cite,code,dfn,th,var{font-style: normal;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:underline;}
input,button,textarea,a,a:hover{outline:none;}
textarea{resize:none;}
.clearfix:after{content:" ";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{*zoom:1;}
.fl{float:left; _display:inline;}
.fr{float:right; _display:inline;}
.pr{position:relative;}
.abs{position:absolute;}
.tc{text-align:center;}
.layout{width:1200px;margin:0 auto;}
.ellipsis{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.bodyBg{
    background: -webkit-linear-gradient(top, rgba(255,242,228,1) 30%, rgba(191,195,253,1) 100%);
    background: -o-linear-gradient(top, rgba(255,242,228,1) 30%, rgba(191,195,253,1) 100%);
    background: -moz-linear-gradient(top, rgba(255,242,228,1) 30%, rgba(191,195,253,1) 100%);
    background: linear-gradient(to bottom, rgba(255,242,228,1) 30%, rgba(191,195,253,1) 100%);}
.header-wrap{ background: #fff;}
.ggTit{ position: absolute; left: 50%; top: 0; margin-left: -183px; width: 366px; height: 72px;}

/*页头*/
.headerBg{ position: relative; z-index: 1; height: 500px;}

/*活动规则*/
.activityRule{ position: relative; z-index: 2; padding-top: 100px; margin: -60px auto 60px; box-shadow:0 5px 38px rgba(222, 222, 222, 0.7),0 0 16px 4px rgba(255, 255, 255, 1) inset; border-radius: 14px;
    background: -webkit-linear-gradient(left, #fff7f0, #fff9db); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #fff7f0, #fff9db); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #fff7f0, #fff9db); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #fff7f0, #fff9db); /* 标准的语法 */}
.activityRule .tBox{ margin: 0 60px 22px;}
.activityRule .tBox-left{ float: left; width: 700px;}
.activityRule .tBox-left p{ line-height: 28px; font-size: 16px;}
.activityRule .tBox-left .chong{ color: #fb4d4d;}
.activityRule .tBox-right{ float: right; margin-top: 5px; width: 341px; height: 101px; background: url(/images/zhuanti/2023shareBook/bg_02.png) no-repeat;}
.activityRule .tBox-right p{ padding: 22px 0 0 28px; line-height: 28px; font-size: 16px;}
.activityRule .cBox{ position: relative; z-index: 1; margin: 0 60px 60px;}
.activityRule .cBox .login-float{ position: absolute; left: 0; top: 0; z-index: 20; width: 100%; height: 616px; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#66000000', endColorstr='#66000000');background:rgba(0,0,0,0.4);}
.activityRule .cBox .login-float-btn{ position: absolute; right: 340px; top: 50%; margin: -27px 0 0 0; width: 180px; height: 54px; line-height: 54px; text-align: center; font-size: 18px; background: #fff; color: #ae5026; border-radius: 27px; opacity: 0.8;}
.activityRule .cBox .login-float-btn:hover{ text-decoration: none; opacity: 1;}
.activityRule .cBox .login-float-btn02{ position: absolute; left: 340px; top: 50%; margin: -27px 0 0 0; width: 180px; height: 54px; line-height: 54px; text-align: center; font-size: 18px; background: #fff; color: #ae5026; border-radius: 27px; opacity: 0.8;}
.activityRule .cBox .login-float-btn02:hover{ text-decoration: none; opacity: 1;}

/*抽奖*/
.luckDraw{ position: relative; z-index: 2; padding-top: 100px; margin: 0 auto 60px; box-shadow:0 5px 38px rgba(222, 222, 222, 0.7),0 0 16px 4px rgba(255, 255, 255, 1) inset; border-radius: 14px;
    background: -webkit-linear-gradient(left, #fff7f0, #fff9db); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #fff7f0, #fff9db); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #fff7f0, #fff9db); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #fff7f0, #fff9db); /* 标准的语法 */}
.luckDraw .tBox{ position: relative; z-index: 1; height: 160px; margin: 0 60px 30px; border-radius: 14px;
    background: -webkit-linear-gradient(left, #ffebd4, #ffe2b8); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ffebd4, #ffe2b8); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ffebd4, #ffe2b8); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ffebd4, #ffe2b8); /* 标准的语法 */}
.luckDraw .tBox-tit{ position: absolute; left: 0; top: 50%; margin-top: -40px; width: 36px; height: 80px; background: url(/images/zhuanti/2023shareBook/tit_03.png) no-repeat;}
.luckDraw .tBox-con{ padding: 0 30px 0 66px; height: 160px; display: -webkit-flex; display: flex; justify-content: space-around; align-items: center;}
.luckDraw .tBox-con .list{ width: 96px; height: 96px;}
.luckDraw .gzBtn{ position: absolute; right: 0; top: 30px; display: block; padding: 0 24px; height: 30px; line-height: 30px; font-size: 16px; color: #fff; background: #d08661; border-radius: 15px 0 0 15px;}
.luckDraw .gzBtn:hover{ text-decoration: none;}
.luckDraw .cBox{ margin-bottom: 60px;}
.luckDraw .cBox .laba{ float: left; position: relative; z-index: 1; width: 592px; height: 644px; margin-left: 40px; background: url(/images/zhuanti/2023shareBook/bg_03.png) no-repeat;}
.luckDraw .cBox .laba-txt{ position: absolute; left: 188px; top: 64px; width: 218px; height: 32px; line-height: 32px; text-align: center; font-size: 18px; color: #ffebc0;}
.luckDraw .cBox .laba-gift{ position: absolute; left: 76px; top: 167px; width: 438px; display: -webkit-flex; display: flex; flex-wrap: wrap; align-content: flex-start; justify-content: center;}
.luckDraw .cBox .laba-gift .box{ display: block; width: 120px; height: 112px; margin: 0 6px 6px; background: url(/images/zhuanti/2023shareBook/icon_02.png) no-repeat center bottom; background-size: 102px 92px; cursor: pointer;}
.luckDraw .cBox .laba-gift .box.on{ background: url(/images/zhuanti/2023shareBook/icon_03.png) no-repeat center bottom; background-size: 100% 100%;}
.luckDraw .cBox .laba-gift .box.anim{ -webkit-animation:hatch 5s 0s 1 both; animation:hatch 5s 0s 1 both;}
.luckDraw .cBox .laba-btn{ display: block; position: absolute; left: 120px; top: 465px; width: 348px; height: 106px; background: url(/images/zhuanti/2023shareBook/icon_14.png) no-repeat;}
.luckDraw .cBox .laba-btn:active{ background: url(/images/zhuanti/2023shareBook/icon_15.png) no-repeat;}
.luckDraw .cBox .laba .noLogin-bg{ position: absolute; z-index: 20; width: 100%; height: 644px; background:url(about:blank);}
.luckDraw .cBox-right{ float: right; margin-right: 60px;}
.luckDraw .cBox-right .draw-list{ position: relative; z-index: 1; width: 450px; height: 324px; border: 2px solid #ffc437; border-radius: 14px; margin-top: 30px;
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%);
    background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%);
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%);}
.luckDraw .cBox-right .draw-list .wdjpBtn{ position: absolute; top: 32px; right: 20px; display: block; width: 78px; height: 22px; line-height: 22px; text-align: center; font-size: 14px; color: #ae5026; border: 1px solid #ae5026; border-radius: 12px;}
.luckDraw .cBox-right .draw-list .wdjpBtn:hover{ text-decoration: none; background: #ae5026; color: #fff;}
.luckDraw .cBox-right .draw-list .dltit{ height: 44px; line-height: 44px; font-size: 24px; color: #ae5026; font-weight: 700; padding: 20px 20px 10px;}
.luckDraw .cBox-right .draw-list .swiper-virtualList{ margin:0 0 0 20px; width: 430px; height:108px; overflow:hidden; position:relative;}
.luckDraw .cBox-right .draw-list .swiper-virtualList .swiper-slide{ height:54px; line-height:54px; font-size: 14px; vertical-align:top;}
.luckDraw .cBox-right .draw-list .swiper-virtualList .swiper-slide .photo{ float:left; width: 40px; height: 40px; margin:8px 10px 0 0; border-radius:50%;}
.luckDraw .cBox-right .draw-list .swiper-virtualList .swiper-slide span{ float:left; width:86px;}
.luckDraw .cBox-right .draw-list .swiper-virtualList .swiper-slide p{ float:left; width:180px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.luckDraw .cBox-right .draw-list .swiper-virtualList .swiper-slide em{ float:left; white-space:nowrap; margin-left:10px;}
.luckDraw .cBox-right .draw-list .swiper-kindList{ margin:0 0 0 20px; width: 430px; height:108px; overflow:hidden; position:relative;}
.luckDraw .cBox-right .draw-list .swiper-kindList .swiper-slide{ height:54px; line-height:54px; font-size: 14px; vertical-align:top;}
.luckDraw .cBox-right .draw-list .swiper-kindList .swiper-slide .photo{ float:left; width: 40px; height: 40px; margin:8px 10px 0 0; border-radius:50%;}
.luckDraw .cBox-right .draw-list .swiper-kindList .swiper-slide span{ float:left; width:86px;}
.luckDraw .cBox-right .draw-list .swiper-kindList .swiper-slide p{ float:left; width:180px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.luckDraw .cBox-right .draw-list .swiper-kindList .swiper-slide em{ float:left; white-space:nowrap; margin-left:10px;}
.luckDraw .cBox-right .draw-chance{ width: 450px; height: 252px; border: 2px solid #ffc437; border-radius: 14px; margin-top: 30px;
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);}
.luckDraw .cBox-right .draw-chance .dctit{ height: 44px; line-height: 44px; font-size: 24px; color: #ae5026; font-weight: 700; padding: 20px 20px 10px;}
.luckDraw .cBox-right .draw-chance .dctit em{ font-weight: 400; font-size: 16px;}
.luckDraw .cBox-right .draw-chance .dcList{ height: 52px; margin: 0 20px;}
.luckDraw .cBox-right .draw-chance .dcList-txt{ float: left; line-height: 52px; font-size: 16px;}
.luckDraw .cBox-right .draw-chance .dcList-btn{ float: right; width: 90px; height: 32px; line-height: 32px; text-align: center; font-size: 16px; color: #fff; margin-top: 10px; border-radius: 16px;
    background: -webkit-linear-gradient(top, #d3b1f8, #7876f4); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #d3b1f8, #7876f4); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #d3b1f8, #7876f4); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #d3b1f8, #7876f4); /* 标准的语法 */}
.luckDraw .cBox-right .draw-chance .dcList-btn:hover{ text-decoration: none;
    background: -webkit-linear-gradient(top, #7876f4, #d3b1f8); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #7876f4, #d3b1f8); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #7876f4, #d3b1f8); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #7876f4, #d3b1f8); /* 标准的语法 */}
.luckDraw .cBox-right .draw-chance .dcList-btn.no{
    background: -webkit-linear-gradient(top, #c5c5c5, #8d8d8d); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #c5c5c5, #8d8d8d); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #c5c5c5, #8d8d8d); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #c5c5c5, #8d8d8d); /* 标准的语法 */}

/*图书*/
.bookBox{ position: relative; z-index: 2; padding-top: 100px; margin: 0 auto 60px; box-shadow:0 5px 38px rgba(222, 222, 222, 0.7),0 0 16px 4px rgba(255, 255, 255, 1) inset; border-radius: 14px;
    background: -webkit-linear-gradient(left, #fff7f0, #fff9db); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #fff7f0, #fff9db); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #fff7f0, #fff9db); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #fff7f0, #fff9db); /* 标准的语法 */}
.bookBox .ggTit{ width: 501px; margin-left: -250px;}
.bookBox .cBox{ margin: 0 40px 20px;}
.bookBox .cBox .bokList{ float: left; width: 255px; height: 390px; background: #fff; border-radius: 10px; margin: 0 0 20px 20px;}
.bookBox .cBox .bokList-top{ position: relative; z-index: 1; display: block; height: 270px; border-radius: 10px 10px 0 0; background: url(/images/zhuanti/2023shareBook/bg_06.png) no-repeat;}
.bookBox .cBox .bokList-top .icon01{ position: absolute; left: 0; top: 0; z-index: 10; display: block; padding: 0 12px; height: 26px; line-height: 26px; font-size: 14px; color: #fff; border-radius: 10px 0 10px 0; background: #fc7f5b;}
.bookBox .cBox .bokList-top .icon02{ position: absolute; right: 10px; bottom: 10px; z-index: 9; display: block; width: 74px; height: 74px; line-height: 74px; text-align: center; font-size: 20px; font-weight: 700; color: #fff; background: url(/images/zhuanti/2023shareBook/icon_12.png) no-repeat;}
.bookBox .cBox .bokList-top .pic{ display: block; width: 255px; height: 255px; padding-top: 10px;}
.bookBox .cBox .bokList-bot .btit{ overflow: hidden; display: block; height: 50px; line-height: 50px; font-size: 20px; font-weight: 700; margin: 0 20px;}
.bookBox .cBox .bokList-bot .btit:hover{ text-decoration: none;}
.bookBox .cBox .bokList-bot .bbot{ margin: 0 20px;}
.bookBox .cBox .bokList-bot .bbot-price{ float: left; line-height: 26px; color: #fb4d4d;}
.bookBox .cBox .bokList-bot .bbot-price em{ color: #666; font-size: 16px;}
.bookBox .cBox .bokList-bot .bbot-price i{ font-size: 14px;}
.bookBox .cBox .bokList-bot .bbot-price b{ font-size: 26px;}
.bookBox .cBox .bokList-bot .buy-btn{ float: right; display: block; width: 88px; height: 32px; line-height: 32px; text-align: center; font-size: 16px; color: #fff; border-radius: 16px; margin-top: 10px;
    background: -webkit-linear-gradient(left, #fe790f, #ff5301); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #fe790f, #ff5301); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #fe790f, #ff5301); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #fe790f, #ff5301); /* 标准的语法 */}
.bookBox .cBox .bokList-bot .buy-btn:hover{ text-decoration: none;
    background: -webkit-linear-gradient(left, #ff5301, #fe790f); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ff5301, #fe790f); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ff5301, #fe790f); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ff5301, #fe790f); /* 标准的语法 */}
.bookBox .bBtn{ display: block; width: 216px; height: 50px; text-align: center; line-height: 50px; font-size: 18px; color: #fff; margin: 0 auto 40px; border-radius: 25px; -webkit-box-shadow:0 10px 20px rgba(141, 106, 195, 0.27); -moz-box-shadow:0 10px 20px rgba(141, 106, 195, 0.27); box-shadow:0 10px 20px rgba(141, 106, 195, 0.27);
    background: -webkit-linear-gradient(top, #d3b1f7, #7776f4); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #d3b1f7, #7776f4); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #d3b1f7, #7776f4); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #d3b1f7, #7776f4); /* 标准的语法 */}
.bookBox .bBtn:hover{ text-decoration: none;
    background: -webkit-linear-gradient(top, #7776f4, #d3b1f7); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #7776f4, #d3b1f7); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #7776f4, #d3b1f7); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #7776f4, #d3b1f7); /* 标准的语法 */}

.mask{ display:none; width:100%; z-index:98; height:100%; background:#000; opacity:.6; filter:alpha(opacity=60); position:fixed; top:0; left:0;}

/*奖品弹框*/
.prize-pop{ display:none; width:426px; height: 528px; background:url(/images/zhuanti/2023shareBook/bg_04.png) no-repeat; position:fixed; left:50%; margin-left:-213px; top:50%; z-index:99;}
.prize-pop .con{ padding-top: 163px;}
.prize-pop .con h4{ display: block; height: 52px; line-height: 52px; font-size:22px; font-weight: 700; color: #8b58f1; text-align: center;}
.prize-pop .con .pic{ overflow: hidden; width: 140px; height: 120px; margin: 0 auto 10px; border-radius: 22px; -webkit-box-shadow:0 0 38px rgba(73, 1, 255, 0.22); -moz-box-shadow:0 0 38px rgba(73, 1, 255, 0.22); box-shadow:0 0 38px rgba(73, 1, 255, 0.22);
    background: -webkit-linear-gradient(left top, #cccce8, #f4eff3); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left top, #cccce8, #f4eff3); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left top, #cccce8, #f4eff3); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right bottom, #cccce8, #f4eff3); /* 标准的语法 */}
.prize-pop .con .pic img{ width: 140px; height: 120px;}
.prize-pop .con h6{ display: block; height: 48px; line-height: 24px; text-align: center; font-size: 14px; color: #999; margin-bottom: 8px; font-weight: 400;}
.prize-pop .con h6 em{ display: block; font-size: 16px; color: #333;}
.prize-pop .bBtn{ display: block; width: 216px; height: 50px; text-align: center; line-height: 50px; font-size: 18px; color: #fff; margin: 0 auto; border-radius: 25px; -webkit-box-shadow:0 10px 20px rgba(141, 106, 195, 0.27); -moz-box-shadow:0 10px 20px rgba(141, 106, 195, 0.27); box-shadow:0 10px 20px rgba(141, 106, 195, 0.27);
    background: -webkit-linear-gradient(top, #d3b1f7, #7776f4); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #d3b1f7, #7776f4); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #d3b1f7, #7776f4); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #d3b1f7, #7776f4); /* 标准的语法 */}
.prize-pop .bBtn:hover{ text-decoration: none;
    background: -webkit-linear-gradient(top, #7776f4, #d3b1f7); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #7776f4, #d3b1f7); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #7776f4, #d3b1f7); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #7776f4, #d3b1f7); /* 标准的语法 */}
.prize-pop .bBtn.addBtn{ display: none;}

/*未中奖弹框*/
.noprize-pop{ display:none; width:426px; height: 470px; background:url(/images/zhuanti/2023shareBook/bg_05.png) no-repeat; position:fixed; left:50%; margin-left:-213px; top:50%; z-index:99;}
.noprize-pop .con{ padding-top: 103px;}
.noprize-pop .con h4{ display: block; height: 52px; line-height: 52px; font-size:22px; font-weight: 700; color: #8b58f1; text-align: center;}
.noprize-pop .con h6{ display: block; height: 36px; line-height: 18px; text-align: center; font-size: 14px; color: #999; margin-bottom: 24px; font-weight: 400;}
.noprize-pop .con .pic{ overflow: hidden; width: 103px; height: 109px; margin: 0 auto 18px;}
.noprize-pop .bBtn{ display: block; width: 216px; height: 50px; text-align: center; line-height: 50px; font-size: 18px; color: #fff; margin: 0 auto 40px; border-radius: 25px; -webkit-box-shadow:0 10px 20px rgba(141, 106, 195, 0.27); -moz-box-shadow:0 10px 20px rgba(141, 106, 195, 0.27); box-shadow:0 10px 20px rgba(141, 106, 195, 0.27);
    background: -webkit-linear-gradient(top, #d3b1f7, #7776f4); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #d3b1f7, #7776f4); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #d3b1f7, #7776f4); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #d3b1f7, #7776f4); /* 标准的语法 */}
.noprize-pop .bBtn:hover{ text-decoration: none;
    background: -webkit-linear-gradient(top, #7776f4, #d3b1f7); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #7776f4, #d3b1f7); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #7776f4, #d3b1f7); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #7776f4, #d3b1f7); /* 标准的语法 */}

/*公用弹框*/
.public-pop{ display:none; width:600px; background: #fff; position:fixed; left:50%; top:50%; border-radius: 8px; margin-left:-300px; z-index:99;}
.public-pop .tit{ position: relative; z-index: 1; height: 64px; border-radius: 8px 8px 0 0; margin-bottom: 20px;
    background: -webkit-linear-gradient(left, #7776f4, #cfabf9); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #7776f4, #cfabf9); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #7776f4, #cfabf9); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #7776f4, #cfabf9); /* 标准的语法 */}
.public-pop .tit-left{ float: left; line-height: 64px; font-size: 20px; color: #fff; margin-left: 30px;}
.public-pop .tit-close{ position: absolute; right: 18px; top: 17px; display: block; width: 30px; height: 30px; background:url(/images/zhuanti/2023shareBook/icon_18.png) no-repeat center;}
.public-pop .bBtn{ display: block; width: 170px; height: 40px; text-align: center; line-height: 40px; font-size: 18px; color: #fff; margin: 0 auto 30px; border-radius: 20px; -webkit-box-shadow:0 10px 20px rgba(141, 106, 195, 0.27); -moz-box-shadow:0 10px 20px rgba(141, 106, 195, 0.27); box-shadow:0 10px 20px rgba(141, 106, 195, 0.27);
    background: -webkit-linear-gradient(top, #d3b1f7, #7776f4); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #d3b1f7, #7776f4); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #d3b1f7, #7776f4); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #d3b1f7, #7776f4); /* 标准的语法 */}
.public-pop .bBtn:hover{ text-decoration: none;
    background: -webkit-linear-gradient(top, #7776f4, #d3b1f7); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #7776f4, #d3b1f7); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #7776f4, #d3b1f7); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #7776f4, #d3b1f7); /* 标准的语法 */}
/*规则*/
.public-pop .ruleCon{ margin-bottom: 20px; padding: 0 30px; max-height: 420px; overflow: auto; overflow-x: hidden;}
.public-pop .ruleCon p{ font-size:16px; line-height:28px;}
/*我的奖品*/
.public-pop .myPrizeCon{ padding: 0 30px;}
.public-pop .myPrizeCon-none{ padding: 80px 0 100px; height: 52px; line-height: 52px; font-size:22px; font-weight: 700; color: #8b58f1; text-align: center;}
.public-pop .myPrizeCon-list{ display: none;}
.public-pop .myPrizeCon-list ul{ margin-bottom: 20px;}
.public-pop .myPrizeCon-list li{ height: 32px; font-size:16px; line-height:32px;}
.public-pop .myPrizeCon-list li strong{ float: left;}
.public-pop .myPrizeCon-list li p{ float: right;}
.public-pop .myPrizeCon-list .tips{ font-size: 14px; line-height: 24px; margin-bottom: 22px;}
.public-pop .myPrizeCon-list .bBtn{ display: none;}
/*填写地址信息*/
.public-pop .addressCon{ padding: 10px 30px 30px;}
.public-pop .addressCon .address-form li{height:58px;}
.public-pop .addressCon .address-form li label{float:left;font-size:16px;line-height:44px;}
.public-pop .addressCon .address-form li .form-box{margin-left:76px;}
.public-pop .addressCon .address-form li .form-box input,.address-form li .form-area strong{width:100%;height:22px;padding:9px 0;border:1px solid #e1e1e1;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;text-indent:14px;}
.public-pop .addressCon .address-form li .form-area{width:148px;position:relative;z-index:1;float:left;}
.public-pop .addressCon .address-form li .form-area + .form-area{margin-left:10px;}
.public-pop .addressCon .address-form li .form-area strong{width:auto;display:block;padding:9px 20px 9px 14px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:normal;text-indent:0;background:url(/images/zhuanti/2023shareBook/icon_19.png) no-repeat right center;}
.public-pop .addressCon .address-form li .form-area .placeholder-default{color:#999;}
.public-pop .addressCon .address-form li .areaSelect{max-height:104px;overflow:hidden;overflow-y:auto;position:absolute;left:0;top:100%;right:0;padding:5px 0;margin-top:-1px;background:#fff;border:1px solid #e1e1e1;display:none;}
.public-pop .addressCon .address-form li .areaSelect dd{height:24px;padding:2px 10px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.public-pop .addressCon .address-form li .areaSelect dd:hover{color:#ff3c48;}
.public-pop .addressCon .address-form li .form-box input::-webkit-input-placeholder{color:#999;}
.public-pop .addressCon .address-form li .form-box input::-moz-placeholder{color:#999;}
.public-pop .addressCon .address-form li .form-box input:-moz-placeholder{color:#999;}
.public-pop .addressCon .address-form li .form-box input:-ms-input-placeholder{color:#999;}
.public-pop .addressCon .address-error{height:30px;line-height:18px;color:#f00;text-align:center;}
.public-pop .addressCon .address-warm{color:#ff3a60;margin-top:20px;}
.public-pop .addressCon .bBtn{ margin: 10px auto 0;}

/*提示弹框*/
.tips-pop{ display:none; width:330px; background: #fff; position:fixed; left:50%; top:50%; border-radius: 8px; margin-left:-165px; z-index:99;}
.tips-pop .tit{ position: relative; z-index: 1; height: 64px; border-radius: 8px 8px 0 0; margin-bottom: 20px;
    background: -webkit-linear-gradient(left, #7776f4, #cfabf9); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #7776f4, #cfabf9); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #7776f4, #cfabf9); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #7776f4, #cfabf9); /* 标准的语法 */}
.tips-pop .tit-left{ float: left; line-height: 64px; font-size: 20px; color: #fff; margin-left: 30px;}
.tips-pop .tit-close{ position: absolute; right: 18px; top: 17px; display: block; width: 30px; height: 30px; background:url(/images/zhuanti/2023shareBook/icon_18.png) no-repeat center;}
.tips-pop .cTxt{ display: block; line-height: 26px; text-align: center; font-size: 16px; margin: 0 20px; padding: 20px 0 40px;}
.tips-pop .cEwm{ display: block; width: 250px; height: 250px; padding: 20px 0 40px; margin: 0 auto;}
.tips-pop .cEwm img{ width: 250px; height: 250px;}
.tips-pop .bBtn{ display: block; width: 170px; height: 40px; text-align: center; line-height: 40px; font-size: 18px; color: #fff; margin: -20px auto 30px; border-radius: 20px; -webkit-box-shadow:0 10px 20px rgba(141, 106, 195, 0.27); -moz-box-shadow:0 10px 20px rgba(141, 106, 195, 0.27); box-shadow:0 10px 20px rgba(141, 106, 195, 0.27);
    background: -webkit-linear-gradient(top, #d3b1f7, #7776f4); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #d3b1f7, #7776f4); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #d3b1f7, #7776f4); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #d3b1f7, #7776f4); /* 标准的语法 */}
.tips-pop .bBtn:hover{ text-decoration: none;
    background: -webkit-linear-gradient(top, #7776f4, #d3b1f7); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #7776f4, #d3b1f7); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #7776f4, #d3b1f7); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #7776f4, #d3b1f7); /* 标准的语法 */}






@-webkit-keyframes hatch{
    0%{-webkit-transform:rotate(0deg)}
    5%{-webkit-transform:rotate(-4deg)}
    9%{-webkit-transform:rotate(4deg)}
    13%{-webkit-transform:rotate(-4deg)}
    16%{-webkit-transform:rotate(2deg)}
    20%{-webkit-transform:rotate(-2deg)}
    25%{-webkit-transform:rotate(0deg)}
}
@-moz-keyframes hatch{
    0%{-moz-transform:rotate(0deg)}
    5%{-moz-transform:rotate(-4deg)}
    9%{-moz-transform:rotate(4deg)}
    13%{-moz-transform:rotate(-4deg)}
    16%{-moz-transform:rotate(2deg)}
    20%{-moz-transform:rotate(-2deg)}
    25%{-moz-transform:rotate(0deg)}
}
@-o-keyframes hatch{
    0%{-o-transform:rotate(0deg)}
    5%{-o-transform:rotate(-4deg)}
    9%{-o-transform:rotate(4deg)}
    13%{-o-transform:rotate(-4deg)}
    16%{-o-transform:rotate(2deg)}
    20%{-o-transform:rotate(-2deg)}
    25%{-o-transform:rotate(0deg)}
}
@keyframes hatch{
    0%{transform:rotate(0deg)}
    5%{transform:rotate(-4deg)}
    9%{transform:rotate(4deg)}
    13%{transform:rotate(-4deg)}
    16%{transform:rotate(2deg)}
    20%{transform:rotate(-2deg)}
    25%{transform:rotate(0deg)}
}