/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input{
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: normal;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, menu, nav, section
{
  display: block;
}
.clearfix:after{
  content:'';
  display: block;
  clear: both;
  height:0;
 }
.clearfix
{
  zoom:1;
}
body{
  line-height: 1;
  max-width: 640px;
  margin: 0 auto;
}
html{
  font-size: 16px;
  font-family: PingFang SC,SimHei,Arial,Microsoft Yahei,Lantinghei SC,Microsoft Sans Serif,WenQuanYi Micro Hei,sans-serif;
}
blockquote, q{
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after{
  content: none;
}

table{
  border-collapse: collapse;
  border-spacing: 0;
}
/* custom */

a{
  color: #7e8c8d;
  -webkit-backface-visibility: hidden;
  text-decoration: none;
 }

li{
  list-style: none;
}

body{
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}



@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.eot?t=1533173564635'); /* IE9*/
  src: url('../fonts/iconfont.eot?t=1533173564635#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'),
  url('../fonts/iconfont.ttf?t=1533173564635') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/iconfont.svg?t=1533173564635#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-31:before { content: "\e621"; }

.icon-yonghutouxiang:before { content: "\e851"; }

.icon-shijian:before { content: "\e62d"; }

.icon-xiangshang:before { content: "\e6b1"; }

.icon-plus-download:before { content: "\e71e"; }

.icon-touxiang:before { content: "\e60f"; }

.icon-dian:before { content: "\e608"; }

.icon-yonghu:before { content: "\e671"; }

.icon-shipinzhibo:before { content: "\e65c"; }

.icon-xiangxia:before { content: "\e665"; }

.icon-dianyuan:before { content: "\e502"; }


.login-wrap{ position: fixed;width: 100%;height: 100%;z-index: 10000;top: 0;background-color: rgba(0, 0, 0, 0.5);}
.login-box{position: fixed;
  left: 50%;
  top: 20%;
  width: 260px;
  z-index: 9999;
  margin-left: -156px;
  background: white;
  border: 1px solid #d8d8d8; 
  border-radius: 6px; padding:1.875rem 1.5625rem ;}
.input-wrapper{margin-top: 10px;}
.input-wrapper input{border-bottom: 1px solid #eee; height: 2.8125rem; width: 100%; margin: 0 auto; display: block; font-size:0.875rem; color: #666;}
.login-bottom {
    height: auto;
    
}
.duiaWrap-btn{ line-height: .9rem;text-align: center;display: block;background: #44b336;color:#fff; height: 2.5rem; line-height: 2.5rem; width: 100%; margin:0 auto; border-radius: 3px; cursor: pointer;} 
.login-account{display: flex; height: 2.5rem;}
.login-account li{flex:1; text-align: center;  font-size: 0.9375rem; cursor: pointer;}
.login-account li span{ color: #666; padding: 3px 0; cursor: pointer;}
.login-account li.on span{border-bottom: 2px solid #44b336; color:#44b336; }
.hp-close{width: 36px; height: 36px; background: #FFF url(../images/login-close.png) no-repeat center center; border-radius: 100%; box-shadow: 0 2px 6px 0 rgba(0,0,0,.2); top: -18px; right: -18px; cursor: pointer; z-index: 100000; position: absolute; }
.hide{display: none;}
.error-remindbox{
    width: 100%;
    height:1.25rem;
    margin-top:0.625rem;
    
}
.error-remind {
     padding-left: 0.625rem;
     color:#ff2525;
    font-size: 0.75rem;
     line-height: 1.25rem;
     display: none;
     position: absolute;
}
.code-wrapper{position: relative;}
.hp-btn-half{position: absolute; right: 10px; top: 0; font-size: 0.75rem; color: #20bc22; cursor: pointer; height:2.5rem; line-height: 2.5rem; cursor: pointer;}

.m-header{
  position: fixed;
  top: 0; 
  left: 0;
  right: 0;
  margin: auto;
  max-width: 640px;
  z-index: 1988;
  width: 100%;
  height: 2.8125rem;
  /* color: #7d7d7d; */
  font-size: 0;
  background: url(../images/headerBg.jpg) no-repeat center;
  background-size: 100%;
  border-bottom: 1px solid #eee;
  /* padding-left: 0.9375rem; */ 
}
.icon-wrap{
  float: left;
  overflow: hidden;
  margin-top:.469rem;
  margin-left: 2rem;
}
.icon{
  display: inline-block;
  vertical-align: top;
  width: 1.875rem;
  height: 1.875rem;
  margin-right: .5rem;
  background-image: url(../images/h-logo.png);
  background-size: 100%;
}
.header-info{
  display: inline-block;
  color: #fff;
}
.header-info p:nth-child(1){
  font-size: 0.875rem;
  font-weight: bold;
}
.header-info p:nth-child(2){
  font-size: 0.625rem;
  margin-top: .313rem;
}


/* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
  .icon{
      background-image: url(../images/logo@3x.png)
  }
} */

.fenlei{
  float: right;
  margin: .625rem 1.875rem 0 0;
  width: 5.0rem;
  height: 1.563rem;
  line-height: 1.563rem;
  background-color: #fee725;
	box-shadow: 0.041rem 0.047rem 0.063rem 0rem 
		rgba(21, 158, 73, 0.5);
  text-align: center;
  border-radius: .781rem;
}
.fenlei a{
  display: inline-block; 
  width: 5.0rem;
  height: 1.563rem;
  border-radius: .781rem;
  font-size: 0.813rem;
  color: #000;
}
/* .fenlei a:hover{background: #20bc22; color: #FFF;} */
.fenlei-img{
  width: 6.25rem;
  height:1.875rem;
}
.mine{
  float: right;
  margin-right: 1rem;
  cursor: pointer;
  /* margin-top: .3125rem; */
}
.icon-touxiang{
  display: block;
  /* padding: .15625rem .375rem; */
  font-size: 1.875rem;
  /* color: #F6F6F6; */
}
.mine img{width: 1.625rem; height: 1.625rem; vertical-align: middle; border-radius: 50%; padding: 0.4375rem;}
.user_center{position: fixed; left: 0; right: 0; z-index: 5102; display: none;max-width: 640px;margin: 0 auto;}
.user_center_con{background: #FFF;}
.myinfo-box{background: #fff; color: #494949; padding: 0; }
.doCard-box{width: 94%;  padding-left: 0.625rem; padding-top: 0.9375rem; margin:0 auto; display: flex; position: relative; padding-bottom: 0.9375rem; border-bottom: 1px solid #eee;}
.userimg{flex:0 0 2.8125rem; }
.userimg img{width: 2.1875rem; height: 2.1875rem; border-radius: 50%; vertical-align: middle;}
.username{line-height: 30px; color: #494949; overflow: hidden; text-overflow:ellipsis; word-wrap:break-word; white-space:nowrap;}
.relogin{position: absolute; right: 1.25rem;  font-size: 14px; color: #666; height: 35px; line-height: 35px; cursor: pointer;}
.relogin .icon-dianyuan{font-size: 16px; color: #666;}
.verify_div{position: absolute; right:0;top:0.3125rem; height: 2.0rem; border: 1px solid #d9dde1; box-sizing:border-box; width: 5.625rem;}

.user_state{
  position: fixed;
  bottom: 1.875rem;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 2rem;
  width: 14.0625rem;
  height: 2.5rem;
  line-height: 2.5rem;
  /* background-color: #fb8d12; */
  background-color: #1fd865;
  /* color: #3b2103; */
  color: #fff;
  font-size: 0.75rem;
  text-align: center;
  z-index: 1000;
}

/* 个人中心 */
.user_head{
  position: fixed;
  top: 2.8rem;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 640px;
  width: 100%;
  height: 2.5rem;
  line-height: 2.5rem;
  background-color: #fff;
  z-index: 1000;
  /* border-bottom: 1px solid #e5e5e5; */
  /* box-shadow: 0.041rem 0.647rem 1.063rem 0rem rgba(230, 226, 226, .5); */
}
.user_return{
  width: 2.5rem;
  float: left;
  margin-left: .781rem;
  /* margin: .781rem 0 0 .969rem; */
}
.user_return img{
  width: .5rem;
  height: .84375rem;
  background-size: 100%;
}
.user_return span{
  font-size: 0.75rem;
  color: #000;
  /* color: #1fd865; */
  vertical-align: top;
}
.user_logo{
  float: left;
  width: 4.78125rem;
  height: 1.0625rem;
  background: url(../images/user_logo.png) no-repeat center;
  background-size: 100%;
  margin: .719rem 0 0 .969rem;
}
/* .mine{
  float: right;
  font-size: 0.75rem;
  color: #1fd865;
} */
/* .mine-per{
  margin: 0 .938rem 0 .625rem;
} */

/* 课程名字 */
.em-wrap{
  margin: 0 auto;
  width: 10rem;
  overflow: hidden;
}
.mine-course{
  width: 9rem;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  font-size: 0.75rem;
  color: #1fd865;
  text-align: center;
}







.agreement{
  font-size: 12px;
  color: #666;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1rem;
}
.agreement input[type=checkbox] {
  cursor: pointer;
  position: relative;
  margin-right: .5rem;
}

.agreement input[type=checkbox]::after {
  position: absolute;
  top: 0;
  background-color: #fff;
  color: #fff;
  width: 14px;
  height: 14px;
  display: inline-block;
  visibility: visible;
  padding-left: 0px;
  text-align: center;
  content: ' ';
  border-radius: 2px;
  box-sizing: border-box;
  border: 1px solid #ddd;
}

.agreement input[type=checkbox]:checked::after {
  content: "";
  background-color: #44b336;
  border-color: #44b336;
  background-color: #44b336;
}

.agreement input[type=checkbox]:checked::before {
  content: '';
  position: absolute;
  top: 1px;
  left: 5px;
  width: 3px;
  height: 8px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  z-index: 1;
}
.agreement a{
  color: #44b336;
  padding: 0 3px;
}