@charset "utf-8";
/*@charset "gbk";*/

/*------------------------------------------
            CSS Document
-------------------------------------------*/

/*------------------------------------------
            ALL BASIC
-------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin:0;
  padding:0;
}
table {
  border-collapse:collapse;
  border-spacing:0;
}
fieldset, img {
  border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
  font-style:normal;
  font-weight:normal;
}
ol, ul, li {
  list-style:none;
}
caption, th {
  text-align:left;
}
h1, h2, h3, h4, h5, h6 {
  font-size:100%;
  font-weight:normal;
}
abbr, acronym {
  border:0;
}
* {
  margin:0;
  padding:0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
a {
  font-size: 2.4rem;text-decoration: none;  color: #494949;
}
a:link {
  text-decoration: none;
}
a.closePop{
  color: #5285FF;
}
a:visited {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a:active {
  text-decoration: none;
}
/* 清除浮动 */
.clearfix:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
    font-size:0;
}
.clearfix {
  *zoom: 1;
}

html, body {
  height: 100%;
}
html {
  font-size: 62.5%;
}
@media screen and (max-width: 750px) {
  html {
    font-size: 62.5%;
  }
}
@media screen and (max-width: 707px) {
  html {
    font-size: 58.91666667%;
  }
}
@media screen and (max-width: 664px) {
  html {
    font-size: 55.33333333%;
  }
}
@media screen and (max-width: 621px) {
  html {
    font-size: 51.75%;
  }
}
@media screen and (max-width: 578px) {
  html {
    font-size: 48.16666667%;
  }
}
@media screen and (max-width: 535px) {
  html {
    font-size: 44.58333333%;
  }
}
@media screen and (max-width: 492px) {
  html {
    font-size: 41%;
  }
}
@media screen and (max-width: 449px) {
  html {
    font-size: 37.41666667%;
  }
}
@media screen and (max-width: 414px) {
  html {
    font-size: 34.5%;
  }
}
@media screen and (max-width: 406px) {
  html {
    font-size: 33.83333333%;
  }
}
@media screen and (max-width: 375px) {
  html {
    font-size: 31.25%;
  }
}
@media screen and (max-width: 363px) {
  html {
    font-size: 30.25%;
  }
}
@media screen and (max-width: 320px) {
  html {
    font-size: 26.66666667%;
  }
}
body{
    background-color:#fff;
}
body,*{
    font-family:arial,Helvetica,sans-serif;

}

i{
    font-style:normal
}
.cssToefl{
  display: block;
}
.cssIelts{
  display: block;
}
.hide{
    display:none;
}
.focusli{
  background: #DDDDDD;
  color: #494949;
}

body.cssforbid{
    overflow: scroll;
    /*position:fixed;*/
    /*left: 0;*/
    /*top: 0;*/
    width: 100%;
}
header {
  width: 100% ;
  font-size: 2.8rem;
  margin: 0 auto;
  background: #fff;
  position: relative;
  z-index: 103;
  position: fixed;
  top:0;
}
header.fixednav{
  position: fixed;
  top:0;
  left: 0;
}
header .headcon {
  width: 92%;
  margin: 0 auto;
  padding: 3.2% 0% 2.8% 0%;
}
header .headcon_review {
  width: 92%;
  margin: 0 auto;
  padding: 3.2% 0% 2.8% 0%;
}
header .logo {
  display: inline-block;
  width: 23.188%;
}
header .logo img {
  width: 100%;
  display: inline-block;
}
header .currenttitle{
  display: inline-block;
  font-family: PingFangSC-Medium;
  font-size: 3.2rem;
  line-height: 1.2rem;
  letter-spacing: 0.8px;
  text-align: center;
  color: #000000;
  margin-top: 0.8em;
  font-weight: bold;
  position: absolute;
  width: 50%;
  left: 0;
  margin-left: 25%;
}
header .menubtn {
  display: inline-block;
  width: 10%;
  padding: 5.6% 0;
  float: right;
  text-align: center;
  background: url('../images/home_sidebar.png') no-repeat center center;
  background-size: 58% auto ;
}
header .menubtn.close {
  background: url('../images/sidebar_closed.png') no-repeat center center;
  background-size: 53% auto ;
}
header .first_lev {
  border-top: 1px solid #DDDDDD;
  position: absolute;
  width: 100%;
  left: 0;
  background: #fff;
  top: auto;
  margin-top: 2.8%;
  z-index: 11;
}
header .first_lev ul {
  padding: 11% 5% 7% 5%;
  border-bottom: 1px solid #DDDDDD;
  font-size: 0
}
header .first_lev ul li {
  width: 20.9333%;
  display: inline-block;
  text-align: center;
  margin: 0 6%;
  margin-bottom: 13%;
}
header .first_lev ul li a {
  font-size: 3.2rem;
  color: #494949;
  display: block;
}
header .first_lev ul li img {
  display: block;
  margin: 0 auto;
  width: 60%;
}
header .first_lev ul li p {
  margin-top: 1em;
}
header .first_lev .button {
  padding: 6% 0;
  text-align: center;
}

