@charset "utf-8";
/*
 * ----------------------------------------------------
 * 本css为重置基本样式&头部样式&返回顶部等大部分页面都会用到的共有样式
 * v1.0  2016-7-04
 * ----------------------------------------------------
 */

/* -------- 重置样式 -- */
html{ font-size: 100%; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,th,td{padding:0;margin:0;}
body{color:#666;font-size:14px; font-family:"微软雅黑",Microsoft YaHei,Arial,Verdana; background: #fcfcfc;}
form,input,textarea{font-family:"微软雅黑",Microsoft YaHei,Arial,Verdana;outline: none;}
img{border:none;}
a{color:#666;text-decoration:none;-webkit-transition: all .2s;transition:all .2s;}
h1,h2,h3{ font-weight: normal;}
li{list-style-type:none;}
.clearfix:after{content:'.';clear:both;display:block;height:0;visibility:hidden;font-size:0;line-height:0}
.clear{clear:both;display:block;height:0;visibility:hidden;font-size:0;line-height:0}
.fl{float:left;display: inline;}
.fr{float:right;display: inline;}
.tran{ -webkit-transition: all .2s; transition:all .2s;}
.w1200{width: 1200px; margin: 0 auto}
.none{display:none;}


/*******  网站头部  ******/
body{ background-color: #fafafa; }
.user-top{ height: 80px;width: 100%; background-color: #efefef;box-shadow:0px 2px 2px rgba(6,0,1,0.2); margin-bottom: 20px;  }
.user-top .logo{ display: inline-block;width: 174px; height: 55px; background:url(/revision/img/logo2.png) no-repeat; margin-top:15px; margin-right:35px; ;transition: none}
.top-classfiy a{ color: #737373; font-size: 14px; line-height:80px;display:inline-block;  margin: 0 15px;transition: none}
.top-classfiy a:hover{ color: #ff9100;}
.top-search{ margin-top: 15px;}
.top-search .text-search{ display: inline-block;  width: 245px; padding: 0 15px;  height: 40px; line-height:40px; color:#8a8a8a; background-color: #fff; border:none; }
.top-search .but-search{ display: inline-block; height: 44px; line-height: 44px;width: 75px; border:none;border:none;background: url(http://js.ibaotu.com/images/com/icon-search-bg.png) repeat-x; color:#fff; font-size: 16px;}
.top-search .w380{ width: 380px; }
.top-search .w700{ width: 700px; }
.user-top .register,.user-top .Sign-in{ color: #be6c00; font-size: 14px; line-height: 80px; display: inline-block; margin-left: 23px;cursor:pointer; }
.user-top .user-infor { height:80px;margin-left: 60px;  position: relative;}
.user-top .user-vip-type span{ line-height: 80px; color:#be6c00 }
.user-infor  .mine-name{ max-width: 70px;  float: left;display: inline-block;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px;}
.user-infor  .my-name{ max-width:90px;  float: left;display: inline-block;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align:center}

.user-top .user-infor { position: relative;}
.user-top .user-infor .vip-type{ display: inline-block; width:31px; height: 23px;  margin-left:5px; margin-top: 25px;}
.user-top .user-infor .super{ background:url(http://js.ibaotu.com/images/com/vip-icon-lv1.png) 0 0px no-repeat;}
.user-top .user-infor .commonly{ background:url(http://js.ibaotu.com/images/com/vip-icon.png) -35px 0px no-repeat;}
.user-top .user-infor .ordinary{ background:url(http://js.ibaotu.com/images/com/vip-icon.png) -69px 0px no-repeat;}
.user-infor-con{ z-index:100;width: 330px; position: absolute;  top:40px;right:-130px; box-shadow: 0 0 3px rgba(6,0,1,0.2); display: none; transition: all 0.2s; border: #fbe5c8 1px solid}
.user-infor-con .triangle{ display: inline-block; width: 22px; height: 8px; background: url(http://js.ibaotu.com/images/com/icon-public.png) -28px -47px; position:absolute; top:-8px; left: 150px;}
.user-infor-con dl{ height:61px; background: url(http://js.ibaotu.com/images/com/user-infor-dl.png) repeat-x;padding-top: 15px;  }
.user-infor-con dl dt{ width: 46px; height: 46px; border-radius: 50%;margin-left: 20px; margin-right: 15px;  }
.user-infor-con dl dt img{width: 44px; height: 44px;  border-radius: 50%; border:#ff9100 1px solid  }
.user-infor-con dd{ line-height:  24px; width: 240px; }
.user-infor-con dd,.user-infor-con dd a{ color:#fafafa; font-size:12px; }
.user-infor-con dd a{ padding-right: 5px; }


.user-infor-con .Situation-vip span{ display: inline-block; margin-right: 8px }
.user-Entrance{ background-color: #fafafa;  }
.user-Entrance a{ display: inline-block; width:100%; height: 59px; border-bottom:#fcdaaf 1px solid; line-height: 59px; color: #8a8a8a; font-size:14px; text-align:center; text-indent: -30px;}
.user-Entrance a i{  display: inline-block; height: 17px; margin-left: 12px; margin-right:15px;vertical-align: -2px; }
.user-Entrance a:hover{ background-color: #fbe5c8 ; color: #ff9100}
.user-Entrance  .discount-vip { background-color: #fbe5c8; font-size: 16px;color: #ff6000; text-indent: -30px;}
.user-Entrance  .discount-vip i{ background: url(http://js.ibaotu.com/images/com/vip-icon.png )0 -26px; width: 22px; vertical-align: 0; margin-right:13px}
.user-Entrance  .mine-download i{ width:17px; background: url(http://js.ibaotu.com/images/com/upload-icon.png) -51px -1px ;vertical-align: -1px;}
.user-Entrance  .mine-collect i{ width:18px;  background: url(http://js.ibaotu.com/images/com/upload-icon.png) -78px -1px;}
.user-Entrance  .mine-download:hover  i{ background-position:-51px -27px  }
.user-Entrance  .mine-collect:hover  i{background-position:-78px -27px;}

.user-Entrance .bottom-border-none{ border-bottom:none;}
.user-top .user-infor:hover .user-infor-con{ display: block; }


/***** 内容排版****/
.content-index{ margin-right: -30px; }
.img-show{ position: relative;box-shadow:0 0 5px rgba(6, 0, 1, 0.3); width: 380px; height: 572px; background-color: #e0e0e0; margin-bottom: 30px; margin-right: 30px; transition: all 0.2s }

.img-show .img{ width: 380px; height: 572px;  }
.img-show .img img{  width: 380px; height: 572px;  overflow: hidden; vertical-align:middle;}
.img-show .img-pos{ position: absolute; top: 0; left: 0;height: 552px; width: 380px; display: none; transition: all 0.2s ;-webkit-transition: all .2s;}
.img-show .img-opacity{ position:absolute; top: 0; left: 0; z-index: 1;  width: 380px; height: 572px;background:rgba(0, 0, 0, 0.4) none repeat scroll 0 0 !important; filter:Alpha(opacity=40); background:#000; }
.img-show .img-but{ position:absolute; top: 0; left: 0; z-index:2; height: 552px; width: 360px; padding: 10px }
.img-show .img-but a{ display: inline-block; width: 100%; height: 100%; }
.img-show .img-but p{ color: #fafafa; font-size: 16px; font-weight:bold;text-align:center;line-height: 40px;  height: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.img-show .free-download{ position:relative;z-index:5;width: 193px; height:55px; line-height: 55px; background-color: #ff9100; color: #fff; font-size:20px; margin:207px auto 0;}
.img-show .free-download:hover{ background-color: #e78300 }
.img-show .free-download i{ display: inline-block;width: 18px; height: 23px; background: url(http://js.ibaotu.com/images/com/icon-public.png?160804) 0 -16px; float: left;margin: 16px 15px 16px 40px; }
.img-show .collect{ width:193px; height:32px; background-color:#cdaa7d; color:#fff; font-size:16px; position:relative; z-index:5; margin:17px auto; line-height:32px;}
.img-show .collect i{ display:inline-block; width:19px; height:19px; background:url(http://js.ibaotu.com/images/com/icon-public.png?160804) -22px  -77px; vertical-align: -3px; margin-right: 10px; margin-left: 55px;}
.img-show .collect:hover{ background-color: #d7a769 }
.img-show:hover{ box-shadow: 5px 5px 5px rgba(6,0,1,0.15); }
.img-show:hover .img-pos{ display: block; }
.more{ display: inline-block; width:240px ; height: 48px;line-height: 48px;  text-align:center; color: #fff;  font-size: 20px; margin:20px auto 60px; background-color: #ff9100; box-shadow: 0 1px 2px rgba(6,0,1,0.2); margin-left: 485px; }
.more-tar{ display: inline-block; width:240px ; height: 48px;line-height: 48px;  text-align:center; color: #fff;  font-size: 20px; margin:20px auto 60px; background-color: #ff9100; box-shadow: 0 1px 2px rgba(6,0,1,0.2); margin-left: 485px; }

/*****   网站底部  ******/
.footer{ width:100%;   }
.footer .web-link{ width:910px;}
.footer .web-link span{ color: #393939; font-size: 18px; display: inline-block; width: 100px; }
.footer .web-link{ margin-bottom:50px; }
.footer .web-link a{ color: #9a9a9a; font-size: 14px; display: inline-block; margin-right: 20px; font-family: "宋体"}
.footer .link .qq-num{font-family: "宋体"; color: #9a9a9a; font-size: 14px;}
.footer .foot{ width: 100%; border-top:#ff9100 3px solid; padding-top:55px;  padding-bottom:55px;}
.footer .foot p{ text-align: center;font-family: "宋体";  color:#7e7e7e; font-size: 14px; line-height: 28px }
.footer .foot p a{ color: #ff9100; }

/***** 分页  *****/
.pagelist a{-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;cursor: pointer;color:#666;text-decoration:none;}
.pagelist{ font-size:16px;color:#ffcc00;text-align: center;  padding-top:140px;}
.pagelist a,.pagelist span{color:#ff9100; display: inline-block;height:45px; width:45px; line-height:45px;margin:0 7px; background-color: #fbefe1;}
.pagelist .prv,.pagelist .next{ width:103px !important}
.pagelist a:hover{ background:#ff9100;color:#fff;}
.pagelist .current{background:#ff9100;color:#fff;}

/******** 登录注册QQ弹窗 ********/
.body,html{_height:100%;}
.mask{width:100%; height:100%;background: #000;opacity: .55;filter:alpha(opacity=55);zoom:1;}
.Login{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:110; _position: absolute; _bottom: auto; _top:expression(eval(document.documentElement.scrollTop)); display:none;}
.Login-div{ position:absolute; top: 50%; left: 50%; margin-top: -215px; margin-left:-348px; width:696px; height:430px;background-color:#fafafa; box-shadow:0 0 7px rgba(6,0,1,0.4); animation: alert .5s;-webkit-animation: alert .5s}
.Login-div .close-but{ display: inline-block; position: absolute; top:16px; right:16px;width:20px; height:20px; background: url(http://js.ibaotu.com/images/com/icon-public.png?160804 ) -28px 0; cursor: pointer; }
.Login-div .close-but:hover{ background: url(http://js.ibaotu.com/images/com/icon-public.png?160804 ) -51px 0; }

.Login-div .login-title{ height: 60px; line-height: 60px; background-color: #fbe5c8; color: #be6c00; text-align:center; font-size: 18px;}
.Login-div dl{ width: 175px; margin:55px auto 0 }
.Login-div dl dt{ width: 175px; height: 175px; box-shadow: 0 0 5px rgba(6,0,1,0.2); border-radius: 50%; }

.Login-div dl dt img{ width:  112px; height: 130px; padding:22px 32px;}
.Login-div dl dd{ color: #be6c00; font-size:24px; text-align: center; margin-top: 30px; }

@-webkit-keyframes alert{
0% {
transform: scale(0.7);
-webkit-transform: scale(0.7); }
45% {
transform: scale(1.05);
-webkit-transform: scale(1.05); }
80% {
-webkit-transform: scale(0.95);
transform: scale(0.95);
-webkit-tranform: scale(0.95); }
100% {
transform: scale(1);
-webkit-transform: scale(1); } 
}
@keyframes alert{
0% {
transform: scale(0.7);
-webkit-transform: scale(0.7); }
45% {
transform: scale(1.05);
-webkit-transform: scale(1.05); }
80% {
-webkit-transform: scale(0.95);
transform: scale(0.95);
-webkit-tranform: scale(0.95); }
100% {
transform: scale(1);
-webkit-transform: scale(1); } 
}

/***反馈弹窗****/
.feedback .mask{width:100%; height:100%;background: #000;opacity: 0.4;filter:alpha(opacity=40);zoom:1;}
.feedback{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:110; _position: absolute; _bottom: auto; _top:expression(eval(document.documentElement.scrollTop));display:none}
.feedback-box{ position:absolute; top: 50%; left: 50%; margin-top: -294px; margin-left:-424px; width:584px; padding:38px 132px; height:512px;background-color:#fff; }
.feedback-box h2{ color: #ff9100; font-size: 30px; font-weight: bolder;text-align: center; margin-bottom:38px;}
.feedback-box textarea{ width: 564px; padding: 10px; height: 150px; resize: none; color: #666; font-size: 14px; line-height: 20px; margin-bottom: 20px  }
.feedback-box .Leave-qq span{ color: #ff9100; font-size: 14px;  padding-right: 20px; }
.feedback-box .Leave-qq input{ height: 32px;  width: 165px; border: #bababa 1px solid;  padding: 0 10px; color: #666; font-size: 14px;}
.feedback-box .sub-but{ width: 221px; height: 51px; line-height: 51px;  background-color: #ff9100; font-size: 20px; font-weight: bolder; color: #fff; text-align: center; margin: 50px auto 70px;} 
.feedback-box .sub-but-no{ width: 187px; height: 26px; border: #e4bc87 1px solid; color: #e4bc87; text-align: center; margin: 0 auto; line-height: 26px; }
.feedback-box-over{ width: 526px; height: 211px;  line-height: 211px; text-align: center; color: #ff9100; text-align: center; border: #ff9100 1px  solid;position:absolute; top: 50%; left: 50%; margin-top: -106px; margin-left:-263px; background-color: #fff;  font-size: 18px; display: none; }

/**** 网页右侧悬浮  ******/
.fankui{display:block;width: 40px; height:63px; color: #fff; font-size: 14px; padding:10px 5px;line-height: 15px; text-align:center;background-color: #ff9100; font-weight: bolder  }
.fankui i{ display:inline-block; width: 12px; height: 12px ; background: url(http://js.ibaotu.com/images/com/icon-public.png?160804) -47px -81px; margin-left: 2px;;}
.fankui:hover{ background-color: #EB8400;}
.contact-kf{ display:block; width: 40px; height: 40px; background-color: #fdc57d;color: #fff; font-size: 14px; padding: 5px; text-align: center;line-height: 20px; }
.contact-kf:hover,.back-top:hover,.collect-web:hover,.my-browse-but:hover{ background-color: #ff9100; }
.join-qqqun{ display:block; width: 40px; height: 40px; background-color: #FF9100;  color: #fff; font-size: 14px; padding: 5px; text-align: center;line-height: 20px; }
.join-qqqun:hover{background-color:#EB8400;}
.back-top{ display: inline-block; width: 40px; height: 40px; background-color: #fdc57d;color: #fff; font-size: 14px; padding: 5px; text-align: center;line-height: 20px;  cursor: pointer;display: none;}
.back-top i{ display: inline-block; width: 22px; height: 26px;background:url(http://js.ibaotu.com/images/com/icon-public.png?160804) -78px 0; margin-top:7px;  }
.back-top span,.collect-web span,.my-browse-but span{ display: none; }
.back-top:hover i,.collect-web:hover i,.my-browse-but:hover i{ display:none;}
.back-top:hover span,.collect-web:hover span,.my-browse-but:hover span{ display: block; transition: all 0.2s }
.collect-web{ display: inline-block; width: 40px; height: 40px; background-color: #fdc57d; position: fixed; right: 0; bottom:240px; color: #fff; font-size: 14px; padding: 5px; text-align: center;line-height: 20px; }
.collect-web i{ display: inline-block; width:32px; height:31px;background:url(http://js.ibaotu.com/images/com/icon-public.png?160804) -68px -33px; margin-top: 4px; }

#fixed{position: fixed;_position: absolute;top: 0;right: 0;bottom: 0;z-index: 99;height: auto;overflow: visible;}
#fixed .fixed-but a{ margin-bottom: 2px; }
#fixed .fixed-but{ position: absolute; top:55%; right:0px; }

.browse::-webkit-scrollbar {width:10px;height:10px;}

.my-browse-but{display: inline-block;width: 40px;height: 40px;background-color: #fdc57d;color: #fff;font-size: 14px;padding: 5px;text-align: center;line-height: 20px;cursor: pointer;margin-bottom: 2px;}
.my-browse-but i{display: inline-block;width: 30px;height: 30px;background: url(http://js.ibaotu.com/images/com/icon-public.png) -70px -69px;margin-top: 7px;}
.my-browse-but-on{background-color:#ff9100;}
.my-browse-but-on i{display:none;}
.my-browse-but-on span{display:block;}



/***** 侧边栏我浏览过的 ****/
#browse{right: -300px; width: 250px; position: absolute; top: 0;  height: 100%;  }
.browse-m{height: 100%; position: relative;}
.browse-bg{width: 100%;height: 100%;background: #000;opacity: .8;position: absolute;top:0;left:0;}
.browse {width: 216px;height: 100%; padding: 17px; position: absolute;top:0;right:0;color: #fff;overflow-y: scroll;}
.browse .my-browse{width: 100px;height: 20px;line-height: 20px;text-align: center;display: block;color: #fff;font-size: 12px;border-radius: 10px;background: #666666; margin:0 auto; margin-left: 52px;}
.browse .browse-top{position: relative;}
.browse .browse-top .close-but{background: url(http://js.ibaotu.com/images/com/icon-public.png) no-repeat -51px -31px ;width: 12px;height: 11px;display: block;position: absolute;top:0px;left:0px;cursor: pointer;}
.browse-center-list{ width: 232px;margin-left:-5px; }
.browse .title{padding-bottom: 18px;text-align: center;}
.browse-center-date{text-align: center;padding: 6px 0 16px 0;position:relative;}
.browse-center-date .icon{background: url(http://js.ibaotu.com/images/com/borwse-icon.png) no-repeat 0 0 ;width: 14px;height: 67px;display: inline-block;vertical-align:middle;margin-right: 4px; margin-left: -16px; }
.browse-center-date .date{font-style: normal;display: inline-block;color: #8d8d8d;font-size:12px;position:absolute;top:30px;}
.img-show-box .list .img{width: 100%;height: 100%;}
.img-show-box .list{width: 100px;height: 152px;position: relative;margin:0 13px 13px 0;}
.img-show-box .list:hover .img-pos{display: block;}
.img-show-box .img-pos{display: none;}
.img-show-box .img-pos-bg{width: 100%;height: 100%;background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0 !important;position: absolute;top:0;left: 0;opacity: .8;z-index: 2;}
.img-show-box .img-pos-but{width: 100%;height: 100%;position: absolute;top:0;left: 0;color:#fff;}
.img-show-box .img-pos-but .collect{width: 86px;height: 32px;background-color: #cdaa7d;color: #fff;font-size: 16px;position: relative;z-index: 5;text-align: center;line-height: 32px;display: block;margin: 58px auto 0;cursor: pointer;}
.img-show-box .img-pos-but .collect i{display: inline-block;width: 19px;height: 19px;background: url(http://js.ibaotu.com/images/com/icon-public.png?160804) -22px -77px;vertical-align: -3px;margin-right: 10px;}
.img-show-box .img-pos-but .collect:hover{background-color: #d7a769}
.img-show-box .img-pos .img-pos-a .img-pos-a-but{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block; z-index: 4; }
.more-views{margin:20px 0;}
.more-views a{display:block;height:30px;line-height:30px;width:100px;text-align:center;margin:0 auto;color:#ccc;}
/*
搜索focus下拉框样式表
*/

#so-kw{
    width: 345px;
    border: 2px solid #ff960f;
   /* color: #c4c4c4;*/
}
.top-search{
    position: relative;
}
.z_xiala{
    width: 342px;
    position: absolute;
    background-color: #fff;
    left: 0px;
    top: 40px;
    z-index: 99;
    display: none;
    border:1px solid #ccc;
    border-top: none;
    letter-spacing: 2px;
}
#z_searchbtn{width: 105px;background-color:#ff9100;cursor: pointer;}
#z_searchbtn:hover {background: #ff6600;}
.z_qufenxian{
    border-bottom: #ebebeb 1px solid;
}
.z_xiala p{
    font-size: 12px;
    color: #aaa;
    height: 35px;
    line-height:35px;
    cursor: pointer;
}
.z_xiala p:hover{
    background-color: #fbfbfb;
}
.z_spanName{
    color: #8e8e8e;
}
.z_xiala span{
    display: inline-block;
}
.z_xiala p span:first-of-type{
    margin-left: 12px;
}
.z_xiala p span:last-of-type{
    margin-right: 8px;
    color: #b2b2b2;
}
.z_spanSearch{
    display: inline-block;
    float: right;
}
.z_box{
    text-indent: 2px;
    display: inline-block;
    background-color: #bfbfbf;
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    margin-top: 2.5px;
    margin-right: 5px;
    color: #ffffff;
    border-radius: 3px;
    margin-left: 5px;
}
.z_box1{
    background-color: #f37474;
}
.z_box2{
    background-color: #f3b674;
}
.z_box3{
    background-color: #8fc385;
    background-color: #8fc385;
}
/*搜索词*/
#so-kw{
    width: 345px;
    border: 2px solid #ff960f;
    /*box-shadow: -1px -1px 5px #999 inset;*/
    /*color: #c4c4c4;*/
}
.top-search{
    position: relative;
}
.z_xiala{
    width: 600px;
    position: absolute;
    background-color: #fff;
    left: 0px;
    top: 50px;
    z-index: 99;
    display: none;
    border:1px solid #ccc;
    border-top: none;
    letter-spacing: 2px;
}
#z_searchbtn{
    width: 105px;
    background-color: #ff9100;
}
.z_qufenxian{
    border-bottom: #ebebeb 1px solid;
}
.z_xiala p{
    font-size: 14px;
    color: #aaa;
    height: 35px;
    line-height:35px;
    cursor: pointer;
}
.z_xiala p:hover{
    background-color: #fbfbfb;
}
.z_spanName{
    color: #8e8e8e;
}
.z_xiala span{
    display: inline-block;
}
.z_xiala p span:first-of-type{
    margin-left: 12px;
}
.z_xiala p span:last-of-type{
    margin-right: 8px;
    color: #b2b2b2;
}
.z_spanSearch{
    display: inline-block;
    float: right;
}
.z_box{
    font-size: 10px;
    text-indent: 2px;
    display: inline-block;
    background-color: #bfbfbf;
    width: 14px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    margin-top: 0px;
    margin-right: 5px;
    color: #ffffff;
    border-radius: 3px;
    margin-left: 5px;
}
.z_box1{
    background-color: #f37474;
}
.z_box2{
    background-color: #f3b674;
}
.z_box3{
    background-color: #8fc385;
}


/* add by yangclsir 新头部*/
.top-contact{height: 26px;
    opacity: 0.8;
    line-height: 26px;
    text-indent: 29px;
    border: 1px #ff9100 solid;
    color: #ff9100;
    margin-top: 6px;
    margin-right: 10px;
    border-radius: 2px;
    /*background: url(http://icon.qiantucdn.com/images/newIndex/headerico.png) no-repeat 6px 3px #fff;*/
    background: url(http://js.ibaotu.com/images/com/xiaoqq.png) no-repeat 6px 4px;
    padding: 0;padding-right:5px;}

.top-contact_qq {
    height: 26px;
    opacity: 1;
    line-height: 26px;
    text-indent: 29px;
    border: 1px #ff9100 solid;
    color: #ff9100;
    margin-top: 6px;
    margin-right: 10px;
    border-radius: 2px;
    background: url(http://js.ibaotu.com/images/com/xiaoqq.png) no-repeat 6px 4px;
    padding: 0;padding-right:5px;
}
.top-contact_qq:hover {
    opacity: 0.8;
}
/*微信礼包*/
.wx-drop{position: relative;}
.wxgift-drop{width: 160px;height: 188px;border: 1px #e0e0e0 solid;padding: 10px 0px 0px 10px;background: #fff;position: absolute;z-index: 5;top: 34px;left: 228px;display: none;}
.wxgift-drop .wx-code{width: 150px;height: 150px;overflow: hidden;}
.wxgift-drop .wx-code img{width: 100%;height: 100%;}
.wxgift-drop .wxts{color: #ff9100;text-align: center;line-height: 30px;padding-right: 10px;}
.wx-drop:hover .wxgift-drop{display: block;}
#wxgroup-contact{background: url(http://js.ibaotu.com/images/com/weixin.png) no-repeat 6px 4px;}

.user-top-a {
    height: 42px;margin-bottom:0px;}
.user-top-a .user-vip-type span {
    line-height: 40px;
    color: #be6c00;
}
.user-top-a .user-infor .vip-type {
    display: inline-block;
    width: 31px;
    height: 23px;
    margin-left: 5px;
    margin-top: 5px;
}

.top-classfiy a {
    font-size: 16px;line-height: 79px;
    text-align: center;
    padding: 0 26px;margin:0;}
#on_current{border-bottom: 2px solid #ff9100;font-weight: 700;
    color: #ff9100;}

/* 头部修改 */
.user-search{
    height: 135px;
    width: 1200px;
    margin: 0 auto;
    background-color: #fafafa;
    box-shadow: 0px 2px 2px rgba(6,0,1,0.2);
    margin-bottom: 20px;
    background: url(http://js.ibaotu.com/images/com/search-input.png);

}
.user-search .user-select{
    width: 100%;
    padding-top: 30px;
    margin-left: 23%;
    /* 	margin-bottom: 10px; */
}
.user-search .user-select li {
    float: left;
    text-align: center;

}
.user-search .user-select li a{
    display: inline-block;
    width: 74px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    color: #ff9100;
}
.user-search .user-select a:hover{
    background: #ff9100;
    color: #fff;
}

.new_history{
    height: 95px;
    background: #fffcf9;
    padding-left: 8px;
}
.new_history .new_xiala li:first-child{
    border: none;
}
.new_history .new_xiala li{
    float: left;
    font-size: 14px;
    color: #868686;
    height: 26px;
    line-height: 26px;
    margin:10px 20px 6px 6px ;
    border: 1px #e4e4e4 solid;
    border-radius: 5%;
}
.new_history .new_xiala li a{
    display: inline-block;
    /* height: 26px;
    line-height: 26px; */
    font-size: 12px;
    color: #8e8e8e;
    margin-left: 6px;
    margin-right: 6px;

}

.user-point{
    position: fixed;
    width: 106px;
    height: 135px;
    top: 90px;
    right: 223px;
    background: #fff;
    border: 1px #e0dfdf solid;
}
.user-point .point-search li{

    border-bottom: 1px #e0dfdf solid;
}
.user-point .point-search li a{
    display: inline-block;
    width: 106px;
    height: 44px;
    line-height: 44px;
    font-size: 18px;
    color: #ff9100;
    text-align: center;
}
.user-point .point-search li a:hover{
    color: #fff;
    background: #ff9100;
}
.top-search {
    left: -238px;
    top: 25px;
}



/*头部qq群联盟下拉*/
.xiala-box{position: relative;}
.tb-xiala{display: inline-block;width: 11px;height: 6px;background: url(http://js.ibaotu.com/images/qqunion/xiala.png) no-repeat center;vertical-align: middle;margin-left: 5px;}
.qqgroup-xiala{width: 366px;height: 300px;background: #fff;border:1px #e0e0e0 solid;position: absolute;z-index: 5;top:34px;left: 102px;display: none;transition: all .2s;}
.number-list,.official-qq{width: 345px;margin: 0 auto; border-bottom: 1px #efefef solid;padding-top: 22px;padding-left: 5px;}
.official-qq{border-bottom: none;}
.number-list .top-number .qqnumber-list{margin-bottom: 4px;}
.number-list .qqnumber-list span,.official-qq span{color: #ff9100;}
.number-list .qqnumber-list a,.official-qq a{display: inline-block;width: 104px;height: 30px;background: url(http://js.ibaotu.com/images/qqunion/btn-shenqing.png) no-repeat center;color: #fff;text-align: center;line-height: 30px;margin-right: 12px;transition: all .2s;margin-top: -8px;margin-bottom: 20px;}
.number-list .qqnumber-list a .tb-shenqing,.official-qq a .tb-shenqing{display: inline-block;width:21px;height: 18px;background: url(http://js.ibaotu.com/images/qqunion/tb-shenqing.png) no-repeat center;vertical-align: middle;margin-right: 4px;}
.number-list .qqnumber-list a:hover,.official-qq a:hover,.button-apply a:hover{opacity: .8;}
.button-apply{text-align: center;padding-top: 5px;}
.button-apply a{display: inline-block;width: 278px;height: 51px;line-height: 51px;background: url(http://js.ibaotu.com/images/qqunion/btn-a-shenqing.png) no-repeat center;color: #fff;font-size: 20px;text-align: center;box-shadow: 0px 2px 2px #d9d9d9;font-weight: bold;}


/*vip下拉框*/
.vip-select{position: absolute; top:123px;right: 245px; width:314px;height: auto; min-height: 308px;display: block;text-align: center;z-index:5;background: rgba(59,59,59,.95); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E53b3b3b,endColorstr=#E53b3b3b);}
.vip-select h3{text-align: center;height: 50px;line-height: 50px;}
.vip-select h3 a{color: #ffdaac;font-size: 22px;padding: 0 0;}
.vip-select .p-intro{padding-top: 30px;padding-left:45px;}
.vip-select h3 a:hover{color: #ffdaac;}
.vip-select .p-intro p{line-height: 25px;margin-bottom: 18px;color: #e6d9b3;clear: both;overflow: hidden;}
.vip-select .p-intro p i{display:inline-block;width: 24px;height: 28px;vertical-align: middle;}
.vip-select .p-intro p span{width: 220px;text-align: left;padding-right: 20px;}
.vip-select .p-intro p em{color: #ffdaac;font-size: 20px;font-style: normal;font-weight: bold;}
.vip-select .btn-a{text-align: center;}
.vip-select .btn-a a{display: inline-block;width: 236px;height: 62px;background: url(http://js.ibaotu.com/images/vip/tb-05.png) no-repeat center;position: absolute;bottom: 20px;left: 18px; color: #714b1c;line-height: 62px;font-size: 24px;transition:.2s;}
.vip-select .btn-a a:hover{color: #714b1c;background: url(http://js.ibaotu.com/images/vip/tb-06.png) no-repeat center;}
.tb-01{display: inline-block;width: 49px;height: 37px;background: url(http://js.ibaotu.com/images/vip/tb-01.png) no-repeat center;vertical-align:-4px;margin-right: 8px;}
.tb-02{background: url(http://js.ibaotu.com/images/vip/tb-02.png) no-repeat center;}
.tb-03{background: url(http://js.ibaotu.com/images/vip/tb-03.png) no-repeat center;}
.tb-04{background: url(http://js.ibaotu.com/images/vip/tb-04.png) no-repeat center;}


/*** 灵感vip added by yangclsir***/
.inspire-box-mask { position:fixed; top:0; left:0; width:100%; height:100%; z-index:100;  }
.inspire-box-mask .inspire-mask {  width:100%; height:100%;background: #000;opacity: 0.2;filter:alpha(opacity=20);zoom:1;  }
.inspire-box {  position:absolute; top: 40%; left: 45%; margin-top: -245px; margin-left:-378px; width:1000px; height:700px;background-color:#fafafa; box-shadow:0 0 5px rgba(6,0,1,0.3)  }
.inspire-mask-top { height:65px;width:100%; background: #ff9100; line-height:65px; color:#fff; font-size:24px; text-align:center; position:relative;letter-spacing: 3px;  }
.inspire-mask-top span { width:23px; height:23px; background:url(http://js.ibaotu.com/images/download/close-mask.png); display:inline-block; position:absolute ; top:15px; right:15px; cursor:pointer; transition:all 0.2s;-webkit-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;-moz-transition:all 0.2s;  }
.inspire-mask-top span:hover { transform:rotate(180deg);  -ms-transform:rotate(180deg); 	/* IE 9 */  -moz-transform:rotate(180deg); 	/* Firefox */  -webkit-transform:rotate(180deg); /* Safari 和 Chrome */  -o-transform:rotate(180deg); 	/* Opera */  }
.inspire-content-box .but-link { background-color:#ff9b19; color:#fff;font-weight:bolder; text-align:center; height:110px; line-height:110px; width:580px; margin:60px auto; font-size:48px;border-radius: 5px;box-shadow: 1px 1px 2px rgba(6,0,1,0.2);letter-spacing: 5px;  }
.inspire-content-box .but-link:hover{  opacity:0.9;  }
.inspire-content {width:750px;margin: 60px auto;background: #fff;  }
.inspire-content-title {font-size: 24px;padding:18px 0 18px;letter-spacing: 5px;color: #ff9100;text-align: center; border-bottom: 2px solid #fafafa;  }
.inspire-content-row {text-align:center; font-size:18px; color:#ff9100;padding:10px 0 10px;    border-bottom: 2px solid #fafafa;  }
.inspire-content-kid-a {display: inline-block;width: 270px;}
.inspire-content-kid-b {  display: inline-block;width: 170px;  }
.inspire-content-kid-c {  display: inline-block;width: 260px;  }

/*右侧悬浮*/
#fixed {position: fixed; bottom:21%;right:0;z-index: 9999; top:48.4%;width: 60px;height: 262px;}
#fixed .fixed-act{ margin-left:5px;margin-bottom:15px;position: static;top:48.4%;}
#fixed .fixed-but{top:25%;}

/*二维码样式*/
#fixed .fixed-but .wx-div .er-code{position: relative;}
#fixed .fixed-but .wx-div .code-img{display: inline-block; width: 180px;height: 180px;background: url('http://js.ibaotu.com/images/code/er-code.png') no-repeat center;position: absolute;right: 55px;top:140px;}
#fixed {position: fixed; bottom:21%;right:0;z-index: 9999; top:48.4%;width: 60px;height: 262px;}
#fixed .fixed-act{ margin-left:5px;margin-bottom:15px;position: static;top:48.4%;}
#fixed .fixed-but{top:25%;}

/*<!--左侧导航样式-->*/
.left-fiexd-nav{  width: 66px;  position: fixed;  top: 50%;  left: 50%;  margin-top: -119px;  margin-left: -705px;  height: auto;  display: none; }
.left-fiexd-nav .fixex-nav-secord span,.left-fiexd-nav  h3,.left-fiexd-nav .scroll-top{display:block;width: 66px;height: 32px;color: #fff;background: #999;cursor: pointer; text-align: center;line-height:32px;margin-bottom: 2px;}
.left-fiexd-nav .fixex-nav-secord span{font-size: 12px;cursor:pointer;}
.left-fiexd-nav .fixex-nav-secord span.on{background: #ff9100;}
.left-fiexd-nav  h3{font-size: 16px;background:#ff9100;}
.left-fiexd-nav .scroll-top:hover{background: #ff9100;}
/*下拉修改2017-4-20*/
.sub-classfiy.add-subdrop{width: 367px;}
.sub-classfiy.add-subdrop .subdrop-title{padding:0 20px;border-bottom: 1px solid #ffe4c1;}
.sub-classfiy.add-subdrop h3 a{padding: 0 14px;}
.sub-classfiy.add-subdrop h3 {border: none;}
.add-subdrop .add-subdrop-m{padding: 20px;}
.add-subdrop .add-subdrop-m .classfiy-item h4{padding-left: 20px;font-size: 16px;color: #ff9100;padding-bottom: 10px;}
.add-subdrop .add-subdrop-m .classfiy-item .item-list a{font-size: 16px;line-height: 25px;width:99px;height:25px;color:#7d7d7d;margin: 0 10px 10px 0;text-align: center;padding: 0;}
.add-subdrop .add-subdrop-m .classfiy-item .item-list a:hover{background: #FF9100;color:#fff;}
.add-subdrop .add-subdrop-m .classfiy-item .item-list a:nth-of-type(3n){margin-right: 0;}
.add-subdrop .add-subdrop-m .classfiy-item .item-list a.third{margin-right: 0;}
/* 气泡提示 */
.top-classfiy .tip-bubble{width: 320px;height: 40px;background: #fff;border-radius: 4px;box-shadow: 1px 0px 8px rgba(0,0,0,.25);position: absolute;top: 108px;z-index: 100;left: 50%;}
.top-classfiy .tip-bubble:before{content: '';display: block;width: 0; height: 0;  border-left: 10px solid transparent; border-right: 10px solid transparent;  border-bottom: 14px solid #fff; position: absolute; left: 25px; top:-14px;}
.top-classfiy .tip-bubble p{text-align: center;line-height: 40px;color: #ff9100;font-size: 16px;font-weight: bold;}
/*旧样式整理*/
.userxufei:hover {opacity: 0.8;}
.top-contact:hover {opacity: 1;}
.user-top-a .user-infor .vip-type {height: 35px;}
.sub-classfiy {width: 284px;height: auto;border: 1px solid #ffe1ba;background: #fff;z-index: 100;position: absolute;top: 80px;left: 44%;margin-left: -314px;z-index: 99;}
/***  下拉框子导航  ****/
.sub-classfiy h3 {text-align: center;border-bottom: 1px solid #ffe4c1;position: relative;}
.sub-classfiy h3 a {height: 65px;line-height: 65px;font-size: 18px;color: #ff9100;font-weight: bold;display: block;}
.sub-classfiy h3.hasbder:before, .sub-classfiy h3.hasbder:after{content: '';display: block;width: 1px;height: 30px;position: absolute;top:17px;background-color: #ffe1ba;}
.sub-classfiy h3.hasbder:before{left: 0;}
.sub-classfiy h3.hasbder:after{right: 0;}
.sub-classfiy .sub-classfiy-m {padding: 16px 0 0 10px;}
.sub-classfiy .sub-classfiy-m a {padding: 0px;width: 116px;height: 30px;line-height: 30px;font-size: 16px;color: #7d7d7d;display: inline-block;margin: 0 20px 12px 0;}
.sub-classfiy .sub-classfiy-m a.on,
.sub-classfiy .sub-classfiy-m a:hover {background: #ff9100;color: #fff;}
.new_history {background: #fff;}
.new_history .new_xiala li {  border: none;  margin: 5px 0px 0px 0px;  }
.new_history .new_xiala li a {  display: inline-block;  font-size: 14px;  color: #737373; /*background: #fff;*/  margin-left: 6px; /*margin-right: 6px;*/  }
.new_history .new_xiala li a:hover {  color: #ff9100;  }
.z_xiala p:hover {  background: #f1e1cb; /*opacity: 0.2;*/  }