html,body,div,p,th,td,h1,h2,h3,h4,h5,h6,ul,li,ol,dl,dt,dd,strong,a,em,span,form,iframe,img,pre,code,object{ margin: 0; padding: 0; border: 0; outline: 0 none;}

ul,ol,li{ list-style: none;}

html,body,input,button,select,textarea{ font:12px/1.5 Arial,宋体,sans-serif; color: #333;}

a{ text-decoration: none; color: #0b3b8c;}
a:hover{ text-decoration: underline; color:#b40000;}
.cr{ color: #f00;}

.clr{ clear: both; height: 0; line-height: 0; font-size: 0;}

.f12{ font-size: 12px;}
.f14{ font-size: 14px;}

.top-link{ height: 30px; line-height: 30px; border-bottom: 1px solid #dfdfdf; background: #f4f4f4; text-align: right; width: 100%; margin-bottom: 15px;}
.top-link .box{ width: 960px; margin: auto;}
.top-link .box a{ margin: 0 10px;}
.top-link .box .l {float: left;}
.top-link .box .r {float: right;}


.header{ width: 960px; margin: auto; overflow: hidden;}
.header .logo{ float: left; height: 55px;}
.header h1{ float: left; font-size: 24px; font-family: 微软雅黑; color:Black;  font-weight:bold; display: inline; margin: 18px 0 0 20px;}

.wrapper{ width: 960px; margin: 10px auto;}
    
    .icon-del,.icon-edit,.th-bg,.icon-success,.btn-sb,.btn-link,.side .menu li.on,.side .menu li a:hover,.step-item,.step-split,
    .icon-help,.icon-pub,.icon-rename,.album-img,.video-bar,.video-play,.icon-note , .label , .label a,.go-back span , .msg-new span , .msg-normal span{ background: url(/statics/images/user/usercenter-bg.gif) no-repeat;}

    .side{ width: 158px; border: 1px solid #c5c5c5; border-top: 4px solid #B40000; padding: 5px 0; float: left;}
    .side .menu{ width: 100%; overflow: hidden;}
    .side .menu li{ width: 143px; display: block; line-height: 25px; font-size: 14px; margin: 0 auto; line-height: 25px; margin-bottom: 8px;}
    .side .menu .split{ height: 1px; border-bottom: 1px solid #c5c5c5; font-size: 0; line-height: 1px; width: 100%; margin-bottom: 10px;}
    .side .menu li.on{ background-position: 0 -50px;}
    .side .menu li.on a{ color: #fff;}
    .side .menu li.on a:hover{ background: none;}
    .side .menu li a{ display: block; width: 100%; text-indent: 1em;}
    .side .menu li a:hover{ background-position: 0 -100px; text-decoration: none;}
    
    .main{ float: right; width: 785px;border: 1px solid #c5c5c5; border-top: 4px solid #B40000; min-height: 478px;_height: 478px;}
    .main .tit{ height: 50px; line-height: 50px; background: #FFEAEA;}
    .main .tit h2{ font-family: 黑体; font-size: 20px; padding-left: 12px; font-weight: normal; float:left}
    .main .tit .r { float:right; margin-top:5px;}
    .main .content{ padding: 12px 15px;}
    .main .content h3{ line-height: 30px;}
    
    .line{ height: 1px; line-height: 1px; font-size: 0; border-bottom: 1px solid #ccc; margin: 10px auto; clear:both;}
    .btn-sb{ background-position: 0 0; width: 101px; height: 28px; border: none; color: #fff; font-weight: bold; cursor: pointer; line-height: 28px; display: inline-block; text-align: center;}
    a.btn-sb:hover{ color: #fff; text-decoration: none;}
	.txt-left { text-align:left; text-indent:10px; }

        .icon-success{ background-position: -30px -250px;}
        .icon-edit{ background-position: -60px -150px; display: inline-block;  height: 18px; width: 16px; vertical-align: middle;}
        .icon-del{ background-position: 0 -200px; display: inline-block;  height: 18px; width: 16px; vertical-align: middle;}
        .icon-help{ background-position: -31px -150px; width: 12px; height: 10px; display: inline-block; line-height: 10px; font-size: 0;}
        .icon-pub{ background-position: -91px -150px; width: 16px; height: 16px; display: inline-block; vertical-align: middle;}
        .icon-rename{ background-position: -121px -150px; width: 14px; height: 12px; display: inline-block; vertical-align: middle;}
        .icon-note{ background-position: -121px -200px; width: 13px; height: 11px; display: inline-block; vertical-align: middle;}
        
        .btn-link{ background-position: 0 -450px; background-repeat:repeat-x; height: 33px; width: 200px; line-height: 33px; font-weight: bold; color: #804a14; display: inline-block; text-align: center; border: 1px solid #ecb98c; font-size: 14px;}
        .tips{ border: 1px solid #ce9d6d; background: #ffffe2; padding: 8px 15px; display: none; position: absolute; line-height: 20px; width: 200px;}
        


    /* 用户中心首页 */
    .index-left{ float: left; width: 480px; margin-right: 30px;}
        .notice{ padding:20px 10px; height: 16px; line-height: 16px;}
    .index-left .info{ margin-top:25px; }
    .index-left .info p{ margin:15px 0; height: 20px;}
    .index-left .info p .lab{ display:inline-block; width:65px; text-align:right;}
    .index-left .info em{ font-style: normal; margin-right:20px; }
	    .color-f60 { color: #f60; }
    .index-right{ float: left; width: 220px;}
    .index-right .btn-link{ margin-bottom: 10px;}
	.index-right span { display:inline-block; margin:15px 0 10px; font-size:14px; }
    
    .com-txt{}
    .com-txt p{ text-indent: 2em; line-height: 22px; font-size: 14px; margin: 20px;}
    .com-txt textarea{ width: 98%; margin: 20px 0;}
    .com-txt .btn-sb{ display: block; margin:10px auto;}
	
	/* 修改密码  修改邮箱*/
	.edit .content{}
	.edit .content .tb-info th{ width: 150px;}
	
	
	/* 我的收藏 收件箱 发件箱 */
    .label{ width: 750px;}
    .tb-list{ width: 750px; background: #cfcfce; text-align:center;}
    .tb-list tr{ width: 100%; height: 42px; line-height:42px;}
    .tb-list th{ /*height: 42px; line-height:42px;*/}
    .tb-list td{ background: #fff; line-height:26px; padding:0 3px;}
        .th-bg{ background-position: 0 -300px; background-repeat: repeat-x;}
        .tb-list th.col1 , .tb-list td.col1{ width: 550px; text-align:left; padding-left:10px; }
        .col2{ width: 100px; }
        .col3{ width: 70px; }
    .label { background-position:0 -763px; background-repeat:repeat-x; width:750px; height:33px; margin-bottom:20px;}
    .label a { display:inline-block; width:77px; height:32px; line-height:32px; text-align:center; background-position:-83px -730px; *margin-right:-3px; cursor:pointer; font-size:14px; }
    a.on { background-position:0 -730px; font-weight:700; color:#333; }
	
	.msg-box { margin-bottom:20px; }
	.tb-list .w110 { width:110px; }
	.tb-list .w350 { width:350px; }
	.tb-list .w460 { width:460px; }
	
	.go-back span { display:inline-block; width:20px; height:20px; background-position:-125px -252px; }
	.msg-view { border:#ccc 1px solid; margin:10px auto; }
		.msg-view .msg-tit { background:#efefef; padding:12px 24px 5px 0; border-bottom:#ccc 1px solid; line-height:24px; }
		.msg-view .msg-tit span{ margin-left: 15px;}
		.msg-src .msg-tit { background:#efefef; margin:0 15px; padding:12px 24px 5px 0; border-bottom:none; line-height:24px; }
		.msg-src-p { margin:10px 0 10px 15px; }
		.msg-cnt { padding:24px; line-height:26px; }
		.msg-cnt p{word-break:break-all;}
		.msg-btn { text-align:center; margin:30px auto;}
		.msg-btn a { margin-right:15px;}
		.msg-reply { width:750px; margin:15px auto;}
		.msg-reply textarea { width:745px; }
		
		.msg-normal , .msg-new { text-align:left;}
		.msg-new { font-weight:700; }
			.msg-new span, .msg-normal span { display:inline-block; width:14px; height:12px; }
			.msg-new span {background-position:-113px -9px;}
			.msg-normal span {background-position:-134px -9px;}

	/* 登录注册相关 */
	.w-box{   border: 1px solid #c5c5c5; border-top: 4px solid #B40000; padding: 10px; min-height: 360px; width: 938px;}
	.w-box h3{ height: 30px; width: 900px; margin: 30px auto 0; font-size: 14px;}
	.w-box h3 span{ float: right; font-size:0; height: 1px; line-height: 1px; border-bottom: 1px solid #ccc; width: 790px; margin: 9px 0 0 0;}
	.tb-reg{ margin: 10px 0 0 120px;}
	.tb-reg th{ width: 130px;}
	.text{ background: white url("/statics/images/user/input.gif") 0 0 no-repeat;border:1px solid #A7A6AA;font-size:14px;height:20px;padding:2px;width:255px;
}
	textarea.text{ height: 76px;
}
	.tb-reg .code{ width: 60px; vertical-align: middle;}
	.error,.ok{ display: none; margin-left: 5px;}
	.error{ color: #f00; background: url(/statics/images/user/user-bg.gif) -120px -250px no-repeat; padding-left: 20px;}
	.ok{ background:url(/statics/images/user/user-bg.gif) -120px -270px no-repeat; padding-left:15px;}
	
	.w-b-l{ float: left; width: 460px; padding-left: 20px; position: relative;}
	.tb-login th{ width: 140px;}
	.tb-login .text{ width: 150px;}
	.w-box .line{ margin: 35px 0 20px}
	.w-b-r{ float: right; width: 430px; padding-top: 15px;}
	.btn-gray{ background: url(/statics/images/user/btn-gray.gif) no-repeat; width: 78px; height: 28px; display: inline-block; line-height: 28px; text-align: center;}
	a.btn-gray{ color: #333;}
	
	.reg-tip{ text-align: center; padding: 10px 0;}
	
	.tb-info{ width: 750px;}
    .tb-info th{ font-size: 14px; font-weight: normal; text-align: right; width: 120px; vertical-align: top;padding:15px 0 0 10px;}
    .tb-info td{ padding: 15px 0 0 10px;}
    
    .send-email{ text-align: left; line-height: 25px; padding: 20px; width: 750px; margin: 0 auto; font-size: 14px;}
	
	.tb-login{ width: 100%;margin-top: 30px;}
	
	.label-box label{ display: inline-block; width: 100px; height: 25px;}
        
.footer{ width: 960px; margin: auto; text-align: center; color: #999; padding: 10px 0;}

/* 翻页 */

.gy-page{ margin: 15px auto; text-align: center; height: 25px; overflow: hidden;}
.gy-page *{ vertical-align: middle;}
.gy-page a{ background: #fff; border: 1px solid #b6b6b6; height: 22px; line-height: 22px; text-align: center; display: inline-block; padding: 0 5px;}
.gy-page a:hover{ border-color: #0b3b8c;}
.gy-page a[disabled=disabled]{ color: #ccc;}
.gy-page a[disabled=disabled]:hover{ border-color: #b6b6b6; text-decoration: none;}
.gy-page .p-current{ background: #0b3b8c; color: #fff; font-weight: bold; height: 24px; line-height: 24px; padding: 0 6px; display: inline-block;}