html,body { font: 12px Verdana,Tahoma,Hei,"宋体",Helvetica, Arial, sans-serif;  color:#444444; width:100%; height:100%; overflow:hidden; position:relative; 
}
#main{ width:100%; height:100%; overflow-x:hidden; overflow-y:scroll; position:relative; background:#6f6c6c url(/web/home_images/male_bg.gif) scroll repeat-x top;
}
*{ margin: 0px; padding: 0px;
}
ul,ol { list-style:none;
}
img{ border: 0px;
}
input,button,select,textarea{ font-size:12px; outline: none;
}
textarea { overflow:auto;
}
fieldset { border:none;
}
label{ cursor:hand; cursor:pointer;
} 
.right{ float:right;
}
.clear{clear:both}
.overflowH:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;
}
.leftstyle{ float:left;
}
a{ color:#3366cc; text-decoration:none; outline: none;
}
a:hover{ color:#FF0000; text-decoration:underline;
}
.red{ color:#FF0000;
}
.c666{color:#666666;}
.orangeColor{ color:#F39501; 
}
.blue{ color:#0013D9; 
}
.gray{ color:#9A9A9A; 
}
.normal{ color:#333333;
}
.normalFont{ font-weight:normal;
}
.Lang-en{ font-size:10px; font-family:'Century Gothic', Verdana , Tahoma;
}
.inputStyle{ background:url(/images/inputx.gif) no-repeat 0 0; border:none; 
}
.inputStyle2{ background: url(http://img.aileme.cn/web/home_images/inputStyle2.gif) no-repeat left top; border:none; 
}
.sNum{ font-family:Georgia;
}
.cTime{ font-size:9px;
}
.disNone{ display:none;
}
p.userTx{ background:url(http://img.aileme.cn/web/home_images/home_picBg.gif) no-repeat left top; height:77px; width:74px; padding:11px 0 0 11px; overflow:hidden; margin:0 auto;
}
p.userTx img{ width:60px; height:60px; 
}
.toLeft{ float:left; padding:0 6px; 
}
.noinformation{ line-height:200px; text-align:center;
}
.noinformation2{ line-height:70px; text-align:center; 
}
.noinformation3{ line-height:50px; padding-left:40px;
}
.moreLink{ line-height:30px; text-align:right;
}
/*new select style*/
#selectPC label{ float:left; padding-right:6px;
}
#selectPC .newSelect{ width:86px;
}
.arrinput{ height:14px; float:left; color:#666666; padding-left:6px; font-style:normal; overflow:hidden; line-height:15px; border:1px solid #8C8C8C; border-right:none; background:#FFFFFF; 
}
.newSelect{ position:relative; z-index:1;
}
.newSelect span{ width:15px; height:16px; background:url(/images/selectBtn.gif) no-repeat left bottom; float:left; cursor:hand; cursor:pointer;
}
.newSelect p{ clear:both; position:absolute; top:18px; left:0; z-index:999999; overflow-x:hidden; overflow-y:auto;
}
.newSelect p a{ line-height:24px; display:block; color:#666666; text-indent:6px; text-decoration:none; background:#F3F3F3; overflow:hidden; border-top:1px solid #DFDFDF; margin-top:-1px; width:100%; 
}
.newSelect p a:hover{ background-color:#3366cc; color:#FFFFFF; text-decoration:none;
}
#loading{ width:100%; height:33px; padding:30px 0; text-indent:-9999em; background:url(http://img.aileme.cn/web/load2.gif) no-repeat center center; 
}
.closeIn{ width:100%; overflow:hidden; 
}
.mr12{ margin-right:12px; 
}
.mr30{ margin-right:30px; 
}

.lineGray td{ background-color:#F0F0F0;
}
.pd12 {
padding-top:12px;
}


/* --- overlay --- */

