@charset "gb2312";
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,button,input,textarea{padding:0px; margin:0px; border:none;}
a,a:visited{ color:#333; text-decoration:none;}
a:active,
a:hover { text-decoration:none;}
a:focus,
input:hover,
button:hover,
input[type='button']:hover{ outline:none;}
i, 
em, 
cite { font-style: normal; }
li{ vertical-align:bottom; overflow:hidden; list-style-type:none;}
body, 
button, 
input, 
select, 
textarea{ font-family:微软雅黑,arial,'Hiragino Sans GB',宋体,sans-serif; outline:none;}

.clear {
    clear: both;
}
.menu_back2,.menu_slide,#us_panel2 td i,.send_msg_to,.menu_refresh,#post_comment_btn,.menu_back,.menu_share,.menu_open,.search_open,.list_info_h dt,.list_info_i dt,#menu ul li a b,.hd .fr,.reg_bar_close,.login_bar_close,.reg_bar .fl i,#weibo_app i,#qq_connect i,.login_bar .fl i,.share_sina,.share_guangbo,.share_douban,.content_info_more,.header_more dt,.works_view dt,#add_f i,.works_link dt,.visit_site a i,.add_friend,.remove_friend,.rela_friend,.user_menu dt,#user_menu li a .fl i,.home_profile_local i,.home_profile_c a i,.remove_msg,.reply_msg_post {
	background: url("../img/icons.png") no-repeat;
	background-size: 500px 500px;
}

/* 禁止webkit横屏改变字体大小 */
html{-webkit-text-size-adjust:none;word-wrap:break-word}

/* 设置HTML5元素为块 */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;padding:0px; margin:0px; border:none;}

/* 超出隐藏 */
.overflow{ overflow:hidden;} 

/* 点击去除阴影 */
a,button,input,i{-webkit-tap-highlight-color:rgba(0,0,0,0); -moz-tap-highlight-color:rgba(0,0,0,0); -ms-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0);}       
		          
/* float */
.fl{ float: left; }
.fr{ float: right;}

/* 图片自适应调整 并解决图片缩放的失真问题*/
img{max-width:100%; /* height:auto; */border:none; interpolation-mode: bicubic;}

/* 文字居中 */
.txt-center{ text-align:center;}
.txt-justify{ text-align:justify; text-justify:inter-ideograph;}

/* 自动换行 */
.word-auto{word-wrap: break-word;word-break: normal;}

/* 自动居中 */
.mg-auto{ margin-left:auto; margin-right:auto; position:relative;}

/* clearfix */  
.clearfix:after{ visibility: hidden;display: block;font-size: 0;content:" ";clear: both;height: 0;}
.clearfix{ *zoom:1;}

/* transtion-Hover */
.tianstion{ 
    transition:all ease 0.4s; 
	-moz-transition:all ease 0.4s; 
	-ms-transition:all ease 0.4s; 
	-o-transition:all ease 0.4s;
	-webkit-transition:all ease 0.4s;
}
.area{ width:100%;}
#wrap{ width:100%;
	background:#F0F0F0;
	max-width:640px;
	position:relative;
	margin-top:1em; margin:0 auto;
	background-image: url(img/tp1.jpg);
}
body{ background: #F0F0F0;}

@media only screen and (max-width:309px){html{font-size:9.375px}#wrap{ width:100%;}}
@media only screen and (max-width:319px) and (min-width:310px){html{font-size:9.6875px}#wrap{ width:100%;}}
@media only screen and (max-width:349px) and (min-width:320px){html{font-size:10px}#wrap{ width:100%;}}
@media only screen and (max-width:359px) and (min-width:350px){html{font-size:10.9375px}#wrap{ width:100%;}}
@media only screen and (max-width:374px) and (min-width:360px){html{font-size:11.25px}#wrap{ width:100%;}}
@media only screen and (max-width:399px) and (min-width:375px){html{font-size:11.718px}#wrap{ width:100%;}}
@media only screen and (max-width:413px) and (min-width:400px){html{font-size:12.5px}#wrap{ width:100%;}}
@media only screen and (max-width:469px) and (min-width:414px){html{font-size:12.9375px}#wrap{ width:100%;}}
@media only screen and (max-width:479px) and (min-width:470px){html{font-size:14.6875px}#wrap{ width:100%;}}
@media only screen and (max-width:539px) and (min-width:480px){html{font-size:15px}#wrap{ width:100%;}}
@media only screen and (max-width:559px) and (min-width:540px){html{font-size:16.875px}#wrap{ width:100%;}}
@media only screen and (max-width:569px) and (min-width:560px){html{font-size:17.5px}#wrap{ width:100%;}}
@media only screen and (max-width:629px) and (min-width:570px){html{font-size:17.8125px}#wrap{ width:100%;}}
@media only screen and (max-width:639px) and (min-width:630px){html{font-size:19.6875px}#wrap{ width:100%;}}
@media only screen and (min-width:640px){html{font-size:20px}#wrap{max-width:640px}}