@charset "utf-8";

/* reset & preset */
html { height: 100%; font-size: 100px; box-sizing: border-box; font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
@-ms-viewport { width: device-width; }
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; }
body { height: 100%; margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-weight: normal; font-size: 14px;  color: #212529; }
[tabindex="-1"]:focus { outline: none !important; }
body { position: absolute; top: 0; right: 0; bottom: 0; left: 0;background: #fff; font-size:  }
a { color: #000; text-decoration: none; }
/* a:focus, a:hover { text-decoration: none; color: #5ddcd3 } */
::selection { background: #03a9f4; color: #fff }
.page { position: absolute; width: 100%; height: 100%;}
.has-top.page { padding-top: 44px; }
.page-content { padding: 0 0 50px 0; height: 100%; overflow-y: auto; }
@font-face { font-family: 'romanserifmedium_italic'; src: url('../font/romanserif-oblique-webfont.woff2') format('woff2'), url('../font/romanserif-oblique-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'romanserifregular'; src: url('../font/romanserif-webfont.woff2') format('woff2'), url('../font/romanserif-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
h1,h2,h3,h4,h5,h6{ margin:0; }
ul,ol{ margin:0; padding:0; list-style:none; }
dl dt,dl dd{ margin: 0; padding:0; }
/*.bodypd{padding-bottom:2.9rem;}*/

/*单词首页*/
.title1 { font-size: .38rem; height:50px; line-height: 50px; border-bottom: 1px solid #e5e9fe; font-weight: 400; text-align: center; }
.text1 .img1 { width: 5.74rem; margin: .4rem auto 0; }
.text1 .img1 dt { width: 5.74rem; height: 5.14rem; background: url(../images/dc1-pic1_03.png) no-repeat; -webkit-background-size: cover; background-size: cover; font-size: .34rem; text-align: center; color: #d1deff; padding-top: 2.72rem; }
.text1 .img1 dt p { color: #fff; line-height: .7rem }
.text1 .img1 dt p span { margin: 0 .05rem; font-size: .45rem }
.regate1 { text-align: center; font-size: .3rem; }
.regate1 dt { height: 1rem; line-height: 1rem; color: #9898a6; }
.regate1 dt span { color: #3e3e47; }
.regate1 dt span i { color: #524bf8; }
.regate1 dd { clear: both; overflow: hidden }
.regate1 dd a { display: block; width: 2.5rem; height: .66rem; line-height: .66rem; margin: 0 auto; color: #888fb9; margin-bottom: .2rem; }
.regate1 dd a.on { border: 1px solid #524bf8; color: #524bf8; border-radius: .4rem; }

/*bottombar*/
.bottomSidebar { height: 1.00rem; border-top: 1px solid #e5e9fe; position: fixed; bottom: 0; font-size: 0.24rem; width: 100%; background: #fff; z-index: 900 }
.bottomSidebar a { display: inline-flex; align-items: center; width: 33%; height: 1.00rem; text-align: center; float: left; color: #999ca3 }
.bottomSidebar a:nth-child(2) { border-left: 1px solid #e5e9fe; border-right: 1px solid #e5e9fe }
.bottomSidebar a p { height: .48rem; width: .41rem; margin: .18rem auto .1rem; }
.bottomSidebar a:nth-child(1) p { background: url(../images/bottombar-1.png) no-repeat; -webkit-background-size: 100%; background-size: 100% }
.bottomSidebar a:nth-child(1).on p { background: url(../images/bottombar-1-on.png) no-repeat; -webkit-background-size: 100%; background-size: 100% }
.bottomSidebar a:nth-child(2) p { width: .48rem; background: url(../images/bottombar-2.png) no-repeat; -webkit-background-size: 100%; background-size: 100% }
.bottomSidebar a:nth-child(2).on p { width: .48rem; background: url(../images/bottombar-2-on.png) no-repeat; -webkit-background-size: 100%; background-size: 100% }
.bottomSidebar a:nth-child(3) p { background: url(../images/bottombar-3.png) no-repeat; -webkit-background-size: 100%; background-size: 100% }
.bottomSidebar a:nth-child(3).on p { background: url(../images/bottombar-3-on.png) no-repeat; -webkit-background-size: 100%; background-size: 100% }
.bottomSidebar a:nth-child(1).on, .bottomSidebar a:nth-child(2).on, .bottomSidebar a:nth-child(3).on { color: #5353f4 }

/*影片详情页*/
.title2 { font-family: 'romanserifregular'; font-size: .38rem; height:50px; line-height: 50px; border-bottom: 1px solid #e5e9fe; margin: 0; color: #30303c; text-align: center; position: relative; }
.title2 a { width: 20px; height: 50px; line-height: 50px; background: url(../images/back-1.png) no-repeat; background-size: 12px 21px; position: absolute; top: .26rem; left: .3rem }
.title2.post1 { font-weight: 400; position: fixed; width: 100%; z-index: 9999; background: #fff }
.title2.post2 { font-weight: 400; width: 100%; }
.text2 dt img { display: block; margin: 0 auto }
.text2 dd { text-align: center }
.text2 dd a { display: inline-block; font-size: .36rem; padding: 0 .4rem; height: .66rem; line-height: .65rem; margin: 0 .2rem; border: 1px solid #524bf8; color: #524bf8; border-radius: .3rem; -webkit-border-radius: .3rem }

/*个人中心*/
.rember { width: 6.4rem; border: 1px solid #ebebeb; margin: 1rem auto; padding: .6rem 0 .75rem; }
.rember dt { font-size: .48rem; font-family: 'romanserifregular'; text-align: center; }
.rember dt img { display: block; width: 1.6rem; height: 1.6rem; margin: 0 auto; background: url(../images/tx.png) no-repeat; border-radius: 50%; -webkit-border-radius: 50%; -webkit-background-size: cover; background-size: cover; border: none; margin-bottom: .25rem }
.rember dd { font-size: .34rem; overflow: hidden; clear: both; margin-top: 1rem; }
.rember dd a { display: block; float: left; width: 49.6%; text-align: center; height: 1.1rem }
.rember dd a p { height: .48rem; width: .41rem; margin: 0 auto .15rem; }
.rember dd a:nth-child(2) p { background: url(../images/bottombar-1-on.png) no-repeat; -webkit-background-size: cover; background-size: cover }
.rember dd a:nth-child(1) p { background: url(../images/arr-1.png) no-repeat; -webkit-background-size: cover; background-size: cover }
.rember dd a:nth-child(1) { border-right: 1px solid #ebebeb }

/*进入页面*/
.start { width: 6.4rem; margin: 0 auto; padding: .3rem 0; }
.start img { display: block; width: 6.4rem; height: auto; margin: 0 auto }
.stlist p { font-size: .36rem; color: #3e3e47; text-align: center; padding: .2rem 0; line-height: .5rem }
.stlist p i { color: #3c3cf1 }
.stlist p span { font-size: .26rem; color: #757582; display: block; }
.cutb { height: .5rem; line-height: .5rem }
.cutb span { width: .5rem; border-radius: .06rem; -webkit-border-radius: .06rem; height: .08rem; margin: 0 .2rem }

/*电影列表页*/
.text3 { padding-top: 2.2rem; }
.text3 dl dt { position: relative; width: 100%; height: 5.2rem; z-index: 1; overflow: hidden }
.text3 dl dt a, .text3 dl dt a img, .text3 dl dt a p, .text3 dl dt a span { display: block; margin: 0 auto; width: 100%; font-size: .36rem; color: #fff; }
.text3 dl dt a img, .text3 dl dt a p, .text3 dl dt a span { position: absolute; z-index: 1 }
.text3 dl dt a p { height: .8rem; background: rgba(0, 0, 0, .7); line-height: .8rem; font-family: 'romanserifregular'; padding-left: .3rem; overflow: hidden; position: absolute; bottom: 1.6rem; }
.text3 dl dt a span { height: 1.6rem; background: rgba(83, 83, 244, .8); position: absolute; bottom: 0; font-size: .28rem; padding-top: .2rem }
.text3 dl dt a span i { width: 33%; float: left; text-align: center; display: block; line-height: .6rem }

/*分享后的页面1*/
.rember2 { width: 6.4rem; border: 1px solid #ebebeb; margin: .3rem auto 0; padding:10px 25px; }
.rember2 dt { font-size: .6rem; font-family: 'romanserifregular'; text-align: center; color: #3e3e47 }
.rember2 dd { font-size: .34rem; overflow: hidden; clear: both; margin-top: .6rem; }
.rember2 dd a { display: block; float: left; width: 49.4%; text-align: center; color: #bdbdce }
.rember2 dd a p { height: .48rem; margin: 0 auto; letter-spacing: .15rem }
.rember2 dd a:nth-child(1) { border-right: 1px solid #ebebeb }
.rember2{ text-align: center; }
.rember2 .photo img{ width: 60px; height:60px; border-radius:60px; }
.rember2 p{ font-size: .26rem; }

/*.rember2 dd a span{display:block;height:.8rem;line-height:.6rem}*/
.rember2 dd a span i { color: #524bf8; font-size: .6rem }
.text4 { margin: 0 auto; width: 100%; padding-top: .48rem; }
.text4 dt { height: 7.8rem; overflow: hidden; margin: 0 auto .68rem }
.text4 dt img { display: block; margin: 0 auto; height: 100% }
.text4 dd { color: #888fb9; font-size: .34rem; clear: both; overflow: hidden; width: 3.8rem; margin: 0 auto; }
.text4 dd p { float: left; width: .88rem; margin-right: .2rem }
.text4 dd p img { display: block; width: .88rem; height: .88rem }
.text4 dd i { font-size: .24rem; display: block; margin-top: .1rem }

/*社群*/
.text5 { margin: 0 auto; text-align: center; color: #30303c }
.text5 dt { height: 1rem; line-height: 1rem; font-size: .40rem; }
.text5 dd.pic1 { width: 4.85rem; height: 2.61rem; margin: 0 auto; background: url(../images/sq-1.png) no-repeat; -webkit-background-size: cover; background-size: cover }
.text5 dd.smlt1 { font-size: .3rem; margin-top: .2rem; height: 1rem; line-height: 1rem }
.text5 dd.pic2 { font-size: .28rem; clear: both; overflow: hidden; width: 90%; margin: 0 auto }
.text5 dd.pic2 p { width: 33%; float: left; margin-bottom: .5rem }
.text5 dd.pic2 p img { display: block; margin: 0 auto .1rem }

/*单词表*/
.text6 { height: 1.6rem; width: 100%; border-bottom: 1px solid #e5e9fe; }
.text6 dt { width: 33%; float: left; font-size: .42rem; text-align: center; padding-top: .22rem; height: 1.6rem; }
.text6 dt span { color: #5353f4; font-size: .36rem; }
.text6 dt.on { border-bottom: .08rem solid #5353f4; }
.text6 dt:nth-child(2) { border-left: 1px solid #e5e9fe; border-right: 1px solid #e5e9fe; }
.text7 { padding-top: .3rem }
.text7 dl { height: 1.02rem; border-bottom: 1px solid #e5e9fe; }
.text7 dl dt { padding-left: .5rem; float: left; line-height: 1.02rem; font-family: 'romanserifregular'; font-size: .36rem; font-weight: 700 }
.text7 dl dd { color: #6f97fa; font-size: .26rem; float: right; padding-right: .1rem; margin-top: .16rem }
.text7 dl dd p { display: block; float: left; width: .68rem; height: .68rem; border: 1px solid #6f97fa; text-align: center; line-height: .68rem; margin-right: .23rem; }
.text7 dl dd p.on { background: #6f97fa; color: #fff }

/*单词复习*/
.text8 { height: 1.6rem; width: 100%; border-bottom: 1px solid #e5e9fe; }
.text8 dt { width: 25%; float: left; font-size: .42rem; text-align: center; height: 1.6rem; border-right: 1px solid #e5e9fe; }
.text8 dt p { width: .42rem; height: .48rem; background: url(../images/bottombar-1.png) no-repeat; -webkit-background-size: cover; background-size: cover; margin: 0 auto; margin-top: .4rem }
.text8 dt span { font-size: .26rem; color: #9898a6; display: block; line-height: .6rem }
.text8 dt.on { border-bottom: .08rem solid #5353f4; }
.text8 dt.on p { width: .6rem; height: .7rem; margin-top: .17rem; background: url(../images/bottombar-1-on.png) no-repeat; -webkit-background-size: cover; background-size: cover; }
.text8 dt.on span { color: #5353f4; }
.smltit { display: flex; justify-content: center; width: 94%; height: 1.14rem; font-size: .26rem; padding: .5rem 0; margin: auto; }
.smltit a { display: block; width: 20%; text-align: center; height: .35rem; color: #bdbdce }
.smltit a i { border-right: 1px solid #e5e9fe; display: block; height: .2rem; line-height: .2rem; }
.smltit a:last-child i { border: none }
.smltit a.on { border-bottom: .04rem solid #5353f4; color: #5353f4 }
.smltit a.off { color: #3e3e47 }
.text9 { font-size: .36rem; padding: 0; margin: 0 auto; width: 94%; }
.text9 dl { border: 1px solid #e5e9fe; margin-bottom: .3rem; height: 1.58rem; clear: both; overflow: hidden; text-align: center }
.text9 dl dt { float: left; width: 25%; height: 1.58rem; color: #524bf8; font-size: .24rem; padding-top: .25rem; border-right: 1px solid #e5e9fe; margin-right: 7%; }
.text9 dl dt i { display: block; font-size: .72rem; line-height: .72rem }
.text9 dl dd { float: left; width: 30%; font-size: .24rem; color: #9898a6; margin-top: .16rem }
.text9 dl dd p { font-size: .6rem; color: #3e3e47; line-height: .8rem }
.text9 dl.on dt, .text9 dl.on dd, .text9 dl.on dd p { color: #bdbdce }

/*我的计划*/
.text10 { height: 2rem; width: 100%; border-bottom: 1px solid #e5e9fe; }
.text10 dt { width: 25%; float: left; font-size: .42rem; text-align: center; height: 2rem; border-right: 1px solid #e5e9fe; }
.text10 dt p { width: .42rem; height: .48rem; background: url(../images/bottombar-1.png) no-repeat; -webkit-background-size: cover; background-size: cover; margin: 0 auto; margin-top: .4rem }
.text10 dt span { font-size: .26rem; color: #9898a6; display: block; line-height: .6rem; }
.text10 dt i { font-size: .18rem; line-height: .18rem; border-left: 1px solid #e5e9fe; border-right: 1px solid #e5e9fe; display: block; width: 50%; margin: .05rem auto 0; color: #9898a6; }
.text10 dt.on { border-bottom: .08rem solid #5353f4; }
.text10 dt.on p { width: .64rem; height: .7rem; margin-top: .17rem; background: url(../images/arr-2.png) no-repeat center bottom; -webkit-background-size: 100%; background-size: 100%; }
.text10 dt.on span, .text10 dt.on i { color: #5353f4; }
.text10 dt.on i { border-color: #5353f4; }
.text11 { padding-top: .1rem; margin: 0 auto; width: 6.4rem; overflow: hidden }
.text11 h3 { font-size: .30rem; text-align: center; height: .8rem; line-height: .8rem; font-weight: 400; color: #9898a6 }
.text11 h3 i { font-size: .34rem; color: #5353f4; margin: 0 .05rem }
.text11 .dctit { width: 6.4rem; height: .7rem; text-align: center; font-size: .26rem; border: 1px solid #e5e9fe; }
.text11 .dctit li { float: left; width: 49.5%; line-height: .7rem; }
.text11 .dctit li:nth-child(1) { border-right: 1px solid #e5e9fe; }
.text11 .list { font-size: .36rem; position: relative; border: 1px solid #e5e9fe; border-top: none; width: 6.4rem; height: 4.6rem; }
.text11 .list li { position: absolute; width: 49.5%; text-align: center; padding: .2rem 0; height: 4.6rem; overflow-y: scroll }
.text11 .list li p { height: .7rem; line-height: .7rem; color: #757582 }
.text11 .list li p.on { color: #fff }
.text11 .list li:nth-child(1) { border-right: 1px solid #e5e9fe; left: 0; z-index: 2 }
.text11 .list li:nth-child(2) { right: 0; z-index: 2 }
.text11 .list li.mask { height: .7rem; width: 100%; left: 0; top: 35%; background: #5353f4; z-index: 1 }
.botton1 { padding-top: .4rem }
.botton1 a { display: block; width: 2.56rem; height: .66rem; line-height: .66rem; border: 1px solid #5353f4; border-radius: .3rem; -webkit-border-radius: .3rem; font-size: .34rem; color: #5353f4; text-align: center; margin: 0 auto }
.maskbg { background: #000; opacity: 0.7; position: fixed; z-index: 900; width: 100%; height: 100%; top: 0; }
.maskbox { background: #fff; position: fixed; z-index: 901; left: 0; top: 20%; text-align: center; font-size: .36rem; width: 100%; height: 4rem; padding-top: .7rem; }
.maskbox dt img { display: block; width: .57rem; height: .66rem; margin: 0 auto }
.maskbox dd.fot1 { margin: .3rem auto 0 }
.maskbox dd.fot1 i { color: #5353f4; font-size: .6rem; margin: 0 .1rem }
.maskbox dd.fot2 { font-size: .48rem; }
.buy { position: fixed; z-index: 901; top: 20%; left: 0; background: #fff; text-align: center; font-size: .3rem; width: 100%; }
.buy dt { height: 1rem; line-height: 1rem; font-size: .36rem }
.buy dd { border-top: 1px solid #e5e9fe; border-bottom: 1px solid #e5e9fe; padding: .2rem 0; }
.buy dd p { clear: both; overflow: hidden; padding: .1rem 0 }
.buy dd p i, .buy dd p a { display: block; float: left; height: .6rem; line-height: .6rem; }
.buy dd p i { width: 65%; }
.buy dd p a { border: 1px solid #5353f4; padding: 0 .3rem; border-radius: .25rem; -webkit-border-radius: .25rem; color: #5353f4 }
.fenx { position: fixed; z-index: 901; top: 36%; left: 0; background: #fff; text-align: center; font-size: .3rem; width: 100%; }
.fenx dt { height: 1rem; line-height: 1rem; font-size: .36rem; border-top: 1px solid #e5e9fe; }
.fenx dd { clear: both; overflow: hidden; padding: .8rem 0; width: 3.8rem; margin: 0 auto }
.fenx dd p { width: 1.1rem; height: 1.1rem; float: left; margin: 0 .4rem }
.fenx dd p:nth-child(1) { background: url(../images/wx-1.png) no-repeat; background-size: cover; -webkit-background-size: cover }
.fenx dd p:nth-child(2) { background: url(../images/wx-2.png) no-repeat; background-size: cover; -webkit-background-size: cover }
.fenx2 { position: fixed; z-index: 901; top: 30%; left: 0; background: rgba(0, 0, 0, 0.6); text-align: center; font-size: .3rem; width: 100%; color: #fff; padding: 1rem 0; }
.fenx2 dt, .fenx2 dd { height: .8rem; line-height: .8rem; }
.fenx2 .close { position: absolute; right: .1rem; top: 0; font-size: .8rem; height: .8rem; line-height: .8rem; }
.fenx2 a { color: #fff; margin: 0 .3rem; border-bottom: 1px solid #fff; padding-bottom: .06rem }

/* 页面顶部提醒框 */
.fenx3 { position: fixed; z-index: 901; top: 0px;  background: rgba(0, 0, 0, 0.6); text-align: center; font-size: .3rem; width: 100%; color: #fff; padding: 0 0; }
.fenx3 dt, .fenx3 dd { height: .9rem; line-height: .9rem; }

.fenx_left { position: fixed; z-index: 901; top: 27px;  background: rgba(0, 0, 0, 0.6); text-align: center; font-size: .3rem; color: #fff; padding: 0 0; }
.fenx_left dt, .fenx_left dd { height: .5rem; line-height: .5rem; padding-left: 20px; padding-right:20px}


/*第一轮单词详细页*/
.text12 { text-align: center }
.text12 dt { padding-top: .2rem; font-size: .9rem; font-family: 'romanserifregular'; color: #333 }
.text12 .str ul { display: flex; justify-content: center; margin: 5px 0; height: 0.26rem; padding-bottom: .4rem }
.text12 .str ul li { width: .265rem; height: .26rem; margin:0 .13rem; background: url(../images/start-1.png) no-repeat center center; background-size: 100%; -webkit-background-size: 100%; }

/*-----------*/
.text12 dd.one li:nth-child(1) { background: url(../images/start-2.png) no-repeat; background-size: 100%; -webkit-background-size: 100%; }
.text12 dd.two li:nth-child(1), .text12 dd.two li:nth-child(2) { background: url(../images/start-2.png) no-repeat; background-size: 100%; -webkit-background-size: 100%; }
.text12 dd.three li:nth-child(1), .text12 dd.three li:nth-child(2), .text12 dd.three li:nth-child(3) { background: url(../images/start-2.png) no-repeat; background-size: 100%; -webkit-background-size: 100%; }
.text12 dd.four li:nth-child(1), .text12 dd.four li:nth-child(2), .text12 dd.four li:nth-child(3), .text12 dd.four li:nth-child(4) { background: url(../images/start-2.png) no-repeat; background-size: 100%; -webkit-background-size: 100%; }
.text12 dd.five li:nth-child(1), .text12 dd.five li:nth-child(2), .text12 dd.five li:nth-child(3), .text12 dd.five li:nth-child(4), .text12 dd.five li:nth-child(5) { background: url(../images/start-2.png) no-repeat; background-size: 100%; -webkit-background-size: 100%; }

/*-----------*/
.text12 dd span, .text12 dd i, .text12 dd a { display: inline-block; vertical-align: middle; font-family: 'romanserifregular'; }
.text12 dd.us, .text12 dd.uk { height: .4rem; line-height: .4rem; font-size: .3rem; color: #757582; margin: .1rem 0; }
.text12 dd.us i, .text12 dd.uk i { font-size: .2rem; width: .45rem; background: #f6f6fa; }
.text12 dd.us span, .text12 dd.uk span { text-align: left; overflow: hidden; }
.text12 dd.us a, .text12 dd.uk a { background: url(../images/ad-1.png) no-repeat left center; background-size: 100%; -webkit-background-size: 100%; width: .3rem; height: .3rem }
.mean { width: 6.4rem; border: 1px solid #e5e9fe; padding: .25rem 0; margin: 0 auto }
.mean dt { color: #3e3e47; font-size: .32rem; clear: both; width: 100%; margin-top: .2rem; overflow: hidden }
.mean dt i, .mean dt p { float: left; height: .58rem; line-height: .58rem }
.mean dt i { width: 26%; text-align: right; padding-right: .2rem; font-size: .32rem; color: #a3abd4; font-family: 'romanserifregular'; overflow: hidden; display: block; vertical-align: bottom }
.mean dt p { margin-right: .4rem; font-size: .3rem; }
.mean dt p img { vertical-align: middle; height: .2rem; margin-left: .1rem }
.mean dt .rts { float: right; width: 73%; vertical-align: baseline; }
.mean dt .rts p.one { font-size: .36rem; color: #3e3e47; }
.marg1 { margin: .7rem auto 0; }
.botton2 { padding: .5rem 0; width: 6.4rem; text-align: center; margin: 0 auto; }
.botton2 a { display: block; float: left; width: 1.5rem; height: .66rem; line-height: .66rem; border: 1px solid #5353f4; color: #5353f4; font-size: .36rem; margin: 0 0 0 .45rem; border-radius: .4rem; -webkit-border-radius: .4rem }
.botton2 a.on { background: #5353f4; color: #fff; }
.number { font-size: .28rem; text-align: center; width: 100%; padding-bottom: .2rem; line-height: .28rem; color: #bdbdce; background: #fff; position: fixed; z-index: 900; bottom: 1.2rem; left: 0; }
.number i { color: #5353f4; margin-left: .2rem; }

/*第二轮单词详细页*/
.txtinfo1 { font-size: .24rem; line-height: .24rem; color: #bdbdce; padding: .4rem 0 .2rem .5rem; font-weight: 400 }
.mean2 { width: 6.4rem; margin: 0 auto;}
.mean2 dt { position: relative; color: #757582; font-size: .32rem; clear: both; width: 100%; overflow: hidden; border-top: none; padding: .26rem 0; display: table; border-bottom:1px solid #ebebeb; }
.mean2 dt .team { display: table-row; }
.mean2 dt .team p {    /*display:table-cell;*/
float: left; padding-left: .5rem }
.mean2 dt .team p { margin-right: .4rem; }
.mean2 dt .team p img { vertical-align: middle; height: .20rem; margin-left: .1rem }
.mean2 dt.on { border: .04rem solid #79d296; }
.mean2 dt.off { border: .04rem solid #f8877c; }
.mean2 .item{ position: relative; display: flex; padding:10px 0; line-height:1; border-bottom:1px solid #ebebeb;}
.mean2 .item .mark-class{ position: relative; flex-shrink: 0; top: 0; width: 50px; padding:4px 10px 0px 0px; color: #a3abd4; font-size: .36rem; font-family: 'romanserifregular'; text-align:right; }
.mean2 .item img{ margin-left:5px;height:.20rem; white-space: nowrap; position: relative; top: .03rem }
.mean2 .item>.sub{padding-right:10px;}
.mean2 .item>.sub>div{ display: inline; flex-shrink: 0; margin:0 20px 0 0; font-size: .35rem; line-height: 1.5}
.mean2 .item>.sub>div img{ white-space: nowrap; }
.mean2 .item.has-sub { display: block; }
.mean2 .item.has-sub .item-sub{ display: flex; }
.mean2 .item.has-sub .item-sub .sub>div{display: inline; flex-shrink: 0; margin:0 20px 0 0; font-size: .35rem; line-height: 1.5}
.mean2 .item.has-sub .item-sub{ margin-bottom:5px; }
.mean2 .item.has-sub .item-sub:last-child{ margin-bottom:0; }
.mark-right{ position: absolute; top: -1px; left: 0; bottom: -1px; z-index: 1; width: 100%;  border: .04rem solid #79d296;}
.mark-error{ position: absolute; top: -1px; left: 0; bottom: -1px; z-index: 1; width: 100%;  border: .04rem solid #f8877c; }
/*第三轮单词详细页*/

/*.txtinfo2{font-size:.24rem;line-height:.24rem;color:#bdbdce;padding:.2rem 0 .2rem 1rem;font-weight: 400}
.mean3{width:5.78rem;margin:0 auto;clear: both; overflow: hidden;display: flex;display: -webkit-flex;flex-flow: row wrap;align-content: flex-start;background: #f00}
.mean3 dt{width:1.5rem;border:1px solid #e5e9fe;margin:.16rem;color:#757582;font-size:.28rem;flex:1.5rem;text-align: center; vertical-align: middle;padding:.5rem 0}
.mean3 dt.on{border:.04rem solid #79d296;}*/
.txtinfo2 { font-size: .24rem; width: 90%; margin: 0 auto;  line-height: .24rem; color: #bdbdce; padding: .4rem 0 .2rem 5px; font-weight: 400 }
.mean3 { width: 90%; margin: 0 auto; clear: both; overflow: hidden; }
.mean3 dt { width: 1.5rem; border: 1px solid #e5e9fe; margin: .2rem; color: #757582; font-size: .28rem; text-align: center; vertical-align: middle; float: left; padding: .5rem 0; overflow: hidden; height: 1.5rem; }
.mean3 dt.on { border: .04rem solid #79d296; }
.mean3 dt.off { border: .04rem solid #f00; }
.mean3{ display: flex;flex-wrap: wrap; }
.mean3 .item{ width: 33.333333%;  }
.mean3 .item .mark-class{ position: relative; top: 0; color: #a3abd4; font-size: .32rem; font-family: 'romanserifregular'; }
.mean3 .item{ display: flex; padding:5px; }
.mean3 .item .box{ position: relative; display:flex; align-items: center; flex-wrap: wrap; border:1px solid #ebebeb; padding:5px; width: 100%; height:140px;  }
.mean3 .item .box ul{ width: 100%; height:auto; margin:0; padding:10px 2px 5px 0; list-style:none; text-align: center; }
.mean3 .item .box ul li{ padding:0 5px; color: #3e3e47; font-size: .35rem }
.mean3 .item .mark-right,.mean3 .item .mark-error{ top: -1px; right:-1px; bottom: -1px; left: -1px; width: auto; }
.mean3 .item .mark-class{ position: absolute; top: 0px;}
.mean3.words-control{ width: 98%; }
.mean3.words-control .item .box ul li{ font-size: .26rem; }
.mean3.words-control .item .box ul li{padding:0 5px; }
.txtinfo2.control{width: 96%;margin: 0 auto; }
/*完成页面*/
.result { text-align: center; padding: 1rem 0 .8rem; }
.result dt { font-size: 1rem; color: #5353f4; }

/*.result dt i{font-size:1.2rem; vertical-align:text-top;font-family: 'romanserifregular';margin-right:.1rem}*/
.result dd { color: #9898a7; font-size: .24rem; }
.result_start { width: 4.5rem; margin: 0 auto; font-size: .3rem; color: #30303c }
.result_start dl { clear: both; overflow: hidden; height: .6rem; line-height: .3rem }
.result_start dl dt, .result_start dl dd, .result_start dl p { float: left }
.result_start dl p { font-size: .28rem; color: #17ca8c; text-align: right; width: .8rem }
.result_start dd ul { padding-left: .3rem }

/*.result_start dd ul li{width:.26rem;height:.26rem;background:url(../images/start-1.png) no-repeat;background-size:cover;-webkit-background-size:cover;margin-right:.26rem;float:left;display:inline}*/

/*-----------*/
.result_start dl dd li { width: .26rem; height: .26rem; margin-right: .26rem; float: left; display: inline; background: url(../images/start-2.png) no-repeat; background-size: 100%; -webkit-background-size: 100%; }
.result_start dl:nth-child(2) dd li:last-child { background: url(../images/start-1.png) no-repeat; background-size: 100%; -webkit-background-size: 100%; }
.result_start dl:nth-child(3) dd li:nth-child(4), .result_start dl:nth-child(3) dd li:nth-child(5) { background: url(../images/start-1.png) no-repeat; background-size: 100%; -webkit-background-size: 100%; }
.result_start dl:nth-child(4) dd li:nth-child(3), .result_start dl:nth-child(4) dd li:nth-child(4), .result_start dl:nth-child(4) dd li:nth-child(5) { background: url(../images/start-1.png) no-repeat; background-size: 100%; -webkit-background-size: 100%; }
.result_start dl:nth-child(5) dd li { background: url(../images/start-1.png) no-repeat; background-size: 100%; -webkit-background-size: 100%; }
.result_start dl:nth-child(5) dd li:nth-child(1) { background: url(../images/start-2.png) no-repeat; background-size: 100%; -webkit-background-size: 100%; }

/*五星*/
.five dl:nth-child(1) li, .five_h dl:nth-child(1) li { background: url(../images/start-3.png) no-repeat; background-size: 100%; -webkit-background-size: 100%; }
.five_h dl:nth-child(1) li:nth-child(5) { background: url(../images/start-4.png) no-repeat; background-size: 100%; -webkit-background-size: 100%; }

/*四星*/
.four dl:nth-child(2) li, .four_h dl:nth-child(2) li { background: url(../images/start-3.png) no-repeat; background-size: 100%; -webkit-background-size: 100%; }
.four_h dl:nth-child(2) li:nth-child(4) { background: url(../images/start-4.png) no-repeat; background-size: 100%; -webkit-background-size: 100%; }

/*三星*/
.three dl:nth-child(3) li, .three_h dl:nth-child(3) li { background: url(../images/start-3.png) no-repeat; background-size: 100%; -webkit-background-size: 100%; }
.three_h dl:nth-child(3) li:nth-child(3) { background: url(../images/start-4.png) no-repeat; background-size: 100%; -webkit-background-size: 100%; }

/*二星*/
.two dl:nth-child(4) li, .two_h dl:nth-child(4) li { background: url(../images/start-3.png) no-repeat; background-size: 100%; -webkit-background-size: 100%; }
.two_h dl:nth-child(4) li:nth-child(2) { background: url(../images/start-4.png) no-repeat; background-size: 100%; -webkit-background-size: 100%; }

/*一星*/
.result_start.one dl:last-child li:nth-child(1) { background: url(../images/start-3.png) no-repeat; background-size: 100%; -webkit-background-size: 100%; }
.result_start.one_h dl:last-child li:nth-child(1) { background: url(../images/start-4.png) no-repeat; background-size: 100%; -webkit-background-size: 100%; }

/*-----------*/
.text13 { text-align: center; padding-top: 1.2rem }
.text13 dt a { display: block; width: 2.5rem; height: .66rem; border: 1px solid #676ff6; color: #676ff6; line-height: .66rem; font-size: .36rem; margin: 0 auto; border-radius: .4rem; -webkit-border-radius: .4rem }
.text13 dd { height: .3rem; width: 2.8rem; margin: .35rem auto 0 }
.text13 dd a { display: block; float: left; font-size: .24rem; border-bottom: 1px solid #888fb9; color: #888fb9; margin: 0 .15rem; }

/*提示*/
.tipsbox, .tipsbox dl, .tipsbox dt, .tipsbox dd { position: absolute; }
.tipsbox { left: 0; top: 0; width: 100%; height: 100%; z-index: 991 }

/*.tipsbox dl.one{width:2.28rem;height:3.15rem;right:.2rem;top:.3rem;}
.tipsbox dl.one dt{width:1rem;height:1rem;background: #6d71fa;font-size:.8rem;text-align: center;color:#fff;border-radius:50%;-webkit-border-radius:50%;right:0;}
.tipsbox dl.one dd.fh{width:.22rem;height:.46rem;background:url(../images/tip-2.png) no-repeat;background-size:100%;-webkit-background-size:100%;right:.2rem;top:1.3rem;}
.tipsbox dl.one dd.text{width:1.7rem;height:1.6rem;background: #fff;border-radius:.1rem;-webkit-border-radius:.1rem;left:0;bottom:0;font-size:.24rem;color:#6d71fa;padding:.2rem;}
.tipsbox dl.one dd.text:after {border: solid transparent;content: ' ';height: 0;left: 100%;position: absolute;width: 0;} 
.tipsbox dl.one dd.text:after {border-width: .2rem;border-right-color: #fff;top:-.18rem;left:1.3rem}*/
.tipsbox {}
.tipsbox .one,.tipsbox .two{ position: relative; }
.tipsbox .str{ display: block; position: relative; top:1.32rem; margin:auto;  width: 2.34rem; height: .33rem; background: url(../images/star-tip.png) no-repeat; background-size: 100%; -webkit-background-size: 100%; }
.tipsbox .box{ position: relative; top: 2rem; margin:auto; width: 3.68rem; border-radius: .1rem; -webkit-border-radius: .1rem; background: #fff; font-size: .36rem; color: #6d71fa; padding: .3rem; }
.tipsbox .one .tip-arrow{ display: inline-block; position: absolute; top: -.88rem; left:.2rem; width: .24rem; height: .48rem; background: url(../images/tip-1.png) no-repeat; background-size: 100%; -webkit-background-size: 100%; }
.tipsbox .two .tip-arrow{ position: absolute; display: inline-block; top: -.84rem; left:1rem; width: .24rem; height: .48rem; background: url(../images/tip-2.png) no-repeat; background-size: 100%; -webkit-background-size: 100%; }
.tipsbox .one .box:after { border: solid transparent; content: ' '; height: 0; left: 0; position: absolute; width: 0; }
.tipsbox .one .box:after { border-width: .2rem; border-left-color: #fff; top: -.18rem; }
.tipsbox .two .box:after { border: solid transparent; content: ' '; height: 0; left: 1rem; position: absolute; width: 0; }
.tipsbox .two .box:after { border-width: .2rem; border-bottom-color: #fff; top: -.38rem; }
.tipsbox .two{ top: 1.8rem; }
.tipsbox .two .st{ display: block; position: absolute; top:-.9rem; margin:auto; left: .6rem; width: .12rem; height: .24rem; background: url(../images/st-1.png) no-repeat; background-size: 100%; -webkit-background-size: 100%; }
.tipsbox .box b{ display: block; font-size:.32rem; line-height: 1; }
.tipsbox .box p{ margin:5px 0 0; font-size: .28rem; }
.tipsbox .box{}
i{ font-style: normal; }
p,dl{margin:0;}
.flex { display: flex; align-items: center; }
.inline-flex { display: inline-flex; align-items: center; }
.flex-start { justify-content: flex-start !important; }
.space-between { justify-content: space-between !important}
.flex-center{ justify-content: center !important; }
.text-primary{ color: #5353f4 }
.text-danger{ color: #f8877c;}
.text-dark { color: #9898a6; }
.text-center{ text-align: center; }
.tip{ color: #bdbdce; font-size: .24rem; text-align: center;  padding:10px 0; }
.unstyled{ padding:0; margin:0; list-style:none; }
.d-none { display: none !important; }
.d-inline { display: inline !important; }
.d-inline-block { display: inline-block !important; }
.d-block { display: block !important; }
.d-table { display: table !important; width: 100%; }
.d-table-cell { display: table-cell !important; text-align: left; }
.d-flex { display: -ms-flexbox !important; display: flex !important; }
.d-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; }
.blk-xs, .blk-sm, .blk-md, .blk, .blk-lg { clear: both; overflow: hidden; }
.blk { height: 15px; }
.blk-xs { height: 5px; }
.blk-sm { height: 10px; }
.blk-md { height: 20px; }
.blk-lg { height: 40px; }
.pd{ padding: 15px; }
.pd-sm{ padding: 5px; }
.pd-md{ padding: 30px; }
.pd-lg{ padding: 50px; }
.pd-0 { padding: 0 !important; }
.mr-0 { margin: 0 !important; }
.offset-xs { margin-left: 2px; }
.offset-sm { margin-left: 5px; }
.offset-md { margin-left: 10px; }
.offset-lg { margin-left: 15px; }
.group-inline { }
.group-inline .span { display: inline-block; vertical-align: middle; }
.group-inline .span:nth-child(n+2) { position: relative; padding-left: 10px; }
.group-span>span:nth-child(n+2) { position: relative; margin-left: 10px; }
.group-span-sm>span:nth-child(n+2) { padding-left: 5px; }
.group-span-md>span:nth-child(n+2) { padding-left: 15px; }
.group-span-lg>span:nth-child(n+2) { padding-left: 20px; }
.group-span-row>span{ padding: 10px; }
.group-span-row{}
.divider { clear: both; overflow: hidden; height: 1px; border-bottom-width: 1px; border-bottom-color: #e5e9fe; }
.divider.solid { border-bottom-style: solid; }
.divider.dashed { border-bottom-style: dashed; }
.numbar{ display: flex; justify-content: center; align-items:center; font-size: .30rem; }
.numbar b{ font-size: .30rem; font-weight: normal; }
.textarea-md{ width: 100%; height:80px; border:1px solid #e5e9fe; -webkit-appearance: none;}
.btn-o-primary{ padding:8px 20px; border-radius:40px; border:1px solid #5353f4; font-size: .32rem; background: transparent; color: #5353f4; }
.btn-o-primary.active{ background: #6873f2; color: #fff; }
.btn-text{ padding:5px 30px;  color: #9898a6; height:auto;  font-size: .30rem; border:0; background: transparent}
.page-content{ padding-bottom: 100px; }
.section-header.centered.iconed { text-align: center; padding: .40rem 0 .30rem 0; }
.section-header.centered.iconed .icon { display: block; width: .6rem; height: .7rem; margin: auto; background: url(../images/bottombar-1-on.png) no-repeat; -webkit-background-size: cover; background-size: cover; }
.section-header.centered.iconed .text { color: #524bf8; font-size: .30rem; margin-top: .17rem; }
.section-header.centered.iconed.bordered { border-bottom: 1px solid #e5e9fe; }
.statistics .item { display: flex; justify-content: space-between; align-items: center; border: 1px solid #e5e9fe; width: 94%; height:80px; margin: 0 auto .3rem; text-align: center; line-height: .72rem; }
.statistics .item>div { position: relative; width: 19%; height:100%; padding: 10px 0 18px; font-size: .68rem; }
.statistics .item>div:first-child { border-right: 1px solid #e5e9fe; color: #524bf8 }
.statistics .item>div:first-child p{color: #524bf8 }
.statistics .item>div:last-child { width: 24%; border-left: 1px solid #e5e9fe; }
.statistics .item>div b { font-family: 'romanserifregular'; font-size: .52rem; font-weight: normal; }
.statistics .item>div p { font-size: .24rem; line-height: 1; color: #9898a6 }
.statistics .item>div small{ display: block; padding-top: 13px; }
.statistics .item>div small p{ font-size: .24rem; line-height:1.5; }
.statistics .item>div>i{ position: absolute; top: 20px; right:0; border-right: 1px solid #e5e9fe; height:40px; }
.statistics .item.off>div p,.statistics .item.off>div b{color: #9898a6 !important}
.statistics-lg .item { display: flex; justify-content: center; align-items: center; text-align: center; line-height: .72rem; }
.statistics-lg .item>div { position: relative; width: 100px; height:100%; padding: 10px 0 18px; }
.statistics-lg .item>div b { display: inline-block; font-family: 'romanserifregular'; font-size: .72rem; color: #5353f4; font-weight: normal; padding-bottom: 5px; }
.statistics-lg .item>div p { font-size: .28rem; line-height: 1; color: #3e3e47 }
.statistics-lg .item>div small{ display: block; padding-top: 13px; }
.statistics-lg .item>div small p{ font-size: .24rem; line-height:1.5; }
.statistics-lg .item>div>i{ position: absolute; top: 20px; right:0; border-right: 1px solid #e5e9fe; height:40px; }
.statistics-md .item { display: flex; justify-content: center; align-items: center; text-align: center; line-height: .72rem; }
.statistics-md .item>div { position: relative; padding:0 20px; }
.statistics-md .item>div b { display: inline-block; font-family: 'romanserifregular'; font-size: .52rem; font-weight: normal; padding-bottom: 5px; }
.statistics-md .item>div p { font-size: .22rem; line-height: 1; color: #3e3e47 }
.statistics-md .item>div small{ display: block; padding-top: 13px; }
.statistics-md .item>div small p{ font-size: .24rem; line-height:1.5; }
.statistics-md .item>div>i{ position: absolute; top: 20px; right:0; border-right: 1px solid #e5e9fe; height:40px; }
.page-tag{ position: absolute; z-index: 100; left:0; top: 0; width: 54px; height:27px; background: url(../images/page-tag.png) no-repeat; background-size: 54px 27px }
.page-errortip{ position: fixed; z-index: 100; top:140px; right:-1px; width: 60px; height:30px; background: #f6f6fa; border:1px solid #e5e5e5; color: #5353f4; font-size: .24rem; }
.mask{  position: fixed;z-index: 2000;  top:0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.5);  }
.modal{display: flex; align-items:center; position: absolute; top: 0; width: 100%; height:100%; }
.modal-content{ position: relative; z-index: 90000; background: #fff; width: 100%;font-size: .32rem; }
.modal .close{ position: absolute; right: 15px; top:13px; width: 24px; height:24px;  background:url(../images/close.png) no-repeat center; background-size: 12px 12px;}
.modal-header{ height:50px; line-height: 50px; border-bottom:1px solid #e5e9fe; text-align: center; font-size: .30rem; }
.modal-body{ padding:20px; }
.modal-footer{ display: flex; border-top:1px solid #e5e9fe; text-align: center; }
.modal-footer button{ width: 50%; padding: 15px 30px; background: #fff; border:0;  font-size: .30rem;  }
.modal-footer button:first-child{ border-right: 1px solid #e5e9fe }
.modal-footer button:focus{ background: #f4f4f4; outline: 0; }
.modal-footer .textbutton{ display: block; width: 100%; font-size: .30rem; padding: 15px 30px; text-align: center;  }
.tipblock{ text-align: center; padding:30px; }
.tipblock i img{ height:32px}
.tip-content h2{ font-size: .4rem; font-weight: normal; }
.movie-list{ padding-top: 50px; }
.movie-list .item{ margin-bottom: 15px }
.movie-list .item .arrow{ position: absolute; right: 15px; top: 20px; }
.movie-list .item .arrow-down{ display: block; width: 40px; height: 24px; background: url(../images/arrow-down.png) no-repeat center; background-size: 22px 12px; }
.movie-list .thumb img{ display: block; width: 100%; }
.movie-list .content{ position: relative; padding:15px; background: #f4f4f4; }
.movie-list .content h4{ font-size: .38rem; margin-bottom: 10px; }
.movie-list .content p{ font-size: .3rem; line-height:1.5; margin:0; color: #3e3e47;  }
.tags{ display: flex; margin:5px -5px 0; }
.tags>span{ display: block; border:1px solid #e5e9fe; background: #fff; font-size: .28rem; padding:5px 10px; margin: 5px; }
.search{ position: relative; background: #f4f4f4; padding:10px;  }
.search input{ display: block; background: #fff; padding:5px; border:1px solid #e5e9fe; width: 100%; height:34px; box-sizing: border-box; -webkit-appearance: none;}
.search .icon-search{ position: absolute; right: 25px; top: 18px; width: 16px; height:17px; background: url(../images/search.png) no-repeat; background-size:16px 17px;  }
.article{ padding:20px; }
.article-header{ padding:20px 0 30px; text-align: center; }
.article-header h1{ margin:0; font-size: .66rem; color: #3e3e47; }
.article-header small{ display: block; font-size: .24rem; color: #9898a6 }
.article-body{ position: relative; padding-bottom: 100px; font-size: .30rem; line-height: 2;}
.article img{ width: 100%; margin:10px 0; }
.article-mark{ position: absolute; left: -10px; display: block; width: 3px; height:50px; background: #6f97fa;}
.word-mark{ color: #6f97fa;}
.audio-panel{ position: fixed; width: 100%; bottom: 0; padding:20px; background: #fff; border-top:1px solid #e5e9fe; }
.list li{ padding:10px; text-align: center; font-size: .26rem }
.list li.active{ background: #676ff6; color: #fff; }
.share{ display: flex; padding:30px; justify-content: center; }
.share .item{ text-align: center; width: 100px;  }
.share .item p{ font-size: .26rem  }
.share img{ width: 50px; height:50px; }
.badge{}
.blockbar>div{ padding:0 10px; font-size: .32rem;}
.blockbar>div>span{ padding:0 5px; }
.blockbar>i{ width: 1px; height:12px; border-right:1px solid #e5e9fe; }
.study-result{ text-align: center; padding:50px;}
.study-badge img{ height:200px }
.study-badge h3{ font-size: .48rem; font-weight: normal;}
.study-badge p{ font-size: .32rem; }
.qrcode .item{ text-align: center; padding:20px 0; }
.qrcode .item img{ width: 160px; }
.qrcode .item p{ font-size: .32rem }
.qrcode2{ display: flex; align-items: center; justify-content: center;  }
.qrcode2>div{ padding-right: 20px; text-align:right; }
.qrcode2 img{ display: block; width: 1.5rem; height:1.5rem; }
.qrcode2 h4{ color: #888fb9; font-size: .34rem; margin:4px 0; }
.qrcode2 h5{ color: #888fb9; font-size: .24rem;display: block;margin:4px 0;}
.complete{ padding: 0 60px;}
.complete img{ width: 100%;}
.guide{ position: absolute; top: 0; left:0; bottom:0; right:0; z-index: 20000; }
.guide img{ width: 100%;}
.feedsback{ justify-content: flex-start !important; flex-wrap: wrap; align-items: center; }
.feedsback>li{ width: 33.333333%; flex-shrink: 0; padding: 5px 0; }
.feedsback>li>input[type="radio"]{ padding-right:5px; position: relative; top: .03rem; }