@charset "utf-8";



/*主要部分
会员颜色蓝色格调

*/
.main{margin:15px auto;}
.main_left{border:1px solid #e3eaef;border-top:3px solid #2196f3;width:230px;float:left;background:#fff;border-radius:3px;overflow:hidden;}
.main_left dl {border-top:1px solid #e3eaef;}
.main_left dl dt{padding:0 15px;height:40px;line-height:40px;font-size:14px;color:#333;background:#fafafa;border-bottom:1px solid #e3eaef}
.main_left dl dd{height:33px;line-height:33px;font-size:13px;}
.main_left dl dd a{display:block;padding:0 25px;}
.main_left dl dd a:hover{background:#f7f7f7;border-right:2px solid #2196f3;text-decoration:none;color:#333;}
.main_left dl dd a span{color:red;}
.main_left .left_cur{background:#f7f7f7;border-right:2px solid #2196f3}

/*主要部分 右侧*/
.main_right{border:1px solid #e3eaef;width:840px;float:right;padding-bottom:20px;min-height:860px;background:#fff;border-radius:3px;overflow:hidden;}
.tit{background:#fafafa;height:40px;line-height:40px;border-bottom:1px solid #e3eaef;margin-bottom:20px;}
.tit h3{background:#fff;color:#666;padding:0 20px;display:inline-block;font-size:14px;border-top:1px solid #2196f3;border-right:1px solid #e3eaef;font-weight:normal;}

.main_cont{padding:0 20px;}
.zw-member-center{overflow:hidden;padding:10px;margin-bottom:10px}
.zw-member-left{width: 210px;text-align:center;float:left;}
.zw-member-left img{width:150px;height:150px;border-radius:5px;}
.zw-member-right{width: 560px;float:right;}
.zw-row{height:30px;line-height: 30px}
.zw-row label{width:70px;display: inline-block;}
.zw-row .vip{height:25px;vertical-align:middle;}
.zw-member-edit{margin-left:10px;}
.zw-member-edit span{margin-right:2px;}
.zw-item{width:20%;float:left;text-align:center;}
.zw-item-console{height:80px;width:80px;margin:0 auto;border-radius:100%}
.zw-item-console .zw-iconfont{font-size:45px;color:#fff;line-height: 80px;}
.zw-balance{background:#4cc860}
.zw-point{background:#2799f4}
.zw-grade{background:#42c7c6}
.zw-experience{background:#a56ce1}
.zw-fans{background:#f89f85}
.zw-item p{margin-top:5px;color:red;}
.zw-item cite{font-style: normal;margin-top:5px;display:block;color:#666;}
.userimg{width:180px;}
.userimg img{width:300px;height:300px;border-radius:5px;margin-bottom:30px}
.file{outline:none;background:#fff;box-sizing:border-box;padding:10px 15px;border-radius:3px;border:1px solid #e3eaef;display:block;width:100%;margin-bottom:20px;}



select{ background: #fff none repeat scroll 0 0;border-color: #ddd;border-image: none;border-style: solid;border-width: 1px;height: 30px;line-height: 30px;margin-right:2px;min-width:120px;outline:none;}
textarea{width:615px;height:80px;padding:2px 3px;border-radius:2px;border:1px solid #5973F7;outline:none;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;font-size:12px;margin:10px 0}
.input,.zw-input-text{height:30px;line-height:30px;width: 100%;padding:1px 5px;border-radius:3px;border:1px solid #5973F7;outline:none;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;font-size:13px}
.select optgroup {background:#f0f0f0}
.date{height:30px !important;line-height: 30px;padding:1px 5px !important;border-radius: 2px !important;width:320px !important;border:1px solid #e3eaef !important;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;}
.w370{width:370px;}
.w660{width:660px;}
.fieldset_list{border:1px solid #d8d8d8;margin-bottom:8px;border-radius:2px}
.fieldset_list legend{font-size:13px;color:#666;background-color:#f9f9f9;border:1px solid #d8d8d8;padding:0 15px;height:30px;line-height:30px;width:56px;font-weight:bold;margin-bottom:0px;}
.fieldset_tip{text-align:center;font-size:13px;margin-top:5px;margin-bottom:10px;}
.file_ul li{margin-bottom:5px;margin-left:10px}
.file_ul li .input-text{margin-right:10px;height:23px;line-height:23px;width:230px;padding:3px 5px;border:1px solid #ddd;margin-bottom:8px;border-radius:3px}
.file_ul li .zw-input-alt{width:180px;}
.file_ul li a{color:#fff;font-size:12px;padding:4px 6px;background:#2196f3;border-radius:2px;}
.file_ul li a:hover{text-decoration:none;opacity:0.8}
.textarea{width:666px;height:100px;padding:2px 3px;border-radius:3px;border:1px solid #e3eaef;outline:none;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;font-size:13px;line-height:20px}
.input:focus,.textarea:focus{border-color:#75a1f0;box-shadow: 0 0 12px #75a1f0;transition:all 0.218s ease 0s;}
.submit{padding:8px 20px;display:inline-block;box-sizing:border-box;cursor:pointer;text-align:center;font-weight:400;white-space:nowrap;vertical-align:middle;border:none;background-color:#FE4622;width:auto;overflow:visible;transition:background-color .1s linear;color:#fff;border-radius:3px;min-width:100px;outline:none;}
.submit:hover{background-color:#E92E09;}
.btn-danger{background-color:#f56c6c;border-color:#f56c6c}
.btn-danger:hover{background:#f78989;border-color:#f78989}
.radio{margin-right:3px;}
.option_label{margin-right:8px;}

.required{color:#fd6161;margin-left:-12px;margin-right:3px;vertical-align:middle;font-weight:bold;}
.main_cont table{}
.main_cont table tr{height:50px;}
.codeimg{cursor:pointer;height:30px;margin-top:5px;margin-left:5px;}

.tablelist{width:100%;}
.tablelist th,td{padding-left: 12px;}
.tablelist thead th {background:#f2f2f2;border-bottom: 1px solid #ddd;font-weight: normal;text-align:left;height: 30px;line-height: 30px;}
.tablelist tbody td{border-bottom: 1px solid #eee;padding-bottom: 5px; padding-top: 5px;}
.tablelist .tablast{background:#f6f6f6 none repeat scroll 0 0;height:30px;line-height: 30px;}

.follow ul li{width:222px;height:95px;float:left;margin-right:10px;margin-bottom:20px}
.follow ul li img{width:80px;height:80px;float:left;margin-right:5px;border:1px solid #dcdcdc;border-radius:3px}
.follow ul li strong{display:block;margin-bottom:5px;}

.uploadfile{height:30px;line-height:30px;width:320px;padding:1px 3px;border-radius:2px;border:1px solid #e3eaef;outline:none;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;}
.upload-btn{background:#409eff;color:#fff;display: inline-block;text-align: center;cursor: pointer;padding:5px 10px;border-radius:3px;transition:all 0.3s;font-size:13px;}
.upload-btn:hover{background:#66b1ff;color:#fff;text-decoration:none}
.explain{color:#fff;font-size:13px;background-color:#67c23a;padding:6px 15px;border-radius:3px;}
.explain-error{background-color:#f56c6c;}
.explain-alert{background-color:#e6a23c;}
.explain-info{background-color:#909399;}
.explain.light{background-color:#f0f9eb;color:#67c23a}
.explain-error.light{background-color:#fef0f0;color:#f56c6c}
.explain-alert.light{background-color:#fdf6ec;color:#e6a23c}
.explain-info.light{background-color:#f4f4f5;color:#909399}
.explain .zw-iconfont{font-size:12px;margin-right:5px;}
.explain p{margin:3px 0}

.amount{font-size:24px;}
.point{font-size:18px;font-family: Georgia,Arial}
.label_img{margin-right:10px}
.label_img img{height:30px;margin-left:5px;vertical-align:middle;cursor:pointer}
.zw-xs-btn{background:#409eff;color:#fff;padding:0px 7px;border-radius:2px;height:22px;line-height:22px;border:none;cursor:pointer;display:inline-block;white-space:nowrap;text-align:center;font-size:12px;text-decoration:none}
.zw-xs-btn:hover{opacity:.8;filter:alpha(opacity=80);color:#fff;text-decoration:none}
.zw-btn-success{background:#67c23a}
.zw-btn-primary{background:#409eff}
.zw-btn-warm{background:#ffb800}
.zw-btn-danger{background:#f56c6c}
.zw-btn-red{background:red}

.message{border:1px solid #eee;border-radius:3px;}
.message_header{color:#333;background:#f5f5f5;padding:0 15px;border-bottom:1px solid #eee;font-size: 16px;height:35px;line-height:35px;font-weight:bold;}
.message_footer{color:#333;background:#f5f5f5;padding:0 15px;border-top:1px solid #eee;font-size: 14px;height:35px;line-height:35px;}
.message_content{padding:15px;}
.footer_button{margin-top:15px}
.footer_button a{margin-right:10px;background:#fff;padding:6px 20px;border:1px solid #eee;border-radius:2px;color:#333}
.footer_button a:hover{background:#e6e6e6;border:1px solid #adadad;text-decoration:none;}
#page{margin-top:20px;font-size:13px;height:33px;line-height:33px;text-align:center}
#page .pageinfo {color:#666;padding:6px 8px;border:1px solid #ddd}
#page .pageinfo strong{font-weight:normal}
#page  a{border:1px solid #ddd;background:#fff;color:#808080;padding:6px 11px;margin-left:5px;border-radius:2px;transition:all 0.2s}
#page  a:hover,#page .curpage{background:#2196f3;color:#fff;text-decoration:none;border:1px solid #2196f3;}
#page .nopage{cursor:not-allowed;}
#page .nopage:hover{background:#fff;color:#808080;border:1px solid #ddd;}