/*public css*/
/*clear default style*/
*{margin:0;padding:0;}
li{list-style:none}
body{font-size:14px;background:#fff;font-family:"微软雅黑","Microsoft YaHei","宋体";color:#7f7f7f;}
a{text-decoration:none;color:#7f7f7f;cursor:pointer;outline:0;*star:expression(this.onFocus=this.blur());}
a:active{border:none;}
a:after{border:none;}
a:hover{ color: #00b369; }
img{border:0}
html{height:100%;overflow-y: scroll;}


.feng{color:#ff6600;}

.fengto{color:#00b369;}
.blue{color:#0054fe;}

/*头部30像素内容样式*/

.header-top{ height: 12px; background-color: #f2f2f2; line-height:12px; font-size: 12px; padding:9px 0; position:relative ; z-index:64}
.welcome-wt{ color:#646464; font-size: 12px; padding-left:5px;}
.login-box{padding:0 22px; border-left:#bfbfbf 1px solid}
.login-box .ligon-first{ color: #ff7200; }
.login-box .quit{ display:inline-block; margin-left:20px;}
.login-box a:hover{ color:#00b369}
.header-top .line-gray{ display: inline-block; width: 1px; height:9px;  background: url(/img/index-header-public.png) 0 0 no-repeat;margin: 11px 0 0 0px;}
.free-register,.recharge-top{color: #737373; padding:0 22px;border-left:#bfbfbf 1px solid }
.free-register{ padding:0 22px;border-left:#bfbfbf 1px solid}
.free-register a:hover{ color:#00b369}
.recharge-top{ position:relative;}
.recharge-top .sanjiao{ display:inline-block; background: url(/img/index-header-public.png) -3px 0 no-repeat; +vertical-align:5px; width: 8px; height: 5px;  margin-left: 5px ;}

.link-vip{padding:0 22px;border-left:#bfbfbf 1px solid}
.link-vip a:hover{ color:#00b369}
.link-vip span{ display: inline-block; height:14px; background-color: #ff7200; border-radius: 4px; line-height: 12px; color: #fff; padding: 0 3px; margin-top: -3px; margin-left: 3px }
.drop-box{ position:absolute; top:-10px;  +top:-8px;left:-1px;z-index:20; background-color:#fff; width:88px; border:#eee 1px solid; display:none }
.drop-box a{ display:block;}
.drop-box a:hover{ color:#00b369}
.drop-box .drop-con a{ height:28px; line-height:28px; text-indent:12px; font-size:12px; }
.drop-box .drop-con a:hover{ background-color:#00b369; color:#fff;}
.drop-box .li-title{ height:30px; line-height:30px; text-indent:22px;}
.per-center .drop-con a{text-indent:20px;}
.per-center .li-title{text-indent:22px;}
.recharge-top:hover .drop-box{ display:block}
/*header*/
/*sidition action*/
.fl{float:left;}
.fr{float:right;}
.clear {clear: both;}
.clearfix::after {clear: both; content: ""; display: block; height: 0;}
.clearfix { zoom: 1;}
.w1200{ width: 1200px; margin: 0 auto; }

/* header*/
.header{ width: 100%; height: 88px; }
.header-m{position:relative;z-index:70;width: 1490px;}
.header .logo{  width:134px; height: 52px; margin-top: 20px; margin-right: 60px; }
.header .logo a{ width:134px; height: 52px; background: url(/img/login-icon.png) no-repeat -70px 0 ; display: block; }
.header-r .info .recharge-but,.header-r .info .shop-but,.header-r .info .shop-but-real, .header-r .info .collect-header, .header-r .info .car-header{ color: #333; margin-left: 22px;position: relative;}
.header-r .info .recharge-but:hover,.header-r .info .shop-but:hover,.header-r .info .shop-but-real:hover{ color: #00a460; }
.header-r .info .collect-header:hover,.header-r .info .car-header:hover{ color: #00a460; }
.header-r .info .recharge-but:hover i{ background-position: -71px -195px; }
.header-r .info .recharge-but i{  background: url(/img/login-icon.png) no-repeat 3px -476px; width: 20px; height: 19px; display: inline-block; margin-right: 5px;  vertical-align: -5px;    }
.header-r .info .shop-but i{ background: url(/img/login-icon.png) no-repeat 0 -396px ;top:0; width: 18px; height: 18px; display: inline-block; position:absolute; left:-22px;  }
.header-r .info .shop-but-real i{ background: url(/img/login-icon.png) no-repeat 0 -553px ; width: 18px; height: 17px; display: inline-block; position:absolute;top:3px; left:-21px;}
.header-r .info .shop-but-real:hover i{ background-position: -37px -553px }
.header-r .info .collect-header i{ background: url(/img/login-icon.png) no-repeat 0 -259px ; width: 18px; height: 17px; display: inline-block; position:absolute;top:3px; left:-22px;  }
.header-r .info .car-header{margin-left: 38px;}
.header-r .info .car-header i{ background: url(/img/login-icon.png) no-repeat 0 -288px ; width: 18px; height: 18px; display: inline-block; position:absolute;top:3px; left:-22px; }
.header-r .info .collect-header:hover i{background-position: -37px -259px;}
.header-r .info .car-header:hover i{background-position: -37px -288px;}
.header-r .info .shop-but:hover i{background-position: -37px -396px;}
.header-r .info { height: 57px; line-height: 23px; padding-top: 31px;}
.header-r .info .shop{ position:relative; margin-left:16px; }
.header .header-r{ height: 88px; }

/** nav ***/
.nav .nav-list .nav-list-a{ font-size: 16px; color: #333; padding: 0 10px; display: inline-block;line-height: 88px; }
.nav .nav-list .nav-list-a:hover{ color:#00b369; }
.nav .nav-list{ z-index:2; height: 88px;  margin: 0 10px; position:relative; }
.nav .nav-list .freevip{ width: 37px; height: 27px; background: url(http://icon.ooopic.com/2015/js/search/icon_vip.png) no-repeat 0px 0px ; display: block; position: absolute; top:22px; right:-29px;  overflow: hidden; }
.nav .bg-nav-list:hover .sub-nav,.nav .all-nav-list:hover .sub-nav{ display:block; }
.nav .bg-nav-list:hover .nav-list-a,.nav .all-nav-list:hover .nav-list-a{ color:#00b369; }
.nav .bg-nav-list .sub-nav{ left: -35px; }
.nav .sub-nav .triangle{ left: 60px; }
.nav .on-list .nav-list-a{color:#00b369; }

/** 子导航下拉框 ***/
.sub-nav{ width: 456px; padding-bottom: 15px; position: absolute; top:80px; left:-24px; background: #fff; z-index: 10;     box-shadow: 0px 0px 6px rgba(0,0,0,.26); display: none; }
.sub-nav-m{ padding: 0 28px 0 38px; }
.sub-nav-m .top{ height: 62px;line-height: 62px; border-bottom: 1px solid #dcdcdc; color: #333; }
.sub-nav-m .top a{ color: #333; }
.sub-nav-m .top em{ color: #00a460; padding-left: 4px; padding-right:2px; font-style: normal; font-weight: normal; }
.sub-nav-m .center{ padding-top: 6px; padding-left: 3px; }
.sub-nav-m .center a{ width: 120px; _width:120px; overflow:hidden; display: inline-block; height: 32px; line-height: 32px; color: #7f7f7f;white-space: nowrap;text-overflow: ellipsis;margin-right: 5px;}
.sub-nav-m .center a:hover{ color: #00a460; }
.sub-nav .triangle{ width: 16px; height: 9px; display:block; position: relative; top:-9px; left: 36px; overflow: hidden; }
.sub-nav-box{ padding-top: 20px; }
.sub-nav-ul .list{ padding-bottom: 16px; }
.sub-nav-ul .list .list-r {  padding-left: 24px; }
.sub-nav-ul .list .list-r a{  color: #7f7f7f; min-width: 81px; _width:80px; padding-right: 10px; display: inline-block;}
.sub-nav-ul .list .list-r a:hover{ color: #00b369; }
.sub-nav-ul .list .list-l{ color:#333; width: 72px; display: inline-block; border-right: 1px solid #d7d7d7;  }
.sub-nav-ul .list .list-l:hover{ color: #00a460; }

/***** 登录&注册&充值&开店赚钱&不同状态用户的下拉框样式  ********/
.design{position:absolute;top:80px; left:-14px;z-index: 100;  width:175px; background:#fff;   border-radius:2px;    box-shadow: 0px 0px 6px rgba(0,0,0,.26);    }
.no-login{position:absolute;top:80px; left:-4%;z-index: 100;  width:137px; background:#fff;   border-radius:2px;   box-shadow: 0px 0px 6px rgba(0,0,0,.26); }
.ordinary{position:absolute;top:80px; left:-14px;z-index: 100;  width:175px; background:#fff;   border-radius:2px;     box-shadow: 0px 0px 6px rgba(0,0,0,.26);   }
.recharge-popup{position:absolute;top:48px; left:-35%;z-index: 100;transition:all .4s; background: #fff;  width: 160px; background:#fff;   border-radius:2px;   box-shadow: 0px 0px 6px rgba(0,0,0,.26);  }
.login .info{ height:72px; border-bottom:1px solid #eeeeee; }
.login .info dl{height:36px; line-height:16px;  margin:20px 0 0 15px;  }
.login .info dl dt{ font-size:14px; color:#f45111; font-weight:bold;  }
.login .info dl dd{ font-size:12px; color:#313131; padding-top:2px;}
.login .info dl.border{ padding:0 20px;  border-right:1px solid #eee; border-left:1px solid #eee;  }
.login-con { position: relative; background: #fff;  }
.login-con a{ height:38px; line-height:38px; color:#212121; padding-left:54px; display:block; text-align:left;position: relative; }
.login-con a i{ background:url(/img/login-icon.png) no-repeat 0 -219px; width:17px; height:17px;position: absolute;left: 20px;top: 10px; }
.login-con a.down-pic i{background-position: 0 -319px;}
.login-con a.down-pic:hover i{background-position: -37px -319px;}
.login-wrap .login-con a i{top: 12px;}
.design .exit-login i{top: 19px}
.login-con a:hover,.popup  .login-con a.on{ color:#00a460;}
.login-con a em{ color: #a8a8a8; padding-left: 4px; font-style: normal; }
.login-con .desig-page:hover i{ background-position: -37px -219px;}
.login-con .wdzh:hover i{ background-position: -37px -219px;}
.login-con .up-work i{ background-position: 0 -395px; width:15px; height:19px;  }
.login-con .up-work:hover i{ background-position: -37px -395px;}
.login-con .record i{ background-position: 0 -426px; width:18px; height:16px; vertical-align:-5px; }
.login-con .record:hover i{ background-position: -37px -426px;}
.login-con .sale-work i{ background-position: 0 -320px; width:17px; height:15px;  }
.login-con .sale-work:hover i{ background-position: -37px -320px;}
.login-con .cash i{ background-position: 0 -455px; width:17px; height:17px;  }
.login-con .cash:hover i{ background-position: -37px -455px;}
.login-con .gonggao i{ background-position: 0 -578px; width:17px; height:17px;  }
.login-con .gonggao:hover i{ background-position: -37px -578px;}
.login-con .xiaoxi2 i{ background-position: 0 -605px; width:18px; height:17px;  }
.login-con .xiaoxi2:hover i{ background-position: -37px -605px;}
.login-con .exit-login i{ background-position: 0 -353px; width:18px; height:18px;  top:18px; }
.login-con .exit-login:hover i{ background-position: -37px -353px;}
.login-con .qq i{ background-position: 0 -38px; width:13px; height:15px;}
.login-con .qq:hover i{ background-position: -37px -38px;}
.login-con .weixin i{ background-position: 0 -88px; width:17px; height:13px;    }
.login-con .weixin:hover i{ background-position: -37px -88px;}
.login-con .weibo i{ background-position: 0 -128px; width:17px; height:15px;    }
.login-con .weibo:hover i{ background-position: -37px -128px;}
.login-con .station i{ background-position: 0 -168px; width:15px; height:12px;    vertical-align:-1px;  }
.login-con .station:hover i{ background-position: -37px -168px;}
.login-con .collect i{ background-position: 0 -259px; width:17px; height:16px;   }
.login-con .car i{ background-position: 0 -288px; width:18px; height:18px; margin-right:20px;     }
.login-con .dwon-pic i{ background-position: 0 -320px; width:17px; height:15px;    }
.login-con .wotubu i{ background-position: 0 -477px; width:17px; height:17px;    }
.login-con .sale i{ background-position: 0 -499px; width:19px; height:21px;    }
.login-con .vip i{ background-position: 0 -528px; width:19px; height:18px;    }
.user-login-info { position: relative; line-height: 88px; margin-left:25px;}
.login-con .recharge-record i{background-position: 0 -477px;}
.login-con .recharge-record:hover i{background-position: -37px -477px;}
.login-con .open-shop i{background-position: 0 -553px;}
.login-con .open-shop:hover i{background-position: -37px -553px;}
.ordinary-user{line-height: 88px; }
.user-login-info .account{color:#333;display: inline-block;max-width: 90px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;float: right;}
.ordinary-user .user-avatar,.design-user .user-avatar{ width: 28px; height: 28px ; border-radius:50%; overflow:hidden; display: inline-block;vertical-align: -7px;margin-right: 10px;_vertical-align:-4px;float:left;margin-top:28px;}
.ordinary-user .user-name,.design-user .user-name{position:relative;width: 90px;display: inline-block;top:-13px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ordinary-user .user-name span,.design-user .user-name span{position: absolute;top: 56px;left:0;font-size: 12px;line-height:13px;}
.user-info { line-height: 88px; position: relative;  }
.ordinary .exit-login, .design .exit-login{ height:55px; line-height:55px; border-top:1px solid #eee;}
.recharge{ position:relative;line-height: 24px; padding-bottom:30px; }
.info .recharge.on .recharge-but{  color: #00a460;}
.info .recharge.on .recharge-but i{  background-position: -34px -476px;}
.on .user-name a{ color:#00a460;}
.info .recharge:hover .recharge-but{ color: #00a460; }
.info:hover .recharge-popup{ display:block;  }
.login-wrap{position:relative; line-height: 88px; }
.login-but a,.register-but a{ padding: 0 6px; color:#333; }
.register-but a:hover{ color: #00a460;   }
.register-but a{ padding-left:12px; }
.login-but.on .logins{  color: #00a460; }
.login-but a{padding-left: 50px;}
.login-con .triangle{background: url(/img/login-icon.png) no-repeat 0 -625px;width: 16px;height: 10px;display: block;position: absolute;top: -10px;left:50%;margin-left: -8px;}


/*search*/
.search{ position: relative; margin:20px auto 0; width: 750px; }
.search .search-box{ border:3px solid rgba(0,0,0,.1); border-radius: 3px;  }
.search input{outline: none;float: left;height: 69px;line-height: 69px;font-size: 16px;width: 613px;border: 0;padding: 0 0 0 25px; font-family:"微软雅黑"; }
.search .search_btn{width: 106px;float: left;height: 69px;background: #00a460 ;}
.search .search_btn:hover{ background: #00b369; }
.search a i{display: block;margin: 20px auto 0;width: 29px;height: 29px;background: url(/img/search.png) no-repeat center;}
.search_list { padding-top: 6px; text-align:left; color:#fff; width: 750px; padding-left:4px;  }
.search_list a{color: #fff;font-size: 14px;height: 21px;line-height: 21px;padding: 0 2px;margin-right: 8px; color:#fff;display:inline-block;}
.search_list a:hover { text-decoration: underline; }
.hot_list{font-size: 14px;position: absolute;top: 72px; _top:69px;  left: 3px; background: #fff;width: 90%;color: #b2b2b2;border: 1px solid #ccc;border-top: none;z-index:10;display: none;border-top: 1px #d2d2d2 solid; overflow: hidden; }
.hot_list .sokeyup_1{height: 46px; line-height:46px; padding: 0 18px 0 25px;color: #000; cursor:pointer;display: inline-block;width: 94%; }
.hot_list .sokeyup_1 .sokeyup_2{color: #333;float: left;}
.hot_list .sokeyup_1 .sokeyup_3{float: right;color: #b2b2b2;}
.hot_list .sokeyup_1:hover{background: #f1f1f1;}
.header-con{height:30px;background-color:#f1f1f1;}
.header-con p{color:#898989;font-size:12px;height:30px;line-height:30px;}
.header-con .user-infor-top{color:#828282;font-size:12px;height:30px;line-height:30px;}
.header-con .user-infor-top a{padding:0 22px;}
.header-con .user-infor-top .color-y{color:#ff7c35}
.header-con .user-infor-top i{display:inline-block;color:#c1c1c1;font-style:normal}
.header-con .user-infor-top .color-red{color:#ff6633;padding-left:5px;}
.header-con .user-infor-top .padding-none{padding-right:0;}


/**** 头部浮动搜索框 ***/
#fixed-head{position: fixed;top: -89px;background: #fff !important;width: 100%;height: 89px;border-bottom: 1px #eee solid;box-shadow: 0 1px 1px rgba(0,0,0,.05);z-index:999999;_display:none;}
.area{height:89px;width:860px;margin:0 auto;}
.fixed-logo{background: url(/img/fixed-logo.png) no-repeat;width: 130px;height: 33px;float: left;margin: 28px 0 0 0px;_position: absolute;_top: expression(documentElement.scrollTop+"px");zoom:1;}
.fixed-search{height:46px;line-height:46px;float:left;border:2px solid #00a460;position:relative;margin:18px 0 0 3%;border-radius:2px;width: 749px}
.fixed-search .search-input{width:88%;height:42px; padding-left:2%;  background:#fff;position:absolute;top:0px;left:0px;outline:none;border:none;font-size:14px;color:#b2b2b2;font-family:"Microsoft YaHei";}
.fixed-search .search_btn{width:76px;height:46px;background:#00a460;position:absolute;top:0px;right:0;transition:all .2s;}
.fixed-search .search_btn:hover{opacity:.9;}
.fixed-search .search_btn i{display: block;margin: 8px 0px 0 25px;width: 29px;height: 29px;background: url(/img/login-icon.png) no-repeat -87px -60px;}
.fixed-search .hot_list{ top:48px; left:-2px; display:none; }

/****** 公共图片收藏&下载按钮2016-10-14 ****/
.list-but { position: absolute; top:-50px; left:0px; width: 248px; padding: 0 6px; }
.list-but .collect, .show-list  .list-but .cancle{ width: 91px; height: 43px; line-height: 41px; text-align: center; border:1px solid #e5e5e5; background: #f4f4f4; display: inline-block; font-size: 16px; color: #505050; cursor: pointer; }
.list-but .collect:hover, .list-but .cancle:hover{ background: #f9f9f9; }
.list-but .download{ width: 116px; height: 43px; line-height: 41px; text-align: center;  border:1px solid #00a15e;background: #00b369; font-size: 16px; color: #fff; display: inline-block; }
.list-but .download:hover{ background: #1abb78; color:#fff; }
#coll-info{ width:118px; height:50px; background:#ddd; z-index:99999; }
#coll-info .collect-success,#coll-info .collect-cancel,#coll-info .no-login-collect{ background:#fff; width:108px; height:40px; line-height:40px; background:#fff; position:absolute;top:5px; left:5px; text-align:center; }
#coll-prompt{ width:150px; height:70px;  background:#ddd; }
#coll-prompt .prompt-info{ background:#fff; width:140px; height:60px; line-height:60px; position:absolute;top:5px; left:5px; text-align:center; }
#coll-prompt .prompt-info p{ height:30px; line-height:30px; }
#coll-prompt .prompt-info .but a{ width:50px; height:20px;line-height:20px; display:inline-block; color:#fff; margin:0 5px; }
#coll-prompt .prompt-info .but .sure{ background:#2fad1c; }
#coll-prompt .prompt-info .but .cancle{ background:#ebebeb;color:#5f5f5f; }
