﻿html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td,p { margin:0;padding:0; }
table { border-collapse:collapse;border-spacing:0; }
fieldset, img { border:0; }
ol,ul { list-style:none; }
/*边框*/
.comBorder { border:1px solid #e5e5e5 }.greenTopBorder{ border-top:2px solid #e5e5e5 }
/*通用宽度*/
.w1200 { width:1200px;margin:0 auto; }
/*通用按钮*/
a.btn_orange{ display:inline-block;color:#fff;background-color:#51C332; }
.btn_orange{ display:inline-block;color:#fff;background-color:#f0924a; }
a.btn_green { display:inline-block;color:#fff;background-color:#009b10; }
.btn_green { display:inline-block;color:#fff;background-color:#009b10; }
a.btn_gray{display:inline-block;color:#fff;background-color:#aaa;}
a.btn_red { display: inline-block;color:#fff;background-color: #e1004d;padding:0px 5px;font-weight: 500;line-height: 20px; }
a.btn_green:hover { background-color:#078615; }
.btn_green:hover { background-color:#078615; }
a.btn_orange:hover{ background-color:#d98141; }
.btn_orange:hover{ background-color:#d98141; }
a.btn_red:hover{ background-color:#c00042; }
a.btn_lgreen{display:inline-block;color:#fff;background-color:#40bd6e;}
a.btn_lgreen:hover{background-color:#24b358;}
/*通用表格*/
.comTab{ width:100%;/*border:1px solid #e5e5e5;*/ }
.comTab p{vertical-align:middle;}
.comTab .line { width:150px;color:#888;text-align: right;padding-right: 10px;/*border-right: 1px solid #e5e5e5;*/ }
.comTab tr:nth-of-type(even) { background-color:#fafafa; }
.comTab td { padding-left:5px;padding:10px 0;/*border-bottom: 1px solid #e5e5e5;*/ vertical-align: middle; }
.comTab td a.btn { line-height: 22px;padding:5px 10px;font-size:12px;color:#fff;border-radius: 5px; }
.comTab td label.btn { width:80px !important;height:20px !important;line-height: 22px;padding:5px 10px;font-size:12px;color:#fff;border-radius: 3px;cursor:pointer;overflow:hidden; }
.comTab td input.ipt{width:300px;height:30px;padding:0 5px;line-height: 30px;color:#51C332;}
.comTab td select.sl{ font-size:14px;width:100px;text-align:center;height:30px;line-height: 30px; }
.comTab td .upload{width:100px;margin-top:10px;}
.comTab td .tips{margin-left:50px;font-size:12px;color:#aaa}
.comTab td .tips i{vertical-align: middle;}
.comTab td .tarea{padding:5px;width:450px;height:80px;}
.comTab td .productImg{width:100%;overflow: hidden;}
.comTab td .productImg div{position: relative;float:left;width:280px;padding:5px;}
.comTab td .productImg div .close{position:absolute;right:0px;top:0px;width:15px;height:15px;cursor: pointer;}
.comTab td .productImg img{width:280px;height:280px;}
/*sprite*/
.centerICON { display: inline-block;width:15px;background:url('../images/centerICON.gif') no-repeat; }
.icon_1,.icon_2 { height:12px; }
.icon_2 { background-position: 0 -12px; }
.icon_3,.icon_4 { height: 7px; }
.icon_3 { background-position: 0 -24px; }
.icon_4 { background-position: 0 -31px; }
.icon_5,.icon_6 {height:11px;}
.icon_5 { background-position: 0 -38px; }
.icon_6 { margin-left:10px;background-position: 0 -49px; }
.icon_7 { width:20px;height:20px;background-position: 0 -60px; }
.icon_8{background-position: 0 -80px;}
.icon_8:hover{background-position: 0 -100px;}
.infoICON{display: inline-block;background:url('../images/centerInfo.png') no-repeat;}
.inIcon_1,.inIcon_2,.inIcon_3,.inIcon_4{width:40px;height:40px;background-position:  0 0;}
.inIcon_2{background-position:  0 -40px;}
.inIcon_3{background-position:  0 -80px;}
.inIcon_4{background-position:  0 -120px;}
.inIcon_5,.inIcon_6,.inIcon_7,.inIcon_8,.inIcon_9,.inIcon_10,.inIcon_11,.inIcon_12{width:100px;height:100px;background-position:  0 -200px;}
.inIcon_6{background-position:  0 -300px;}
.inIcon_7{background-position:  0 -400px;}
.inIcon_8{background-position:  0 -500px;}
.inIcon_9{background-position:  0 -600px;}
.inIcon_10{background-position:  0 -700px;}
.inIcon_11{background-position:  0 -800px;}
.inIcon_12{background-position:  0 -900px;}
.inIcon_5:hover{background-position:-100px -200px;}
.inIcon_6:hover{background-position:-100px -300px;}
.inIcon_7:hover{background-position:-100px -400px;}
.inIcon_8:hover{background-position:-100px -500px;}
.inIcon_9:hover{background-position:-100px -600px;}
.inIcon_10:hover{background-position:-100px -700px;}
.inIcon_11:hover{background-position:-100px -800px;}
.inIcon_12:hover{background-position:-100px -900px;}
.inIcon_13{width:20px;height:20px;background-position: -170px -30px;}
.inIcon_14{width:20px;height:20px;background-position: -120px 0px;}
.inIcon_14:hover{background-position: -150px 0px;}


body{ font:14px/30px "微软雅黑"; }
/*个人中心导航*/
.centerNav,.centerContent { float:left; }
.centerNav{background-color:#fff;border:1px solid #e5e5e5;}
.centerNav .rowC { overflow: hidden; }
.centerAvatar { padding:10px 20px;overflow:hidden;background:url('../images/avatar_bg.jpg') repeat; }
.centerAvatar .avatar { float:left;width: 105px;height: 105px; }/*头像*/
.centerAvatar .avatar img { width:100px;height:100px;border:3px solid #fff;border-radius: 100px; }
.centerAvatar .myInfo { float:left;width:125px; }/*用户资料*/
.centerAvatar .myInfo p { padding-left:10px;line-height: 30px; }
.centerAvatar .myInfo .name{ font-family: "microsoft yahei";font-size:16px;font-weight: 600; }
.centerAvatar .myInfo .integral{ font-family: "microsoft yahei";font-size:12px;font-weight: 600; }
.centerAvatar .rgstion {padding-left:10px;}/*签到*/
.centerAvatar .rgstion a{ color:#fff;padding:0px 15px;border-radius: 5px; }
.centerAvatar .rgstion span { display:inline-block;line-height:22px;color:#666;font-size: 12px;padding:0px 5px;border-radius: 3px;background-color:#fff; }
.centerMenu { padding:10px;overflow: hidden; }
.centerMenu .item { position:relative;padding:0 20px;line-height: 40px;font-size:16px; }
.centerMenu .active { background-color:#f8f8f8;color:#ff830e; }
.centerMenu .active a { font-weight:600;color:#ff830e; }
.centerMenu .item .link { position: relative; }
.centerMenu .item .hot { position: absolute;top:1px;right:-20px; }
.centerMenu .item ul {}
.centerMenu .item .sub_item { padding-left:20px;font-size: 14px;line-height: 30px; position: relative;}
.centerMenu .item .on a {color: #f00;}
/*个人中心内容区域*/
.centerContent { width:900px;overflow: hidden;float: right;clear: none; }
.centerTitle{ float:right;width:880px;background-color:#fff;border:1px solid #e5e5e5; }
.centerContent h2 { display:inline-block;font-size:18px;padding-left:5px;font-family:"microsoft yahei";line-height:46px;color:#51C332; }
.centerDisArea { position:relative;float:right;width:880px;margin-top:20px;border:1px solid #e0e0e0;background-color:#fff; }
.centerDisArea .tabs{position: absolute;left:10px;top:-40px;}
.centerDisArea .tabs li{float:left;margin-right: 10px;}
.centerDisArea .tabs li a{display: inline-block;font-size:14px;padding:0 20px;line-height: 38px;background-color:#51C332;color:#fff;border-top:2px solid #51C332;border-radius:3px 3px 0 0;}
.centerDisArea .tabs li a.on{background-color:#fff;color:#000;border-left:1px solid #51C332;border-right:1px solid #51C332;border-top:2px solid #51C332;}
.centerSubmit { text-align: left;padding:30px 0; float:left; margin-left:50px;}
.centerSubmit a{ padding:5px 30px;color:#fff;margin-left:100px;font-size:16px;font-family:"microsoft yahei";border-radius: 5px; }
.centerSubmit input{ padding:8px 30px;color:#fff; margin-right:15px;font-size:16px;font-family:"microsoft yahei";border:0;border-radius: 5px;cursor:pointer; }
input.btn_gray{cursor:default;}
/*翻页*/
.cPage{margin-top:30px;padding:10px 0;text-align: center;}
.cPage a {display:inline-block;padding:0px 12px;font-size:14px;background-color:#fff;border:1px solid #ddd;color:#333;border-radius:3px}
.cPage a:hover {background-color:#f2f2f2;}
.cPage a.active {background-color:#51C332;color:#fff;border:none;cursor:default;}

.payBox { padding: 10px 17px;margin-top:20px;border: 1px solid #ffd8c0;background-color: #fff9f3;color: #333;}
.payBox a.lookRule, a.quickLogin { color:#15c; }
.payBox a:hover.lookRule, a:hover.quickLogin { text-decoration: underline; }
.moneyBox { float:left; overflow: hidden;color: #333;}
.moneyBox a.active { border-color:#e75656;background:#ffd6c9 url('../images/suremoney.png') bottom right no-repeat; }
.moneyBox a:hover { border:1px solid #fdb560;background-color:#fff0af; }
.moneyNum { font:700 20px/50px "microsoft yahei";color:#f30; }
.payCheck { line-height: 40px;background: #eee; }
.payCheck a { display: inline-block;margin-left: 10px;width: 100px;text-align: center;font-size: 16px; }
.payCheck a.active { background: #fff;color: #f30;border-top: 3px solid #f30;font-weight: 600;border-bottom: 3px solid #fff;margin-bottom: -4px; }
.payTabs { height:42px; }
.sponsorPay { height: 41px;line-height: 41px;float:left;margin:10px 20px 10px 0; }
.sponsorPay input,.sponsorBank input,.sponsorBank label { float:left;height: 41px;line-height: 41px;margin-right:5px; }
.alipayimg,.bankimg,.wximg,.zhaosang, .gongshang,.jianshe,.pufa,.nongye,.mingsheng,.xingye,.jiaotong,.guangda,.china,.beijing,.pingan,.guangfa,.nongshang,.youzheng,.zhongxin,.huaxia,.shanghai  { background: url('../images/sponsor_type.png') 0 0 no-repeat;float:left;width: 114px;height: 41px; }
.bankimg { background-position:-114px 0; }
.wximg { background-position: -228px 0; }
.zhaosang { background-position: -3px -129px; }  /*招商银行*/
.gongshang { background-position: -348px -43px; } /*工商银行*/
.jianshe { background-position: -463px -43px; } /*建设银行*/
.pufa { background-position: -118px -86px; } /*浦发银行*/
.nongye { background-position: -577px 0; } /*农业银行*/
.mingsheng { background-position: -460px 0; } /*民生银行*/
.xingye { background-position: -463px -86px; } /*兴业银行*/
.jiaotong { background-position: -578px -43px; } /*交通银行*/
.guangda { background-position: -3px -43px; } /*光大银行*/
.china { background-position: -118px -43px; } /*中国银行*/
.beijing { background-position: -348px 0; } /*北京银行*/
.pingan { background-position: -3px -86px; } /*平安银行*/
.guangfa { background-position: -118px -43px; } /*广发银行*/
.nongshang { background-position: -118px -86px; } /*上海农商银行*/
.youzheng { background-position: -578px -86px; } /*中国邮政储蓄银行*/
.zhongxin { background-position: -233px -129px; } /*中信银行*/
.huaxia { background-position: -233px -43px; } /*华夏银行*/
.shanghai { background-position: -233px -86px; } /*上海银行*/
.bankimg { background-position:-114px 0; }
.wximg { background-position: -228px 0; }
table.history{width:100%}
table.history img{width:100px;height:100px;}
table.history td { border-top:1px solid #ddd; }
table.history th, table.history td{text-align: center;vertical-align: middle;}
table.history td a{color:#15c;margin-right:15px;}
table.history td a:hover{text-decoration: underline;}
.comTab .t_btn{padding:0 5px;margin-right:10px;border-radius: 5px;}
.t_tip{margin:10px;font-size:14px;padding:5px 10px;background:#fdfde3;border:1px solid #fbebaf;color:#f88a0d;}
/*diagBox*/
.diagBoxC {position:absolute;width:400px;top:200px;padding:0 20px 20px 20px;background-color:#fff;z-index:101;border-radius: 3px;font-family: "microsoft yahei";display: none;}
.diagBoxC .head_name{position:relative;text-align: center;font-size:16px;font-weight: 600;border-bottom:1px solid #e0e0e0;line-height:60px;}
.diagBoxC .closeBtn{position:absolute;top:-15px;right:-30px;width:40px;height:40px;cursor: pointer;}
.diagBoxC .input{line-height: 30px;padding:0 5px;width:60px;}
.diagBoxC .diagBtn{display:inline-block;color:#fff;width:80px;padding:0px 10px;background:#25962c;border:1px solid #117e01;text-align: center;}
.diagBoxC .cancleBtn{display:inline-block;color:#fff;width:80px;padding:0px 10px;text-align: center;}
.blackLayoutC {position:absolute;top:0;left:0;z-index:100;width:100%;background-color:#000;filter:alpha(opacity=70);background-color:rgba(0,0,0,.7);display: none;}

/*个人中心*/
.centerTool{float:right;width:820px;padding:10px 20px;margin-bottom:20px;background-color:#fff;}
.centerTool .update{float:left;margin-left:80px;}
.centerTool .update a{display: inline-block;padding:0 8px;margin-right:20px;background-color:#51C332;color:#fff;line-height: 30px;border-radius: 3px;}
.centerTool .update a:hover{background:#4cba59;}
.centerRgt{float:right;width:820px;}
.centerExp{float:right;width:820px;padding:10px 20px;background-color:#fff;line-height: 50px;}
.centerExp span {vertical-align: middle;}
.centerExp .exp_box{position: relative;display: inline-block;width:220px;height:20px;line-height:20px;border-radius: 10px;border:1px solid #bdbdbd;text-align:center;vertical-align: middle;color:#aa4000;z-index:1;}
.centerExp .exp_num{position: absolute;top:0;left:0;width:100px;height:20px;border-radius: 10px 0 0 10px;background-color:#f0924a;z-index:0;}
.centerExp .vip{position:absolute;top:-30px;width:40px;text-align:center;color:#fff;border-radius:3px;}
.centerExp .vip em{position:relative;width:40px;}
.centerExp .vip_1 i, .centerExp .vip_2 i, .centerExp .vip_3 i, .centerExp .vip_4 i, .centerExp .vip_5 i, .centerExp .vip_6 i, .centerExp .vip_7 i{position:absolute;bottom:-5px;left:10px;border-left:5px solid transparent;border-right:5px solid transparent;}
.centerExp .vip_1 i{border-top:5px solid #f29ec2;}
.centerExp .vip_2 i{border-top:5px solid #02d1a7;}
.centerExp .vip_3 i{border-top:5px solid #7d91f4;}
.centerExp .vip_4 i{border-top:5px solid #e1b82c;}
.centerExp .vip_5 i{border-top:5px solid #d97ff0;}
.centerExp .vip_6 i{border-top:5px solid #3dd453;}
.centerExp .vip_7 i{border-top:5px solid #52b7ef;}
.centerExp .lv{margin-left:10px;font-size:18px;color:#F74A4A;}
.centerExp .exp_txt{position:relative;z-index:2;}
.centerExp .exp_tip{float:right;font-size:14px;}
.centerExp .exp_tip a{margin-left:5px;color:#f74a4a;}
.centerExp .exp_tip a:hover{text-decoration: underline;}

.centerStep{float:right;width:820px;padding:0px 20px;margin:30px 0;}
.centerStep .st{float:left;width:100px;text-align:center;padding:10px;line-height: 46px;color:#fff;background-color:#51C332;font-size:26px;}
.centerStep ul{position:relative;float:left;width:700px;overflow: hidden;}
.centerStep .line{position:absolute;top:52px;left:0;width:700px;height:1px;background-color:#bdbdbd;z-index:-1;}
.centerStep ul li{float:left;width:116px;text-align: center;}
.centerStep ul li .no{background-position-x: -40px;}

.colNav{float:right;width:860px;}
.colNav ul{width:880px;}
.colNav ul li{position:relative;float:left;width:196px;margin-right:20px;margin-bottom:20px;background-color:#fff;text-align: center;border:2px solid #fff;}
.colNav .fb{padding:5px 10px;text-align: right;line-height:20px;}
.colNav ul li .colName{font-size:18px;padding-bottom:20px;}
.colNav ul li .hisNum {line-height: 60px;font-size:20px;}
.colNav ul li .hisNum em{font-size:32px;margin:0 10px;}
.colNav ul li .hisNum a:hover{text-decoration: underline;}
.colNav ul li:hover{border:2px solid #f0924a;}
.jb_tab{border-left:1px solid #e0e0e0;border-top:1px solid #e0e0e0;}
.jb_tab td{width:200px;line-height:36px;text-align:center;border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;}
.jb_tab td table td{text-align:center;}
.jb_h1{text-align: center;padding-top:20px;font-size:16px;font-weight: 600;}
.jb_h2{font-size:14px;padding-top:20px;padding-bottom:10px;padding-left:20px;}
.jb_con{padding-left:40px;color:#666;}
.t_tip {margin: 10px 10px ;font-size: 14px;padding: 5px 10px;background: #FDFDE3 none repeat scroll 0% 0%;border: 1px solid #FBEBAF;color: #F88A0D;text-align:left}
.Pink {color: #ff3265;}
.btn_orange{ display:inline-block;color:#fff;background-color:#f0924a; padding:3px 15px;line-height:22px;}
.btn_pink{ display:inline-block;color:#fff;background-color:#ff3265; }
.btn_green {padding:3px 15px; display:inline-block;color:#fff;background-color:#1acce6; border-radius:5px; font-size:14px; line-height:22px;}
.btn_orange{color:#fff;background-color:#ff844f;border-radius:5px; padding:3px 15px;line-height:22px;}
.btn_orange:hover{background-color:#f99165;color:#fff;}
.btn_green:hover { background-color:#30d7ef	; color:#fff; }

.mlist {border: 1px solid #E5E5E5;background: #fff;padding:7px 14px 14px;}
.mlist .mtitle {height: 50px;color:#51C332;}
.mlist .mtitle h3 {font-size: 18px;line-height: 50px;position: relative;text-indent: .8em;float: left;}
.mlist .mtitle h3:after {content: "";height: 16px;border-left: 4px solid #51C332;display: block;position: absolute;top:50%;left: 0;margin-top: -8px;}
.mlist .mtitle p {float: left;line-height: 28px;height: 28px;padding-left: 2em;padding-top: 10px;}
.mlist .mtitle p a {display: inline-block;border: 1px solid #e8e8e8;padding: 0 15px;font-size: 14px;margin-right: 10px;border-radius: 30px;}
.mlist .mtitle p a.on,.mlist .mtitle p a:hover {background: #51C332;color: #fff;border: 1px solid #51C332;}

.mylist{width: 100%;}
.mylist>li{width: 100%;height: 160px;margin-bottom: 16px;border: 1px solid #cce9f8;}
.mylist>li:hover{border-color: #87d4ee;}
.mylist>li>.th{height: 40px;border-bottom: 1px solid #cce9f8;line-height: 40px;background: #f7fdff;}
.mylist>li>.th>.td3{padding: 0;width: 180px;}
.mylist>li>.th>.td3>a{font-size: 12px;color: #fff;border: 1px solid #87d4ee;background: #87d4ee;display: inline-block;line-height: 26px;height: 26px;padding: 0 10px;position: relative;top:-2px}
.mylist>li>.th>.td3>a:hover {background: #00c4ad;border: 1px solid #00c4ad;}
.mylist>li>div>div{float: left;padding: 0 20px;}
.mylist>li>.td{height: 87px;padding: 16px 0;}
.mylist .td1{width: 490px;}
.mylist .td2{width: 120px;text-align: center;}
.mylist>li>.td>.td2{height:87px;line-height:87px;border-left: 1px solid #cce9f8;border-right: 1px solid #cce9f8;}
.mylist .td2 .status{font-size: 16px;}
.mylist .td2 .no {color: #aaa;}
.mylist .td3{width: 140px;text-align: center;}
.mylist .img{float: left;width: 88px;height: 88px;margin-right: 12px;}
.mylist .img img {width: 100%;height: 100%;}
.mylist>li>.td>.td1{display: flex;width: 488px;}
.mylist .name{height: 24px;font-size: 16px;font-weight: bold;margin-bottom: 10px;}
.mylist .info>p>span{margin: 0 20px 16px 0;font-size: 14px;color: #999;}
.ability>div{display: inline-block;margin: 8px 4px 0;position: relative;}
.ability .dec{display: none;position: absolute;left: -83px;top: 30px;width: 180px;border: 1px solid #eee;background: #fbfbfb;padding: 10px 0;color: #666;font-size: 13px;line-height: 20px;}
.ability>div:hover>.dec{display: block;}
.ability .dec:before{position: absolute;content: '';width: 6px;height: 6px;border-top: 1px solid #eee;border-left: 1px solid #eee;background: #fbfbfb;z-index: 2;top: -5px;transform: rotate(45deg);}
.ability .icon{width: 20px;height: 20px;background-position-y: -308px;}
.icon-shuaxin{background-position-x: -144px;}
.icon-zhiding{background-position-x: -166px;}
.mylist .td3>.btn{width: 74px;padding: 0;text-align: center;margin: 5px auto;}
.mylist .td3>.btn-zhiding,.mylist .td3>.btn-shuaxin{background: #ffce55;color: #73390a !important;font-size: 16px;border-color: #f0c150;display: block;border-radius: 3px;}

.btn-save,.btn-cancel,.btn{display: inline-block;height: 32px;border: 1px solid #00c4ad;line-height: 30px;padding: 0 20px;color: #fff !important;background: #00c4ad;border-radius: 3px;cursor: pointer}
.nolist{margin-top: 40px;text-align: center;}
.nolist>p{margin-bottom: 20px;}
.pnav {height:40px;padding:20px 0 0 20px}
.pnav a {display:inline-block;padding:0 25px;line-height:38px;height:38px;border:1px solid #e8e8e8;font-size:16px;margin-right:10px;border-radius:4px}
.pnav a:hover,.pnav a.on {background:#51C332;color:#fff;border:1px solid #51C332}
#uploadimg {padding-top:.0rem}
.webuploader-container {position: relative;}
.webuploader-element-invisible {position: absolute !important;clip: rect(1px 1px 1px 1px); /* IE6, IE7 */clip: rect(1px,1px,1px,1px);}
.webuploader-pick {position: relative;display: inline-block;cursor: pointer;background: #51C332;padding: 10px 15px;color: #fff;text-align: center;border-radius: 3px;overflow: hidden;}
.webuploader-pick-hover {background: #00a2d4;}
.webuploader-pick-disable {opacity: 0.6;pointer-events: none;}
.file-item{float: left; position: relative; width: 100px;margin: 0 10px 10px 0;}
.file-item .info {overflow: hidden;text-align:center;font-size:12px;color:#888}
.file-item .info a {color:#888; text-decoration:none}
.file-item .error {background: #f43838;color: #fff;position: absolute;top: 0;left: 0;height: 28px;line-height: 28px;width: 100%;z-index: 100;font-size:.875rem}
.uploader-list{width: 100%; overflow: hidden;}