@charset "utf-8";
/* CSS Document 
Use for:	immomo.com
Version:	1.2
Author:	CrayLin
Date:	2011-11-08
Update:	-
*/

/*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:12px/1.5 "Microsoft YaHei","微软雅黑",arial,simsun,"宋体";}
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;}
p{ }
a:hover{text-decoration:underline;}
fieldset,img{border:0;}
button,input,select,textarea{font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}
html { overflow-y: scroll; }

.highlight { padding:0 2px; color:#175c87;}
.clearfix .highlight { font-size:20px; }
.font14px { font-size:14px;}
.empty2em { text-indent: 2em; }

/*emoji*/
.emoji {width: 20px; height: 20px;}
.username .emoji {width: 16px; height: 16px;}

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

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

/*Link*/
a {color:#444;text-decoration:none;cursor:pointer}
a:hover {color:#0380b4;text-decoration:none;}
.color_blue{color:#00b4ff}
.color_red{color:#f00}

.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;}
.textshadow { text-shadow:0px 1px 1px #000000; }

.fixh { padding-bottom: 32767px !important; margin-bottom: -32767px !important; }
.split { -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; -moz-binding: url('ellipsis.xml#ellipsis'); overflow: hidden; }

.blank20 { height:20px;display:block; }

/**********************
* public / Layout
**********************/
.wrapper{width:960px;margin:0 auto;text-align:left;overflow:hidden}
.layout200{ width:200px }
.layout768{ width:768px }
body.bodyNormal { background:#f4f5ef url(//s.momocdn.com/static/w2-img/bgnormal1.jpg) 50%  0 ;background-repeat:no-repeat; }

.Topbar { width:100%;height:9px;line-height:2px;font-size:1px;background:#414c52;border-bottom:1px solid 283136;}
.Header { padding:15px 0;width:960px;height:70px;}
.Header .Logo { display:block;float:left;width:140px;cursor:pointer; }
.Header .Intro { float:left;width:220px;border-left:1px solid #fff;color:#fff;line-height:14px;font-size:14px;padding:0 0 2px 10px;margin-top:32px;  text-shadow:0px 1px 0px #555; }
.Header .Menu { float:right;padding:20px 0;}
.Header .Menu .btn { padding-right:20px;margin-left:5px;}
.Header .Menu .btn span { padding-left:20px;}
.Header .Menu .btn a { font-size:13px;color:#ccc;*line-height:24px;_line-height:28px; }
.Header .Menu .btn.on a { color:#fff; }

.Con { margin-bottom:25px; }
.ConBorderTop { background:url(//s.momocdn.com/static/w-img/conBorderTop.gif) no-repeat;height:10px; }
.ConBorder {background:#fff;border:1px solid #c0c0c0;border-width:0 1px;padding:10px 20px; }
.ConBorderBottom { background:url(//s.momocdn.com/static/w-img/conBorderBottom.gif) no-repeat;height:10px; }

.momo_logo{margin-top:10px}
.momo_logo a:hover img, .momo_logo2 a:hover img{}

.Footer { padding:20px 0;width:960px;color:#757575; }
	.Footer .UserCount { float:left;width:160px;height:48px;position:relative;margin-right:20px; }
        .Footer .UserCount div { position:absolute;  }
        .Footer .UserCount .Cover { top:21px;left:1px;width:158px;height:2px;z-index:50;line-height:2px;background:#000;z-index:40;font-size:1px; }
	.Footer .UserCount .Number { color:#fff;width:100%;line-height:44px;text-align:center;font-size:30px; }
        .Footer .UserCount .Bg1 { top:0px;left:0px;height:23px;width:100%;background:url(//s.momocdn.com/static/w2-img/sprite_bg.gif) 0 0 repeat-x; -moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;  }
        .Footer .UserCount .Bg2 { top:0px;left:0px;height:25px;width:100%;background:url(//s.momocdn.com/static/w2-img/sprite_bg.gif) -23px 0 repeat-x; top:23px; -moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;   }
        .Footer .Info { float:left;width:520px; }
		.Footer .Menu { line-height:12px;margin:2px 0; }
		.Footer .Menu a { float:left;margin-right:10px;padding:2px;color:#000; font-size:12px;font-weight:normal;}
		.Footer .Menu a:hover { color:#0380b4;text-decoration:none; }
		.Footer .CopyRight { padding:0 3px; }
		.Footer .OtherInfo { padding:0 3px;color:#bbb;font-size:10px; font-family:"Microsoft YaHei","微软雅黑",PMingLiU; }
		.Footer .OtherInfo a { color:#bbb;font-size:10px; font-family:"Microsoft YaHei","微软雅黑",PMingLiU; }
	.Footer .Link { float:right;}
	.Footer .Link span {display:inline-block;padding-top:6px;}
	.Footer .Link a { display:inline-block;width:32px;height:32px;background:url(//s.momocdn.com/static/w2-img/sprite_common.gif) no-repeat;vertical-align: top;
            *margin-right:5px;}
	.Footer .Link .btn_sina { background-position:-80px 0; }
	.Footer .Link .btn_tencent { background-position:-120px 0; }
	.Footer .Link .btn_netease { background-position:-160px 0; }
	.Footer .Link .btn_douban { background-position:-200px 0; }
	.Footer .Link .btn_renren { background-position:-240px 0; }
	.Footer .Link .btn_sina:hover { background-position:-80px -40px; }
	.Footer .Link .btn_tencent:hover { background-position:-120px -40px; }
	.Footer .Link .btn_netease:hover { background-position:-160px -40px; }
	.Footer .Link .btn_douban:hover { background-position:-200px -40px; }
	.Footer .Link .btn_renren:hover { background-position:-240px -40px; }


.btn { background: url(//s.momocdn.com/static/w2-img/sprite_btn.png) no-repeat; padding-right: 10px; display: inline-block; _display: inline; vertical-align: middle; zoom: 1; cursor: pointer;
    _background:url(//s.momocdn.com/static/w2-img/sprite_btn.gif) no-repeat; }
.btn span { background: url(//s.momocdn.com/static/w2-img/sprite_btn.png) no-repeat; padding-left: 10px; display: block; _display: inline-block;
    _background:url(//s.momocdn.com/static/w2-img/sprite_btn.gif) no-repeat; }
.btn a { overflow: visible; display: block; width: auto; _width: 0; 
	height: 30px; line-height: 28px; vertical-align: middle; border: 0; color: #fff; white-space: nowrap; margin: 0px -10px; padding: 0px 10px; text-decoration:none; }
.btn { background-position: 100% -0px; }
.btn span { background-position: 0 -0px; }
.btn:hover { background-position: 100% -40px; zoom: 1; }
.btn:hover span { background-position: 0 -40px; }
.btn.on { background-position: 100% -80px; zoom: 1; }
.btn.on span { background-position: 0 -80px; }

/**********************
* private / 1.2 / Index
**********************/
.bodyIndex .Header { }
.bodyIndex .Footer { width:940px; }
.mainBoxTrans { background:url(//s.momocdn.com/static/w2-img/bg_transborder.png);padding:10px;
    -moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px; }
.mainBox { position:relative;background:url(//s.momocdn.com/static/w2-img/index_mainbox_bg.jpg);height:470px;overflow:hidden;padding:10px;
    -moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px }
    .mainBox .showCon { float:left;height:470px;width:850px;margin-right:10px;overflow:hidden; }
    .mainBox .overCon { width:850px; }
    .mainBox .showCon .roll1 { height:470px;background:url(//s.momocdn.com/static/w2-img/index_mainbox_bg1.jpg) }
    .mainBox .showCon .roll2 { height:470px;background:url(//s.momocdn.com/static/w2-img/index_mainbox_bg2.jpg) }
    .mainBox .ctrlCon { float:left;height:470px;width:60px;overflow:hidden; }
    .mainBox .ctrlCon .ctrlbtn { border:1px solid #232323;background:#232323;margin-bottom:10px;height:148px;color:#ddd;text-align:center;padding-top:80px;cursor:pointer; }
    .mainBox .ctrlCon .ctrlbtn:hover{ border:1px solid #000; }
    .mainBox .ctrlCon .ctrlbtn.on {  border:1px solid #000;background:#000; }
    .mainBox .ctrlCon .ico-ios { margin:0 10px;width:40px;height:40px;background:url(//s.momocdn.com/static/w2-img/sprite_common.gif)  0 0 no-repeat; }
    .mainBox .ctrlCon .ico-an { margin:0 10px;width:40px;height:40px;background:url(//s.momocdn.com/static/w2-img/sprite_common.gif)  -40px 0 no-repeat; }
    
    .mainBox .roll1 .Download { float:right;width:350px;padding-top:280px; }
    .mainBox .roll2 .Download { float:right;width:350px;padding-top:280px; }
    
    .mainBox .Download .btnBig { margin:15px 0;  padding-right:20px;height:36px;background-position: 100% -120px; }
    .mainBox .Download .btnBig span {  height:36px;background-position: 0 -120px;padding-left:20px; }
    .mainBox .Download .btnBig a {  height:36px; color:#fff; line-height:34px;font-size:20px;  }
    .mainBox .Download .btnBig:hover { background-position: 100% -160px; zoom: 1; }
    .mainBox .Download .btnBig:hover span { background-position: 0 -160px; }
    
    .mainBox .Download .btnSmall { padding-right:20px;height:31px;background-position: 100% -200px; }
    .mainBox .Download .btnSmall span {  height:31px;background-position: 0 -200px;padding-left:20px; }
    .mainBox .Download .btnSmall a {  height:31px; font-weight:bold; color:#555; line-height:28px;font-size:12px;   }
    .mainBox .Download .btnSmall:hover { background-position: 100% -240px; zoom: 1; }
    .mainBox .Download .btnSmall:hover span { background-position: 0 -240px; }
    
    .mainBox .Download .info { padding:10px 5px; }

/**********************
* private / 1.2
**********************/

.Login .mainBox { background:#fff;height:280px; }
.Login .mainBox .banner { padding:80px 0 0 60px; float:left; }
.Login .mainBox .loginbox { padding:30px 0 0 60px;float:left;width:460px; }
.Login .mainBox .forgotPwd { padding:0 5px; }
.Login .mainBox .vercode { min-width:80px;width:80px;float:left; }
.Login .mainBox .btnSubmit { min-width:80px;width:80px; }
.Login .mainBox .btnSubmit input { width:90px;display:block;}
.Login .mainBox .vercodeimg { width:60px;height:28px;display:inline-block;float:left;margin-left:5px;}
.Login h5 { padding:10px }
/**********************
* public / 1.2 / About
**********************/
.About { background:url(//s.momocdn.com/static/w2-img/about_wrapper_bg.png);  }
.aboutLeftBar { float:left;width:120px;padding:20px;}
	.aboutLeftBar a { display:block;height:30px;text-align:center;line-height:30px;font-size:14px;margin-bottom:16px;color:#00a0e9;}
	.aboutLeftBar a.on { background:#00a0e9;color:#fff;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px  }
        .aboutLeftBar a:hover { color:#0070a9 }
        .aboutLeftBar a.on:hover { color:#fff; }
.aboutTopBanner { float:right;width:800px;height:200px;background:#eee; }
.aboutContent { float:right;width:720px;min-height:400px;background:#fff; padding:15px 40px 30px;}
.About a { color:#00648c; }
.About a:hover { text-decoration:underline; }
.About p { color:#444;line-height:22px;padding-bottom:10px; }
h3 { color:#00a0e9;font-size:20px;padding:0px 10px 3px;line-height:20px;margin:10px 0;border-left:5px solid #00a0e9;  }
h3 a:hover {  text-decoration:underline;  }
h4 { color:#00a0e9;font-size:20px;padding:10px 0; }
h5 { color:#555;font-size:16px;padding:5px 0; }

.aboutFullContent { padding:30px 40px;background:#fff; }

/**********************
* private / 1.2 / Team
**********************/
.AboutTeam { overflow:visible; }
.AboutTeam .BannerText { padding:20px 40px; width:720px; height:160px;color:#d3d3d3;font-size:13px;font-weight:bold; }
.AboutTeam .BannerText img { float:right;margin-top:20px; }

.AboutTeam ul li { display:block;float:left;width:330px;margin:0 20px 20px 0;padding:5px; }
.AboutTeam ul li.split { display:block;clear:both;width:720px;margin:0 0 20px;border-bottom:1px solid #cfdde2;color:#5f8897; }
.AboutTeam ul li img { float:left; margin-right:15px;border:1px solid #6d757f;z-index:0;
    -moz-box-shadow: 1px 1px 4px #6d757f; -webkit-box-shadow:1px 1px 4px #6d757f; box-shadow:1px 1px 4px #6d757f;}
.AboutTeam h4 { padding:0 0 10px 0; }
.AboutTeam h4 span { color:#00648c;font-size:14px;padding:0 10px;font-weight:normal; }

.AboutTeam ul li.box { width:85px;position:relative;z-index:50;border:2px solid #fff; }
.AboutTeam ul li.box:hover { border:2px solid #cfdde2;  }
.AboutTeam ul li .hidepart {display:none;position:absolute;left:90px;height:67px;top:-2px;padding:10px 20px 10px 10px;width:110px;z-index:70;background:#fff;border:2px solid #cfdde2;border-left:0; }
.AboutTeam ul li.box:hover { z-index:60; }
.AboutTeam ul li.box:hover .hidepart { display:block; }
.AboutTeam ul li.box h4 { font-size:14px; }

/**********************
* private / 1.2 / JoinUs
**********************/
.JoinUs {  }
.JoinUs .BannerText { padding:20px 40px; width:720px; height:160px;font-size:13px; }
.JoinUs .BannerText img { float:right;margin-top:20px; }
.JoinUs .JobItem { padding:10px 0;line-height:180%; }
.JoinUs .JobItem .Title  { margin-bottom:10px; }
.JoinUs .JobItem .Title h5 { color:#004163;background:#d7e9f1;font-size:16px; padding:8px 20px;border-bottom:1px solid #a2bcc7;
    display:inline-block;-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px  }
.JoinUs .JobItem .Title span { color:#c00;font-size:12px;padding:0 5px; }
.JoinUs .JobItem .Content  { padding-left:20px;color:#555; }
.JoinUs .JobItem .Content h6 { text-decoration:underline;margin-top:15px;  } 

/**********************
* private / 1.2 / Invite
**********************/
body.bodyInvite { background:#cfb08d url(//s.momocdn.com/static/w2-img/bgnormal2.jpg) 50%  0 ;background-repeat:no-repeat; }
.Invite {  }
.Invite .aboutLeftBar { padding:25px;width:150px;overflow:hidden; }
    .Invite .userinfo { padding-top:10px;line-height:24px; }
    .Invite .userinfo .username { font-size:16px;width:130px;display:inline-block; }
.Invite .aboutContent { width:730px;padding:25px 15px;min-height:400px; }
    .Invite .userPhoto img { display:block;float:left;margin:0 2px; }
    .Invite .userPhoto { padding-bottom:20px; }
    .Invite .msgbox { background:url(//s.momocdn.com/static/w2-img/invite_msgbox_bg.png) no-repeat;width:580px;height:45px;line-height:180%;padding:20px 30px;font-size:14px;margin:10px 30px;}
.pub_DownBar { margin:40px auto 0;text-align:center;width:560px; }
    .pub_DownBar div,  .pub_DownBar a { float:left;background:url(//s.momocdn.com/static/w2-img/sprite_common.gif) no-repeat; }
    .pub_DownBar div { margin-top:18px; }
    .pub_DownBar .downbtn { display:block;background-position:0 -80px;width:200px;height:80px; }
    .pub_DownBar .downbtn:hover { background-position:0 -160px; }
    .pub_DownBar .appStore{ background-position:-200px -80px;width:160px;height:60px;margin-top:20px; }
    .pub_DownBar .android { background-position:-200px -140px;width:160px;height:60px;margin-top:20px; }

/**********************
* private / 1.2 /  Help
**********************/
.Help p.question { font-weight:normal;color:#00648c; padding:0;margin:0; }


/**********************
* public / 1.2 /  Form
**********************/
/*用fieldset替换table布局*/
dl.fieldset { margin: 0; padding: 0 0 0 105px;color:#666;zoom: 1;line-height:140%; }
dl.fieldset select{ }
dl.fieldset label{ margin:0px 5px 0px 2px;vertical-align:middle;_vertical-align:text-top;}
dl.fieldset dt { _display: inline; float: left; clear: both; line-height:30px;
    width: 90px; margin: 0 0 0 -105px; padding: 2px 0 4px 10px; text-align:left;white-space:nowrap;}
dl.fieldset dd { float: left; width: 100%; margin: 0; padding: 2px 0 4px; }
dl.normalForm {  }

/*其他表单元素的定义*/
.fieldset *:focus { outline: none; }
.fieldset input.password, input.text { height: 22px;min-width:150px;_width:150px; padding: 4px; border: 1px solid #bbb; background: #fff; line-height: 14px; color:#555; }
.fieldset input.password.focus, input.text.focus { padding: 4px; border: 1px solid #00a0e9 !important; color:#222;background:#f5f9fc !important; }
.fieldset input.error, select.error, textarea.error { border:1px solid #d55000 !important;color:#d55000;background-color:#fff3e1; }
.fieldset input.valiU_TextError { /*padding: 4px; border: 1px solid #ff7f46;background:#fff5f0; */}

textarea { background: #fff; }
textarea.text { overflow: auto; padding: 4px; border: 1px solid #bbb; }
textarea.text.focus { padding: 3px; border: 2px solid #eab252; }
select.select { height: 24px;padding: 2px;height:auto; border: 1px solid #bbb; background: #fff; }
input.radio, input.checkbox { margin-right: 6px; *margin-right:3px;}
input.file { height: 24px; }
input, button, select { vertical-align: middle; }
input, button, textarea, select { color: #666; }
em { padding-left:10px; }
em.valiU_Correct { color:#00a0e9; }
em.valiU_Error { color:#00a0e9; }

/* 通用表单的提交 */
.btnSubmit { background-position: 100% -280px;height:34px; }
.btnSubmit span { background-position: 0 -280px;height:34px; }
.btnSubmit:hover { background-position: 100% -320px; zoom: 1; }
.btnSubmit:hover span { background-position: 0 -320px; }
.btnSubmit input {  overflow: visible; display: block; width: auto; _width: 0; background:none;
	height: 34px; line-height: 32px; vertical-align: middle; border: 0; color: #fff; white-space: nowrap; margin: 0px -10px; padding: 0px 20px;}
 .submitMsg { margin-left:10px;color:#c00; }
 
 /* 通用信息提示 */
.About .pubMsgTip { border:1px solid #e7d9b6; background:#ffffd3;padding:15px 25px;margin:20px 0; }
.uSharePage .shareInput { width:480px; }
.uSharePage .shareBar { margin:20px 0; }
.uSharePage .shareBar a { display:inline-block;padding:4px;border:1px solid #fff;line-height:50px;margin-right:5px;text-decoration:none; }
    .uSharePage .shareBar a span { background:url(//s.momocdn.com/static/w2-img/sprite_common.gif) 0 0;width:50px; height:50px;display:block;float:left;margin-right:10px; }
    .uSharePage .shareBar a:hover { border:1px solid #e6eef5 ;background:#f5f9fc; }
    .uSharePage .shareBar a.btn_sina span { background-position:0 -260px;}
    .uSharePage .shareBar a.btn_tencent span { background-position:-60px -260px; }
    .uSharePage .shareBar a.btn_renren span { background-position:-120px -260px;}
    .uSharePage .shareBar a.btn_qzone span { background-position:-180px -260px; }

.About .applyReason { width:480px;height:160px;margin:10px 0; }

/* helpwiki */
.HelpWiki .aboutLeftBar .selflink { background:#00a0e9;color:#fff;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px  }
.HelpWiki .aboutContent #wikicmds ul { display:none;float:right; }
.HelpWiki .aboutContent #wikicmds ul li { float:right;padding:0 5px; }
    .HelpWiki .Title { color:#00a0e9;font-size:20px;padding:0px 10px 3px;line-height:20px;margin:10px 0;border-left:5px solid #00a0e9;  }
    .HelpWiki .Title  a { color:#00a0e9 !important;}
    .HelpWiki h1, .HelpWiki h2, .HelpWiki h3 { font-size:18px;line-height:50px; }
    .HelpWiki .vspace { padding:5px 0; }
    .HelpWiki p { line-height:150%; }
    .HelpWiki .fpltemplate dl { line-height:200%; }
    .HelpWiki .fpltemplate dt { font-size:14px; }
    .HelpWiki .fpltemplate dd { padding-left:24px; }
.HelpWiki .wikisearch .searchbox { padding:4px;line-height:26px;font-size:18px; border: 1px solid #bbb; background: #fff; }
.HelpWiki .wikisearch .searchbutton { margin-left:5px;border:1px solid #00a0e9;background:#00a0e9; padding:8px; color:#fff; }