/*
@author: he
@update: he (2019-07-21)
*/
@charset "utf-8";
body{font-family:"Helvetica Neue",Helvetica,Microsoft Yahei,arial,STHeiTi,sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);margin:0 auto;padding:0;background:#fff;color:#333;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0; padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
video embed,video object,video iframe,video{width:100%;height:auto;}
img{max-width:100%;border:0;-ms-interpolation-mode:bicubic;-webkit-touch-callout:none;}
li,ol,ul{list-style:none}
i,em,cite{font-style:normal;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{*zoom:1;}
a{text-decoration:none;outline:none;}
textarea{resize:none}
input[type="text"],input[type="password"],select,textarea,button,input[type="button"],input[type="reset"],input[type="submit"]{outline:0;-webkit-user-modify:read-write-plaintext-only;-webkit-appearance:none;font-family:"Helvetica Neue",Helvetica,Microsoft Yahei,arial,STHeiTi,sans-serif;}
.pr{position:relative;}
.abs{position: absolute}
.fl{float:left;}
.fr{float:right;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.wrap{min-width:320px;max-width:768px;margin:0 auto;overflow:hidden;position:relative;}
.ellipsis{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

/*页头*/
.header{ height: 7.867rem;}
.header .logo{ display: block; width: 3.573rem; height: 0.653rem; left: 0.347rem; top: 0.347rem; z-index: 1;}

/*寄语*/
.sendWord{ background: #f2e9ff; height: 2.16rem; padding: 0 0.533rem; line-height: 0.48rem; font-size: 0.347rem;}

/*报分*/
.application-wrap{ padding:0 0 0.6rem 0; background:url(/images/zhuanti/2019wszgbf/bg_02.png) no-repeat bottom center #f2e9ff; background-size:100% auto;}
.application{ margin:0 .266rem 0.5rem; background:#fff; border-radius:.2rem; box-shadow:0 3px 3px #e2d1ff; padding:.533rem .8rem .08rem;}
.application .tit{ width:4.8rem; height:0.933rem; line-height:0.933rem; text-align:center; font-size: 0.48rem; color:#fff; left:50%; margin-left:-2.4rem; top:-.466rem; background: url(/images/zhuanti/2019hsbf/bf_01.png) no-repeat; background-size: 100% auto;}
.application .conli{ height:1.333rem; border-bottom:1px solid #c1c1c1; display:flex; display:-webkit-flex;}
.application .conli.hide{ display:none;}
.application .conli.hide.on{ display:flex; display:-webkit-flex;}
.application .t1{ width:2.133rem; height:1.333rem; line-height:1.333rem; font-size:.37rem; color:#000;}
.application .t2{ width:4.3rem; height:1.333rem; line-height:1.333rem; font-size:.37rem; color:#000;}
.application .t3{ height:1.333rem; line-height:1.333rem; font-size:.37rem; color:#000;}
.application .ipt1{ height:1rem; margin-top:.166rem; font-size:.37rem; width:5.333rem; border:0;}
.application .ipt2{ height:1rem; margin-top:.166rem; font-size:.37rem; width:4rem; border:0;}
.application .ipt3{ height:1rem; margin-top:.166rem; font-size:.37rem; width:3rem; border:0;}
.application .btn-wrap{ text-align:center; padding:.666rem 0 0 0;}
.application .btn-wrap .btn{ display:block; width:5.6rem; height:.933rem; line-height:.933rem; font-size:.43rem; color:#fff; background:#ffad2b; border-radius:5rem; margin:0 auto; box-shadow:0 0.04rem 0.04rem #ffe8c3;}
.application .btn-wrap .btn.scoreLearnHide{ background: #c2c2c2; box-shadow:0 5px 5px #e6e6e6;}
.application .btn-wrap .list-btn{ display:inline-block; line-height:1.546rem; font-size:.37rem; color:#ffad2b;}
.application .noLogin-bg{ display:block; width:100%; height:13.6rem; position:absolute; left:0; top:0; z-index:1;}
.application .btn-wrap.pb40{ padding-bottom: 0.53rem;}
.application-ban{ margin: 0 0.266rem;}
.application .show-btn{ display:block; width:2.426rem; height:.8rem; line-height:.8rem; font-size:.37rem; text-align:center; border-radius:5rem; color:#ff8380; border:.026rem solid #ffa19f; margin:.533rem auto 0;}
.application .show-btn:after{ content:""; display: inline-block; margin-left:.2rem; vertical-align:0.08rem; width:.2rem; height:.2rem; border-top:1px solid #ff8380; border-right: 1px solid #ff8380; transform:rotate(135deg); -webkit-transform:rotate(135deg);}
.application .show-btn.on:after{ transform:rotate(-45deg); -webkit-transform:rotate(-45deg); vertical-align:-.05rem;}
.upload-photo{ width:5rem; display:flex; display:-webkit-flex}
.upload-photo .btn{ border:0; background:#fff; height:1rem; width:2.667rem; font-size:0.373rem; color:#9851ff; margin-top:.166rem;}
.upload-photo .file{ position:absolute; top:0; left:0; height:1rem; filter:alpha(opacity:0); opacity: 0; width:2.667rem; margin-top:.166rem; }
.upload-photo.modify .file{ width:4rem;}
.upload-photo .modify-text{ display:none; width:2rem; height:1rem; line-height:1rem; font-size:0.373rem; color:#9851ff; margin-top:.166rem;}

/*jquery-select.tipxw固定样式请勿动*/
body.body_selectBoxhs_on{position:fixed;left:0;width:100%;height:100%}
.select_boxhs {position:relative}
.select_boxhs select{display:none}
.select_boxhs input{padding:0;margin:0;cursor:pointer;position:absolute;top:0;left:0;background:none}
.select_boxhs span.cover{display:block;width:100%;height:100%;position:absolute;top:0;left:0}
.select_boxhs i{position:absolute}
.select_boxhs .select_boxhsBg{position:fixed;width:100%;height:100%;top:0;left:0;display:none;z-index:91}
.select_boxhs .select_boxhsCon{position:fixed;width:100%;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;display:none;z-index:92}
.select_boxhs .select_boxhsCon ul {list-style-type:none;padding:0;margin:0;width:100%}
.select_boxhs .select_boxhsCon ul li{list-style-type:none;padding:0;margin:0;overflow:hidden}

/*此处样式自定义*/
.yourSelect{ width:5.333rem; height:1rem; margin-top:.166rem;}
.yourSelect input{display:block;width:100%;border:0;border-radius:0;overflow:hidden;height:1rem;line-height:1rem; font-size:.37rem;font-family: "Microsoft Yahei";color:#000}
.yourSelect i{display:block;width:0.33rem;height:0.33rem; border-top: 0.053rem solid #c2c2c2; border-right: 0.053rem solid #c2c2c2; border-left: 0.053rem solid #fff; border-bottom: 0.053rem solid #fff; top:0.2rem;right:0.08rem;transform:rotate(135deg);transition:all .3s linear}
.yourSelect i.on{transform:rotateZ(315deg); top:0.4rem;}
.yourSelect .select_boxhsBg{background:#000;opacity:.3}
.yourSelect .select_boxhsCon{max-height:7.2rem;background:#f4f4f4}
.yourSelect .select_boxhsCon ul li{text-align:center; line-height:1.173rem;height:1.173rem;font-size:.4rem;color:#888;font-family: "Microsoft Yahei";border-bottom:1px solid #eee;}

/*分享有奖*/
.sharePrize{ padding: 0.4rem 0 0.507rem; background:url(/images/zhuanti/2019wszgbf/bg_05.jpg) no-repeat center bottom #fff; background-size:100% auto;}
.sharePrize .tit{ width:5.6rem; height:0.933rem; line-height:0.933rem; text-align:center; font-size:0.46rem; color:#fff; background:url(/images/zhuanti/2019wszgbf/bf_02.png) no-repeat; background-size:100% auto; margin: 0 auto 0.2rem;}
.sharePrize .subtit{ margin-bottom: 0.24rem;}
.sharePrize .subtit-left{ height: 0.427rem;}
.sharePrize .subtit-left span{ padding: 0 0.107rem; line-height: 0.427rem; font-size: 0.373rem; font-weight: 700; color: #9951ff; z-index: 2;}
.sharePrize .subtit-left i{ left: 0; bottom: 0; display: block; width: 100%; height: 0.133rem; background: #dcc3ff; border-radius: 0.067rem; z-index: 1;}
.sharePrize .ttxt{ padding: 0 0.6rem; margin-bottom: 0.333rem; line-height: 0.56rem; font-size: 0.32rem;}
.sharePrize .tbox{ padding: 0.28rem 0.6rem 0; height: 3.96rem; background:url(/images/zhuanti/2019wszgbf/bg_06.jpg) no-repeat 5.227rem 0; background-size:4.613rem auto;}
.sharePrize .tbox p{ line-height: 0.56rem; font-size: 0.373rem;}
.sharePrize .tbox p b{ font-size: 0.48rem; color: #ff9338; vertical-align: middle;}
.sharePrize .cbox{ padding: 0 0.6rem; margin-bottom: 0.347rem;}
.sharePrize .cbox-txt{ line-height: 0.56rem; font-size: 0.373rem; margin-bottom: 0.133rem;}
.sharePrize .cbox-btn{ display: block; width: 4.32rem; height: 0.933rem; text-align: center; line-height: 0.933rem; font-size: 0.373rem; color: #fff; border-radius: 0.467rem; margin: 0 auto; box-shadow:0 0.04rem 0.213rem 0 rgba(228,125,13,0.5);
    background: -webkit-linear-gradient(left, #f48d27, #ff6e0a); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #f48d27, #ff6e0a); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #f48d27, #ff6e0a); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #f48d27, #ff6e0a); /* 标准的语法 */}
.sharePrize .bbox{ padding: 0 0.6rem;}
.sharePrize .bbox-txt{ line-height: 0.56rem; font-size: 0.373rem; margin-bottom: 0.133rem;}
.sharePrize .bbox-pic{ width: 2.4rem; height: 2.4rem; padding: 0.147rem; margin: 0 auto; background:url(/images/zhuanti/2019wszgbf/bf_11.png) no-repeat; background-size:100% auto;}
.sharePrize .bbox-pic img{ width: 2.4rem; height: 2.4rem;}
.sharePrize .bbox-bot{ line-height: 0.747rem; font-size: 0.32rem; color: #fff; text-align: center;}

/*课程优惠*/
.CourseCon{ padding: 0.4rem 0 1.2rem; background:#f2e9ff; background-size:100% auto;}
.CourseCon .tit{ width:8.8rem; height:0.933rem; line-height:0.933rem; text-align:center; font-size:0.46rem; color:#fff; background:url(/images/zhuanti/2019wszgbf/bf_03.png) no-repeat; background-size:100% auto; margin: 0 auto 0.2rem;}
.CourseCon .tbtn{ display: block; width:2.747rem; height:0.613rem; line-height:0.613rem; font-size:0.32rem; color:#9f5dff; border: 1px solid #9f5dff; text-decoration:none; margin:0 auto 0.187rem; border-radius: 0.31rem; text-align:center;}
.CourseCon .coach-tit{ height:.96rem; background:#9851ff; margin-bottom: 0.667rem;}
.CourseCon .coach-tit .swiper-container{ margin:0 .96rem 0 0.4rem;}
.CourseCon .coach-tit .swiper-slide{ height:.96rem; line-height:.96rem; font-size:.37rem; color:#fff; width:auto !important; margin-right:.4rem;}
.CourseCon .coach-tit .swiper-slide.on{ color:#ffe42f; border-bottom:.066rem solid #ffe42f; box-sizing:border-box; -webkit-box-sizing:border-box;}
.CourseCon .coach-tit .more-btn{ width:.96rem; height:.96rem; background:url(/images/zhuanti/2019wszgbf/arrow01.png) no-repeat center #6924cd; background-size:.346rem auto;}
.CourseCon .coach-tit .more-btn.on{ transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.CourseCon .coach-tit .more-pop{ display:none; width: 9.2rem; padding: 0 0.4rem; position:absolute; left:0; top:.96rem; background:#6924cd; z-index:9;}
.CourseCon .coach-tit .more-pop li{ float:left; line-height:.88rem; font-size:.34rem; color:#fff; margin-left:0.36rem;}
.CourseCon .coach-tit .more-pop li.on{ color:#ffe42f;}
.CourseCon .coach-con{ clear: both;}
.CourseCon .course-tit{ height: 0.8rem; margin-bottom: 0.667rem;}
.CourseCon .course-tit .swiper-container{ margin:0 0.4rem;}
.CourseCon .course-tit .swiper-slide{ height: 0.773rem; padding: 0 0.2rem; line-height: 0.773rem; font-size: 0.32rem; color:#9851ff; border: 1px solid #9851ff; background: #ebdffd; border-radius: 0.4rem; width:auto !important; margin-right: 0.173rem;}
.CourseCon .course-tit .swiper-slide.on{ color:#fff; border: 1px solid #f68a24; box-sizing:border-box; -webkit-box-sizing:border-box;
    background: -webkit-linear-gradient(left, #f48d27, #ff6e0a); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #f48d27, #ff6e0a); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #f48d27, #ff6e0a); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #f48d27, #ff6e0a); /* 标准的语法 */}
.CourseCon .course-tit .swiper-slide:last-child{ margin: 0;}
.CourseCon .course-con{ display: none;}
.CourseCon .course-con .course{ width: 9.2rem; margin: 0 auto 0.693rem;}
.CourseCon .course-con .course .ctit{ position: relative; height: 2.107rem;}
.CourseCon .course-con .course .ctit-left{ width: 5.067rem; padding: 0.347rem 0 0 0.48rem; line-height: 0.8rem; color: #fff; font-size: 0.347rem;}
.CourseCon .course-con .course .ctit-left b{ font-size: 0.64rem;}
.CourseCon .course-con .course .ctit-right{ width: 2.5rem; padding: 0.48rem 1.1rem 0 0; line-height: 0.693rem; text-align: right;}
.CourseCon .course-con .course .ctit-right-t{ font-size: 0.533rem; color: #ffd942;}
.CourseCon .course-con .course .ctit-right-t b{ font-size: 0.64rem;}
.CourseCon .course-con .course .ctit-right-b{ font-size: 0.347rem; color: #fff; text-decoration: line-through;}
.CourseCon .course-con .course .ctit .icon{ display: block; position: absolute; top: -0.4rem; right: -0.36rem; width: 1.56rem; height: 1.387rem; background:url(/images/zhuanti/2019hsbf/bf_13.png) no-repeat; background-size:100% auto;}
.CourseCon .course-con .course .ctit .icon b{ display: block; width: 1.32rem; padding-top: 0.24rem; font-size: 0.373rem; text-align: center; line-height: 0.427rem; color: #fff;}
.CourseCon .course-con .course .ccon{ background: #fff; padding: 0.08rem 0.533rem 0 0.533rem;}
.CourseCon .course-con .course .ccon .ctbox{ padding: 0.293rem 0; margin-left: 1.027rem; font-size: 0.32rem; line-height: 0.56rem;}
.CourseCon .course-con .course .ccon .ctbox b{ font-size: 0.64rem; color: #ff9338; vertical-align: middle;}
.CourseCon .course-con .course .ccon .ctbox .lfd{ display: block; font-size: 0.373rem; color: #ff9338; font-weight: 700; top: 0.293rem; left: -1.027rem;}
.CourseCon .course-con .course .ccon .ctbox.bb{ border-bottom: 1px dashed #a0a0a0;}
.CourseCon .course-con .course .ccon .cbbox{ padding: 0.08rem 0 0.507rem; text-align: center;}
.CourseCon .course-con .course .ccon .cbbox .btn01{ display: inline-block; width: 2.373rem; height: 0.907rem; text-align: center; line-height: 0.933rem; font-size: 0.373rem; color: #ff9338; border: 0.013rem solid #ff9338; border-radius: 0.467rem; margin: 0 0.133rem;}
.CourseCon .course-con .course .ccon .cbbox .btn02{ display: inline-block; width: 3.733rem; height: 0.933rem; text-align: center; line-height: 0.933rem; font-size: 0.373rem; color: #fff; border-radius: 0.467rem; margin: 0 0.133rem; box-shadow:0 0.04rem 0.213rem 0 rgba(228,125,13,0.5);
    background: -webkit-linear-gradient(left, #f48d27, #ff6e0a); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #f48d27, #ff6e0a); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #f48d27, #ff6e0a); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #f48d27, #ff6e0a); /* 标准的语法 */}
.CourseCon .course-con .course .ccon .cbboxList{ padding: 0.373rem 0; border-top: 1px dashed #a0a0a0;}
.CourseCon .course-con .course .ccon .cbboxList .cblTxt{ width: 3.067rem; height: 0.933rem; line-height: 0.933rem; font-size: 0.37rem; overflow: hidden;}
.CourseCon .course-con .course .ccon .cbboxList .cblBtn01,.CourseCon .course-con .course .ccon .cbboxList .cblBtn02{ display: block; width: 2.353rem; height: 0.96rem; text-align: center; line-height: 0.96rem; font-size: 0.37rem; color: #fff; border-radius: 0.48rem; box-shadow:0 0.04rem 0.213rem 0 rgba(228,125,13,0.5);
    background: -webkit-linear-gradient(left, #f48d27, #ff6e0a); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #f48d27, #ff6e0a); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #f48d27, #ff6e0a); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #f48d27, #ff6e0a); /* 标准的语法 */}
.CourseCon .course-con .course .ccon .cbboxList .cblBtn01{ margin-right: 0.267rem;}
.CourseCon .course-con .course.qzb .ctit{ background:url(/images/zhuanti/2019wszgbf/bf_07.png) no-repeat; background-size:100% auto;}
.CourseCon .course-con .course.tgb .ctit{ background:url(/images/zhuanti/2019wszgbf/bf_08.png) no-repeat; background-size:100% auto;}
.CourseCon .course-con .course.jpb .ctit{ background:url(/images/zhuanti/2019wszgbf/bf_09.png) no-repeat; background-size:100% auto;}

/*底部浮层*/
.floatBot{ position: fixed; left: 0; bottom: 0; z-index: 90; width: 10rem; height: 1.2rem; padding-top: 0.067rem; background:url(/images/zhuanti/2019wszgbf/bf_10.png) no-repeat; background-size:100% auto;}
.floatBot .ltxt{ position: relative; line-height: 1.2rem; margin-left: 0.933rem; font-size: 0.32rem; color: #fff;}
.floatBot .ltxt .icon{ position: absolute; display: block; top: -0.367rem; left: -0.107rem; width: 1.88rem; height: 0.667rem; line-height: 0.56rem; font-size: 0.32rem; color: #fff; text-align: center; background:url(/images/zhuanti/2019wszgbf/s_30.png) no-repeat; background-size:100% auto; animation: floating 3s ease infinite; -webkit-animation: floating 3s ease infinite;}
.floatBot .rbtn{ display: block; width: 4.267rem; height: 0.933rem; text-align: center; line-height: 0.933rem; font-size: 0.427rem; color: #fff; border-radius: 0.467rem; margin: 0.133rem 0.32rem 0 0; box-shadow:0 0.173rem 0.133rem 0 rgba(120,19,191,0.5);
    background: -webkit-linear-gradient(left, #ff8a2c, #ffe038); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #ff8a2c, #ffe038); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #ff8a2c, #ffe038); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ff8a2c, #ffe038); /* 标准的语法 */}

/*右侧浮动*/
.floatBar{position:fixed; height: 2.4rem; right:.3rem;bottom:1.2rem;z-index:90;}
.floatBar a{display:block;width:1rem;height:1rem;background:#333;opacity:.6;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin-bottom:.2rem}
.floatBar a.returnTop{background:#333 url(/images/project/2018common/ico08.png) no-repeat center center;background-size:45%;display:none;}
.floatBar a.share{background:#333 url(/images/project/2018common/ico07.png) no-repeat center center;background-size:45%;}

/*成功弹框*/
.cg-pop{ display: none; width:7.36rem; padding-left:.573rem; height:7rem; background:url(/images/zhuanti/2019wszgbf/s_22.png) no-repeat; background-size:100% auto; top:50%; left:50%; margin: -3.5rem 0 0 -3.96rem; position: fixed; z-index: 99;}
.cg-pop .xx{ display:block; width:.88rem; height:.88rem; background:url(/images/zhuanti/2019wszgbf/s_18.png) no-repeat; background-size:100% auto; top:-1rem; right:.173rem;}
.cg-pop .ttxt{ height:.8rem; text-align: center; line-height:.8rem; font-size:.453rem; color:#fd7747; font-weight: 700;}
.cg-pop .cbox-top{ overflow: hidden; height:1.08rem; padding-top:1.6rem;}
.cg-pop .cbox-top .yuan{ width:2.8rem; padding-left:1.8rem; line-height:1.08rem; font-size:.4rem; text-align: center; color: #f65514;}
.cg-pop .cbox-top .yuan b{ font-size:1rem;}
.cg-pop .cbox-top .right{ height:1.08rem; line-height:1.08rem; border-left:1px dashed #f7682d; font-size:.4rem; color: #f65514; padding-left:.266rem;}
.cg-pop .cbox2{ padding: 2.4rem 0 1.4rem; text-align: center; line-height:.6rem; font-size:.37rem; color:#fd7747; font-weight: 700;}
.cg-pop .cbox-bot{ clear: both; line-height:.826rem; font-size:.373rem; text-align: center; color:#fdfae6; padding-top:.8rem;}
.cg-pop .bhan{ display:block; width:5.2rem; height:1.04rem; line-height:.933rem; border-radius:.3rem; box-shadow:0 0 .05rem #c12240; -webkit-box-shadow:0 .05rem .1rem #c12240; text-align:center; font-size:.4rem; font-weight: 700; color:#7f1b07; margin:.333rem auto .933rem; background:url(/images/zhuanti/2019hsbf/s_29.png) no-repeat; background-size:100% auto;}

/*提示弹框*/
.mask{ display:none; width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(0,0,0,.4); z-index:98;}
.prompt-pop{ display:none; width:8.2rem; position:fixed; left:50%; margin-left:-4.1rem; top:50%; margin-top:-2.393rem; z-index:99; background:#fff; border-radius:.05rem;}
.prompt-pop .con{ height:3.466rem; padding:0 0.3rem; text-align:center;  display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -webkit-align-items:center; align-items:center;}
.prompt-pop .con p{ line-height:.72rem; font-size:.34rem; color:#222;}
.prompt-pop .con p a{ color:#fd933b;}
.prompt-pop .btn{ display:block; width:100%; height:1.32rem; line-height:1.32rem; text-align:center; font-size:.453rem; color:#3e83e5; border-top:1px solid #eaeef3;}

/*说明弹框*/
.sm-pop{ display: none; width:9.147rem; padding-bottom: 0.4rem; background: #fff; border-radius: 0.267rem; top:50%; left:50%; margin: -3.733rem 0 0 -4.573rem; position: fixed; z-index: 99;}
.sm-pop .xx{ display:block; width:.88rem; height:.88rem; background:url(/images/zhuanti/2019wszgbf/s_18.png) no-repeat; background-size:100% auto; top:-1rem; right:.173rem;}
.sm-pop .ptit{ height: 1.467rem; text-align: center; line-height: 1.467rem; font-size: 0.453rem; color:#ff9338; font-weight: 700; padding-top: 0.133rem;}
.sm-pop .ptxt{ margin: 0 0.8rem 0.4rem 0.293rem; padding-left: 0.96rem; line-height: 0.533rem; font-size: 0.373rem; color: #666;}
.sm-pop .ptxt span{ left: 0; top: 0; display: block; width: 0.693rem; height: 0.693rem; border-radius: 0.347rem; font-size: 0.613rem; text-align: center; font-style: oblique; line-height: 0.693rem; font-weight: 700; color: #fd7a54;
    background: -webkit-linear-gradient(left, #f6f3f0, #fff9f3); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #f6f3f0, #fff9f3); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #f6f3f0, #fff9f3); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #f6f3f0, #fff9f3); /* 标准的语法 */}

.floating{
    animation-name: floating;
    -webkit-animation-name: floating;

    animation-duration: 1.2s;
    -webkit-animation-duration: 1.2s;

    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@keyframes floating {
    0% {
        transform: translateY(0%);
    }
    50% {
        transform: translateY(12%);
    }
    100% {
        transform: translateY(0%);
    }
}

@-webkit-keyframes floating {
    0% {
        -webkit-transform: translateY(0%);
    }
    50% {
        -webkit-transform: translateY(12%);
    }
    100% {
        -webkit-transform: translateY(0%);
    }
}

/*petalbox*/
#petalbox {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 99;
    pointer-events: none;
}
#petalbox > div {
    width: 0.93rem;
    height: 0.8rem;
    position: absolute;
    -webkit-animation-iteration-count: 1, 1;
    -webkit-animation-direction: normal, normal;
    -webkit-animation-timing-function: linear, ease-in;
    -webkit-backface-visibility: hidden;
    animation-iteration-count: 1, 1;
    animation-direction: normal, normal;
    animation-timing-function: linear, ease-in;
    backface-visibility: hidden;
}
#petalbox > div > img {
    position: absolute;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: linear;
    -webkit-backface-visibility: hidden;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: linear;
    backface-visibility: hidden;
}
@-webkit-keyframes fade {
    0%, 90% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade {
    0%, 90% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@-webkit-keyframes drop {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(0, 1100px, 0);
    }
}
@keyframes drop {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(0, 1100px, 0);
    }
}
@-webkit-keyframes clockwiseSpin {
    0% {
        -webkit-transform: none;
    }
    100% {
        -webkit-transform: rotate(480deg);
    }
}
@keyframes clockwiseSpin {
    0% {
        transform: none;
    }
    100% {
        transform: rotate(480deg);
    }
}
@-webkit-keyframes counterclockwiseSpinAndFlip {
    0% {
        -webkit-transform: none;
    }
    100% {
        -webkit-transform: rotate(-480deg);
    }
}
@keyframes counterclockwiseSpinAndFlip {
    0% {
        transform: none;
    }
    100% {
        transform: rotate(-480deg);
    }
}