#overFrame { position:absolute; z-index:1001; left:50%; color:#333333; padding:0; 
}
.overFrame h5.htitle { font-size:14px; line-height:29px;  background:url(/images/openWinTitBg.gif); height:29px; font-weight:normal; color:#FFFFFF; padding:0 7px 0 11px; 
}
.overFrame h5.htitle a{ float:right;  cursor:pointer; background:url(/images/openWinClose.gif) no-repeat left bottom; width:18px; height:18px; position:relative; margin-top:5px;
}
.overFrame h5.htitle a:hover{ background-position:left top;
}
.overFrameCon { width:100%; background:#FFFFFF url(/images/overFrameBg.gif) repeat-x left bottom; padding:7px 0 17px;
}
.overFrameCon:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;
} 
.overFrameBT{ height:5px; margin:0 5px; overflow:hidden;
}
.overFrameLR{ height:0; position:relative;
}
.overFrameTop{ background:url(/images/opWinTop.png) repeat-x 0 0 ;
}
* html .overFrameTop{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale, src="/images/opWinTop.png");
}
.overFrameBtm{ background:url(/images/opWinBottom.png) repeat-x 0 0 ;
}
* html .overFrameBtm{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale, src="/images/opWinBottom.png");
}
.ofPt{ display:block; width:5px; height:5px; overflow:hidden; position:absolute;
}
.ofBL{ background:url(/images/opWinLB.png) no-repeat 0 0 ; left:0; bottom:-5px;
}
* html .ofBL{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src="/images/opWinLB.png");
}
.ofBR{ background:url(/images/opWinRB.png) no-repeat 0 0 ; right:0; bottom:-5px; 
}
* html .ofBR{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src="/images/opWinRB.png");
}
.ofTL{ background:url(/images/opWinLT.png) no-repeat 0 0 ; left:0; top:-5px; 
}
* html .ofTL{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src="/images/opWinLT.png");
}
.ofTR{ background:url(/images/opWinRT.png) no-repeat 0 0 ; right:0; top:-5px; 
}
* html .ofTR{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src="/images/opWinRT.png");
}
.ofsLeft{ background:url(/images/opWinLeft.png) repeat-y 0 0 ;
}
* html .ofsLeft{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale, src="/images/opWinLeft.png");
}
.ofsRight{ background:url(/images/opWinRight.png) repeat-y 0 0 ;
}
* html .ofsRight{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale, src="http://img.aileme.cn/web/opwin/opWinRight.png");
}
.overFrameShadow{ border-collapse:collapse; border:none; width:100%;
}



#setMyLocTop{ padding:15px; background:#FFF;
}
#locNav{ width:300px; height:34px; overflow:hidden; position:relative;
}
#locNav li{ width:93px; height:34px; float:left;
}
#locNav a{ line-height:24px; display:block; padding-top:10px; text-align:center;  background:url(http://img.aileme.cn/web/home_images/windowTab.gif) no-repeat left bottom; text-decoration:none; color:#666666;
}
#locNav li a:hover{ background:url(http://img.aileme.cn/web/home_images/windowTab.gif) no-repeat left bottom; margin-bottom:0px; padding-top:10px;
}
#locNav .navL a{ background-position:-400px bottom; margin-bottom:2px; padding-top:8px;
}
#locNav .navR a{ background-position:-200px bottom; margin-bottom:2px; padding-top:8px;
}
#locNav a.on{ background-position:0 bottom; margin-bottom:0px; padding-top:10px;
}
#winTL{ background:url(http://img.aileme.cn/web/home_images/windowTabBgTB.gif) no-repeat right top; margin-top:-2px; width:100%;
}
#winTR{ background:url(http://img.aileme.cn/web/home_images/windowTabBgTB.gif) no-repeat left top; padding-top:6px; width:100%;
}
#winBL{ background:url(http://img.aileme.cn/web/home_images/windowTabBgTB.gif) no-repeat right bottom; width:100%;
}
#winBR{ background:url(http://img.aileme.cn/web/home_images/windowTabBgTB.gif) no-repeat left bottom; padding-bottom:6px; width:100%;
}
#winCL{ border:1px solid #E1E1E1; border-width:0 1px;
}
#winCR{ border:1px solid #FFFFFF; border-width:0 1px; background:#F1F1F1; padding:12px;
}
.optDL{ width:454px; margin:0 auto;
}
.optDL dt{ width:454px; padding:3px 0; 
}
.optDL dd{ width:454px; padding:3px 0;
}
.optDL .locBtn{ width:83px; height:20px; border:none; background:url(http://img.aileme.cn/web/home_images/btnSetloc.gif) no-repeat; cursor:hand; cursor:pointer; margin-top:0px; *margin-top:1px; position:absolute;
}


#urNowLoc dt{ line-height:20px; padding:7px 0;
}
#urNowLoc dt span{ color:#BFBFBF; font-weight:bold;
}
#urNowLoc dt span.selected{ color:#36BE2E; font-weight:bold;
}
#urNowLoc dd{ text-align:center;
}
#urNowLoc button{ width:82px; height:23px; font-weight:bold; font-size:14px; color:#FFFFFF; background:#36BF2C; border:1px solid #249B04; padding-top:0px; *padding-top:3px; text-align:center; cursor:hand; cursor:pointer; margin:0 10px;
}
#urNowLoc .unModi{ color:#7A7A7A; background:#ECECEC; border:1px solid #D4D4D4;
}
#gotolist{ background:#FFFFFF; width:455px; overflow:hidden;
}
#minimap{ width:200px; height:225px; float:left;
}
#sltLocList{ width:255px; float:left;
}
#sltLocList sub,#sltLocList samp{ display:none;
}
#sltLocList a{ display:block; height:25px; line-height:25px; background:#FFFFFF url(http://img.aileme.cn/web/home_images/ic_select.gif) 6px 6px no-repeat; padding-left:26px; width:229px; color:#464646; overflow:hidden;
}
#sltLocList a:hover{ background-color:#52BEEE; color:#FFFFFF; background-position: 6px -94px; text-decoration:none;
}
#sltLocList a.on,#sltLocList a.on:hover{ background-position: 6px -294px; background-color:#37A9E7; color:#FFFFFF;
}
#sltLocList a em{ font-style:normal;
}
#sltLocList a.none { background:#FFFFFF;
}
#sltLocList a.none:hover { background:#FFFFFF; color:#464646;
}
#noneList{ padding:10px 0 ; width:380px; margin:0 auto; color:#797979; text-align:center;
}
span.loading{ display:block; height:80px; background:url(/images/load01.gif) no-repeat center;
}

