/**{ -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
*{ -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; } -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none;*/
/** { touch-action: pan-y; }*/
/*阻止监听滑动*/
html, body { background: #fff }
@font-face { font-family: 'MicrosoftYaHei'; src: url('MicrosoftYaHei.eot'); src: url('MicrosoftYaHei.eot?#iefix') format('embedded-opentype'), url('MicrosoftYaHei.woff') format('woff'), url('MicrosoftYaHei.ttf') format('truetype'), url('MicrosoftYaHei.svg#MicrosoftYaHei') format('svg'); }
body { font-family: Helvetica; }
h1, h2, h3, h4, h5, p, i, em { padding: 0; margin: 0 }
html, body { padding: 0; margin: 0 auto; max-width: 720px; }
ul, li { padding: 0; margin: 0; list-style: none; }
a { text-decoration: none }
a:hover { -webkit-tap-highlight-color: transparent; }
.fl { float: left; }
.fr { float: right }
.boxwhite { padding: 1rem; background: #fff; overflow: hidden }
.boxbgnone { padding: 1rem; background: none; overflow: hidden }
.divBtn { padding: 2rem; overflow: hidden }
.line { height: 1rem; background: #F5F5F5; overflow: hidden; clear: both }
.masklayer { position: fixed; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: .55; z-index: 99; display: none; }
.masklayers { position: fixed; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: .75; z-index: 1005; display: none; }


/*顶部返回*/
.top-navBar { position: fixed; top: 0; left: 0; width: 100%; max-width: 720px; z-index: 10; background: none; }
.top-navBar .top-left { background: rgba(0,0,0,0.1) none repeat scroll !important; filter: Alpha(opacity=10); width: 2rem; height: 2rem; display: block; float: left; border-radius: 50%; margin: .7rem; line-height: 2rem; text-indent: .4rem; }
.top-navBar .top-left .iconfont { color: #fff; font-size: .8rem; }
.top-navBar .top-right { float: right; padding: 1rem 1rem 0 0; font-size: 1.2rem; color: #666; display: none }
.aui-flex { background: #fff; box-shadow: 0px 0px 10px 0px #ccc; }
.aui-flex .top-right { display: block }
.aui-flex .top-left { background: rgba(0,0,0,0.3) none repeat scroll !important; filter: Alpha(opacity=30); }

/*loading*/

.load-container { position: fixed; left: 50%; top: 50%; margin-left: -5rem; margin-top: -5rem; width: 10rem; height: 10rem; z-index: 2000001; background: rgba(0,0,0,0.65) none repeat scroll !important; border-radius: .5rem; }
.load-container a:link,
.load-container a:visited { position: absolute; bottom: 3px; font-size: 1.15em; text-align: center; left: 0; right: 0; text-decoration: none; color: #FFF; }
.load-container a:link:hover,
.load-container a:visited:hover { text-decoration: underline; }
.loader { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); }
.load8 .loader { margin: 6em auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 0.5rem solid rgba(255, 255, 255, 0.2); border-right: 0.5rem solid rgba(255, 255, 255, 0.2); border-bottom: 0.5rem solid rgba(255, 255, 255, 0.2); border-left: 0.5rem solid #ffffff; -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; }
.load8 .loader, .load8 .loader:after { border-radius: 50%; width: 4rem; height: 4rem; margin-top: 2.5rem; }

@-webkit-keyframes load8 {
 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes load8 {
 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

/*顶部搜索*/
.search { padding: 1rem; background: #fff; position: relative }
.search ul { overflow: hidden; width: 100%; }
.search ul .input { width: 80%; }
.search ul .input div { background: #f4f4f4; border-radius: .2rem; padding: 0rem 1rem; }
.search ul .input div i { font-size: 1.1rem; color: #999999 }
.search ul .input h1 { font-weight: 100; font-size: 1.4rem; }
.search ul .input div input { background: none; outline: 0; border: 0; padding: 0 .7rem; font-size: 1.158rem; width: 80%; height: 2.7rem; }
.search ul .time { width: 9%; text-align: center }
.search ul .time .iconfont { font-size: 1.8rem; color: #444 }

/*搜索层*/
.searchdilog { position: fixed; width: 100%; height: 100%; background: #fff; top: 0; left: 0; right: 0; bottom: 0; z-index: 1001; display: none }
.searchdilog .s { border-bottom: 1px solid #eee; padding: 1rem; overflow: hidden; }
.searchdilog .s .s_div { float: left; width: 85%; background: #f4f4f4; border-radius: .2rem; }
.searchdilog .txt { width: 190%; border: 0; outline: 0; background: none; padding: .65rem 1rem; font-size: 1.258rem; }
.searchdilog .btn_search { float: right; width: 15%; text-align: center; background: none; border: 0; height: 2.8rem; font-size: 1.258rem; outline: 0 }
.searchdilog .searchlist { padding: 1rem 1rem 0 1rem; overflow: hidden }
.searchdilog .searchlist .iconsousuo { color: #999; padding-right: .5rem; }
.searchdilog .searchlist .iconremen { color: #999; padding-right: .3rem; font-size: 1.558rem; }
.searchdilog .searchlist div { color: #999; font-size: 1.158rem; }
.searchdilog .searchlist ul { display: flex; flex-wrap: wrap; padding-top: 1rem; }
.searchdilog .searchlist ul li { border: 1px solid #e5e5e5; border-radius: .3rem; display: flex; justify-content: center; margin: .0rem 1rem 1rem 0 }
.searchdilog .searchlist ul li a { color: #333; display: block; padding: .5rem 1rem; }


/*底部菜单*/
.footerLine { height: 5rem; overflow: hidden; clear: both }
.footerMenuline { height: 4.8rem; overflow: hidden }
.footerMenu { border-top: 1px solid #EBEBEB; position: fixed; bottom: 0; width: 100%; max-width: 720px; overflow: hidden; background: #fff; z-index: 11; }
.footerMenu li { float: left; width: 20%; }
.footerMenu li a { display: block; text-align: center; padding: .5rem 0; }
.footerMenu li a span { display: block; text-align: center; color: #949499; padding-top: .1rem; font-size: 1.1rem; }
.footerMenu li .active span { color: #010101; }
.footerMenu .iconhome { background: url(../image/ico/sy1.png) no-repeat center center; width: 1.6rem; height: 1.6rem; display: inline-block; background-size: 80%; }
.footerMenu .iconhome_cur { background: url(../image/ico/sy.png) no-repeat center center; width: 1.6rem; height: 1.6rem; display: inline-block; background-size: 80%; }
.footerMenu .iconbaoku { background: url(../image/ico/zsbk1.png) no-repeat center center; width: 1.6rem; height: 1.6rem; display: inline-block; background-size: 100%; }
.footerMenu .iconbaoku_cur { background: url(../image/ico/zsbk.png) no-repeat center center; width: 1.6rem; height: 1.6rem; display: inline-block; background-size: 100%; }
.footerMenu .icontoday { background: url(../image/ico/ico_type.png) no-repeat center center; width: 1.6rem; height: 1.6rem; display: inline-block; background-size: 90%; }
.footerMenu .icontoday_cur { background: url(../image/ico/ico_type1.png) no-repeat center center; width: 1.6rem; height: 1.6rem; display: inline-block; background-size: 90%; }
.footerMenu .iconmy { background: url(../image/ico/wd1.png) no-repeat center center; width: 1.6rem; height: 1.6rem; display: inline-block; background-size: 80%; }
.footerMenu .iconmy_cur { background: url(../image/ico/wd.png) no-repeat center center; width: 1.6rem; height: 1.6rem; display: inline-block; background-size: 80%; }
.footerMenu .iconmall_cur { background: url(../image/ico/icoshop1.png) no-repeat center center; width: 1.6rem; height: 1.6rem; display: inline-block; background-size: 90%; }
.footerMenu .iconmall { background: url(../image/ico/icoshop.png) no-repeat center center; width: 1.6rem; height: 1.6rem; display: inline-block; background-size: 90%; }
.footerMenu .iconzhibo_cur { background: url(/h5course/img/zb_cur.png) no-repeat center center; width: 1.6rem; height: 1.6rem; display: inline-block; background-size: 90%; }
.footerMenu .iconzhibo { background: url(/h5course/img/zb.png) no-repeat center center; width: 1.6rem; height: 1.6rem; display: inline-block; background-size: 90%; }



/*中间子菜单*/
.mTitel span { display: inline-block; font-size: 1.2rem; }
.mTitel span i { display: block; height: .3rem; background: #00d8a0; border-radius: 1rem; margin-top: .35rem; }
.mTitel a { float: right; font-size: 1.158rem; display: block; margin-top: .5rem; color: #1f242b }
.mTitel a .iconfanyeyou { font-size: 1.1rem; }
/**/
.ranking { padding: 1rem; }
.ranking ul { width: 100%; overflow: hidden; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; padding-top: 1.5rem; }
.ranking ul li { width: 49%; padding-bottom: 1rem }
.ranking ul li .img { position: relative; min-height: 8.5rem; text-align: center }
.ranking ul li img { max-width: 100%; max-height: 8.5rem; }
.ranking ul li p { margin: 0; color: #010101; font-size: 1.2rem; padding: .5rem 0; line-height: 2rem; }
.ranking ul li span { color: #a7b1bc; font-size: 1.15rem; display: block }
.ranking ul li span em { float: right; color: #cdcdcd; font-style: normal; padding-right: .5rem; }
.ranking ul li .title,
.ranking ul li .info_hint { display: block; width: 100%; overflow: hidden; }
.ranking ul li .info_hint { margin-top: .5rem; }
.ranking ul li .info_hint .price { display: inline-block; float: left; font-style: normal; color: #F43440; font-size: 1.194666666666667rem; }
.ranking ul li .info_hint .username { display: inline-block; float: right; margin: .3rem .6rem 0 0; }

.ranking .img i { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 4rem; height: 4rem; text-align: center; font-size: 2rem; background-color: rgba(0,0,0,0.5); color: #fff; line-height: 4rem; text-align: center; border-radius: 50%; }
.weui-grids { padding: 1rem; overflow: hidden }
.weui-grids a { display: block; float: left; width: 25%; text-align: center; text-decoration: none; padding: 1rem 0; border-radius: .2rem; }
/*.weui-grids a span { width: 3rem; height: 3rem; background: #e4f8f3; border-radius: 50%; display: inline-block; line-height: 3rem; }*/
.weui-grids a i { width: 3.3rem; height: 3.3rem; display: inline-block; }
.weui-grids a:active { background-color: #ECECEC; }
.weui-grids a p { font-size: 1.2rem; color: #2d2d2d; padding: 1rem 0 0 0; margin: 0 }
.weui-grids .icerke { background: url(../image/ico/etjt.png) no-repeat center center; background-size: 100%; }
.weui-grids .iczhishi { background: url(../image/ico/jtjy.png) no-repeat center center; background-size: 100%; }
.weui-grids .icyuer { background: url(../image/ico/bmkt.png) no-repeat center center; background-size: 100%; }
.weui-grids .icfenlei { background: url(../image/ico/mf.png) no-repeat center center; background-size: 100%; }
.weui-grids .icfenxiang { background: url(../image/ico/tg.png) no-repeat center center; background-size: 100%; }
.weui-grids .icxihuan { background: url(../image/ico/sc.png) no-repeat center center; background-size: 100%; }
.weui-grids .icfufei { background: url(../image/ico/cz.png) no-repeat center center; background-size: 100%; }
.weui-grids .ichongbao { background: url(../image/ico/hb1.png) no-repeat center center; background-size: 100%; }



/*支付*/
.payment { position: fixed; top: 50%; left: 50%; right: 50%; width: 26rem; margin-left: -13rem; margin-top: -10rem; background: #fff; z-index: 200; background: #fff; border-radius: .5rem; overflow: hidden; display: none; box-shadow: 0 0 10px #ccc; }
.payment .tit { border-bottom: 1px solid #eee; padding: 1rem; text-align: center; font-size: 1.1rem; position: relative }
.payment .tit em { color: #fd5c5c; font-style: normal }
.payment .tit i { position: absolute; left: 1rem; top: .8rem; font-size: 1.1rem; color: #999 }
.payment ul { margin: 0 1rem 1rem 1rem; }
.payment ul li { padding: 1.5rem 0 1.5rem 0; border-bottom: 1px solid #eee; position: relative; font-size: 1.1rem; }
.payment ul li i { float: right; color: #ccc; font-size: 1.4rem; margin-right: .5rem; }
.payment ul li .hover { color: #00D8A0 }
.payment ul li span { display: inline-block; color: #fd5c5c; padding-left: 1rem; }
.payment ul li label { float: right; color: #fd5c5c; padding-right: .5rem; }
/*优惠券*/
.coupon { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 200; background: #F4F4F4; overflow: auto; display: none }
.coupon .coupon-item { background: #fff; margin: 1rem; padding: 1rem; border-radius: .5rem; position: relative; overflow: hidden }
.coupon .coupon-item label { font-size: 1.2rem; display: block; padding-top: .5rem; }
.coupon .coupon-item p { padding-top: 1rem; padding-bottom: 0; font-size: 1.1rem; }
.coupon .coupon-item span { position: absolute; right: 2rem; top: 2.5rem; color: #fd5c5c; font-size: 1.6rem; }
.coupon .coupon-item span em { font-style: normal; font-size: 2rem; }
.coupon .nocoupon { position: fixed; bottom: 0; width: 100%; background: #fff; padding: 1rem 0; text-align: center; font-size: 1.2rem; }



/*按钮*/
.weui-btn { position: relative; box-sizing: border-box; font-size: 1.2rem; text-align: center; text-decoration: none; color: #FFFFFF; line-height: 3.5rem; border-radius: .5rem; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); overflow: hidden; border: none; outline: none; -webkit-appearance: none; }
.weui-btn_sumbit { background-color: #00d8a0; width: 100%; }
.weui-btn_minsumbit { background-color: #00d8a0; line-height: 2.55555556rem; font-size: 1.225rem; }

/*文本框*/
.weui-textareas { display: block; border: 0; resize: none; width: 100%; color: inherit; line-height: inherit; outline: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-size: 1.1rem; font-family: 'Microsoft YaHei'; }
/*无边框*/
.font-textareas { padding: 1rem; border: 1px solid #dcdcdc; border-radius: .5rem; margin: 1rem 0 }
.weui-input { width: 100%; border: 0; outline: 0; -webkit-appearance: none; background-color: transparent; font-size: inherit; color: inherit; }
.weui-inputs { width: 92%; border: 0; outline: 0; -webkit-appearance: none; background-color: transparent; font-size: inherit; color: inherit; border: solid 1px #dcdcdc; padding: 1rem; font-size: 1.1rem; }

/*回顶部*/
.goTop { position: fixed; bottom: 4rem; right: 1rem; width: 3rem; height: 3rem; border: 1px solid #eee; border-radius: 50%; z-index: 10; text-align: center; line-height: 3rem; background: #fff; }
.goTop i { color: #c1c1c1; font-size: 2rem; }

/* rem */
@media only screen and (max-width:1080px),only screen and (max-device-width:1080px) {
 html { font-size: 33.75px; }
}

@media only screen and (max-width:960px),only screen and (max-device-width:960px) {
 html { font-size: 30px; }
}

@media only screen and (max-width:800px),only screen and (max-device-width:800px) {
 html { font-size: 25px; }
}

@media only screen and (max-width:750px),only screen and (max-device-width:750px) {
 html { font-size: 24px; }
}

@media only screen and (max-width:720px),only screen and (max-device-width:720px) {
 html { font-size: 22.5px; }
}

@media only screen and (max-width:640px),only screen and (max-device-width:640px) {
 html { font-size: 20px; }
}

@media only screen and (max-width:600px),only screen and (max-device-width:600px) {
 html { font-size: 18.75px; }
}

@media only screen and (max-width:540px),only screen and (max-device-width:540px) {
 html { font-size: 16.875px; }
}

@media only screen and (max-width:480px),only screen and (max-device-width:480px) {
 html { font-size: 15px; }
}

@media only screen and (max-width:414px),only screen and (max-device-width:414px) {
 html { font-size: 12.9375px; }
}

@media only screen and (max-width:400px),only screen and (max-device-width:400px) {
 html { font-size: 12.5px; }
}

@media only screen and (max-width:375px),only screen and (max-device-width:375px) {
 html { font-size: 11.71875px; }
}

@media only screen and (max-width:360px),only screen and (max-device-width:360px) {
 html { font-size: 11.25px; }
}

@media only screen and (max-width:320px),only screen and (max-device-width:320px) {
 html { font-size: 10px; }
}

@media only screen and (max-width:320px) and (max-height:416px),only screen and (max-device-width:320px) and (max-device-height:480px) {
 html.narrow-screen { font-size: 8.5px; }
 /* 窄屏 */
}

@media only screen and (max-width:240px),only screen and (max-device-width:240px) {
 html { font-size: 7.5px; }
}


/*赵瑞青 - 开始*/
html, body { -webkit-text-size-adjust: none; }
.fs12 { font-size: 1.024rem; }
.fs13 { font-size: 1.109333333333333rem; }
.fs14 { font-size: 1.194666666666667rem; }
.fs15 { font-size: 1.28rem; }
.fs16 { font-size: 1.365333333333333rem; }
.fs18 { font-size: 1.536rem; }

.search ul .input div { -webkit-border-radius: 3rem; -moz-border-radius: 3rem; border-radius: 3rem; }
.search a { display: block; }
.search ul { position: relative; }
.search ul .time { display: block; width: 9%; height: auto; padding-top: 9%; float: none; position: absolute; top: 50%; right: 0; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
.search ul .time + .time { right: 9%; }
.search ul .time a { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.search ul .time a .imgicon,
.search ul .time a i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.search ul .time a .imgicon { width: 1.96267rem; height: 1.96267rem; }
.search ul .time.text { width: auto; padding-top: 6%; }
.search ul .time.text a { position: relative; left: initial; top: initial; width: auto; height: auto; }
.search ul .time.text a .span { font-size: 1.3rem; color: #1F242B; margin-right: 1.3rem; }
.search ul .time.text a i { font-size: 1.2rem; left: initial; right: 0; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
.search ul .input h1 { font-size: 2rem; margin-top: 1.2rem; margin-bottom: .2rem; line-height: 1; }
.mTitel { display: block; overflow: hidden; position: relative; padding: 1.6rem 0 .6rem 0; }
.mTitel span { font-size: 1.5rem; position: relative; }
.mTitel span i { width: 110%; height: .45rem; margin-top: -.7rem; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.mTitel a { font-size: 1.024rem; color: #999; margin-top: 0; }
.mTitel span, .mTitel a { line-height: 2rem; }
.mTitel a .iconfanyeyou { font-size: 1rem; vertical-align: middle; }

.ranking ul li { font-size: 1.024rem; padding-bottom: 1.6rem; }
.ranking ul li a { display: block; }
.ranking ul li .img { min-height: 8rem; overflow: hidden; }
.ranking ul li img { display: block; -webkit-border-radius: .426667rem; -moz-border-radius: .426667rem; border-radius: .426667rem; }
.ranking ul li p { font-size: 1.166667rem; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.56667rem; max-height: 2.63334rem; color: #000; font-weight: 500; letter-spacing: 1px; padding: .5rem 0 .3rem 0; }
.ranking ul li span { font-size: 1rem; }
.footerMenu li a span { font-size: 1.024rem; padding-top: 0; }
.weui-grids .index_answer { background: url(../image/ico/index_answer.png) no-repeat center center; background-size: 90%; }
.weui-grids .index_family_education { background: url(../image/ico/index_family_education.png) no-repeat center center; background-size: 90%; }
.weui-grids .index_featured { background: url(../image/ico/index_featured.png) no-repeat center center; background-size:90%; }
.weui-grids .index_free { background: url(../image/ico/index_free.png) no-repeat center center; background-size:90%; }
.ranking ul { padding-top: 0; }
.weui-grids a p { padding-top: .2rem; font-size: 1rem; }
.weui-grids { padding-bottom: .5rem; }
.top-navBar .top-left { background-color: #00d8a0 !important; overflow: hidden; position: relative; text-align: center; text-indent: 0; }
.weui-inputs { -webkit-border-radius: .5rem; -moz-border-radius: .5rem; border-radius: .5rem; }
.weui-btn { -webkit-border-radius: 5rem; -moz-border-radius: 5rem; border-radius: 5rem; }
.weui-btn_sumbit { font-size: 1.2rem; }

/* 提问悬浮按钮 */
.QuestionBox { display: block; position: fixed; right: 2em; bottom: 5em; width: 5em; height: 5em; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; background-color: #00d8a0; color: #fff; -moz-box-shadow: 0 2px 10px #00d8a0; box-shadow: 0 2px 10px #00d8a0; }
.QuestionBox .span { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 1.109333333333333rem; letter-spacing: 1px; line-height: 1.3em; white-space: nowrap; font-weight: bold; }
.QuestionBox .img { width: 50%; height: 50%; }
.QuestionBox.Blue { background-color: #3dabfa; -moz-box-shadow: 0 2px 10px #3dabfa; box-shadow: 0 2px 10px #3dabfa; }
.lineClamp_1,
.lineClamp_2,
.lineClamp_3 { display: inline; display: inline-block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; }
.lineClamp_1 { -webkit-line-clamp: 1; }
.lineClamp_2 { -webkit-line-clamp: 2; }
.lineClamp_3 { -webkit-line-clamp: 3; }
.GoBack { display: block; overflow: hidden; position: fixed; top: 0; left: 0; z-index: 10; width: 2rem; height: 2rem; border-radius: 50%; margin: .7rem; line-height: 2rem; background-color: #00d8a0; overflow: hidden; position: relative; text-align: center; text-indent: 0; }
.GoBack .icon { color: #fff; font-size: .8rem; }
/*结束 - 赵瑞青*/



/*公共弹出提示勋章*/
.PublicTipMedalShade { position: fixed; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: .55; z-index: 99; display: none; }
.PublicTipMedal { position: fixed; z-index: 10010; display: none; top: 50%; left: 50%; border-radius: 5px; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%);  width:84%;}
.PublicTipMedalBg { background: url(/theme/image/approve/bg.png) no-repeat top center; background-size: 100%; text-align: center; font-size: 1.8rem; padding: 2rem 0; color: #fff; }
.PublicTipMedalBox { background: #fff; border-radius: 1rem; padding-bottom: 2rem; }
.PublicTipMedalBox .img { text-align: center; margin-top: -1.3rem; }
.PublicTipMedalBox .img img { max-width: 2rem; }
.PublicTipMedalText { text-align: center; padding: 3rem 0; background: #fff }
.PublicTipMedalText ul{display:flex}
.PublicTipMedalText img { max-width: 80%; padding-bottom: 1rem; }
.PublicTipMedalText .PublicTipMedalFont { color: #333; font-size: 1.2rem; line-height: 2.5rem; padding-top: 1rem;  word-wrap:break-word;width:100%}
.PublicTipMedalClose { position: absolute; bottom: -4rem; width: 100%; text-align: center }
.PublicTipMedalClose i { color: #fff; font-size: 2.6rem; }
/*公共弹出提示勋章*/