/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*--*-*-*-*/
i.icon_pro {
    background: url("../images/sprite.png") no-repeat;
    display: block;
}
a {
    display: block;
}
/*品牌大全*/
#banner_page {
    width: 100%;
    min-width: 1300px;
}
#banner_page img {
    display: block;
    width: 100%;
    margin: 10px auto;
}
.position {
    width: 100%;
    min-width: 1300px;
    margin-bottom: 10px;
}
.dantiaoTop{
    width: 100%;
    min-width: 1300px;
}
.position .center{
    display: flex;
    flex-wrap: wrap;
}
.position .position_box {
  display: flex;
  flex-grow: 0;
  align-items: center;
  background: #e7ad87;
  color: #ffffff;
  width: auto;
  height: 35px;
  padding: 0 25px 0 10px;
  border-radius: 10px;
  font-size: 14px;
}
.position .position_box a {
  color: #ffffff;
  font-size: 14px;
  padding: 0 3px;
}
.position .position_box i {
  width: 30px;
  height: 30px;
  display: block;
  background-position: -143px -8px;
}

/*===========screen 检索列表====================*/
#screen {
  width: 100%;
  min-width: 1300px;
  margin: 0 auto 10px;
}
#screen .center {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
#screen .screen_box {
  width: 970px;
  border-radius: 5px;
  -moz-box-shadow: 0 0 5px #9f9f9f;
  -webkit-box-shadow: 0 0 5px #9f9f9f;
  box-shadow: 0 0 5px #9f9f9f;
  overflow: hidden;
}
#screen .screen_box .screen_type {
  display: flex;
  position: relative;
}
#screen .screen_box .screen_type:first-child:after {
  border-top: none;
}
#screen .screen_box .screen_type:after {
  position: absolute;
  top: 0;
  left: 20px;
  width: 930px;
  content: "";
  height: 1px;
  border-top: 1px dashed #cbcbcb;
}

#screen .screen_box .screen_type .tit {
  width: 130px;
  padding-left: 20px;
  line-height: 50px;
  font-size: 15px;
  font-weight: bold;
  background: #f1f2f7;
  flex-shrink: 0;
}
#screen .screen_box .screen_type:first-child .tit {
  padding-top: 10px;
}
#screen .screen_box .screen_type:first-child .all {
  margin-top: 20px;
}
#screen .screen_box .screen_type:first-child .screenMain {
  margin-top: 10px;
}
#screen .screen_box .screen_type:last-child .screenMain {
  padding-bottom: 0px;
}
#screen .screen_box .screen_type .all {
  height: 26px;
  box-sizing: border-box;
  margin: 10px 5px 12px 25px;
  font-size: 14px;
  color: #333333;
  border: 1px solid #c9c9c9;
  line-height: 26px;
  padding: 0 8px;
  flex-shrink: 0;
  cursor: pointer;
}
#screen .screen_box .screen_type .screenMain {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  flex-shrink: 1;
  align-items: center;
  margin: 5px 0;
}

#screen .screenMain .list {
  height: 26px;
  line-height: 26px;
  padding: 0 8px;
  margin: 5px 5px;
  cursor: pointer;
  font-size: 14px;
  color: #7d7d7d;
    box-sizing: border-box;
}
#screen .screenMain .active{
    color: #e9312f;
    border: 1px solid #e9312f;
}
#screen .screenMain .list:hover{
    color: #e9312f;
}
#screen .tuijian_page_top {
  width: 315px;
  background: #ffffff;
  -moz-box-shadow: 0 0 5px #9f9f9f;
  -webkit-box-shadow: 0 0 5px #9f9f9f;
  box-shadow: 0 0 5px #9f9f9f;
  overflow: hidden;
  border-radius: 5px;
}
#screen .tuijian_page_top .img {
  width: 294px;
  margin: 8px auto;
}
#screen .tuijian_page_top .img img {
  display: block;
  width: 100%;
  height: 100%;
}
#screen .tuijian_page_top .tit {
  font-size: 13px;
  color: #333333;
  height: 30px;
  line-height: 30px;
  text-align: center;
}

/*项目列表*/

#proMain {
  width: 100%;
  min-width: 1300px;
}
.MainTop {
  width: 100%;
  background: #f1f2f7;
  height: 40px;
  color: #333333;
  position: relative;
}
.MainTop .titleH2 {
  font-size: 20px;
  font-weight: bold;
  line-height: 40px;
  padding-left: 22px;
}
span.red {
  color: #db1e1a;
}
.MainTop:after {
  content: "";
  position: absolute;
  top: 9px;
  height: 22px;
  width: 4px;
  left: 0;
  background: #60aeff;
}
.MainTop .proSearchTips {
  position: absolute;
  width: 570px;
  left: 200px;
  top: 2px;
  height: 50px;
  line-height: 50px;
  color: #555555;
  text-align: center;
}

.proMain {
  margin: 5px 0 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.proMain .proMainBody {
  width: 970px;
  background: #ffffff;
  padding: 10px 0 50px;
}
.proMain .proMainBody .list {
  width: 100%;
  box-sizing: border-box;
  padding: 15px 20px;
  border-bottom: 1px solid #e5e5e5;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.proMain .proMainBody .list .img {
  width: 324px;
  height: 216px;
  transition: all ease 0.5s;
}
.proMain .proMainBody .list .img:hover{
    transform: scale(1.03);
}
.proMain .proMainBody .list .img img {
  display: block;
  width: 100%;
  height: 100%;
}
.proMain .proMainBody .list .miaoshu {
  width: 565px;
}
.proMain .proMainBody .list .tit {
  font-size: 21px;
  color: #202020;
  height: 36px;
  line-height: 36px;
}
/* .proMain .proMainBody .active .tit {
    color: #eb3a04;
    font-weight: bold;
} */
.proMain .proMainBody .list:hover .tit{
    color: #eb3a04;
    font-weight: bold;
}
.proMain .proMainBody .list .type_box {
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  margin-top: 5px;
}
.proMain .proMainBody .list .type_box .ziduanData {
  line-height: 29px;
  display: flex;
  align-items: center;
  color: #494949;
  font-size: 16px;
  width: 200px;
}
.proMain .proMainBody .list .type_box .ziduanData i {
  width: 26px;
  height: 26px;
}
.proMain i.dianm {
  background-position: -146px -67px;
}
.proMain i.yixiang {
  background-position: -105px -10px;
}
.proMain i.shenqing {
  background-position: -146px -125px;
}
.proMain i.touzi {
  background-position: -105px -68px;
}

.proMain .proMainBody .list .text {
  margin: 10px 0;
  font-size: 14px;
  color: #666666;
  line-height: 22px;
  text-align: justify;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.proMain .proMainBody .list .btn {
  display: flex;
  padding-top: 5px;
}
.proMain .proMainBody .list .btn a {
  width: 139px;
  height: 47px;
  display: block;
  margin-right: 10px;
}
.proMain .proMainBody .list .btn a.look i {
  background-position: -194px -15px;
  width: 100%;
  height: 100%;
}
.proMain .proMainBody .list .btn a.jiam i {
  background-position: -194px -109px;
  width: 100%;
  height: 100%;
}
.proMain .sideBar{
    width: 320px;
}
.proView .sideBar{
    width: 320px;
}
.sideBarTongyong{
    padding: 10px 10px 20px 10px;
    width: 100%;
    box-sizing: border-box;
    background: #ffffff;
    margin-bottom: 15px;
}
.caidanIcon{
    display: block;
    width: 100%;
    position: relative;
    height: 46px;
    line-height: 46px;
    box-sizing: border-box;
    padding:0 15px;
    background: #f6f6f6;
    border: 1px solid #e6e6e6;
    font-size: 17px;
    color: #333333;
    font-weight: normal;
}
.caidanIcon::after{
    content: '';
    position: absolute;
    width: 4px;
    height: 22px;
    background: #fe7702;
    top: 12px;
    left: 0;
}
.proMain .sideBar .zuixinHots ul{
    display: flex;
    flex-wrap: wrap;
    padding-top: 15px;
}
.proMain .sideBar .zuixinHots ul li{
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 15px;
    color: #ffffff;
    border-radius: 5px;
    background: #3ee095;
    margin: 3px 5px;
    cursor: pointer;
    display: block;
    padding: 0 10px;
    transition: all 0.5s ease;
}
.proMain .sideBar .zuixinHots ul li:hover{
    transform: translateY(-2px);
}
.proMain .sideBar .zuixinHots ul li:nth-child(3n-1){
    background: #f3b641;
}
.proMain .sideBar .zuixinHots ul li:nth-child(3n+1){
    background: #fa5134;
}
.proMain .sideBar .zuixinHots ul li:nth-child(7n){
    background: #d7d7d7;
}
.sideBarRank .sideBarRank_box {
    border: 1px solid #e6e6e6;
    border-top: none;
}
.sideBarRank .sideBarRank_box .list{
    padding:10px 15px;
    border-bottom: 1px dashed #cccccc;
}
.sideBarRank .sideBarRank_box .list:last-child{
    border-bottom: none;
}
.sideBarRank .sideBarRank_box .list .tit{
    display: flex;
    width: 100%;
    height: 20px;
    line-height: 20px;
    font-size: 13px;
}
.sideBarRank .sideBarRank_box .list i.num{
    background: #eae9ee;
    width: 20px;
    margin-right: 15px;
    border-radius: 3px;
    text-align: center;
    color: #222;
}
.sideBarRank .sideBarRank_box .list:nth-child(-n+3) i.num{
    background: #e43f43;
    color: #ffffff;
}
.sideBarRank .sideBarRank_box .list p{
    flex-grow: 1;
    text-overflow:ellipsis;white-space:nowrap;overflow:hidden;
    color: #585954;
}
.sideBarRank .sideBarRank_box .list .content{
    display: none;
    padding-left: 35px;
    padding-top: 5px;
}
.sideBarRank .sideBarRank_box .list .content .img{
    width: 96px;
    height: 66px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e2e2e2;
}
.sideBarRank .sideBarRank_box .list .content .img img{
    display: block;
    max-width: 100%;
    max-height: 100%;
}
.sideBarRank .sideBarRank_box .list .content .text{
    padding-left: 6px;
    flex-grow: 1;
    font-size: 13px;
    color: #585954;
    line-height: 20px;
}
.sideBarRank .sideBarRank_box .list .content .text span{
    color: #fe842e;
}
.sideBarRank .sideBarRank_box .list .content .text a{
    width: 75px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    color: #ffffff;
    background: #e43f43;
    font-size: 13px;
    border-radius: 5px;
    margin-top: 2px;
}
.sideBarRank .sideBarRank_box .active .content{
    display: flex;
}
.sideBarNews .sideBarNews_box{
    width: 100%;
    border: 1px solid #e6e6e6;
    border-top: none;
    box-sizing: border-box;
}
.sideBarNews .sideBarNews_box .recom{
    display: block;
    position: relative;
    margin: 14px 10px;
    overflow: hidden;
}
.sideBarNews .sideBarNews_box .recom img{
    display: block;
    width: 100%;
    height: 186px;
    border-radius: 6px;
}
.sideBarNews .sideBarNews_box .recom p{
    position: absolute;
    width: 280px;
    box-sizing: border-box;
    line-height: 33px;
    height: 33px;
    font-size: 14px;
    color: #ffffff;
    background: rgba(0, 0, 0, 0.5);
    bottom: 0;
    left: 0;
    padding: 2px 15px 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    transition: all ease 0.5s;
}
.sideBarNews .sideBarNews_box .listBox{
    border-top: 1px solid #e6e6e6;
}
.sideBarNews .sideBarNews_box .listBox .list{
    height: 34px;
    border-bottom: 1px dashed #ebebeb;
    line-height: 34px;
    padding: 0 25px;
    font-size: 15px;
}
.sideBarNews .sideBarNews_box .listBox .list:hover a{
    transform: translateX(-10px);
}
.sideBarNews .sideBarNews_box .listBox .list:last-child{
    border-bottom: none;
}
.sideBarNews .sideBarNews_box .listBox .list a{
    padding-left: 15px;
    color: #666666;
    position: relative;
    text-overflow:ellipsis;white-space:nowrap;overflow:hidden;
    transition: all ease 0.5s;
}
.sideBarNews .sideBarNews_box .listBox .list a::after{
    position: absolute;
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background: #666666;
    top: 15px;
    left: 0;
}
.sideBarNews .sideBarNews_box .listBox .list a:hover{
    color: #ff2527;
}
.sideBarNews .sideBarNews_box .listBox .list a:hover::after{
    background:#ff2527;
}
.sideBarNews .recom_kaid .title a{
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    background: #b5b5b5;
    font-size: 16px;
    color: #ffffff;
    box-sizing: border-box;
}
.sideBarNews .recom_kaid .recom_kaidBox{
    padding: 5px 5px 15px 5px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}
.sideBarNews .recom_kaid .recom_kaidBox img{
    width: 140px;
    margin-right: 8px;
    height: 96px;
    display: block;
}
.sideBarNews .recom_kaid .recom_kaidBox p{
    font-size: 13px;
    color: #999;
    line-height: 21px;
    position: relative;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}
.sideBarNews .recom_kaid .recom_kaidBox p a{
    position: absolute;
    bottom: 0;
    right: 0;
    height: 21px;
    line-height: 21px;
    color: #ff2527;
}

#bottomProRecommend{
    width: 100%;
}
h2.tongyongtit{
    width: 100%;
    background: #f1f2f7;
    line-height: 40px;
    font-size: 20px;
    font-weight: bold;
    color: #333;
    padding: 0 23px;
    position: relative;
    border-bottom:1px solid #d8d8d8;
    margin-bottom: 5px;
    letter-spacing: 2px;
    box-sizing: border-box;
    margin-top: 20px;
    -moz-box-shadow:0 0 2px #C7C7C7; -webkit-box-shadow:0 0 2px #C7C7C7; box-shadow:0 0 2px #C7C7C7;
}
h2.tongyongtit span{
    color: #dc1c17;
}
h2.tongyongtit::after{
    content: '';
    height: 22px;
    width: 4px;
    background: #60aeff;
    position: absolute;
    top: 9px;
    left: 0;
}
#productBox{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#productBox .list{
    display: block;
    width: 320px;
    box-sizing: border-box;
    border: 1px solid #e3e3e3;
    margin-bottom: 5px;
    padding: 9px;
    background: #ffffff;
    transition: all ease 0.5s;
}
#productBox .list:hover{
    -moz-box-shadow:0px 0px 10px #C7C7C7; -webkit-box-shadow:0px 0px 10px #C7C7C7; box-shadow:0px 0px 10px #C7C7C7;
}
#productBox .list .img{
    display: block;
    width: 100%;
}
#productBox .list:hover img{
    transform: scale(1.03);
}
#productBox .list img{
    display: block;
    width: 100%;
    height: 200px;
    transition: all ease 0.5s;
}
#productBox .list .miaoshu{
    padding: 5px 25px;
    font-size: 14px;
    color: #666;
    line-height: 24px;
}
#productBox .list .miaoshu p{
    color: #eb3a04;
}
#productBox .list .miaoshu p.pro_tit{
    font-size: 15px;
    color: #333333;
}
#productBox .list .miaoshu .other{
    display: flex;
    margin: 5px 0;
    align-items: center;
    font-size: 12px;
}
#productBox .list .miaoshu .other p{
    margin-right: 24px;
    height: 26px;
    line-height: 26px;
    /*color: #777777;*/
}
#productBox i.shoucang{
    display: block;
    width: 24px;
    height: 20px;
     background-position: -555px -424px;
}
#productBox i.guanzhu{
    display: block;
    width: 23px;
    height: 20px;
    background-position: -516px -424px;
}