/* new location set */

.myLocation{ width:800px; margin:0 auto; padding:12px 0; background:#FFFFFF;
}
.setLocTab{ width:185px; height:27px; position:relative;
}
.setLocTab ul{ position:absolute; overflow:hidden; width:185px; height:28px; background:url(/images/tabSearch.gif) no-repeat 0 0; z-index:9;
}
.setLocTab ul li{ float:left; height:24px; padding-top:4px; cursor:pointer; text-align:center; line-height:24px;color:#FFFFFF;
}
.setLocTab ul.Off{ background-position:0 bottom;
}
.setLocTab ul.On li#newLoc{ color:#343434;
}
.setLocTab ul.Off li#oldLoc{ color:#343434;
}
.setLocTab ul li#newLoc{ width:83px; 
}
.setLocTab ul li#oldLoc{ width:102px;
}
.setLocationBao{ border:1px solid #E3E3E3; background:#F7F7F7; width:782px; overflow:hidden; padding:8px;
}
#setUserNG{ margin:0 auto; border-bottom:none;
}
#setUserNG li{ width:100%; overflow:hidden; padding-top:9px; 
}
#setUserNG li span ,#setUserNG li label ,#setUserNG li input{ float:left; 
}
#ugender{ padding-bottom:3px;
}
.setLocLeft{ width:280px; float:left;
}
.setLocRight{ width:500px; float:left;
}
#mapShow{ height:363px; width:498px; border:1px solid #E3E3E3; overflow:hidden;
}
.showHidSer dt{ line-height:32px; 
}
.showHidSer dd{ padding-bottom:16px; 
}
#querySer{ border:1px solid #DFDFDF; background:#FFFFFF; height:14px; padding:2px 2px 0; color:#A4A4A4; margin-right:12px; width:183px; 
}
#setNewLoc button{ background:url(/images/labelBtnOk.gif) no-repeat 0 0; cursor:pointer; width:46px; height:18px; border:none;
}
span.loading{ background:#F7F7F7 url(/images/loader.gif) no-repeat center center; display:block; height:40px;
}
#resTotal{ float:left; width:235px; overflow:hidden;
}
#resTotal samp{ display:none;
}
#resTotal a,#resTotal strong{ display:block; height:23px; line-height:23px; width:235px; color:#464646; overflow:hidden;
}
#resTotal strong{ text-decoration:underline; cursor:pointer; 
}
#resTotal strong em{ font-style:normal; 
}
#resTotal a em{ font-style:normal; font-weight:normal; 
}
#openOut{ float:left; width:20px; height:20px; background:url(/images/icOutspread.gif) 0px 6px no-repeat;
}
#openOut.plus{ background-position:-900px 6px;
}
#shopList dt{ line-height:24px; font-weight:bold; color:#AEAEAE;
}
#shopList dd{ padding-left:16px; padding-right:12px;
}
#shopList dd li{ height:22px;
}
#shopList dd li a{ color:#565656; display:block; width:230px;  line-height:18px; padding:2px 8px; height:18px; overflow:hidden; text-decoration:underline;
}
#shopList dd li a.on{ background:#565656; color:#F7F7F7; text-decoration:none;
}
.serAddress{ width:290px;
}
.serAddress dt{ line-height:18px; padding-bottom:6px; font-weight:bold; 
}
.serAddress dd{ line-height:18px; 
}
#userNowLocation{ line-height:16px; margin:14px 0;
}
#userNowLocation .green{ font-weight:bold; 
}
.buttonLoc{ padding-bottom:20px;
}
.buttonLoc a{ float:left; margin-right:84px; width:76px; height:40px; 
}
#setMyLocBtn{ background:url(/images/btnSetLocOk.gif) no-repeat 0 0;
}
#noSetBtn{ background:url(/images/btnUnModi.gif) no-repeat 0 0;
}
#shopList .compage{ width:100%; border-top:1px solid #DFDFDF; padding-top:3px; margin-top:6px;
}
#shopList .compage a{ border:none; background:transparent; color:#444444; padding:1px 2px;
}
#shopList .compage a:hover{ color:#FF6600; text-decoration:none; border:none; 
}












