@charset "utf-8";

body{ margin:0; padding:0; font-family:"微软雅黑","宋体"; background-color:#f2f2f2;}
a{ text-decoration:none; color: #000000;}
a:hover{ text-decoration:underline;}
img{ border:none;}
li{ list-style-type:none;}

*{ margin:0; padding:0;}
.nodata{ text-align: center; font-size:12px; padding-top: 20px;}




/*页头*/
.shoucang{ width:100%;  margin:0 auto; background-color:#fff; padding:5px 0; border-bottom:2px solid #dfdfdf;}
.shoucang .shoucang_box{ width:1200px; margin:0 auto;}
.shoucang .shoucang_box a{color:#333;text-decoration:none;}
.shoucang .shoucang_box a:hover{ text-decoration:underline;}
.shoucang .shoucang_box p{ font-size:12px; display:inline-block; line-height:32px;}
.shoucang .shoucang_box span{ font-size:12px; float:right; line-height:32px;}




/*页面主体*/
.box{ width:100%; height:auto; background-color:#f2f2f2;}
.user_main{ width:1200px; margin:0 auto; display:table;}
.user_main .user_tab{ padding:15px 0; font-size:12px;}
.user_main .user_tab a{ color: #333333;}
.user_main .user_kuang{ width:100%;}


/*等级*/
.grade_box{
	width: 77px;
	height: 16px;
	overflow: hidden; margin:0 auto;
	background-repeat: repeat;
	background-size: auto auto; vertical-align:middle;
	display: inline-block;
	background-image: url(../img/dengji.png);
}
.grade_box.v1{	background-position: 85px 155px;}
.grade_box.v2{background-position: 85px 124px;}
.grade_box.v3{background-position: 85px 93px;}
.grade_box.v4{background-position: 85px 62px;}
.grade_box.v5{background-position: 85px 31px;}




/*左侧*/
.user_main .user_kuang .user_l{ width:232px; float:left;}
.user_main .user_kuang .user_l .my_info{ width:100%; height:282px; background-color:#FFFFFF; margin-bottom:17px;}
.user_main .user_kuang .user_l .my_info .zl{ width:100%; height:37px; border-top:2px solid #c70000;}
.user_main .user_kuang .user_l .my_info .zl .zl_box{ width:75px; height:25px; background-color:fafafa;}
.user_main .user_kuang .user_l .my_info .zl .zl_box p{ font-size:14px; color:#333; line-height:24px; padding-left:12px;}
.user_main .user_kuang .user_l .my_info h1{ margin-bottom:25px; padding:10px; border-bottom:1px solid #c70000; font-size:14px; font-weight:normal;}
.user_main .user_kuang .user_l .my_info h1 span{ float:right; font-size:12px;}
.user_main .user_kuang .user_l .my_info li{padding:5px 0; text-align:center; font-size:12px;list-style-type: none;}
.user_main .user_kuang .user_l .my_info h2{ padding:5px 0; text-align:center; font-size:16px;}
.user_main .user_kuang .user_l .my_info .img_box{ width:120px; height:120px; background-color:#666666; margin:0 auto;}

/*左侧菜单*/
.user_main .user_kuang .user_l .my_nav{ width:100%; height: auto; background-color:#ffffff; margin-bottom:15px;}
.user_main .user_kuang .user_l .my_nav ul{ padding:5px 15px;}
.user_main .user_kuang .user_l .my_nav ul li{border-bottom:1px solid #efefef; padding:7px 0;list-style-type: none;margin:0; background-color:#FFFFFF;}

.user_main .user_kuang .user_l .my_nav ul li:nth-child(9n+0){ border:0;}
.user_main .user_kuang .user_l .my_nav ul li em{ width:30px; height:30px; display:inline-block; background-image:url(../img/ico.png); vertical-align:middle; margin-right:10px;}
.user_main .user_kuang .user_l .my_nav ul li.hover a{ color:#CC0000;}
.user_main .user_kuang .user_l .my_nav ul li a{ color:#333333; margin:0;}
.user_main .user_kuang .user_l .my_nav ul li a:hover{color:#CC0000;}

.user_main .user_kuang .user_l .my_nav ul li em.ico_01{background-position: 30px 0px;}
.user_main .user_kuang .user_l .my_nav ul li em.ico_02{background-position: 30px -120px}
.user_main .user_kuang .user_l .my_nav ul li em.ico_03{background-position: 30px -60px}
.user_main .user_kuang .user_l .my_nav ul li em.ico_04{background-position: 30px 90px}
.user_main .user_kuang .user_l .my_nav ul li em.ico_05{background-position: 30px 270px}
.user_main .user_kuang .user_l .my_nav ul li em.ico_06{background-position: 30px 150px;}
.user_main .user_kuang .user_l .my_nav ul li em.ico_07{background-position: 30px 120px}
.user_main .user_kuang .user_l .my_nav ul li em.ico_08{background-position: 30px 90px}
.user_main .user_kuang .user_l .my_nav ul li em.ico_09{background-position: 30px 360px}





.user_main .user_kuang .user_l .my_nav ul li.hover em.ico_01{background-position: 0px 0px;}
.user_main .user_kuang .user_l .my_nav ul li.hover em.ico_02{background-position: 0px -120px}
.user_main .user_kuang .user_l .my_nav ul li.hover em.ico_03{background-position: 0px  -60px}
.user_main .user_kuang .user_l .my_nav ul li.hover em.ico_04{background-position: 0px 90px}
.user_main .user_kuang .user_l .my_nav ul li.hover em.ico_05{background-position: 0px 270px}
.user_main .user_kuang .user_l .my_nav ul li.hover em.ico_06{background-position: 0px 150px;}
.user_main .user_kuang .user_l .my_nav ul li.hover em.ico_07{background-position: 0px 120px}
.user_main .user_kuang .user_l .my_nav ul li.hover em.ico_08{background-position: 0px 90px}
.user_main .user_kuang .user_l .my_nav ul li.hover em.ico_09{background-position: 0px 360px}











.kuang_box{border-radius:0px; box-shadow: 0 0px 1px rgba(0, 0, 0, 0.3);}
.kuang_box ul{ width:auto; height:auto; box-shadow: 0 0px 0px rgba(0, 0, 0, 0);}
.kuang_box ul li{ width:100%; height:30px; margin-top:10px; border-bottom:1px solid #efefef; padding:10px 0;}
.kuang_box ul li a{ color:#000000; font-size:14px; line-height:30px; margin-left:16px;}
.kuang_box ul li a:hover{ text-decoration:underline; color:#c70000;}
.kuang_box ul li a span{ font-size:12px; float:right; color:#666666; border:0; margin-right:20px;}

/*消息提示*/
.tssz {
    background-color: #cc0000;
    border-radius: 50%;
    color: #ffffff;
    float: right;
    font-size: 12px;
    font-weight: bold;
    height: 17px;
    line-height: 17px;
    margin-top: 7px;
    text-align: center;
    width: 17px;
}


/*右侧*/
.user_main .user_kuang .user_r{ width:950px; float:right; margin-bottom:30px; }
.user_main .user_kuang .user_r .info_box{width:100%; min-height:600px; background-color:#ffffff; border-top:2px solid #c70000;}
.user_main .user_kuang .user_r .info_box .info_kuang{ padding:15px;}
.user_main .user_kuang .user_r .info_box .info{width:93%; margin:0 auto; border-bottom:1px solid #e1e1e1;}
.user_main .user_kuang .user_r .info_box .info p{ font-size:14px; padding-bottom:15px; color:#666666;}

/*留言标题内容*/
.timu{ width:100%; margin-top:15px; }
.timu h1{ font-size:16px; line-height:30px; display:inline-block; line-height:30px; padding:10px 0; font-weight:normal;}
.timu span{ font-size:12px; float:right; line-height:30px; padding-right:15px; padding-top:10px;}

/*主页选项卡样式*/
.info_box_nav{ width:100%; height:38px; margin:15px 0; border-bottom:1px solid #dfdfdf;}
.info_box_nav ul{ width:100%;} 
.info_box_nav li{background-color:#f8f8f8;border:1px solid #dddddd;padding:8px 15px;float:left;list-style-type: none;}
.info_box_nav li a{ font-size:14px; text-decoration: none; color:#000000;}
.info_box_nav li.hover{background-color:#ffffff;border:1px solid #dddddd;border-bottom:1px solid #ffffff;padding:8px 15px;border-top:2px solid #CC0000;float:left;list-style-type: none;}
.info_box_nav li.hover a{ color:#CC0000;}

/*编辑框样式*/
.user_info_ed{ width:96%; padding:2%; font-size:13px;}
.user_info_ed td{ padding:15px; border-bottom:1px solid #efefef;}
.user_info_ed h1{ padding:10px 0; line-height:20px; border-bottom:1px solid #dfdfdf; font-size:15px; font-weight:normal;}
.user_info_ed h1 em{ width:4px; height:15px; vertical-align:middle; background-color:#c80000; display:inline-block; margin-right:6px; float:left; margin-top:2px;}
.user_info_ed h1 span{ float:right; font-size:12px; color: #666666;}
.user_info_ed .info_01{ width:100%;}
.user_info_ed .info_01 td{ padding:15px 0; font-size:14px;}

/*表单内容*/
.frm i{color: red;font-style: normal;}

input.kuang {
    display: inline-block;
    width: auto;
    height: 17px;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 1px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.user_info_ed .info_02{ width:100%;}
.user_info_ed .info_02 ul{ padding:30px;}
.user_info_ed .info_02 td{ padding:15px 0; font-size:14px;}

/*收货地址列表*/
.tbl-deliver-address *{font-size:12px}
.tbl-deliver-address div,td,th{margin:0;padding:0}
.tbl-deliver-address table{border-collapse:collapse;border-spacing:0}
.tbl-deliver-address{margin:15px 0 0 25px}
.tbl-deliver-address .tbl-main{width:97%;table-layout:fixed;border:1px solid #e7e7e7}
.tbl-deliver-address .caption{height:21px;font-weight:700;color:#fc6210;text-align:left}
.thead-tbl-grade th{height:40px;padding:0 5px;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;background:#f2f2f2;text-align:left}
.tbl-deliver-address .col-man{width:65px}
.tbl-deliver-address .col-area{width:140px}
.tbl-deliver-address .col-postcode{width:60px}
.tbl-deliver-address .col-phone{width:130px}
.tbl-deliver-address .col-address{width:200px}
.tbl-deliver-address tr{border-bottom:1px solid #e7e7e7}
.tbl-deliver-address .address-hover{background-color:#eee}
.tbl-deliver-address .need-update{background-color:#f0f0f0;color:#cfcfcf}
.tbl-deliver-address td{padding:5px;white-space:normal;word-wrap:break-word;word-break:break-all;position:relative}
.tbl-deliver-address .note{padding:4px 5px;background:#f60;color:#fff;border:1px solid #f60;border-radius:3px;text-decoration:none}
.defaultnote{background:#ffd6cc none repeat scroll 0 0;border-color:#ff3800;border:1px solid #f60;border-radius:3px;color:#f30;padding:2px 5px}
.tbl-deliver-address td.cell-align-center{text-align:center}

/*上传头像样式*/
.cf {zoom:1;}
.cf:after {
	display:block;
	visibility:hidden;
	width:0;
	height:0;
	line-height:0;
	font-size:0;
	clear:both;
	content:".";
}
.fl {
	float:left;
	display:inline;
}
.hidden {
	display: none!important;
}

.user_info_ed .info_03{ width:100%;}
.user_info_ed .info_03 td{ padding:15px 0; font-size:14px;}
.user_info_ed .info_03 td textarea{
    display: inline-block;
    width: auto; height:auto;
    padding: 8px 12px;
    font-size: 12px;
    line-height: 1.428571429;
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 1px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

/*关注的吧主*/
.user_guba{ width:100%;}
.user_guba ul{ width:100%;}
.user_guba li{width:33%;float:left; margin-bottom:15px;list-style-type: none;}
.user_guba li .bz_info{ width:285px; height:160px; border:1px solid #dfdfdf; background-color:#fbfbfb;}
.user_guba li .bz_info:hover{ box-shadow: 0 0px 5px rgba(0, 0, 0, 0.3);}
.user_guba li .bz_info h1{ padding:8px 12px; background-color:#c52121; font-size:15px; color:#FFFFFF; }
.user_guba li .bz_info h1 span{ float: right; font-size:12px;}
.user_guba li .bz_info h1 span a{ color:#FFFFFF; font-size:12px; font-weight:normal;}
.user_guba li .bz_info h1 span a:hover{ text-decoration:none; color:#f5f5f5; font-weight:bold;}
.user_guba li .bz_info dl{ padding:16px 12px;}
.user_guba li .bz_info dt{ width:90px; height:90px; float:left; background-color:#CCCCCC; border-radius:50%; overflow:hidden;}
.user_guba li .bz_info dt img{ width:100%;}
.user_guba li .bz_info dd{ width:136px; height:95px; float:right; padding-right:22px;}
.user_guba li .bz_info dd h2{ padding:10px 0 5px 0; font-size:15px; font-weight:bold;}
.user_guba li .bz_info dd p{ font-size:12px; line-height:26px; color:#999999;}

/*相册列表*/
.user_album{ width:100%;}
.user_album ul{ width:100%;display:table;}
.user_album li{width:25%;float:left; margin-bottom:15px;list-style-type: none;}
.user_album li .bz_info{ width:215px; height:180px; border:1px solid #dfdfdf; background-color:#fbfbfb;}
.user_album li .bz_info:hover{ box-shadow: 0 0px 5px rgba(0, 0, 0, 0.3);}
.user_album li .bz_info h1{ padding:8px 12px; background-color:#fff; font-size:15px; color:#333; }
.user_album li .bz_info h1 span{ float: right; font-size:12px;}
.user_album li .bz_info h1 span a{ color:#666; font-size:12px; font-weight:normal;}
.user_album li .bz_info h1 span a:hover{ text-decoration:none; color:#000; font-weight:bold;}
.user_album li .bz_info dl{ padding:10px 12px;}
.user_album li .bz_info dt{height:125px; float:left; background-color:#CCCCCC;overflow:hidden;}
.user_album li .bz_info dt img{ width:100%;}

/*按钮*/
.btn-white {
    padding: 8px 12px;
    box-shadow: inset 0 -2px 0 rgba(0,0,0,0.05);
    border-width: 1px;
    border-color: #c3c6c9;
    color: #657483;
    background-color: #fff;
}
.btn {
    color: #fff;
    background: #a7b2be; border-radius: 3px;
    position: relative;
    border-width: 0;
    box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15);
    font-weight: 700;
    padding: 9px 12px;
    transition: background .3s ease-in-out 0s;
}
.btn-danger {
    color: #ffffff;
    background-color: #d9534f;
    border-color: #d9534f;
}
.btn-disable {
    color: #ffffff;
    background-color: #999;
    border-color: #d9534f;
}
/**列表**/
.pinlen li{ border-bottom:1px solid #efefef; padding:10px 0;}
.pinlen li a{ padding-left:7px; font-size:13px;}
.pinlen li span{ float:right; font-size:12px; padding-right:7px;}

.info_box_main{ width:100%;}
.info_box_main ul{ width:100%;}
.info_box_main li{
	margin:15px 0;
	background-color:#f8f8f8;
	border:1px solid #dddddd;
	width:96%; padding:2%; display:table;
	list-style-type: none;
}
.info_box_main li a{ color:#000000; font-size:14px;}
.info_box_main li a:hover{ color:#c70000;}
.info_box_main li P{ font-size:13px; color:#666666; line-height:25px;}
.info_box_main li P span{ float:right; margin:0;}
.info_box_main span{ font-size:13px; }

.info_box_main li h1{ padding-bottom:10px; border-bottom:1px solid #dfdfdf; font-size:16px; font-weight: normal;}
.info_box_main li dl{ width:100%; padding:10px 0;}
.info_box_main li dt{ width:110px; height: auto; float:left; display:table;}
.info_box_main li dt img{ width:70px; height:70px; border-radius:50%; margin:0 auto; background-color:#CCCCCC; border:0;}

.info_box_main li dd{ float:left;  display:table; width:87%;}
.info_box_main li dd a{ font-size:12px; color:#333333; text-decoration:none;}
.info_box_main li dd a:hover{ color:#CC0000;}
.info_box_main li dd p{ width:100%; font-size:12px; color:#666666; line-height:25px; min-height:75px; word-wrap: break-word;word-break: normal;}
.info_box_main li dd p.my_hf{ padding:5px; background-color:#ffffff; border-radius:5px; margin-top:8px; border:1px solid #efefef; color:#c70000;}
.info_box_main li dd span{ width:100%; font-size:12px; color:#b3b3b3;}
.info_box_main li dd span a{ float:right; color:#CC0000; display:table;}

.xinxi{ padding:10px; background-color:#fffcee; border:1px solid #ede6c8; font-size:12px; margin-bottom:15px; margin-top: 10px;}
.xinxi p{ padding-left:25px; font-size:12px;padding-bottom:0px;}

/*分页*/
.page{ width:100%; height:30px; margin-top:23px; text-align: center; display:table;}
.page .current{ width:25px; height:25px; display:inline-block; border:1px solid #999999;;; margin-left:4px; font-size:12px; color:#FFFFFF; line-height:25px; text-align:center;background-color:#c70000;}
.page a{ padding:0 10px; display:inline-block; border:1px solid #C5C5C5; margin-left:4px; font-size:12px; color:#000000; line-height:25px; text-align:center;
transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;     
-moz-transition: all 0.1s ease-in-out;        
-o-transition: all 0.1s ease-in-out;          
-ms-transition: all 0.1s ease-in-out;  
-Chrome-transition: all 0.1s ease-in-out;
}
.page a:hover{ background-color:#c70000; color:#FFFFFF; border:#999999 1px solid;}
.page .rows{ width:80px; height:25px; display:inline-block; margin-left:4px; font-size:12px; color:#000000; line-height:25px; text-align:center;}

/*页脚样式*/
.foot{ width:100%; background-color:#3a3a3a;}
.foot .foot_box{ width:1200px; margin:0 auto;}
.foot .foot_box .box_1 p{ color:#FFFFFF; font-size:12px; text-align:center; padding-top:10px; line-height:26px;}
.foot .foot_box .box_2{ width:100%; color:#FFFFFF; font-size:12px; text-align:center; line-height:26px;}
.foot .foot_box .box_2 a{ color:#FFFFFF; text-decoration:none;}
.foot .foot_box .box_2 a:hover{ text-decoration:underline;}


.inr_aboutpage {
    text-align: center;
}
.inr_aboutpage a, .inr_aboutpage span{
    display: inline-block;
    font-size: 14px;
    margin: 0 4px;
    padding: 5px 12px;
}
.inr_aboutpage a,.rows{
    background: #fff none repeat scroll 0 0;
	border: 1px solid #e8e8e8;
    color: #666;;
    transition: all 0.3s ease 0s;
}
.inr_aboutpage a:hover {
    border-color: #ff4401;
    color: #ff4401;     	
}
.inr_aboutpage .current{
    background: #ff4401;
	border: 1px solid #ff4401;
    color: #fff;
    transition: all 0.3s ease 0s;
}