@charset "UTF-8";
/* CSS Document */

/* reset */
html{font-size:62.5%}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}body,button,input,select,textarea{ font-size:1.2rem; line-height:1.5;}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}

/* 定位 */
.tc{ text-align:center;}
.tr{ text-align:right;}
.fl{ float:left;}
.fr{ float:right;}

/* padding/margin */
.mb30{ margin-bottom:30px;}

/* color */
.grey{ color:#9b9b9b;}
.red{ color:red;}

/* btn */
.btn01{ display:block; height:90px; margin:0 15px; border:1px solid #0bad76; border-radius:5px; background:#0ec587; font-size:3rem; color:#fff; line-height:90px; text-decoration:none; text-align:center;}

/* text */
.text01{ width:374px; height:60px; padding:0 5px; border:1px solid #dedddb; background:#fff; line-height:60px; color:#333; font-size:3rem;}

/* select */
.select01{ width:386px; height:60px; border:1px solid #dedddb; background:#fff; line-height:60px; color:#333; font-size:3rem;}

/* 通用 */
body{background:#f8fffd;}
.wrap{height:100%;background:#f8fffd;}
.wrap02{background:#efefef;}
.wrap03{background:#fff;}

/* 班级分享到微信 */
.header{ height:120px; padding:0 30px; border-bottom:1px solid #4fac41; background:#fff;}
.header .logo{ width:306px; height:120px;}
.header .download{ width:156px; height:58px; margin-top:30px; border:1px solid #4fac41; border-radius:10px; line-height:58px; color:#4fac41; text-align:center; font-size:3rem; text-decoration:none;}
.number{ text-align:center; font-size:3rem; line-height:80px; color:#0ec587;}
.number02{ text-align:center; font-size:3rem; line-height:80px; color:red;}
.list{ padding:0 40px 12px 40px; margin:30px 0; background:url(../images/line.png) 40px bottom no-repeat; font-size:3rem; line-height:44px;}
.list li{ min-height:44px; padding:39px 0 27px 0; background:url(../images/line.png) left top no-repeat;}
.list .name{ color:#9b9b9b;}
.list .name span{ color:#cecece; font-size:2.5rem;}
.join{ padding-left:43px; background:url(../images/join.png) left center no-repeat; font-size:3rem; color:#97c5b6; line-height:32px; text-decoration:none;}

/* 选择孩子 */
.tip{ padding:217px 0 17px 0; text-align:center; font-size:3rem; line-height:46px; color:#000;}
.y{ background:url(../images/y.png) center 90px no-repeat;}
.n{ background:url(../images/n.png) center 90px no-repeat;}
.child{ display:inline-block; width:348px; height:66px; margin-bottom:25px; border:1px solid #e3e3e3; border-radius:5px; background:#f8f8f8; font-size:3rem; color:#0ec587; line-height:66px; text-decoration:none;}

/* 常见问题 */
.tip02{ display:block; background:#fff; text-align:center; font-size:3rem; line-height:96px; color:#0ec587; text-decoration:none;}
.list02{ padding:15px;}
.list02 li{ margin-bottom:15px;}
.list02 .q{ line-height:70px; color:#333; font-size:3rem;}
.list02 .a{ padding:15px; background:#fff; line-height:30px; color:#525252; font-size:2.5rem;}

.list03{ padding:65px 0; font-size:3rem; line-height:62px; color:#333;}
.list03 td{ padding:0 5px 35px 5px; vertical-align:top;}

.list04Container{ margin:40px 20px; border:1px solid #dedede; border-radius:5px; background:#f8f8f8;}
.list04Container .title{ height:70px; border-bottom:1px solid #dedede; font-size:3rem; text-align:center; color:#333; line-height:70px;}
.list04{ padding:24px 15px 0 15px;}
.list04 li{ margin-bottom:24px; font-size:3rem; line-height:36px; color:#0ec587;}

.list05{ padding:10px 20px 0 20px;}
.list05 li{ margin-bottom:10px; padding:15px 20px; border:1px solid #f3f3f3; border-radius:5px; box-shadow:0px 1px 2px #d2d1d1; background:#fff;}
.list05 .account{ height:46px; font-size:3.5rem; color:#0ec587; line-height:46px; overflow:hidden;}
.list05 .nameContainer{ padding:10px 0; border-top:1px solid #f3f3f3;}
.list05 .name{ max-height:92px; font-size:3rem; color:#5f897b; line-height:46px; overflow:hidden; vertical-align:top;}
.list05 .pad{ padding:0 30px;}

/* 20160426 */
.b{ position:relative; text-align:center;}
.b .head{ position:absolute; bottom:0; width:124px; height:124px; left:40.14%; border-radius:50%; box-shadow:0 0 2px 2px #fff;}