/*产品详情页面*/
#product_view{
    width: 100%;
    min-width: 1300px;
}
#product_view .product_view{
    width: 100%;
    box-sizing: border-box;
    padding: 10px 15px;
    -moz-box-shadow:0 2px 7px #CECFD4; -webkit-box-shadow:0 2px 7px #CECFD4; box-shadow:0 2px 7px #CECFD4;
    margin: 10px 0 10px;
    display: flex;
    align-items: center;
    background: #ffffff;
}
#product_view .product_view .img{
    width: 579px;
    height: 386px;
    border-radius: 8px;
    overflow: hidden;
    flex-grow: 0;
    flex-shrink: 0;
}
#product_view .product_view .img img{
    display: block;
    width: 100%;
    height: 100%;
}
#product_view .product_view .view{
    flex-grow: 1;
    flex-shrink: 1;
    padding-left: 55px;
}
#product_view .product_view .view .title{
    display: flex;
    align-items: center;
}
#product_view .product_view .view .title h1{
    font-size: 30px;
    height: 60px;
    line-height: 60px;
    color: #333333;
    flex-shrink: 1;
    text-overflow:ellipsis;white-space:nowrap;overflow:hidden;
}
#product_view .product_view .view .title i{
    width: 140px;
    height: 35px;
    display: block;
    background-position: -333px -14px;
}
#product_view .product_view .view_view>div{
    line-height: 36px;
    font-size: 15px;
    color: #777777;
    display: flex;
}
#product_view .product_view .view_view span{
    color: #444444;
}
#product_view .product_view .view_view span.overflowHidden{
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    display: inline-block;
    vertical-align: top;
    width: 530px;
}
#product_view .product_view .view_view span a{
    color: #444444;
    font-size: 15px;
    margin: 0 3px;
    display: inline-block;
}
#product_view .product_view .p_jiamengf span{
    font-size: 17px;
    font-weight: bold;
    color: #fe7300;
}
#product_view .product_view .view_view i{
    width: 25px;
    height: 36px;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
}
#product_view .product_view .p_jiamengf i{
    background-position: -373px -55px;
}
#product_view .product_view .p_gongsi i{
    background-position: -372px -93px;
}
#product_view .product_view .p_mendian i{
    background-position: -373px -129px;
}
#product_view .product_view .p_chanpin i{
    background-position: -412px -56px;
}
#product_view .product_view .p_quyu i{
    background-position: -413px -94px;
}
#product_view .product_view .p_jiejian i{
    background-position: -413px -130px;
}
#product_view .product_view .view_view .p_jiejian{
    line-height: 28px;
    padding: 4px 0;
}
#product_view .product_view .view_btn{
    height: 72px;
    display: flex;
    align-items: center;
}
#product_view .product_view .view_btn a{
    display: flex;
    width: 140px;
    height: 48px;
    background: url("../images/sprite.png") no-repeat;
    margin-right:60px ;
    position: relative;
}
#product_view .product_view .view_btn a.p_liji{
    background-position: -494px -12px;
}
#product_view .product_view .view_btn a.p_souyao{
    background-position: -494px -65px;
}
#product_view .product_view .view_btn a.p_youhui{
    background-position: -494px -125px;
}
#product_view .product_view .view_btn a i{
    display: block;
    width: 22px;
    height: 22px;
    text-align: center;
    line-height: 22px;
    font-size: 13px;
    color: #ffffff;
    background: #ec1b17;
    position: absolute;
    right: -8px;
    top: -8px;
    border-radius: 11px;
}

/*项目详情的导航*/
#productNav{
    width: 100%;
    min-width: 1300px;
}
#productNav .productNav{
    display: flex;
    width: 100%;
    text-align: center;
    justify-content: center;
    line-height: 50px;
    border: 1px solid #d2d2d2;
    font-size: 18px;
    font-weight: bold;
    background: #ffffff;
    -moz-box-shadow:0 5px 5px #ebebeb; -webkit-box-shadow:0 5px 5px #ebebeb; box-shadow:0 5px 5px #ebebeb;
}
#productNav .productNav .list{
    width: 175px;
    position: relative;
    cursor: pointer;
    display: block;
    color: #333333;
}
#productNav .productNav .list:first-child:after{
    display: none;
}
#productNav .productNav .list:after{
    position: absolute;
    content: '';
    height: 17px;
    width: 2px;
    top: 18px;
    left: 0;
    background: #333333;
}
#productNav .productNav .active{
    color: #ec1a1d;
}
/*海报*/
.proHaibao{
    width: 100%;
    min-width: 1300px;
    margin: 5px 0;
}
.proHaibao .center{
    background: #ffffff;
    padding: 21px 0;
}
.proHaibao img{
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
/*加盟详情*/
#proView{
    width: 100%;
    min-width: 1300px;
    margin: 5px 0;
}
#proView .center{
    padding: 5px 0;
}
#proView .proView{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
#proView .proView .proViewFl{
    width: 970px;
    box-sizing: border-box;
    padding:17px 50px ;
    background: #ffffff;
    min-height: 1000px;
}
#proView .proView .proViewFl .proViewTit{
    height: 45px;
    line-height: 45px;
    box-sizing: border-box;
    padding: 0 30px;
    font-size: 20px;
    color: #333333;
    border: 1px solid #d2d2d2;
    font-weight: bold;
}
#proView .proView .proViewFl .proViewTit span{
    color: #f81727;
}
#proView .proView .proViewFl h3.proViewTit{
    display: table;
    margin: 5px auto 10px;
    border: none;
    position: relative;
    font-size: 20px;
}
#proView .proView .proViewFl h3.proViewTit:before{
    position: absolute;
    width: 15px;
    height: 16px;
    content: '';
    display: block;
    background:url("../images/des-l.png") no-repeat 0 0;
    left: 0;
    top: 15px;
}
#proView .proView .proViewFl h3.proViewTit:after{
    position: absolute;
    width: 15px;
    height: 16px;
    content: '';
    display: block;
    background:url("../images/des-r.png") no-repeat 0 0;
    right: 0;
    top: 15px;
}
#proView .proView .proViewFl .content{
    padding: 0 35px 80px 35px;
    color: #555555;
    font-size: 15px;
    line-height: 32px;
    text-align: justify;
    display: block;
}
#proView .proView .proViewFl .content p{
    display: block;
    padding: 0;
    margin: 0;
}
#proView .proView .proViewFl .content img{
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 5px auto;
}
#proView .proView .proViewFl .chanpin{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
}
#proView .proView .proViewFl .chanpin img{
    display: block;
    width: 387px;
    height: 258px;
}
#proView .proView .proViewFl .chanpin .proimg{
    margin: 10px 0;
}
/*侧边栏*/
.proSideBar{
    width: 320px;
    position: relative;
}

.sideBarRank .sideBarTit{
    width: 100%;
    height: 45px;
    line-height: 45px;
    box-sizing: border-box;
    border:1px solid #e6e6e6;
    color: #333333;
    padding: 0 20px;
    background: #f6f6f6;
    font-size: 17px;
    position: relative;
}
.sideBarRank .sideBarTit a{
    height: 39px;
    line-height: 39px;
    color: #333333;
    position: absolute;
    top: 3px;
    right: 20px;
}
.sideBarRank .sideBarRank_box .list span{
    color: #666666;
}
.sideBarRank .sideBarRank_box .list i{
    width: 18px;
    height: 18px;
    display: block;
    background-position: -54px -11px;
}
.proSideBar .sideBarRank .sideBarRank_box .list:nth-child(-n+3) p{
    color: #ff6127;
}
.proSideBar .sideBarRank .sideBarRank_box .list:first-child i.num{
    background: #e53c01;
}
.proSideBar .sideBarRank .sideBarRank_box .list:nth-child(2) i.num{
    background: #ff8647;
}
.proSideBar .sideBarRank .sideBarRank_box .list:nth-child(3) i.num{
    background: #8fb9f5;
}

.sideBarTuijian{
    margin-bottom: 0;
}

.sideBarTuijian .sideBarTuijian_box{
    width: 100%;
    border: 1px solid #eaeaea;
    padding: 15px 25px;
    box-sizing: border-box;
}
.sideBarTuijian .sideBarTuijian_box a.img{
    display: block;
    width: 248px;
    height: 165px;
}
.sideBarTuijian .sideBarTuijian_box a.img img{
    display: block;
    width: 100%;
    height: 100%;
}
.sideBarTuijian .sideBarTuijian_box .title{
    display: block;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    color: #333333;
    padding-top: 10px;
}
.sideBarTuijian .sideBarTuijian_box p{
    font-size: 14px;
    color: #666666;
    line-height: 22px;
}
.sideBarTuijian .sideBarTuijian_box a.zixun{
    display: block;
    height: 35px;
    line-height: 35px;
    background: #f52c1c;
    color: #ffffff;
    font-size: 17px;
    text-align: center;
    margin: 20px 0 6px 0;
}

