@charset "utf-8";

/*
常用配色：
橘色：#FFB400;
淡蓝：#0099FF;#00BBFF;#1aa4f2
浅灰：#F0F0F0;
浅灰：#F1F1F1;
*/

*{margin:0;padding:0;vertical-align:baseline;-webkit-tap-highlight-color:rgba(0,0,0,0);outline: 0;-webkit-outline: 0;}
img{border:0 none}
i,em{font-style:normal}
ol,ul{list-style:none}
input,img{vertical-align:middle}
input[type="button"],input[type="submit"],input[type="reset"],select{
	font:inherit;font-size:100%;background-color: #ffffff;background: #ffffff;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	border:none;
	}
select{padding-left:2px;}
a{text-decoration:none;color:#333; }
input,textarea{resize:none;font-family:"Helvetica","Microsoft Yahei","Hiragino Sans GB","Microsoft Sans Serif","WenQuanYi Micro Hei","sans-serif","Varela Round", "sans-serif"}
body {height:100%;background:#f1f1f1;font-size:14px;font-family:"Helvetica","Microsoft Yahei","Hiragino Sans GB","Microsoft Sans Serif","WenQuanYi Micro Hei","sans-serif","Varela Round", "sans-serif" !important;color:#3e3e3e;-webkit-text-size-adjust:100%; -webkit-touch-callout:none; -webkit-user-select:none; margin: 0 auto;-webkit-tap-highlight-color:rgba(0,0,0,0);}
html{ font-size:100px;}
@media screen and (max-width:720px){html{font-size:94px;}}
@media screen and (max-width:640px){html{font-size:88px;}}
@media screen and (max-width:580px){html{font-size:80px;}}
@media screen and (max-width:540px){html{font-size:88px;}}
@media screen and (max-width:480px){html{font-size:76px;}}
@media screen and (max-width:414px){html{font-size:76px;}}
@media screen and (max-width:375px){html{font-size:74px;}}
@media screen and (max-width:213px){html{font-size:44px;}}

@media screen and (min-width:720px){
  .topSlogan {
  width: 20%;
  float: right;
  margin-top: 10px;
  margin-right: 3%;
  }
  
.user-headimg {
	height: 80px;
	}
}
@media screen and (max-width:720px) {
  .topSlogan {
  width: 60%;
  float: right;
  margin-top: 14px;
  margin-right: 3%;
	}
}


@media screen and (max-width:414px){
  .user-headimg {
	height: 68px;
  }

}
@media screen and (max-width:375px){
	.user-headimg {
	height: 68px;
  }
}
@media screen and (max-width:320px){
  .user-headimg {
	height: 60px;
  }
}


@media screen and (max-height:480px){
  body {
	padding-bottom: 40px !important;
  }
}

/*避免点击时出现阴影*/
div,a,img {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select:none;
}

/*禁止长按弹出复制、在网页中打开等选项*/
.touch_action{
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}


.borderS  {border-bottom:1px #eeeeee solid;}
.borderD  {border-bottom:1px solid #dcdcdc;transform: scaleY(0.5);-webkit-transform: scaleY(0.5)}
.borderD2 {border-bottom:1px solid #d2d2d2;transform: scaleY(0.5);-webkit-transform: scaleY(0.5)}
.borderD3 {border-bottom:1px solid #dfdfdf;transform: scaleY(0.5);-webkit-transform: scaleY(0.5)}
.borderE5{border-bottom:1px solid #e5e5e5;}

/*borderLinear 样式*/
.borderLinear {
  position: relative;
  margin: auto;
  color: #727272;
}
.borderLinear img {
  width: 100%;
  margin: 10px 0;
  height: 1px;
}
.borderLinear span {
  position: absolute;
  top: 0; left: 0;right: 0;bottom: 0;
  margin: auto; 
  text-align: center;
}



.white-bg {background: #fff;}
.clearBoth {clear: both;}

.section-0{background:transparent; margin-top:0px;}
.section-1{background:transparent; margin-top:10px;}
.section-2{background:transparent; margin-top:20px;}



/*returnTop*/  
p#back-to-top{
	z-index:2221;
    position:fixed;  
    display:none;  
    bottom:2px;  
    right:2px; 
}  
p#back-to-top a{
    text-align:center;  
    text-decoration:none;  
    color:#d1d1d1;  
    display:block;  
    width:42px;  
    /*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/  
    -moz-transition:color 1s;  
    -webkit-transition:color 1s;  
    -o-transition:color 1s;  
}  
p#back-to-top a:hover{
    color:#979797;  
}  
p#back-to-top a span{
    background:transparent url(../images/back-to-top.png?1111111) no-repeat 0px 0px; background-size:42px 37px; 
    border-radius:0px;  
    display:block;  
    height:40px;  
    width:42px;  
    margin-bottom:0px;  
    /*使用CSS3中的transition属性给<span>标签背景颜色添加渐变效果*/  
    -moz-transition:background 1s;  
    -webkit-transition:background 1s;  
    -o-transition:background 1s;  
}  
#back-to-top a:hover span{
    background:transparent url(../images/back-to-top.png?1111111) no-repeat 0px 0px;background-size:42px 37px;
}  


/*goBottom*/  
p#go-to-bottom{
	z-index:2221;
    position:fixed;  
    display:none;  
    bottom:2px;  
    right:2px; 
}  
p#go-to-bottom a{
    text-align:center;  
    text-decoration:none;  
    color:#d1d1d1;  
    display:block;  
    width:42px;  
    /*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/  
    -moz-transition:color 1s;  
    -webkit-transition:color 1s;  
    -o-transition:color 1s;  
}  
p#go-to-bottom a:hover{
    color:#979797;  
}  
p#go-to-bottom a span{
    background:transparent url(../images/go-to-bottom.png?1111111) no-repeat 0px 0px; background-size:42px 37px; 
    border-radius:0px;  
    display:block;  
    height:40px;  
    width:42px;  
    margin-bottom:0px;  
    /*使用CSS3中的transition属性给<span>标签背景颜色添加渐变效果*/  
    -moz-transition:background 1s;  
    -webkit-transition:background 1s;  
    -o-transition:background 1s;  
}  
#go-to-bottom a:hover span{
    background:transparent url(../images/go-to-bottom.png?1111111) no-repeat 0px 0px;background-size:42px 37px;
}  



/*CreateNew*/  
p.create-new{
	z-index:2221;
    position:fixed;  
    display:none;  
    bottom:85px;  
    right:2px;
}  
p.create-new a{
    text-align:center;
    text-decoration:none;
    color:#d3d3d3; /*#d1d1d1*/
    display:block;
    width:42px;
    height:42px;
    /*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/  
    -moz-transition:color 1s;
    -webkit-transition:color 1s;
    -o-transition:color 1s;
}  
p.create-new a:hover{
    color:#666666;
}  
p.create-new a span{
    background:transparent url(../images/create-new.png?2) no-repeat 0px 0px; background-size:42px 42px; 
    border-radius:0px;
    display:block;
    height:42px;
    width:42px;
    margin-bottom:0px;
    /*使用CSS3中的transition属性给<span>标签背景颜色添加渐变效果*/  
    -moz-transition:background 1s;  
    -webkit-transition:background 1s;  
    -o-transition:background 1s;  
}  
p.create-new a:hover span{
    background:transparent url(../images/create-new.png?2) no-repeat 0px 0px;background-size:42px 42px;
}  



/*JiyiStart*/  
p.jiyi-start{
    z-index:2221;
    position:fixed;  
    display:none;  
    bottom:155px;  
    right:2px;
}  
p.jiyi-start a{
    text-align:center;
    text-decoration:none;
    color:#d3d3d3; /*#d1d1d1*/
    display:block;
    width:42px;
    height:42px;
    /*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/  
    -moz-transition:color 1s;
    -webkit-transition:color 1s;
    -o-transition:color 1s;
}  
p.jiyi-start a:hover{
    color:#666666;
}  
p.jiyi-start a span{
    background:transparent url(../images/jiyi-start.png?2) no-repeat 0px 0px; background-size:42px 42px; 
    border-radius:0px;
    display:block;
    height:42px;
    width:42px;
    margin-bottom:0px;
    /*使用CSS3中的transition属性给<span>标签背景颜色添加渐变效果*/  
    -moz-transition:background 1s;  
    -webkit-transition:background 1s;  
    -o-transition:background 1s;  
}  
p.jiyi-start a:hover span{
    background:transparent url(../images/jiyi-start.png?2) no-repeat 0px 0px;background-size:42px 42px;
}  




/*QuickLogin*/  
p.quick-login{
	z-index:2221;
    position:fixed;  
    bottom:45px;  
    right:2px;
}  
p.quick-login a{
    text-align:center;
    text-decoration:none;
    color:#d3d3d3; /*#d1d1d1*/
    display:block;
    width:42px;
    height:42px;
    /*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/  
    -moz-transition:color 1s;
    -webkit-transition:color 1s;
    -o-transition:color 1s;
}  
p.quick-login a:hover{
    color:#666666;
}  
p.quick-login a span{
    background:transparent url(../images/quick-login.png?2) no-repeat 0px 0px; background-size:42px 42px; 
    border-radius:0px;
    display:block;
    height:42px;
    width:42px;
    margin-bottom:0px;
    /*使用CSS3中的transition属性给<span>标签背景颜色添加渐变效果*/  
    -moz-transition:background 1s;  
    -webkit-transition:background 1s;  
    -o-transition:background 1s;  
}  
p.quick-login a:hover span{
    background:transparent url(../images/quick-login.png?2) no-repeat 0px 0px;background-size:42px 42px;
}  



/*右上角图标 */
.itemIcon,.itemIcon-finished,.itemIcon-unfinished {
  position: absolute;
  top: 3px;
  right: -14px;
  width: 50px;
  height: 15px;
  background: #4169E1;
  transform:rotate(45deg);
  -webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

.itemIcon small,.itemIcon-finished small,.itemIcon-unfinished small {
  color: #fff;
  font-size:0.8em;
  position: absolute;
  bottom: -3px;
  margin-left: 14px;
}

.itemIcon-trial {
  position: absolute;
  top: 3px;
  right: -14px;
  width: 50px;
  height: 15px;
  background: green;
  transform:rotate(45deg);
  -webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

.itemIcon-trial small,.itemIcon-trialed small {
  color: #fff;
  font-size:0.8em;
  position: absolute;
  bottom: -3px;
  margin-left: 14px;
}

/*背景色*/
.bgWhite{
/*background: #FFFFFF;*/
background-color:rgba(255,255,255,0);
}

.bgBlue{
background: #0099FF;
}

.bgBlue1{
background: #00BBFF;
}

.bgBlue2{
background: #1AA4F2;
}

.bgBlue3{
background: #1874CD;
}

.bgRed{
background: #FF0000;
}

.bgOrange{
background: #FFB400;
}

.bgGreen{
background: #FFB400;
}

.bgGreen1{
background: #009900;
}



.bgGray{
background: #F0F0F0;
}

.bgGray2{
background: #F1F1F1;
}


/*左上角图标 */
.itemLabel {
  position: absolute;
  top: 0px;
  left: 16px;
  width: 30px;
  height: 10px;
  background: #FFD700;
  transform:rotate(0deg);
  -webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
  font-size:0.6em;
  line-height:9px;
  text-align:center;
  padding-top:1px;
  border-radius:0px 0px 2px 2px;
}

@media screen and (min-width:640px){

.itemLabel {
  position: absolute;
  top: 0px;
  left: 20px;
  width: 40px;
  height: 11px;
  background: #FFD700;
  transform:rotate(0deg);
  -webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
  font-size:0.8em;
  line-height:11px;
  text-align:center;
  padding-top:1px;
  border-radius:0px 0px 2px 2px;
}

}



/*左侧图标 */
.itemLabel-left {
  position: absolute;
  top: 24px;
  left: -8px;
  width: 24px;
  height: 10px;
  background: #FFD700;
  transform:rotate(90deg);
  -webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
  font-size:0.6em;
  line-height:9px;
  text-align:center;
  padding-top:1px;
  border-radius:2px 2px 0 0;
}

@media screen and (min-width:640px){

.itemLabel-left {
  position: absolute;
  top: 30px;
  left: -14px;
  width: 40px;
  height: 11px;
  background: #FFD700;
  transform:rotate(90deg);
  -webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
  font-size:0.8em;
  line-height:11px;
  text-align:center;
  padding-top:1px;
  border-radius:2px 2px 0 0;
}

}


/*全局背景--开始*/
.gloalbackground {
  position: fixed;
  height: 100%;
  width: 100%;
  /*background: url('../images/home_bg.png') repeat-x center center;*/
  top: 0;
  z-index: 1;
}
/*全局背景--结束*/


/*顶部top--开始*/
.topPage {
  position: relative;
  background: #fff;
  height: 40px;
  line-height: 40px;
  font-size: 1em;
  width: 100%;
  text-align: center;
  vertical-align:middle;
  z-index: 1111;
}
.topPage a{
  color: #1a1a1a; 
}

.topPage .topPageName  span {
  float: left;
  margin: 0 5px 0 3%;
}

.arrow-down {
  border-right: 1.5px solid #b2b2b2;
  border-bottom: 1.5px solid #b2b2b2;
  float: left;
  width: 6px;
  height: 6px;
  margin-top: 14px;
  transform:rotate(45deg);
  -webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}
.arrow-up {
	display:none;
  border-right: 1.5px solid #b2b2b2;
  border-bottom: 1.5px solid #b2b2b2;
  float: left;
  width: 6px;
  height: 6px;
  margin-top: 18px;
  transform:rotate(225deg);
  -webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
}


.topPage .topPageSlogan  span {
  float: right;
  margin: 1px 3% 0 5px;
  color:#666;
  font-size:1.03em
}





.topMenu {
  position: relative;
  width: 100%;
  margin: 0px 0px;
  padding: 0px 0px;
  background: #FFFFFF;
  z-index: 112;
  display:none;
  border-bottom:1px solid #eeeeee;
}

.topMenu11,.topMenu12,.topMenu13,.topMenu14,.topMenu15,.topMenu21,.topMenu22,.topMenu23,.topMenu24,.topMenu25,.topMenu31,.topMenu32,.topMenu33,.topMenu34,.topMenu35 {
  position: absolute;
  left:0;
  top:0;
  margin: 1px 1px;
  width: 33%;
  height: 18%;
  background: #fff;
  border-radius: 4px;
  box-shadow:0px 0px 0px 1px #FFFFFF;
  opacity: 0.9;
	text-align:left;
}

.topMenu12 {
  top:20%;
}
.topMenu13 {
  top:40%;
}
.topMenu14 {
  top:60%;
}
.topMenu15 {
  top:80%;
}

.topMenu21 {
  left:33%;
	text-align:center;
}
.topMenu22 {
  left:33%;
  top:20%;
	text-align:center;
}
.topMenu23 {
  left:33%;
  top:40%;
	text-align:center;
}
.topMenu24 {
  left:33%;
  top:60%;
	text-align:center;
}
.topMenu25 {
  left:33%;
  top:80%;
	text-align:center;
}

.topMenu31 {
  left:64%;
	text-align:right;
}
.topMenu32 {
  left:64%;
  top:20%;
	text-align:right;
}
.topMenu33 {
  left:64%;
  top:40%;
	text-align:right;
}
.topMenu34 {
  left:64%;
  top:60%;
	text-align:right;
}
.topMenu35 {
  left:64%;
  top:80%;
	text-align:right;
}



.topMenu-font {
  font-size: 14px;
  color: #333333; /*8A8A8A*/
  padding: 2px 10px 2px 10%;
}





/*顶部top--结束*/




/*主部home--开始*/
.home {
  max-width:640px; margin:0 auto;padding-top:40px;padding-bottom: 50px;
  /*background: url('../images/home_bg.png') repeat-x center center;*/
	-webkit-user-select: none;/*禁用手机浏览器的用户选择功能 */
	-moz-user-select: none;
	}


/*homePage*/
.homePage {
  position: relative;
  z-index: 11;
  width:94%;
	margin: 10px auto 10px auto;
}




/*swiper页面样式*/
.swiper-container {
    position: relative;
		margin: 10px auto 0 auto;
		width: 94%;
  	/*border: 1px solid #e1e1e1;*/
  	box-shadow: 0px 0px 0px 1px #f1f1f1;
    border-radius:4px;
}

.swiper-slide {
    position: relative;
    background-position: center;
    background-size: cover;
    border-radius:4px;
}

/*用户头像*/
.user-swiper-headimg {
  position: absolute;
  top: 50%;
  left: 5%;
  width: 70px;
  height: 70px;
	padding:1px;
	border-radius:1rem;
	background-color:#fff;
}

/*学员认证上传图片*/
 .user-swiper-uploadphoto{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30%;

  border-radius: 3px;
  border: 0px solid #ffffff;
	background-color:;
 }
.user-swiper-uploadphoto img{
  width: 100%;
}


.swiper-notebar{
	position:absolute;left:0px;bottom:0px;
	width:100%; height:25px;
	background-color:#000000;
	opacity:0.5;
	}

.swiper-notebar-left				{position:absolute;left: 2%;bottom:4px;font-size:14px; color:#FFFFFF;line-height:15px; font-weight:;}
.swiper-notebar-right				{position:absolute;right:2%;bottom:4px;font-size:14px; color:#FFFFFF;line-height:15px; font-weight:;text-align:right;}

.swiper-notebar-right a {color:#FFFFFF;}
.swiper-notebar-right img{width: 15px;  margin-right: 5px;  margin-bottom: 4px;}













.memoryMore {
  position: relative;
  width: 100%;
  height:24%;/*高度在页面中用js定义*/
  background: transparent;
  z-index: 112;
  border: 0px solid #000000;
  margin-top:0em;

}
.more-list-left {
  position: absolute;
  left:0;
  top:0;
  width: 48%;
  height: 90%;
  background: #fff;
  margin: 0;
  border-radius: 4px;
  box-shadow: 0px 0px 0px 1px #f1f1f1;
  overflow: hidden;
  z-index: 112;
  opacity: 0.9;
}
.more-list-right {
  position: absolute;
  right:0;
  top:0;
  width: 48%;
  height: 90%;
  background: #fff;
  margin: 0;
  border-radius: 4px;
  box-shadow: 0px 0px 0px 1px #f1f1f1;
  overflow: hidden;
  z-index: 112;
  opacity: 0.9;
}

.more-image {
  position: absolute;
  left:0;
  top:0;
	width: 100%;
	height: 50%;
	margin: 0px;
	padding:0px;
	border: 0px solid #f0f0f0;
	border-radius:0px;
	/*border-radius:1rem;*/
	overflow:hidden;
  background: #D6D6D6;
}

.more-img-icon {
   width: 100%;
   margin-top: -15%;
   padding:0px;
   border: 0px solid #f0f0f0;
	 border-radius:0px;
	 /*border-radius:1rem;*/
}


.more-content {
  position: absolute;
  left:0;
  bottom:0;
	width: 100%;
	height: 45%;
	margin: 0px;
	padding:5px;
	border: 0px solid #f0f0f0;
	border-radius:0px;
	/*border-radius:1rem;*/
	overflow:hidden;
}


.more-title {
  font-size: 1.0em;
  color: #1A1A1A;
  white-space:nowrap;
}


.more-title img{
  width: 0.6em;
  padding-bottom:8px;
}


.more-note{
	padding-top:1px;
  font-size: 0.8em;
  color: #A1A1A1;
  line-height:1.2em;
  display:none;	 /*先隐藏，待ellipsis设定好显示行数后，再显示出来*/
}
.more-data{
	position:absolute;
	bottom:1%;
	right:1%;
	width:100%;
	padding-right:10px;
	text-align:right;
  font-size: 0.7em;
  color: #1aa4f2; 
  white-space:nowrap;
}

.more-data img{
  width: 9px;
  padding-bottom:2px;
}

@media screen and (min-width:640px){
.more-title {
  font-size: 1.1em;
  color: #1A1A1A;
  white-space:nowrap;
}	
.more-title img{
  width: 0.8em;
  padding-bottom:8px;
}
.more-note{
	padding-top:1px;
  font-size: 0.8em;
  color: #A1A1A1;
  line-height:1.3em;
  display:none;	 /*先隐藏，待ellipsis设定好显示行数后，再显示出来*/
}

.more-data img{
  width: 12px;
  padding-bottom:3px;
}

}





.memorySubject {
  position: relative;
  width: 100%;
  height:24%;/*高度在页面中用js定义*/
  background: transparent;
  z-index: 112;
  border: 0px solid #000000;

}
.subject-list-left {
  position: absolute;
  left:0;
  top:0;
  width: 48%;
  background: #fff;
  margin: 0;
  border-radius: 4px;
  box-shadow: 0px 0px 0px 1px #f1f1f1;
  overflow: hidden;
  z-index: 112;
  opacity: 0.9;
}
.subject-list-right {
  position: absolute;
  right:0;
  top:0;
  width: 48%;
  background: #fff;
  margin: 0;
  border-radius: 4px;
  box-shadow: 0px 0px 0px 1px #f1f1f1;
  overflow: hidden;
  z-index: 112;
  opacity: 0.9;
}

.subject-img-icon {
   width: 30%;
   margin: 10px 1px 10px 6px;
   float: left;
   padding:1px;
   border: 1px solid #f0f0f0;
	 border-radius:5px;
	 /*border-radius:1rem;*/
   background: #DDD;
}
.subject-content {
  padding-top: 7%;
}


.subject-title {
  font-size: 0.9em;
  color: #1A1A1A;
  white-space:nowrap;
}


.subject-title img{
  width: 0.6em;
  padding-bottom:8px;
}


.subject-note{
	padding-top:1px;
  font-size: 0.7em;
  color: #A1A1A1;
  line-height:1.2em;
  display:none;	 /*先隐藏，待ellipsis设定好显示行数后，再显示出来*/
}
.subject-data{
	position:absolute;
	bottom:1%;
	right:1%;
  font-size: 0.7em;
  color: #1aa4f2;
  white-space:nowrap;
}

.subject-data img{
  width: 9px;
  padding-bottom:2px;
}

@media screen and (min-width:640px){
.subject-title {
  font-size: 1.1em;
  color: #1A1A1A;
  white-space:nowrap;
}	
.subject-title img{
  width: 0.8em;
  padding-bottom:8px;
}
.subject-note{
	padding-top:1px;
  font-size: 0.8em;
  color: #A1A1A1;
  line-height:1.3em;
  display:none;	 /*先隐藏，待ellipsis设定好显示行数后，再显示出来*/
}

.subject-data img{
  width: 12px;
  padding-bottom:3px;
}

}







.memorySystem {
  position: relative;
  width: 100%;
  height:24%;/*高度在页面中用js定义*/
  background: transparent;
  z-index: 112;
  border: 0px solid #000000;


}


.system-list {
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  background: #fff;
  margin: 0;
  border-radius: 4px;
  box-shadow: 0px 0px 0px 1px #f1f1f1;
  overflow: hidden;
  z-index: 2;
  opacity: 0.9;
}


.system-list img {
  width: 15%;
  margin: 13px;
  float: left;
}

.system-content {
  padding-top: 7%;
}

.system-title {
  font-size: 1em;
  line-height: 1.1em;
  color: #1A1A1A;
}

.system-note{
  padding-top: 1%;
  font-size: 0.8em;
  line-height: 1.0em;
  color: #A1A1A1;

}



@media screen and (min-width:640px){
.system-title {
  font-size: 1.1em;
  line-height: 1.1em;
  color: #1A1A1A;
}

.system-note{
  padding-top: 1%;
  font-size: 0.9em;
  line-height: 1.0em;
  color: #A1A1A1;

}
}





/*xuexi 开始，应用于v_xuexi页面学习课程列表 */
.xuexi, .userxuexi {
  position: relative;
  width: 100%;
  height:24%;/*高度在页面中用js定义 */
  background: transparent;
  z-index: 112;
  border: 0px solid #000000;
}


.xuexi-list, .userxuexi-list {
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  background: #fff;
  margin: 0;
  border-radius: 4px;
  box-shadow: 0px 0px 0px 1px #f1f1f1;
  overflow: hidden;
  z-index: 2;
  opacity: 0.9;
  border: 0px solid #ccc;
}


.xuexi-list img, .userxuexi-list img {
  width: 20.50%;/*尺寸在页面中用js定义 */
  margin: 10px;/*边距在页面中用js定义 */
  float: left;
}

.xuexi-content, .userxuexi-content {
  position: absolute;
  top:0;
  left:25%;
  padding-top: 5%;
  border: 0px solid #ccc;
}

.xuexi-title, .userxuexi-title {
  font-size: 1em;
  line-height: 1.1em;
  color: #1A1A1A;
}

.xuexi-subtitle, .userxuexi-subtitle {
  padding-top: 1%;
  font-size: 0.8em;
  line-height: 1.1em;
  color: #A1A1A1;

}

.xuexi-note, .userxuexi-note {
  padding-top: 1%;
  font-size: 0.8em;
  line-height: 1.1em;
  color: #A1A1A1;

}


@media screen and (min-width:640px){
.xuexi-content, .userxuexi-content {
  padding-top: 4%;
}

.xuexi-title, .userxuexi-title {
  font-size: 1.1em;
  line-height: 1.1em;
  color: #1A1A1A;
}

.xuexi-subtitle, .userxuexi-subtitle {
  padding-top: 1%;
  font-size: 0.9em;
  line-height: 1.2em;
  color: #A1A1A1;

}

.xuexi-note, .userxuexi-note {
  padding-top: 1%;
  font-size: 0.9em;
  line-height: 1.2em;
  color: #A1A1A1;

}
}

/*xuexi 结束 */





/*我的课程详情页面*/

.userxuexitop {
  width: 100%;
  background-color:rgba(255,255,255,0.9);
  margin: 0;
  padding:5px 0px;
  border-radius: 0px 0px 0px 0px;
  box-shadow: 0px 0px 0px 1px #eee;
  overflow: hidden;
  opacity: 0.9;
  font-weight:bold;
  font-size:1.4em;
  text-align:center;
  color:#333;
}

.userxuexicounts {
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
  width: 100%;
  background-color:rgba(255,255,255,0.9);
  padding:10px 0px;
  border-radius: 0px 0px 0px 0px;
  box-shadow: 0px 0px 0px 1px #eee;
  overflow: hidden;
  opacity: 0.9;
	margin-top:3%; 
}

.userxuexicount {
  width: 30%;
  background: transparent;
  margin: 0;
  text-align:center;
	cursor:pointer;
}

.userxuexicount span{
  text-align:center;
  font-weight:bold;
  font-size:1.8em
}

.userxuexidates{ width:100%; margin-top:1%; overflow:hidden;}

.userxuexidatemonth{ background-color:#fff; width:100%; overflow:hidden;padding:2% 0%;border:0px solid #666;border-radius:0px 0px 0px 0px;}
.userxuexidatemonth p{ float:left; text-align:center; width:33%; color:#666;font-size:1.2em;font-weight:700; cursor:pointer;}
.userxuexidatemonth .selectmonth{ width:100%; background-color:#fff; border:none; color:#666; font-weight:700; font-size:1.0em;text-align:center;padding-bottom:6px} 

.userxuexidatetable{ width:100%;border:0px solid #fff;border-collapse:collapse;}
.userxuexidatetable thead{ background-color:rgba(135,206,250,0.2);}
.userxuexidatetable thead td{ color:#333; text-align:center;border:0px solid #fff;border-collapse:collapse; padding:1% 0;font-size:1.2em;}
.userxuexidatetable tbody td{border:5px solid #fff;border-collapse:collapse;text-align:center;color:#999;background-color:#fff;padding:1% 0;}/*#0C6*/
.userxuexidatetable tbody td.date-gone{ color:#000;background-color:#fff}
.userxuexidatetable tbody td.date-none{ color:#fff;background-color:#fff}

.userxuexidatetable tbody td.date-signed{font-weight:normal; color:#fff;background-color:#fff; background-image:url(../images/date-signed.png);background-size:contain;background-repeat:no-repeat;background-position:center;}
.userxuexidatetable tbody td.date-failed{font-weight:normal; color:#fff;background-color:#fff; background-image:url(../images/date-failed.png);background-size:contain;background-repeat:no-repeat;background-position:center;}
.userxuexidatetable tbody td.date-planed{font-weight:normal; color:#fff;background-color:#fff; background-image:url(../images/date-planed.png);background-size:contain;background-repeat:no-repeat;background-position:center;}

.userxuexidatetable tbody td.date-longed{ color:#000;background-color:rgba(255,255,255,1.0); background-image:url(../images/date-longed.png?21);background-size:contain;background-repeat:no-repeat;background-position:center center;}
.userxuexidatetable tbody td.date-clicked{font-weight:normal; color:#fff;background-color:#fff; background-image:url(../images/date-clicked.png);background-size:contain;background-repeat:no-repeat;background-position:center;}

.userxuexidatedatas {
	display: -webkit-flex;
	display: flex;
	justify-content: flex-end;
  width: 100%;
  height:20px;
  background: #fff;
  margin-top: 1px;
  padding:0px 0px;
  border-radius: 0px 0px 0px 0px;
  box-shadow: 0px 0px 0px 0px #f1f1f1;
  overflow: hidden;
  opacity: 1;
}

.userxuexidatedata {
  width: 20%;
  position:relative;
  background: #fff;
  margin: 0;
  text-align:center;
}

.userxuexidatedata span {
  width: 80%;
  position:absolute;
  top:0;
  right:0;
  background: transparent;
  margin: 0;
  text-align:left;
  color:#666;
}
.userxuexidatedata-signed {width: 10px; height: 10px; background: rgba(144,238,144,0.9); margin-top: 5px; text-align:center; border-radius:5px;}
.userxuexidatedata-failed {width: 10px;height: 10px;background: rgba(255,0,0,0.5); margin-top: 5px; text-align:center; border-radius:5px;}
.userxuexidatedata-planed {width: 10px;height: 10px;background: rgba(135,206,250,0.6); margin-top: 5px; text-align:center; border-radius:5px;}




.userxueximenus {
	position:relative;
	width:94%; 
	height:30px; 
	padding:3%; 
	margin-top:1%; 
	overflow:hidden; 
	background-color:rgba(255,255,255,1);
	border-top:solid 0px #f1f1f1;
	border-bottom:solid 1px #1aa4f2
	}

.userxueximediadatas, .userxuexitrainingdatas {
	display: -webkit-flex;
	display: flex;
	justify-content: flex-end;
  width: 100%;
  height:20px;
  background: #fff;
  margin-top: 1px;
  padding:0px 0px;
  border-radius: 0px 0px 0px 0px;
  box-shadow: 0px 0px 0px 0px #f1f1f1;
  overflow: hidden;
  opacity: 1;
}

.userxueximediadata, .userxuexitrainingdata {
  width: 20%;
  position:relative;
  background: #fff;
  margin: 0;
  text-align:center;
}

.userxueximediadata span, .userxuexitrainingdata span{
  width: 80%;
  position:absolute;
  top:0;
  right:0;
  background: transparent;
  margin: 0;
  text-align:left;
  color:#666;
}

.userxueximediadata-signed, .userxuexitrainingdata-signed {width: 10px; height: 10px; background: rgba(144,238,144,0.9); margin-top: 5px; text-align:center; border-radius:5px;}
.userxueximediadata-failed, .userxuexitrainingdata-failed {width: 10px;height: 10px;background: rgba(255,0,0,0.5); margin-top: 5px; text-align:center; border-radius:5px;}
.userxueximediadata-planed, .userxuexitrainingdata-planed {width: 10px;height: 10px;background: rgba(135,206,250,0.6); margin-top: 5px; text-align:center; border-radius:5px;}








/*课程 training 页面，v_xuexi.php 和 v_user_xuexi.php 共用*/
.xuexitrainings, .userxuexitrainings {
	position:relative;
	width:94%; 
	padding:6% 3% 10px 3%;
	margin:0% auto; 
	overflow:hidden; 
	background-color:rgba(255,255,255,1);
	border-top:solid 0px #f1f1f1;
	border-bottom:solid 1px #f1f1f1;
	min-height:200px;
	}

.xuexitraining, .xuexitraining-finished, .xuexitraining-unfinished, .userxuexitraining, .userxuexitraining-finished, .userxuexitraining-unfinished {
  position: relative;
  width: 100%;
  height:24%;/*高度在页面中用js定义*/
  background: transparent;
  border: 0px solid #000000;


}


.xuexitraining-list, .xuexitraining-list-finished, .xuexitraining-list-unfinished, .userxuexitraining-list, .userxuexitraining-list-finished, .userxuexitraining-list-unfinished {
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  background: #fff;
  margin: 0;
  border-radius: 4px;
  box-shadow: 0px 0px 0px 1px #f1f1f1;
  overflow: hidden;
  opacity: 0.9;
}


.xuexitraining-list img, .xuexitraining-list-finished img, .xuexitraining-list-unfinished img, .userxuexitraining-list img, .userxuexitraining-list-finished img, .userxuexitraining-list-unfinished img {
  width: 20%;
  margin: 10px;
	border: 1px solid #f0f0f0;
  float: left;
}

.xuexitraining-content, .userxuexitraining-content {
  padding-top: 4%;
  border:0px solid #CCC;
}

.xuexitraining-title, .userxuexitraining-title {
  font-size: 1.0em;
  line-height: 1.1em;
  color: #1A1A1A;
}

.xuexitraining-subtitle, .userxuexitraining-subtitle{
  padding-top: 1%;
  font-size: 0.8em;
  line-height: 1.1em;
  color: #A1A1A1;

}


@media screen and (min-width:640px){
.xuexitraining-title, .userxuexitraining-title {
  font-size: 1.1em;
  line-height: 1.3em;
  color: #1A1A1A;
}

.xuexitraining-subtitle, .userxuexitraining-subtitle {
  padding-top: 1%;
  font-size: 0.9em;
  line-height: 1.3em;
  color: #A1A1A1;

}
}



.xuexitraining-datetime, .userxuexitraining-datetime {
  position: absolute;
  bottom:10px;
  right:4px;
  width: 100%;
  height:12px;
  text-align:right;
  padding-top:0px;
  padding-bottom:0px;
  padding-right:0px;
  background: transparent;
  margin: 0;
  border: 0px solid #000000;
  overflow: show;
  z-index: 2;
  opacity: 0.9;
  font-size: 0.8em;
  line-height: 1.0em;
  color: #A1A1A1;
}


.xuexitraining-percent, .userxuexitraining-percent {
  position: absolute;
  bottom:16px;
  left:0;
  width: 100%;
  height:2px;
  text-align:center;
  padding-top:0px;
  padding-bottom:0px;
  padding-left:0px;
  background: #ccc;
  margin: 0;
  border: 0px solid #000000;
  overflow: show;
  z-index: 2;
  opacity: 0.9;
  color: #A1A1A1;
}

.xuexitraining-percent-finished, .userxuexitraining-percent-finished {
  position: absolute;
  top:0px;
  left:0px;
  height:2px;
  background: green;
}


.xuexitraining-percent-note, .userxuexitraining-percent-note {
  position: absolute;
  top:8px;
  width: 100%;
  height:10px;
  text-align:center;
  font-size: 0.5em;
  line-height: 0.5em;
}


/*课程media页面，v_xuexi.php 和 v_user_xuexi.php 共用*/
.xueximedias, .userxueximedias {
	position:relative;
	width:94%; 
	padding:6% 3% 10px 3%;
	margin:0% auto; 
	overflow:hidden; 
	background-color:rgba(255,255,255,1);
	border-top:0px solid #f1f1f1;
	border-bottom:1px solid #f1f1f1;
	min-height:200px;
	}

.xueximedia, .xueximedia-finished, .xueximedia-unfinished, .userxueximedia, .userxueximedia-finished, .userxueximedia-unfinished {
  position: relative;
  width: 100%;
  height:24%;/*高度在页面中用js定义*/
  background: transparent;
  border: 0px solid #000000;


}

.xueximedia-list, .xueximedia-list-finished, .xueximedia-list-unfinished, .userxueximedia-list, .userxueximedia-list-finished, .userxueximedia-list-unfinished {
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  background: #fff;
  margin: 0;
  border-radius: 4px;
  box-shadow: 0px 0px 0px 1px #f1f1f1;
  overflow: hidden;
  opacity: 0.9;
}


.xueximedia-list img, .xueximedia-list-finished img, .xueximedia-list-unfinished img, .userxueximedia-list img, .userxueximedia-list-finished img, .userxueximedia-list-unfinished img {
  width: 36%;
  margin: 10px;
	border: 1px solid #f0f0f0;
  float: left;
}

.xueximedia-datetime, .userxueximedia-datetime {
  position: absolute;
  bottom:10px;
  right:4px;
  width: 100%;
  height:12px;
  text-align:right;
  padding-top:0px;
  padding-bottom:0px;
  padding-right:0px;
  background: transparent;
  margin: 0;
  border: 0px solid #000000;
  overflow: show;
  z-index: 2;
  opacity: 0.9;
  font-size: 0.8em;
  line-height: 1.0em;
  color: #A1A1A1;
}


.xueximedia-content, .userxueximedia-content {
  padding-top: 4%;
}

.xueximedia-title, .userxueximedia-title {
  font-size: 1.0em;
  line-height: 1.1em;
  color: #1A1A1A;
}

.xueximedia-subtitle, .userxueximedia-subtitle{
  padding-top: 1%;
  font-size: 0.8em;
  line-height: 1.1em;
  color: #A1A1A1;

}



@media screen and (min-width:640px){
.xueximedia-title, .userxueximedia-title {
  font-size: 1.1em;
  line-height: 1.3em;
  color: #1A1A1A;
}

.xueximedia-subtitle, .userxueximedia-subtitle {
  padding-top: 1%;
  font-size: 0.9em;
  line-height: 1.3em;
  color: #A1A1A1;

}
}







.xueximediabox {
	position:relative;
	width:94%; 
	padding:6% 3% 66px 3%;
	margin:0% auto; 
	overflow:hidden; 
	background-color:rgba(255,255,255,1);
	border-top:solid 1px #f1f1f1;
	border-bottom:solid 1px #f1f1f1;
	
	
	}
	
.xueximediabox img{
	width: 100%;
	border: 0px;
	padding-bottom:20px;
	}
	
.xueximediabox p{
	padding-top: 0px;
	padding-bottom: 20px;
	}







/*课程详情、media详情页面*/
.xuexidescription, .xueximediadescription {
	position:relative;
	width:94%; 
	padding:6% 3% 10px 3%;
	margin:0% auto; 
	overflow:hidden; 
	background-color:rgba(255,255,255,1);
	border-top:solid 0px #f1f1f1;
	border-bottom:solid 1px #f1f1f1;
	min-height:100px;
	
	}

.xuexidescription img, .xueximediadescription img{
	width: 100%;
	border: 0px;
	padding-bottom:0px;
	display:block;
	}

	
.xuexidescription p, .xueximediadescription p{
	padding-top: 0px;
	padding-bottom: 20px;
	}
	

.xuexidescription h2, .xueximediadescription h2{
	font-size:1.2em;
	}
	
.xuexidescription h3, .xueximediadescription h3{
	padding-top: 20px;
	padding-bottom: 20px;
	}

.xuexidescription h4, .xueximediadescription h4{
	padding-top: 0px;
	padding-bottom: 20px;
	}

.xuexidescription center, .xueximediadescription center{
	padding-top: 0px;
	padding-bottom: 20px;
	font-size:1.1em;
	font-weight:bold
	}


.xuexidescription .note, .xueximediadescription .note{
	font-size:0.8em;
	color: rgba(0,0,0,0.8)
	}

.xuexidescription .shici, .xueximediadescription .shici{
	padding-left: 50px;
	padding-top: 10px;
	padding-bottom: 20px;
	}


.xuexidescription .shici p, .xueximediadescription .shici p{
	padding-top: 0px;
	padding-bottom: 0px;
	}

.xuexidescription .shici .title, .xueximediadescription .shici .title{
	font-weight:bold;
	font-size:1.1em;
	}

.xuexidescription .shici .author, .xueximediadescription .shici .author{
	font-weight:normal;
	color: rgba(0,0,0,0.5)
	}

.xuexidescription .shici .note, .xueximediadescription .shici .note{
	font-weight:normal;
	font-style:italic;
	color: rgba(0,0,0,0.7);
	font-size:0.7em;
	}

.xuexidescription .shici .article, .xueximediadescription .shici .article{
	padding-top:10px;
	font-size:1.0em;
	}





/*以上为xuexi相关*/
/*以上为xuexi相关*/
/*以上为xuexi相关*/
/*以上为xuexi相关*/
/*以上为xuexi相关*/
/*以上为xuexi相关*/
/*以上为xuexi相关*/
/*以上为xuexi相关*/
/*以上为xuexi相关*/
/*以上为xuexi相关*/
/*以上为xuexi相关*/
/*以上为xuexi相关*/
/*以上为xuexi相关*/
/*以上为xuexi相关*/
/*以上为xuexi相关*/
/*以上为xuexi相关*/
/*以上为xuexi相关*/
/*以上为xuexi相关*/
/*以上为xuexi相关*/
/*以上为xuexi相关*/
/*以上为xuexi相关*/
/*以上为xuexi相关*/
/*以上为xuexi相关*/
/*以上为xuexi相关*/
/*以上为xuexi相关*/
/*以上为xuexi相关*/
/*以上为xuexi相关*/
/*以上为xuexi相关*/
/*以上为xuexi相关*/
/*以上为xuexi相关*/
/*以上为xuexi相关*/
/*以上为xuexi相关*/
/*以上为xuexi相关*/
/*以上为xuexi相关*/
/*以上为xuexi相关*/
/*以上为xuexi相关*/
/*以上为xuexi相关*/
/*以上为xuexi相关*/
/*以上为xuexi相关*/
/*以上为xuexi相关*/
/*以上为xuexi相关*/
/*以上为xuexi相关*/
/*以上为xuexi相关*/
/*以上为xuexi相关*/
/*以上为xuexi相关*/
/*以上为xuexi相关*/
/*以上为xuexi相关*/
/*以上为xuexi相关*/
/*以上为xuexi相关*/
/*以上为xuexi相关*/
/*以上为xuexi相关*/
/*以上为xuexi相关*/
/*以上为xuexi相关*/
/*以上为xuexi相关*/
/*以上为xuexi相关*/
/*以上为xuexi相关*/
/*以上为xuexi相关*/
/*以上为xuexi相关*/

/*学习等级按钮*/
.classButton {
  position: relative;
  width: 94%;
  background: #1874CD;
  margin: 3.0% 3%;
  border-radius: 4px;
  border: 0px solid #1874CD;
  overflow: hidden;
  z-index: 2;
  opacity: 0.9;
	cursor:pointer;
}

.classButton .classSubmit {
	display:block; 
	outline: none; 
	position:relative;  
	width:100%; 
	height:40px; 
	margin:0.00px;  
	border:0px solid #1874CD; 
	border-radius:4px; 
	background-color:#1874CD;
	font-size:24px; 
	color:#FFFFFF; 
	text-align:center;	
	cursor:pointer;
	}







.memoryService {
  position: relative;
  width: 100%;
  margin: 1.5% 0;
  background: transparent;
  z-index: 112;
}

.service-left {
  position: absolute;
  left:0;
  top:0;
  width: 31%;
  background: #fff;
  border-radius: 4px;
  box-shadow:0px 0px 0px 1px #f1f1f1;
  opacity: 0.9;
}
.service-middle {
  position: absolute;
  left:0;
  top:0;
  width: 31%;
  background: #fff;
  border-radius: 4px;
  box-shadow:0px 0px 0px 1px #f1f1f1;
  opacity: 0.9;
}
.service-right {
  position: absolute;
  right:0;
  top:0;
  width: 31%;
  background: #fff;
  border-radius: 4px;
  box-shadow:0px 0px 0px 1px #f1f1f1;
  opacity: 0.9;
}

.service-font {
  font-size: 14px;
  color: #8A8A8A;
  padding: 10px 0;
}







/*学员心得*/
.memoryComment {
  position: relative;
  width: 100%;
  margin: 1.5% 0;
  background: transparent;
  z-index: 112;
}

.memoryComment .user_list{
	margin:0 0 3% 0;
	background:#fff;
	box-shadow:0 0 0 1px #f1f1f1;
	opacity:.9;
	border-radius:4px;
	color:#a1a1a1;
	font-size:1.0em;
	}
	
.memoryComment .user_list .comment_list{
	padding:2px 10px
	}
.comment_detail{
	padding:10px 0;
	color:#1a1a1a;
	font-size:0.95em;
	line-height:1.4em;
	display:table
	}
.comment_detail img{
	width:16px
	}
.front_quote{
	padding-right:10px;vertical-align:top
	}
.back_quote{
	padding-left:10px;
	vertical-align:bottom
	}
.comment_detail span{
	display:table-cell;
	word-break:break-all;
	word-wrap:break-word
	}
.comment_detail span.control_line{
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	word-break:break-all;
	overflow:hidden
	}
.role_nickname,.service_date{
	line-height:2em
	}
.service_date{
	text-align:right
	}
.look_more{
	background:#fcfcfc;
	text-align:right;
	font-size:1.0em;
	color:#a1a1a1;
	padding:10px;
	border-radius:4px;
	display:none;
	margin-top:4px
	}
.user_list:last-child .look_more{
	display:block!important
	}
.nbsp{padding-right:9px}









/*系统查询通用样式开始*/
.keyinput {
  position: relative;
  width: 100%;
  height:50px;
  background: #fff;
  margin: 1.5% 0px;
  border-radius: 4px;
  border: 0px solid #e1e1e1;
  box-shadow: inset 0 0 0 1px #e1e1e1;
  position: relative;
  overflow: hidden;
  z-index: 2;
  opacity: 0.9;
}


.keyinput 		img		{ margin:10px; width:30px;height:30px;border:0px}
.keyinput 		input	{ display:block; position:absolute; top:10px; left:50px; right:10px; padding-left:0px; width:80%; height:35px; border:0px; font-size:24px;color:#666666;background-color:transparent}

@media screen and (max-width:320px) {
 .keyinput 		input	{ display:block; position:absolute; top:10px; left:50px; right:10px; padding-left:0px; width:80%; height:35px; border:0px; font-size:20px;line-height:35px;color:#666666;background-color:transparent}
}


.keyrow{
	position:relative;
	width:100%;
	height:33px;
	margin:1.5% 0;
	border:0px;
}

.keyboard{
	margin-top:10px;
}

.keyclick-left1,.keyclick-middle1,.keyclick-right1 {
  position: absolute;
  width: 31.0%;
  height: 30px;
  line-height:30px;
  background: #ADD8E6;
  border-radius: 4px;
  border: 1px solid #A2B5CD;
  overflow: hidden;
  z-index: 2;
  opacity: 0.9;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	cursor:pointer;
}



.keyclick-left,.keyclick-middle1,.keyclick-middle2,.keyclick-right {
  position: absolute;
  width: 31.0%;
  height: 33px;
  line-height:36px;
	color:#333333;
	font-family:Courier New;
	font-size:18px;
	font-weight:normal;
	text-align:center;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
  vertical-align: middle;	
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	border:1px solid #dcdcdc;
	background-color:#f6f6f6;
	display:inline-block;
	cursor:pointer;
}
.keyclick-left:hover,.keyclick-middle1:hover,.keyclick-right:hover {
	background-color:#f1f1f1;
}
.keyclick-left:active,.keyclick-middle1:active,.keyclick-right:active {
	top:0px;
}

.keyclick-middle2 {
	border:1px solid #87CEFA;
	background-color:#bddbfa;
}

.keyclick-middle2:hover {
	border:1px solid #00BFFF;
	background-color:#87CEFA;
}

.keyclick-middle2:active {
	top:0px;
}







.keyclick-left,.keyclick-middle {
  top:0;
  left:0;
}
.keyclick-right {
  top:0;
  right:0;
}

.keynumber-left,.keynumber-middle,.keynumber-right{
  position: absolute;
  width: 31.0%;
  height: 30px;
  line-height:32px;
  background: #FFFFFF;
	color:#333333;
  border-radius: 4px;
  border: 1px solid #e1e1e1;
  overflow: hidden;
  z-index: 2;
  opacity: 0.9;
	text-align:center;
	font-size:18px;
	font-weight:;
	cursor:pointer;
}

.keynumber-left,.keynumber-middle{
  top:0;
  left:0;
}

.keynumber-right {
  top:0;
  right:0;
}



.searchButton {
  position: relative;
  width: 100%;
  background: #1874CD;
  margin: 3.0% 0;
  border-radius: 4px;
  border: 0px solid #1874CD;
  overflow: hidden;
  z-index: 2;
  opacity: 0.9;
	cursor:pointer;
}

.searchButton .searchSubmit {
	display:block; 
	outline: none; 
	position:relative;  
	width:100%; 
	height:40px; 
	margin:0.00px;  
	border:0px solid #1874CD; 
	border-radius:4px; 
	background-color:#1874CD;
	font-size:24px; 
	color:#FFFFFF; 
	text-align:center;	
	cursor:pointer;
	}





.searchResult {
  position: relative;
  width: 100%;
  border: 0px solid #000000;
  background: transparent;
  margin: 1.5% 0;
  overflow: show;
  z-index: 2;
  opacity: 0.9;
	font-size:15px;
	min-height:10px;
}


/*词语查询结果样式开始*/
.ciLine{ position:relative; width:100%; height:34px; margin-left:0px; margin-right:0px; border-bottom:1px solid #e5e5e5;white-space:nowrap}
.ciLine-word{ display:block; position:absolute; bottom:0px; left:2px; width:300px; height:24px; font-size:18px; line-height:24px; cursor:pointer}
.ciLine-top{ display:block; position:absolute; bottom:1px; right:28px; width:180px; height:24px;text-align:right; font-size:16px;	line-height:28px;}
.ciLine-top img{ float:right; margin-top:0px; width:24px; height:24px}
.ciLine-info{ display:block; position:absolute; bottom:1px; right:0px; width:24px; height:24px;}
.ciLine-info img{ float:right; margin-top:0px; width:24px; height:24px}
.ciLine-text-last{ border:none;}
/*词语查询结果样式结束*/


/*物像相关开始*/
.tuxList {position:relative; width:100%; height:100px; background:#fff; margin:3.0% 0px 3% 0px; border-radius:4px; box-shadow:0px 0px 0px 1px #e9e9e9; overflow:hidden; z-index:1111; opacity:0.9;}
.tuxList-pic {position:absolute; top:0px; left:0px;	width:100px; height:100px; overflow:hidden; z-index:1111;	cursor:pointer;}
.tuxList-pic img{margin:5px; width:90px; height:90px;	border-radius:4px;border:1px solid #F0F0FF}
.tuxList-image {position: absolute;	top:0px; left:0px; width:100%; height:25px; overflow: hidden; padding-left:100px;	z-index:111;}
.tuxList-image p{margin:5px; width:200px; height:20px; font-size:18px; line-height:18px;}
.tuxList-images {position:absolute; top:24px; left:0px; height:65px; overflow: hidden; margin-left:100px; margin-right:3px; z-index:111;}
.tuxList-images p{margin:5px; width:98%; height:15px; font-size:15px; line-height:15px;}
.tuxList-note {position: absolute; top:74px; left:0px; width:100%; height:20px; overflow: hidden; padding-left:100px; z-index:111;white-space:nowrap}
.tuxList-note p{margin:5px; width:98%; height:15px; font-size:15px; line-height:15px; color:#333333;}
.tuxList-note a{color:#666666;}
.tuxList-info {position: absolute; top:0px; right:0px; width:24; height:24px; overflow: hidden; padding-right:0px; z-index:111;}
.tuxList-info img{float:right; margin-top:0px; width:24px; height:24px}
.tuxList-delete {position: absolute; top:0px; right:24px; width:24px; height:24px; overflow: hidden; z-index:111;cursor:pointer;}
.tuxList-delete img{float:left; margin-top:0px; width:24px; height:24px}
.tuxList-flag {position: absolute; top:0px; right:48px; width:24px; height:24px; overflow: hidden; z-index:111;cursor:pointer;}
.tuxList-flag img{float:left; margin-top:0px; width:24px; height:24px}
/*物像相关结束*/


/*人物相关样式开开始*/
.renwuList {position:relative; width:100%; height:100px; background:#fff; margin:3% 0px 3% 0px; border-radius:4px; border:0px solid #e1e1e1; box-shadow:0px 0px 0px 1px #e9e9e9; overflow:hidden; z-index:11111; opacity:0.9;}
.renwuList-image {position: absolute; top:0px; left:0px; width:100px; height:100px; overflow: hidden; z-index:1111;}
.renwuList-image img{margin:5px; width:90px; height:90px; border-radius:2px;}
.renwuList-ming {position:absolute; top:0px; left:0px; width:99%; height:25px; overflow:hidden; padding-left:100px; z-index:111;}
.renwuList-ming p{margin:5px; width:200px; height:20px; font-size:18px; line-height:18px;}
.renwuList-detail {position: absolute; top:25px; left:0px; width:99%; height:20px; overflow: hidden; padding-left:100px; z-index:111;}
.renwuList-detail p{margin:5px; width:99%; height:20px; font-size:14px; line-height:14px;}
.renwuList-intro {position: absolute; top:45px; left:0px; width:99%; height:20px; overflow: hidden; padding-left:100px; padding-right:5px; white-space:nowrap; z-index:111;}
.renwuList-intro p{margin:5px; width:99%; height:20px; font-size:14px; line-height:14px; color:#666666;}
.renwuList-intro a{color:#666666;}
.renwuList-top {position: absolute; top:68px; left:0px; width:99%; height:30px; overflow: hidden; padding-left:100px; z-index:111;}
.renwuList-top p{margin:5px; width:99%; height:20px; font-size:16px;}
.renwuList-top img{float:left; margin-top:0px; margin-left:4px; width:24px; height:24px}
.renwuList-info {position:absolute; top:0px; right:0px; width:24px; height:24px; overflow: hidden; padding-right:0px; z-index:111;;cursor:pointer;}
.renwuList-info img{float:right; margin-top:0px; width:24px; height:24px}
.renwuList-delete {position: absolute; top:0px; right:24px; width:24px; height:24px; overflow: hidden; z-index:111;cursor:pointer;}
.renwuList-delete img{float:left; margin-top:0px; width:24px; height:24px;}
.renwuList-flag {position: absolute; top:0px; right:48px; width:24px; height:24px; overflow: hidden; z-index:111;;cursor:pointer;}
.renwuList-flag img{float:left; margin-top:0px; width:24px; height:24px;}

/*人物相关结束*/


/*桩子相关开始*/
.pegList {position:relative; width:100%; height:100px; background:#fff; margin:3.0% 0px 3% 0px; border-radius: 4px; box-shadow:0px 0px 0px 1px #e9e9e9; overflow:hidden; z-index: 1111; opacity: 0.9;}
.pegList-pic {position:absolute; top:0px; left:0px; width:100px; height:100px; overflow: hidden; z-index:1111; cursor:pointer;}
.pegList-pic img{margin:5px; width:90px; height:90px; border-radius:2px;}
.pegList-image {position: absolute; top:0px; left:0px; width:100%; height:25px; overflow:hidden; padding-left:100px; z-index:111;}
.pegList-image p{margin:3px 5px 5px 5px; width:200px; height:20px; font-size:18px;}
.pegList-copy {position:absolute; top:0px; right:24px; width:24px; height:24px; overflow:hidden; padding-right:0px; z-index:111;}
.pegList-copy img{float:right; margin-top:0px; width:24px; height:24px}
.pegList-delete {position: absolute; top:0px; right:48px; width:24px; height:24px; overflow: hidden; padding-right:0px; z-index:111111;}
.pegList-delete img{float:right; margin-top:0px; width:24px; height:24px;}
.pegList-move {position: absolute; top:0px; right:24px; width:24px; height:24px; overflow: hidden; padding-right:0px; z-index:111;}
.pegList-move img{float:right; margin-top:0px; width:24px; height:24px;}
.pegList-info {position: absolute; top:0px; right:0px; width:24px; height:24px; overflow: hidden; padding-right:0px; z-index:111;}
.pegList-info img{float:right; margin-top:0px; width:24px; height:24px}
.pegList-note1 {position: absolute; top:25px; left:0px; height:24px; overflow: hidden; margin-left:100px; margin-right:3px; z-index:111;}
.pegList-note1 p{margin:5px; width:100%; height:20px; font-size:15px; line-height:20px;}
.pegList-note2 {position: absolute; top:49px; left:0px; height:24px; overflow: hidden; margin-left:100px; margin-right:3px; z-index:111;}
.pegList-note2 p{margin:5px; width:100%; height:20px; font-size:15px; line-height:20px;}
.pegList-note3 {position: absolute; top:73px; left:0px; height:24px; overflow: hidden; margin-left:100px; margin-right:3px; z-index:111;}
.pegList-note3 p{margin:5px; width:100%; height:20px; font-size:15px; line-height:20px;}


.pegLine{position:relative; width:100%; height:34px; margin-left:2px; margin-right:2px; border-bottom:1px solid #e5e5e5;white-space:nowrap}
.pegLine-t{display:block; position:absolute; bottom:1px; left:0px; width:65%; height:24px; overflow:visible; font-size:20px; font-weight:bold;cursor:pointer;}
.pegLine-t img{margin-top:-7px; width:20px; height:20px;cursor:pointer;}
.pegLine-d{display:block; position:absolute; bottom:0px; right:2px; width:35%; height:24px; font-size:20px; text-align:right; overflow:show;cursor:pointer;}

.pegLine-m{display:block; position:absolute; bottom:0px; left:1px;  width:60%; height:24px; font-size:16px; text-align:left;  overflow:display;}
.pegLine-z{display:block; position:absolute; bottom:0px; right:2px; width:40%; height:24px; font-size:16px; text-align:right; overflow:display;}
.pegLine-z select {direction: rtl;}
.pegLine-z select option {direction: rtl;}
.pegLine-q{z-index:1000;display:block; position:absolute; bottom:0px; left:2px; width:82%; height:24px; font-size:16px;overflow:hidden;}
.pegLine-a{z-index:1001;display:block; position:absolute; bottom:0px; left:44%; width:42%; height:24px; font-size:16px; font-style:normal;overflow:hidden;padding-left:3%;}

.pegLine-count-s{z-index:1002; display:block; position:absolute; bottom:0px; left:43%; width:20%; height:24px; font-size:16px; font-style:normal;overflow:show;background-color:#f1f1f1}
.pegLine-count{z-index:1003; display:block; position:absolute; bottom:0px; left:65%; width:20%; height:24px; font-size:16px; font-style:normal;overflow:show;background-color:#f1f1f1}

.pegLine-info{z-index:1002;display:block; position:absolute; bottom:1px; right:0px; width:24px; height:24px;background-color:#f1f1f1}
.pegLine-info img{float:right; margin-top:0px; width:24px; height:24px}
.pegLine-delete{z-index:1002;display:block; position:absolute; bottom:1px; right:24px; width:24px; height:24px;background-color:#f1f1f1}
.pegLine-delete img{float:right; margin-top:0px; width:24px; height:24px}
.pegLine-top{display:block; position:absolute; bottom:1px; right:28px; width:200px; height:24px;text-align:right; font-size:16px;background-color:#f1f1f1}
.pegLine-top img{float:right; margin-top:0px; width:24px; height:24px}

.pegLine-text-last{border:none;}

/*桩子相关结束*/



/*九宫格相关开始*/
.lociGrid {position:relative; width:99.5%; height:100px; background:; margin:3.0% 0.3% 3% 0.2%; border-radius:3px; box-shadow:0px 0px 0px 0px #e9e9e9; overflow:hidden; z-index:1111; opacity:0.9;}
.lociGrid-pic {position:absolute; width:32%; height:32%; overflow:hidden; z-index:1111; border-radius:3px; cursor:pointer;}
.lociGrid-pic img{margin:0px; width:100%; height:100%; border-radius:3px;}
#lociGrid-pic_room0{top:34%;left:34%;height:15%}
#lociGrid-pic_room1{top:0px;left:34%;}
#lociGrid-pic_room2{top:0px;left:0px;}
#lociGrid-pic_room3{top:34%;left:0px;}
#lociGrid-pic_room4{bottom:0px;left:0px;}
#lociGrid-pic_room5{top:0px;right:0px;}
#lociGrid-pic_room6{top:34%;right:0px;}
#lociGrid-pic_room7{bottom:0px;right:0px;}
#lociGrid-pic_room8{bottom:0px;left:34%;}
#lociGrid-pic_room9{bottom:34%;left:34%;height:15%}

#lociGrid-pic_room0 img, #lociGrid-pic_room9 img{margin:0px; width:100%; height:200%; border-radius:3px; margin-top:-25%;}

.lociGrid-id {position:absolute; top:50%; left:50%; width:24px; height:24px; margin-left:-12px; margin-top:-12px; overflow: visible; z-index:1111; border-radius:50%; background-color:rgba(0,0,0,0.4);}
.lociGrid-id p{color:#FFFFFF;	font-size:15px; line-height:24px; text-align:center; }
/*九宫格相关结束*/

/*五宫格相关开始*/
#lociGrid-pic_roomlite0{top:34%;left:34%;}
#lociGrid-pic_roomlite1{top:0px;left:34%;}
#lociGrid-pic_roomlite2{top:34%;left:0px;}
#lociGrid-pic_roomlite3{top:34%;right:0px;}
#lociGrid-pic_roomlite4{bottom:0px;left:34%;}
/*五宫格相关结束*/



/*地点相关开始*/
.lociList {position:relative; width:100%; height:100px; background:#fff; margin:3.0% 0px 3% 0px; border-radius:4px; box-shadow:0px 0px 0px 1px #e9e9e9; overflow:hidden; z-index:1111; opacity:0.9;}
.lociList-pic {position: absolute; top:0px; left:0px; width:100px; height:100px; overflow: hidden; z-index:1111; cursor:pointer;}
.lociList-pic img{margin:5px; width:90px; height:90px; border-radius:2px;}
.lociList-image {position: absolute; top:0px; left:0px; width:100%; height:25px; overflow: hidden; padding-left:100px; z-index:111;}
.lociList-image p{margin:3px 5px 5px 5px; width:200px; height:20px; font-size:16px;}
.lociList-copy {position:absolute; top:0px; right:24px; width:24px; height:24px; overflow:hidden; padding-right:0px; z-index:111;}
.lociList-copy img{float:right; margin-top:0px; width:24px; height:24px}
.lociList-info {position: absolute; top:0px; right:0px; width:24px; height:24px; overflow: hidden; padding-right:0px; z-index:111;}
.lociList-info img{float:right; margin-top:0px; width:24px; height:24px}
.lociList-move {position: absolute; top:0px; right:24px; width:24px; height:24px; overflow: hidden; padding-right:0px; z-index:111;}
.lociList-move img{float:right; margin-top:0px; width:24px; height:24px;}
.lociList-delete {position:absolute; top:0px; right:48px; width:24px; height:24px; overflow: hidden; padding-right:0px; z-index:111;}
.lociList-delete img{float:right; margin-top:0px; width:24px; height:24px;}
.lociList-note1 {position: absolute; top:25px; left:0px; height:24px; overflow: hidden; margin-left:100px; margin-right:3px; z-index:111;}
.lociList-note1 p{margin:5px; width:100%; height:20px; font-size:15px; line-height:20px;}
.lociList-note2 {position:absolute; top:49px; left:0px; height:24px; overflow:hidden; margin-left:100px; margin-right:3px; z-index:111;}
.lociList-note2 p{margin:5px; width:100%; height:20px; font-size:15px; line-height:20px;}
.lociList-note3 {position: absolute; top:73px; left:0px; height:24px; overflow: hidden; margin-left:100px; margin-right:3px; z-index:111;}
.lociList-note3 p{margin:5px; width:100%; height:20px; font-size:15px; line-height:20px;}

.lociLine{position:relative; width:100%; height:34px; margin-left:2px; margin-right:2px; border-bottom:1px solid #e5e5e5;white-space:nowrap}
.lociLine-t{display:block; position:absolute; bottom:1px; left:0px; width:65%; height:24px; overflow:visible; font-size:20px; font-weight:bold;cursor:pointer;}
.lociLine-t img{margin-top:-7px; width:20px; height:20px;cursor:pointer;}
.lociLine-d{display:block; position:absolute; bottom:0px; right:2px; width:35%; height:24px; font-size:20px; text-align:right; overflow:show;cursor:pointer;}

.lociLine-m{display:block; position:absolute; bottom:0px; left:1px;  width:60%; height:24px; font-size:16px; text-align:left;  overflow:display;}
.lociLine-z{display:block; position:absolute; bottom:0px; right:2px; width:40%; height:24px; font-size:16px; text-align:right; overflow:display;}
.lociLine-z select {direction: rtl;}
.lociLine-z select option {direction: rtl;}
.lociLine-q{z-index:1000;display:block; position:absolute; bottom:0px; left:2px; width:82%; height:24px; font-size:16px; overflow:hidden;}
.lociLine-a{z-index:1001;display:block; position:absolute; bottom:0px; left:44%; width:42%; height:24px; font-size:16px; font-style:normal;overflow:hidden;padding-left:3%;}

.lociLine-count-s{z-index:1002; display:block; position:absolute; bottom:0px; left:43%; width:20%; height:24px; font-size:16px; font-style:normal;overflow:show;background-color:#f1f1f1}
.lociLine-count{z-index:1003; display:block; position:absolute; bottom:0px; left:65%; width:20%; height:24px; font-size:16px; font-style:normal;overflow:show;background-color:#f1f1f1}

.lociLine-info{z-index:1002;display:block; position:absolute; bottom:1px; right:0px; width:24px; height:24px;background-color:#f1f1f1}
.lociLine-info img{float:right; margin-top:0px; width:24px; height:24px}
.lociLine-delete{z-index:1002;display:block; position:absolute; bottom:1px; right:24px; width:24px; height:24px;background-color:#f1f1f1}
.lociLine-delete img{float:right; margin-top:0px; width:24px; height:24px}
.lociLine-top{display:block; position:absolute; bottom:1px; right:28px; width:200px; height:24px;text-align:right; font-size:16px;background-color:#f1f1f1}
.lociLine-top img{float:right; margin-top:0px; width:24px; height:24px}

.lociLine-text-last{border:none;}
/*地点相关结束*/





/*卡片相关开始*/
.cardList {position:relative; width:100%; height:100px; background:#fff; margin:3.0% 0px 3% 0px; border-radius:4px; box-shadow:0px 0px 0px 1px #e9e9e9; overflow:hidden; z-index:1111; opacity:0.9;}
.cardList-pic {position:absolute; top:0px; left:0px; width:100px; height:100px; overflow:hidden; z-index:1111; cursor:pointer;}
.cardList-pic img{margin:8px; width:85px; height:85px; border-radius:3px;}
.cardList-value {position:absolute; top:0px; left:0px; width:100%; height:25px; overflow:hidden; padding-left:100px; z-index:111;}
.cardList-value p{margin:3px 5px 5px 5px; width:200px; height:20px; font-size:18px; line-height:25px}
.cardList-hide {position:absolute; top:0px; right:48px; width:24px; height:24px; overflow:hidden; padding-right:0px; z-index:11111;}
.cardList-hide img{float:right; margin-top:0px; width:24px; height:24px}
.cardList-show {position:absolute; top:0px; right:48px; width:24px; height:24px; overflow:hidden; padding-right:0px; z-index:11111;}
.cardList-show img{float:right; margin-top:0px; width:24px; height:24px}
.cardList-copy {position:absolute; top:0px; right:24px; width:24px; height:24px; overflow:hidden; padding-right:0px; z-index:111;}
.cardList-copy img{float:right; margin-top:0px; width:24px; height:24px}
.cardList-info {position:absolute; top:0px; right:0px; width:24px; height:24px; overflow:hidden; padding-right:0px; z-index:111;}
.cardList-info img{float:right; margin-top:0px; width:24px; height:24px}
.cardList-note1 {position: absolute; top:25px; left:0px; height:23px; overflow:hidden; margin-left:100px; margin-right:3px; z-index:111;}
.cardList-note1 p{margin:5px; width:100%; height:19px; font-size:14px; line-height:19px;}
.cardList-note2 {position: absolute; top:49px; left:0px; height:23px; overflow:hidden; margin-left:100px; margin-right:3px; z-index:111;}
.cardList-note2 p{margin:5px; width:100%; height:19px; font-size:14px; line-height:19px;}
.cardList-note3 {position: absolute; top:73px; left:0px; height:23px; overflow:hidden; margin-left:100px; margin-right:3px; z-index:111;}
.cardList-note3 p{margin:5px; width:100%; height:19px; font-size:14px; line-height:19px;}

.cardLine{position:relative; width:100%; height:34px; margin-left:0px; margin-right:0px; border-bottom:1px solid #e5e5e5;white-space:nowrap}
.cardLine-t{display:block; position:absolute; bottom:2px; left:0px; width:65%; height:24px; overflow:visible; font-size:20px; font-weight:bold;cursor:pointer;}
.cardLine-t img{margin-top:-7px; width:20px; height:20px;cursor:pointer;}
.cardLine-d{display:block; position:absolute; bottom:0px; right:2px; width:35%; height:24px; font-size:20px; text-align:right; overflow:show;cursor:pointer;}
.cardLine-m{display:block; position:absolute; bottom:0px; left:1px;  width:60%; height:24px; font-size:16px; text-align:left;  overflow:display;}
.cardLine-z{display:block; position:absolute; bottom:0px; right:2px; width:40%; height:24px; font-size:16px; text-align:right; overflow:display;}
.cardLine-z select {direction: rtl;}
.cardLine-z select option {direction: rtl;}
.cardLine-q{z-index:1000;display:block; position:absolute; bottom:0px; left:2px; width:82%; height:24px; font-size:16px;overflow:hidden;}
.cardLine-a{z-index:1001;display:block; position:absolute; bottom:0px; left:44%; width:42%; height:24px; font-size:16px; font-style:normal;overflow:hidden;padding-left:3%;}
.cardLine-a img{float:left; margin-top:-2px; width:24px; height:24px}
.cardLine-count-s{z-index:1002; display:block; position:absolute; bottom:0px; left:43%; width:20%; height:24px; font-size:16px; font-style:normal;overflow:show;background-color:#f1f1f1}
.cardLine-count{z-index:1003; display:block; position:absolute; bottom:0px; left:65%; width:20%; height:24px; font-size:16px; font-style:normal;overflow:show;background-color:#f1f1f1}
.cardLine-info{z-index:1002;display:block; position:absolute; bottom:1px; right:0px; width:24px; height:24px;background-color:#f1f1f1}
.cardLine-info img{float:right; margin-top:-2px; width:24px; height:24px}
.cardLine-move{z-index:1002;display:block; position:absolute; bottom:1px; right:24px; width:24px; height:24px;background-color:#f1f1f1}
.cardLine-move img{float:right; margin-top:-2px; width:24px; height:24px}
.cardLine-delete{z-index:1002;display:block; position:absolute; bottom:1px; right:48px; width:24px; height:24px;background-color:#f1f1f1}
.cardLine-delete img{float:right; margin-top:-2px; width:24px; height:24px}
.cardLine-top{z-index:1002;display:block; position:absolute; bottom:1px; right:0px; width:24px; height:24px;background-color:#f1f1f1}
.cardLine-top img{float:right; margin-top:0px; width:24px; height:24px}
.cardLine-invite{z-index:1002;display:block; position:absolute; bottom:1px; right:26px; width:24px; height:24px;background-color:#f1f1f1}
.cardLine-invite img{float:right; margin-top:0px; width:24px; height:24px}
.cardLine-return{z-index:1002;display:block; position:absolute; bottom:1px; right:25px; width:24px; height:24px;background-color:#f1f1f1}
.cardLine-return img{float:right; margin-top:0px; width:24px; height:24px}

.cardLine-text-last{border:none;}
/*卡片相关结束*/



/*manage相关开始*/
.manageList {position:relative; width:100%; height:100px; background:#fff; margin:3.0% 0px 3% 0px; border-radius:4px; box-shadow:0px 0px 0px 1px #e9e9e9; overflow:hidden; z-index:1111; opacity:0.9;}
.manageList-pic {position:absolute; top:0px; left:0px; width:100px; height:100px; overflow:hidden; z-index:1111; cursor:pointer;}
.manageList-pic img{margin:8px; width:85px; height:85px; border-radius:3px;}
.manageList-value {position:absolute; top:0px; left:0px; width:100%; height:25px; overflow:hidden; padding-left:100px; z-index:111;}
.manageList-value p{margin:3px 5px 5px 5px; width:200px; height:20px; font-size:18px; line-height:25px}
.manageList-hide {position:absolute; top:0px; right:48px; width:24px; height:24px; overflow:hidden; padding-right:0px; z-index:11111;}
.manageList-hide img{float:right; margin-top:0px; width:24px; height:24px}
.manageList-show {position:absolute; top:0px; right:48px; width:24px; height:24px; overflow:hidden; padding-right:0px; z-index:11111;}
.manageList-show img{float:right; margin-top:0px; width:24px; height:24px}
.manageList-copy {position:absolute; top:0px; right:24px; width:24px; height:24px; overflow:hidden; padding-right:0px; z-index:111;}
.manageList-copy img{float:right; margin-top:0px; width:24px; height:24px}
.manageList-info {position:absolute; top:0px; right:0px; width:24px; height:24px; overflow:hidden; padding-right:0px; z-index:111;}
.manageList-info img{float:right; margin-top:0px; width:24px; height:24px}
.manageList-note1 {position: absolute; top:25px; left:0px; height:23px; overflow:hidden; margin-left:100px; margin-right:3px; z-index:111;}
.manageList-note1 p{margin:5px; width:100%; height:19px; font-size:14px; line-height:19px;}
.manageList-note2 {position: absolute; top:49px; left:0px; height:23px; overflow:hidden; margin-left:100px; margin-right:3px; z-index:111;}
.manageList-note2 p{margin:5px; width:100%; height:19px; font-size:14px; line-height:19px;}
.manageList-note3 {position: absolute; top:73px; left:0px; height:23px; overflow:hidden; margin-left:100px; margin-right:3px; z-index:111;}
.manageList-note3 p{margin:5px; width:100%; height:19px; font-size:14px; line-height:19px;}


.manageLine{position:relative; width:100%; height:34px; margin-left:0px; margin-right:0px; border-bottom:1px solid #e5e5e5;white-space:nowrap}
.manageLine-t{display:block; position:absolute; bottom:2px; left:0px; width:65%; height:24px; overflow:visible; font-size:20px; font-weight:bold;cursor:pointer;}
.manageLine-t img{margin-top:-7px; width:20px; height:20px;cursor:pointer;}
.manageLine-d{display:block; position:absolute; bottom:0px; right:2px; width:35%; height:24px; font-size:20px; text-align:right; overflow:show;cursor:pointer;}
.manageLine-m{display:block; position:absolute; bottom:0px; left:1px;  width:60%; height:24px; font-size:16px; text-align:left;  overflow:display;}
.manageLine-z{display:block; position:absolute; bottom:0px; right:2px; width:40%; height:24px; font-size:16px; text-align:right; overflow:display;}
.manageLine-z select {direction: rtl;}
.manageLine-z select option {direction: rtl;}
.manageLine-q{z-index:1000;display:block; position:absolute; bottom:0px; left:2px; width:82%; height:24px; font-size:16px;overflow:hidden;}
.manageLine-a{z-index:1001;display:block; position:absolute; bottom:0px; left:44%; width:42%; height:24px; font-size:16px; font-style:normal;overflow:hidden;padding-left:3%;}
.manageLine-a img{float:left; margin-top:-2px; width:24px; height:24px}
.manageLine-count-s{z-index:1002; display:block; position:absolute; bottom:0px; left:43%; width:20%; height:24px; font-size:16px; font-style:normal;overflow:show;background-color:#f1f1f1}
.manageLine-count{z-index:1003; display:block; position:absolute; bottom:0px; left:65%; width:20%; height:24px; font-size:16px; font-style:normal;overflow:show;background-color:#f1f1f1}
.manageLine-info{z-index:1002;display:block; position:absolute; bottom:1px; right:0px; width:24px; height:24px;background-color:#f1f1f1}
.manageLine-info img{float:right; margin-top:-2px; width:24px; height:24px}
.manageLine-move{z-index:1002;display:block; position:absolute; bottom:1px; right:24px; width:24px; height:24px;background-color:#f1f1f1}
.manageLine-move img{float:right; margin-top:-2px; width:24px; height:24px}
.manageLine-delete{z-index:1002;display:block; position:absolute; bottom:1px; right:48px; width:24px; height:24px;background-color:#f1f1f1}
.manageLine-delete img{float:right; margin-top:-2px; width:24px; height:24px}
.manageLine-top{z-index:1002;display:block; position:absolute; bottom:1px; right:0px; width:24px; height:24px;background-color:#f1f1f1}
.manageLine-top img{float:right; margin-top:0px; width:24px; height:24px}
.manageLine-invite{z-index:1002;display:block; position:absolute; bottom:1px; right:26px; width:24px; height:24px;background-color:#f1f1f1}
.manageLine-invite img{float:right; margin-top:0px; width:24px; height:24px}
.manageLine-return{z-index:1002;display:block; position:absolute; bottom:1px; right:25px; width:24px; height:24px;background-color:#f1f1f1}
.manageLine-return img{float:right; margin-top:0px; width:24px; height:24px}

.manageLine-text-last{border:none;}
/*卡片相关结束*/



/*训练相关开始*/
.trainingList {position:relative; width:100%; height:100px; background:#fff; margin:3.0% 0px 3% 0px; border-radius:4px; box-shadow:0px 0px 0px 1px #e9e9e9; overflow:hidden; z-index:1111; opacity:0.9;}
.trainingList-pic {position:absolute; top:0px; left:0px; width:100px; height:100px; overflow:hidden; z-index:1111; cursor:pointer;}
.trainingList-pic img{margin:8px; width:85px; height:85px; border-radius:3px;}
.trainingList-value {position:absolute; top:0px; left:0px; width:100%; height:25px; overflow:hidden; padding-left:100px; z-index:111;}
.trainingList-value p{margin:3px 5px 5px 5px; width:200px; height:20px; font-size:18px; line-height:25px}
.trainingList-hide {position:absolute; top:0px; right:48px; width:24px; height:24px; overflow:hidden; padding-right:0px; z-index:11111;}
.trainingList-hide img{float:right; margin-top:0px; width:24px; height:24px}
.trainingList-show {position:absolute; top:0px; right:48px; width:24px; height:24px; overflow:hidden; padding-right:0px; z-index:11111;}
.trainingList-show img{float:right; margin-top:0px; width:24px; height:24px}
.trainingList-copy {position:absolute; top:0px; right:24px; width:24px; height:24px; overflow:hidden; padding-right:0px; z-index:111;}
.trainingList-copy img{float:right; margin-top:0px; width:24px; height:24px}
.trainingList-info {position:absolute; top:0px; right:0px; width:24px; height:30px; overflow:hidden; padding-right:0px; z-index:111;}
.trainingList-info img{float:right; margin-top:0px; width:24px; height:24px}

.trainingList-note1 {position:absolute; top:25px; left:0px; height:23px; overflow:hidden; margin-left:100px; margin-right:3px; z-index:111;}
.trainingList-note1 p{margin:5px; width:100%; height:19px; font-size:14px; line-height:19px;}
.trainingList-note2 {position:absolute; top:49px; left:0px; height:23px; overflow: hidden; margin-left:100px; margin-right:3px; z-index:111;}
.trainingList-note2 p{margin:5px; width:100%; height:19px; font-size:14px; line-height:19px;}
.trainingList-note3 {position:absolute; top:73px; left:0px; height:23px; overflow: hidden; margin-left:100px; margin-right:3px; z-index:111;}
.trainingList-note3 p{margin:5px; width:100%; height:19px; font-size:14px; line-height:19px;}



.trainingLine{position:relative; width:100%; height:34px; margin-left:0px; margin-right:0px; border-bottom:1px solid #e5e5e5;white-space:nowrap}
.trainingLine-t{display:block; position:absolute; bottom:2px; left:0px; width:65%; height:24px; overflow:visible; font-size:20px; font-weight:bold;cursor:pointer;}
.trainingLine-t img{margin-top:-7px; width:20px; height:20px;cursor:pointer;}
.trainingLine-d{display:block; position:absolute; bottom:0px; right:2px; width:35%; height:24px; font-size:20px; text-align:right; overflow:show;cursor:pointer;}

.trainingLine-m{display:block; position:absolute; bottom:0px; left:1px;  width:60%; height:24px; font-size:16px; text-align:left;  overflow:display;}
.trainingLine-z{display:block; position:absolute; bottom:0px; right:2px; width:40%; height:24px; font-size:16px; text-align:right; overflow:display;}
.trainingLine-z select {direction: rtl;}
.trainingLine-z select option {direction: rtl;}
.trainingLine-q{z-index:1000;display:block; position:absolute; bottom:0px; left:2px; width:82%; height:24px; font-size:16px;overflow:hidden;}
.trainingLine-a{z-index:1001;display:block; position:absolute; bottom:0px; left:44%; width:42%; height:24px; font-size:16px; font-style:normal;overflow:hidden;padding-left:3%;}

.trainingLine-count-s{z-index:1002; display:block; position:absolute; bottom:0px; left:43%; width:20%; height:24px; font-size:16px; font-style:normal;overflow:show;background-color:#f1f1f1}
.trainingLine-count{z-index:1003; display:block; position:absolute; bottom:0px; left:65%; width:20%; height:24px; font-size:16px; font-style:normal;overflow:show;background-color:#f1f1f1}

.trainingLine-info{z-index:1002;display:block; position:absolute; bottom:1px; right:0px; width:24px; height:24px;background-color:#f1f1f1}
.trainingLine-info img{float:right; margin-top:-2px; width:24px; height:24px}
.trainingLine-move{z-index:1002;display:block; position:absolute; bottom:1px; right:24px; width:24px; height:24px;background-color:#f1f1f1}
.trainingLine-move img{float:right; margin-top:-2px; width:24px; height:24px}
.trainingLine-delete{z-index:1002;display:block; position:absolute; bottom:1px; right:48px; width:24px; height:24px;background-color:#f1f1f1}
.trainingLine-delete img{float:right; margin-top:-2px; width:24px; height:24px}
.trainingLine-top{z-index:1002;display:block; position:absolute; bottom:1px; right:0px; width:24px; height:24px;background-color:#f1f1f1}
.trainingLine-top img{float:right; margin-top:0px; width:24px; height:24px}
.trainingLine-invite{z-index:1002;display:block; position:absolute; bottom:1px; right:26px; width:24px; height:24px;background-color:#f1f1f1}
.trainingLine-invite img{float:right; margin-top:0px; width:24px; height:24px}
.trainingLine-return{z-index:1002;display:block; position:absolute; bottom:1px; right:25px; width:24px; height:24px;background-color:#f1f1f1}
.trainingLine-return img{float:right; margin-top:0px; width:24px; height:24px}

.trainingLine-text-last{border:none;}
/*训练相关结束*/








/*弹出窗口格式*/
.popWindow{margin:0;min-width:300px; background: #fff; }
.popFrame {margin:0;min-width:300px; background: #fff; }
.baiduFrame {margin:0;min-width:300px; background: #fff; }
.diaryFrame {margin:0;min-width:300px; background: #fff; }
.inviteFrame {margin:0;min-width:300px; background: #fff; }
.aiFrame {margin:0;min-width:300px; background: #fff; }
.tuxFrame {margin:0;min-width:300px; background: #fff; }
.tux1024Frame {margin:0;min-width:300px; background: #fff; }
.cardFrame {margin:0;min-width:300px; background: #fff; }
.articleFrame {margin:0;min-width:300px; background: #fff; }
.trainingFrame {margin:0;min-width:300px; background: #fff; }

#wx_confirm_inner_qrcode {
  position: relative;
  border-radius: 6px;
  padding: 0;
  overflow: hidden;
}
#wx_confirm_inner_ciyi {
  position: relative;
  border-radius: 6px;
  padding: 0;
  overflow: hidden;
}
#wx_confirm_inner_ciyu {
  position: relative;
  border-radius: 6px;
  padding: 0;
  overflow: hidden;
}
#wx_confirm_inner_renwu {
  position: relative;
  border-radius: 6px;
  padding: 0;
  overflow: hidden;
}
#wx_confirm_inner_tux {
  position: relative;
  border-radius: 6px;
  padding: 0;
  overflow: hidden;
}
#wx_confirm_inner_peg {
  position: relative;
  border-radius: 6px;
  padding: 0;
  overflow: hidden;
}
#wx_confirm_inner_loci {
  position: relative;
  border-radius: 6px;
  padding: 0;
  overflow: hidden;
}
#wx_confirm_inner_manage {
  position: relative;
  border-radius: 6px;
  padding: 0;
  overflow: hidden;
}
#wx_confirm_inner_card {
  position: relative;
  border-radius: 6px;
  padding: 0;
  overflow: hidden;
}
#wx_confirm_inner_training {
  position: relative;
  border-radius: 6px;
  padding: 0;
  overflow: hidden;
}
#wx_confirm_inner_text {
  position: relative;
  border-radius: 6px;
  padding: 0;
  overflow: hidden;
}
#wx_confirm_inner_popframe {
  position: relative;
  border-radius: 4px;
  padding: 0;
  overflow: hidden;
}
#wx_confirm_inner_baiduframe {
  position: relative;
  border-radius: 4px;
  padding: 0;
  overflow: hidden;
}
#wx_confirm_inner_diaryframe {
  position: relative;
  border-radius: 4px;
  padding: 0;
  overflow: hidden;
}
#wx_confirm_inner_inviteframe {
  position: relative;
  border-radius: 4px;
  padding: 0;
  overflow: hidden;
}
#wx_confirm_inner_aiframe {
  position: relative;
  border-radius: 4px;
  padding: 0;
  overflow: hidden;
}
#wx_confirm_inner_tuxframe {
  position: relative;
  border-radius: 4px;
  padding: 0;
  overflow: hidden;
}
#wx_confirm_inner_tux1024frame {
  position: relative;
  border-radius: 4px;
  padding: 0;
  overflow: hidden;
}
#wx_confirm_inner_articleframe {
  position: relative;
  border-radius: 4px;
  padding: 0;
  overflow: hidden;
}
#wx_confirm_inner_cardframe {
  position: relative;
  border-radius: 4px;
  padding: 0;
  overflow: hidden;
}
#wx_confirm_inner_trainingframe {
  position: relative;
  border-radius: 4px;
  padding: 0;
  overflow: hidden;
}
#wx_confirm_inner_explain {
  position: relative;
  border-radius: 6px;
  padding: 0;
  overflow: hidden;
}
#wx_confirm_inner_audiotimer {
  position: relative;
  border-radius: 6px;
  padding: 0;
  overflow: hidden;
}

.audiotimer_option {
	position:relative;
	width:95%;
	padding:5px;
	font-size:16px;
	
	}

.audiotimer_time {
	position:absolute;
	font-size:14px;
	right:40px;
	bottom:6px;
	}

.audiotimer_radio {
	position:absolute;
	right:10px;
	bottom:10px;
	}

#wx_confirm_inner_record {
  position: relative;
  border-radius: 0px;
	border-top:1px solid rgb(228,228,228);
  padding: 0;
  overflow: hidden;
}


#wx_confirm_tip{background:#000;opacity:0.9;padding:4% 6%;margin:auto 2%;border-radius:6px;-webkit-animation:an_wx_confirm_tip .25s ease-in; }

#wx_confirm_tip .wx_confirm_tit {line-height:30px;font-size:16px;color:#FFFFFF; border-bottom:0px solid rgb(228,228,228)}

@media screen and (max-width:320px) {
	#wx_confirm_tip .wx_confirm_tit {line-height:30px;font-size:15px;color:#FFFFFF; border-bottom:0px solid rgb(228,228,228)}
}

.wx_mask		{background-color:rgba(0,0,0,0.8);position:fixed;top:0;left:0;right:0;bottom:0;z-index:2222;-webkit-animation:an_wx_mask .25s ease-in}
.wx_mask_popframe		{background-color:rgba(0,0,0,0.8);position:fixed;top:0;left:0;right:0;bottom:0;z-index:2222;}
.wx_mask_baiduframe		{background-color:rgba(0,0,0,0.8);position:fixed;top:0;left:0;right:0;bottom:0;z-index:2222;}
.wx_mask_diaryframe		{background-color:rgba(0,0,0,0.8);position:fixed;top:0;left:0;right:0;bottom:0;z-index:2222;}
.wx_mask_inviteframe		{background-color:rgba(0,0,0,0.8);position:fixed;top:0;left:0;right:0;bottom:0;z-index:2222;}
.wx_mask_aiframe		{background-color:rgba(0,0,0,0.8);position:fixed;top:0;left:0;right:0;bottom:0;z-index:2222;}
.wx_mask_tuxframe		{background-color:rgba(0,0,0,0.8);position:fixed;top:0;left:0;right:0;bottom:0;z-index:2222;}
.wx_mask_tux1024frame		{background-color:rgba(0,0,0,0.8);position:fixed;top:0;left:0;right:0;bottom:0;z-index:2222;}
.wx_mask_articleframe		{background-color:rgba(0,0,0,0.8);position:fixed;top:0;left:0;right:0;bottom:0;z-index:2222;}
.wx_mask_cardframe		{background-color:rgba(0,0,0,0.8);position:fixed;top:0;left:0;right:0;bottom:0;z-index:2222;}
.wx_mask_trainingframe		{background-color:rgba(0,0,0,0.8);position:fixed;top:0;left:0;right:0;bottom:0;z-index:2222;}
.wx_confirm	{position:fixed;left:0;right:0;top:18%;width:80%;margin:auto;z-index:12000;}
.wx_confirm_record	{position:fixed;left:0;right:0;bottom:0;width:100%;margin:auto;z-index:12000;}
.wx_confirm_inner				{width:100%;margin:auto;background-color:#fff;color:#000; -webkit-animation:an_wx_confirm .25s ease-in;}
.wx_confirm_inner_record			{width:100%;margin:auto;background-color:#fff;color:#000;}
.wx_confirm_inner_popframe-old	{width:100%;margin:auto;background-color:#fff;color:#000; -webkit-animation:an_wx_confirm_popframe .25s ease-in;}
.wx_confirm_inner_popframe	{width:100%;margin:auto;background-color:#fff;color:#000;}
.wx_confirm_inner_baiduframe	{width:100%;margin:auto;background-color:#fff;color:#000;}
.wx_confirm_inner_diaryframe	{width:100%;margin:auto;background-color:#fff;color:#000;}
.wx_confirm_inner_inviteframe	{width:100%;margin:auto;background-color:#fff;color:#000;}
.wx_confirm_inner_aiframe	{width:100%;margin:auto;background-color:#fff;color:#000;}
.wx_confirm_inner_tuxframe	{width:100%;margin:auto;background-color:#fff;color:#000;}
.wx_confirm_inner_tux1024frame	{width:100%;margin:auto;background-color:#fff;color:#000;}
.wx_confirm_inner_articleframe	{width:100%;margin:auto;background-color:#fff;color:#000;}
.wx_confirm_inner_cardframe	  {width:100%;margin:auto;background-color:#fff;color:#000;}
.wx_confirm_inner_trainingframe	  {width:100%;margin:auto;background-color:#fff;color:#000;}
.wx_confirm_hd		{position:relative; border:0;text-align:center;margin-bottom:0;padding-top:0px;}
.wx_confirm_tit		{position:relative;line-height:35px;font-size:16px;color:#333333; border-bottom:1px solid rgb(228,228,228);}
.wx_confirm_tit_noborder		{line-height:35px;font-size:16px;color:#333333; border-bottom:0px solid rgb(228,228,228)}
.wx_confirm_cont	{text-align:left; padding:2px 3px 5px 3px;color:#666;}
.wx_confirm_foot		{position:relative;line-height:35px;font-size:16px;color:#333333; border-bottom:0px solid rgb(228,228,228);}



/*以下是卡牌图片按钮 */
.wx_confirm_pic {
	z-index:14000;position:absolute;right:15px;top:40px;display:none;cursor:pointer;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
	background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	background-color:#f9f9f9;
	-webkit-border-top-left-radius:42px;
	-moz-border-radius-topleft:42px;
	border-top-left-radius:42px;
	-webkit-border-top-right-radius:42px;
	-moz-border-radius-topright:42px;
	border-top-right-radius:42px;
	-webkit-border-bottom-right-radius:42px;
	-moz-border-radius-bottomright:42px;
	border-bottom-right-radius:42px;
	-webkit-border-bottom-left-radius:42px;
	-moz-border-radius-bottomleft:42px;
	border-bottom-left-radius:42px;
	text-indent:0;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#666666;
	font-family:Arial;
	font-size:13px;
	font-weight:normal;
	font-style:normal;
	height:35px;
	line-height:37px;
	width:35px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
}
.wx_confirm_pic:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) );
	background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
	background-color:#e9e9e9;
}
@media screen and (min-width:640px){
.wx_confirm_pic{
	right:15px;
	font-size:14px;
	font-weight:normal;
	font-style:normal;
	height:50px;
	line-height:50px;
	width:50px;


	}
}

/*以下是卡牌录音按钮 */
.wx_confirm_rec {
	z-index:14000;position:absolute;right:60px;top:40px;display:none;cursor:pointer;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
	background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	background-color:#f9f9f9;
	-webkit-border-top-left-radius:42px;
	-moz-border-radius-topleft:42px;
	border-top-left-radius:42px;
	-webkit-border-top-right-radius:42px;
	-moz-border-radius-topright:42px;
	border-top-right-radius:42px;
	-webkit-border-bottom-right-radius:42px;
	-moz-border-radius-bottomright:42px;
	border-bottom-right-radius:42px;
	-webkit-border-bottom-left-radius:42px;
	-moz-border-radius-bottomleft:42px;
	border-bottom-left-radius:42px;
	text-indent:0;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#666666;
	font-family:Arial;
	font-size:13px;
	font-weight:normal;
	font-style:normal;
	height:35px;
	line-height:37px;
	width:35px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
}
.wx_confirm_rec:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) );
	background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
	background-color:#e9e9e9;
}
@media screen and (min-width:640px){
.wx_confirm_rec{
	right:60px;
	font-size:14px;
	font-weight:normal;
	font-style:normal;
	height:50px;
	line-height:50px;
	width:50px;


	}
}

/*以下是卡牌拼音转换按钮 */
.wx_confirm_addpinyin {
	z-index:14000;position:absolute;display:;cursor:pointer;
	border:1px solid #999;
	border-radius:5px;
	width:50px;
	height:20px;
	color:#999;
	right:18px;
	top:50px;
	}

.wx_confirm_removepinyin {
	z-index:14000;position:absolute;display:;cursor:pointer;
	border:1px solid #999;
	border-radius:5px;
	width:50px;
	height:20px;
	color:#999;
	right:18px;
	top:80px;
	text-decoration: line-through;
	}

.wx_confirm_dotA {
	z-index:14000;position:absolute;display:;cursor:pointer;
	border:1px solid #999;
	border-radius:5px;
	width:50px;
	height:20px;
	color:#666;
	right:18px;
	top:110px;
	}

.wx_confirm_dotB {
	z-index:14000;position:absolute;display:;cursor:pointer;
	border:1px solid #999;
	border-radius:5px;
	width:50px;
	height:20px;
	color:#666;
	right:18px;
	top:140px;
	}

.wx_confirm_li {
	z-index:14000;position:absolute;display:;cursor:pointer;
	border:1px solid #999;
	border-radius:5px;
	width:50px;
	height:20px;
	color:#666;
	right:18px;
	top:170px;
	}

.wx_confirm_zhushi {
	z-index:14000;position:absolute;display:;cursor:pointer;
	border:1px solid #999;
	border-radius:5px;
	width:50px;
	height:20px;
	color:#666;
	right:18px;
	top:200px;
	}

.wx_confirm_yiwen {
	z-index:14000;position:absolute;display:;cursor:pointer;
	border:1px solid #999;
	border-radius:5px;
	width:50px;
	height:20px;
	color:#666;
	right:18px;
	top:230px;
	}

.wx_confirm_zhushiyiwen {
	z-index:14000;position:absolute;display:;cursor:pointer;
	border:1px solid #999;
	border-radius:5px;
	width:50px;
	height:20px;
	color:#666;
	right:18px;
	top:260px;
	}


.wx_confirm_contentformat {
	z-index:14000;position:absolute;display:;cursor:pointer;
	border:1px solid #999;
	border-radius:5px;
	width:50px;
	height:20px;
	color:#666;
	right:18px;
	top:290px;
	}







/*以下是录音开始按钮 */
.rec_start {
	z-index:14000;cursor:pointer;
	background-color:#5693FE;
	border:1px solid #5693FE;
	border-radius:50%;
	display:inline-block;
	color:#666666;
	font-family:Arial;
	font-size:13px;
	font-weight:normal;
	font-style:normal;
	height:40px;
	line-height:40px;
	width:40px;
	text-decoration:none;
	text-align:center;
}
.rec_start img{
	width:50%;
	padding-left:0px;
	}
.rec_start:hover {
	background-color:#5693FE;
}
@media screen and (min-width:640px){
.rec_start{
	font-size:14px;
	font-weight:normal;
	font-style:normal;
	height:50px;
	line-height:50px;
	width:50px;
	text-align:center;
	}
}

.rec_stop {
	z-index:14000;cursor:pointer;
	background-color:#5693FE;
	border:1px solid #5693FE;
	border-radius:50%;
	display:inline-block;
	color:#666666;
	font-family:Arial;
	font-size:13px;
	font-weight:normal;
	font-style:normal;
	height:40px;
	line-height:40px;
	width:40px;
	text-decoration:none;
	text-align:center;
}
.rec_stop img{
	width:60%;
	padding-left:0px;
	}
.rec_stop:hover {
	background-color:#5693FE;
}
@media screen and (min-width:640px){
.rec_stop{
	font-size:14px;
	font-weight:normal;
	font-style:normal;
	height:50px;
	line-height:50px;
	width:50px;
	text-align:center;
	}
}



@-webkit-keyframes an_wx_mask{0%{opacity:.8;}100%{opacity:1;}}
@-webkit-keyframes an_wx_confirm{0%{-webkit-transform:scale(0.90);}100%{-webkit-transform:scale(1);}}
@-webkit-keyframes an_wx_confirm_popframe{0%{-webkit-transform:scale(1.01);}100%{-webkit-transform:scale(1);}}
@-webkit-keyframes an_wx_confirm_baiduframe{0%{-webkit-transform:scale(1.01);}100%{-webkit-transform:scale(1);}}
@-webkit-keyframes an_wx_confirm_diaryframe{0%{-webkit-transform:scale(1.01);}100%{-webkit-transform:scale(1);}}
@-webkit-keyframes an_wx_confirm_inviteframe{0%{-webkit-transform:scale(1.01);}100%{-webkit-transform:scale(1);}}
@-webkit-keyframes an_wx_confirm_aiframe{0%{-webkit-transform:scale(1.01);}100%{-webkit-transform:scale(1);}}
@-webkit-keyframes an_wx_confirm_tuxframe{0%{-webkit-transform:scale(1.01);}100%{-webkit-transform:scale(1);}}
@-webkit-keyframes an_wx_confirm_tux1024frame{0%{-webkit-transform:scale(1.01);}100%{-webkit-transform:scale(1);}}
@-webkit-keyframes an_wx_confirm_articleframe{0%{-webkit-transform:scale(1.01);}100%{-webkit-transform:scale(1);}}
@-webkit-keyframes an_wx_confirm_cardframe {0%{-webkit-transform:scale(1.01);}100%{-webkit-transform:scale(1);}}
@-webkit-keyframes an_wx_confirm_trainingframe {0%{-webkit-transform:scale(1.01);}100%{-webkit-transform:scale(1);}}
@-webkit-keyframes an_wx_confirm_tip{0%{-webkit-transform:scale(1.1);}100%{-webkit-transform:scale(1);}}




.window_bottom {
	z-index:1111111111111111111111;
  border-top: 1px solid rgb(228,228,228);
}
.window_icon {
  line-height: 35px;
  text-align: center;
  width: 49%;
  float: left;
  display: block;
  color: #1aa4f2;
}
.window_icon_big {
  line-height: 35px;
  text-align: center;
  width: 100%;
  float: left;
  display: block;
  color: #1aa4f2;
	cursor:pointer;
}
.window_icon.cancel {
  border-right: 1px solid rgb(228,228,228);
  float: left;
  color: #1aa4f2;
	cursor:pointer;
}

.ciyu_input {
  width: 80%;
  line-height: 20px;
  text-indent: 0px;
  font-size: 16px;
  text-align:left;
  border: 0px solid #000000;
  margin-bottom: 2px;
  color: #333333;
  padding: 2px;
  appearance: ;
  -webkit-appearance: ;
  -moz-appearance: ;
}

.renwu_input {
  width: 99%;
  line-height: 20px;
  text-indent: 0px;
  font-size: 16px;
  text-align:left;
  border: 0px solid #000000;
  margin-bottom: 2px;
  color: #333333;
  padding: 2px;
  appearance: ;
  -webkit-appearance: ;
  -moz-appearance: ;
}



.tux_input {
  width: 99%;
  line-height: 20px;
  text-indent: 0px;
  font-size: 16px;
  text-align:left;
  border: 0px solid #000000;
  margin-bottom: 2px;
  color: #333333;
  padding: 2px;
  appearance: ;
  -webkit-appearance: ;
  -moz-appearance: ;
}

.peg_input {
  width: 99%;
  line-height: 20px;
  text-indent: 0px;
  font-size: 16px;
  text-align:left;
  border: 0px solid #000000;
  margin-bottom: 2px;
  color: #333333;
  padding: 2px;
  appearance: ;
  -webkit-appearance: ;
  -moz-appearance: ;
}
.loci_input {
  width: 99%;
  line-height: 20px;
  text-indent: 0px;
  font-size: 16px;
  text-align:left;
  border: 0px solid #000000;
  margin-bottom: 2px;
  color: #333333;
  padding: 2px;
  appearance: ;
  -webkit-appearance: ;
  -moz-appearance: ;
}
.manage_input {
  width: 99%;
  line-height: 20px;
  text-indent: 0px;
  font-size: 16px;
  text-align:left;
  border: 0px solid #000000;
  margin-bottom: 2px;
  color: #333333;
  padding: 2px;
  appearance: ;
  -webkit-appearance: ;
  -moz-appearance: ;
}

.card_input {
  width: 99%;
  line-height: 20px;
  text-indent: 0px;
  font-size: 16px;
  text-align:left;
  border: 0px solid #000000;
  margin-bottom: 2px;
  color: #333333;
  padding: 2px;
  appearance: ;
  -webkit-appearance: ;
  -moz-appearance: ;
}
.training_input {
  width: 99%;
  line-height: 20px;
  text-indent: 0px;
  font-size: 16px;
  text-align:left;
  border: 0px solid #000000;
  margin-bottom: 2px;
  color: #333333;
  padding: 2px;
  appearance: ;
  -webkit-appearance: ;
  -moz-appearance: ;
}
.text_input {
  width: 99%;
  line-height: 20px;
  text-indent: 0px;
  font-size: 16px;
  text-align:left;
  border: 0px solid #000000;
  margin-bottom: 2px;
  color: #333333;
  padding: 2px;
  appearance: ;
  -webkit-appearance: ;
  -moz-appearance: ;
}
.login_input {
  width: 99%;
  line-height: 20px;
  text-indent: 0px;
  font-size: 16px;
  text-align:left;
  border: 0px solid #000000;
  margin-bottom: 2px;
  color: #333333;
  padding: 2px;
  appearance: ;
  -webkit-appearance: ;
  -moz-appearance: ;
}
.ciyu_textarea,.manage_textarea,.card_textarea,.training_textarea,.renwu_textarea,.tux_textarea,.text_textarea {
  width: 100%;
  line-height: 18px;
  text-indent: 0px;
  font-size: 16px;
  text-align:left;
  border: 0px solid #000000;
  overflow:hidden;
  color: #333333;
  margin-top: 4px;
  margin-left: 2px;
  appearance: ;
  -webkit-appearance: ;
  -moz-appearance: ;
}


/*学分动画开始*/
.jifen_box {
  position: fixed;
  top: 36%;
  z-index: 111;
  margin: 0 auto;
  width: 120px;
  height: 120px;
  left: 0;
  right: 0;
}
.jifen_box .jifen {
  
  height: 120px;
  width: 120px;
  text-align: center;
  background: #ff9900;
  
  border-radius: 100%; 
  
}

.jifen_box span.jifen_text {
  
  display: block;
  margin: -4px auto;
  font-size: 40px;
	line-height:40px;
  text-align: center;
  color: #fff;
  opacity: 0;
  letter-spacing: 1px;
  
  -webkit-animation-delay: 0.8s;
}
.jifen_box span.jifen_text em {
  font-size: 30px;
	line-height:30px;
  position: absolute;
  left: 16px;
  top: 22px;

}
.jifen_box span.jifen_text p {
  font-size: 14px;
	line-height:14px;
  /*padding-top:6px;*/
  margin-left: 0;
}
.jifen_box span.jifen_text p img {
  height: 20px;
  margin-top: -8px;
}
/*学分动画结束*/

/*我的学分开始*/


.jifen_list ul  {
  margin: 0 15px;
}
.jifen_list ul li:nth-last-child(2) div {
  display: none;
}
.jifen_list .jifen_title,.jifen_list .jifen_title2{
  position: relative;

}
.jifen_list .feature_block .jifen_add {
  position: absolute;
  right: 34px;
  text-align: right;
  top: 16px;
}
.jifen_list .feature_block .chongzhi_yue {
  right: 15px;
} 
.jifen_list .feature_block .jifen_add .time {
  color: #c1c1c1;
  font-size: 12px;
	line-height:12px;
  padding-top: 4px;
}
.jifen_list ul li {
  color: #b1b1b1;
  line-height: 50px;
  font-size: 0.9em;
  text-indent: 10px;
  position: relative;
}
.jifen_title {
  padding: 20px 20px 20px 15px;
  color: #8a8a8a;
}
.jifen_add {
  color: #ff9901;
  position: absolute;
  right: 20px;
  top: 0px;
}
.jifen_info {
  color: #c1c1c1;
  position: absolute;
  left: 0px;
  top: 13px;
  font-size: 0.8em;
}
.jifen_title2 {
  padding: 10px 10px 10px 15px;
  color: #8a8a8a;
}
.jifen_title em {
  position: absolute;
  right: 15px;
  top: 24px;
  border-right: 2px solid #c1c1c1;
  border-bottom: 2px solid #c1c1c1;
  float: left;
  width: 6px;
  height: 6px;
}
.jifen_title em.toggle_down {
  
  transform:rotate(225deg);
  -webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
}
.jifen_title em.toggle_up {

  transform:rotate(45deg);
  -webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}


.jifen_mingxi {
  position: relative;
  
  padding: 20px 0 5px 0;
}
.jifen_mingxi span {
  background: #fff;
  position: absolute;
  left: 0;
  right: 0;
  width: 80px;
  text-align: center;
  color: #c1c1c1;
  margin: 0 auto;
  top: 12px;
  font-size: 14px;
	line-height:14px;
}


ul.ruler_list {
  margin: 0 15px 0 20px;
}
ul.ruler_list li {
  padding: 10px 0;
  line-height: 30px;
  color: #8a8a8a;
  font-size: 1em;
}
p.title_ruler{
  color: #ff9901;
}
ul.ruler_list li em {
  background: #ff9901;
  border-radius: 100%;
  width: 16px;
  line-height: 16px;
  color: #fff;
  font-size: 12px;
  text-align: center;
  height: 16px;
  display: block;
  float: left;
  margin-top: 6px;
  margin-right: 10px;
}



/*认证说明开始*/
ul.verify_list {
  margin: 0 15px 0 20px;
}
ul.verify_list li {
  padding: 10px 0;
  line-height: 30px;
  color: #8a8a8a;
  font-size: 1em;
}
p.title_verify{
  color: #ff9901;
}
ul.verify_list li em {
  background: #ff9901;
  border-radius: 100%;
  width: 16px;
  line-height: 16px;
  color: #fff;
  font-size: 12px;
  text-align: center;
  height: 16px;
  display: block;
  float: left;
  margin-top: 6px;
  margin-right: 10px;
}
ul.verify_list li ems {
  background: #B2B2B2;
  border-radius: 100%;
  width: 16px;
  line-height: 16px;
  color: #fff;
  font-size: 12px;
  text-align: center;
  height: 16px;
  display: block;
  float: left;
  margin-top: 6px;
  margin-right: 10px;
}
/*认证说明结束*/


.space-split {
  height: 5px;
  background: #f0f0f0;
  position: absolute;
  left: 0;
  width: 100%;
}
/**/
.detail_prompt {
  text-align: center;
  color: #8a8a8a;
  font-size: 0.8rem;
  margin-top: 8px;
}



/*历史记录*/
.history_list ul  {
  margin: 0 15px;
}

.history_list .history_title{
  position: relative;

}
.history_list .feature_block .history_timelong {
  position: absolute;
  right: 34px;
  font-size: 14px;
  line-height:14px;
  text-align: right;
  top: 16px;
}
.history_list .feature_block .history_count {
  position: absolute;
  left: 16px;
  color:#333333;
  font-size: 12px;
  line-height:12px;
  text-align: left;
  top: 35px;
}
.history_list .feature_block .history_count_new {
  position: absolute;
  left: 46px;
  color:blue;
  font-size: 12px;
  line-height:12px;
  text-align: left;
  top: 35px;
}
.history_list .feature_block .history_count_time {
  position: absolute;
  left: 76px;
  color:red;
  font-size: 12px;
  line-height:12px;
  text-align: left;
  top: 35px;
}
.history_list .feature_block .history_count_wrong {
  position: absolute;
  left: 76px;
  color:red;
  font-size: 12px;
  line-height:12px;
  text-align: left;
  top: 35px;
}

.history_list .feature_block .history_timelong .history_time {
  color: #999999;
  font-size: 12px;
  line-height:12px;
  padding-top: 4px;
}
.history_list ul li {
  color: #999999;
  line-height: 42px;
  font-size: 0.9em;
  text-indent: 10px;
  position: relative;
}
.history_title {
  padding: 12px 20px 25px 15px;
  color: #666666;
  font-size: 16px;
  line-height:16px;
}
.history_timelong {
  color: #ff9901;
  position: absolute;
  right: 20px;
  top: 0px;
}
.history_title em {
  position: absolute;
  right: 15px;
  top: 24px;
  border-right: 2px solid #999999;
  border-bottom: 2px solid #999999;
  float: left;
  width: 6px;
  height: 6px;
}
.history_title em.toggle_down {
  transform:rotate(225deg);
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
}
.history_title em.toggle_up {
  transform:rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}

/*历史记录结束*/




/*我的卡片记忆记录*/
.card_list ul  {
  margin: 0 15px;
}

.card_list .card_title{
  position: relative;

}
.card_list .feature_block .card_timelong {
  position: absolute;
  right: 34px;
  font-size: 14px;
	line-height:14px;
  text-align: right;
  top: 16px;
}
.card_list .feature_block .card_count {
  position: absolute;
  left: 16px;
  color:#333333;
  font-size: 12px;
	line-height:12px;
  text-align: left;
  top: 35px;
}
.card_list .feature_block .card_count_new {
  position: absolute;
  left: 46px;
  color:blue;
  font-size: 12px;
	line-height:12px;
  text-align: left;
  top: 35px;
}
.card_list .feature_block .card_count_time {
  position: absolute;
  left: 76px;
  color:red;
  font-size: 12px;
	line-height:12px;
  text-align: left;
  top: 35px;
}

.card_list .feature_block .card_timelong .card_time {
  color: #999999;
  font-size: 12px;
	line-height:12px;
  padding-top: 4px;
}
.card_list ul li {
  color: #999999;
  line-height: 42px;
  font-size: 0.9em;
  text-indent: 10px;
  position: relative;
}
.card_title {
  padding: 12px 20px 25px 15px;
  color: #666666;
  font-size: 16px;
	line-height:16px;
}
.card_timelong {
  color: #ff9901;
  position: absolute;
  right: 20px;
  top: 0px;
}
.card_title em {
  position: absolute;
  right: 15px;
  top: 24px;
  border-right: 2px solid #999999;
  border-bottom: 2px solid #999999;
  float: left;
  width: 6px;
  height: 6px;
}
.card_title em.toggle_down {
  
  transform:rotate(225deg);
  -webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
}
.card_title em.toggle_up {

  transform:rotate(45deg);
  -webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

/*我的卡片记忆记录结束*/





/*我的训练记录*/
.training_list ul  {
  margin: 0 15px;
}

.training_list .training_title{
  position: relative;

}
.training_list .feature_block .training_timelong {
  position: absolute;
  right: 34px;
  font-size: 14px;
	line-height:14px;
  text-align: right;
  top: 16px;
}
.training_list .feature_block .training_count {
  position: absolute;
  left: 16px;
  color:#333333;
  font-size: 12px;
	line-height:12px;
  text-align: left;
  top: 35px;
}
.training_list .feature_block .training_count_new {
  position: absolute;
  left: 46px;
  color:blue;
  font-size: 12px;
	line-height:12px;
  text-align: left;
  top: 35px;
}
.training_list .feature_block .training_count_wrong {
  position: absolute;
  left: 76px;
  color:red;
  font-size: 12px;
	line-height:12px;
  text-align: left;
  top: 35px;
}

.training_list .feature_block .training_timelong .training_time {
  color: #999999;
  font-size: 12px;
	line-height:12px;
  padding-top: 4px;
}
.training_list ul li {
  color: #999999;
  line-height: 42px;
  font-size: 0.9em;
  text-indent: 10px;
  position: relative;
}
.training_title {
  padding: 12px 20px 25px 15px;
  color: #666666;
  font-size: 16px;
	line-height:16px;
}
.training_timelong {
  color: #ff9901;
  position: absolute;
  right: 20px;
  top: 0px;
}
.training_title em {
  position: absolute;
  right: 15px;
  top: 24px;
  border-right: 2px solid #999999;
  border-bottom: 2px solid #999999;
  float: left;
  width: 6px;
  height: 6px;
}
.training_title em.toggle_down {
  
  transform:rotate(225deg);
  -webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
}
.training_title em.toggle_up {

  transform:rotate(45deg);
  -webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

/*我的训练记录结束*/






.main-nav  {
  position: relative;
  width: 100%;
  height: 30px;
  padding: 16px 0 14px 0;
  font-size: 0.9em;
	border:0px solid #eee;
}

.subnav-1 {
  position: absolute;
  left:0;
  top:0;
  -webkit-box-flex: 1;
  width: 25%;
  height: 40px;
  margin: 12px 0 13px 0;
	border-right:1px solid #eee;
}
.subnav-2 {
  position: absolute;
  left:25%;
  top:0;
  -webkit-box-flex: 1;
  width: 25%;
  height: 40px;
  margin: 12px 0 13px 0;
	border-right:1px solid #eee;
}
.subnav-3 {
  position: absolute;
  left:50%;
  top:0;
  -webkit-box-flex: 1;
  width: 25%;
  height: 40px;
  margin: 12px 0 13px 0;
	border-right:1px solid #eee;
}
.subnav-4 {
  position: absolute;
  left:75%;
  top:0;
  -webkit-box-flex: 1;
  width: 25%;
  height: 40px;
  margin: 12px 0 13px 0;
	border-right:0px solid #eee;
}

.subnav-time {
  position: absolute;
  top: 0px;
  left: 0px;
  color: #ffb400;
  font-size: 1.2em;
  width: 100%;
  text-align:center;
  clear: both;
}
.subnav-type {
  position: absolute;
  bottom: 0px;
  left: 0px;
  color: #666666;
  font-size: 1.3em;
  width: 100%;
  text-align:center;
  clear: both;
}


.subnav-left {
  position: absolute;
  left:0;
  top:0;
  -webkit-box-flex: 1;
  width: 50%;
  height: 30px;
  margin: 16px 0 14px 0;
	border-right:1px solid #eee;
}
.subnav-right {
  position: absolute;
  right:0;
  top:0;
  -webkit-box-flex: 1;
  width: 49%;
  height: 30px;
  margin: 16px 0 14px 0;
}
.icon-block {
  position: absolute;
  top: 0px;
  left: 30px;
}


.icon-block img {
  height: 18px;
}

.yue_font {
  position: absolute;
  top: 20px;
  left: 53px;
  color: #ffb400;
  font-size: 1em;
  width: 90px;/*这个太长，会导致小屏幕手机有空边*/
  white-space:nowrap;
  overflow:show;
  clear: both;
}


.subnav-right .congzhi {
  position: absolute;
  top: 4px;
  left: 90px;
  width: 40px;
  height: 12px;
  border-radius: 0;
  background: #FFFFFF;
  color: #ffb400;
  font-size:14px;
  white-space:nowrap;
}


.subnav-left .hongdian {
  position: absolute;
  top: 4px;
  left: 80px;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background: #f74c31;
}

.user{ width:100%; height:100%; background-color:#fff;}
.user-text{ position:relative; width:100%; height:44px; margin-left:0; border-bottom:1px solid #e5e5e5;}
.user-text p{ margin-left:50px; padding-top:15px; font-size:18px; line-height:20px; color:#666666;}
.user-note{ display:block; position:absolute; bottom:12px; right:30px; width:190px; height:14px; text-align:right; font-size:14px; line-height:14px; color:#999999;}
.user-icon{ display:block; position:absolute; top:8px; left:15px; width:28px; height:28px;}
.user-arr-right{ display:block; position:absolute; bottom:14px; right:15px; width:8px; height:12px; background:url(../images/arr-right.png) no-repeat; background-size:8px 12px;}
.check-on{ display:block; position:absolute; top:0.25rem; right:0.35rem; width:0.85rem; height:0.58rem; background:url(../img/on.png) no-repeat; background-size:0.85rem 0.58rem;}
.check-off{ display:block; position:absolute; top:0.25rem; right:0.40rem; width:0.85rem; height:0.58rem; background:url(../img/off.png) no-repeat; background-size:0.85rem 0.58rem;}
.user-text-last{ border:none;}



/*充值*/
.table-price td:first-child {
  border-right:  1px solid #eee;
}

.charge_money {
  background: #fff;
  color: #1aa4f2;
  font-size: 1.1em;
  height: 3em;
  position: relative;
  text-align: left;
  overflow: hidden;
  padding:5px 0 5px 0;
}

.charge_money img {
  background: url(../images/icon_choose.png) no-repeat;
  position: absolute;
  right: 0;
  top: 0;
  height: 33px;
}
.charge_money span {
  /*width: 100%;*/
  margin-left: 8%;
  line-height: 1.0em;
}
.charge_money span1 {
  /*width: 100%;*/
  margin-left: 8%;
  color: #B2B2B2;
  font-size: 0.7em;
  line-height: 0.7em;
}

input.charge_money {
  border: 0;
  width: 70%;
  line-height: 28px;
  height: 28px;
  margin-left: 20%;
  text-align: left;
}


.charge-btn-xxxx {
  background: #1db7fe;
  color:#fff;
  border:0;
  border-radius:4px;
  font-size:18px;  
  width:94%;
  margin:20px 3% 20px 3%;
  display: block;
  height:40px;
  line-height:40px !important;
  text-align:center;
  border: 1px solid #1db7fe;
}


.charge-btn {
  color:#fff;
  border:0;
  font-size:1em;
  line-height:20px;
  padding:6px 3% 0px 3%;
  display: block;
  text-align:center;
  border: 0px solid #1db7fe;
}

.charge-btn span {
  font-size:1.3em;
  font-weight: bold;
}

.charge-btn img {
  border:0px solid #000000;
  width:30px;
  padding-top:5px;
}


/*开启牌组。在线课程*/
.card-table {
	margin-top:5px;
  color: #1874CD;
  font-size: 1.1em;
}
.card-table a{
  color: #1874CD;
}
.card-table select{
  color: #1874CD;
  background: transparent;
   -webkit-appearance: none; /*for chrome*/
}
.card-table option{
  color: #1874CD;
  background: transparent;
   -webkit-appearance: none; /*for chrome*/
}


.card-table td:first-child {
	white-space: nowrap;
  color: #666666;
	text-align:right;
	font-weight:bold;
}

.card-table-btn {
  background: #0099FF; /*#1874CD*/
  color:#fff;
  border:0;
  border-radius:5px;
  font-size:18px; 
  font-weight:normal;
  width:100%;
  margin:10px 0% 10px 0%;
  display: block;
  height:45px;
  line-height:2.55555556;
  text-align:center;
  border:1px solid rgba(0, 0, 0, 0.1);
  box-sizing:border-box;

  cursor: pointer;
  /*border: 1px solid #1db7fe;*/
}

.card-table-btn:not(.card-table-btn-disabled):active{
  color:rgba(255, 255, 255, 0.8);
  background-color:#0088FF;
  /*background-color:#179B16;*/
}


.card-table-btn-trial {
  background: #F5F5F5; /*#1874CD*/
  color:#0099FF;
  border:0;
  border-radius:5px;
  font-size:18px; 
  font-weight:normal;
  width:100%;
  margin:10px 0% 10px 0%;
  display: block;
  height:45px;
  line-height:2.55555556;
  text-align:center;
  border:1px solid rgba(0, 0, 0, 0.1);
  box-sizing:border-box;

  cursor: pointer;
  /*border: 1px solid #1db7fe;*/
}

.card-table-btn-trial:not(.card-table-btn-trial-disabled):active{
  color:333;
  background-color:#F1F1F1;
  /*background-color:#179B16;*/
}



/*记忆训练*/
.training-table {
	margin-top:5px;
  color: #1874CD;
  font-size: 1.1em;
}
.training-table a{
  color: #1874CD;
}
.training-table select{
  color:#1874CD;
  font-size: 1.0em;
  background: transparent;
   -webkit-appearance: none; /*for chrome*/
}
.training-table option{
  color:#1874CD;
  font-size: 1.0em;
  background: transparent;
   -webkit-appearance: none; /*for chrome*/
}

.training-table td:first-child {
	width:88px;
	white-space: nowrap;
  color: #666666;
	text-align:right;
	font-weight:bold;
}



.training-table-btn {
  background: #0088FF; /*#1874CD*/
  color:#fff;
  border:0;
  border-radius:5px;
  font-size:18px; 
  font-weight:normal;
  width:100%;
  margin:10px 0% 10px 0%;
  display: block;
  height:45px;
  line-height:2.55555556;
  text-align:center;
  border:1px solid rgba(0, 0, 0, 0.1);
  box-sizing:border-box;
  cursor: pointer;
  /*border: 1px solid #1db7fe;*/
}



.training-table-btn:disabled {
  background: #BBBBBB;
  color:#fff;
  border:0;
  border-radius:5px;
  font-size:18px; 
  font-weight:normal;
  width:100%;
  margin:10px 0% 10px 0%;
  display: block;
  height:45px;
  line-height:2.55555556;
  text-align:center;
  border:1px solid rgba(0, 0, 0, 0.1);
  box-sizing:border-box;
  cursor: pointer;
  /*border: 1px solid #1db7fe;*/
}


.training-table-btn-trial {
  background: #F5F5F5; /*#1874CD*/
  color:#0099FF;
  border:0;
  border-radius:5px;
  font-size:18px; 
  font-weight:normal;
  width:100%;
  margin:10px 0% 10px 0%;
  display: block;
  height:45px;
  line-height:2.55555556;
  text-align:center;
  border:1px solid rgba(0, 0, 0, 0.1);
  box-sizing:border-box;

  cursor: pointer;
  /*border: 1px solid #1db7fe;*/
}

.training-table-btn-trial:not(.training-table-btn-trial-disabled):active{
  color:333;
  background-color:#F1F1F1;
  /*background-color:#179B16;*/
}


/*以下是训练等级滑动选择条 */
#traininglevelselector{
			z-index:17001;
			margin: auto;
			position: absolute;
			bottom:5px;
			right:20px;
			width: 40px;
			height: 40px;/*因为旋转90度，此值应与按钮宽度相同*/
			overflow: show;
			border:solid 0px #000000;
	    color: #666666;
			border-radius: 0%;
			box-sizing: border-box;
			cursor: pointer;
		}

@media screen and (min-width:640px){
#traininglevelselector{
			z-index:17001;
			margin: auto;
			position: absolute;
			bottom:5px;
			right:20px;
			width: 40px;
			height: 40px;
			overflow: show;
			border:solid 0px #000000;
	    color: #666666;
			border-radius: 0%;
			box-sizing: border-box;
			cursor: pointer;
		}
}

#traininglevelselector{
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	}






.login-table td:first-child {
	white-space: nowrap;
  color: #333;
	text-align:right;
}





/*记忆币*/
.coin{ width:100%; margin:3% auto; overflow:hidden;}

.cointop {
  width: 100%;
  background-color:rgba(255,255,255,0.9);
  margin: 0;
  padding:5px 0px;
  border-radius: 0px 0px 0px 0px;
  box-shadow: 0px 0px 0px 1px #eee;
  overflow: hidden;
  opacity: 0.9;
  font-size:1.1em;
  text-align:center;
  color:#333;
}
.coindatas {
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
  width: 100%;
  background-color:rgba(255,255,255,0.9);
  margin-bottom: 5px;
  padding:10px 0px;
  border-radius: 0px 0px 0px 0px;
  box-shadow: 0px 0px 0px 1px #eee;
  overflow: hidden;
  opacity: 0.9;
}

.coindata {
  width: 30%;
  background: transparent;
  margin: 0;
  text-align:center;
}

.coindata span{
  text-align:center;
  font-weight:bold;
  font-size:1.8em
}