@charset "utf-8";
/* CrayLin / immomo.com */
/*reset*/
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
body,button,input,select,textarea{font:14px/150% tahoma,arial;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
small{font-size:12px;}
ul,ol{list-style:none;}
a{text-decoration:none;}
p{ color: #000; }
a:hover{text-decoration:underline;}

/*clearfix*/
.clearfix:after,.bbg_layout_container:after,.bbg_layout_container_uc:after{content:".";display:block;height:0;line-height:0px;clear:both;visibility:hidden}
.clearfix{display:block;zoom:1}
.clear {display:block;clear:both;}

/*float*/
.fl, .left{float:left}
.fr, .right{float:right}

h2 { font-size:22px !important;font-weight:bold;line-height:40px; }
h3 { font-size:16px;font-weight:bold;color:#83837b;height:16px;line-height:16px;padding-top:5px;padding-bottom:10px;}

/*Link*/
a {color:#000;text-decoration:none;cursor:pointer}
a:hover {color:#2d78b8;text-decoration:none;}

.red {color:#c00;}

.noborder{border:none}

/*text&input*/
.texthide { text-indent:-200em; overflow:hidden; display:block}
.texthide:hover { text-decoration:none }
.btn{border:none;cursor:pointer}
.hide {display:none;}
.show {display:block;}

.highlight { padding:0 2px; color:#175c87;}

.radius5top{-webkit-border-radius: 5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius: 5px 5px 0 0;}
.radius5bottom{-webkit-border-radius: 0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;}
.radius5{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.radius10{-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.blueBtn{	background: #01A8FF;background: -webkit-gradient(linear, 0 0, 0 bottom, from(#01A8FF), to(#0185FF));background: -webkit-linear-gradient(#01A8FF, #0185FF);background: -moz-linear-gradient(#01A8FF, #0185FF);background: -ms-linear-gradient(#01A8FF, #0185FF);background: -o-linear-gradient(#01A8FF, #0185FF);background: linear-gradient(#01A8FF, #0185FF);}
.blueBtn a{height: 100%;width: 100%;color: white;display: block;text-align: center;line-height: 50px;backgrond:tranparent;}
/**********************
* public / Layout
**********************/
body.body_padding { text-align:left;margin:0 auto;padding:10px 15px;}
body.body_android { background:#f4f3f2;color:#333;}
body.body_android_white { background:#ffffff;color:#333;}
body.body_ios { background:#f4f3f2;}
body.body_wp { background:#fff;}
body.body_grouplevel{ background:#f4f3f2;}
body.body_groupappeal{ background:#f4f3f2;}

/**********************
* private/inc/android/version
**********************/
.an_version { font-size:13px; }
.an_version .info {  padding:0 0 4px 0;color:#555; }
.an_version .info span {  display:inline-block;background:#eee;padding:2px 5px;margin:0 3px 0 0;  -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; }
.an_version h2 {  font-weight:bold;font-size:15px;padding:5px 0 0 0; }
.an_version .updates { padding:4px 0 8px 0;font-size:14px; }

/**********************
* private/inc/ agreement for android/ios
**********************/
.agreement { width:330px; font-size:16px;line-height:22px;}
.agreement p { font-size:14px;color:#83837b;line-height:20px;text-indent:2em;}

.con{font-size:14px;color:#83837b;line-height:20px;}
.shadow {text-shadow:1px 1px 0px #ffffff;}
.ios_help { width:600px;background:#999;text-align:center; }
.ios_help img { margin:20px auto; -moz-box-shadow: 3px 3px 11px #333;-webkit-box-shadow: 3px 3px 11px #333;box-shadow: 3px 3px 11px #333;}

/******************************
*introduction of group level
*******************************/
body.android_grouplevel { background:#f4f3f2;padding:10px 20px;}
.an_groupLevel{width:100%;}
.an_groupLevel h2 { font-size:18px !important;color:#d28a18;line-height:24px;padding:0;margin-top:10px; }
.an_groupLevel .Table { border:1px solid #c9c5b9;margin:10px 0;
    -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.an_groupLevel li { padding:2px 5px;margin:0;border-bottom:1px solid #c9c5b9;/*line-height:32px;*/}
.an_groupLevel .Table .Thead{font-size:12px;}
.an_groupLevel li.noline { border-bottom:0; }
.an_groupLevel div { display:inline-block;width:20%; text-align:center;padding:4px 0; }
.an_groupLevel div.Name {width:14%; }
.an_groupLevel .Star { zoom:0.5;display:inline-block;background:url(//s.momocdn.com/static/m-img/icon_grouplevel.png) no-repeat;width:22px; height:22px; }
.an_groupLevel .note{width: 320px;text-align:  left;font-size: 12px;color: #333;}

.ios_group{background:#fff;}
.ios_groupLevel {width:300px;padding:10px;color:#7f7a69;}
.ios_groupLevel .thead{background:#f5f4f3;}
.ios_groupLevel .Table{border:1px solid #EFEDED;font-size:12px;}
.ios_groupLevel li { margin:0;border-bottom:1px solid #EFEDED;height:24px;}
.ios_groupLevel div.Name {width:15%;}
.ios_groupLevel li.noline { border-bottom:0; }
.ios_groupLevel div.stars img{width:10px;}
.ios_groupLevel div.vips{border-right:0px;color:#e69900;width:27%;margin-left:2%;}
.ios_groupLevel div.vips_t{border-right:0px;width:27%;margin-left:2%;}
.ios_groupLevel div.vips img{width:11px;}
.ios_groupLevel div { height:24px;line-height:24px;float:left;width:26%; text-align:center; border-right:1px solid #EFEDED;}
.ios_groupLevel .thead div,.ios_groupLevel .thead {line-height:20px;height:20px;}
.ios_groupLevel p{text-align:center;padding:10px 10px;font-size:13px;color:#7f7a69;}


.grouplevel,.vip {background:#31302e;text-align:center;padding:16px 9px;}
.grouplevel .mainImg,.vip .mainImg {max-width:98%;}
.grouplevel .mainWrapper,.vip .mainWrapper {background:#f1efed;padding:24px 7px;}
.grouplevel .mainWrapper .subWrapper,.vip .mainWrapper .subWrapper{background:#f1efed;border:1px solid #dad9d7;}
.ios_group .grouplevel .mainWrapper .subWrapper .topImg{display:block;margin:-20% auto 0;width:60%;}
.android_group .grouplevel .mainWrapper .subWrapper .topImg{display:block;margin:-18% auto 0;width:60%;}
.grouplevel .mainWrapper .subWrapper .context{display:block;margin:0 auto 30px;width:90%;}
body.android_vip,body.ios_vip{background:#31302e;}
.vip{padding:10px;}

.vip .topbanner,.vip .mainWrapper{margin:0 auto;position:relative;}
.vip .topbanner{min-width:300px;max-width:640px;}
.vip .topbanner img{width:100%;}
.vip .topbanner .note{width:65%;position:absolute;top:20%;left:18%;}
.vip .mainWrapper {padding:10px;min-width:280px;max-width:620px;}
.vip .mainWrapper .subWrapper{padding-top:15px;}
.vip .mainWrapper .topleft{position:absolute;top:0;left:0;}
.vip .mainWrapper .servicetype{ margin-left:15px;margin-bottom:15px;text-align:left;}
.vip .mainWrapper .item{width:100%;height:60px;margin-left:15px;}
.vip .mainWrapper .item img,.vip .mainWrapper .item .img{width:40px;margin-bottom:10px;}
.vip .mainWrapper .item .note{margin-left:12px;text-align:left;}
.vip .mainWrapper .item .text,.vip .mainWrapper .servicetype{color:#7b7a7a;font-weight:bold;}
.vip .mainWrapper .item .detail{color:#888271;font-size:11px;margin:0;text-align:left;}
.vip .mainWrapper .subWrapper .more{margin-bottom:12px;color:#fb8200;font-weight:bold;}

body.body_groupintro{background:#f8f2e6;}
.groupintro .mainWrapper {padding:0px;/*width:320px;*/}
.groupintro .mainWrapper .context{display:block;margin:0px;width:100%;}

.groupapply {width:320px;text-align:center;padding:0px 0px;margin:0 auto;position:relative;}
.groupapply .mainImg{max-width:100%;}
.groupapply .applyBtn{display:block;width:186px;height:48px;margin:0 auto;position:absolute;left:64px;top:390px;}

/**********************
* private/inc/ help2.0
**********************/

.body_help2 { width:100%;overflow-x:hidden; }
.body_help2 * {-webkit-tap-highlight-color:rgba(0,0,0,0); }
.Inc-Help2 { font-size:16px;padding:10px; }
.Inc-Help2 h4 { font-weight:bold;margin:5px 0;color:#145582; }
.Inc-Help2 dl {  }
.Inc-Help2 dt { color:#333;display:block;line-height:20px;padding:8px 10px;border-top:1px solid #fff; border-bottom:1px solid #d0c9b8; }
.Inc-Help2 dt.on { color:#000;background:#ece7da; }
.Inc-Help2 dd { display:block; display:none; padding:20px;line-height:150%;border-bottom:1px solid #d0c9b8; }
.Inc-Help2 dd img { padding:3px;max-width:254px;border:1px solid #AAA;margin:5px 0 10px 0; }
.Inc-Help2 dt .trigon { display:inline;float:right;width:0;margin-top:5px;display:block;border-left:8px solid #fffbef;border-top:8px solid #888;border-right:8px solid #fffbef;}
.Inc-Help2 dt.on .trigon { border:0px;border-left:8px solid #ece7da;border-bottom:8px solid #555;border-right:8px solid #ece7da;}

.Inc-GroupLevel table.rank_table { border-collapse: collapse; border: 1px solid #e9dcc1; border-top: 2px solid #61a7da; margin: 0 auto; }
.Inc-GroupLevel table.rank_table th { border-right: 1px solid #e9dcc1; height: 30px; font: normal 13px Tahoma,Verdana,Arial,"宋体"; font-weight: bolder; text-align: center; }
.Inc-GroupLevel table.rank_table th.rank_num { width: 60px; line-height: 30px; }
.Inc-GroupLevel table.rank_table th.rank_pic { width: 100px; line-height: 30px; }
.Inc-GroupLevel table.rank_table th.rank_value { width: 100px; line-height: 30px; }
.Inc-GroupLevel table.rank_table th.rank_day { width: 100px; line-height: 30px; }
.Inc-GroupLevel table.rank_table th.rank_other { width: 80px; line-height: 30px; }
.Inc-GroupLevel table.rank_table td { text-align: center; border: 1px solid #e9dcc1; height: 30px; }
.Inc-GroupLevel table.rank_table td.r_pic { text-align: left; padding-left: 60px;}

body.body_account{font:14px/150% 华文黑体,tahoma,arial;}
.body_account .accountSet .accountItem{padding:10px; border-bottom:1px solid #E6E3D5;}
.body_account .accountSet .accountItem .notes{margin-left:10px;color:#838271;width:150px;}
.body_account .accountSet .accountItem .notes .type{font-size:16px;color:#807c70;}
.body_account .accountSet .accountItem .money{display:inline-block;padding-top:10px;color:#838271;}
.body_account .accountSet .accountItem .money .type_gift
,.body_account .accountSet .accountItem .money .type_buy{color:#FF5500;}
.body_account .accountSet .accountItem .money .type_charge{color:#838271;}
.body_account .accountSet .accountItem .money img,.body_account .accountDetail .accountDetailItem img{margin-left:5px;width:7px;}
.body_account .accountSet .accountSetTitle{font-size:14px;padding:10px;line-height:10px;color:#807c70;font-weight:bold;
    -webkit-box-shadow: #D9D8D2 0px 2px 3px;-moz-box-shadow: #D9D8D2 0px 2px 3px;box-shadow: #D9D8D2 0px 2px 2px;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F5F3ED), to(#EBEAE9));
    background: -webkit-linear-gradient(#F5F3ED, #EBEAE9);
    background: -moz-linear-gradient(#F5F3ED, #EBEAE9);
    background: -ms-linear-gradient(#F5F3ED, #EBEAE9);
    background: -o-linear-gradient(#F5F3ED, #EBEAE9);
    background: linear-gradient(#F5F3ED, #EBEAE9);}
.body_account .accountSet .icon{width:40px;height:40px;}
.body_account{background:#FFFFFA;}
.body_account .mainWrapper{/*padding:20px 10px;*/}
.body_account .accountDetail{background:#FFF; border:1px solid #ABABAB;}
.body_account .accountDetail .accountDetailItem{padding:10px;border-bottom:1px solid #ABABAB;}
.body_account .accountDetail .accountDetailItem.last{border-bottom:none;}
.body_account .nobill{text-align:center;margin-top:60px;}
.body_account .nobill img{width:133px;}
/*banner*/
.body_banner .mainWrapper{width:320px;margin:0 auto;}
.body_banner .mainWrapperMax640{max-width:640px;width:100%;margin:0 auto;}
.body_banner .mainWrapperMax640 .topImg{display:block;width:640px;width:100%;}
/*guide*/
body.body_guide { background:#f4f3f2; }
body.body_guide_white { background:#ffffff; }
.body_guide .mainWrapperMax640{text-align:center;max-width:640px;}
.body_guide .mainWrapperMax640 .topImg{height:100px;margin:10px auto}
.body_guide .mainWrapperMax640 .endImg{margin:10px auto 30px;}
.body_guide .card{ display:none;border:1px solid #b8b6ab;background:#ffffff;margin:30px 10px 0 10px;height:160px;overflow:hidden;
    -moz-box-shadow:0px 1px 3px #b8b6ab;-webkit-box-shadow: 0px 1px 3px #b8b6ab;box-shadow: 0px 1px 3px #b8b6ab;
    -moz-border-radius: 4px;-webkit-border-radius:4px;border-radius:4px;}
.body_guide .note{width:auto;text-align:center;background:#f1f1ea;margin:5px;}
.body_guide .note .text{display:inline-block;padding:4px 14px;color:#6d6d6d;font-size:13px;width:auto;}
.body_guide .emtpycard .note { background:none; }