/* page style */
.compage{ width:500px; overflow:hidden; padding:6px 0;
}
.compage span,.compage a{ float:left; padding:0 6px; line-height:18px; margin-right:5px;
}
.compage span{ color:#FF6600; font-weight:bold; line-height:20px; 
}
.compage a{ border:1px solid #DDDDDD; background:#FFFFFF; color:#444444; 
}
.compage a:hover{ color:#FF6600; text-decoration:none; border:1px solid #FF6600; 
}
.compageR{ width:100%; 
}
.compageRBao{ float:right;
}
/*operate notice*/

#OperateNotice{ padding:12px 12px 12px 70px; width:526px; margin:0 auto; background:#FFFACA url(/images/icOK.gif) no-repeat 24px 5px; border:1px solid #E5DD8C; color:#FE0000;
}


/* the share page */

#sharePage{ width:400px; margin:0 auto ;
}
.shareBlock{ border:none; 
}
.shareBlockop{ border:1px solid #D9D9D9; background:#FFFFFF;
}
.shareBlock h3{ color:#FFFFFF; font-size:12px; font-weight:normal; background:#999999 url(http://img.aileme.cn/web/opwin/dbline.gif) repeat-x left bottom; padding-bottom:2px;
}
.shareBlock h3 span{ display:block; line-height:23px; text-indent:24px; background:url(/images/icArrow.gif) no-repeat 11px -140px; width:100%; cursor:pointer;
}
.shareBlockop h3{ background:transparent; padding:0; color:#343434;
}
.shareBlockop h3 span{ background-position:11px -42px; cursor:auto;
}
.shareBlock .shareCon{ display:none; width:350px; margin:0 auto; padding:12px 0 0; position:relative;
}
.shareBlockop .shareCon{ display:block;
}
.flTips{ position:absolute; width:260px; background:#FFF055; color:#484848; line-height:17px; padding:0 6px; margin-top:1px;
}
.friendListLi{ position:absolute; width:344px; border:3px solid #515151; border-top:none; background:#FFFFFF; z-index:99; filter:alpha(opacity=90);  -moz-opacity:0.9; opacity:0.9;
}
#fList{ width:100%; 
}
#fList li{ width:100%; line-height:28px; cursor:pointer; text-indent:12px; background:#FFFFFF;
}
#fList li.flLienter{ background:#FFFFFF; 
}
#fList li.flLileave{ background:#515151; color:#FFFFFF;
}
.flinputStyle{ width:348px; border:1px solid #505050;
}
.fliptNei{ border:1px solid #FFFFFF; width:346px;
}
.flinputStyleLeft{ width:327px; margin-right:1px; float:left; overflow:hidden; background:#FFFFFF; word-break:break-all; word-wrap:break-word;
}
.fliptNeiM .flinputStyleLeft{ width:346px; margin:0;
}
.flinputStyle .selectBtn{ float:left; height:18px; width:18px; background:url(/web/opwin/selectBtnBig.gif) no-repeat 0 0; cursor:pointer; 
}
.flinputStyle .selectBtnc{ background-position: left bottom;
}
.fnInput{ width:20px; border:none; height:14px; padding-top:2px; padding-left:2px; float:left; background:transparent; overflow:hidden;
}
.flinputStyleLeft span.fn{ float:left; height:16px; background:#DBDBDB; padding:0 3px; margin:1px; color:#333333; overflow:hidden; 
}
.flinputStyleLeft span.fn strong{ float:left; padding:0 3px 0 0; font-weight:normal; line-height:16px; 
}
.flinputStyleLeft span.fn em{ height:11px; width:11px; background:url(/web/opwin/closeSmall.gif) no-repeat 0 0; float:left; margin-top:2px; cursor:pointer;
}
#sltFbox{ float:left; color:#FFFFFF;
}
.Fcontrol{ width:344px; background:#515151; height:29px;
}
#friendcate{ float:right; background:#FFFFFF; height:16px; border:1px solid #FFFFFF; margin-top:4px; z-index:999;
}
#friendcate p{ width:112px; 
}
#friendcate .arrinput{ border-color:#FFFFFF; 
}
#friendCList{ height:112px; width:344px; overflow:hidden; overflow-x:hidden; overflow-y:scroll;
}
.Fcontrol #sltbox{ color:#FFFFFF;
}
.checkBoxStyle{ background:url(/web/opwin/check.gif) no-repeat 8px 2px; height:13px; padding:0 0 0 28px; cursor:pointer; margin:4px 0;
}
.checkBoxStyleon{ background-position:8px -87px;
}
#friendCList .stepBao{ width:344px; overflow:hidden; height:28px; 
}
#friendCList .checkBoxStyle{ float:left; padding:0 0 0 28px; background-position:8px 2px; width:53px; overflow:hidden; margin:8px 0;
}
#friendCList .checkBoxStyleon{ background-position:8px -87px;
}
.Fcontrol .checkBoxStyle{ margin-top:4px; float:left;
}
.shareBlock .conText{ width:100%; padding-top:20px; padding-bottom:12px;
}
.shareBlock .conText dt{ line-height:28px;
}
.shareBlock .conText .inputST{ width:336px;
}
.shareBlock .conText textarea{ width:336px; height:80px; padding-right:0; padding-bottom:6px; overflow:auto;
}
.shareBlock .copylink{ padding-top:0;
}
.shareBlock .copylink .conText{ padding:0 0 12px 0;
}
.sltFriendBtn{ padding:4px 10px;
}
.sltFriendBtn .o{ background:url(/images/btnOk.gif) no-repeat 0 0; width:64px; height:24px; border:none; margin-right:16px; cursor:pointer; 
}
.sltFriendBtn .c{ background:url(/images/btnCancels.gif) no-repeat 0 0; width:64px; height:24px; border:none; cursor:pointer; 
}


