﻿@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: 1202px; margin: 0 auto}
.w1440{width: 1440px; margin: 0 auto; min-width: 1202px;}
.none{display:none;}


/*******  网站头部  ******/
body{ background-color: #fafafa; }
.topAd{width: 100%;}
.user-top{ height: 48px;width: 100%; background-color: #ffffff; margin-bottom: 20px;  }
.user-top .logo{ display: inline-block;width: 140px; height: 55px;margin-top:12px; margin-right:35px; ;transition: none}
.top-classfiy a{ color: #000000; font-size: 15px; width: 80px; display:inline-block;  margin: 0 7px;transition: none;line-height:50px;
    text-align: center;margin-left: 0px;

}

.headercom{
    width: 86px;
    line-height: 39px;
    font-size: 14px;
    color: #000000;
    text-align: center;
    float: left;
    display: inline;
    padding-top: 1px;
}

.headercom:hover{
    background-color: #ffd001;
}

.MenuTan{
    font-size: 16px;
    margin-top: 0px;
    color: #000;
    cursor: pointer;
    display: none;
    height: 67px;
    line-height: 67px;
    width: 80px;
    position: relative;
}


.MenuTanchu{
    display:none;
    z-index:200;
    position: absolute;
    width: 86px;
    background-color: #fff;
    top:66px;
    left: -7px;
    border: 1px solid #aaa;
}

.MenuTan:hover .MenuTanchu{
    display: block;
}

.MenuTanchu:hover{
    display: block;
}


.vipGift{
    margin-left: 170px;
    margin-top:24px;
}


.vipSS{
    height: 76px;line-height: 76px;font-size: 16px;color: #000;margin-right: 10px;display: none;
}

.vipSS a{
    margin-right: 20px;
}

.top-search .text-search {
    display: inline-block;
    width: 245px;
    padding: 0 15px;
    height: 40px;
    line-height: 40px;
    color: #8a8a8a;

    border: none;

}

.top-search .but-search{ display: inline-block; height: 44px; line-height: 44px;width: 75px; border:none;border:none; color:#fff; font-size: 16px;}
.top-search {
    position: relative;
    margin: 0px auto;
    z-index: 1000;
    top: 18px;
}
.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: 10px;  position: relative;}
.user-top .user-vip-type{width: 150px;}
.user-top .user-vip-type span{ line-height: 40px; color:#be6c00;font-size:16px;}
.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;top:1px;}
.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(../images/vip-icon-lv1.png) 0 0px no-repeat;}
.user-top .user-infor .commonly{ background:url(../images/vip-icon.png) -35px 0px no-repeat;}
.user-top .user-infor .ordinary{ background:url(../images/vip-icon.png) -69px 0px no-repeat;}
.user-infor-con{ z-index:1200;width: 200px; position: absolute;  top:36px;right:-130px; box-shadow: 0 0 3px rgba(6,0,1,0.2); display: none; transition: all 0.2s; border: #DAD8D8 1px solid}
.user-infor-con .triangle{ display: inline-block; width: 22px; height: 8px; background: url(../images/icon-public.png) -28px -47px; position:absolute; top:-8px; left: 150px;}
.user-infor-con dl{ height:50px;  line-height:50px; background-color:#FFFFFF; padding-left:20px;border-bottom: 1px solid #DAD8D8; font-size: 16px;}
.user-infor-con .outlogin{
    height:50px;
    line-height:50px;
    background-color:#FFFFFF;
    padding-left:20px;
    border-top: 1px solid #DAD8D8;
    font-size: 16px;
    border-bottom: none;
    color: #7a7a7a;
}
.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:#01b601 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{width: 200px;  background-color: #FFFFFF; }
.user-Entrance a{ display: inline-block; width:100%; height: 39px;  line-height: 39px; color: #7a7a7a; font-size:14px; padding-left: 20px; }
.user-Entrance a i{  display: inline-block; height: 17px; margin-left: 12px; margin-right:15px;vertical-align: -2px; }
.user-Entrance a:hover{ color: #000}
.user-Entrance  .discount-vip { background-color: #fbe5c8; font-size: 16px;color: #ff6000; text-indent: -10px;}
.user-Entrance  .discount-vip i{ background: url(../images/togetscore.png)0 0px; width: 22px; vertical-align: 0; margin-right:13px;height:20px;}
.user-Entrance  .mine-download i{ width:17px; background: url(../images/upload-icon.png) -51px -1px ;vertical-align: -1px;}
.user-Entrance  .mine-collect i{ width:18px;  background: url(../images/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; }
.userxufei{float: right;margin-left: 10px;width:80px;height:25px;background:#ff9100;color:#fff;margin-top: 8px;border-radius: 2px;text-align: center;line-height: 25px;}
.userxufei:hover {opacity: 0.8;}
.top-contact:hover{opacity: 1;}
.new-icon{display: inline-block;position: relative;top: -8px;right: -9px;background: url(../images/nnn.png) no-repeat 0 -1px;width: 15px;height: 8px;}
.underline{cursor: pointer;text-decoration: underline;}



/***** 内容排版****/
.content-index{ margin-right: -30px; }
.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: #01b601; 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: #01b601; box-shadow: 0 1px 2px rgba(6,0,1,0.2); margin-left: 485px; }

/*****   网站底部  ******/
.footer{ width:100%;   background-color: #232323;}
.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{  background-color: #232323; padding-top:10px;  padding-bottom:10px;}
.footer .foot p{ text-align: center;
    color: #d8d8d8; font-size: 14px; line-height: 28px;margin-top: 15px;}
.footer .foot p>img{
    width: 1%;
}
.footer .foot p a{ color: #c6c6c6; }
.footer .foot1{  background-color: #232323; padding-top:30px;  }
.footer .foot1 p{
    color: #ffffff; font-size: 14px; line-height: 28px;margin-top: 15px;}
.footer .foot1 p a{ color: #bbbbbb; }

.footer .foot1 h3{
    color: #ffffff;
    font-size: 20px;
}

.footer .foot1 ul{
    margin-top: 40px;

}

.footer .foot1 ul li{
    float: left;
    margin-right: 10px;
    padding-right: 8px;
    border-right: 2px solid #aaaaaa;
}


.rewm .payKuang img{
    width: 92px;
    height: 92px;
}

.rewm .payTit{
    text-align: left;

}


.rewm .weChathao{
    margin-left: 60px;
}

.rewm .payTit img{
    width: 20%;
    float: left;
    margin-top: 7px;
}

/***** 分页  *****/
.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;margin-bottom: 40px;}
.pagelist a,.pagelist span{color:#666; display: inline-block;height:45px; width:45px; line-height:45px;margin:0 7px; background-color: #fff;border: 1px solid #e3e3e3;}
.pagelist .prv,.pagelist .next{ width:103px !important}
.pagelist a:hover{ background:#f14038;color:#fff;}
.pagelist .current{background: #f14038;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:11000; _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: -401px;width: 806px;height: 490px;background-color:#ffffff; box-shadow:0 0 7px rgba(6,0,1,0.4); animation: alert .5s;-webkit-animation: alert .5s;border-radius: 10px;}
.Login-div .close-but{ display: inline-block; position: absolute; top:16px; right:16px;width:20px; height:20px; background: url(../images/icon-public.png) -28px 0; cursor: pointer; }
.Login-div .close-but:hover{ background: url(../images/icon-public.png) -51px 0; }

.Login-div .login-title{ height: 60px; line-height: 60px; background-color: #fafafa; color: #333; text-align:center; font-size: 26px;padding-top: 30px;}
.Login-div dl{ width: 175px; margin-top:40px;margin-left: 300px; }
.Login-div dl dt{ width: 175px; height: 138px;  }

.Login-div dl dt img{  padding:28px 44px;}
.Login-div dl dd{ color:#535252; font-size:16px; text-align: center; margin-left: 21px; }
.Login-div .login-tit2{text-align: center;margin-top: 20px;}

.loginIntro{
    background: url(../images/loginbg.png);width:312px;height:490px;color: #Ffffff;text-align: center;
}

.loginIntro p{
    margin-top: 70px;
    font-size: 24px;
    letter-spacing: 1px;
}

.loginIntro ul{
    margin-top: 70px;
}

.loginIntro ul li{
    margin-bottom: 30px;
    font-size: 16px;
    opacity: 0;
    transition: all 1s linear;

}

.loginIntro ul li img{
    width: 16px;
    position: relative;
    top:3px;
    right: 9px;
}


.qqLogK{
    margin-left: 60px;text-align: center;border-radius: 5px;position: relative;top:-12px;
    border: 1px solid #ddd;
}

.qqLogK:hover{
    background-color: #179ae0;
    border: 1px solid #179ae0;
}

.wxLogK{
    border: 1px solid #ddd;border-radius: 5px;position: relative;top:-5px;
    box-sizing: border-box;
}

.wxLogK:hover{
    background-color: #17bd1c;
    border: 1px solid #17bd1c;
}


@-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: #01b601; 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: #01b601; 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: #01b601; 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: #01b601; text-align: center; border: #01b601 1px  solid;position:absolute; top: 50%; left: 50%; margin-top: -106px; margin-left:-263px; background-color: #fff;  font-size: 18px; display: none; }

/**** 网页右侧悬浮  ******/
.rdhl{
    display:block;width: 30px; color: #fff; font-size: 12px;
    padding:10px 5px;
    line-height: 15px; text-align:center;background-color: #000;
    border-bottom:1px solid #Ffffff;
}

.rdhl:hover{
    background-color: #f14038;
}

.rdhl img{
    display: block;
    width: 56%;
    margin: 0 auto;
    margin-top: 8px;
}

.fankui{display:block;width: 30px;  color: #fff; font-size: 12px; padding:10px 5px;line-height: 15px; text-align:center;background-color: #f000; border-bottom:1px solid #ffffff ;  }
.fankui i{ display:inline-block; width: 12px; height: 12px ; background: url(../images/icon-public.png) -47px -81px; margin-left: 2px;;}
.fankui:hover{ background-color: #f14038;}
.fankui img{
    display: block;
    width: 56%;
    margin: 3px auto;
    margin-bottom: 7px;
}
.contact-kf{ display:block; width: 30px;  background-color: #000;color: #fff; font-size: 12px; padding: 10px 5px; text-align: center;line-height: 15px;border-bottom:1px solid #ffffff ; }
.contact-kf img{
    display: block;
    width: 46%;
    margin: 4px auto;
    margin-bottom: 7px;
}
.contact-kf:hover,.back-top:hover,.collect-web:hover,.my-browse-but:hover{ background-color: #f14038; }
.join-qqqun{ display:block; width: 40px; height: 40px; background-color: #01b601;  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: 30px; height: 40px; background-color: #000;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(../images/icon-public.png) -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(../images/icon-public.png) -68px -33px; margin-top: 4px; }

#fixed{position: fixed;_position: absolute;top: 0;right:25px;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; }
#fixed p{display: none}
#fixed p.active{display: block}


.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(../images/icon-public.png) -70px -69px;margin-top: 7px;}
.my-browse-but-on{background-color:#01b601;}
.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(../images/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(../images/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(../images/icon-public.png) -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下拉框样式表
*/



.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: 66px;
    background-color: #f14038;
    cursor: pointer;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    font-size: 16px;
    height: 42px;
    text-align: center;
    line-height: 42px;
    color: #000000;
    letter-spacing: 1px;
}

#z_searchbtn:hover {background: #d32a23;}

.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: 1207px;
    border: 1px solid #ddd;
    border-right: none;
}

.z_xiala {
    width: 1237px;
    position: absolute;
    background-color: #fff;
    left: 125px;
    top: 44px;
    z-index: 99;
    display: none;
    border: 1px solid #ccc;
    border-radius: 10px;
    border-top: none;
    letter-spacing: 2px;

}

.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: 28px;
    line-height: 28px;
    text-indent: 6px;
    text-align: center ;
    width: 56px;
    font-size: 16px;
    color: #000;
    margin-top: 12px;
    margin-right: 10px;
    border-radius: 2px;
    /*background: url(../images/xiaoqq_connect.png) no-repeat 6px 4px;*/
    padding: 0;padding-right:5px;
    background: #ffffff;
    margin-left: 10px;
    box-sizing: border-box;
    border: 1px solid #ccc;
}

.top-contact:hover{
    color: #ffffff;
    background: #f14038;
    border:1px solid #f14038;
}

.iconSmall{
    width: 28px;
    height: 28px;
    line-height: 42px;
    margin-top: 10px;
    margin-left: 0px;
    border: 1px solid #C6C6C6;
    border-radius:50%;
    background: url(../images/lapulas.png) no-repeat;
    background-size: 100% 100%;
}

.iconSmall span{
    padding-left: 50px;
    font-size: 16px;
}

.top-contact .icon-info{
    width: 150px;
    border: 1px solid #A5A5A5;
    border-top:none;
    margin-top: 8px;
    margin-left: 50px;
    text-indent: 0px;
    background-color: #FFFFFF;
    z-index: 100;
    display: none;
}

.top-contact .icon-info.active{
    display: block;
}



.top-contact .icon-info .outlogin{
    height: 50px;
    line-height: 50px;
    color: #555555;
    padding-left: 20px;
    border-top:1px solid #A5A5A5;
    cursor:pointer;
}

.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(../images/xiaoqq.png) no-repeat 6px 4px;*/
    padding: 0;padding-right:5px;
}
.top-contact_qq:hover {
    opacity: 0.8;
}
.login-weixin{
    background: url(../images/xiaoweixin.v1.png) no-repeat 6px 4px;color: #3ebb2b;border:1px #3ebb2b solid;
}

.invite-fuli{

    /*background: url(../images/fuli_22.png) no-repeat 6px 1px;*/
}
.zhekou-red{
    color: #C6C6C6;

}



/*微信礼包*/
.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: #01b601;text-align: center;line-height: 30px;padding-right: 10px;}
.wx-drop:hover .wxgift-drop{display: block;}
#wxgroup-contact{background: url(../images/weixin.png) no-repeat 6px 4px;}

.user-top-a {
    height: 50px;margin-bottom:0px;
    box-shadow:0px 15px 10px -15px #ccc;
    z-index: 500}

.user-top-menu{
    /*background-color: #fff;*/
    height: 106px;
}

.user-top-a .user-vip-type span {
    line-height: 40px;
    color: #C6C6C6;
    margin-top: -7px;
    display: block;
}
.user-top-a .user-infor .vip-type {
    display: inline-block;
    width: 31px;
    height: 23px;
    margin-left: 5px;
    margin-top: 5px;
}

.user-info{
    width: 50px;
}

.top-classfiy li{
    /*margin-left: 40px;*/
}

.top-classfiy li:first-child{
    margin-left: 0px;
}


.top-classfiy li a.on{
    border-bottom: 2px solid #ffa511;font-weight: 700;color: #ffd001;background-color: #000000;
}



#on_current{color: #f14038;
}

/* 头部修改 */
.user-search{
    height: 135px;
    width: 1200px;
    margin: 0 auto;
    background-color: #fafafa;
    margin-bottom: 20px;
    /*background: url(../images/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: #01b601;
}
.user-search .user-select a:hover{
    background: #01b601;
    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: #01b601;
    text-align: center;
}
.user-point .point-search li a:hover{
    color: #fff;
    background: #01b601;
}



.user-top .user-infor a{
    width: 103px;
}

.top-search .allchoice{
    display: block;
    background-color: #ffffff;
    height: 42px;
    border: 1px solid #ccc;
    line-height: 42px;

    border-top-left-radius: 10px;
    border-bottom-left-radius:10px;
    width: 125px;
    text-align: center;
    text-indent: 18px;
}

/*头部qq群联盟下拉*/
.xiala-box{position: relative;}
.tb-xiala{display: inline-block;width: 11px;height: 6px;background: url(../images/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: #01b601;}
.number-list .qqnumber-list a,.official-qq a{display: inline-block;width: 104px;height: 30px;background: url(../images/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(../images/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(../images/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:2000;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(../images/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(../images/tb-06.png) no-repeat center;}
.tb-01{display: inline-block;width: 49px;height: 37px;background: url(../images/tb-01.png) no-repeat center;vertical-align:-4px;margin-right: 8px;}
.tb-02{background: url(../images/tb-02.png) no-repeat center;}
.tb-03{background: url(../images/tb-03.png) no-repeat center;}
.tb-04{background: url(../images/tb-04.png) no-repeat center;}


/*右侧悬浮*/

#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('../images/er-code.png') no-repeat center;position: absolute;right: 55px;top:140px;}
#fixed {position: fixed; bottom:21%;right:0;z-index: 9999; top:0%;width: 40px;height: 100%;background-color: #000000;}
#fixed .fixed-act{ margin-left:5px;margin-bottom:15px;position: static;top:48.4%;}
#fixed .fixed-but{top:25%;}


/*新版本公共弹窗 css start  确定使用*/
.down-limit{position:fixed;z-index: 9997;left: 0;top: 0;width: 100%;height: 100%;}
.down-limit-bg{background-color: #000;position: absolute;z-index: 9998;left: 0;top: 0;width: 100%;height: 100%;opacity: 0.5;filter: alpha(opacity=50);-moz-opacity: 0.5;}
.bgimg{ position:fixed; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:0.44;background-color:rgba(0,0,0,0.44);filter:alpha(opacity=44); z-index:11;}

/*当日下载上限*/
.down-limitPublic{position:fixed;top:50%;left:50%;width:532px;height:362px;margin-top:-181px;margin-left:-266px;background:#fff;text-align:center;z-index:1000;border-radius:12px;}
.down-limitPublic .hint-info{font-size:22px;color:#222;font-weight:bold;padding:40px 0 25px;}
.down-limitPublic .best-choice{font-size:18px;}
.down-limitPublic .best-choice b{padding-right:5px;}
.down-limitPublic .best-choice b.png{color:#01b601;}
.down-limitPublic .best-choice b.bg{color:#df0000;}
.down-limitPublic .best-choice b.model{color:#ff7200;}
.down-limitPublic .reason{color:#454545;padding-top:25px;}
.down-limitPublic .reason .lowest-price{color:#ff9100;}
.down-limitPublic .upload-vip{display:block;margin:25px auto 15px;width:195px;height:58px;line-height:58px;text-align:center;font-size:18px;color:#fff;border-radius:30px;-webkit-transition: all .2s;
    -o-transition: all .2s;transition:all .2s;}
.down-limitPublic .upload-vip:hover{opacity:.8;filter:alpha(opacity=80);}
.down-limitPublic .upload-vip.png{background:#ff9100;}
.down-limitPublic .upload-vip.bg{background:#e00000;}
.down-limitPublic .upload-vip.model{background:#ff7200;}
.down-limitPublic a.cancel{font-size:12px;color:#454545;text-decoration:underline;}
.down-limitPublic a.cancel.png:hover{color:#e00000;}
.down-limitPublic a.cancel.bg:hover{color:#e00000;}
.down-limitPublic a.cancel.model:hover{color:#ff7200;}
.down-limitPublic .know-btn{display:block;margin:25px auto 15px;width:195px;height:58px;line-height:58px;text-align:center;font-size:18px;color:#fff;border-radius:30px;-webkit-transition: all .2s;
    -o-transition: all .2s;transition:all .2s;background:#169dea;}
.down-limitPublic .know-btn:hover{opacity:.8;filter:alpha(opacity=80);}
/*免费下载上限*/
/*新版本公共弹窗 css end*/


/*//首页有二级子目录的下拉*/
.sub-classfiy{ width: 244px; height: auto;  background: #ffffff; z-index: 2000; position: absolute; left: 0%;    box-shadow:  0 0 13px #aaa;
    border-radius: 10px;
}
/***  下拉框子导航  ****/
.sub-classfiy h3{text-align: center; border-bottom: 1px solid #a19e9e; }
.sub-classfiy h3 a{  height: 55px; line-height: 55px; font-size: 14px; color: #000000; font-weight:normal;   }
.sub-classfiy .sub-classfiy-m { padding: 26px 26px 14px 26px;}
.sub-classfiy .sub-classfiy-m a{ padding:0px;width: 96px; height:30px ;line-height: 30px; font-size: 14px; color:#000000; display: inline-block; margin:0 0px 12px 0; }
.sub-classfiy .big-item a{ width: 170px;  }
.sub-classfiy .sub-classfiy-m a.on,.sub-classfiy .sub-classfiy-m a:hover{  color: #ef3e3d }
.vipKuang h3{
    border-bottom: none;
    padding-bottom: 12px;
}

.vipKuang span{
    border: 1px solid #ffd001;
    height: 30px;
    margin-top: 10px;
    display: inline-block;
}

.vipKuang span a{
    width:60px;height: 30px;line-height: 30px;
    margin-left: 2px;
}

.vipKuang span img{
    float: left;
    position: relative;
    left: 3px;
    top:10px;
}

.BtnOVip{
    font-size: 16px;
    display: inline-block;
    width: 30px;
    height: 30px !important;
    line-height: 30px !important;
    margin-top: 14px !important;
    background-color: #ffd001;
    color: #000000;
    float: right;
}

/*//搜索历史记录*/
.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;margin-left: 6px;}
.new_history .new_xiala li a:hover{color:#ff9100;}
.z_xiala p:hover{background: #f1e1cb;}


/*vip荣誉称号*/
.vip-soutu-btn{
    color: #fff;  text-transform: uppercase;  border-radius: 0;  padding-left: 60px;  position: relative;  transform: translateZ(0px);
    transition: all 0.5s ease 0s;  height:40px;  padding-top: 3px;  padding-bottom: 3px;
}
.vip-soutu-btn:after{
    content: "";  position: absolute;  top: 0;  left: 0;  bottom: 0;  right: 0;  background: #fff;  z-index: -1;  transform: scaleX(0);  transform-origin: 100% 50% 0;  transition: all 0.5s ease-out 0s;  }
.vip-soutu-btn:hover:after{
    transform: scaleX(1);  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.qingtong{
    border: 1px solid #556B2F;  background-color: #556B2F;
}
.huangjin{
    border: 1px solid #ff9100;  background-color: #ff9100;
}
.bojin{
    border: 1px solid #ADFF2F;  background-color: #ADFF2F;
}
.zuanshi{
    border: 1px solid #fe6d6d;  background-color: #fe6d6d;
}
.wangzhe{
    border: 1px solid red;  background-color: #FF00FF;
}

.qingtong:hover, .qingtong span{  color: #556B2F;  background-color: #fff;  }
.qingtong:hover span, .qingtong:hover span:after{  background: #556B2F;  }
.huangjin:hover, .huangijn span{  color: #ff9100;  background-color: #fff;  }
.huangjin:hover span, .huangijn:hover span:after{  background: #ff9100;  }
.bojin:hover, .bojin span{  color: #ADFF2F;  background-color: #fff;  }
.bojin:hover span, .bojin:hover span:after{  background: #ADFF2F;  }
.zuanshi:hover, .zuanshi span{  color: #fe6d6d;  background-color: #fff;  }
.zuanshi:hover span, .zuanshi:hover span:after{  background: #fe6d6d;  }
.wangzhe:hover, .wangzhe span{  color: #FF00FF;  background-color: #fff;  }
.wangzhe:hover span, .wangzhe:hover span:after{  background: #FF00FF;  }

.vip-soutu-btn span{
    width: 40px;  height: 100%;  line-height: 40px;  background: #fff;  position: absolute;  top: 0;  left: 0;  transition: all 0.3s linear 0s;
}
.vip-soutu-btn span:after{
    content: "";  display: block;  width: 10px;  height: 10px;  background: #fff;  margin: auto 0;  position: absolute;  top: 0;  right: -6px;  bottom: 0;  transform: rotate(45deg);  transition: all 0.3s linear 0s;
}
.vip-soutu-btn.btn-sm{
    padding-left: 40px;
}
.vip-soutu-btn.btn-sm span{
    width: 27px;  line-height: 27px;
}
.vip-soutu-btn.btn-sm span:after{
    width: 8px;  height: 8px;  right: -5px;
}
.vip-soutu-btn:hover span{
    color: #fff;
}

/*hot标签*/

.header-hot-icon {
    display: block;
    width: 22px;
    height: 19px;
    background: url(../images/header-hot-icon.png) no-repeat 0 0;
    position: relative;
    top: -32px;
    left: 90px;
    z-index: 3;
}

@media only screen and (max-width: 767px){
    .vip-soutu-btn { margin-bottom: 20px; }
}


@keyframes two-up-down{from{-webkit-transform:translate(0,8px);transform:translate(0,8px);}to{-webkit-transform:translate(0,-8px);transform:translate(0,-8px);}}