#related{
    width: 100%;
    min-width: 1300px;
    margin-bottom: 50px;
}
#related .title{
    line-height: 40px;
    color: #333333;
    font-size: 19px;
    box-sizing: border-box;
    padding: 0 25px;
    background: #ffffff;
    border: 1px solid #d2d2d2;
    font-weight: bold;
}
#related .relatedBox{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 10px 0 20px 0;
    background: #fcfcfc;
}
#related .relatedBox .list{
    display: block;
    width: 309px;
    margin: 0 6px;
}
#related .relatedBox .list:hover p{
    color: #ff104f;
}
#related .relatedBox .list .img{
    border: 1px solid #d3d3d3;
    width: 315px;
    height: 212px;
    padding: 3px;
    box-sizing: border-box;
    background: #ffffff;
}
#related .relatedBox .list .img img{
    display: block;
    width: 100%;
    height: 100%;
    transition: all ease 0.5s;
}
#related .relatedBox .list .img img:hover{
    transform: scale(1.03);
}
#related .relatedBox .list p{
    display: block;
    text-align: center;
    height: 30px;
    line-height: 30px;
    padding-bottom: 8px;
    color: #444444;
    font-size: 15px;
}
/*问答首页*/
#related_ask{
    width: 100%;
    min-width: 1300px;
    margin-bottom: 50px;
}
#related_ask .title{
    line-height: 40px;
    color: #333333;
    font-size: 18px;
    font-weight: bold;
    box-sizing: border-box;
    padding: 0 25px;
    background: #ffffff;
    border-bottom: 2px solid #d2d2d2;
}
.relatedBox_ask{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-left: 1px solid #dedede;
}
.relatedBox_ask a{
    display: block;
    text-align: center;
    padding: 10px;
    flex-grow: 1;
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    width: 20%;
    box-sizing: border-box;
}
.relatedBox_ask a .tit{
    font-size: 15px;
    line-height: 22px;
    color: #444444;
}
.relatedBox_ask a .jiner{
    font-size: 15px;
    line-height: 22px;
    color: #eb3a04;
    margin-bottom: 5px;
}
#related_pro{
    width: 100%;
    min-width: 1300px;
    margin-bottom: 20px;
}
#related_pro .title{
    line-height: 50px;
    color: #333333;
    font-size: 18px;
    font-weight: bold;
    box-sizing: border-box;
    padding: 0 25px;
    background: #ffffff;
    border-bottom: 2px solid #d2d2d2;
}
#related_pro .relatedBox{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 10px;
}
#related_pro .relatedBox a{
    display: block;
    width: 20%;
    box-sizing: border-box;
    padding:5px;
}
#related_pro .relatedBox a .img{
    position: relative;
}
#related_pro .relatedBox a p{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 5px 0;
    text-align: center;
    color: #ffffff;
    background: rgba(0,0,0,0.7);
}
#related_pro .relatedBox a img{
    display: block;
    width: 100%;
}

    /*热门搜索*/
.hotsSearch{
    width: 100%;
    background: #ffffff;
    padding: 10px 10px 20px 10px;
    box-sizing: border-box;
}
.hotsSearch .hotsSearch_box{
    width: 100%;
    border: 1px solid #e6e6e6;
    border-top: none;
    padding: 15px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.hotsSearch .hotsSearch_box a{
    display: block;
    background: #ffe0d3;
    color: #fd5e26;
    font-size: 15px;
    height: 29px;
    line-height: 29px;
    padding: 0 15px;
    margin: 0 12px 12px 0;
}


/*品牌资讯列表*/
#newsListBox{
    width: 100%;
    box-sizing: border-box;
    padding: 30px;
    background: #ffffff;
}
#newsListBox .list{
    display: flex;
    align-items: center;
    padding-bottom: 20px;
    border-bottom: 1px dashed #dcdcdc;
    margin-bottom: 10px;
    transition: all ease 0.5s;
}
#newsListBox .list:hover{
    transform: translateY(-5px);
}
#newsListBox .list:hover .newsContent .tit{
    color: #f76162;
}
#newsListBox .list .img{
    display: block;
    width: 198px;
    height: 132px;
    flex-grow: 0;
    flex-shrink: 0;
    transition: all ease 0.5s;
}
#newsListBox .list .img:hover{
    transform: scale(1.03);
}
#newsListBox .list .img img{
    display: block;
    width: 100%;
    height: 100%;
}
#newsListBox .list .newsContent{
    padding-left: 35px;
    position: relative;
    flex-grow: 1;
    min-height: 115px;
}
#newsListBox .list .newsContent .tit{
    font-size: 18px;
    color: #2098d7;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px dashed #f1f1f1;
}
#newsListBox .list .newsContent p{
    font-size: 14px;
    color: #666666;
    line-height: 21px;
    padding: 5px 0;
    flex-shrink: 0;
    flex-grow: 0;
}
#newsListBox .list .newsContent p a{
    display: inline-block;
    font-size: 14px;
    color: #ff104f;
}
#newsListBox .list .newsContent .keywordBox{
    display: flex;
    width: 480px;
    flex-wrap: wrap;
    align-items: center;
    margin: 5px 0;
}
#newsListBox .list .newsContent .keywordBox a{
    padding:3px 4px;
    color: #ff9002;
    border: 1px solid #ff9002;
    font-size: 12px;
    display: block;
    margin:2px 5px;
}
#newsListBox .list .newsContent .time{
    font-size: 14px;
    color: #999999;
    position: absolute;
    bottom: 7px;
    right: 10px;
}

.noPadding{
    padding: 0 !important;
}
.pro_wendaList .proViewTit{
    margin: 17px 50px;
}
#wendaListBox{
    width: 100%;
    box-sizing: border-box;
    padding-bottom: 0;
}
#wendaListBox .list{
    position: relative;
    padding:10px 70px;
    border-bottom: 1px dashed #cacaca;
}
#wendaListBox .list:last-child{
    border-bottom: none;
}
#wendaListBox .list:hover .question{
    font-weight: bold;
    transform: translateX(-15px);
}
#wendaListBox .list .question{
    display: flex;
    align-items: center;
    color: #fe0032;
    font-size: 17px;
    transition: all 0.5s ease;

}
#wendaListBox .list .question i{
    display: block;
    width: 35px;
    height: 30px;
    background-position: -670px -10px;
}
#wendaListBox .list .question p{
    height: 42px;
    line-height: 42px;
    border-bottom: 1px dashed #f3f2f7;
    /*width: 560px;*/
    flex-grow: 1;
}
#wendaListBox .list .answer{
    display: flex;
    align-items: flex-start;
    color: #676767;
    font-size: 14px;
    margin: 8px 0;
}
#wendaListBox .list .answer i{
    display: block;
    width: 35px;
    height: 24px;
    background-position: -699px -46px;
    flex-grow: 0;
    flex-shrink: 0;
}
#wendaListBox .list .answer p{
    line-height: 22px;
    /*width: 560px;*/
    color: #676767;
}
#wendaListBox .list .answer a{
    display: inline-block;
    color: #ff1152;
}
#wendaListBox .list .chakanAnswer{
    position: absolute;
    top: 55px;
    right: 77px;
    width: 114px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border: 1px solid #d2d2d2;
    color: #333333;
    border-radius: 3px;
}

/*行业资讯的排行榜*/
.newsSideBarRank{
    margin-bottom: 25px;
}
.newsSideBarRank .tuijain{
    background: #ffffff;
    padding: 5px 5px 10px;
}
.newsSideBarRank .tuijain .img{
    width: 100%;
    box-sizing: border-box;
    padding: 5px;
    background: #ebebeb;
    position: relative;
}
.newsSideBarRank .tuijain .img img{
    width: 100%;
    height: 200px;
}
.newsSideBarRank .tuijain .img i{
    position: absolute;
    width: 60px;
    height: 75px;
    top: 0;
    left: 0;
    background-image: url("../images/top_lists.png");
    background-position: 100px 100px;
}
.newsSideBarRank .tuijain:first-child .img i{
    background-position: -60px 6px;
}
.newsSideBarRank .tuijain:nth-child(2) .img i{
    background-position: -123px 6px;
}
.newsSideBarRank .tuijain:nth-child(3) .img i{
    background-position: 7px 6px;
}

.newsSideBarRank .tuijain .tit{
    display: flex;
    align-items: center;
    margin-top: 8px;
}
.newsSideBarRank .tuijain .tit a{
    display: block;
    color: #333333;
    font-size: 16px;
    flex-grow: 1;
    text-overflow:ellipsis;white-space:nowrap;overflow:hidden;
    justify-content: space-between;
    padding-left: 20px;
}
.newsSideBarRank .tuijain .tit p{
    color: #ff0033;
    font-size: 16px;
    width: 100px;
    text-align: center;
}
.newsSideBarRank .SideBarRank{
    width: 100%;
    background: #f6f6f6;
}
.newsSideBarRank .SideBarRank .list{
    display: flex;
    align-items: center;
    background: #ffffff;
    padding: 15px 20px 15px 60px;
    box-sizing: border-box;
    margin-top: 5px;
    width: 100%;
    position: relative;
    transition: all ease 0.5s;
}
.newsSideBarRank .SideBarRank .list:hover{
    transform: translateX(-5px);
}
.newsSideBarRank .SideBarRank .list .titBox{
    width: 180px;
    flex-grow: 1;
}
.newsSideBarRank .SideBarRank .list .titBox .tit{
    font-size: 15px;
    color: #444444;
    height: 24px;
    line-height: 24px;
    text-overflow:ellipsis;white-space:nowrap;overflow:hidden;
}
.newsSideBarRank .SideBarRank .list:hover .titBox .tit{
    color: #e31221;
}
.newsSideBarRank .SideBarRank .list .titBox p{
    color: #999999;
    font-size: 13px;
    line-height: 20px;
    /*text-overflow:ellipsis;white-space:nowrap;overflow:hidden;*/
    display: flex;
    flex-wrap: wrap;
}
.newsSideBarRank .SideBarRank .list .titBox p a{
    display: block;
    color: #999999;
    font-size: 13px;
    margin: 0 3px;
}
.newsSideBarRank .SideBarRank .list .jiamengf{
    font-size: 17px;
    color: #ff6316;
    flex-grow: 0;
    flex-shrink: 0;
}
.newsSideBarRank .SideBarRank .list i{
    position: absolute;
    top: 20px;
    left: 15px;
    width: 39px;
    height: 17px;
    background-position: -764px -133px;
}
.newsSideBarRank .SideBarRank .list:nth-child(2) i{
    background-position: -764px -168px;
}
.newsSideBarRank .SideBarRank .list:nth-child(n+3) i{
    display: none;
}

/*问答*/
#wenda{
    width: 100%;
    min-width: 1300px;
    margin-bottom: 20px;
}
#wenda .wenda{
    display: flex;
    justify-content: space-between;
}
#wenda .wenda .wendaFl{
    width: 970px;
}
#wenda .wenda .wendaFl .recommend_wd{
    width: 100%;
    -moz-box-shadow:0 0 5px #d0d0d0; -webkit-box-shadow:0 0 5px #d0d0d0; box-shadow:0 0 5px #d0d0d0;
    padding: 25px;
    box-sizing: border-box;
    background: #ffffff;
    margin-bottom: 18px;
}
#wenda .wendaFl .recommend_wd h3{
    width: 110px;
    height: 30px;
    margin-bottom: 18px;
}
#wenda .wendaFl .recommend_wd h3 i{
    display: block;
    width: 100%;
    height: 100%;
    background-position: -360px -342px;
}
#wenda .wendaFl .recommend_wd .recommend_wdBox{
    display: flex;
    justify-content: space-between;
}
#wenda .wendaFl .recommend_wd .recommend_wdBox .img{
    display: block;
    width: 591px;
    height: 394px;
    position: relative;
}
#wenda .wendaFl .recommend_wd .recommend_wdBox .img img{
    display: block;
    width: 100%;
    height: 100%;
}
#wenda .wendaFl .recommend_wd .recommend_wdBox .img p{
    width: 100%;
    padding: 10px 5px;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.7);
    color: #ffffff;
    box-sizing: border-box;
}
#wenda .wendaFl .recommend_wd .recommend_wdBox .recommend_wdListBox{
    width: 305px;
}
#wenda .wendaFl .recommend_wdListBox .list{
    display: block;
    height: 124px;
    margin-bottom: 11px;
    background: #edeef0 url("../images/wenda.png") no-repeat top left;
    padding: 15px 25px 0 44px;
    box-sizing: border-box;
    color: #666666;
}
#wenda .wendaFl .recommend_wdListBox .list:hover{
    background: #e7ad87 url("../images/wenda_active.png") no-repeat top left;
    color: #ffffff;
}
#wenda .wendaFl .recommend_wdListBox .list:last-child{
    margin-bottom: 0;
}
/*#wenda .wendaFl .recommend_wdListBox .active{*/
/*    background: #e7ad87 url("../images/wenda_active.png") no-repeat top left;*/
/*    color: #ffffff;*/
/*}*/
#wenda .wendaFl .recommend_wdListBox .list .tit{
    font-size: 17px;
    height: 40px;
    line-height: 40px;
    text-overflow:ellipsis;white-space:nowrap;overflow:hidden;
    margin-bottom: 2px;
}
#wenda .wendaFl .recommend_wdListBox .list p{
    font-size: 14px;
    line-height: 22px;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-align: justify;
}

