/***
@author:lungin
@design:chenqiujing
@update:2014-08-01
***/

/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,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,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
.clearfix:after{visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
.clearfix{*zoom:1;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
html,body{*overflow-y:hidden; *overflow-x:hidden;}

/*sprite*/
.bind_device a i,.bw_input,.bw_btn_bind,.fb_success i,.fb_fail i,.phone_type i{background:url(../img/spr_bind.png) no-repeat;}

.bind_wp{width:600px; height:410px; font:12px \5FAE\8F6F\96C5\9ED1; color:#555; background-color:#fff; overflow:hidden;}
.bind_hd{margin:25px 30px 0; font-size:14px; color:#242424;}
.bind_ways{margin:18px 30px 32px;}
.bw{float:left;}
.bind_way1{width:316px; border-right:1px dotted #d6d6d6;}
.bind_way2{padding-left:36px; width:186px;}
.bw h4{margin-bottom:3px;}
.bw_step{line-height:18px;}

/*bind_way1*/
.bind_device{margin:30px 4px 40px;}
.bind_device a{display:inline-block; width:94px; text-align:center; color:#555;}
.bind_device a:hover{text-decoration:none;}
.bind_device a i{display:block; margin:0 auto 5px; width:70px; height:70px; cursor:pointer;}
a.bd_ico1:hover i{background-position:0 -75px;}
a.bd_ico2 i{background-position:-75px 0;}
a.bd_ico2:hover i{background-position:-75px -75px;}
a.bd_ico3 i{background-position:-150px -75px;}
a.bd_ico3:hover i{background-position:-150px 0;}
.bw_input{display:block; margin-top:14px; width:273px; height:30px; background-position:0 -150px;}
.bw_input input{padding:8px; width:180px; height:14px; line-height:14px; border:none; font-family:\5FAE\8F6F\96C5\9ED1; background:none; vertical-align:top;}
.bw_input input:focus{outline:none;}
.bw_btn_bind{display:inline-block; width:77px; height:30px; line-height:30px; font-size:14px; color:#fff; text-align:center; background-position:9999px 9999px; vertical-align:top;}
.bw_btn_bind:hover{text-decoration:none; background-position:-275px -150px;}
.feedback{position:relative; margin-top:8px; padding-right:77px; width:196px;}
.fb_success,.fb_fail{display:block; width:100%; height:18px; line-height:18px; font-size:14px; text-align:center;}
.fb_success i,.fb_fail i{display:inline-block; margin-right:6px; width:18px; height:18px; vertical-align:top; *vertical-align:middle; _vertical-align:-1px;}
.fb_success{color:#00a862;}
.fb_success i{background-position:-255px -60px;}
.fb_fail{color:#e9424d;}
.fb_fail i{background-position:-255px -40px;}
.link_feedback{position:absolute; right:0; top:1px; _top:3px; width:77px; height:18px; line-height:18px; text-align:center; font-size:12px;}

/*bind_way2*/
.tcode_wp{text-align:center; color:#999;}
.tcode_wp img{display:block; margin:30px auto 0; width:130px; height:130px; }
.phone_type{display:block; margin:18px 0; width:100%; height:18px; line-height:18px; text-align:center; color:#d6d6d6;}
.phone_type i{display:inline-block; width:18px; height:18px; line-height:50px; overflow:hidden; vertical-align:top;}
.phone_type .ico_ios{background-position:-255px -20px;}
.phone_type .ico_android{background-position:-255px 0;}

/*bind_bottom*/
.bind_tips{position:relative; padding:0 20px; color:#999;}
.link_more{position:absolute; right:20px; top:0; }
.link{color:#037aff;}