@charset "GB2312";

html, body{padding:0;
                height: 100%;
                min-width: 320px;
                max-width: 640px;
                margin: 0 auto;
            }
*{ margin:0; padding:0; list-style:none; font-style:normal;text-shadow : none; font-weight:normal; border:none; text-decoration:none;}
#Mobile_Page_Index{}
#Mobile_Page_Index .Header{  background-color:#0093e1;}
#Mobile_Page_Index .Header .Logo{    overflow:hidden; margin:0; padding:0;}
#Mobile_Page_Index .Header .Logo em{ height:1em; font-size:0.4em; color:#FFF; width:auto; height:1.2em; border-radius:1.2em; border:0.12em solid #FFF; text-align:center; padding:0.5em; margin:1em; float:left;opacity:0.6;}
#Mobile_Page_Index .Header .Logo i{ height:1em; font-size:0.6em; color:#FFF; width:1em; height:1em; border-radius:1em; border:0.1em solid #FFF; text-align:center; padding:0.2em; margin:0.4em; float:right;opacity:0.6}
#Mobile_Page_Index .Header span{ text-align:center; color:#FFF; display:block; font-size:0.78em; line-height:2em;}
#Mobile_Page_Index .Header span span{width:40%;margin:1em 0 1em 0;}
#Mobile_Page_Index .Header span em{ display:block; width:100%;}
#Mobile_Page_Index .Header span .NumApi{ font-size:2em; font-family:Arial, Helvetica, sans-serif;}
#Mobile_Page_Index .MenuList a{ float:left; width:33.3%; height:2em; overflow:hidden; border:1px solid #00C; display:block;}

#Mobile_Page_Index .CreateBox{ text-align:center;}
#Mobile_Page_Index .CreateBox input{}
.NoticeSpan{ color:#f16804; margin-top:1em; display:block; font-size:0.8em;}

.PageBox div{ text-align:center;}
.InputA{width:80%; margin:1em 0 1em 0; height:100px; line-height:1.2em; border-radius:10px;outline:none; text-indent:1em; font-size:0.6em; border:1px solid #0093e1; padding:0.5em;}
.BtnA{width:80%; margin:2em 0; height:2.5em; line-height:2.5em; color:#FFF; border-radius:2.5em; display:block; margin:auto;text-align:center}
.BlueBg{ background-color:#0093e1;border:1px solid #0093e1;}
.RedBg{ background-color:#C30;border:1px solid #C30;  }
.GreenBg{ background-color:#090;border:1px solid #090; }

/* 首页TAB菜单样式控制 */
.ui-page-theme-a .ui-btn.ui-btn-active, html .ui-bar-a .ui-btn.ui-btn-active, html .ui-body-a .ui-btn.ui-btn-active, html body .ui-group-theme-a .ui-btn.ui-btn-active, html head+body .ui-btn.ui-btn-a.ui-btn-active, .ui-page-theme-a .ui-checkbox-on:after, html .ui-bar-a .ui-checkbox-on:after, html .ui-body-a .ui-checkbox-on:after, html body .ui-group-theme-a .ui-checkbox-on:after, .ui-btn.ui-checkbox-on.ui-btn-a:after, .ui-page-theme-a .ui-flipswitch-active, html .ui-bar-a .ui-flipswitch-active, html .ui-body-a .ui-flipswitch-active, html body .ui-group-theme-a .ui-flipswitch-active, html body .ui-flipswitch.ui-bar-a.ui-flipswitch-active, .ui-page-theme-a .ui-slider-track .ui-btn-active, html .ui-bar-a .ui-slider-track .ui-btn-active, html .ui-body-a .ui-slider-track .ui-btn-active, html body .ui-group-theme-a .ui-slider-track .ui-btn-active, html body div.ui-slider-track.ui-body-a .ui-btn-active{ background-color:#f6f6f6; border-left: 1px solid #dddddd; border-top:1px solid #f6f6f6; border-bottom:none;  text-shadow : none; color:#0093e1}

#Page_CreateResult{ background-color:#FFF;}
#Page_CreateResult .MyUrlBox{ padding:1em 2em; display:block; text-align:center;}
#Page_CreateResult .MyUrlBox img{ width:100%; height:auto;}
#Page_CreateResult .MyUrlBox .Url{ display:block; height:2.8em; width:auto; border-radius:2.8em; border:1px dotted #666666; line-height:2.8em;margin:1em 0.5em; font-size:0.8em; }
#Page_CreateResult .MyUrlBox .Url a{ display:block; float:right;height:2.2em;border-radius:2.2em; background-color:#CCC; margin:0.2em; padding:0 0.5em;line-height:2.4em; color:#333;border:1px dotted #666666;}
#Page_CreateResult .MyUrlBox a{display:block; height:2.8em; width:auto; border-radius:2.8em; border:1px dotted #666666; line-height:2.8em;margin:1em 0.5em; font-size:0.8em; color:#FFF}
a.LinkReport{ background-color:#0093e1}
a.LinkVisitedMyUrl{background-color:#333}
a.LinkCollection{background-color:#009900}
#Page_CreateResult .MyUrlBox .Url em{ text-align:center;}
#Page_CreateResult .MyUrlBox  b{ display:block; margin:auto; height:2.2em;width:auto; border-radius:2.2em;  line-height:2.2em;background-color:#0093e1; color:#FFF;margin:1em 0.5em; }

/* 教程页面 */
#Page_GettingStarted{background-color:#FFF}
#Page_GettingStarted .Banner{ background-image:url(../images/school_banner.jpg); height:200px; background-position:center center; background-repeat:no-repeat; background-size:cover}
#Page_GettingStarted ul li{ height:4em; width:auto; line-height:4em; border-bottom:#e5e5e5 1px solid; background-image:url(../images/icon_jt1.jpg);background-size:auto 30%; background-position:right center; background-repeat:no-repeat; padding:0 1em;}
#Page_GettingStarted ul li a{ display:block; width:auto;height:4em; line-height:4em; color:#313131; padding-left:3em; background-repeat:no-repeat; background-position:left center; background-size:auto 50%;}
#Page_GettingStarted ul li a.a{ background-image:url(../images/icon_m1.jpg)}
#Page_GettingStarted ul li a.b{ background-image:url(../images/icon_m2.jpg)}
#Page_GettingStarted ul li a.c{ background-image:url(../images/icon_m3.jpg)}
#Page_GettingStarted ul li a.d{ background-image:url(../images/icon_m4.jpg)}
#Page_GettingStarted ul li a.e{ background-image:url(../images/icon_m5.jpg)}
#WechatFavorites{ position:absolute; left:0; top:0; z-index:999; width:100%; height:100%; background-color:#000;opacity:0.9; background-image:url(../images/favorite.png); background-repeat:no-repeat; background-position:center top; background-size:contain;}