#wenda .wendaFl .wendaForm{
    margin-top: 30px;
    display: flex;
}
#wenda .wendaFl .wendaForm label{
    display: block;
    flex-grow: 1;
    flex-shrink: 1;
    height: 36px;
    line-height: 36px;
    margin-right: 8px;
}
#wenda .wendaFl .wendaForm label input{
    display: block;
    height: 36px;
    line-height: 34px;
    width: 100%;
    border: 1px solid #c4c4c4;
    box-sizing: border-box;
    outline: none;
}
#wenda .wendaFl .wendaForm button{
    display: block;
    margin-right: 8px;
    width: 115px;
    line-height: 36px;
    text-align: center;
    border: none;
    box-sizing: border-box;
    outline: none;
    height: 36px;
    background: #86dfff;
    font-size: 17px;
    cursor: pointer;
}
#wenda .wendaFl .wendaForm button:last-child{
    margin-right: 0;
    background: #ffa25d;
}

.wendaListBox{
    width: 100%;
    background: #ffffff;
    -moz-box-shadow:0 0 5px #d0d0d0; -webkit-box-shadow:0 0 5px #d0d0d0; box-shadow:0 0 5px #d0d0d0;
    box-sizing: border-box;
}
.wendaListBox .titleH3{
    display: flex;
    justify-content: space-between;
    padding: 35px 50px 0 25px;

}
.wendaListBox .titleH3 h3{
    width: 110px;
    height: 30px;
}
.wendaListBox .titleH3 h3 i{
    display: block;
    width: 100%;
    height: 100%;
    background-position: -360px -402px;
}
.wendaListBox .titleH3 .more{
    display: block;
    line-height: 30px;
    height: 30px;
    margin-right: 15px;
    color: #333333;
    font-size: 17px;
}
.typeAndNum{
    position: absolute;
    display: flex;
    min-width: 100px;
    top: 65px;
    right: 60px;
    justify-content: right;
}
#wendaListBox .list .typeAndNum a{
    display: block;
    font-size: 14px;
    color: #e2534d;
    margin-right: 20px;
}
#wendaListBox .list .typeAndNum p{
    font-size: 14px;
    color: #555555;
}
.wendaFr{
    width: 320px;
}
.JingCaiWenda{
    width: 100%;
    background: #c8e1ff;
    box-sizing: border-box;
    -moz-box-shadow:0 0 5px #d0d0d0; -webkit-box-shadow:0 0 5px #d0d0d0; box-shadow:0 0 5px #d0d0d0;
    padding-bottom: 30px;
    position: relative;
    margin-bottom: 20px;
}
.JingCaiWenda:before{
    display: block;
    content: '';
    height: 20px;
    width: 100%;
    background-image: linear-gradient(#e9f3fd, #c8e1ff);
}
.JingCaiWenda .tit{
    height: 36px;
    line-height: 36px;
    width: 290px;
    margin: 0 auto 12px;
    position: relative;
    padding-left: 14px;
    box-sizing: border-box;
    font-size: 20px;
    font-weight: bold;
    color: #03547f;
}
.JingCaiWenda .tit:before{
    content: '';
    position: absolute;
    width: 2px;
    height: 22px;
    top: 9px;
    left: 0;
    background: #05547b;
}
.JingCaiWenda .tit span{
    color: #fd5401;
}
.JingCaiWenda .img{
    margin: 0 7px;
    background: #a1b3e3;
    border: 2px solid #ffffff;
    padding: 5px;
    display: block;
    position: relative;
}
.JingCaiWenda .img p{
    position: absolute;
    bottom: 5px;
    left: 5px;
    width: 292px;
    background: rgba(0,0,0,0.7);
    color: #ffffff;
    text-overflow:ellipsis;white-space:nowrap;overflow:hidden;
    box-sizing: border-box;
    padding: 5px;
}
.JingCaiWenda .img img{
    width: 100%;
    height: 194px;
    transition: all 0.5s ease;
}

.JingCaiWenda .img img:hover{
    transform: scale(1.03);
}
.JingCaiWenda .tiwenZhe{
    justify-content: space-between;
    padding: 15px 34px;
    display: flex;
}
.JingCaiWenda .tiwenZhe .touxiang{
    font-size: 15px;
    color: #05547d;
    height: 42px;
    line-height: 42px;
    display: flex;
    align-items: center;
}
.JingCaiWenda .tiwenZhe .touxiang i{
    width: 42px;
    height: 42px;
    margin-right: 11px;
    display: block;
    background-position: -366px -550px;
}
.JingCaiWenda .tiwenZhe .dianzan{
    height: 42px;
    line-height: 42px;
    display: flex;
    align-items: center;
    color: #05547d;
    margin-right: 10px;
}
.JingCaiWenda .tiwenZhe .dianzan i{
    width: 35px;
    height: 35px;
    display: block;
    margin-right: 5px;
    background-position: -435px -559px;
}
.JingCaiWenda .content{
    padding: 2px 25px;
    box-sizing: border-box;
    font-size: 15px;
    color: #05547d;
    line-height: 25px;
}
.JingCaiWenda .content a{
    display: inline-block;
    color: #f9787c;
    font-size: 14px;
}
.JingCaiWenda:after{
    position: absolute;
    bottom: 0;
    right: 0;
    content: '';
    width: 0;
    height: 0;
    border-bottom: 18px solid #1397d8;
    border-left: 18px solid transparent;
}

/*热搜动态*/
.resouDongtai{
    width: 100%;
    box-sizing: border-box;
    padding:20px 12px;
    background: #ffffff;
    margin-bottom: 20px;
}
.sideBarHots .title{
    font-size: 20px;
    color: #333333;
    padding-left: 14px;
    position: relative;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    margin-bottom: 5px;
    display: block;
}
.sideBarHots .title:after{
    position: absolute;
    content: '';
    height: 22px;
    width: 2px;
    top: 9px;
    left: 0;
    background: #fe0000;
}
.resouDongtai .hotsDongtai .list{
    display: flex;
    align-items: center;
    padding-right: 20px;
}
.resouDongtai .hotsDongtai i{
    width: 5px;
    height: 5px;
    background: #f76162;
    border-radius: 3px;
    margin-right: 8px;
    flex-grow: 0;
    flex-shrink: 0;
}
.resouDongtai .hotsDongtai p{
    padding-left: 3px;
    height: 34px;
    line-height: 34px;
    border-bottom: 1px dashed #aaaaaa;
    flex-grow: 1;
    text-overflow:ellipsis;white-space:nowrap;overflow:hidden;
    color: #666666;
    font-size: 15px;
}
.resouDongtai .hotsBox{
    display: flex;
    flex-wrap: wrap;
    padding-top: 15px;
}
.resouDongtai .hotsBox li{
    display: block;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 15px;
    color: #ffffff;
    border-radius: 5px;
    background: #3ee095;
    margin: 3px 5px;
    cursor: pointer;
    padding: 0 9px;
}
.resouDongtai .hotsBox li:nth-child(2n+1){
    background: #f3b641;
}
.resouDongtai .hotsBox li:nth-child(4n-1){
    background: #fa5134;
}
.resouDongtai .hotsBox li:nth-child(7n){
    background: #d7d7d7;
}

/*大家都在搜*/
.dajiaDzsou{
    width: 100%;
    background: #ffffff;
    padding: 15px;
    box-sizing: border-box;
    margin-bottom: 20px;
}
.dajiaDzsou .HotSou_tj{
    border: 1px solid #dddddd;
    padding: 7px;
    box-sizing: border-box;
}
.dajiaDzsou .HotSou_tj:hover{
    border: 1px solid #f76162;
}
.dajiaDzsou .HotSou_tj .tit{
    display: flex;
    justify-content: space-between;
    height: 30px;
    line-height: 30px;
}
.dajiaDzsou .HotSou_tj .tit a:first-child{
    flex-shrink: 1;
    flex-grow: 1;
    color: #666666;
    font-size: 15px;
    text-overflow:ellipsis;white-space:nowrap;overflow:hidden;
}
/*.dajiaDzsou .HotSou_tj .tit a:last-child{*/
/*    flex-grow: 0;*/
/*    flex-shrink: 0;*/
/*    font-size: 15px;*/
/*    color: #e1aa74;*/
/*}*/
.dajiaDzsou .HotSou_tj .main{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.dajiaDzsou .HotSou_tj .main .img{
    display: block;
    width: 135px;
    height: 90px;
}
.dajiaDzsou .HotSou_tj .main .img img{
    display: block;
    width: 100%;
    height: 100%;
}
.dajiaDzsou .HotSou_tj .main .content{
    width: 125px;
    color: #666666;
    font-size: 13px;
    line-height: 20px;
    text-align: justify;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}
.dajiaDzsou .HotSou_tj .main .content a{
    display: inline-block;
    color: #fe0000;
}
.dajiaDzsou .hotsDongtai{
    padding: 10px 0;
}
.dajiaDzsou .hotsDongtai .list{
    display: flex;
    align-items: center;
    padding-right: 20px;
}
.dajiaDzsou .hotsDongtai i{
    width: 5px;
    height: 5px;
    background: #f76162;
    border-radius: 3px;
    margin-right: 8px;
    flex-grow: 0;
    flex-shrink: 0;
}
.dajiaDzsou .hotsDongtai p{
    color: #666666;
    padding-left: 3px;
    height: 34px;
    line-height: 34px;
    border-bottom: 1px dashed #aaaaaa;
    flex-grow: 1;
    text-overflow:ellipsis;white-space:nowrap;overflow:hidden;
    font-size: 15px;
    transition: all ease 0.5s;
}
.dajiaDzsou .hotsDongtai a:hover p{
    color: #ff2527;
    border-color:#ff2527;
}
.dajiaDzsou .more{
    width: 130px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #ffffff;
    font-size: 13px;
    background: #f84642;
    border-radius: 5px;
    display: block;
    margin: 10px auto;
}

/*资讯内容*/
#newsContent{
    width: 100%;
    padding: 40px 80px;
    box-sizing: border-box;
    background: #ffffff;
}
#newsContent .title{
    font-size: 31px;
    text-align: center;
    line-height: 55px;
    padding-bottom: 5px;
}
#newsContent .sd-bar{
    width: 100%;
    display: flex;
    justify-content: center;
    padding-bottom: 15px;
}
#newsContent .sd-bar p{
    display: block;
    padding: 0 10px;
    font-size: 13px;
    color: #888888;
}
#proView #newsContent .content{
    font-size: 16px;
    padding: 0;
    text-align: justify;
}
#proView #newsContent .content a{
    display: inline-block;
    list-style: unset;
}
#proView #newsContent .content img{
    display: block;
    max-width: 100%;
    margin: 15px auto;
}
#newsContent .new-tips{
    display: flex;
    padding: 60px 0 30px;
    font-size: 15px;
    flex-wrap: wrap;
    align-items: center;
}
#newsContent .new-tips a{
    display: block;
    padding: 3px 5px;
    background: #dedede;
    color: #555555;
    margin: 0 10px;
}
#newsContent .new-tips a:hover{
    background: #e31221;
    color: #ffffff;
}
.hotsArticle_box{
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    display: flex;
    justify-content: space-between;
}
.hotsArticle_box .hotsArticle{
    width: 48%;
    background: #ffffff;
    box-sizing: border-box;
}
.hotsArticle_box .hotsArticle .title{
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    padding-left: 20px;
    position: relative;
    border-bottom: 1px solid #dedede;
}
.hotsArticle_box .hotsArticle .title:after{
    content: '';
    height: 20px;
    width: 4px;
    background: #e31221;
    position: absolute;
    top: 15px;
    left: 0;
}
.hotsArticle_box .list_box{
    padding: 10px 40px 30px;
}
.hotsArticle_box .list_box .list{
    height: 45px;
    line-height: 45px;
    border-bottom:1px solid #cecece;
}
.hotsArticle_box .list_box .list a{
    color: #555555;
    font-size: 15px;
    text-overflow:ellipsis;white-space:nowrap;overflow:hidden;
}
.hotsArticle_box .list_box .list a:hover{
    color: #e31221;
}
#related2{
    margin-top: 11px;
    width: 100%;
    background: #ffffff;
}
#related2 .title{
    font-size: 18px;
    font-weight: bold;
    color: #ff0000;
    height: 45px;
    line-height: 45px;
    padding: 0 20px;
    border: 1px solid #888888;
}
#related2 .relatedBox{
    padding: 30px 0;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