header .first_lev .button a {
  display: inline-block;
  width: 40%;
  font-size: 3rem;
  color: #FFFFFF;
  text-align: center;
  line-height: 2.5333em;
  border-radius: 0.32rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
header .first_lev .button a.lgbtn {
  background: #FF6D00;
  margin-right: 5%;
}
header .first_lev .button a.userName {
  width: 40%;
  color: #494949;
  margin-right: 10%;
}

header .first_lev .button a.rsbtn {
  background: #4C91FF;
}
header .first_lev .button a.logOut {
  background: #FFFFFF;
  width: 35%;
  border: 1px solid #4C91FF;
  border-radius: 4px;
  color: #4C91FF;
}

header .first_lev .login {
  padding: 6% 8%;
  text-align: center;
  overflow: hidden;
}
header .first_lev .login > p {
  text-align: left;
  display: inline-block;
  float: left;
  line-height: 2.5333em;
  max-width: 55%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
header .first_lev .login .quitbtn {
  display: inline-block;
  float: right;
  width: 29.333%;
  font-size: 3rem;
  color: #4C91FF;
  text-align: center;
  line-height: 2.5333em;
  border-radius: 0.32rem;
  border: 1px solid #4C91FF;
}
header .second_lev {
  border-top: 1px solid #DDDDDD;
  position: absolute;
  width: 100%;
  left: 0;
  background: #fff;
  top: 0;
  z-index: 11;
}
header .second_lev > .title_name {
  line-height: 3.92em;
  font-size: 3.2rem;
  text-align: center;
  color: #494949;
  width: 100%;
  border-bottom: 1px solid #DDDDDD;
}
header .second_lev > .title_name .menubtn.close {
  top: 2%;
  margin-top: 0;
  right: 3.5%;
  position: absolute;
}
header .second_lev ul.secmenu {
  height:301px;
  width: 50%;
  overflow-y: auto;
}
header .second_lev ul.secmenu li a {
  display: block;
  font-size: 3.2rem;
  line-height: 3.125em;
  color: #494949;
  text-align: center;
}
header .second_lev ul.secmenu li.active > a {
  background: #4C91FF;
  color: #fff;
}
header .second_lev ul.secmenu li.active .thirdmenu {
  display: block;
}
header .second_lev ul.thirdmenu {
  display:none;
  position: absolute;
  top: 3.92em;
  right: 0;
  width: 50%;
  background: #F2F2F2;
  font-size: 3.2rem;
  height:301px;
  overflow: auto;
}
header .second_lev ul.thirdmenu li a {
  display: block;
  font-size: 3.2rem;
  line-height: 3.125em;
  color: #494949;
  text-align: center;
}
header .second_lev .button {
  padding: 6% 0;
  text-align: center;
  border-top: 1px solid #DDDDDD;
}
header .second_lev .button a {
  display: inline-block;
  width: 82.666%;
  font-size: 3rem;
  color: #4C91FF;
  text-align: center;
  line-height: 2.5333em;
  border-radius: 0.32rem;
  border: 1px solid #4C91FF;
}
.masklayer {
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  height: 100%;
  width: 100%;
  display: none;
  z-index: 100;
}
.masklayer.higherZ{ z-index:105; }
header+main{
  padding-top: 5.2em; font-size: 2.4rem;
}
textarea .mob_textarea{
  -webkit-user-select: all;
  -khtml-user-select: all;
}
.popboxcommon {
  display: none;
  position: fixed;
  background-color: #fff;
  width: 80%;
  left: 10%;
  top: 50%;
  z-index: 108;
  border-radius: 0.3rem;
  transform: translate(0, -50%);
}
.sitecompop {
  position: fixed;
  background-color: #fff;
  width: 80%;
  left:50%;
  top: 50%;
  z-index: 108;
  border-radius: 0.3rem;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  display: none;
  padding: 2em;
}
.sitecompop .close {
  position: absolute;
  right: 2%;
  top: 3%;
  width: 10%;
  font-size: 2.4rem;
  height: 2.2em;
  background: url('../images/sidebar_closed.png') no-repeat center center;
  background-size: 54% auto;
}
.sitecompop .popcombtn {
  display: block;
  margin: 6% auto;
  font-size: 3rem;
  letter-spacing: 0.1rem;
  text-align: center;
  color: #FFFFFF;
  line-height: 2.4em;
  width: 58%;
  background: #3873FF;
  border-radius: 0.2rem;
}
.sitecompop.cssWordMask .tiptxt2{
  font-size: 3.2rem;
  color: #4C91FF;
  width: 11.25em;
  text-align: center;
  line-height: 1.4em;
  margin: 0 auto;
}
.Tippcbox {
  text-align: center;
}
.Tippcbox .tiptxt1 {
  font-size: 3.2rem;
  color: #94BDFF;;
  letter-spacing: 0.6px;
  padding-top: 1.5em;
  margin-bottom: 0.3em;
}
.Tippcbox .pcimg {
  width: 52.6%;
  margin-bottom: 2em;
}
.Tippcbox .tiptxt2 {
  font-size: 3.2rem;
  color: #3873FF;
  margin-bottom: 1.2em;
}
.Tippcbox .single {
  padding-top: 2em;
  font-size: 3.2rem;
  color: #3873FF;
  margin-bottom: 2.2em;
}
.nologinpop {
  text-align: center;
  padding-top: 4em;
}
.nologinpop p {
  font-size: 3.2rem;
  color: #494949;
  line-height: 2em;
}
.nologinpop p .alink {
  font-size: 3rem;
  color: #5285FF;
  margin-left: 0.5em;
}
.nologinpop .loginbtn {
  margin-top: 4em;
}
.nologinTxt {
  text-align: center;
  padding-top: 4em;
}
.nologinTxt p {
  font-size: 3.2rem;
  color: #494949;
  line-height: 2em;
}
.nologinTxt p .alink {
  font-size: 3rem;
  color: #5285FF;
  margin-left: 0.5em;
}
.nologinTxt .loginbtn {
  margin-top: 4em;
}
.js_audio_control{
  width: 70px;
  height: 70px;
  position: fixed;
  right: 1.5rem;
  bottom: 8%;
  display: inline-block;
  vertical-align: middle;
  transform: rotate(90.1deg); /* IOS 10.x Fix */
  -webkit-transform: rotate(90.1deg);
}
circle {
  -webkit-transition: stroke-dasharray .25s;
  transition: stroke-dasharray .25s;
}
.play-block{
  width: 55px;
  height: 55px;
  position: absolute;
  right: 10px;
  /*bottom: 10em;*/
  transform: rotate(-90.1deg); /* IOS 10.x Fix */
  -webkit-transform: rotate(-90.1deg);
  display: inline-block;
  vertical-align: middle;
}
.play-block>a.js_audio_btnplay{
  border-radius: 40px;
  display:block;
  position:absolute;
  width:73%;height:73%;
  top: 12%;
  left: 13%;
  vertical-align:middle;
  cursor:pointer;
  background:url('../images/hg_suspend@2x.png') center center no-repeat;
  background-size: contain;
}
.play-block>a.js_btn_play_pause{
  background:url('../images/hg_play@2x.png') center center no-repeat;
  background-size: contain;
}
.sidewidth svg .circle-show {
  transform: matrix(0,-1,1,0,0,440) rotate(180deg);
  -ms-transform: matrix(0,-1,1,0,0,440) rotate(180deg);   /* IE 9 */
  -moz-transform: matrix(0,-1,1,0,0,440) rotate(180deg);  /* Firefox */
  -webkit-transform: matrix(0,-1,1,0,0,440) rotate(0.1deg); /* Safari 和 Chrome */
  -o-transform: matrix(0,-1,1,0,0,440) rotate(180deg);  /* Opera */
}
/*单词弹框*/
.cssWordWeb .csswordBox{
  position: relative;
  bottom: 0;
  font-size: 3.6rem;
  padding: 1em;
  background: #FFFFFF;
  box-shadow: 0 -5px 10px 0 rgba(0,0,0,0.10);
  width: 100%;
  
}
.cssWordWeb .cssWordBoxTop .cssWordItem{
  float: left;
}
.cssWordWeb .cssWordBoxTop .cssWordIcon{
  float: right;
}

/*
  回顾页面进入引导浮层
*/
.JS_guideAnimation {
    background-color: rgba(0, 0, 0, 0.5);
    background: url("../images/notesiphonex.png") no-repeat;
    background-size: 100% auto;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 100;
}
/*上传成功/失败按钮*/
.cssBoxSuccess,.cssBoxfailed{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    background:#000;
    opacity: 0;
    display: none;
    padding:0.1em 1.5em;
    color: #fff;
    border-radius: 4px;
    font-size: 2.6rem;
    color: #FFFFFF;
    height: 9.23em;
    width: 9.23em;
    z-index: 999;
    text-align: center;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
}
.cssBoxSuccess.active,.cssBoxfailed.active{
    opacity: 0.8;
    display: block;
}
.cssBoxSuccess .cssBoxImgIcon,.cssBoxfailed .cssBoxImgIcon{
    height:2.308em;
    width:2.308em;
    margin:2em auto;
}
.cssBoxSuccess .cssBoxImgIcon{
    background: url('../images/fkcg.png') no-repeat center center;
    background-size:100% 100%;
}
.cssBoxfailed .cssBoxImgIcon{
    background: url('../images/Group 5.png') no-repeat center center;
    background-size:100% 100%;
}
/*查询弹框*/
.cssWordMask{
  font-size: 3.2rem;
  padding:3.375em 0 1.87em;
  /*display: block;*/
  text-align: center;
  color: #808080;
  letter-spacing: 0.57px;
}
.cssPcimg{
  width: 9.06em;
  height:8.43em;
  margin: 1.5em auto;
}
.cssPcimg img{
  display: block;
  width: 100%;
  height: 100%;

}
.tiptxt2 span{
  color: #4C91FF;
}
.cssWordMask .cssWordMaskBtn{
  display:block;
  margin: 1.31em auto;
  width: 11.25em;
  height:2.5em ;
  text-align: center;
  color: #fff;
  background: #4C91FF;
  border-radius: 4px;
  font-size: 3.2rem;
  line-height:2.5em;
}
/*.cssWordWarn{
  position: fixed;
  top:1.67em;
  left: 30%;
  font-size:2.4rem;
  color: #FFFFFF;
  width: 11.33em;
  height: 3.66em;
  line-height: 3.66em;
  text-align: center;
  background:rgba(0,0,0,.8);
  box-shadow: 0 4px 7px 0 rgba(0,0,0,0.50);
  border-radius: 0.25em;
  z-index: 999;
  display: none;
}
.cssWordWarn b{
  position: relative;
  top:0.3em;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  margin-right: 0.3em;
  background: url("../images/ch_scsl@2x.png") center no-repeat;
  background-size:100% auto;
}*/