*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html,body,ul,li,h1,h2,h3,h4,h5,h6,dl,dt,dd,form,input,button,textarea,p{margin:0;padding:0}
body{background:#fff;color:#555;font-size:14px;font-family: "Microsoft YaHei","Arial","黑体","宋体",sans-serif}
td,th{font-size:14px}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}
a{color:#fff;text-decoration:none}
img{border:none;vertical-align:middle}
ul,li{list-style:none}
input,textarea,select,button{font:14px "Microsoft YaHei","Arial","黑体","宋体",sans-serif}
.clearfix:before,.clearfix:after{content:"";display:table;clear:both;visibility:hidden}
.clearfix{*zoom:1}
.lf{float: left}
.rt{float: right}
*{font-family: 'Microsoft YaHei';}
body{/*padding-top: 80px;*/}
.w1440{max-width: 1440px;height: 100%;margin: 0 auto;}
i, em, b {font-style: normal;}
input, button{border: 0;outline: none;background: none;filter: chroma(color=#000000);}
.g-row {width: 1200px;margin: 0 auto;}
.w1224 { width: 1224px;margin: 0 auto;}
.w1200 {width: 1200px;margin: 0 auto;}
.fl {display: inline;float: left;}
.fr {display: inline;float: right;}

/* 头部 */
.page-header{width: 100%;height: 80px;color: #ffffff;font-family: '微软雅黑';/* position: fixed; */top: 0;background: #fff;z-index: 9999;border-bottom: 1px solid  #e3e3e3;}
.page-header .headerTel{float: right;margin-right: 50px;line-height: 80px;font-size: 16px;    color: #1f1f1f;}
.page-header .headerTel span{color: #fa3048;font-weight: bold;}
.page-header .logo{width: 243px;height: 80px;position: relative;float: left;margin: 0px 2%;}
.page-header .logo a img{max-width: 100%;max-height: 100%;position: absolute;top: 50%;transform: translateY(-50%);left: 0;}
.page-header .logo h1{color: transparent;text-indent: -9999px;}
.page-header .navs{overflow: hidden;height: 80px;float: left;}
.page-header .navs ul{height: 80px;font-size: 16px;}
.page-header .navs ul a{box-sizing: border-box;float: left;height: 80px;}
.page-header .navs ul a i.rexiao {background: #6b47fb;width: 49px;}
.page-header .navs ul a i.rexiao::after {border-top: 3px solid #6b47fb;}
.page-header .navs ul a i.yishou {background: #57c14c;width: 49px;color: #fff;}
.page-header .navs ul a i.yishou::after {border-top: 3px solid #57c14c;}
.page-header .navs ul a i.hot {background: #ff5328;width: 36px;color: #fff;}
.page-header .navs ul a i.hot::after {border-top: 3px solid #ff5328;}
.page-header .navs ul a i::after {content: '';display: inline-block;border-left: 3px solid transparent;border-right: 3px solid transparent;position: absolute;bottom: -3px;left: 4px;}
.page-header .navs ul a i {display: inline-block;font-size: 12px;color: #fff;text-transform: uppercase;width: 32px;height: 15px;line-height: 15px;text-align: center;font-weight: normal;border-radius: 3px;-webkit-border-radius: 3px;position: absolute;top: 9px;right: -16px;animation: downup 1s infinite linear;-webkit-animation: downup 1s infinite linear;}
    @keyframes downup {
      0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
      }
      50% {
        -webkit-transform: translate(0, -4px);
        transform: translate(0, -4px);
      }
      100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
      }
    }

    @-webkit-keyframes downup {
      0% {
        -webkit-transform: translate(0, 0);
      }
      50% {
        -webkit-transform: translate(0, -4px);
      }
      100% {
        -webkit-transform: translate(0, 0);
      }
    }
.page-header .navs ul li{float: left;color: #1f1f1f;line-height: 80px;margin: 0px 26px;position: relative;}
.page-header .navs ul li.active:after,.page-header .navs ul li:hover:after{position: absolute;content: "";width: 28px;height:4px;background-image: linear-gradient(269deg, #ff193a 0%, #ff5656 100%);bottom: 0;    left: 50%;transform: translateX(-50%);}
.page-header .navs ul li .hot{position: absolute;top: 6px;left:50%;transform: translateX(-50%);width: 45px; height: 24px;background: url(/static/home/images/hot_icon.png);}
.home-page .page-header .navs ul li .hot{display: block;}
.page-header .login{height: 80px;position: relative;float: right;font-size: 16px;}
.page-header .login a{display: block;float: right;}
.page-header .login .btn{width: 119px;line-height: 80px;text-align: center;	height: 80px;}
.page-header .login a:last-child .btn{border-left: 1px solid  #e3e3e3;color: #1f1f1f;}
.page-header .login a:first-child .btn{background-image: linear-gradient(269deg, #ff193a 0%, #ff5656 100%);color:#ffffff;}
.page-header .navdown{width: 80px;height: 80px;float: right;background: url(/static/home/images/ydnav.png) center center no-repeat;cursor: pointer;}
.page-header .menu-list{position: absolute;left: 0;top: -300px;display: none;transition: 0.5s; -webkit-transition: 0.5s;width: 100%;background: #fff;z-index: 1;}
.page-header .menu-list li{width: 25%;/* height: 60px; */line-height: 35px;text-align: center;}
.page-header .menu-list li.home{float: left;}
.page-header .menu-list li.media{float: left;}
.page-header .menu-list li.wemedia{float: left;}
.page-header .menu-list li.dx{float: left;}
.page-header .menu-list li.news{float: left;}
.page-header .menu-list li.cooperation{float: left;}
.page-header .menu-list li.about{float: left;}
.page-header .menu-list li a{color: black;color: linear-gradient(to right, #fc5756, #fe8355);text-align: center;font-size: 1.0rem;}
.page-header .menu-list.active{top: 80px;transition: 0.5s; -webkit-transition: 0.5s;display: block;}
.page-header .menu-list span{float: left;width: 100%;}
.page-header .menu-list span a.denglu{width:50%;background-image: linear-gradient(269deg, #ff193a 0%, #ff5656 100%);float: left;text-align: center;line-height: 35px;}
.page-header .menu-list span a.zhuce{width:50%;background-image: linear-gradient(269deg, #ff193a 0%, #ff5656 100%);float: left;text-align: center;line-height: 35px;}

.bannerSS .navs ul a li , .bannerSS .page-header .headerTel span ,  .bannerSS .page-header .login a:last-child .btn ,  .bannerSS  .page-header .navs ul li a{ color: #fff !important;}
.bannerSS .page-header .headerTel{   color: #fff !important; }
.bannerSS .page-header .logo div{background:url(/static/home/images/logo-b.png);}
.page-header .navs ul li  .navsDome{position: absolute; top: 80px; left: 50%;z-index: 999; transform: translateX(-50%);padding: 10px;display: none; background-color: #ffffff;
  box-shadow: 0px 4px 10px 0px rgb(113 113 113 / 25%);
  border-radius: 3px;}
 .page-header .navs ul li  .navsDome a ,  .bannerSS  .page-header .navs ul li  .navsDome a{height:40px;line-height:40px;color: #1f1f1f !important;width:120px;}
 .page-header .navs {overflow: unset;}
 .page-header .navs ul li>a{float: left;color: #333;}
 .page-header .navs ul li:hover .navsDome{display: block;}
  .page-header .navs ul li>a>span {width: 0;height: 0;display: inline-block;margin: 38px 0px 0px 4px;float: right;border: 5px solid transparent;border-top: 5px solid #999;}

/* 尾部 */
.page-footer{width: 100%;background:#000;}
.page-footer .top{width: 100%;padding: 50px 0 0 0;display: inline-block;}
.page-footer .top .logo{width:100%;height: 50px;margin-bottom: 50px;background: url(/static/home/images/logo2.png) left center no-repeat;}
.page-footer .bot .navs{width:100%;display: inline-block;margin-bottom: 40px;color: #888888;}
.page-footer .bot .navs li{width: 25%;height:32px;text-align: left;float: left;line-height: 32px;overflow: hidden;}
.page-footer .bot .navs li a{color: #888888;}
.page-footer .bot {    margin-bottom: 65px;}
.page-footer .bot .navs li a:hover{color: #fff}
.page-footer .bot .title{font-size: 18px;color: #fff;margin-bottom: 15px;text-align: left !important;}
.page-footer .bot .tel{ font-size: 16px;}
.page-footer .bot .tel p{line-height: 40px;color: #ffffff;}
.page-footer .bot .tel p span{ color: #ef3348;}
.page-footer .bot .tel p a{ width: 90px;text-align: center;line-height: 30px;color: #ffffff;font-size: 14px;height: 30px;background-image: linear-gradient(269deg, #ff193a 0%, #ff5656 100%);border-radius: 3px;    display: inline-block;margin-left: 10px;}
.page-footer .bot .title span{font-size: 14px;color: #fff;margin-left: 10px;}
.page-footer .bot-center{padding:20px 0px;width: 100%;border-top:1px solid #202020;border-bottom: 1px solid  #202020;overflow: hidden;}
.page-footer .bot-center .links  a{float: left;color: #898888;font-size: 14px;padding-right: 10px;margin-left: 10px;}
.page-footer .bot-center .links  a:last-child{border-right: none;}
.page-footer .bot-center .links  a:hover{color: #fff;}
.page-footer .bot-center .title{color: #ffffff;font-size: 14px;}
.page-footer .bot .txt{line-height: 17px;font-size: 16px;margin-left: 4px;color: #ef3047;    margin: 0px 0px 5px 0px;}
.page-footer .bot .txt.active{color: #ffffff;}
.page-footer .bot .code{float: right;}
.page-footer .bot .img{ }
.page-copyright{width: 100%;font-size: 14px;color: #646464;line-height: 30px;height: 115px;}
.page-copyright p a{color: #646464;}


/* 首页 */
.home-page{padding-top: 0;}
/* .home-page .center{width: 100%;overflow: hidden;display: inline-block;} */
.home-page .page-header{background-color: rgba(255, 255, 255);;position: absolute;}
.home-page .banner{width: 100%;height: 580px;position: relative;}
.home-page .banner .img{width:100%;height: 580px;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.home-page .banner .layui-carousel-ind li{width: 30px;height: 3px;background-color: #ffffff;	box-shadow: 0px 2px 16px 0px 	rgba(246, 25, 75, 0.25);	border-radius: 2px;}
.home-page .banner .layui-carousel-ind ul{background-color: transparent;}
.home-page .banner .layui-carousel-ind li.layui-this{background-image: linear-gradient(269deg, #f5174b 0%, #ff4646 100%);box-shadow: 0px 2px 16px 0px  rgba(246, 25, 75, 0.25); }
.home-page .banner .layui-carousel-ind{top:-50px;}
.home-page .commitTitle{margin: 80px auto 50px;}
.home-page .commitTitle h2{ color: #333333;font-size: 32px;text-align: center;line-height: 72px;}
.home-page .commitTitle p{color: #666666;line-height: 30px;text-align: center;font-size: 16px;}
.home-page .c1 .tabs { float: left;}
.home-page .c1 .tabs .tab {width: 460px;height: 140px;    padding: 30px 24px; }
.home-page .c1 .tabs .tab .num{width: 60px;height: 60px;}
.home-page .c1 .tabs .tab .num.num1{background:url(/static/home/images/1-01a.png) }
.home-page .c1 .tabs .tab .num.num2{background:url(/static/home/images/1-02a.png) }
.home-page .c1 .tabs .tab .num.num3{background:url(/static/home/images/1-03a.png) }
.home-page .c1 .tabs .tab .num.num4{background:url(/static/home/images/1-04a.png) }
.home-page .c1 .tabs .tab>div{float: left;}
.home-page .c1 .tabs .tab .title{width: 240px; margin: 0px 30px 0px;}
.home-page .c1 .tabs .tab .title h3{color: #b49e9e;font-size: 24px;line-height: 30px; }
.home-page .c1 .tabs .tab .title p{color: #b49e9e;font-size: 18px; line-height: 24px;}
.home-page .c1 .tabs .tab .arrows{width: 36px;height: 36px;line-height: 36px;text-align: center;display: block;font-size: 24px;margin-top:30px}
.home-page .c1 .tabs .tab .arrows a{color: #b49e9e;}
.home-page .c1 .tabs .tab.active{background-image: linear-gradient(269deg, #ff193a 0%, #ff5656 100%);box-shadow: 0px 8px 35px 0px 	rgba(95, 14, 14, 0.2);}
.home-page .c1 .tabs .tab.active .num.num1{background:url(/static/home/images/1-01l.png) }
.home-page .c1 .tabs .tab.active .num.num2{background:url(/static/home/images/1-02l.png) }
.home-page .c1 .tabs .tab.active .num.num3{background:url(/static/home/images/1-03l.png) }
.home-page .c1 .tabs .tab.active .num.num4{background:url(/static/home/images/1-04l.png) }
.home-page .c1 .tabs .tab.active .title h3  {color:#fff;margin: 15px 0px 10px;}
.home-page .c1 .tabs .tab.active .title p{color:#fff;}
.home-page .c1 .tabs .tab.active .arrows{background-color: #ffffff;box-shadow: 0px 4px 24px 0px rgba(165, 29, 29, 0.2); border-radius: 50%;}
.home-page .c1 .tabs .tab.active .arrows a{color: #f41b48; }
.home-page .c1 .c1Bg{background: url(/static/home/images/1-dianbg.png) right bottom no-repeat;overflow: hidden; }
.home-page .c1 .tabDelTit{    padding: 30px 30px 30px 100px;display: none;width: calc(100% - 460px);float: right; }
.home-page .c1 .tabDelTit.active{display: block;}
.home-page .c1 .tabDelTit h4{color: #333333;font-size: 34px; }
.home-page .c1 .tabDelTit p{color: #666666;font-size: 16px;line-height: 24px; }
.home-page .c1 .tabDelTit span{ margin:20px 0px;width: 28px;height: 5px;background:url(/static/home/images/1-d.png) center center no-repeat;display: block;}
.home-page .c1 .tabDelTit a{margin-top: 30px;display:block;width: 120px;height: 36px;background-image: linear-gradient(269deg, #ff193a 0%, #ff5656 100%);border-radius: 18px;line-height: 36px;text-align: center;color: #ffffff;font-size: 14px;}
.home-page .c1 .tabDelTit img {    max-width: 100%;box-shadow: 0px 8px 29px 0px rgb(91 91 91 / 14%); background: #ffffff;display: block;margin: 30px auto 0px; }


.home-page .c2{width: 100%;height: 237px;}
.home-page .c2 .tabs{width: 100%;height:170px;display: inline-block;background:url(/static/home/images/2-bg1.png) 100% 100% no-repeat;border-radius: 20px;padding: 40px 0;position: relative;z-index: 2;    margin-top: 134px;
  background-color: #ffffff;
  box-shadow: 0px 8px 29px 0px rgb(91 91 91 / 14%);}
.home-page .c2 .tabs .tab{float: left;width: 20%;text-align: center;position: relative;}
.home-page .c2 .tabs .tab:not(:last-child):after{position: absolute;width: 1px;height: 80px;background: #f1f1f1;right: 0;top: 0%;content: "";transform: rotate(10deg);-webkit-transform: rotate(10deg); -moz-transform: rotate(10deg);}
.home-page .c2 .tabs .tab .no{color: #fa3048;margin-right: 5px;font-size: 16px;}
.home-page .c2 .tabs .tab .no span{font-size: 48px;}
.home-page .c2 .tabs .tab .name{color: #333333;font-size: 14px;}

.home-page .c3 {overflow: auto;background: url(/static/home/images/1-bg.png) center center no-repeat;}
.home-page .c3 .c3Tabl{width: 65%; margin: auto;height: 300px; }
.home-page .c3 .c3Tabl img{display: block;margin:auto; }
.home-page .c3 .c3Tabl h3{margin: 20px 0px;text-align: center; color:#444;font-size: 26px;line-height: 30px;}
.home-page .c3 .c3Tabl p{color: #666666;font-size: 14px;line-height: 30px; }

.home-page .c4{background-image: linear-gradient(269deg, #f4f7f9 0%, #faf8f9 100%);width: 100%;height: 910px;}
.home-page .c4 .tabs{margin-bottom: 100px;background-color: #ffffff;box-shadow: 0px 9px 27px 0px 	rgba(152, 152, 152, 0.39);}
.home-page .c4 .tab{width: 100%;height: auto;text-align: center;float: left;position: relative;}
.home-page .c4 .tab::after{position: absolute;content: '';width: 1px;height:660px ;background-color: #ebebeb;top:0px;right: 0px;}
.home-page .c4 .tab .content{width: 100%;padding: 50px 0;background: #fff;color: #7d93a1;}
.home-page .c4 .commitTitle{margin:0px auto;padding:80px 0px 50px;}
.home-page .c4 .tab .content .name{color: #444;font-size: 36px;margin-bottom: 20px;}
.home-page .c4 .tab .content .price{color: #fb3a52;font-size: 30px;}
.home-page .c4 .tab .content .price img{margin-top:-12px;}
.home-page .c4 .tab .content .price span{font-size: 48px;}
.home-page .c4 .tab .content .line{width: 320px;height: 1px;background-color: #f2f2f2;border-radius: 1px;    margin: 20px auto 30px;}
.home-page .c4 .tab .content .sub{color: #b1b1b1;font-size: 14px;margin-bottom: 20px;font-size: 18px;text-decoration: line-through;}
.home-page .c4 .tab .content .desc{padding: 0px 36px;line-height: 36px;width: 100%;height: 36px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: left;color: #666666;font-size: 14px;}
.home-page .c4 .tab .content .desc span{color: #f22f2f;}
.home-page .c4 .tab .content .desc img{margin-right: 6px;}
.home-page .c4 .tab .content .del{text-decoration: line-through;color: #c7c7c7;font-size: 14px;}
.home-page .c4 .tab .content .btn{width: 160px;height: 48px;line-height: 48px;text-align: center;border-radius: 24px;background-color: #ffffff;	color: #fa2f48;box-shadow: 0px 2px 16px 0px 	rgba(246, 25, 75, 0.25);font-size: 16px;margin:40px auto 0px;}
.home-page .c4 .tab:hover .btn{color: #fff;background-image: linear-gradient(269deg, #ff193a 0%, #ff5656 100%);	box-shadow: 0px 2px 16px 0px 	rgba(246, 25, 75, 0.25);}
.home-page .c4 .tab:hover .content{background-image: linear-gradient(0deg,  #fffafa 0%, #ffffff 100%);
/* box-shadow: 0px 13px 27px 0px rgba(246, 25, 75, 0.14); */
}

.home-page .c5{background:url(/static/home/images/5-bg.png) center center no-repeat;height: 313px;width: 100%;margin-top:-15px;}
.home-page .c5 .c5Title{text-align: center;    padding: 130px 0px 0px 0px; }
.home-page .c5 .c5Title h2{ color: #ffffff;font-size: 36px;}
.home-page .c5 .c5Title  a{width: 120px;display: block;margin:auto;	height: 40px;color: #ffffff;font-size: 16px;text-align: center;box-shadow: 0px 2px 16px 0px rgba(246, 25, 75, 0.25);border-radius: 20px;border: solid 1px #ffffff;line-height: 40px;
  margin-top: 30px;
}
.home-page .c6{padding-bottom: 100px;margin-top: -15px;}
.home-page .c6 .center-card{background-color: #ffffff;box-shadow: 0px 9px 27px 0px rgba(152, 152, 152, 0.39);}
.home-page .c6 .combo{ position: relative;    padding: 50px;height: 248px;}
.home-page .c6 .combo h3{color: #444;font-size: 24px;line-height: 30px; }
.home-page .c6 .combo p{color: #666666;font-size: 14px;line-height: 24px;    margin-top: 15px; }
.home-page .c6 .combo div {color: #f92949;font-size: 30px;    margin-top: 15px; }
.home-page .c6 .combo div img{    margin-top: -6px; }
.home-page .c6 .combo div span{font-size: 18px; }
.home-page .c6 .combo a {height: 48px;width: 100%;text-align: center;line-height: 48px;font-size: 16px;color: #ffffff;background-image: linear-gradient(269deg, #ff193a 0%, #ff5656 100%);display: none; position: absolute;left: 0px;bottom: 0px;}
.home-page .c6 .combo1 , .home-page .c6 .combo2 {border-right: 1px solid #ffeded;}
.home-page .c6 .combo4 , .home-page .c6 .combo5 {border-top:1px solid #ffeded; border-right: 1px solid #ffeded;;}
.home-page .c6 .combo6 {border-top:1px solid #ffeded;}
.home-page .c6 .combo:hover{padding:30px 50px}
.home-page .c6 .combo:hover a{display: block;}
.home-page .c6 .combo:hover h2{color: #fc3848;}
.home-page .c6 .combo:hover p{color: #ff7b83; }

.home-page .c7{padding:60px 0px 0px ;background-image: linear-gradient(269deg, #ffffff 0%, #ffffff 100%);width: 100%;height: 560px;}
.home-page .c7Tit{ background: url(/static/home/images/6-btzs.png) center center no-repeat;width: 240px;height: 31px;line-height:27px;color: #000000;font-size: 36px;text-align: center;margin:auto;}
.home-page .c7 .mediaCarousel{width: 100%;height: 300px;position: relative;margin-top: 55px;}
.home-page .c7 .mediaCarousel .img{width:100%;height: 300px;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.home-page .c7 .mediaCarousel .layui-carousel-ind li{width: 30px;height: 3px;background-color: #ffffff;	box-shadow: 0px 2px 16px 0px 	rgba(246, 25, 75, 0.25);	border-radius: 2px;}
.home-page .c7 .mediaCarousel .layui-carousel-ind ul{background-color: transparent;}
.home-page .c7 .mediaCarousel .layui-carousel-ind li.layui-this{background-image: linear-gradient(269deg, #f5174b 0%, #ff4646 100%);box-shadow: 0px 2px 16px 0px  rgba(246, 25, 75, 0.25); }
.home-page .c7 .mediaCarousel .layui-carousel-ind{top:50px;}

.home-page .c8{background: url(/static/home/images/8-bg.png) center center no-repeat;width: 100%;height: 530px;}
.home-page .c8 .c8Box{    padding: 80px 0px 0px 0px; }
.home-page .c8 .c8Box h3{font-size: 30px;line-height: 30px; }
.home-page .c8 .c8Box h3 span{ color: #fe4346;}
.home-page .c8 .c8Box .c8Title {margin-top: 50px;overflow: hidden;}
.home-page .c8 .c8Box .c8Title p.nac{color: #1c1c1c;font-size: 24px;    margin-bottom: 20px;}
.home-page .c8 .c8Box .c8Title p.tit{color: #666666;font-size: 16px;line-height: 36px;}
.home-page .c8 .c8Box .c8Title p span{color: #fe4246;}
.home-page .c8 .c8Box .c8Btn a{width: 160px;color: #ffffff;font-size: 16px;height: 48px;line-height: 48px;text-align: center;display: inline-block;background-image: linear-gradient(269deg, 	#f5174b 0%, #ff4646 100%);box-shadow: 0px 2px 16px 0px rgba(246, 25, 75, 0.25);	border-radius: 24px;}
.home-page .c8 .c8Box .c8Btn p span{    line-height: 48px;color: #323232;font-size: 14px;display: inline-block; margin: 0px 6px;}
.home-page .c8 .c8Box .c8Title .c8TitleU{width: auto;float: left;    width: 33.33%;    margin-bottom: 30px;}
.home-page .c8 .c8Box .c8Title .c8TitleU span{color: #fb3048;font-size: 30px;display: block; }
.home-page .c8 .c8Box .c8Title .c8TitleU p{ color: #666666;font-size: 16px;line-height: 30px;}
.home-page .c8 .c8Box1{width: 65%;margin: auto;}
.home-page .c8 .c8Box1 .c8Btn{ margin-top: 110px;}
.home-page .c8 .c8Box2{padding-left: 60px;}
.home-page .c8 .c8Box2 .c8Btn{margin-top: 34px;}
.home-page .c8 .c8Box2 .c8Btn a{ float: left;}
.home-page .c9{ background: url(/static/home/images/9-bg.png) center center no-repeat;}
.home-page .c9  .c9Title {    text-align: center;    padding-top: 120px;}
.home-page .c9  .c9Title span{line-height: 70px;text-align: center;width: 187px;height: 76px;display: inline-block;font-size: 24px;color: #333333;}
.home-page .c9  .c9Title .leftbtn{background:url(/static/home/images/lc-btbg3.png) center center no-repeat; }
.home-page .c9  .c9Title .leftbtn.active{color:#ffffff;background:url(/static/home/images/lc-btbg1.png) center center no-repeat; }
.home-page .c9  .c9Title .rightbtn{background:url(/static/home/images/lc-btbg2.png) center center no-repeat; }
.home-page .c9  .c9Title .rightbtn.active{color:#ffffff;background:url(/static/home/images/lc-btbg4.png) center center no-repeat; }
.home-page .c9 .c9Img{    margin: 50px auto 100px;}
.home-page .c9 .c9Img img{display: none;margin: auto;max-width: 100%; }
.home-page .c9 .c9Img img.active{display: block;}

.home-page .c9  .newTitle{line-height: 50px;overflow: hidden;}
.home-page .c9  .newTitle h2{color: #333333;font-size: 36px;float: left; }
.home-page .c9  .newTitle a{color: #fa3049;font-size: 18px;float: right; }
.home-page .c9  .newBox{    margin: 40px 0px 0px 0px;}
.home-page .c9  .newBox .newImg{width: 240px;float: left; }
.home-page .c9  .newBox .newImg img{max-width: 100%;    margin-top: 10px;}
.home-page .c9  .newBox .newList{padding: 0px 20px;font-size: 14px;line-height: 28px;width: calc(100% - 240px);float: left;}
.home-page .c9  .newBox .newList ul{ }
.home-page .c9  .newBox .newList ul li{ }
.home-page .c9  .newBox .newList .time{color: #666666;width: 50px;float: left;overflow: hidden;text-overflow: ellipsis; white-space: nowrap; }
.home-page .c9  .newBox .newList .title{    width: calc(100% - 50px);float: left; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.home-page .c9  .newBox .newList .title a{color: #333333; }


.home-page .c9 .msg>div {width: 100%;max-width: 100%;}
.home-page .c9 .msg h3{font-size:18px;font-weight: 500;color:#ffffff;line-height: 55px;margin-left: 5%;height: 40px;}
.home-page .c9 .msg span{color:#ffffff;font-size: 14px;margin-left: 5%;}	
.home-page .c9 .msg .no1{height:65px;background: #f45448;}
.home-page .c9 .msg .no2{height:65px;background: #ff985e;}
.home-page .c9 .msg .no3{height:65px;background: #ffc03d;}
.home-page .c9 .msg .no4{height:65px;background: #47be64;}
.home-page .c9 .msg img{width: 100%;max-width: 100%;}
.home-page .c9 .msg .lists{margin-top: 20px;width: 100%;line-height: 36px;font-size: 16px;color: #b4bbc1;}
.home-page .c9 .msg .lists li{width: 100%;}
.home-page .c9 .msg .lists .time{width: 50px;float: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.home-page .c9 .msg .lists .title{width: calc(100% - 50px);float: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.home-page .c9 .msg .lists .title a{color:#666666;font-size: 14px;}
.home-page .c9 .msg .lists .title a:hover{color: #f1463c;}


/* 套餐详情页面 */
.detail-page .c10{padding-top: 40px;}
.detail-page .c10 .title{width: 226px;height: 58px;background: url(/static/home/images/9-bt-detail.png) center center no-repeat;margin: 40px auto 50px auto;}
.detail-page .c10 .tabs{margin-bottom: 30px;}
.detail-page .c10 .tab{padding: 20px 0;text-align: center;text-align: center;background-image: linear-gradient(184deg,  #f85b5322 0%, #ee413822 100%);border-radius: 30px 30px 0px 0px;color: #f74538;cursor: pointer;}
.detail-page .c10 .tab.active{background-image: linear-gradient(184deg,  #f85b53 0%, #ee4138 100%);color: #ffffff;}
.detail-page .c10 .tab div:first-child{font-size: 22px;font-weight: bold;margin-bottom: 10px;}
.detail-page .c10 .tab div:last-child{font-size: 16px;}
.detail-page .c10 .desc{text-align: center;font-size: 18px;color: #ff994e;margin-bottom: 30px;}
.detail-page .c10 .btn{width: 180px;height: 50px;line-height: 50px;border-radius: 25px;text-align: center;font-size: 18px;color: #fbfbfb;cursor: pointer;background-image: linear-gradient(0deg,  #ee4238 0%,  #f75a51 100%);margin: 50px auto;}


/* 首页导航 */
.right-service{width:50px;height: 300px;position: fixed;right: 20px;top: 50%;transform: translateY(-50%);z-index: 9999;}
.right-service  .serviceBOX ,.right-service .goBackTop{     padding: 10px 0px;
  margin-bottom: 10px;width:100%;text-align: center; background-color: #ffffff;box-shadow: 0px 1px 8px 0px rgba(22, 22, 22, 0.15);	border-radius: 2px;}
.right-service  .serviceBOX img , .right-service .goBackTop img{display: block;margin: auto; }
.right-service  .serviceBOX{position: relative;}
.right-service  .serviceBOX span{ color: #333333;font-size: 14px;}
.right-service .serviceHover{ position: absolute;display: none;width: 130px;background-color: #ffffff;box-shadow: 0px 1px 8px 0px rgba(22, 22, 22, 0.15);	border-radius: 5px;}
.right-service .serviceHover1{top:0px;padding:20px;right: 60px;}
.right-service .serviceHover2{top:0px;padding: 20px 0px;width: 140px;right: 60px;}
.right-service .serviceHover3{top: 0px;padding: 10px 0px;right: 60px;}
.right-service .serviceHover1 a {color: #333333;font-size: 14px;line-height: 30px;overflow: hidden;display: block;}
.right-service .serviceHover1 a img{float: left;    margin-top: 5px; }
.right-service .serviceHover2 div{margin-bottom: 15px; }
.right-service .serviceHover2 div:last-child{margin-bottom: 0px;}
.right-service .serviceHover2 div p{text-align: left; color: #434344;font-size: 14px;line-height: 18px;}
.right-service .serviceHover2 div img{float: left;    margin-top: -5px; }
.right-service .serviceHover3 p{font-size: 14px;color: #434344;}
.right-service .goBackTop{cursor: pointer;}
.right-service  .serviceBOX:hover span{color: #f1524e;}


@media screen and (min-width: 1200px){
  .center-card{width: 1200px;margin: 0 auto;max-width: 96%;}
  .rw_banner .media{width: 1200px;margin: 0 auto;max-width: 96%;}
  .zmt_banner .media{width: 1200px;margin: 0 auto;max-width: 96%;}
  .wx_banner .media{width: 1200px;margin: 0 auto;max-width: 96%;}
  .wb_banner .media{width: 1200px;margin: 0 auto;max-width: 96%;}
  .hao_banner .media{width: 1200px;margin: 0 auto;max-width: 96%;}
  .hao .lists{width: 1200px;margin: 0 auto;max-width: 96%;}
  .bot .media_ss{width: 1200px;margin: 0 auto;max-width: 96%;}
  .row-fluid .media_list{width: 1200px;margin: 0 auto;max-width: 96%;}
}
@media screen and (max-width: 1716px){
.page-header .headerTel{display: none;}
  .page-header .navs ul li{ margin: 0px 20px;}
}
@media screen and (max-width: 1680px){
  .page-header .navs ul li{margin:0px 16px;}
}
@media screen and (max-width: 1570px){
  .page-header .navs ul li{margin:0px 10px;}
}
@media screen and (max-width: 1461px){
  .page-header .navs ul li{ margin: 0px 6px;}
}

@media screen and (max-width: 1440px){
  .page-footer .bot .ser{width: 35%;}
  .page-footer .bot .ser.ser_lst{width: 30%;}
}
@media screen and (max-width: 1340px){
  .page-header .navs ul li{ margin: 0px 4px;}
}
@media screen and (max-width: 1320px){
  .page-header .login .btn{width: 90px;}
}

@media screen and (max-width: 1236px){
  .center-card{width: 96%;margin: 0 2%;}
  .home-page .c2 .content .sers{width: calc(50% - 250px );}
  .page-header .login .btn{width: 70px;}
  .home-page .c4{height: auto;}
}

@media screen and (max-width: 1190px){
  .page-header .navs , .page-header .login{display: none !important;}
  .navdownLine{display: block !important;}
  .home-page .c6 .combo{ border: 1px solid #ffeded;}
  .home-page .c8 .c8Box2 .c8Btn {margin-top: 0px;}
  .page-footer{height: auto;background-size: 100% 100%;}
}

@media screen and (max-width: 1148px){
  .page-header .navs ul li.about{display: none;}
}

@media screen and (max-width: 768px){
  .home-page .c1 .tabs .tab , .home-page .c2 .tabs .tab{width: 100%;}
  .home-page .c2 .tabs , .home-page .c2{height: auto;}
  .home-page .c1 .tabs .tab .title {width: auto;margin: 0px 26px 0px;}
  .home-page .c1 .tabDelTit {padding: 30px 30px 30px 30px; display: none; width: 100%;}
  .home-page .c1 .tabs .tab:after{display: none;}
  .home-page .c3 .c3Tabl{margin:30px auto 0px;}
  .home-page .c8 .c8Box2 , .home-page .c10{display: none;}
  .home-page .c8 .c8Box1 {width: 90%;}
  .home-page .c9 .newBox .newImg{float: none;margin: 0px auto 20px;}
  .home-page .c9 .newBox .newList{width: 100%;float: none;}
  .home-page .c9{height: auto;    background-size: 100% 100%;    padding-bottom: 30px;}
  .page-footer .bot .code{text-align: center;float: none;}
  .page-footer .bot .tel{margin-bottom: 30px;}
  .page-copyright{line-height: 30px;    padding-top: 10px;}
  .home-page .banner .img { height: 360px;background-position: -212px 0px;}
}

/* 筛选 */
.list_num {display: inline-block;padding-top: 12px;position: relative;text-align: right;}
.list_num .list_num_bd{color: #fff;font-size: 13px;background:#9197a9;padding-right: 10px;padding-left: 10px;border-radius: 10px;display: block;}

.rw_banner{background-color: #f5f8fa;background-size: 100% 100%;padding-bottom: 20px;}
.wb_banner{background-color: #f5f8fa;background-size: 100% 100%;padding-bottom: 20px;}
.wx_banner{background-color: #f5f8fa;background-size: 100% 100%;padding-bottom: 20px;}
.zmt_banner{background-color: #f5f8fa;background-size: 100% 100%;padding-bottom: 20px;}
.rw_banner .media{0 auto}
.zmt_banner .media{0 auto}
.wx_banner .media{0 auto}
.wb_banner .media{0 auto}

.filter-clear:after{clear:both;content:"";display:table}
.filter{width:100%;box-sizing:border-box;border:1px solid #eee;background:#F9F9F9;font-size:14px;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}
.filter-item:last-child{border-bottom:0}

.filter-item{border-bottom:1px solid #eee;height:auto;position:relative}
.filter-option{float:left;cursor:pointer;color:#666;}
.filter-label{line-height:30px;}
.filter-list{list-style:none;padding:0;position:relative;}

@media screen and (max-width: 640px){
    .filter-label{/* float: left; */margin-left: 5px;}
    .filter-option{margin:2px 0;padding:3px 5px;}
    .filter-list{margin:5px}
    .filter-item{padding:6px 0;}
}
@media screen and (min-width: 640px){
    .filter-label{width:120px;text-align:right;position:absolute;top:6px;left:10px}
    .filter-option{margin:2px 5px;padding:3px 8px;}
    .filter-list{margin:0 0 0 120px}
    .filter-item{padding:6px 20px;}
}
    .filter{width:100%;background-color:#fff;padding-bottom:20px;margin-top: 40px;}
.media_main_head_nav {height: 65px;display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;background: #f2f2f2;}
.media_main_head_list_active {background-color: #ffffff;color: #333;}
.media_main_head_list {display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;font-size: 18px;cursor: pointer;}
.media_main_head_list a{color:#333;}
.media_main_head_list:hover{background:#fff;}
.media_main_head_nav_icon {display: inline-block;width: 32px;height: 32px;border-radius: 50%;background-repeat: no-repeat;background-size: cover;background-position: center;margin-right: 10px;}
    .filter-item{border-bottom:none;}
    .filter-label{color:#666;font-size:15px;}
    .filter-option.on, .filter-option:hover {color:#fff;background-color:#ff8140;border-radius:3px;}

    .selectBox{margin: 0 0 0 125px;}
    .selectBox .unit{width:150px;height:36px;position: relative;margin-right:20px;float: left;}
    .selectBox .unit:last-child{margin-right:0px;}
    .selectBox .unit i{display: block;width:100%;height:36px;line-height:36px;font-style: normal;cursor: pointer;border: solid 1px #c9c9c9;border-radius: 3px;padding-left:12px;padding-right:34px;background:url('/static/home/images/xiala_jiantou.png') 95% center no-repeat;background-size:10px 6px;}
    .selectBox .unit ul{display:none;padding:0px 4px; width:150px;position:absolute;left:0px;top:34px;z-index:8888;overflow: visible;background-color:#fff;border-radius:3px;border: solid 1px #c9c9c9;}
    .selectBox .unit ul li a.filter-option{width:100%;height:36px;line-height:36px;box-sizing: border-box; margin: auto;color:#999;}
    .selectBox .unit ul li a.filter-option.on{color: #f95555;background-color: #fafafa;}   
    .selectBox .unit ul li a.filter-option:hover{color:#f95555;background-color: #fafafa;}
/* 筛选end */

/* 搜索框 */
.bot .media_ss{0 auto;}
.bot{margin-top: 10px;display: inline-block;width: 100%;}
.bot .media_ss .btns{float: left;height: 38px;}
.bot .media_ss .btns li{font-size: 16px;background:#f2f2f5;float: left;text-align: center;cursor: pointer;padding: .5em 1em;}
.bot .media_ss .btns li.on{background-image: linear-gradient(269deg, #ff193a 0%, #ff5656 100%);color: #fff;}
.bot .media_ss .name{float: right;}
.bot .media_ss .name .label{float: left;font-size: 16px;padding: .5em 1em;}
.bot .media_ss .name #input{width: 200px;float: left;}
.bot .media_ss .name .search{color: #fff;background-image: linear-gradient(269deg, #ff193a 0%, #ff5656 100%);cursor: pointer;float: left;font-size: 14px;margin-left: 10px;padding: .5em 1em;}
.bot .media_ss .txt-input{border-width: 1px;border-style: solid;background-color: #fff;border-color: #e6e6e6;float: left;padding-left: 5px;padding: .5em 1em;}
.bot .media_ss .name .export_mt{text-align: center;color: #fff;background: #5eb95e;cursor: pointer;float: left;font-size: 14px;margin-left: 10px;padding: .5em 1em;}
/* 搜索框end */
.row-fluid{margin-top: 15px;margin:0 auto;}
.row-fluid label.lab {display: inline-block;margin-top: 15px;border: 1px solid #eee;width: 100%;padding: 15px 0;margin-left: 0;text-indent: 2em;background: #fff;}
.row-fluid .table{margin:20px 0 100px 0 ;}
.row-fluid .media_name{color: #337ab7;max-width: 80px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.row-fluid .price_1{color: #337ab7;}
.row-fluid .price_1:hover{color: #ff5b55;}

.row-fluid .media_name:hover{color: #ff5b55;}
.row-fluid .media_name:visited{color: purple;}
.map{width:100%;float:left;font-size:16px;margin-top:60px;text-align:center;}
.layui-badge {line-height: 16px !important;height: 16px !important;padding: 0 3px !important;font-size: 10px !important;font-family: monospace;margin-right: 5px;}
.pc_weight{background: url(/static/home/images/pc.png) center center no-repeat;width: 50px;height: 20px;color: #ffffff;display: inline-block;line-height: 20px;padding-left: 22px;}
.media_list .layui-table-cell{height: auto;white-space: normal;}
/******分页******/
.pagination{clear:both;color:#999;padding:20px 0px 20px 0px;font-size:14px;flex-direction: row;flex-wrap: nowrap;display: flex;}
.pagination ul{margin:0 auto;}
.pagination li{float: left;border: 1px solid #ccc;display: inline;cursor: pointer;background: #fff;text-decoration:none;color:#333;line-height: 30px;margin-left: -1px;}
.pagination li.active{float: left;border: 1px solid #fa2f2f;display: inline;background-image: linear-gradient(269deg, #ff193a 0%, #ff5656 100%);color: #fff;line-height: 30px;margin-left: -1px;}
.pagination li:hover{float: left;border: 1px solid #fa2f2f;display: inline;background-image: linear-gradient(269deg, #ff193a 0%, #ff5656 100%);color: #fff;line-height: 30px;}
.pagination li:hover a{color:#fff;}
.pagination li.active a{color:#fff;}
.pagination li a{padding: 0 12px;color:#333;}

/* about */
.aboutUs{color: #ff6c00!important;}
.aboutUsr{position: relative;width: 100%;}
.aboutUsb {height: 280px;background: url(/static/home/images/banner-aboutus.png) center;text-align: center;color: #fff;}
.introduce-item{box-shadow: -8px 0px 49px 0pxrgba(0, 79, 154, 0.03);margin: 0 auto;margin-bottom: 30px;}
.company-profile{width: 100%;text-align: center;margin: 25px 0 30px 0;}
.company-profile span{margin: 0 atuo;width: 130px;font-size: 32px;font-weight: normal;color: #4c4c4c;padding-bottom: 14px;border-bottom: 3px solid #fa7d3c;}
.profires p{font-size: 16px;margin-bottom: 10px;color: #333;}
.profires p:first-child{line-height: 1.8;margin-bottom: 35px;}
.specials{color: #000;}
.troduces{color: #333;padding-top: 10px;font-size: 16px;}
.troduces p:first-child{font-size: 16px;margin-bottom: 10px;}
.types{color: #000;}
.concatCalk{width:90%;height: 240px;margin: 0 auto;display: flex;margin-top: 30px;justify-content: space-between;}
.concatCalk div{display: inline-block;width:48%;height: 240px;}
.phones {box-shadow: 0px 0px 21px 6px rgba(24, 131, 208, 0.15);}
.phones p{text-align: center;}
.phones p:first-child{width: 100%;margin-top: 35px;}
.phones p:nth-child(2){font-size: 26px;color: #fa2f2f;margin-top: 12px;}
.phones p:last-child{color: #666;font-size: 28px;padding-top: 10px;}
/* about end */

/*****用户协议*****/
.agreement_content {width:1200px;margin: 10px auto 30px;;background-color: #fff;}
.agreement_contact div {height: 20px;line-height: 20px;font-size: 12px;color: #98999c;text-align: center;}
.content_inner {width: 980px;margin: 0 auto;padding-top: 15px;}
.agreement h1 {width: 350px;margin: 30px auto;font-weight: normal;font-size: 36px;height: 36px;color: #666;}
.agreement p {color: #999;font-size: 16px;line-height: 60px;text-align: center;}
.agreement {width: 100%;border-bottom: 2px solid #e8e8e8;}
.context {width: 100%;margin: 20px auto;}
.agreement_first {margin-top: 40px;}
.agreement_first h5{text-align: left;font-weight: bold;}
.product {padding-top: 40px;display: flex;flex-direction: column;justify-content: center;}
.sep {width: 1px;height: 100px;margin-top: 70px;background-color: #5F5F5F;}
.p_center {padding: 0;display: flex;flex-direction: row;justify-content: space-around;}
.p_left,.p_right {margin-right: 30px;display: flex;flex-direction: column;}
.product .h3 {font-size: 16px;height: 40px;line-height: 40px;color: #fff;font-weight: normal;}
.product div,.product a {font-size: 14px;height: 30px;line-height: 30px;color: #d8d9db;}
.product a {text-decoration: none;cursor: pointer;}
.white {display: flex;flex-direction: column;}
.ercode img {margin-top: 50px;width: 110px;height: 110px;}
.logal img {margin-top: 77px;width: 162px;height: 48px;}
.who {width: 100%;height: 64px;background-color: #313339;}
/*****用户协议 end*****/

/******当前位置******/
.nav_links {height: 60px;line-height: 60px;}
.nav_links .links-page {margin: 0 auto;font-size: 14px;text-align: left;color: #999;}
.nav_links .links-page a {color: #999;}
.nav_links .links-page .links_index {color: #f95555;}
.nav_links .links-page .links_local {color: #333;}

/* 媒体内容页 */
.medias-info {border-radius: 10px;margin: auto;position: relative;}
.mediaInfo .detail{padding: 0 30px 20px 30px;height: 50px;overflow: hidden;color: #333;line-height: 24px;}
.mediaInfo .detail p{padding: 0 20px;}
.mediaInfo{margin-bottom: 20px !important;padding-bottom: 0 !important;}
.info-data {margin: auto;padding-bottom: 30px;border: 1px solid #ebebeb;}
.info-data h2 {font-size: 24px;color: #333333;padding:20px;}
.info-data h2 img {padding-right: 10px;}
.info-data .site {background-color: #ffffff;overflow: hidden;padding: 20px;}
.info-data .site .img {width: 200px;height: 200px;border: solid 1px #eeeeee;float: left;position: relative;}
.info-data .site .img img {max-width: 180px;max-height: 180px;position: absolute;}
.info-data .site .details {width: calc(100% - 220px);float: left;margin-left: 20px;}
.info-data .site .details h3 {font-size: 24px;line-height: 36px;color: #434343;}
.info-data .site .details .desc {font-size: 14px;line-height: 24px;color: #888888;margin-top: 10px;}
.info-data .site .details .price_1{color: #337ab7;}
.info-data .site .details .price_1:hover{color: #ff5b55;}
.info-data .classify {width: calc(100% - 220px);float: right;margin-top: 10px;}
.info-data .classify .went {width: 150px;height: 46px;background-color: #ee4138;border-radius: 5px;overflow: hidden;text-align: center;margin-top: 20px;}
.info-data .classify .went a {font-size: 14px;line-height: 46px;color: #ffffff;width: 100%;height: 100%;background-image: linear-gradient(269deg, #ff193a 0%, #ff5656 100%);display: block;}
@media screen and (max-width: 596px) {
.info-data .classify ul li {width: 50%;}
}

@media screen and (max-width: 992px) {
.info-data .site .img {display: none;}
.info-data .details {width: 100% !important;float: left;margin-left: 0px !important;}
.info-data .classify {float: left;width: 100%;}
}
/* 好媒推荐 */
.recommend {width: 1200px;margin: 0 auto 20px;}
.recommend-title {background: #ffffff;border-radius: 10px;padding: 20px 26px;}
.recommend-title i {font-size: 20px;color: #0866df;padding-right: 8px;}
.recommend-title span {font-size: 18px;color: #333333;}
.recommend-title ul li {width: 508px;height: 96px;background: #eeeeee;border: 1px solid #eeeeee;border-radius: 10px;padding: 17px 25px;margin: 19px 0;cursor: pointer;}
.recommend-title ul li:hover {background: #ffffff;}
.recommend-title ul {justify-content: space-around;display: flex;flex-wrap: wrap;}
.recommend-title ul li a {font-size: 18px;color: #333333;}
.recommend-title ul li:hover a {color: #0866df;}
.recommend-title ul li p {padding-top: 6px;font-size: 14px;color: #666666;padding-bottom: 24px;width: 388px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.recommend-title ul li a {font-size: 14px;color: #999999;}
.recommend-title ul li a:hover {color: #0866df;}
.recommend-title ul li a:hover span {display: inline-block;}
.recommend-title ul li a span {font-size: 16px;color: #999999;display: none;}
.analysis-btn {text-align: center;}
.analysis-btn a {display: inline-block;line-height: 44px;width: 148px;height: 44px;background: rgba(8, 102, 223, 0.8);border-radius: 10px;color: #ffffff;font-size: 20px;}
.analysis-btn a:hover {background: rgba(6, 89, 197, 0.8);}
.medias-info2 .star {position: absolute;bottom: -10px;right: -24px;width: 60px;height: 30px;background-color:#ff5328;color: #fff;transform: rotateZ(-45deg);line-height: 12px;display: none;}
.medias-info2.active .star {display: block;}
.medias-info2 .star i {font-size: 12px;position: absolute;top: 4px;left: 24px;color: #ffffff;}
/* 媒体内容页 end */

/* 账号列表 */
.hao_banner {background-color:#f5f8fa;background-size: 100% 100%;position: relative;padding-bottom: 20px;}
.hao .lists {margin: 0 auto;}
.hao .lists .head {height: 48px;width: 100%;line-height: 48px;border-bottom: 1px dashed #e5e5e5;background: #fff;}
.hao .lists .head .sort {width: 160px;display: inline-block;font-size: 14px;border-right: 1px solid #eeeeee;text-align: center;}
.hao .lists .head .sort.active {color: #eb0000;}
.hao .lists .list {background: #fff;margin-bottom: 20px;padding-left: 0px;}
.hao .lists .list .left {float: left;width:82%;margin-top: 20px;}
.hao .lists .list .left > div {margin-top: 10px;}.lists .list .left img {vertical-align: middle;}
.hao .lists .list .left span {font-size: 16px;font-weight: 500;position: relative;top: 0;color:#333;}
.hao .lists .list .left span:hover{color:#999;}
.hao .lists .list .left ul {height: 50px;}
.hao .lists .list .left li {float: left;padding: 0 24px;border-right: 1px solid #e5e5e5;color: #999999;font-size: 14px;}
.hao .lists .list .left li:first-child {padding-left: 0;}
.hao .lists .list .left li div:last-child {color: #000;font-size: 16px;}
.hao .lists .list .left li:first-child div:last-child {color: #f00;}
.hao .lists .list .left li:last-child {padding-right: 0;border-right: none;}
.hao .lists .list .right {float: right;margin-right: 25px;margin-top: 30px;}
.hao .lists .list .right div {text-align: right;color: #a1a1a1;}
.hao .lists .footer {height: 75px;border-top: 1px solid #f1f5fa;background: #fff;margin-top: -14px;line-height: 75px;}
.hao .lists .footer .el-pagination {position: relative;top: 20px;text-align: center;}
/* 账号列表 end */

/* 账号详情 */
.haos{width: 100%;height: 782px;background: url("/static/meijieyun/images/bg4.png");} 
.haos .haoInfo{margin: 0 auto;width:1200px;}
.haos .content{height: auto;background-color: #fff;border-radius: 20px;}
.haos .content .left{width: 74%;height: 100%;float: left;padding: 20px;box-sizing: border-box;/*  box-shadow: 10px 0  20px 0 #bfcedb; */background-color: #fff;border-top-left-radius: 20px;border-bottom-left-radius: 20px;position: relative;top: 0;left: 0;z-index: 1000;}
.haos .content .left .wechat{width: 753px;height: auto;display: inline-block;font-size: 20px;font-weight: 700;color: #000;}
.haos .content .left .wechat img{vertical-align: middle;}
.haos .content .left .collet{height: 60px;float: right;}
.haos .content .left .collet a{font-size: 14px;margin-left: 5px;color: #999;}
.haos .content .left .intro{color: #999;}
.haos .content .left .price{height: 67px;line-height: 67px;background-color: #f7f9fa;padding: 0 20px;margin: 20px 0;}
.haos .content .left .price>span:nth-child(1){font-size: 16px;font-weight: 700;color: #000;}
.haos .content .left .price>span:nth-child(2){color: #ff9900;font-size: 28px;font-weight: 700;}
.haos .content .left .price>span:nth-child(3){width: 53px;background-color: #236be7;display: inline-block;border-top-left-radius: 15px;border-bottom-right-radius: 15px;color: #fff;/* text-indent: 14px; */vertical-align:baseline;line-height: 28px;margin-left: 5px;padding: 0 10px;}
.haos .content .left .price>span:nth-child(4){color: #999;margin-left: 25px;}
.haos .content .left .price>span:nth-child(5){color: #236be7;margin-left: 25px;float: right;}
.haos .content .left .price>span:nth-child(5) img{vertical-align: middle;margin-right: 5px;}
.haos .content .left .lists{width: 100%;display: block;}
.haos .content .left .lists li{float: left;width: 141px;height: 76px;padding-top: 10px;border-right: 1px dashed #e5e5e5;padding-left: 30px;box-sizing: border-box;}
.haos .content .left .lists li div:first-child{font-size: 16px;font-weight: 500;}
.haos .content .left .lists li div:last-child{font-size: 14px;color: #999;}
.haos .content .left .lists li:nth-child(6n+1){padding-left: 0;}
.haos .content .left .lists li:nth-child(6n){border-right: none;}
.haos .content .left .motion{width: 100%;height: 67px;margin: 20px 0;}
.haos .content .left .motion a:nth-child(1) button{width: 166px;height: 67px;background-color: #236be7;color: #fff;border-radius: 5px;font-size: 18px;}
.haos .content .left .motion a:nth-child(2) button{width: 166px;height: 67px;border: 1px solid #236be7;color: #236be7;border-radius: 5px;font-size: 18px;margin-left: 10px;}
.haos .content .left .motion a:nth-child(3),.haos .content .left .motion a:nth-child(4){margin-left: 30px;text-align: center;color: #999999;}
.serial{height: 47px;line-height: 47px;border-top: 1px dashed #e5e5e5;color: #999999;}
.serial>span{padding: 0 28px;border-right: 2px solid #b0b0b0;}
.serial>span:first-child{padding-left: 0;}
.serial>span:last-child{border-right: none;}
.serial ul li{float: left;margin-right: 30px;}
.serial ul li img{vertical-align: middle;}
.haos .content .right{float: left;height: 100%;width:25%;border-top-right-radius: 20px;border-bottom-right-radius: 20px;background: #fff;border-left: 1px solid #bfcedb;}
.haos .content .right .head{width: 234px;height: 30px;margin: 27px auto 0;line-height: 30px;overflow: hidden;}
.haos .content .right .head .leftLine{width: 54px;height: 1px;background: linear-gradient(to right,#dde6f2, #236be7);margin-top: 14px;float: left;}
.haos .content .right .head .rightLine{width: 54px;height: 1px;background: linear-gradient(to right,#236be7,#dde6f2);float: right;margin-top: 14px;}
.haos .content .right .head .text{height: 24px;width: 126px;font-size: 22px;color: #3366ff;font-weight: 700;display: inline-block;text-align: center;}
.haos .content .right .avater{width: 183px;height: 290px;margin: 23px auto 10px;text-align: center;}
.haos .content .right .avater div:nth-child(2){font-size: 18px;}
.haos .content .right .avater div:nth-child(3){color: #fff;width: 106px;height: 21px;background: #236be7;border-radius: 10px;margin: 5px auto; }
.haos .content .right .tel{width: 100%;height: 67px;line-height: 67px;background: #fff;font-size: 18px;text-align: center;}
.haos .content .right .tel span{color: #ff8a00;}
.haos .content .right .connect{background: #236be7;}
.haos .content .right .connect a{color: #fff;}
.haos .content .right .connect a img{vertical-align: middle;}
.haos .content .right .weihaoyi{width: 100%;height: 60px;text-align: center;font-size: 18px;color: #999999;padding-top:5px;}
.haos .content .left .motion a:nth-child(3) button {width: 166px;height: 67px;border: 1px solid #236be7;color: #236be7;border-radius: 5px;font-size: 18px;}
.message{width: 100%;height: 1634px;background: #f1f5fa;}
.message .haoInfo{margin: 0 auto;width:1200px;}
.message .info{height: 400px;margin-top: 60px;background: #fff;}
.message .info .head{height: 65px;border-bottom: 1px solid #f1f5fa;line-height: 65px;}
.message .info .head span{display: inline-block;width: 160px;font-size: 18px;text-align: center;}
.message .info .head span.active{color: #fff;background: #236be7;}
.message .info .content{padding: 0 30px;}
.message .info .content>div:nth-child(1){height: 60px;font-size: 22px;font-weight: 700;line-height: 60px;border-bottom: 1px dashed #e5e5e5;}
.message .info .content>div:nth-child(2)>div:nth-child(1){height: 70px;font-size: 20px;font-weight: 700;text-align: center;line-height: 70px;}
.message .info .content>div:nth-child(2) .border{height: 2px;width: 48px;background: #236be7;margin: 0 auto;}
.message .info .content>div:nth-child(2)>div:nth-child(3){text-align: center;width: 920px;margin: 20px auto;font-size: 16px;color: #999;}
.message .info .content>div:nth-child(2)>div:nth-child(3) img:nth-child(1){vertical-align: top;}
.message .info .content>div:nth-child(2)>div:nth-child(3) img:nth-child(3){vertical-align: bottom;}
.message .data{height: 660px;margin-top: 40px;background: #fff;padding: 0 30px;}
.message .data .text{height: 73px;line-height: 73px;border-bottom: 1px dashed #e5e5e5;}
.message .data .text span:nth-child(1){font-size: 22px;font-weight: 700;margin-right: 25px;}
.message .data .text span:nth-child(2){font-size: 14px;color: #999;}
.message .data .tabs{}
.message .data .tabs ul{height: 125px;line-height: 125px;padding-top: 20px;box-sizing: border-box;display: flex;}
.message .data .tabs li{float: left;width: 167px;height: 83px;border: 1px solid #eee;flex: 1;margin-left: 25px;line-height: 83px;text-align: center;font-size: 16px;}
.message .data .tabs li:first-child{margin-left: 0;}
.message .data .tabs li button{width: 167px;height: 83px;color: #999;    }
.message .data .tabs li button.active{width: 169px;height: 114px;background: #236be7;margin-top: -10px;color: #fff;}
.message .data .tabs .img{height: 423px;border: 1px solid #236be7;text-align: center;padding-top: 20px;box-sizing: border-box;}
.message .path{height: 355px;background: #fff;margin-top: 40px;padding: 0 30px;}
.message .path div{height: 73px;line-height: 73px;border-bottom: 1px dashed #e5e5e5;font-size: 22px;font-weight: 700;margin-bottom: 45px;}
.display_er_code{    max-width: 248px;max-height: 248px;border: 1px solid #6a4cff;background-color: #ffffff;box-shadow: 0px 0px 21px 3px rgba(0, 0, 0, 0.1);position: absolute;top: 60px;left: -100px;z-index: 11;opacity: 0;transition: all 0.3s linear;}
.display_er_code_sin{width: 0;height: 0;border-width: 0px 7px 7px 7px;border-style: solid;border-color: transparent transparent #6a4cff transparent;position: relative;top: -7px;left: 100px;}
.display_er_code_sin:after{content: '';width: 0;height: 0;border-width: 0px 6px 6px 6px;border-style: solid;border-color: transparent transparent #ffffff transparent;position: absolute;top: 7px;bottom: 0;left: -6px;right: 0;margin: auto;}
.xhusha:hover .display_er_code{opacity: 1;}
/* 账号详情 end */

/*news*/
.blank20 {margin-top: 20px;}
.maincont{margin-bottom:30px;width: 100%;margin: 0 auto;}
.helpbody{margin-bottom:30px}
.wrapindex {}
.newsMation li {height: 125px;overflow: hidden;border-bottom: 1px #f0f0f0 solid;cursor: pointer;}
.newsMation li:hover{background:#efefef;}
.newsMation .mation_png {width:15%;height: 85px;float: left;margin-top: 20px;margin-left: 20px;}
.newsMation .mation_png img {width: 100%;height: 100%;}
.newsMation .mation_word {width:60%;padding-left: 10px;float: left;margin-top: 30px;}
.newsMation .mation_word h3 {font-size: 16px;color: #333;font-weight: bold;}
.newsMation .mation_word h3:hover {color: #fa2f2f;}
.newsMation .mation_word p {font-size: 14px;color: #999;line-height: 28px;}
.newsMation .mation_time {width:15%;height: 100%;font-size: 15px;color: #999;float: right;}
.newsMation .mation_time p {padding-top: 30px;padding-right: 10px;}
.newsMation .mation_time i {margin-top: 30px;padding-left: 40px;font-size: 13px;color: #b7b7b7;}
.wrap_fl {width: 75%;}
.wrap_fr {width: 24%;padding: 20px 0 10px;margin-bottom: 10px;}
.wrap_fr .wrap_fr_tit {font-size: 16px;color: #333;font-weight: 600;margin-bottom: 10px}
.wrap_fl .tabs{width: 100%;height: 80px;font-size: 18px;line-height: 80px;text-align: center;}
.wrap_fl .tabs a{color:#262626;}
.wrap_fl .tabs .tab{width: 20%;height: 100%;float: left;background: #fff;border-bottom: 1px solid #e7e7e7;cursor: pointer;}
.wrap_fl .tabs .tab.active{border-bottom: 4px solid #ff4d52; }
.wrap_fr_box .wrap_list_tit {font-size: 14px;color: #333;font-weight: 600;text-align: center;height: 38px;line-height: 38px;background-color: #EFEFEF;}
.wrap_fr_box .wrap_list_item {display: block;padding-top: 10px;border-bottom: 1px solid #EEEEEE;}
.wrap_fr_box .wrap_list_item h3 {color: #333;font-size: 14px;margin-bottom: 6px;font-weight: 400;}
.wrap_fr_box .wrap_list_item p {color: #999;margin-bottom: 3px;}
.wrap_fr .activity-fr-tit {font-size: 16px;color: #333;font-weight: 600;margin-top: 20px;margin-bottom: 32px;}
.wrap_fr .fr_item {height: 200px;width: 200px;background-color: #fff;border: 1px solid #ddd;text-align: center;padding: 10px;margin-bottom: 14px;}
.wrap_fr .fr_item .fr-img {height: 120px;width: 120px;line-height: 120px;border: 1px rgb(216, 216, 216) solid;border-radius: 50%;margin: 0 auto;overflow: hidden;}
.wrap_fr .fr_item .fr-img img {max-width: 94% !important;}
.wrap_fr .fr_item p {text-align: center;}
.wrap_fr .fr_item .item_name_tp {margin-top: 7px;}
.wrap_fr .fr_item .item_name_tp .pmr-btn {display: inline-block;height: 18px;line-height: 17px;color: #999;border: 1px rgb(216, 216, 216) solid;border-radius: 13px;padding: 0 7px;max-width: 90px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.wrap_fr .fr_item .item_name_tp .pmr-price {color: #f95555;font-size: 18px;float: right;margin-right: 10px;line-height: 18px;}
.activity_abt .activity_abt_tit {margin-left: 10px;font-size: 14px;}
.activity_abt .activity_abt_list {margin-left: 10px;padding-bottom: 30px;margin-top: 10px;}
.activity_abt .activity_abt_item {float: left;width: 200px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-right: 500px;color: #999;}
.activity_abt .activity_abt_item:nth-child(2n) {margin-right: 0px;}
.bor {border: 1px solid #ebebeb;background: #fff;border-radius: 10px;}
.article_left h1 {font-size: 24px;line-height: 32px;text-align: center;padding: 15px;}
.article_left .arttags {overflow: hidden;height: 36px;color: #999;margin-top: 30px;padding: 10px 10px;}
.article_left .artText{margin-top: 20px;line-height: 26px;text-indent: 2em;margin-bottom: 10px;font-size: 16px;padding: 10px 10px;overflow: hidden;}
.article_left .artText a{color:#ff5154;}
.article_left .artText a:hover{color:#999;}
.article_left .artSub {position: absolute;top: 0px;right: 10px;width: 50px;height: 90px;color: #fff;background-image: linear-gradient(269deg, #ff193a 0%, #ff5656 100%);text-align: center;}
.article_left .artSub p.art_read {padding-top: 5px;}
.artSub > .arrow, .artSub > .arrow:after {position: absolute;display: block;width: 0;height: 0;border-color: transparent;border-style: solid;}
.artSub > .arrow {border-width: 26px;}
.artSub.bottom > .arrow {bottom: -1px;left: 50%;margin-left: -26px;border-top-width: 0;border-bottom-color: #f95555;border-bottom-color: rgba(0, 0, 0, .25);}
.artSub > .arrow:after {content: "";border-width: 25px;}
.artSub.bottom > .arrow:after {bottom: -26px;margin-left: -25px;content: " ";border-top-width: 0;border-bottom-color: #fff;}
.article_left .artLabel {float: left;line-height: 38px;}
.article_left .artLabel a {margin-right: 10px;}
.article_left .artLabel-title {color: #999999;}
.artText p {line-height: 26px;text-indent: 2em;margin: 10px;}
.list_mood li {float: left;width: 380px;}
.list_mood li span.middot {background: #f95555;}
.aboutbody {position: relative;}
.art-title {font-size: 16px;height: 50px;line-height: 50px;}
.article_left {/* width:75%; */position: relative;background: #fff;border: 1px solid #ebebeb;margin-bottom: 30px;}
.article_right {width:24%;}
.tab_article ul li a {color: #666;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-left: 10px;font-size: 14px;line-height: 30px;}
.tab_article ul li a:hover {color: #fa2f2f}
.main_ad{margin: 10px;text-align: center;border: 1px #ddd dashed;}
.main_ad img{width:80%}
.artText img {max-width: 800px;height:auto;}
.nextpage{margin-top:50px;padding: 10px 10px;margin-bottom: 30px;}
.nextpage a {color: #666;}
.nextpage a:hover {color: #fa2f2f}
.tab_article .tab_article_title {height: 48px;line-height: 48px;border-bottom: 2px solid #eee;}
.tab_article .tab_article_title h3 {font-size: 16px;font-weight: bold;line-height: 45px;}
.tab_article .tab_article_title h3 .b_info {font-size: 14px;color: #999;font-weight: normal;}
.tab_article .tab_article_title a, .tab_article .tab_article_title span {float: left;display: inline;text-align: center;bottom: -2px;border-bottom: 2px solid #fa7d3c;color: #333;margin-right: 10px;cursor: pointer;margin-left: 10px;}
.tab_article .tab_article_title a.currot:hover, .tab_article .tab_article_title span.currot:hover {border-bottom: 2px solid #fa7d3c;color: #333;text-decoration: none;}
.tab_article .tab_article_title a.currot i {font-size: 36px;color: #999;}
.tab_article .mod_con {}
.art_ag{margin-top:20px;}
.label-list {overflow: hidden;}
.label-list li {width: 140px;margin-right: 20px;margin-bottom: 15px;}
/*news end*/