#related2 .relatedBox .list{
    width: 25%;
    text-align: center;
    box-sizing: border-box;
    border-right: 1px solid #c4c4c4;
    padding-bottom: 28px;
    color: #555555;
    font-size: 16px;
}
#related2 .relatedBox .list:nth-child(4n){
    border-right: 0;
}
#related2 .relatedBox .list:nth-child(n+8){
    padding-bottom: 0;
}
#related2 .relatedBox .list .tit{
    display: inline-block;
    margin-bottom: 5px;
    padding: 3px 5px;
    border: 1px solid #ffffff;
}
#related2 .relatedBox .list p{
    color: #777777;
    font-size: 13px;
}
#related2 .relatedBox .list:hover p{
    color: #fe8a19;
}
#related2 .relatedBox .list:hover .tit{
    border: 1px solid #fe8a19;
    box-sizing: border-box;
    color: #fe8a19;
}

/*项目导航*/
#productNav{
    width: 100%;
    min-width: 1300px;
    margin-bottom: 10px;
}
#productNav.productNavActive{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
}
#productNav .title{
    height: 38px;
    line-height: 38px;
    border-bottom: 1px solid #f2f3f8;
    padding-left: 20px;
    background: #ffffff;
}
#productNav .productNavMain{
    width: 100%;
    background: #ffffff;
    padding: 20px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
#productNav .productNavMain .list{
    width: 140px;
    padding-right: 15px;
}
#productNav .productNavMain .list .tit{
    font-size: 18px;
    color: #444444;
    display: flex;
    margin-bottom: 10px;
    align-items: center;
}
#productNav .productNavMain .list .tit i{
    display: block;
    width: 25px;
    height: 20px;
    background-position: -302px -348px;
}
#productNav .productNavMain .list .listSide{
    display: flex;
    flex-wrap: wrap;
    padding-left: 25px;
}
#productNav .productNavMain .list .listSide p{
    font-size: 12px;
    color: #777777;
    padding-right: 5px;
    line-height: 28px;
}
#productNav .productNavMain .list:nth-child(2) .tit i{
    display: block;
    width: 25px;
    height: 20px;
    background-position: -302px -383px;
}
#productNav .productNavMain .list:nth-child(3) .tit i{
    display: block;
    width: 25px;
    height: 20px;
    background-position: -302px -419px;
}
#productNav .productNavMain .list:nth-child(4) .tit i{
    display: block;
    width: 25px;
    height: 20px;
    background-position: -302px -454px;
}
#productNav .productNavMain .list:nth-child(5) .tit i{
    display: block;
    width: 25px;
    height: 20px;
    background-position: -302px -490px;
}
#productNav .productNavMain .list:nth-child(6) .tit i{
    display: block;
    width: 25px;
    height: 20px;
    background-position: -302px -525px;
}
#productNav .productNavMain .list:nth-child(7) .tit i{
    display: block;
    width: 25px;
    height: 20px;
    background-position: -302px -561px;
}
#productNav .productNavMain .list:nth-child(8) .tit i{
    display: block;
    width: 25px;
    height: 20px;
    background-position: -302px -596px;
}

/*项目排行*/
#proViewNews .dingji_title{
    display: block;
    border: 1px solid #d2d2d2;
    height: 48px;
    box-sizing: border-box;
    line-height: 46px;
    padding-left: 20px;
    font-size: 18px;
    letter-spacing: 2px;
    position: relative;
    font-weight: bold;
}
#proViewNews .dingji_title:after{
    position: absolute;
    width: 4px;
    height: 28px;
    background: #e31221;
    top: 10px;
    left: 0;
    content: '';
}
#proViewNews .dingji_title span{
    color: #fe0000;
}
.allRankingMain{
    padding-left: 0 !important;
}

.allRankingMain .rankingNum{
    width: 110px;
    height: 132px;
    flex-shrink: 0;
    flex-grow: 0;
}
.allRankingMain .newsContent p{
    position: relative;
}
.allRankingMain .newsContent p span{
    display: block;
    width: 540px;
    text-overflow:ellipsis;white-space:nowrap;overflow:hidden;
}
.allRankingMain .newsContent p a{
    position: absolute;
    right: 0px;
    top: 0;
    height: 21px;
    line-height: 21px;
    padding: 5px 0;
}

.allRankingMain .newsContent .biaoqianZiduan{
    display: flex;
}
.allRankingMain .newsContent .biaoqianZiduan p{
    width: auto;
    display: flex;
    align-items: center;
    padding:0 20px 0 0 !important;
}
.allRankingMain .newsContent .biaoqianZiduan span{
    display: inline-block;
    width: auto;
    max-width: 380px;
}
.allRankingMain .newsContent .button_main{
    display: flex;
    margin-top: 5px;
}
.allRankingMain .newsContent .button_main a{
    width: 111px;
    height: 39px;
    margin-right: 20px;
    background-image: url("../images/sprite.png");
    background-position: -160px -325px;
}
.allRankingMain .newsContent .button_main a:last-child{
    background-position: -160px -371px;
}

h2.tongyongtit2{
    width: 100%;
    height: 54px;
    background: #ffffff;
    line-height: 52px;
    border: 1px solid #d2d2d2;
    border-bottom: none;
    box-sizing: border-box;
    margin-top: 30px;
    padding-left: 15px;
    display: flex;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 1px;
}
h2.tongyongtit2 i{
    display: block;
    height: 52px;
    width: 36px;
    background-position: -512px -328px;
}
h2.tongyongtit2 span{
    display: block;
    color: #fd9719;
}

/*资讯首页*/
.newIndex{
    width: 100%;
    min-width: 1300px;
}
#new_top{
    width: 100%;
    padding: 26px 24px 18px 24px;
    background: #ffffff;
    box-sizing: border-box;
    -moz-box-shadow:0 0 5px #d0d0d0; -webkit-box-shadow:0 0 5px #d0d0d0; box-shadow:0 0 5px #d0d0d0;
    margin-bottom: 30px;
    display: flex;
    justify-content: space-between;
}
#new_top .img{
    display: block;
    transition: all ease 0.5s;
}
#new_top .img:hover{
    transform: scale(1.03);
}
#new_top .img img{
    display: block;
    width: 579px;
    height: 386px;
    border-radius: 7px;
}
#new_top .img p{
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding-top:10px ;
    font-size: 17px;
    color: #333333;
}
#new_top .newsTop_box{
    width: 550px;
    padding-right: 50px;
}
#new_top .newsTop_box .title a{
    height: 50px;
    display: block;
    line-height: 50px;
    font-size: 21px;
    color: #fe0116;
    padding-bottom: 5px;
}
#new_top .newsTopMain{
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 10px;
    border-bottom: 1px dashed #e5e5e5;
    margin-bottom: 10px;
}
#new_top .newsTopMain a{
    display: block;
    width: 275px;
    color: #666666;
    font-size: 13px;
    text-overflow:ellipsis;white-space:nowrap;overflow:hidden;
    height: 28px;
    line-height: 28px;
}
#new_top .newsTopMain a:hover{
    color: #e31221;
}
#new_top .newsTop_main{
    display: flex;
    flex-wrap: wrap;
}
#new_top .newsTop_main .list{
    width: 50%;
}
#new_top .newsTop_main .list a{
    display: block;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    color: #555555;
    position: relative;
    padding-left: 15px;
    padding-right: 25px;
    text-overflow:ellipsis;white-space:nowrap;overflow:hidden;
    transition: all ease 0.5s;
}
#new_top .newsTop_main .list a:after{
    content: '';
    position: absolute;
    top: 15px;
    left: 0;
    width: 4px;
    height: 4px;
    background: #777777;
    border-radius: 2px;
}
#new_top .newsTop_main .list a:hover{
    color: #ff0000;
    transform: translateX(-10px);
}

