/** 

【移动应用样式库】

CSS技巧：
	- width=100%时，不能设置padding，否则撑破父容器
	- 拒绝hacks
	- lightblue=#add8e6
	- 客户CSS全部小写

压缩CSS工具:	http://developer.yahoo.com/yui/compressor/

**/

/* 移动版 */
.container {
    overflow: hidden;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index:-1;
}
.mobileContent{width:auto;height:auto;overflow-x:visible;}
.mobileBottom{width:auto;height:auto;overflow-x:hidden;overflow-y:auto;padding:2px;text-align:center;background-color:#add8e6;}

.mobileHome,.mobileClassMates,.mobilelogin,.mobilelogout,.mobilePassword,.mobilePIN,.mobileBBS,
.mobileClass,.mobileapply,.mobileComments,.mobileGarden,.mobileAdvice,.mobileHomeWork
{display:inline-block;display:-moz-inline-stack;*display:inline;zoom:1;width:40px;height:35px;cursor:pointer;
background-image:url(/iKidsIcons/mobileIcons.png);background-repeat:no-repeat;}
.mobileHome{background-position:0px 0px;}
.mobileClassMates{background-position:0px -160px;}
.mobileBBS{background-position:0px -280px;}
.mobilePIN{background-position:0px -120px;}
.mobilePassword{background-position:0px -240px;}
.mobileClass{background-position:0px -320px;}
.mobileapply{background-position:0px -360px;}
.mobilelogin{background-position:0px -40px;}
.mobilelogout{background-position:0px -80px;}
.mobileComments{background-position:0px -400px;}
.mobileGarden{background-position:0px -440px;margin-right:10px;}
.mobileAdvice{background-position:0px -480px;}
.mobileHomeWork{background-position:0px -520px;}

.mobileStaffDivParent {width:100%;background-color:white;padding:8px;overflow: hidden;}
.mobileStaffDivBody {width:30%;border-bottom:1px solid #aaaaaa;float:left;margin-right:1%;margin-left:1%;margin-bottom:8px;background-color:white;border-radius: 5px;overflow: hidden;}
.mobileStaffDivTitle {width:auto;border:1px solid #aaaaaa;background-color:white;overflow: hidden;}
.mobileStaffDivContent {width:auto;border-left:1px solid #aaaaaa;border-right:1px solid #aaaaaa;background-color:white;overflow: hidden;padding-top:5px;}
.mobileStaffDivRemark {width:auto;border-left:1px solid #aaaaaa;border-right:1px solid #aaaaaa;border-top:1px solid #aaaaaa;background-color:white;overflow: hidden;padding:5px;height:20px;text-align:center;}
.mobileStaffClassRoomName {width:100%;float:left;font-size:1.2rem;font-weight:bold;margin-top:20px;text-align:left;margin-left:1%}


.mobileMemberDivParent {width:100%;height:243px;overflow:hidden;position:relative;}
.mobileMemberDivItem {width:100%;overflow-x:hidden;position:relative;float:left;}
.mobileMemberDivLeft {position:relative;float:left;height:170px;line-height:170px;width:10%;text-align:center;}
.mobileMemberDivRight {position:relative;float:right;height:170px;line-height:170px;width:10%;text-align:center;}
.mobileMemberDivBody {width:60%;margin:0px auto;border-bottom:1px solid #aaaaaa;background-color:white;border-radius: 5px;overflow: hidden;}
.mobileMemberDivTitle {width:auto;border:1px solid #aaaaaa;background-color:white;overflow: hidden;}
.mobileMemberDivRemark {height: 100px;width: 100px;position:relative;margin:0px auto;margin-top:5px;}

.mobileMemberDivMemberInfo {width:100%;height:45px;margin-top:2px;text-align:center;}

.mobileMemberAttendanceDivBody{width:60%;margin:0px auto;}

.mobileMemberAttendanceDivClassRoomName {width: 100%;text-align:center;margin-top:40%;position:absolute;float:inherit;font-family: '微软雅黑','黑体',serif;color:white;z-index:2;}
.mobileMemberAttendanceDivBackgroundImg {width: 100px;height: 100px;position: relative;z-index: 1;}
.mobileMemberAttendanceImg {width: 100%;}
.mobileMemberAttendanceDivStatistics {width:auto;height:100%;text-align:left;background-color:white;}

.MemberAttendanceDivParent {
            width: 100%;
            height: 100px;
            text-align: center;
            margin: 40px auto;
            /*position:absolute;*/
        }

.MemberAttendanceSpanItems {
            height: 100px;
            width: 100px;
            text-align: center;
            position: relative;
            display: inline-block;
            margin-right:2px;margin-right:2px;
        }

.MemberAttendanceDivBackgroundImg {
            position: absolute;
            left: 0px;
            top: 0px;
            width: 100%;
            height: 100%;
            z-index: -1;
        }

.MemberAttendanceImg {
            width: 100%;
            height: 100%;
        }

.MemberAttendanceDivClassRoomName {
            position: absolute;
            left: 0px;
            top: 0px;
            width: 100%;
            margin-top: 30%;
            /*line-height:100px;*/
            position: inherit;
            font-family: '微软雅黑','黑体',serif;
            color: white;
            font-size: 1rem;
        }

.MemberAttendanceDivStatus {
            width: 100%;
            text-align: center;
            margin-top: 25%;
            position: absolute;
            float: inherit;
            font-family: '微软雅黑','黑体',serif;
            color: white;
            z-index: 2;
        }

.mobiletitlebar
{width:100%;height:40px;line-height:40px;font-size:1.2rem;color:white;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;
background-image:url(/iKidsIcons/iTop.png);background-repeat:repeat-x;background-position:top center;}

/* 微信二维码背景 */
.divQrCode{width:auto;cursor:pointer;padding-bottom:60px;background-image:url(/iKidsIcons/bgWeiXin.gif);background-position:center bottom;background-repeat:no-repeat;}
.weixinmenu{width:auto;height:60px;line-height:60px;margin-bottom:10px;white-space:nowrap;overflow-x:scroll;font-size:1.2rem;color:#666666;background-image:url(/iKidsIcons/bghomepagetop.png);background-repeat:repeat-x;background-position:top left;}


/* Web App */
.appicon{width:192px;height:192px;margin:20px;cursor:pointer;}
.mobilehome,.mobiledesktop,.mobilenavigate,.mobileme{padding-top:40px;opacity:0.8;background-color:white;background-size:3em 3em;background-position:center top;background-repeat:no-repeat;}
.mobilehome{background-image:url(/iKidsIcons/home64.png);}
.mobiledesktop{background-image:url(/iKidsIcons/desktop64.png);}
.mobilenavigate{background-image:url(/iKidsIcons/navigate64.png);}
.mobileme{background-image:url(/iKidsIcons/me64.png);}
.back36{padding-left:40px;height:36px;background-position:left center;background-repeat:no-repeat;background-image:url(/iKidsIcons/back36.png);}

/* bgMobile */
.bgm{background-position:center center;background-attachment:fixed;background-repeat:no-repeat;background-size:contain;-moz-background-size:contain;-webkit-background-size:contain;}
.bgmobile,.bgmobile0,.bgmobile1,.bgmobile2,.bgmobile3,.bgmobile4,.bgmobile5,.bgmobile6,.bgmobile7,.bgmobile8,.bgmobile9,.bgmobile10
{background-position:center center;background-attachment:fixed;background-repeat:no-repeat;background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;}
.bgmobile0{background-image:url(https://ikidsmedia.oss-cn-hangzhou.aliyuncs.com/bgMobile/bgMobile0.png);}
.bgmobile1{background-image:url(https://ikidsmedia.oss-cn-hangzhou.aliyuncs.com/bgMobile/bgMobile1.png);}
.bgmobile2{background-image:url(https://ikidsmedia.oss-cn-hangzhou.aliyuncs.com/bgMobile/bgMobile2.png);}
.bgmobile3{background-image:url(https://ikidsmedia.oss-cn-hangzhou.aliyuncs.com/bgMobile/bgMobile3.png);}
.bgmobile4{background-image:url(https://ikidsmedia.oss-cn-hangzhou.aliyuncs.com/bgMobile/bgMobile4.png);}
.bgmobile5{background-image:url(https://ikidsmedia.oss-cn-hangzhou.aliyuncs.com/bgMobile/bgMobile5.png);}
.bgmobile6{background-image:url(https://ikidsmedia.oss-cn-hangzhou.aliyuncs.com/bgMobile/bgMobile6.png);}
.bgmobile7{background-image:url(https://ikidsmedia.oss-cn-hangzhou.aliyuncs.com/bgMobile/bgMobile7.png);}
.bgmobile8{background-image:url(https://ikidsmedia.oss-cn-hangzhou.aliyuncs.com/bgMobile/bgMobile8.png);}
.bgmobile9{background-image:url(https://ikidsmedia.oss-cn-hangzhou.aliyuncs.com/bgMobile/bgMobile9.png);}
.bgmobile10{background-image:url(https://ikidsmedia.oss-cn-hangzhou.aliyuncs.com/bgMobile/bgMobile10.png);}

.topmobile,.topmobile0,.topmobile1,.topmobile2,.topmobile3,.topmobile4,.topmobile5,.topmobile6,.topmobile7,.topmobile8,.topmobile9,.topmobile10
{width:auto;height:180px;overflow-x:hidden;overflow-y:visible;background-attachment:fixed;background-repeat:no-repeat;background-size:contain;-moz-background-size:contain;-webkit-background-size:contain;}
.topmobile0{background-image:url(https://ikidsmedia.oss-cn-hangzhou.aliyuncs.com/topMobile/topMobile0.jpg);}
.topmobile1{background-image:url(https://ikidsmedia.oss-cn-hangzhou.aliyuncs.com/topMobile/topMobile1.jpg);}
.topmobile2{background-image:url(https://ikidsmedia.oss-cn-hangzhou.aliyuncs.com/topMobile/topMobile2.jpg);}
.topmobile3{background-image:url(https://ikidsmedia.oss-cn-hangzhou.aliyuncs.com/topMobile/topMobile3.jpg);}
.topmobile4{background-image:url(https://ikidsmedia.oss-cn-hangzhou.aliyuncs.com/topMobile/topMobile4.jpg);}
.topmobile5{background-image:url(https://ikidsmedia.oss-cn-hangzhou.aliyuncs.com/topMobile/topMobile5.jpg);}
.topmobile6{background-image:url(https://ikidsmedia.oss-cn-hangzhou.aliyuncs.com/topMobile/topMobile6.jpg);}
.topmobile7{background-image:url(https://ikidsmedia.oss-cn-hangzhou.aliyuncs.com/topMobile/topMobile7.jpg);}
.topmobile8{background-image:url(https://ikidsmedia.oss-cn-hangzhou.aliyuncs.com/topMobile/topMobile8.jpg);}
.topmobile9{background-image:url(https://ikidsmedia.oss-cn-hangzhou.aliyuncs.com/topMobile/topMobile9.jpg);}
.topmobile10{background-image:url(https://ikidsmedia.oss-cn-hangzhou.aliyuncs.com/topMobile/topMobile10.jpg);}

.floatBar{width:100%;position:fixed;left:0px;bottom:0;_position:absolute;_top:expression(document.documentElement.clientHeight + document.documentElement.scrollTop - this.offsetHeight);}
.weui-cell_new{margin-top: 1.17647059em; background-color: #fff; line-height: 1.41176471; overflow: hidden; position: relative;}
.weui-cell__hd_new{padding-right:.35em; width:65px;}
.weui-cell__ft_Down{content: " ";display: inline-block;-webkit-transform: rotate(45deg);transform: rotate(45deg);height: 6px;width: 6px;border-width: 0 2px 2px 0;border-color: #c8c8cd;border-style: solid;position: relative;top: -2px;top: -1px;margin-left: .3em}
.weui-cell__ft_Up{content: " ";display: inline-block;-webkit-transform: rotate(45deg);transform: rotate(45deg);height: 6px;width: 6px;border-width: 2px 0 0 2px;border-color: #c8c8cd;border-style: solid;position: relative;top: -2px;top: -1px;margin-left: .3em}

/**禁用选中事件*/
.nolongtouchselected{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}

/**移动端 radiobutton样式修改*/
input[type=radio] {margin-left: 10px;margin-right: 3px;}
input[type=checkbox] {margin-left: 3px;margin-right: 3px;}