/* calendar */
#yl{ width:218px; overflow:hidden; margin:10px; background:#FFFFFF;position:absolute; left:-80px; top:10px; border:1px solid #333333; z-index:99999999099101;
}
#yl h5{ background:#333333; width:218px; overflow:hidden; text-align:center; color:#FFFFFF;
}
#yl h5 em{ width:30px; float:left; line-height:22px; font-style:normal; cursor:hand; cursor:pointer; font-size:11px;
}
#yl h5 span{  float:left; line-height:22px; font-size:10px; font-weight:normal;
}
#yl h5 span#y{ width:74px; padding-right:5px;
}
#yl h5 span#m{ width:73px; padding-left:5px;
}
#weeks{ width:217px; overflow:hidden;
}
#weeks em{ width:31px; height:20px; line-height:20px; float:left; text-align:center; font-weight:bold; cursor:hand; cursor:pointer; font-style:normal; 
}
#days{ width:217px; overflow:hidden; padding:0 0 1px 1px;
}
#days em{ width:30px; height:20px; line-height:20px; float:left; margin:1px 1px 0 0; text-align:center; font-style:normal; cursor:hand; cursor:pointer; font-size:10px; background:#F7F7F7; color:#333333;
}
#days em.on{ background:#E6A201; color:#FFFFFF;
}
#days em.un{ background:#ECECEC;
}
.tool-tip { color: #FFFFFF; z-index: 13000; background:#000000; padding:0 6px; filter:alpha(opacity=60);  -moz-opacity:0.6; opacity:0.6;
}
.levelCount {
padding:10px 0 0;
}
.tool-tip .tip{ line-height:30px;
}

.levelCount{ padding:20px 0 0;
}
.levelCount span,.levelCount a{ float:left; line-height:14px; height:14px; 
}
.levelCount .lc{ text-indent:-9999em; background:url(/web/new_home/icPointClass.gif) no-repeat 0 -100px;
}
.levelCount .lc0{ width:16px; background-position:0 0;
}
.levelCount .lc1{ width:16px;
}
.levelCount .lc2{ width:32px;
}
.levelCount .lc3{ width:48px;
}
.levelCount .lc4{ width:64px;
}
.levelCount .lc5{ width:80px;
}
.levelCount .lc6{ width:96px;
}
.levelCount .lc7{ width:16px; background-position:0 -200px;
}