.zixunMain{
    width: 100%;
    background: #ffffff;
    margin-bottom: 20px;
    -moz-box-shadow:0 0 5px #d0d0d0; -webkit-box-shadow:0 0 5px #d0d0d0; box-shadow:0 0 5px #d0d0d0;
}
.zixunMain .title{
    width: 100%;
    height: 47px;
    line-height: 45px;
    display: flex;
    align-items: center;
    border: 1px solid #d2d2d2;
    box-sizing: border-box;
    position: relative;
}
.zixunMain .title i{
    display: block;
    width: 45px;
    height: 30px;
    margin: 0 15px;
    background-position: -75px -335px;
}
.zixunMain .title h2{
    font-size: 20px;
    font-weight: bold;
    color: #ff450c;
    padding-right: 30px;
    letter-spacing: 1px;
}
.zixunMain .title .tips{
    width: 132px;
    height: 27px;
    box-sizing: border-box;
    line-height: 25px;
    border: 1px solid #ff450c;
    color: #ff450c;
    text-align: center;
    font-size: 14px;
}
.zixunMain .title .more{
    height: 45px;
    position: absolute;
    right: 40px;
    top: 0;
    color: #555555;
    font-size: 15px;
}
.zixunMain .tuijian{
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    padding: 0 45px;
    margin-bottom: 10px;
}
.zixunMain .tuijian .list{
    width: 49%;
    transition: all ease 0.5s;
    box-sizing: border-box;
    padding: 10px;
    padding-top: 0;
}
.zixunMain .tuijian .list:hover{
    -moz-box-shadow:0px 0px 10px #C7C7C7; -webkit-box-shadow:0px 0px 10px #C7C7C7; box-shadow:0px 0px 10px #C7C7C7;
}
.zixunMain .tuijian .list .tit{
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #444444;
    text-overflow:ellipsis;white-space:nowrap;overflow:hidden;
}
.zixunMain .tuijian .list .content{
    display: flex;
}
.zixunMain .tuijian .list .content .img{
    display: block;
    width: 132px;
    height: 88px;
    flex-grow: 0;
    flex-shrink: 0;
}
.zixunMain .tuijian .list .content .img img{
    display: block;
    width: 100%;
    height: 100%;
}
.zixunMain .tuijian .list .content p{
    flex-grow: 1;
    flex-shrink: 1;
    /*background: #f6f6f6;*/
    font-size: 13px;
    color: #666666;
    line-height: 26px;
    padding: 5px 30px 5px 10px ;
    text-align: justify;
    background: -webkit-linear-gradient(left, #f6f6f6, #fdfdfd);
    background: -o-linear-gradient(left,#f6f6f6, #fdfdfd);
    background: -moz-linear-gradient(left,#f6f6f6, #fdfdfd);
    background: -ms-linear-gradient(left,#f6f6f6, #fdfdfd);
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.zixunMain .tuijian .list .content p a{
    display: inline-block;
    color: #e31221;
}
.zixunMain .listMain{
    display: flex;
    padding: 0 45px 40px 45px;
    justify-content: space-between;
    flex-wrap: wrap;
}
.zixunMain .listMain .list{
    width: 360px;
    display: flex;
    align-items: center;
    height: 35px;
    border-bottom: 1px dashed #d5d5d5;
    position: relative;
    transition: all ease 0.5s;
    color: #adadad;
}
.zixunMain .listMain .list i{
    width: 4px;
    height: 4px;
    background: #b2b2b2;
    border-radius: 2px;
    margin-right: 8px;
    flex-shrink: 0;
    flex-grow: 0;
}
.zixunMain .listMain .list a{
    color: #6e6e6e;
    font-size: 14px;
    text-overflow:ellipsis;white-space:nowrap;overflow:hidden;
    padding-right: 100px;
    flex-grow: 1;
}
.zixunMain .listMain .list span{
    position: absolute;
    right: 0;
    top: 0;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    flex-shrink: 0;
    flex-grow: 0;
}
.zixunMain .listMain .list:hover{
    transform: translateX(-10px);
    color: #dc1c17;
}
.zixunMain .listMain .list:hover a{
    color: #dc1c17;
}

/*餐饮行情*/
.zixunMain2 .title i{
    background-position: -75px -390px;
}
.zixunMain2 .title h2{
    color: #27bcd2;
}
.zixunMain2 .listBox{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding-bottom: 35px;
}
.zixunMain2 .listBox .main{
    width: 25%;
    padding:10px 30px;
    box-sizing: border-box;
}
.zixunMain2 .listBox .main .tit{
    width: 100%;
    height: 35px;
    line-height: 33px;
    border: 1px dashed #d1d1d1;
    box-sizing: border-box;
    padding: 4px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}
.zixunMain2 .listBox .main .tit i{
    width: 115px;
    height: 100%;
    display: block;
    background-position: -20px -475px;
}
.zixunMain2 .listBox .main .tit a{
    font-size: 13px;
    color: #999999;
}
.zixunMain2 .listBox .list{
    border-bottom: 1px dashed #dedede;
}
.zixunMain2 .listBox .list .list_ms{
    display: none;
}
.zixunMain2 .listBox .list:nth-child(2) .list_ms{
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}
.zixunMain2 .listBox .list a.list_tit{
    display: block;
    font-size: 15px;
    color: #666666;
    height: 34px;
    line-height: 34px;
    text-overflow:ellipsis;white-space:nowrap;overflow:hidden;
    transition: all ease 0.5s;
}

.zixunMain2 .listBox .list:hover a.list_tit{
    color: #e31221;
    transform: translateX(-10px);
}

.zixunMain2 .listBox .list .list_ms a img{
    width: 125px;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    border-radius: 5px;
}
.zixunMain2 .listBox .list .list_ms p{
    font-size: 13px;
    color: #777777;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    padding-left: 10px;
    line-height: 17px;
    justify-content: center;
}

.zixunMain2 .listBox .main:nth-child(2) .tit i{
    background-position: -20px -517px;
}
.zixunMain2 .listBox .main:nth-child(3) .tit i{
    background-position: -20px -559px;
}
.zixunMain2 .listBox .main:nth-child(4) .tit i{
    background-position: -20px -601px;
}
.zixunMain2 .listBox .main:nth-child(5) .tit i{
    background-position: -158px -475px;
}
.zixunMain2 .listBox .main:nth-child(6) .tit i{
    background-position: -158px -517px;
}
.zixunMain2 .listBox .main:nth-child(7) .tit i{
    background-position: -158px -559px;
}
.zixunMain2 .listBox .main:nth-child(8) .tit i{
    background-position: -158px -601px;
}

/*美食生活*/
.zixunMain3{
    margin-bottom: 30px;
}
.zixunMain3 .title{
    background: #f8473f;
    height: 105px;
    line-height: 105px;
    text-align: center;
    font-size: 35px;
    color: #ffffff;
    letter-spacing: 3px;
    position: relative;
}
.zixunMain3 .title i{
    padding: 0 15px;
}
.zixunMain3 .title:before{
    position: absolute;
    width: 300px;
    height: 1px;
    background: #ffffff;
    top: 55px;
    left: 180px;
    content: '';
}
.zixunMain3 .title:after{
    position: absolute;
    width: 300px;
    height: 1px;
    background: #ffffff;
    top: 55px;
    right: 180px;
    content: '';
}

.zixunMain3 .meishiBox{
    background: -webkit-linear-gradient(top, #f8473f, #ffffff);
    background: -o-linear-gradient(top,#f8473f, #ffffff);
    background: -moz-linear-gradient(top,#f8473f, #ffffff);
    background: -ms-linear-gradient(top,#f8473f, #ffffff);
    display: flex;
    justify-content: center;
    padding: 10px 10px 20px 10px;
}
.zixunMain3 .bottom{
    height: 30px;
    background: #ffffff;
}
.zixunMain3 .meishiBox .list{
    width: 237px;
    margin: 0 8px;
    background: #f4f4f4;
    padding-bottom: 10px;
    transition: all ease 0.5s;
}
.zixunMain3 .meishiBox .list:hover{
    transform: translateY(-10px);
}
.zixunMain3 .meishiBox .list .img{
    display: block;
}
.zixunMain3 .meishiBox .list .img img{
    width: 100%;
    height: 158px;
    display: block;
}
.zixunMain3 .meishiBox .list .tit{
    height: 25px;
    line-height: 25px;
    font-size: 15px;
    padding:5px 25px;
    color: #444444;
    font-weight: bold;
}
.zixunMain3 .meishiBox .list p{
    font-size: 12px;
    color: #999999;
    height: 20px;
    line-height: 20px;
    padding: 0 25px;
    text-overflow:ellipsis;white-space:nowrap;overflow:hidden;
}
.zixunMain3 .meishiBox .list p span{
    color: #f4223b;
}

/*精品推荐*/
.zixunMain4{
    display: flex;
    justify-content: space-between;
    background: transparent;
    -moz-box-shadow:0 0 0 #d0d0d0; -webkit-box-shadow:0 0 0 #d0d0d0; box-shadow:0 0 0 #d0d0d0;

}
.zixunMain4 .jingpin_tuijian{
    background: #ffffff;
    -moz-box-shadow:0 0 5px #d0d0d0; -webkit-box-shadow:0 0 5px #d0d0d0; box-shadow:0 0 5px #d0d0d0;
    width: 980px !important;
    margin-top: 0 !important;
}
.zixunMain4 .title{
    border: 1px solid #d2d2d2 !important;
}
.zixunMain4 .title i{
    background-position: -75px -432px;
}
.zixunMain4 .title h2{
    color: #e95caf;
}
.zixunMain4 .jingpin_tuijian .SideBarRank{
    display: flex;
    flex-wrap: wrap;
    padding: 15px 0;
}
.zixunMain4 .hotsBiaoqian{
    width: 305px;
    background: #ffffff;
    -moz-box-shadow:0 0 5px #d0d0d0; -webkit-box-shadow:0 0 5px #d0d0d0; box-shadow:0 0 5px #d0d0d0;
}
.zixunMain4 .hotsBiaoqian .tit{
    height: 45px;
    border-bottom: 1px solid #ff6831;
    line-height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    color: #777777;
}
.zixunMain4 .hotsBiaoqian .tit i{
    display: block;
    width: 26px;
    height: 26px;
    background-position: -22px -435px;
    margin-right: 5px;
}
.zixunMain4 .hotsBiaoqian .hotsBqBox{
    position: relative;
    height:241px;
    overflow: hidden;
}
.zixunMain4 .hotsBiaoqian .hotsBqBox .list{
    display: block;
    height: 26px;
    line-height: 26px;
    color: #ffffff;
    background: #f4a699;
    position: absolute;
    padding: 0 5px;
    border-radius: 5px;
    transform: translateX(-300px);
    cursor: pointer;
}
.zixunMain4 .hotsBiaoqian .hotsBqBox .list:nth-child(2n){
    background: #0396fd;
}
.zixunMain4 .hotsBiaoqian .hotsBqBox .list:nth-child(3n){
    background: #ff6831;
}
.zixunMain4 .hotsBiaoqian .hotsBqBox .list:nth-child(5n){
    background: #656565;
}
.zixunMain4 .hotsBiaoqian .hotsBqBox .list:first-child{
    top: 10px;
    animation: run 4s linear infinite;
}
.zixunMain4 .hotsBiaoqian .hotsBqBox .list:nth-child(2){
    top: 40px;
    animation: run 6.1s linear 2s infinite;
}
.zixunMain4 .hotsBiaoqian .hotsBqBox .list:nth-child(3){
    top: 70px;
    animation: run 5.6s linear infinite;
}
.zixunMain4 .hotsBiaoqian .hotsBqBox .list:nth-child(4){
    top: 100px;
    animation: run 8s linear 2.5s infinite;
}
.zixunMain4 .hotsBiaoqian .hotsBqBox .list:nth-child(5){
    top: 130px;
    animation: run 4.3s linear infinite;
}
.zixunMain4 .hotsBiaoqian .hotsBqBox .list:nth-child(6){
    top: 160px;
    animation: run 7s linear 1s infinite;
}
.zixunMain4 .hotsBiaoqian .hotsBqBox .list:nth-child(7){
    top: 190px;
    animation: run 6.1s linear infinite;
}
.zixunMain4 .hotsBiaoqian .hotsBqBox .list:nth-child(8){
    top: 170px;
    animation: run 5.5s linear 1.5s infinite;
}
.zixunMain4 .hotsBiaoqian .hotsBqBox .list:nth-child(9){
    top: 140px;
    animation: run 6.2s linear infinite;
}
.zixunMain4 .hotsBiaoqian .hotsBqBox .list:nth-child(10){
    top: 110px;
    animation: run 7.8s linear 2s infinite;
}
.zixunMain4 .hotsBiaoqian .hotsBqBox .list:nth-child(11){
    top: 80px;
    animation: run 6.9s linear infinite;
}
.zixunMain4 .hotsBiaoqian .hotsBqBox .list:nth-child(12){
    top: 50px;
    animation: run 5.1s linear 2.8s infinite;
}
.zixunMain4 .hotsBiaoqian .hotsBqBox .list:nth-child(13){
     top: 20px;
    animation: run 6.1s linear infinite;
}
.zixunMain4 .hotsBiaoqian .hotsBqBox .list:nth-child(14){
    top: 118px;
    animation: run 5s linear 0.8s infinite;
}
@keyframes run {
    0%{transform: translateX(-100px)}
    100%{transform: translateX(300px)}
}
.zixunMain4 .hotsBiaoqian .hotsBqBox .list:hover{
    animation-play-state: paused;
}
/*zixunMain5*/
.zixunMain5{
    display: flex;
    padding: 0 5px;
    box-sizing: border-box;
}
.zixunMain5 .img{
    display: block;
    width: 25%;
    padding: 12px 8px;
    box-sizing: border-box;
    transition: all ease 0.5s;
    position: relative;
}
.zixunMain5 .img p{
    position: absolute;
    bottom: 12px;
    left: 8px;
    width: 232px;
    text-align: center;
    padding: 5px;
    background: rgba(0,0,0,0.7);
    color: #ffffff;
}
.zixunMain5 .img img{
    display: block;
    width: 100%;
}
.zixunMain5 .img:hover{
    transform: translateY(-10px);
}
/*专家视角*/
.zixunMain6 .title i{
    background-position: -10px -338px;
}
.zixunMain6 .title h2{
    color: #ff440e;
}
/*开店知识*/
.zixunMain7 .title i{
    background-position: -10px -390px;
}
.zixunMain7 .title h2{
    color: #0396fd;
}
.zixunMain7 .title .tips{
    color: #0396fd;
    border-color: #0396fd;
}

/*创业问答*/
.zixunMain8{
    margin-bottom: 100px;
}
.zixunMain8 .title i{
    background-position: -789px -46px;
}
.zixunMain8 .title h2{
    color: #fe7728;
}
.zixunMain8 #wendaListBox .list{
    padding: 10px 70px;
    transition: all ease 0.5s;
}
.zixunMain8 #wendaListBox .list:hover{
    -moz-box-shadow:0px 0px 10px #C7C7C7; -webkit-box-shadow:0px 0px 10px #C7C7C7; box-shadow:0px 0px 10px #C7C7C7;
}
.zixunMain8 #wendaListBox .list .question p{
    width: 850px;
}
.zixunMain8 #wendaListBox .list .answer p{
    width: 850px;
}
.zixunMain8 #wendaListBox .list:hover .chakanAnswer{
    background: #0bbbed;
    color: #ffffff;
    border: 1px solid #0bbbed;
}
.zixunMain8 #wendaListBox{
    padding-bottom: 10px;
}

/*============================排行榜=================================*/
.proRankingIndex{
    width: 100%;
    min-width: 1300px;
}
.rankingMain{
    display: flex;
    justify-content: space-between;
}
.rankingMain .rankingList{
    width: 313px;
    background: #ffffff;
    -moz-box-shadow:0 0 5px #d0d0d0; -webkit-box-shadow:0 0 5px #d0d0d0; box-shadow:0 0 5px #d0d0d0;
    margin-bottom: 20px;
}
.rankingMain .rankingList .tit{
    width: 100%;
    height: 60px;
    position: relative;
}
.rankingMain .rankingList .tit h2{
    height: 60px;
    line-height: 55px;
    text-align: center;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 21px;
    color: #ffffff;
    font-weight: bold;
}
.rankingMain .rankingList .th{
    height: 35px;
    line-height: 35px;
    margin: 5px 15px 0 15px;
    display: flex;
    border-bottom: 1px solid #ebebeb;
    color: #777775;
    font-size: 13px;
}
.rankingMain .rankingList .th p{
    width: 38px;
}
.rankingMain .rankingList .th p:nth-child(2){
    width: 110px;
}
.rankingMain .rankingList .th p:nth-child(3){
    width: 99px;
    text-align: center;
}
.rankingMain .rankingList .th p:nth-child(4){
    text-align: center;
    width: 35px;
}
.rankingMain .rankingList .rankingListBox{
    margin: 5px 15px 20px 15px;
}
.rankingMain .rankingListBox .list{
    display: flex;
    /*justify-content: space-between;*/
    align-items: center;
    margin: 10px 0;
}
.rankingMain .rankingListBox .list .num{
    width: 18px;
    margin-right: 22px;
    height: 18px;
    background: #aeacad;
    flex-grow: 0;
    flex-shrink: 0;
    text-align: center;
    line-height: 18px;
    color: #ffffff;
    border-radius: 3px;
    font-size: 12px;
}
.rankingMain .rankingListBox .list:nth-child(-n+3) .num{
    background:url("../images/sprite.png") no-repeat -23px -10px;
    width: 23px;
    margin-right: 17px;
    height: 20px;
    flex-grow: 0;
    flex-shrink: 0;
}

.rankingMain .rankingListBox .list .img{
    width: 92px;
    height: 62px;
    box-sizing: border-box;
    border: 1px solid #c7c7c7;
    /*display: flex;*/
    align-items: center;
    justify-content: center;
    display: none;
    flex-grow: 0;
    flex-shrink: 0;
}
.rankingMain .rankingListBox .list .img img{
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    max-height: 100%;
}
.rankingMain .rankingListBox .list .other{
    display: flex;
    flex-grow: 1;
    align-items: center;
}
.rankingMain .rankingListBox .list .other .name{
    flex-grow: 1;
    font-size: 15px;
    height: 22px;
    line-height: 22px;
    color: #7b7b7b;
    text-overflow:ellipsis;white-space:nowrap;overflow:hidden;
}
.rankingMain .rankingListBox .list .other p{
    width: 80px;
    font-size: 14px;
    color: #f9402c;
    flex-grow: 0;
    flex-shrink: 0;
}
.rankingMain .rankingListBox .list .other .qushi{
    width: 35px;
    background-position: -45px -14px;
    height: 14px;
    flex-grow: 0;
    flex-shrink: 0;
}
.rankingMain .rankingListBox .list .other .jiameng{
    display: none;
}
.rankingMain .rankingListBox .active .img{
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
}
.rankingMain .rankingListBox .active .other{
    display: block;
    padding-left: 30px;
}
.rankingMain .rankingListBox .active .other .name{
    font-size: 15px;
    color: #444444;
    padding-bottom: 6px;
}
.rankingMain .rankingListBox .active .other .qushi{
    display: none;
}
.rankingMain .rankingListBox .active .other .jiameng{
    display: block;
    width: 80px;
    height: 22px;
    background: url("../images/sprite.png") no-repeat -7px -49px;
    margin-top: 4px;
}
.rankingMain .rankingList:nth-child(2) .active .other .jiameng{
    background-position: -7px -126px;
}
.rankingMain .rankingList:nth-child(3) .active .other .jiameng{
    background-position: -7px -89px;
}
.rankingMain .rankingList:nth-child(4) .active .other .jiameng{
    background-position: -7px -165px;
}

/*rankingMain2*/
.rankingMain2{
    width: 100%;
    padding: 24px 20px;
    display: flex;
    box-sizing: border-box;
    background: #ffffff;
    -moz-box-shadow:0 0 5px #d0d0d0; -webkit-box-shadow:0 0 5px #d0d0d0; box-shadow:0 0 5px #d0d0d0;
    margin-bottom: 20px;
}
.rankingMain2 .title{
    width: 155px;
    height: 80px;
    line-height: 80px;
    display: flex;
    align-items: center;
    border-right: 1px solid #aeacad;
    flex-grow: 0;
    flex-shrink: 0;
}
.rankingMain2 .title i{
    display: block;
    width: 31px;
    height: 31px;
    background-position:-749px -4px ;
    margin-right: 10px;
}
.rankingMain2 .title h2{
    font-size: 20px;
    font-weight: bold;
    color: #4b4b4b;
    letter-spacing: 1px;
}
.rankingMain2 .title h2 span{
    font-size: 20px;
    font-weight: bold;
    color: #ea3846;
}
.rankingMain2 .rankingMain2Box{
    display: flex;
    flex-grow: 1;
    flex-shrink: 1;
    flex-wrap: wrap;
    color: #62625a;
    font-size: 13px;
    justify-content: space-between;
    padding: 0 30px;
}
.rankingMain2 .rankingMain2Box .list{
    width: 160px;
    display: flex;
    align-items: center;
    margin: 2px 0;
}
.rankingMain2 .rankingMain2Box .list i{
    margin-right: 8px;
    display: block;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    background: #eaeaea;
    color: #444444;
    font-size: 12px;
    flex-shrink: 0;
    flex-grow: 0;
}
.rankingMain2 .rankingMain2Box .list a{
    display: block;
    color: #777777;
    flex-shrink: 1;
    flex-grow: 1;
    text-overflow:ellipsis;white-space:nowrap;overflow:hidden;
}
.rankingMain2 .rankingMain2Box .active a{
    color: #e31221;
}
.rankingMain2 .rankingMain2Box .list a:hover{
    color: #e31221;
}
.rankingMain2 .rankingMain2Box .active i{
    background: url("../images/sprite.png") no-repeat -708px -13px;
    line-height: normal;
    color: #ffffff;
    padding-top: 6px;
    box-sizing: border-box;
}

/*行业排行榜*/
.pro_Box{
    width: 100%;
    margin-bottom: 20px;
}
.pro_Box .title{
    width: 100%;
    padding: 0 22px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border:1px solid #d2d2d2;
    height: 66px;
    background: #ffffff;
}
.pro_Box .title .tit{
    display: flex;
    align-items: center;
    font-size: 20px;
    color: #4b4b4b;
    font-weight: bold;
}
.pro_Box .title .tit h2{
    font-size: 22px;
}
.pro_Box .title .tit i{
    width: 31px;
    height: 31px;
    display: block;
    background-position: -747px -46px;
    margin-right: 12px;
}
.pro_Box .title .tit span{
    color: #ea3846;
}
.pro_Box .title .moreBox{
    display: flex;
}
.pro_Box .title .moreBox a{
    display: block;
    height: 25px;
    line-height: 25px;
    padding: 0 8px;
    border: 1px solid #d2d2d2;
    margin-right: 10px;
    font-size: 15px;
    color: #777777;
    transition: all ease 0.5s;
}
.pro_Box .title .moreBox a:hover{
    background: #ea3846;
    color: #ffffff;
    border: 1px solid #ea3846;
}
.pro_Box .pro_Main{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    background: #ffffff;
    -moz-box-shadow:0 1px 5px #d0d0d0; -webkit-box-shadow:0 1px 5px #d0d0d0; box-shadow:0 1px 5px #d0d0d0;
    padding: 13px 5px;
}
.pro_Box .pro_Main .list{
    width: 252px;
}
.pro_Box .pro_Main .list .img{
    display: block;
    width: 250px;
    padding: 2px;
    border: 1px solid #e3e3e5;
    box-sizing: border-box;
}
.pro_Box .pro_Main .list .img img{
    display: block;
    width: 100%;
    height: 167px;
    transition: all ease 0.5s;
}
.pro_Box .pro_Main .list .img img:hover{
    transform: scale(1.03);
}
.pro_Box .pro_Main .list .biaoti{
    height: 28px;
    line-height: 28px;
    text-align: center;
    font-size: 16px;
    color: #656565;
    padding-bottom: 10px;
}
.pro_Box .pro_Main .list:hover .biaoti{
    color: #ea3846;
}

/*留言板*/
.popupBox{width: 1200px;overflow: hidden;margin: 0 auto 50px;position: relative}
.popupBox .title{font-size: 22px;line-height: 50px;color: #333333;padding-left: 30px;margin-top: 30px}
.wantConsult_btm { height: 450px; overflow: hidden;}
.wantConsult_btm_right { width: 919px; height: 450px; background: url('../images/sixpage2.png') no-repeat; position: relative; float: right}
.wantConsult_btm_right .form { width: 470px; margin-left: 50px; float: left}
.wantConsult_btm_right .form textarea {resize: none; padding: 15px 20px; width: 420px; height: 100px; line-height: 20px; font-size: 14px; color: #777; border-radius: 5px; margin-top: 40px; background: #f3f2f1; outline: none; }
.wantConsult_btm_right .form .input_p { height: 50px; background: #f3f2f1; width: 440px; padding-left: 20px; border-radius: 5px; margin-top: 30px;line-height: 50px }
.wantConsult_btm_right .form .input_p .span1 { display: inline-block; width: 54px; height: 16px; line-height: 16px; border-right: 1px solid #d8d8d8; font-size: 16px; color: #404040; margin-top: 18px; text-align: justify; }
.wantConsult_btm_right .input_p .txt { width: 270px; padding-left: 10px;padding-top: 7px; border: none; background: #f3f2f1; height: 38px; line-height: 38px; outline: none; font-size: 14px; color: #aeaeae; }
.wantConsult_btm_right .form textarea:focus { color: #666; }
.wantConsult_btm_right .input_p .txt:focus { color: #666; }
.sub_ziXun { margin-top: 30px; height: 50px; text-align: center; }
.sub_ziXun input { width: 200px; height: 50px; font-size: 18px; color: #fff; background: #f43d3d; border-radius: 5px; border: none; outline: none; }
.select_yixiangti { width: 340px; height: 290px; background: rgba(255,255,255,.8); margin: 40px 40px 0 0; border-radius: 5px; position: relative;float: right}
.ninTitle { height: 45px; line-height: 45px; font-size: 15px; font-weight: bold; color: #666; padding-left: 18px; background: #f7f7f7; margin-bottom: 10px; border-radius: 5px 5px 0 0; }
.ninTitle em { color: #f02c2c; }
.select_yixiangti li { height: 32px; line-height: 32px; font-size: 13px; color: #666666;margin-left: 18px; cursor: pointer; overflow: hidden;display: flex;align-items: center }
.select_yixiangti li:before{content: '';width: 4px;height: 4px;background: #999999;margin-right: 8px}
.select_yixiangti li:hover { text-decoration: underline; }
.select_yixiangti li a { color: #666666; }

.wantConsult_btm_left{float: left;width: 246px;padding-left: 35px;height: 450px;background: url("../images/sixPage1_21.png") no-repeat;}
.wantConsult_btm_left .sixPage{font-size: 24px;font-weight: bold;color: #ffffff;margin: 44px 0 25px;}
.wantConsult_btm_left ul li{height: 42px;line-height: 42px;font-size: 17px;color: #ffffff;}

.wantConsult_btm_left ul li i {
    background: url('../images/xuhao.png') no-repeat;
    margin: 10px 7px 0 0;
}

.wantConsult_btm_left ul li .i16 {
    width: 20px;
    height: 22px;
    background-position: -1px -1px;
}

.wantConsult_btm_left ul li .i17 {
    width: 21px;
    height: 22px;
    background-position: 0px -43px;
}

.wantConsult_btm_left ul li .i18 {
    width: 21px;
    height: 22px;
    background-position: 0px -85px;
}

.wantConsult_btm_left ul li .i19 {
    width: 21px;
    height: 22px;
    background-position: 0px -127px;
}

.wantConsult_btm_left ul li .i20 {
    width: 21px;
    height: 22px;
    background-position: 0px -169px;
}

.wantConsult_btm_left ul li .i21 {
    width: 21px;
    height: 22px;
    background-position: 0px -211px;
}
.wantConsult_btm_left ul li font {
    font-size: 12px;
}
.fl1{
    /* float: left; */
    display: inline-block;
}

/*问答详情页面*/
.wendaTitle{
    width: 100%;
    display: flex;
    padding: 0 30px;
    height: 115px;
    -moz-box-shadow:0 0 5px #d0d0d0; -webkit-box-shadow:0 0 5px #d0d0d0; box-shadow:0 0 5px #d0d0d0;
    background: #ffffff;
    margin-bottom: 10px;
    align-items: center;
    box-sizing: border-box;
}
.wendaTitle .wendaLogo{
    width: 82px;
    height: 82px;
    margin-right: 30px;
    border-radius: 50%;
    border: 1px solid #e2e2e2;
    box-sizing: border-box;
    padding: 4px;
    overflow: hidden;
    background: #ffffff;
}
.wendaTitle .wendaLogo .img{
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 50%;
}
.wendaTitle .wendaLogo .img img{
    display: block;
    width: 100%;
    height: 100%;
}
.wendaTitle .wendaContent .tit{
    font-size: 22px;
    color: #222222;
    height: 50px;
    line-height: 50px;
}
.wendaTitle .wendaContent .subMain{
    display: flex;
    font-size: 14px;
    color: #757575;
    padding-bottom: 10px;
}
.wendaTitle .wendaContent .subMain p{
    padding-right: 30px;
}

.answerBox{
    width: 100%;
    background: #ffffff;
    overflow: hidden;
    margin-bottom: 30px;
}
.answerBox .answerTitle{
    height: 66px;
    line-height: 66px;
    border-top: 7px solid #2f87eb;
    padding: 0 24px;
    display: flex;
    -moz-box-shadow:0 5px 5px #ebebeb; -webkit-box-shadow:0 5px 5px #ebebeb; box-shadow:0 5px 5px #ebebeb;
}
.answerBox .answerTitle i{
    display: block;
    width: 47px;
    height: 56px;
    background-position: -830px -122px;
}
.answerBox .answerTitle p{
    height: 66px;
    line-height: 66px;
    font-size: 22px;
    color: #2f86ed;
    padding-left: 24px;
}
.answerBox .answerContent{
    padding: 40px 60px;
}
.answerBox .answerContent .tit{
    font-size: 16px;
    color: #666666;
    text-align: center;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
}
.answerBox .answerContent .content{
    font-size: 15px;
    color: #777777;
    line-height: 35px;
}
.answerBox .answerContent .content img{
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
.answerBox .answerContent .tagTips{
    font-size: 14px;
    display: flex;
    align-items: center;
    padding: 60px 0 30px;
}
.answerBox .answerContent .tagTips p{
    color: #e31221;
}
.answerBox .answerContent .tagTips a{
    background: #e4e9e3;
    padding: 2px 5px;
    margin-right: 10px;
    color: #333333;
}

/**/
.wendaListBox .titleH4{
    line-height: 40px;
    padding:0 50px;
    font-size: 18px;
    font-weight: bold;
    border: 1px solid #bfbfbf;
    box-sizing: border-box;
}
.wendaListBox .titleH4 span{
    color: #ea3846;
}

/*留言条*/
.liuyan{
    width: 100%;
    min-width: 1300px;
    position: fixed;
    bottom: 0;
    left: 0;
    background: url(../images/liuyant.png) no-repeat center;
    height: 64px;
}
.liuyan .center{
    position: relative;
}
.liuyan img{
    display: block;
}
.liuyan .liuyanaBtn{
    position: absolute;
    top: 0;
    left: 55%;
    cursor: pointer;
}
.liuyan .zixunBtn{
    position: absolute;
    top: 0;
    left: 73%;
    cursor: pointer;
}

/*page 分页*/
.page{
    width: 100%;
    box-sizing: border-box;
    padding: 50px 0 20px;
    display: flex;
    justify-content: space-between;
}
.page a{
    display: block;
    border: 1px solid #dedede;
    width: 47%;
    padding:10px 15px;
    box-sizing: border-box;
    color: #555555;
    background:linear-gradient(to bottom, #ffffff,#dedede);
    text-overflow:ellipsis;white-space:nowrap;overflow:hidden;
}
.page a:hover{
    background:linear-gradient(to bottom, #ff3b31, #de0003);
    border:#ff3b31 ;
    color: #ffffff;
}
.pageList{
    display: flex;
    justify-content: center;
}
.pageList a{
    display: block;
    padding: 5px 10px;
    color: #666666;
    font-size: 15px;
    background: #ffffff;
    border: 1px solid #cccccc;
    margin: 30px 5px;
}
.pageList a:hover{
    color: #e31221;
    border-color: #e31221;
}
/*分页*/
.pageing{
    display: block;
}
.pageing ul{
    display: flex;
    justify-content: center;
}
.pageing ul li a{
    display: block;
    padding: 5px 10px;
    color: #666666;
    font-size: 15px;
    background: #ffffff;
    border: 1px solid #cccccc;
    margin: 30px 5px;
}
.pageing ul li a:hover{
    color: #e31221;
    border-color: #e31221;
}
.pageing ul li.am-active a{
    color: #e31221;
    border-color: #e31221;
}

/*内页公告矮头部*/
.pageHeader{
    width: 100%;
    min-width: 1300px;
    background: #ffffff;
    margin-bottom: 10px;
    padding: 10px 0;
}
.pageHeader .center{
    display: flex;
    align-items: center;
}
.pageHeader .logo img{
    display: block;
    width: 120px;
    height: auto;
}
.pageHeader .pageNav{
    display: flex;
    margin: 0 50px 0 20px;
}
.pageHeader .pageNav .navList a{
    margin: 0 10px;
    font-size: 17px;
    color: #333333;
    font-weight: bold;
}
.pageHeader .search_input{
    display: flex;
    height: 32px;
    line-height: 32px;
    border: 2px solid #eb3a04;
    border-radius: 7px;
    overflow: hidden;
    font-size: 15px;
    position: relative;
}
.pageHeader .search_input:after{
    position: absolute;
    top: 8px;
    left: 72px;
    content: '';
    height: 16px;
    width: 1px;
    background: #dedede;
}
.pageHeader .search_input select{
    border: none;
    outline:none;
    padding: 0 5px;
    font-size: 14px;
    margin: 0 5px;

}
.pageHeader .search_input input{
    border: none;
    outline:none;
    font-size: 14px;
    padding: 0 10px;
    display: block;
    width: 200px;
    line-height: 30px;
}
.pageHeader .search_input button{
    border: none;
    outline:none;
    font-size: 14px;
    display: flex;
    width: 76px;
    background: #eb3a04;
    text-align: center;
    align-items: center;
    color: #ffffff;
}
.pageHeader .search_input button i{
    display: block;
    width: 25px;
    margin:0 2px;
    height: 25px;
    background-position: -275px -212px;
}

/*向下滚动*/
.proHeight{
    position: relative;
}
.autoScroll{
    position: absolute;
    top: 10px;
    right: 10px;
    border-radius: 4px;
    padding: 5px 20px 5px 8px;
    color: #ffffff;
    font-size: 12px;
    background: #e31221 url("../images/scroll_down.png") no-repeat;
    background-position: 51px center ;
    cursor: pointer;
}

/*返回顶部*/
.scrollTop{
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    width: 60px;
    height: 60px;
    background:#666666 url("../images/scroll_Top.png") no-repeat center center;
    background-size: 35px;
    border-radius: 10px;
}
.scrollTop p{
    display: none;
    padding: 10px;
    text-align: center;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 3px;
    color: #ffffff;
    cursor: pointer;
}
.scrollTop:hover{
    background: #666666;
}
.scrollTop:hover p{
    display: block;
}


/*留言弹窗*/
.popupBox .errorTip{
    position: absolute;
    top: 45%;
    left: 50%;
    transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%); 	/* IE 9 */
    -moz-transform:translate(-50%,-50%); 	/* Firefox */
    -webkit-transform:translate(-50%,-50%); /* Safari 和 Chrome */
    -o-transform:translate(-50%,-50%); 	/* Opera */
    background: rgba(0,0,0,0.7);
    color: #ffffff;
    padding: 15px 20px;
    border-radius: 5px;
    display: none;
}


.successTip{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
    display: none;
}
.successTip .successBox{
    position: fixed;
    top: 50%;
    left: 50%;
    transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%); 	/* IE 9 */
    -moz-transform:translate(-50%,-50%); 	/* Firefox */
    -webkit-transform:translate(-50%,-50%); /* Safari 和 Chrome */
    -o-transform:translate(-50%,-50%); 	/* Opera */
    width: 400px;
    height: 495px;
    background: url("../images/lybj.png") no-repeat center;
    background-size: 100% auto;
}
.successTip .tipTit{
    width: 100%;
    position: absolute;
    top: 19.5%;
    left: 0;
    text-align: center;
    color: #ffffff;
    font-size: 24px;
    letter-spacing: 2px;
}
.successTip .tipContent{
    position: absolute;
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    width: 100%;
    top: 27%;
    left: 0;
}
.successTip .msTip{
    font-size: 15px;
    font-weight: bold;
    color: #222222;
    text-align: center;
    width: 100%;
    position: absolute;
    top: 41%;
    left: 0;
}
.successTip .msBox{
    position: absolute;
    width: 66%;
    left: 17%;
    top: 50%;
    height: 140px;
    overflow: hidden;
}
.successTip .msBox .list{
    display: flex;
    justify-content: space-between;
    height: 28px;
    line-height: 28px;
    align-items: center;
}
.successTip .msBox .list a{
    display: block;
    color: #666666;
    font-size: 13px;
    padding-right: 10px;
    text-overflow:ellipsis;white-space:nowrap;overflow:hidden;
}
.successTip .msBox .list i{
    flex-grow: 0;
    flex-shrink: 0;
    display: block;
    width: 20px;
    height: 20px;
    background: url("../images/yanjing.png") no-repeat center;
    background-size: 14px auto;
}
.successTip .msBox .list p{
    width: 40px;
    text-align: center;
    font-size: 13px;
    color: #777777;
}
.successTip .btn{
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 82%;
    left: 10%;
    width: 80%;
}
.successTip .btn div{
    display: block;
    width: 110px;
    text-align: center;
    height: 34px;
    line-height: 34px;
    margin: 0 15px;
    border-radius: 2px;
    color: #ffffff;
    font-size: 14px;
    cursor: pointer;
}
.successTip .btn .btn_fanhui{
    background: rgb(228, 3, 13);
}
.successTip .btn .btn_close{
    background: rgb(200, 200, 200);
}


table,tr,th,td{
    border: 1px solid #dedede;
    text-align: center;
    vertical-align: middle;
    padding: 5px;
}


.shareBox{
    display: flex;
    font-size: 14px;
    align-items: center;
}
.shareBox a{
    display: block;
    font-size: 14px;
    padding: 0 5px;
}
.shareBox a img{
    display: block;
    width: 19px;
    height: auto;
}

/* 网站导航 */
.siteMap{
    position: relative;
}
.siteMap:hover .siteMapMain{
    display: block;
}
.siteMapMain{
    display: none;
    position: absolute;
    top: 40px;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    width: 680px;
    padding: 5px 15px 20px;
    z-index: 9999;
}
.siteMapMain .listTop{
    padding-bottom:12px ;
    border-bottom: 1px dashed #dedede;
}
.siteMapMain .listBox{
    display: flex;
    flex-wrap: wrap;
}
.siteMapMain .listBox a{
    color: #ffffff;
    padding: 0 13px !important;
    height: 30px;
    line-height: 30px;
}
.siteMapMain .listBox .tit{
    font-size: 16px;
    color: #ffffff;
}
.siteMapMain .listBox .list{
    font-size: 14px;
    color: #f9f9f9;
}