@charset "utf-8";
/* CSS Document 
Use for:	XXXX
Version:	1.0
Date:		2010/05/15
Author:		glq
Update:		
*/

/* CSS Reset */
body, div, span, applet, object, iframe,input, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr { padding: 0; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
caption{ text-align:left;}
ins{ text-decoration: none;}
del{ text-decoration: line-through;}
input,select{ vertical-align:middle;}
input,textarea,select{font:12px "微软雅黑", Tahoma,Geneva, Arial, Helvetica, sans-serif; }
fieldset, img { border: 0; }
address,code,caption,th,cite,dfn,em,var{font-style:normal;}
ol, ul { list-style: none; }
h1, h2, h3, h4, h5, h6 {font-size: 100%; }
q:before, q:after { content:""; }
legend{ display:none;}


/* bass css */
body{ margin:0 auto; font:12px/1.8 Arial, Helvetica, sans-serif; color:#545454; background:#e9e9e9;  }

.wrapper{ margin:0 auto; width:100%; }

.clearfix:after{ content:""; height:0; visibility:hidden; display:block; clear:both;}
.clearfix{ zoom:1;}
.clear { clear:both }

/*********public style*********/

/* link css */
a {color: #39442e; text-decoration:none; outline:none;}
a:hover {text-decoration:underline;}

html{-webkit-text-size-adjust:none; font:6.25%;}
.header{ background:#36baca; overflow:hidden;}

.head{ position:relative; padding:22px 22px 0; height:30px;}
.logo{ background:url(http://zm.felink.com/upload/m/images/logo.jpg) no-repeat; background-size:108px 25px; height:25px; width:108px; display:block; position:absolute; left:22px; top:22px;}
.tips{ position:absolute; left:136px; top:18px; background:#eace1f; color:#fff; font-size:12px; height:18px; width:70px; text-align:center; line-height:18px; border-radius:30px;}
.back{  height:25px; line-height:25px; width:58px; display:block; position:absolute; right:22px; top:22px; border-radius:30px; text-align:center; color:#333;
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffffff,endcolorstr=#f6f6f6,gradientType=0); 
    background:-moz-linear-gradient(top, #ffffff, #f6f6f6); 
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#f6f6f6));  
    background:-o-linear-gradient(top, #ffffff, #f6f6f6);  
}
.back:hover{ text-decoration:none;
filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#f6f6f6,endcolorstr=#ffffff,gradientType=0);
    background:-moz-linear-gradient(top, #f6f6f6, #ffffff);
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#f6f6f6), to(#ffffff)); 
    background:-o-linear-gradient(top, #f6f6f6, #ffffff); 
}
.warp{  height:229px; width:100%; position:relative;}
.bg_apple{background:url(http://zm.felink.com/upload/m/images/banner.jpg) no-repeat center 8px;}
.bg_android{background:url(http://zm.felink.com/upload/m/images/banner_an.jpg) no-repeat center top;}
.tuit_ad{ margin:0 auto; width:300px; text-align:right; padding:60px 20px 0 0;}
.tuit_ad .txt1{ font-size:30px; color:#fff; line-height:36px;}
.tuit_ad .txt2{ font-size:14px; line-height:26px;color:#fff;}
/* btn */
.btn_box{ text-align:center;  padding-bottom:22px; position:relative;}
.btn{ margin:0 auto; width:240px; height:62px;  display:block;text-indent:-999em; display:block;}
.txt_tis{ font-size:12px;color:#fff;}
.next_a{ margin:20px 0 0; color:#fff;}
.next_a a{color:#fff;font-size:14px;}
.android{ background:url(http://zm.felink.com/upload/m/images/icon_an.png) no-repeat;background-size:240px 62px;}
.android1{ background:url(http://zm.felink.com/upload/m/images/icon_an1.png) no-repeat;background-size:240px 62px;}
.iphone1{ background:url(http://zm.felink.com/upload/m/images/icon_ap1_160811.png) no-repeat;background-size:240px 62px;}
.iphone{ background:url(http://zm.felink.com/upload/m/images/icon_ap1_160811.png) no-repeat;background-size:240px 62px;}

/* container */
.container{ background:url(http://zm.felink.com/upload/m/images/bg_re.jpg) repeat-x 0 0 #E9E9E9; padding:22px; overflow:hidden;}
.line_t{border-top:1px solid #fff;}
.line_b{ border-bottom:1px solid #d5d5d5;}
.col_n{ position:relative; padding:20px 0 20px 76px; }
.col_n_r{ position:absolute; left:10px; top:28px; vertical-align:middle; line-height:100%; }
.col_n_r em{ height:50px; width:50px; display:block;}
.icon_1{ background:url(http://zm.felink.com/upload/m/images/icon_1.jpg) no-repeat; background-size:50px 50px;}
.icon_2{ background:url(http://zm.felink.com/upload/m/images/icon_2.jpg) no-repeat; background-size:50px 50px;}
.icon_3{ background:url(http://zm.felink.com/upload/m/images/icon_3.jpg) no-repeat; background-size:50px 50px;}
.icon_4{ background:url(http://zm.felink.com/upload/m/images/icon_4.jpg) no-repeat; background-size:50px 50px;}

.col_n_l{ position:relative; left:0; top:0; width:100%;}
.col_n_l h3{ width:100%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#057583; font-size:16px;}
.col_n_l h3 a{color:#057583; font-size:16px;}
.col_n_l .txt_box{ color:#545454; font-size:12px; line-height:18px;}

.pd_n{ padding-top:22px;}
.mg_n{ margin-left:30px;}

/* 教程 */
.tit_l{ color:#545454; font-size:14px; line-height:24px; margin:10px 0;}
.pic_box{ padding-bottom:10px; text-align:center; margin:0 auto; width:276px;}
.pic_box img{ width:100%;}
.back_box{ position:relative; height:69px; }
.back_box .back{ right:0;}
/* foot */
.save_warp{ width:276px; margin:10px auto 0;}
.save_warp .save{background:url(http://zm.felink.com/upload/m/images/weibo.jpg) no-repeat; padding-left:30px; line-height:23px; color:#333; display:inline-block; float:left;}
.save_warp .save2{background:url(http://zm.felink.com/upload/m/images/weixin.jpg) no-repeat; padding-left:32px; line-height:23px; color:#333; display:inline-block; float:right;}
.footer{ text-align:center; color:#464646; margin:0 auto; padding:0 0 10px;}