/* base style */
html, body, h1, h2, p, ul, li{margin:0;padding:0;}
body {font-size:12px;line-height:1.5;font-family:"lucida Grande",Verdana, "Times New Roman", \5b8b\4f53; color:#444444;background:#f5f5f5;}
ul , li {list-style:none;}
img {border:none;}
p {line-height:1.7;margin:4px 0;}
a {color:#3D5E86; text-decoration:none;}
a:hover {text-decoration:underline;}

.graytext {color:#b0b0b0;}
.red{color:#f00;}
.nowrap {white-space:nowrap; color:#999;}
.bold {font-weight:bold;}
.clr {height:0;overflow:hidden;clear:both;}
.left {float:left;}
.right {float:right;}
.qm_container {margin:0; text-shadow:0 1px 0 #fff;}
.qm_content_center{margin-left:auto;margin-right:auto;width:900px;}
.iPadAccess, .normal_button{ text-shadow:0 0 0 #fff;}
.text_right{text-align:right;}
.hide{display:none;}
.btn_space{margin-right:10px;}
.btn_space_big{margin-right:14px;}

.icon_down{ display:inline-block; float:left; width:24px; height:24px; background:url("../images/qqmail_app/icon_download1427ef.png") no-repeat;}

/* 页头 */
.qm_header {height:90px;overflow:hidden;color:#FFFFFF;background:#354B66;  box-shadow:0px 1px 2px #ccc;
	-moz-transition:height 0.2s ease-out;}
.qm_header a {color:#FFFFFF;}
.qm_logo a{ display:inline-block; height:50px; width:142px; border-width:0; vertical-align:middle; outline:none;
	-moz-transition:all 0.3s ease-out;}
.qm_logo {text-align:center; height:50px; background:url(../images/qqmail_app/logo_bottom1427ef.png) no-repeat bottom center;}
.qm_logo img {margin:12px 0px 9px;}
.qm_logo .qm_logo_ico{margin:12px auto 9px;display:inline-block;width:141px;height:29px;background:url(../images/qqmail_app/logo1427ef.png) no-repeat;background-image:-webkit-image-set(url(../images/qqmail_app/logo1427ef.png) 1x, url(../images/qqmail_app/logo_2x1427ef.png) 2x);}
.qm_header .seperator {padding:12px;}
.ico_weibo_tencent, .ico_mail {display:inline-block; width:25px; height:30px; padding:0 3px 1px 0; vertical-align:middle; background-image:url("../images/qqmail_app/ico_mobiles17a766.png");}
.ico_weibo_tencent{ background-position: 4px -318px;}
.ico_mail{ background-position: 0 -347px;}

/* 导航条 */
.qm_nav { position:relative; margin:0 auto;  width:580px; width:576px\9;}
.qm_nav ul { overflow:hidden; _zoom:1; padding:0 2px; position:relative; z-index:2;}
.qm_nav li {float:left; text-align:center; height:40px; padding:0 2px;}
.qm_nav li.qm_nav_new{ position:relative;}
.qm_nav li.qm_nav_new .s_name{ padding-right:26px;}
.qm_nav .new_pro{ position:absolute; right:27px; top:4px; width:25px; height:11px; line-height:11px; font-size:0; background:url(../images/qqmail_app/icon_new1427ef.png) no-repeat;}

.qm_nav a {overflow:hidden; _zoom:1; font-size:14px; display:inline-block; height:40px; background-color:transparent; background:#354B66\9; line-height:40px; padding:0 24px; border-left:1px solid transparent; border-right:1px solid transparent; border-width:0\9; padding:0 25px\9; color:#fff;opacity:0.6;filter:alpha(opacity=60);
	/* -webkit-transition:opacity 0.2s ease;*/ outline:none;}
.nav_Symbian .s_name{display:none;}
.nav_WindowsMobile a{padding:0 16px; width:150px\9;}
.nav_WindowsMobile .s_name{ width:114px\9;}
.qm_nav .current, .qm_nav a:hover {text-decoration:none; opacity:1; filter:alpha(opacity=100);}
.qm_nav .current{border-left:1px solid #2F435D; border-right:1px solid #2F435D;   -moz-box-shadow:0px 0px 4px #303F52; -webkit-box-shadow:0px 0px 3px #333; -o-box-shadow:0px 0px 3px #303F52; box-shadow:0px 0px 3px #303F52; border-width:0\9;}
.qm_nav .current, .qm_nav .current:hover { color:#FFFFFF;text-shadow:1px 1px 0 #24354B;
	 background-color: #4e647f; 
	/*
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3c5777), to(#4f657f));
	background-image: -webkit-linear-gradient(top, #4f657f, #3c5777);
	background-image:-moz-linear-gradient(center top , #4f657f, #3c5777);
	background-image: -ms-linear-gradient(top, #4f657f, #3c5777);
	background-image: -o-linear-gradient(top, #4f657f, #3c5777);*/
	-moz-transition: all ease-out 0.01s 0.3s;
	-webkit-transition: all ease-out 0.01s 0.3s;
	-o-transition: all ease-out 0.01s 0.3s;
	transition: all ease-out 0.01s 0.3s;

}
.ico_iPhone, 
.ico_iPad, 
.ico_Android, 
.ico_Symbian, 
.ico_WindowsMobile {display:inline-block; float:left; height:32px; margin:8px 3px 0 0;cursor:pointer;background:url(../images/qqmail_app/ico_mobiles17a766.png) no-repeat;background-image:-webkit-image-set(url(../images/qqmail_app/ico_mobiles17a766.png) 1x, url(../images/qqmail_app/ico_mobiles_2x17a769.png) 2x);}
.s_name{ display:inline-block; float:left; cursor:pointer;}
.ico_Symbian{ margin-top:12px;}

.ico_iPhone {width:20px; background-position:0 -159px;}
.ico_iPad {width:26px; background-position:0 -192px;}
.ico_Android {width:25px; background-position:0 -224px;}
.ico_Symbian {width:64px; background-position:0 -256px;}
.ico_WindowsMobile {width:31px; background-position:5px -286px;}

.ico_arrow_down {position:absolute;top:0;left:4px;width:11px;height:8px; width:110px; height:40px; 
	-moz-transition:left ease-out 0.3s, width ease-out 0.05s; -webkit-transition:all 0.4s; -o-transition:all 0.4s;transition:left ease-out 0.3s, width ease-out 0.05s; 
	z-index:0;
/* fallback */
	background-color: #4e647f;
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3c5777), to(#4f657f));
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #4f657f, #3c5777);
	/* Firefox 3.6+ */
	background:-moz-linear-gradient(center top , #4f657f, #3c5777);
	/* IE 10 */
	background: -ms-linear-gradient(top, #4f657f, #3c5777);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #4f657f, #3c5777);
}

.normal_button{ border:1px solid #334050; display:inline-block; height:38px; text-align:center; line-height:38px; border-radius:5px; color:#ffffff; font-size:14px; padding:0 28px; text-decoration:none; font-weight:bold; background:#304968;
	-webkit-box-shadow: 0 0 1px #091422, inset 0 1px 0px #546982;
	-moz-box-shadow: 0 0 1px #091422, inset 0 1px 0px #546982;
	-o-box-shadow: 0 0 1px #091422, inset 0 1px 0px #546982;
	box-shadow: 0 0 1px #091422, inset 0 1px 0px #546982;
	background-image: -o-linear-gradient(
		center bottom,
		#314660 0%,
		#263a53 16%,
		#334c6a 100%
	);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #314660),
		color-stop(0.16, #263a53),
		color-stop(1, #334c6a)
		);
	background-image: -moz-linear-gradient(
		center bottom,
		#314660 0%,
		#263a53 16%,
		#334c6a 100%
	);
}
.li_button .normal_button{ padding:0 20px; font-weight:normal; width:90px; }
.r_m{ margin-right:15px;}
.normal_button:hover{text-decoration:none; background:#274366;
	-webkit-box-shadow: 0 0 1px #091422, inset 0 1px 1px #617b9a;
	-moz-box-shadow: 0 0 1px #091422, inset 0 1px 1px #617b9a;
	-o-box-shadow: 0 0 1px #091422, inset 0 1px 1px #617b9a;
	box-shadow: 0 0 1px #091422, inset 0 1px 1px #617b9a;
	background-image: -o-linear-gradient(
		center bottom,
		#2c4462 0%,
		#2f4b6d 16%,
		#436287 100%
	);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #2c4462),
		color-stop(0.16, #2f4b6d),
		color-stop(1, #436287)
	);
	background-image: -moz-linear-gradient(
		center bottom,
		#2c4462 0%,
		#2f4b6d 16%,
		#436287 100%
	);
}
.normal_button:active{text-decoration:none; background:#2f445e;
	-webkit-box-shadow: 0 0 1px #091422;
	-moz-box-shadow: 0 0 1px #091422;
	-o-box-shadow: 0 0 1px #091422;
	box-shadow: 0 0 1px #091422;
	background-image: -o-linear-gradient(
		center bottom,
		#2c4462 0%,
		#2c4767 16%,
		#284160 100%
	);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #2c4462),
		color-stop(0.16, #2c4767),
		color-stop(1, #284160)
	);
	background-image: -moz-linear-gradient(
		center bottom,
		#2c4462 0%,
		#2c4767 16%,
		#284160 100%
	);
}
	
/* 各版本 */
@-webkit-keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
}
@-moz-keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
}	
.qm_content_show {
	-webkit-animation-name: fadeIn;
	-webkit-animation-duration: .5s;
	-webkit-animation-timing-function: ease-in;
	-moz-animation-name: fadeIn;
	-moz-animation-duration: .5s;
	-moz-animation-timing-function: ease-in;
}
@-webkit-keyframes fadeOut {
	0% {opacity:1;}
	100% {opacity:0;}
}
@-moz-keyframes fadeOut {
	0% {opacity:1;}
	100% {opacity:0;}
}	
.qm_content_hide {
	-webkit-animation-name: fadeOut;
	-webkit-animation-duration: .3s;
	-webkit-animation-timing-function: ease-in;
	-moz-animation-name: fadeOut;
	-moz-animation-duration: .3s;
	-moz-animation-timing-function: ease-in;
}
.qm_items{height:524px; overflow:hidden;position:relative;/*-webkit-transition:height 0.3s linear;-moz-transition:height 0.3s linear;transition:height 0.3s linear;*/}
.items_on_iPhone,
.items_on_Android{height:676px;}
.qm_iPhone img{ right:5px;}
.qm_comingsoon{ font-size:22px; padding:24px 0;}
.qm_content {display:none\9; top:0;left:0;padding:0; /*height:399px;*/ opacity:0; color:#000; position:relative;position:static\9;}
/*.qm_iPad{top:-673px;}*/
.qm_Android{top:-673px;}
.qm_Symbian{top:-1346px;}
.qm_WindowsMobile{top:-1850px;}
.qm_inner{ padding:0 15px; height:399px;position:relative;}
.qm_content_show {display:block\9;opacity:1;z-index:2;}
.qm_content_hide  {opacity:0;}
.qm_content h1 {padding:56px 0 5px 0;font-size:24px;font-weight:normal;color:#000000; font-family:"lucida Grande","Microsoft Yahei";}
.downloadinfo p {width:282px;}
.qm_screenshot {position:absolute; top:49px; right:15px;}

.iphone_screenshot{width:510px;height:300px;background:url(../images/qqmail_app/iPhone_screenshot198034.jpg) no-repeat;background-image:-webkit-image-set(url(../images/qqmail_app/iPhone_screenshot198034.jpg) 1x, url(../images/qqmail_app/iPhone_screenshot_2x198034.jpg) 2x);}
.ipad_screenshot{width:545px;height:300px;background:url(../images/qqmail_app/iPad_screenshot1735fc.jpg);}
.android_screenshot{width:518px;height:300px;background:url(../images/qqmail_app/Android_screenshot1195d08.jpg) no-repeat;background-image:-webkit-image-set(url(../images/qqmail_app/Android_screenshot1195d08.jpg) 1x, url(../images/qqmail_app/Android_screenshot1_2x195d08.jpg) 2x);}
.symbian_screenshot{width:481px;height:304px;background:url(../images/qqmail_app/Symbian_screenshot1427ef.jpg);}
.windowsphone_screenshot{width:504px;height:276px;background:url(../images/qqmail_app/WindowsPhone_screenshot1427ef.jpg);}
.appStore {margin:20px 0 24px;}
#iPhone .appStore{ margin-bottom:15px;}
.btn_download, .qm_button {display:inline-block;width:172px;height:60px;background:url(../images/qqmail_app/btn_download1427ef.png) no-repeat;}
.btn_download:hover {background-position:0 -64px;}
.btn_download:active {background-position:0 -128px;}
.qm_button {width:139px;height:39px;line-height:37px;text-align:center;font-size:14px;font-weight:bold;color:#FFFFFF;background-position:0 -384px;background-color:#263C58;}
.qm_button:hover {text-decoration:none;background-position:0 -448px;}
.qm_button:active {background-position:0 -512px;}
.edition {margin-top:16px;}
.iPadAccess {width:236px; overflow:hidden; margin:32px 0 0; padding:6px 16px; border:1px solid #CCC; border-radius:5px; background:#E6E6E6; color:#494949; -moz-box-shadow:0px 1px 1px #fff; -webkit-box-shadow:0px 1px 1px #fff; -o-box-shadow:0px 1px 1px #fff;  box-shadow:0px 1px 1px #fff;}
.iPadAccess_url{ margin:-8px 0 -3px;font-size:28px;}
.qm_iPad .qm_screenshot {top:54px; right:8px;}
.qm_Android .qm_screenshot {top:54px;right:5px;}
.qm_Symbian .qm_screenshot {right:8px;}
.qm_WindowsMobile .qm_screenshot {top:62px;right:5px;}
.app_bb_tip{ color:#999999; display:inline-block;padding-bottom:10px;}


/* btn_gray css3 */
.btn_gray{position:relative;display:inline-block;height:26px;line-height:27px;text-align:center;padding:0 10px;text-decoration:none;color:#000;font-faimly:"Microsoft Yahei";text-shadow:none;color:#5a5a5a;border-radius:3px;
border:1px solid #ccc;background: #F3F3F3;
	-webkit-box-shadow: inset 0 1px 0px #fdfdfd;
	-moz-box-shadow: inset 0 1px 0px #fdfdfd;
	-o-box-shadow: inset 0 1px 0px #fdfdfd;
box-shadow: inset 0 1px 0px #fdfdfd;
	background: -moz-linear-gradient(top, #f9f9f9 0%, #f1f1f1 100%);
	background: -webkit-linear-gradient(top, #f9f9f9 0%, #f1f1f1 100%);
	background: -o-linear-gradient(top, #f9f9f9 0%, #f1f1f1 100%);
	background: -ms-linear-gradient(top, #f9f9f9 0%,  #f1f1f1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f1f1f1',GradientType=0 );
background: linear-gradient(top, #f9f9f9 0%, #f1f1f1 100%);
}
.btn_gray:hover{text-decoration:none;color:#5c5c5c;
border:1px solid #ccc;background: #f8f8f8;
	-webkit-box-shadow: inset 0 1px 0px #ffffff;
	-moz-box-shadow: inset 0 1px 0px #ffffff;
	-o-box-shadow: inset 0 1px 0px #ffffff;
box-shadow: inset 0 1px 0px #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,  #f2f2f2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
background: linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
}
.btn_gray:active,
.btn_gray_with_ico_up, 
.btn_gray_with_ico_up:hover{color:#404040;
border:1px solid #c4c4c4;background: #F3F3F3;
	-webkit-box-shadow: 0 1px 1px #fff;
	-moz-box-shadow: 0 1px 1px #fff;
	-o-box-shadow: 0 1px 1px #fff;
box-shadow: 0 1px 1px #fff;
	background: -moz-linear-gradient(top, #e2e2e2 0%, #f0f0f0 100%);
	background: -webkit-linear-gradient(top, #e2e2e2 0%, #f0f0f0 100%);
	background: -o-linear-gradient(top, #e2e2e2 0%, #f0f0f0 100%);
	background: -ms-linear-gradient(top, #e2e2e2 0%,  #f0f0f0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#f0f0f0',GradientType=0 );
background: linear-gradient(top, #e2e2e2 0%, #f0f0f0 100%);
}
.btn_gray_with_ico {padding-right:26px;}
.btn_gray_with_ico .btn_ico{position:absolute;width:11px;height:7px;top:11px;right:10px;background:url(../images/qqmail_app/ico_web1aaa7e.png) -49px 0px no-repeat;background-image:-webkit-image-set(url(../images/qqmail_app/ico_web1aaa7e.png) 1x, url(../images/qqmail_app/ico_web_2x1aaa83.png) 2x);}
.btn_gray_with_ico_up .btn_ico{background-position:-49px -22px;}

/* animation */
.animation_hide{opacity:0;display:none\9;}
.animation_show {
	-webkit-animation-name: fadeIn;
	-webkit-animation-duration: .2s;
	-webkit-animation-timing-function: ease-in;
	-moz-animation-name: fadeIn;
	-moz-animation-duration: .2s;
	-moz-animation-timing-function: ease-in;
}
.animation_hide {
	-webkit-animation-name: fadeOut;
	-webkit-animation-duration: .2s;
	-webkit-animation-timing-function: ease-in;
	-moz-animation-name: fadeOut;
	-moz-animation-duration: .2s;
	-moz-animation-timing-function: ease-in;
}

/* layout */
.qm_layout{position:absolute;z-index:99;top:0;left:0;right:0;bottom:0;_width:100%;background:#000;opacity:0.5;filter:alpha(opacity=50);}

/* dialog */
.qm_dialog{width:620px;border:1px solid #5a5a5a;border-radius:5px;box-shadow:0 1px 5px #505050;position:absolute;top:120px;left:50%;margin-left:-310px;z-index:100;overflow:hidden;background:#f9f9f9;}
.qm_dialog_head{height:43px;line-height:43px;font-size:16px;padding-left:22px;background:#364c68 url(../images/qqmail_app/dialog_head_bg17a581.png) repeat-x;color:#fff;text-shadow:0 1px 1px #18212d;font-family:"lucida Grande","Microsoft Yahei";}
.qm_dialog_close{position:absolute;top:16px;right:13px;width:17px;height:17px;background:url(../images/qqmail_app/ico_web1aaa7e.png) -67px 0px no-repeat;background-image:-webkit-image-set(url(../images/qqmail_app/ico_web1aaa7e.png) 1x, url(../images/qqmail_app/ico_web_2x1aaa83.png) 2x);cursor:pointer;}
.qm_dialog_content{color:#000;text-shadow:none;/*height:368px;*/position:relative;}
.qm_dialog_padding{padding:30px 38px;}
.qm_dialog_bottom{padding:11px 20px;background:#f2f2f2;border-top:1px solid #dcdcdc;position:absolute;bottom:0;left:0;right:0;_width:100%;}
.qm_dialog_bottom .btn_gray {height:23px;line-height:24px;padding-left:15px;padding-right:15px;}

.dialog_android .qm_dialog_content{/*height:330px;*/}
.dialog_android .update_log_content_wrap{height:330px;}
.dialog_android .update_log_old{margin-top:92px;}

.dialog_iphone .update_log_old{margin-top:86px;}

/* update log */
.update_log_new{display:inline-block;vertical-align:top;width:24px;height:12px;background:url(../images/qqmail_app/ico_web1aaa7e.png) -67px -22px no-repeat;background-image:-webkit-image-set(url(../images/qqmail_app/ico_web1aaa7e.png) 1x, url(../images/qqmail_app/ico_web_2x1aaa83.png) 2x);margin-left:6px;margin-top:-1px;}
.update_log_title{margin:0 0 10px;;font-weight:bold;font-size:14px;line-height:14px;}
.update_log_title .graytext{color:#727272;}
.update_log_time{font-weight:normal;font-size:12px;}
.update_log_content li{margin:0 0 6px;}
.update_log_content_wrap{position:absolute;width:1240px;height:368px;left:0;}
.update_log_content_inner{position:relative;float:left;width:620px;height:100%;}
.update_log_old{margin-top:46px;}
.update_log_old_title{margin:0;font-weight:bold;font-size:12px;}
.update_log_old_content{margin-top:10px;border:1px solid #cfcfcf;border-radius:3px;background:#fff;font-size:12px;}
.update_log_old_content li{height:34px;line-height:34px;padding-left:12px;border-bottom:1px solid #e2e2e2;cursor:pointer;background:url(../images/qqmail_app/ico_web1aaa7e.png) 523px -45px no-repeat;background-image:-webkit-image-set(url(../images/qqmail_app/ico_web1aaa7e.png) 1x, url(../images/qqmail_app/ico_web_2x1aaa83.png) 2x);}
.update_log_old_content li:hover{background-color:#fdfdfd;}
.update_log_old_content li.first{border-top-left-radius:3px;border-top-right-radius:3px;}
.update_log_old_content li.last{border-bottom:none;border-bottom-left-radius:3px;border-bottom-right-radius:3px;}
.update_log_old_content .log_time{margin-right:28px;_display:inline;}

/* Apply for app 3.0 */
.dialog_apply_content,
.dialog_loading_content,
.dialog_success_content, 
.dialog_error_content{display:none;height:264px;}
.status_apply .dialog_apply_content{display:block;}
.status_loading .dialog_loading_content{display:block;}
.status_success .dialog_success_content{display:block;}
.status_error .dialog_error_content{display:block;}
.dialog_apply_item{clear:both;zoom:1;line-height:28px;margin-bottom:10px;}
.dialog_apply_left{float:left;width:80px;text-align:right;font-size:14px;}
.dialog_apply_right{margin-left:90px;}
.dialog_apply_tip{font-size:12px;color:#898989;height:20px;line-height:20px;margin:3px 0 0;}
.dialog_apply_content .error{color:#e35254;}

.dialog_apply_input{border-radius:3px;width:354px;height:22px;line-height:22px;padding:2px;background:#fff;border:1px solid #c8c8c8;}
.dialog_apply_operate{text-align:right;padding: 62px 0 0;*padding-top:62px;}
.dialog_apply_operate a{height:32px;line-height:32px;padding:0;width:104px;font-weight:bold;font-size:14px;border-radius:3px;text-shadow:none;letter-spacing:2px;}
.dialog_apply_operate .normal_button{margin-right:10px;box-shadow:0 0 1px #bbb, inset 0 1px 0 #546982;}
.dialog_apply_operate .btn_gray{box-shadow:0 0 1px #ccc, inset 0 1px 0 #f9f9f9;}

.dialog_apply_error,
.dialog_apply_success{font-size:18px;color:#000;padding-top:84px;line-height:68px;text-align:center;}
.dialog_apply_success a,
.dialog_apply_error a{color:#446ea3;text-decoration:underline;}
.dialog_apply_success a:visited,
.dialog_apply_error a:visited{color:#446ea3;}
.dialog_apply_success a:hover,
.dialog_apply_error a:hover{color:#446ea3;text-decoration:none;}
.dialog_apply_success a:active,
.dialog_apply_error a:active{color:#446ea3;text-decoration:none;}

.ico_apply_success{vertical-align:middle;display:inline-block;width:80px;height:80px;background:url(../images/qqmail_app/ico_web1aaa7e.png) 0 -80px no-repeat;background-image:-webkit-image-set(url(../images/qqmail_app/ico_web1aaa7e.png) 1x, url(../images/qqmail_app/ico_web_2x1aaa83.png) 2x);}
.ico_apply_error{vertical-align:middle;display:inline-block;width:80px;height:80px;background:url(../images/qqmail_app/ico_web1aaa7e.png) -80px -80px no-repeat;background-image:-webkit-image-set(url(../images/qqmail_app/ico_web1aaa7e.png) 1x, url(../images/qqmail_app/ico_web_2x1aaa83.png) 2x);}
/* feature */
.feature_container{height:230px;background:#fbfbfb;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;box-shadow:inset 0 1px 1px #FFF;}
.feature{width:145px;float:left;padding:126px 40px 0;text-align:center;background:url(../images/qqmail_app/feature_ico_face1795c3.png) center 30px no-repeat;background-image:-webkit-image-set(url(../images/qqmail_app/feature_ico_face1795c3.png) 1x, url(../images/qqmail_app/feature_ico_face_2x17aafe.png) 2x);}
.feature_contact{background-image:url(../images/qqmail_app/feature_ico_contact1795c3.png);background-image:-webkit-image-set(url(../images/qqmail_app/feature_ico_contact1795c3.png) 1x, url(../images/qqmail_app/feature_ico_contact_2x17aafe.png) 2x);}
.feature_notepad{background-image:url(../images/qqmail_app/feature_ico_notepad1795c3.png);background-image:-webkit-image-set(url(../images/qqmail_app/feature_ico_notepad1795c3.png) 1x, url(../images/qqmail_app/feature_ico_notepad_2x17aafe.png) 2x);}
.feature_ftn{background-image:url(../images/qqmail_app/feature_ico_ftn1795c3.png);background-image:-webkit-image-set(url(../images/qqmail_app/feature_ico_ftn1795c3.png) 1x, url(../images/qqmail_app/feature_ico_ftn_2x17aafe.png) 2x);}
.feature h2{font-size:14px;font-family:"lucida Grande","Microsoft Yahei";}
.feature p{font-size:12px;font-family:"宋体";text-align:left;}

/*iPhone版各种特殊*/
#iPhone .appStore{ overflow:hidden; _zoom:1;}
.down_dire{ height:110px; float:left; padding-right:25px; border-right:1px solid #fff;}
.down_code{ height:110px; float:left; padding-left:25px; border-left:1px solid #cdcdcd;}
.down_code img{ width:75px; height:75px;}
.url_link .bold{ margin-bottom:2px; font-weight:normal; color:#000;}
.url_link .nowrap{ font-size:16px; margin-top:0px;}
.zzz_link{ display:block; height:16px; padding-top:8px; overflow:hidden; _zoom:1;}
.ico_zzzapp {display:block; float:left; width:16px; height:16px; margin-right:4px; vertical-align:middle; background:url(../images/qqmail_app/ico_zzzapp_201427ef.png) no-repeat;}

/*iPhone + android */
.qm_iPhone .app_bb_tip,
.qm_Android .app_bb_tip{color:#000;}
.qm_iPhone .qrcode,
.qm_Android .qrcode{height:118px;margin-top:20px;padding-left:120px;}
.qm_iPhone .qrcode{background:url(../images/qqmail_app/iphone_qrcode182de3.png) no-repeat left top;background-image:-webkit-image-set(url(../images/qqmail_app/iphone_qrcode182de3.png) 1x, url(../images/qqmail_app/iphone_qrcode_2x182def.png) 2x);}
.qm_Android .qrcode{background:url(../images/qqmail_app/android_down_code182da7.png) no-repeat left top;background-image:-webkit-image-set(url(../images/qqmail_app/android_down_code182da7.png) 1x, url(../images/qqmail_app/android_down_code_2x182dab.png) 2x);}
.qm_iPhone .appStore,
.qm_Android .appStore{padding-top:0;margin-top:0;width:380px;}
/* iPhone btn appstore + android btn download */
.qm_iPhone .normal_button,
.qm_Android .normal_button{height:46px;line-height:46px; float:left;}
.qm_iPhone .normal_button{padding-left:16px;padding-right:16px;}
.qm_Android .normal_button{padding-left:22px;padding-right:22px;}
.qm_iPhone .button_apply,
.qm_Android .button_apply{padding:0 20px;letter-spacing:1px;}
.ico_appstore{display:inline-block;position:relative;top:8px;width:32px;height:26px;margin-right:4px;background:url(../images/qqmail_app/btn_download_ico1ab9a7.png) 0 0 no-repeat;background-image:-webkit-image-set(url(../images/qqmail_app/btn_download_ico1ab9a7.png) 1x, url(../images/qqmail_app/btn_download_ico_2x1ab9a7.png) 2x);}
.ico_appstore_text{display:inline-block;position:relative;top:12px;width:92px;height:26px;background:url(../images/qqmail_app/btn_download_ico1ab9a7.png) -32px 0 no-repeat;background-image:-webkit-image-set(url(../images/qqmail_app/btn_download_ico1ab9a7.png) 1x, url(../images/qqmail_app/btn_download_ico_2x1ab9a7.png) 2x);}
.ico_androiddownload{display:inline-block;float:left;margin:12px 0 0 0;width:24px;height:26px;margin-right:6px;background:url(../images/qqmail_app/btn_download_ico1ab9a7.png) 0 -32px no-repeat;background-image:-webkit-image-set(url(../images/qqmail_app/btn_download_ico1ab9a7.png) 1x, url(../images/qqmail_app/btn_download_ico_2x1ab9a7.png) 2x);}
.ico_android_download_text{display:inline-block;float:left;margin:12px 0 0 0;width:80px;height:26px;margin-right:6px;background:url(../images/qqmail_app/btn_download_ico1ab9a7.png) -32px -32px no-repeat;background-image:-webkit-image-set(url(../images/qqmail_app/btn_download_ico1ab9a7.png) 1x, url(../images/qqmail_app/btn_download_ico_2x1ab9a7.png) 2x);}
.ico_apply{display:inline-block;float:left;margin:12px 0 0 0;width:121px;height:26px;background:url(../images/qqmail_app/btn_download_ico1ab9a7.png) -32px -64px no-repeat;background-image:-webkit-image-set(url(../images/qqmail_app/btn_download_ico1ab9a7.png) 1x, url(../images/qqmail_app/btn_download_ico_2x1ab9a7.png) 2x);}

.more_ways{margin-top:14px;text-align:right;position:relative;}
.more_ways_panel{width:362px;background:#fff;position:absolute;bottom:32px;right:0;border:1px solid #b6b6b6; box-shadow:0px 0px 8px #ccc;border-radius:5px;padding:0 18px;text-align:left;outline:none;}
.more_ways_panel .qm_access{margin-top:14px;float:none;width:100%;border:none;border-radius:0;box-shadow:none;height:88px;}
.qm_iPhone .qm_access_scan{border-bottom:1px solid #d3d3d3;}
.more_ways_panel .qm_access .QRCode_exchange{top:5px;right:0;width:58px;height:58px;}
.more_ways_panel .qm_access h2{margin:0 60px 0 0;font-size:13px;padding-left:24px;background:url(../images/qqmail_app/ico_web1aaa7e.png) no-repeat;background-image:-webkit-image-set(url(../images/qqmail_app/ico_web1aaa7e.png) 1x, url(../images/qqmail_app/ico_web_2x1aaa83.png) 2x);}
.more_ways_panel .qm_access_scan h2{background-position:-98px 4px;}
.more_ways_panel .qm_access_pop h2{background-position:-98px -18px;}
.more_ways_panel .qm_access_wechat h2{background-position:-98px -40px;}
.more_ways_panel .qm_access p{margin-left:26px;}

.qm_Android .more_ways_panel{width:368px;}
.qm_Android .qm_access_pop{border-bottom:1px solid #d3d3d3;}

/*Android版有二维码下载哦*/
/*
.qm_Android .btn_download {background-position:0 -192px;}
.qm_Android .appStore{ margin:40px 0 24px;}
.qm_Android .btn_download:hover {background-position:0 -256px;}
.qm_Android .btn_download:active {background-position:0 -320px;}
.qm_Android .normal_button{ line-height:46px; height:46px; font-size:16px;padding-left:22px;}
.qm_Android .icon_down{ margin:11px 8px 0 0;}
.code_wrap img{ width:75px; height:75px;}
*/
/* 二维码左右排列巴拉巴拉
.qm_Android .appStore{ float:left; width:auto;}
.down_wrap{ width:370px; overflow:hidden; padding:15px 0 10px;}
.code_wrap{ float:left; margin:13px 0 0 20px; border-left:1px solid #fff;}
.code_wrap img{ padding-left:20px; border-left:1px solid #cdcdcd;}
.code_wrap .app_bb_tip{ display:none;}
*/
/* 二维码上下排列巴拉巴拉 */
/*
.code_wrap img{ width:100px; height:100px;}
.qm_Android .down_wrap .appStore{ margin:25px 0 20px;}
.qm_Android .down_wrap .normal_button{ height:36px; line-height:36px; font-size:14px;}
.qm_Android .down_wrap .icon_down{ margin-top:6px;}
.code_wrap .app_bb_tip{ display:block;}
.qm_Android .url_link{ display:none;}
*/

/*使用方法*/
.qm_access {position:relative;float:left;width:434px;height:100px;border:1px solid #d5d5d5;line-height:24px; color:#494949; background:#ffffff; -moz-box-shadow:0px 1px 1px #fff; -webkit-box-shadow:0px 1px 1px #fff; -o-box-shadow:0px 1px 1px #fff;  box-shadow:0px 1px 1px #fff; border-radius:5px;}
.qm_access h2 {margin:14px 18px 0;font-size:14px;font-weight:bold; color:#000;}
.qm_access p {margin:4px 18px;}
.qm_access_broswer {}
.qm_access .QRCode {position:absolute;top:12px;right:14px; width:75px; height:75px;}
.qm_access .QRCode_exchange {position:absolute;top:13px;right:14px;width:74px;height:74px;}
.qm_iPad .qm_access .QRCode_exchange {left:321px;}
.qm_otheruse{ overflow:hidden; _zoom:1; height:105px;}
.QRCode_desc {position:absolute;top:13px;right:13px;}


/*页尾*/
.qm_link {margin:25px 0 0;border-bottom:1px solid #FFFFFF;}
.qm_link_list{padding:0 0 4px;border-bottom:1px solid #E1E1E1; text-align:center; overflow:hidden; _zoom:1;*font-family:\5b8b\4f53;}
.qm_link_weibo {padding-right:30px;}
.footer_ico{background:url(../images/qqmail_app/ico_web1aaa7e.png) no-repeat;background-image:-webkit-image-set(url(../images/qqmail_app/ico_web1aaa7e.png) 1x, url(../images/qqmail_app/ico_web_2x1aaa83.png) 2x);display:inline-block;vertical-align:middle;margin-left:11px;}
.footer_ico_weibo{background-position:0 0px;width:16px;height:20px;}
.footer_ico_mail{background-position:-25px 0px;width:20px;height:18px;}
.footer_ico_weibo:hover{background-position:0px -22px;}
.footer_ico_mail:hover{background-position:-25px -22px;}
.qm_footer {position:relative;clear:both;padding:14px 0 48px; text-align:center;}
.qm_footer ul{padding-left:312px;overflow:hidden;zoom:1;}
.qm_footer p{ margin-top:0;}
.qm_footer .qm_footer_links{*zoom:1;}
.qm_footer .qm_footer_links a{display:inline-block;}
.qm_footer li {float:left;white-space:nowrap;}
.qm_footer a {color:#999999;}
.qm_footer .seperator {padding:5px;}

/* terms of users */
.qm_forusers{width:900px;margin:0 auto;}
.qm_forusers h3, .qm_forusers h2, .qm_forusers p{ text-indent:2em; font-size:14px; line-height:1.5; padding:5px 0;}
.qm_forusers h1{ text-align:center; font-size:16px; padding:20px 0;}
.qm_forusers h3, .qm_forusers h2{}
.qm_forusers h3{ text-indent:0;}
.qm_forusers .qm_busi{ padding:20px 0 40px;}

/* tips */
.tip{
	text-align: center;
	position: absolute;
	top: 210px;
	left: 50%;
	margin-left:-60px;
	font-size: 12px;
	color: #FFF;
	width: 120px;
	height: 120px;
	opacity:0.9;
	filter:Alpha(opacity=90);
	z-index: 101;
	border-radius: 8px;
	background: #494949;
}
.success_tip{
	background-image: url(../images/qqmail_app/ico_done_white.png);
	background-repeat: no-repeat;
	background-position:center 32px;
}
.error_tip{
	background-image: url(../images/qqmail_app/ico_error_white1aa89b.png);
	background-repeat: no-repeat;
	background-position:center 32px;
}
.msg {padding-top: 80px;line-height: 18px;}

@media (max-width:900px){
	.qm_items{overflow:visible;}
}