@charset "utf-8";
/*重置css--start*/
body,
ul,
li,
h1,
h2,
h3,
h4,
p,
section,
div,
header,
footer,
em,
i,
span {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  font-family: "微软雅黑", '宋体';
}
h1,
h2,
h3,
h4 {
  font-weight: normal;
}
i,
em {
  font-style: normal;
}
a {
  text-decoration: none;
}
img {
  vertical-align: middle;
}
ul {
  list-style: none;
}
button {
  outline: 0 none;
  border: none;
}
/*重置css--end*/
/*基础css--start*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,
img {
  border: 0;
}
img {
  vertical-align: top;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}
ol,
ul {
  list-style: none;
}
capation,
th {
  text-align: left;
}
q:before,
q:after {
  content: '';
}
abbr,
acronym {
  border: 0;
}
/* 图片自适应 */
img {
  max-width: 100%;
  height: auto;
  width: auto\9;
  /* ie8 */
  -ms-interpolation-mode: bicubic;
  /*为了照顾ie图片缩放失真*/
}
.bc {
  margin-left: auto;
  margin-right: auto;
}
/*块状元素集中对齐 block center*/
.fl {
  float: left;
  display: inline;
}
/* 可修复IE6中双倍边距bug */
.fr {
  float: right;
  display: inline;
}
.clearfix:after {
  content: '';
  display: block;
  /*只有块状元素才可以清除浮动造成的塌陷*/
  height: 0;
  visibility: hidden;
  clear: both;
}
.clearfix {
  zoom: 1;
}
/*基础css--end*/
/*px--rem*/
/* 设计稿的 1/10 */
.outwrapper {
  width: 100%;
  height: 5.66666667rem;
  background: url(img/下载页.png) no-repeat center 100%;
  background-size: 100% 100%;
  padding-top: 0.15625rem;
}
.container {
  width: 7.34375rem;
  height: 4.16666667rem;
  margin: 0rem auto;
  margin-top: 0.93229167rem;
}
h1 {
  width: 100%;
  height: 0.296875rem;
  font-size: 0.09375rem;
  color: white;
  line-height: 0.296875rem;
  text-align: right;
  padding-right: 0.3125rem;
}
.header {
  font-size: 0.3125rem;
  color: white;
  height: 0.375rem;
  line-height: 0.375rem;
  width: 2.91666667rem;
  margin-top: 0.3125rem;
  margin-bottom: 0.3125rem;
  float: left;
}
.sex {
  width: 0.27083333rem;
  height: 0.140625rem;
  border-radius: 0.02083333rem;
  -webkit-border-radius: 0.02083333rem;
  font-size: 0.09375rem;
  margin-left: 0.10416667rem;
  float: right;
  font-weight: bold;
  margin-top: 0.10416667rem;
}
.padimg {
  width: 3.58854167rem;
  height: 4.16666667rem;
  background: url(img/下载页-修改-状态.png) no-repeat;
  background-size: 3.58854167rem 4.30208333rem;
  float: right;
}
.main {
  width: 2.890625rem;
  height: 2.08333333rem;
  float: left;
  position: relative;
  margin-top: 0.25rem;
}
.main h3 {
  float: left;
}
.main h3 p {
  width: 0.40104167rem;
  height: 0.234375rem;
  margin-right: 0.22916667rem;
  float: left;
  background-size: 0.296875rem 0.18229167rem;
}
.main h3 p:nth-of-type(1) {
  background: url(img/qh11.png) no-repeat center;
  background-size: 0.296875rem 0.18229167rem;
}
.main h3 p:nth-of-type(2) {
  background: url(img/qh22.png) no-repeat center;
  background-size: 0.296875rem 0.18229167rem;
}
.main h3 p:nth-of-type(3) {
  background: url(img/qh33.png) no-repeat center;
  background-size: 0.296875rem 0.18229167rem;
}
.main h3 p:nth-of-type(1).on {
  background: url(img/qh1.png) no-repeat center;
  background-size: 0.296875rem 0.18229167rem;
}
.main h3 p:nth-of-type(2).on {
  background: url(img/qh2.png) no-repeat center;
  background-size: 0.296875rem 0.18229167rem;
}
.main h3 p:nth-of-type(3).on {
  background: url(img/qh3.png) no-repeat center;
  background-size: 0.296875rem 0.18229167rem;
}
.main ul {
  width: 2.94270833rem;
  height: 0.94270833rem;
  float: left;
  margin-top: 0.25rem;
}
.main ul li {
  width: 0.53125rem;
  height: 0.70833333rem;
  margin-right: 0.3125rem;
  float: left;
}
.main .teacher {
  display: none;
  position: absolute;
  top: 0.25rem;
  left: 0rem;
}
.main .teacher .teacher-windows-download {
  background: url(img/study1.png) no-repeat center center;
  margin-left: 0.96354167rem;
  background-size: 0.53125rem 0.70833333rem;
}
/*.main .teacher .teacher-windows-download:hover {
  background: url(img/xiaz_r2_c29.png) no-repeat center center;
  background-size: 0.53125rem 0.70833333rem;
}*/
.main .teacher h6 {
  width: 0.53125rem;
  margin-right: 0.3125rem;
  height: 0.26041667rem;
  float: left;
  font-size: 0.07291667rem;
  line-height: 0.26041667rem;
  text-align: center;
  color: white;
}
.main .teacher.on {
  display: block;
}
.main .study {
  display: none;
  position: absolute;
  top: 0.25rem;
  left: 0rem;
}
.main .study .study-windows-download {
  background: url(img/study1.png) no-repeat center center;
  background-size: 0.53125rem 0.70833333rem;
}
/*.main .study .study-windows-download:hover {
  background: url(img/xiaz_r2_c29.png) no-repeat center center;
  background-size: 0.53125rem 0.70833333rem;
}*/
.main .study .study-ios-download {
  background: url(img/study2.png) no-repeat center center;
  background-size: 0.53125rem 0.70833333rem;
}
/*.main .study .study-ios-download:hover {
  background: url(img/downloadhover.png) no-repeat center center;
  background-size: 0.53125rem 0.70833333rem;
}*/
/*.main .study .study-android-download {
  background: url(img/study3.png) no-repeat center center;
  background-size: 0.53125rem 0.70833333rem;
}*/
/*.main .study .study-android-download:hover {
  background: url(img/downloadhover.png) no-repeat center center;
  background-size: 0.53125rem 0.70833333rem;
}*/
.main .study h6 {
  width: 0.53125rem;
  margin-right: 0.3125rem;
  height: 0.26041667rem;
  float: left;
  font-size: 0.07291667rem;
  line-height: 0.26041667rem;
  text-align: center;
  color: white;
}
.main .study.on {
  display: block;
}
.main .family {
  position: absolute;
  top: 0.25rem;
  left: 0rem;
  display: none;
}
.main .family .ios-download {
  background: url(img/study2.png) no-repeat center center;
  margin-left: 0.46875rem;
  background-size: 0.53125rem 0.70833333rem;
}
/*.main .family .ios-download:hover {
  background: url(img/downloadhover.png) no-repeat center center;
  margin-left: 0.46875rem;
  background-size: 0.53125rem 0.70833333rem;
}*/
.main .family .android-download {
  background: url(img/study3.png) no-repeat center center;
  background-size: 0.53125rem 0.70833333rem;
}
/*.main .family .android-download:hover {
  background: url(img/downloadhover.png) no-repeat center center;
  background-size: 0.53125rem 0.70833333rem;
}*/
.main .family h6 {
  width: 0.53125rem;
  margin-right: 0.3125rem;
  height: 0.26041667rem;
  float: left;
  font-size: 0.07291667rem;
  line-height: 0.26041667rem;
  text-align: center;
  color: white;
}
.main .family.on {
  display: block;
}
.footer {
  margin: 0rem auto;
  font-size: 0.07291667rem;
  color: #535353;
  width: 100%;
  height: 0.578125rem;
  line-height: 0.578125rem;
  text-align: center;
  background-color: #ebeff0;
}