@charset "UTF-8";
/*首页banner*/
.bannerleft,.bannerright{height: 452px;margin:20px 0 10px;overflow:hidden;}
.bannerleft{float:left;width: 790px;}
.bannermain img{width:100%;height:452px;}
.bannerright{width:410px;float:right;}
.bannerright li{display:block;float:left;width:400px;height:224px;margin-left:10px;margin-bottom:10px;}
.bannerright li img{ width: 100%;}
.bannerright li {width:400px;height:224px;float:left;padding:0;position:relative;overflow:hidden;}
.bannerright li:hover .caption {opacity:1;}
.bannerright img {margin:0;padding:0;float:left;z-index:4;}
.bannerright .caption {position: absolute;opacity:0;cursor: pointer;
    -webkit-transition: all 0.45s ease-in-out;
    -moz-transition: all 0.45s ease-in-out;
    -o-transition: all 0.45s ease-in-out;
    transition: all 0.45s ease-in-out;}
.bannerright .blur {position:absolute;height:224px;width:400px;z-index:5;background-color:rgba(0, 0, 0, 0.65);}
.bannerright .caption-text {position:absolute;left:0;top:0;z-index:10;width:376px;height: 132px;padding:80px 12px 12px 12px;color:#fff;}
.bannerright .caption-text h2{color:#2cffff;font-weight:normal; font-size:22px;}
/*频道推荐文章*/
.imgboxs {overflow:hidden;padding-bottom: 20px;}
.imgboxs .imgs li{float:left;}
.imgboxs .imgs li .ggbox{width:380px;padding:4px;margin:4px;border:2px solid #ebebeb;background:#fff;}
.imgboxs .imgs li .ggbox img{width:372px;padding:4px; max-height:237px;}
/*频道tit图*/
.ltit{width:1200px;height:400px;padding:20px 0;position:relative;}
.jiajutit,.yingjiantit,.jiadiantit,.chuxingtit,.pingcetit{background-position:0 20px;}
.jiajutit{background:url(/templates/2018/imgs/banner2-01.png) no-repeat;}
.yingjiantit{background:url(/templates/2018/imgs/banner2-02.png) no-repeat;}
.jiadiantit{background:url(/templates/2018/imgs/banner2-03.png) no-repeat;}
.chuxingtit{background:url(/templates/2018/imgs/banner2-04.png) no-repeat;}
.pingcetit{background:url(/templates/2018/imgs/banner2-05.png) no-repeat;}
.bannerimg{position: absolute;top:0;left:0;width:100%;padding:20px 0;}
.bannerimg img{width:100%;}
/*栏目title*/
.wraptit{width:180px;height:94px;float:left;}
.wraptit span{color:#666666;line-height: 94px;font-size: 20px;}
.wraptit i{display: block;width:24px;height:24px;float:left;margin:35px 6px 35px 0; color: #349D59;}
/*公会头条*/
.topnew{ background: #EBEFF2; height: 380px;}
.topnew .wraptit i{background-position: -175px -85px;}
ul.topnewlist { overflow: hidden;height: 222px;}
.topnewlist li{position:relative;display:block;float:left;width:280px;height:220px;border: 1px solid #DCDCDC;margin:0 9px;background:#fff;}
.topnewlist li .timetag{position: absolute;top:10px;left: -9px; display: block; width: 90px; height: 28px;background-position: -0px -370px; font-size: 12px;line-height:20px;color:#fff;text-align: center; }
.ghcard1{position: relative;width:280px;height:220px;background:#fff;text-align:center;overflow: hidden;}
.ghcard1 h3{ line-height: 30px; font-size: 14px; font-weight: normal;}
.ghcard1 .ghcard1-image{width: 100%;float: none;display: inline-block;border-bottom:5px solid #43B269;transition: 0.4s;vertical-align: bottom;  }
.ghcard1 .ghcard1-image img{max-width: 100%; vertical-align: middle; max-height:156px;}
.ghcard1 .ghcard1-info{transition: 0.4s; }
.ghcard1 .ghcard1-info p{font-size: 12px; line-height: 24px; padding: 4px 6px; text-align: left; color: #a1a1a1;}
.ghcard1 .readmore{ display:block;width:100%;height:42px;float:left;line-height: 42px; margin-top: 4px; background-color: #43B269; color: #fff; font-size: 20px;   overflow: hidden;  transition: 0.4s;}
.ghcard1:hover .ghcard1-image{border-bottom: 0; border-radius: 0 0 54px 54px;  display: inline-block; overflow: hidden; width: 108px; transition: 0.4s;}
/*推荐文章*/
.indextuijian{ background: #fafafa;}
.indextuijian .wraptit i{background-position: -200px -85px;}
ul.tuijianlist li{ width: 590px; height:auto; -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2);  -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.2);   box-shadow: 0 1px 1px rgba(0,0,0,0.2); float: left; margin: 5px;background: #fff;-webkit-transition: .3s;-moz-transition: .3s;-o-transition: .3s;transition: .3s;}
ul.tuijianlist li:hover{ -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);  -webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);}
ul.tuijianlist li .cardtop{height: 44px; width: auto; }
ul.tuijianlist li .cardtop .aTit{ width: 460px; float: left;line-height: 44px; font-size: 16px; color: #43B269; margin-left: 10px; overflow:hidden;}
ul.tuijianlist li .cardtop .aTit a{display: block; width: 460px;line-height: 44px;height: 44px; font-size: 16px; color: #000000;}
ul.tuijianlist li .cardtopr{width: 100px; height: 44px;  float: right; margin-right: 10px;line-height: 44px;}
ul.tuijianlist li .cardtopr span{ display: block; width: 100px; float: left; line-height: 44px; text-align: right; color: #8a8a8a; font-size: 10px;}
ul.tuijianlist li .cardleft{ width: 320px; margin: 10px; float: left; overflow: hidden; }
ul.tuijianlist li .cardleft img{ width: 320px; transition: All 0.4s ease; }
ul.tuijianlist li .cardleft:hover .transimg{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
ul.tuijianlist li .cardright{ width: 248px;float: left;}
ul.tuijianlist li .cardright .desc{width: 238px; height: 144px; margin-right: 10px;}
ul.tuijianlist li .cardright .auth{width: 116px; height: 34px;  margin: 10px 10px 10px 0; float: left;}
ul.tuijianlist li .cardright .artunum{width: 110px;height: 34px; margin: 10px 10px 10px 0; float: left;}
ul.tuijianlist li .cardright .artunum .artunumlike{width: 50px;height: 34px;float: left; position: relative}
ul.tuijianlist li .cardright .artunum .artunumpl{width: 50px;height: 32px; line-height:32px; padding-left:15px; float: left; background: url("/skin/images/yan.png") no-repeat left  center;font-size: 12px;}

ul.tuijianlist li .cardright .artunum .artunumpl a{ display: block;width: 50px;height: 34px;}
ul.tuijianlist li .cardright .desc p{font-size: 12px; line-height: 24px; color: #8a8a8a; padding-top: 20px; text-align: justify;}
ul.tuijianlist li .cardright .desc a{font-size: 12px; line-height: 24px; color: #8a8a8a; text-align: justify;}
ul.tuijianlist li .cardright .authum{width: 30px; height: 30px; margin:1px 1px 1px 20px; border: 1px solid #fff; border-radius: 15px;float: left;}
ul.tuijianlist li .cardright .authum{background: #aae9e9;transition: All 0.2s ease;}
ul.tuijianlist li .cardright .authum i{ display:block; width: 30px; height: 30px; border-radius: 15px; background: url("../imgs/bg.png") no-repeat 0 -270px;}
ul.tuijianlist li:nth-child(2n+1) .cardright .authum i{background-position: 0 -270px;}
ul.tuijianlist li:nth-child(3n+2) .cardright .authum i{background-position: -30px -270px;}
ul.tuijianlist li:nth-child(5n+3) .cardright .authum i{background-position: -60px -270px;}
ul.tuijianlist li:nth-child(7n+4) .cardright .authum i{background-position: -90px -270px;}
ul.tuijianlist li:nth-child(11n+5) .cardright .authum i{background-position: -120px -270px;}
ul.tuijianlist li:nth-child(13n+6) .cardright .authum i{background-position: -150px -270px;}
ul.tuijianlist li:nth-child(17n+7) .cardright .authum i{background-position: -180px -270px;}
ul.tuijianlist li:nth-child(19n+8) .cardright .authum i{background-position: -210px -270px;}
ul.tuijianlist li:hover .cardright .authum{width: 30px; height: 30px;margin:1px 1px 1px 20px;border: 1px solid #a6df00; 
    -ms-transform: rotate(15deg);-webkit-transform: rotate(15deg);-o-transform: rotate(15deg);-moz-transform: rotate(15deg);transform: rotate(15deg);}
ul.tuijianlist li .cardright .auandlm{float: left; width: 68px; height: 32px; line-height:32px; padding-left:15px; background: url(/skin/images/zxicon.png) left center no-repeat;font-size: 12px;}
ul.tuijianlist li .auandlm span,
ul.tuijianlist li .cardright .auandlm b{float: left; width:68px;text-align: left; font-weight: normal;color: #333333; }
ul.tuijianlist li .cardright .auandlm b{ font-size: 12px;display: block; height: 18px; overflow: hidden;}
ul.tuijianlist li .cardright .auandlm span{font-size: 12px; line-height: 14px;}
ul.tuijianlist li .cardright .auandlm span i,
ul.tuijianlist li .cardright .auandlm span i.vd,
ul.tuijianlist li .cardright .auandlm span i.rw{ display: block; width: 12px; height: 12px; float: left; margin-left: 4px;}

ul.tuijianlist li .cardright .auandlm span i.vd{background: url(../imgs/spicon.png) center;background-size: 12px 12px;}
ul.tuijianlist li .cardright .auandlm span i.rw{background: url(../imgs/rwicon.png) center; background-size: 12px 12px;}

/*智能最新鲜*/
.newandfun{  padding-bottom: 40px; }
.indexzxx{ width: 636px; float: left;}
.indexzxx .wraptit i{ background-position: -0 -85px;}
.zxxlist{ width:636px;overflow: hidden;}
.zxxlist li{float:left;overflow: hidden;width:300px;height:168px;margin-bottom:10px;}
.zxxlist li:nth-child(2n){margin-left:10px;}
.zxxlist li figure {position:relative;display:block;float:left;overflow:hidden;width:300px;height:168px;margin:0;text-align:center;cursor:pointer;}
.zxxlist li figure img {position:relative;display:block;}
.zxxlist li figure figcaption {color: #fff;text-transform: uppercase;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.zxxlist li figure figcaption::before,
.zxxlist li figure figcaption::after {pointer-events: none;}
.zxxlist li figure figcaption,
.zxxlist li figure figcaption > a {	position: absolute;	top: 0;	left: 0;width: 100%;height: 100%;}
.zxxlist li figure figcaption > a {	z-index: 1000;white-space: nowrap;font-size: 0;opacity: 0;}
.zxxlist li figure h2 {	word-spacing: 2px; font-size: 16px;}
.zxxlist li figure h2,
.zxxlist li figure p {letter-spacing: 1px;font-size: 12px; line-height: 26px;}
figure.effect-jazz {background:#43B269; background: -webkit-linear-gradient(-45deg, #43B269,#174B89); background: linear-gradient(-45deg, #174B89,#43B269);}
figure.effect-jazz img {opacity: 1;}
figure.effect-jazz figcaption::after,
figure.effect-jazz img,
figure.effect-jazz p {-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
figure.effect-jazz figcaption::after {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-top: 1px solid #fff;border-bottom:1px solid #fff;    content: '';opacity: 0;-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;}
figure.effect-jazz h2,
figure.effect-jazz p {opacity: 0;-webkit-transform:scale3d(0.8,0.8,1);transform:scale3d(0.8,0.8,1);}
figure.effect-jazz h2 {padding-top: 20px;-webkit-transition:-webkit-transform 0.35s;transition: transform 0.35s;}
figure.effect-jazz p {padding:8px 38px;text-transform: none; font-weight: normal;}
figure.effect-jazz:hover img {opacity: 0.2;-webkit-transform: scale3d(1.05,1.05,1); transform: scale3d(1.05,1.05,1);}
figure.effect-jazz:hover figcaption::after {opacity: 1;-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);}
figure.effect-jazz:hover h2,
figure.effect-jazz:hover p {opacity: 1;-webkit-transform: scale3d(1,1,1);	transform: scale3d(1,1,1);}

/*生活智一招*/
.indexzyz{ width: 554px; float: left;}
.indexzyz .wraptit i{ background-position:  -25px -85px;}
.indexzyzcont{ width: 554px; height: 346px; border:1px solid #43B269; position: relative; overflow: hidden;}
.indexzyzcont ul { list-style: none;width: 554px; height: 270px;}
.indexzyzcont ul li{ display: block; width: 554px; height:270px;float: left;transition: All 0.4s ease; }
.indexzyzcont ul li img{ width: 546px; height: 338px; padding: 4px; }
.indexzyzcont ul li p{ display: block;position: absolute;bottom: 0; left: 0;width: 546px; height: 45px; color:#fff; text-align: center;}
.shzyzpagination{ position: absolute;z-index: 10; text-align: center;
    -webkit-transition: .3s;   -moz-transition: .3s;   -o-transition: .3s; transition: .3s;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);    }
.shzyzpagination .swiper-pagination-bullet,
.shzyzpagination .swiper-pagination-bullet-active{display: inline-block;border-radius: 0;background: #fff;height:8px;transition: All 0.2s ease;}
.shzyzpagination .swiper-pagination-bullet{width:8px;opacity: .6;}
.shzyzpagination .swiper-pagination-bullet-active{width: 24px;opacity: .9; }
.indexzyzcont .zyzfoot{position:absolute;z-index:5;bottom:0;left:0;width:100%;height:76px;background:#43B269;opacity:0.9;text-align:center;}
.indexzyzcont .zyzfoot h3,
.indexzyzcont .zyzfoot h3 span,
.indexzyzcont .zyzfoot p{ color: #fff; padding: 0;  margin-top: 5px; font-weight: normal;}
.indexzyzcont .zyzfoot h3{ font-size: 24px; line-height: 36px;}
.indexzyzcont .zyzfoot h3 span{font-size: 18px; line-height: 36px;}
.indexzyzcont .zyzfoot p{ font-size: 18px; line-height: 30px; }

/*智能大事件*/
.indexzndsj{background: #eceff1;}
.indexzndsj .container{position: relative;}
.indexzndsj .wraptit i{ background-position: -100px -85px;}
.indexzndsj .banner{ float: right;height:76px;width:588px;overflow: hidden;margin: 9px 5px;}
.indexzndsj .banner img{ float: right;}
.indexzndsjslide{ width:1140px; height: 378px; margin: 0 auto}
.indexzndsjslide .swiper-slide{width:256px; height: 378px;}
.indexzndsjslide .swiper-slide .timecircle{width:62px; height: 62px; border-radius:31px;margin:0 auto;background:#43B269;color: #fff }
.indexzndsjslide .swiper-slide .timecircle span{display: block; width:62px; height: 31px; text-align: center;  color: #fff; line-height: 31px; font-size: 16px;}
.indexzndsjslide .swiper-slide .timeline{ background: url(../imgs/timeline.png) repeat-x center; height: 20px; width: 100%; margin: 20px 0; }
.indexzndsjslide .swiper-slide .timeline span{ display: block; background: #43B269; height: 6px; width: 6px; margin:0 auto;border-radius: 10px; border: 7px solid #bfc3cb}
.indexzndsjslide .swiper-slide .timetitle{ width: 200px; font-size: 16px; color: #666; text-align: center; margin: 0 auto}
.indexzndsjslide .swiper-slide .timeimg{ width:256px; margin:15px auto}
.indexzndsjslide .swiper-slide .timeimg img{ width:100%;}
.timeline-next,
.timeline-prev{ position: absolute; width: 30px; height: 88px; background: #43B269 no-repeat center;  background-size: 13px 26px;}
.timeline-next{ top: 140px; right: 0; background-image: url(../imgs/pics-focustop-next.png);}
.timeline-prev{top: 140px;left: 0;background-image: url(../imgs/pics-focustop-prev.png); }
/*产品秀 联盟动态*/
.cpxandlmdt{ overflow:hidden; padding-bottom: 40px; }
/*产品秀*/
.indexcpx{ width: 590px;  float: left; margin-right: 20px;}
.indexcpx .wraptit i{ background-position: -225px -85px;}
.indexcpxcon{height: 330px; border: 1px solid #CCCCCC;}
.indexcpxcon .swiper-slide img{ width: 100%}
.indexcpxcon .cpx-pagination{ 
position: absolute;z-index: 10;text-align: center;
-webkit-transition: .3s;-moz-transition: .3s;-o-transition: .3s;transition: .3s;
-webkit-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.indexcpxcon .cpx-pagination .swiper-pagination-bullet,
.indexcpxcon .cpx-pagination .swiper-pagination-bullet-active{ height: 8px;display: inline-block; border-radius: 0;opacity: .8;}
.indexcpxcon .cpx-pagination .swiper-pagination-bullet{width: 8px;background: #fff; transition: All 0.2s ease;  }
.indexcpxcon .cpx-pagination .swiper-pagination-bullet-active{width: 24px;background: #43B269;}
/*联盟动态*/
.indexlmdt{ width: 590px; float: left;}
.indexlmdt .wraptit i,.artilm .wraptit i{ background-position: -250px -85px;}
.indexlmdtcon{height: 330px; width: 590px;border: 1px solid #CCCCCC;}
.indexlmdtwapper{height: 330px; }
ul.indexlmdtwapper li.swiper-slide{ height: 82px; width: 100%; overflow: hidden}
ul.indexlmdtwapper li img{ display: block; width: 100px; height: 58px; float: left; padding: 15px 15px 8px;}
ul.indexlmdtwapper li .info{ width: 430px; height: 58px; float: right;  padding: 15px 20px 8px 8px;}
ul.indexlmdtwapper li .info .title{ float: left; width:426px;  padding: 0; margin: 0;}
ul.indexlmdtwapper li .info .title h3{ float: left; font-size: 14px; color:  #666; line-height: 18px; padding: 0; margin: 0;}
ul.indexlmdtwapper li .info .title .time{ float: right; font-size: 14px; color: #666; line-height: 22px; padding: 0; margin: 0;}
ul.indexlmdtwapper li .info .desc{ float: left; font-size: 10px; color: #666; line-height: 18px; text-align: justify;}
.ilmdtcon-scrollbar{width: 6px; height: 98%; position: absolute; right: 1%; bottom: 3px; z-index: 50; }
.ilmdtcon-scrollbar .swiper-scrollbar-drag{ background: rgba(58,176,100,.5);border-radius: 10px;}
/*频道页联盟动态 热文排行*/
.hfmain{background: #EBEFF2;overflow: hidden;}
.hfmain .halfcon{ width:600px; float: left;}
.hfmain .artilm{ padding-bottom: 20px; }
.hfmain .artilm ul { width: 580px; height: 326px; overflow: hidden;}
.hfmain .artilm ul li { width: 580px; padding: 10px; border-bottom: 1px solid #D8D9DB; overflow: hidden;}
.hfmain .timebox{ width: 76px; height: 74px; float: left; position: relative; }
.hfmain .timebox .timeboxup{ width: 68px; height: 52px; float: left; background: #43B269; }
.hfmain .timebox .timeboxup .day,
.hfmain .timebox .timeboxup .mon,
.hfmain .timebox .timeboxdown .year{display: block; width: 68px;height: 20px; line-height: 20px; color:#fff; text-align: center;}
.hfmain .timebox .timeboxup .day{ padding-top: 10px; font-size: 20px}
.hfmain .timebox .timeboxup .mon{padding-bottom: 2px; font-size: 12px}
.hfmain .timebox .timeboxdown{ width: 68px; height: 24px; float: left; background: #2F8F50; }
.hfmain .timebox .timeboxdown .year{padding: 2px 0; font-size: 14px}
.hfmain .timebox .j{ display: block;width: 0;height: 0;border-top: 5px solid transparent;border-left: 8px solid #43B269;border-bottom: 5px solid transparent;position: absolute; right: 0; top: 15px; }
.hfmain .artilm .lmlist{ width: 480px; float: left; padding-left: 14px;}
.hfmain .artihot .hotlist{ width: 410px; float: left; padding-left: 12px;}
.hfmain .artilm .lmlist h3,
.hfmain .artilm .lmlist p,
.hfmain .artihot .hotlist h3,
.hfmain .artihot .hotlist p{padding: 0; margin: 0; color: #000000;-webkit-transition: .3s; -moz-transition: .3s;  -o-transition: .3s; transition: .3s; }
.hfmain .artilm .lmlist h3,
.hfmain .artihot .hotlist h3{ font-size: 14px; line-height: 28px; }
.hfmain .artilm .lmlist p,
.hfmain .artilm .lmlist span,
.hfmain .artihot .hotlist p,
.hfmain .artihot .hotlist span{font-size: 12px; line-height: 20px;}
.hfmain .artilm .lmlist:hover h3,
.hfmain .artihot .hotlist:hover h3{color: #43B269;}
.hfmain .artilm .lmlist p,
.hfmain .artihot .hotlist p{text-align: justify}
.hfmain .artilm .lmlist span,
.hfmain .artihot .hotlist span{ float: right;color: #43B269;}
.hfmain .artihot ul li{ padding: 10px; }
.hfmain .artihot .hotimg{ width:158px; height: 88px; float: left; position: relative; }
.hfmain .artihot .hotimg span{ display: block;position: absolute; top: -12px; right: -12px; width:24px; height: 24px; border-radius: 14px; border: 2px solid #fff; text-align: center; line-height: 24px; color: #fff;background: #EB6502;  }
.hfmain .artihot ul li:first-child .hotimg span{background: #E80012;}
.hfmain .artihot ul li:last-child .hotimg span{background: #F79702;}
.hfmain .artihot .hotimg img{ height: 88px; float: left; }

/*热度视频*/
.ihotv{ background: #ffffff; overflow: hidden;}
/*.ihotv .wraptit span{ color: #fff;}*/
.ihotv .wraptit i{ background-position: -275px -85px; width: 25px; margin-right: 10px;}
ul.ihotvcon li{display: block; width: 256px; height: 220px; background:#fff; float: left; margin: 20px;transition: All 0.4s ease; border: 2px solid #EBEFF2; }
ul.ihotvcon li:hover{display: block;border: 2px solid;
	border-image: -webkit-linear-gradient(left top,#43B269,#174B89) 2 2;
	border-image: -moz-linear-gradient(left top,#43B269,#174B89) 2 2;
	border-image: linear-gradient(to left top,#43B269,#174B89) 2 2;
	-webkit-transform: scale(1.2);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);}
ul.ihotvcon li .hvimg{ width: 100%; }
ul.ihotvcon li .hvimg img{display: block; width: 100%; }
ul.ihotvcon li .hvtitle{ width: 100%;background:#fff }
ul.ihotvcon li .hvtitle a{ display: block; font-size: 14px;text-align:center; padding: 12px; line-height: 24px; color: #000}
ul.ihotvcon li:hover .hvtitle a{ color:#43B269}
ul.consort-nr li,ul.consort-bnr li,.caption-style-1 li{-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;}
.vshijian{width:80px; float:right; margin-right:10px;}
.vzuozhe{width:80px; float:left;}

/*视频页*/
.videoList{width:100%; margin:0 auto; overflow: hidden; padding: 10px 0}
.vlbg1{ background: #fefefe}
.vlbg2{ background: #E5F5FC}
.vlbg3{ background: #fcfcfc}
.vlbg4{ background: #F0F2FA}
.vlbg5{ background: #fafafa}
.vlbg6{ background: #E8EAFA}
.vlbg7{ background: #f9f9f9}
.videoTitle{height:36px; line-height:36px; font-size:18px; color:#6a6a6a; margin:17px auto; clear:both; overflow:hidden}
.videoTitle span{float:left; height:36px; width:150px;padding-left:10px; border-left: 4px solid #28ac9e;line-height:36px; font-size:18px; color:#6a6a6a; }
.videoTitle a{display:block; float:right; width:150px; height:36px; line-height:36px; font-size:18px; color:#6a6a6a;}
.videoTitle .ckgd{  width: 100px;  font-size:14px;}
/*视频页改动*/
.vimgbox{width:880px; height:336px;	float:left;margin:10px;border:0 solid #000000; }
.htvideobox{ width:280px; height:336px;	float:left;margin:10px 9px;	overflow:hidden; border:1px solid #dedede;background:#fff;}
.htvideobox .swiper-wrapper li{ display:block; width:280px; height:336px; background:#fff;border-radius:5px; border:1px solid #dedede;  }
.videobg{height:380px;background:#3A3A3A;overflow:hidden; min-width:1100px}
.videobg video{ width:100%; min-width:1100px;}
.videobg span{	color:#fff;	font-size:72px;	position:absolute;	top:190px;	width:100%;	text-align:center;	letter-spacing:12px;}
.videobgtit{ position:absolute;	top:310px;	width:720px;	height:45px;	margin-left:-360px;	left:50%;}
.videobgtit ul li{ float:left; display:block; width:100px; height:45px;margin:0 10px;}
.videobgtit ul li a{display:block;width:100px;height:42px;font-size:14px;border-radius:5px;border:1px solid #fff;line-height:42px;color:#fff;z-index:5;	text-align:center;}
.videobgtit ul li a.active,.videobgtit ul li a:hover{background:#fff;color:#000;}
.vdesc{width:280px; height:336px; float: right;background: -moz-linear-gradient(top, #9cbdff, #2af598);/*火狐moz*/
	background: -webkit-gradient(linear,0% 0%,0% 100%,from(#9cbdff), to( #2af598));/*谷歌*/
	background: -webkit-linear-gradient(top,#9cbdff,#2af598);/*谷歌*/
	background: -o-linear-gradient(top,#9cbdff,#2af598);/*欧朋*/
	/*渐变背景色IE不兼容解决方案*/
	background-color:#9cbdff;
	/*IE<9>*/	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9cbdff',endColorstr='#2af598',GradientType=0);
	/*IE8+*/
	-ms-filter: " progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#9cbdff,endColorstr=#2af598)"; }
/*视频列表*/
ul.videoCon,ul.videoConh{width:1200px;}
ul.videoCon li,ul.videoConh li{display:block;width:280px; height:260px; background:#fff;border-radius:5px; border:1px solid #dedede; float:left; margin:10px 9px; }
.vImg{position:relative;}
.vImg img { width: 100%;border-radius:5px 5px 0 0; }
.vImg2{	text-align:center;	width:380px;overflow: hidden;}
.hotTb,.newTb,.hotTbg,.newTbg{width:54px; height:54px; display:block; position:absolute; z-index:200;top: -5px; left: -5px;}
.newTb{background-position:-300px -370px;}
.hotTb{background-position:-300px -424px;}
.zhezhaos{background: url(../imgs/videoplay.png) no-repeat center;
	background-size: 80px 60px;	display: block;height: 160px;opacity: 0;position: absolute;
	width: 280px;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-o-transition: all 0.6s;
	transition: all 0.6s;}
.zhezhaos:hover{opacity: 1;border-top-left-radius:5px; border-top-right-radius:5px; z-index:100; background-color: rgba(0,0,0,.3);}
.vCon{line-height:25px; padding:10px 15px; height:50px;}
.vCon a{font-size:16px; color:#36322f;}
.vCond{line-height:36px; padding:15px 15px; height:100px;}
.vCond a{font-size:24px; color:#FFFFFF;}
.vXinxi,
.vXinxid{width:260px; padding:0 15px;}
.vXinxi{line-height:18px; font-size:14px; color:#bbb;}
.vXinxid{line-height:25px; font-size:16px; color:#fff;}
.video_l,.video_r{width: 280px; height: 542px;border-radius: 5px;border: 1px solid #dedede; margin: 10px 9px;}
.video_m{float: left;width: 280px; height: 260px;border-radius: 5px;border: 1px solid #dedede; margin: 10px 9px;}
.video_m span{display: block;margin-top:20px;width: 280px;color:#fff;font-size:36px;text-align:center;	line-height:100px;	}
.video_m div{width: 100px; height: 100px;margin:20px auto; overflow: hidden;}
.video_l{ float: left;}
.video_r{ float: right; }
.video_l dt,.video_r dt{margin-top:50px;width: 280px;color:#fff;font-size:36px;	line-height:100px;	}
.video_l dd,.video_r dd,.video_l dt,.video_r dt,.video_q dt,.video_l span, .video_r span,.video_h span,.video_q span{text-align:center;} 
.video_l div,.video_r div{width: 100px; height: 100px;margin:100px auto; overflow: hidden;}
.video_l span, .video_r span,.video_h span,.video_q span{display:block;	width:100px; height:42px;border-radius: 5px;border: 1px solid #fff;line-height:42px;	color:#fff;	margin:8px auto;}
.djpcico{ background-position:0 -70px;}
.shzyzico{ background-position:-100px -70px;}
.znzxxico{ background-position:-200px -70px;}
.dyxcico{ background-position:-300px -70px;}
.dkftico{ background-position:-400px -70px;}
.zxsjico{ background-position:-500px -70px;}
.zngqico{ background-position:-600px -70px;}
.vhCon{line-height:25px; padding:15px 15px; height:30px;color:#fff}
.vhCon a{font-size:22px; color:#fff;}
.gdzxx{	width:100%;	border-top:6px double #F3F3F3;	margin-top:25px; padding:50px 0; color:#fff; font-size:24px; text-align:center;}
/*渐变背景*/
.linear1{
	background: -moz-linear-gradient(top, #7DE2FC, #1bebd6);/*火狐moz*/
	background: -webkit-gradient(linear,0% 0%,0% 100%,from(#7DE2FC), to( #1bebd6));/*谷歌*/
	background: -webkit-linear-gradient(top,#7DE2FC,#1bebd6);/*谷歌*/
	background: -o-linear-gradient(top,#7DE2FC,#1bebd6);/*欧朋*/
	/*渐变背景色IE不兼容解决方案*/
	background-color:#7DE2FC;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7DE2FC',endColorstr='#1bebd6',GradientType=0);
	-ms-filter: " progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#7DE2FC,endColorstr=#1bebd6)";
}
.linear2{
	background: -moz-linear-gradient(top, #1bebd6, #9cbdff);/*火狐moz*/
	background: -webkit-gradient(linear,0% 0%,0% 100%,from(#1bebd6), to( #9cbdff));/*谷歌*/
	background: -webkit-linear-gradient(top,#1bebd6,#9cbdff);/*谷歌*/
	background: -o-linear-gradient(top,#1bebd6,#9cbdff);/*欧朋*/
	/*渐变背景色IE不兼容解决方案*/
	background-color:#1bebd6;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1bebd6',endColorstr='#9cbdff',GradientType=0);
	-ms-filter: " progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#1bebd6,endColorstr=#9cbdff)";
}
.linear3{
    background: -moz-linear-gradient(top, #B9B6E5, #7DE2FC);/*火狐moz*/
    background: -webkit-gradient(linear,0% 0%,0% 100%,from(#B9B6E5), to( #7DE2FC));/*谷歌*/
    background: -webkit-linear-gradient(top,#B9B6E5,#7DE2FC);/*谷歌*/
    background: -o-linear-gradient(top,#B9B6E5,#7DE2FC);/*欧朋*/
    /*渐变背景色IE不兼容解决方案*/
    background-color:#7DE2FC;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#B9B6E5',endColorstr='#7DE2FC',GradientType=0);
    -ms-filter: " progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#B9B6E5,endColorstr=#7DE2FC)";
}
.linear4{
    background: -moz-linear-gradient(top, #36D1DC, #5B86E5);/*火狐moz*/
    background: -webkit-gradient(linear,0% 0%,0% 100%,from(#36D1DC), to( #5B86E5));/*谷歌*/
    background: -webkit-linear-gradient(top,#36D1DC,#5B86E5);/*谷歌*/
    background: -o-linear-gradient(top,#36D1DC,#5B86E5);/*欧朋*/
    /*渐变背景色IE不兼容解决方案*/
    background-color:#36D1DC;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36D1DC',endColorstr='#5B86E5',GradientType=0);
    -ms-filter: " progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#36D1DC,endColorstr=#5B86E5)";
 }
.linear5{
	background: -moz-linear-gradient(top, #66a6ff, #89f7fe);/*火狐moz*/
	background: -webkit-gradient(linear,0% 0%,0% 100%,from(#66a6ff), to( #89f7fe));/*谷歌*/
	background: -webkit-linear-gradient(top,#66a6ff,#89f7fe);/*谷歌*/
	background: -o-linear-gradient(top,#66a6ff,#89f7fe);/*欧朋*/
	/*渐变背景色IE不兼容解决方案*/
	background-color:#66a6ff;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#66a6ff',endColorstr='#89f7fe',GradientType=0);
	-ms-filter: " progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#66a6ff,endColorstr=#89f7fe)";
 }
.linear6{
	background: -moz-linear-gradient(top, #89f7fe, #9cbdff);/*火狐moz*/
	background: -webkit-gradient(linear,0% 0%,0% 100%,from(#89f7fe), to( #9cbdff));/*谷歌*/
	background: -webkit-linear-gradient(top,#89f7fe,#9cbdff);/*谷歌*/
	background: -o-linear-gradient(top,#89f7fe,#9cbdff);/*欧朋*/
	/*渐变背景色IE不兼容解决方案*/
	background-color:#89f7fe;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89f7fe',endColorstr='#9cbdff',GradientType=0);
	-ms-filter: " progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#89f7fe,endColorstr=#9cbdff)";
 }
.linear7{
	background: -moz-linear-gradient(top, #9cbdff, #2af598);/*火狐moz*/
	background: -webkit-gradient(linear,0% 0%,0% 100%,from(#9cbdff), to( #2af598));/*谷歌*/
	background: -webkit-linear-gradient(top,#9cbdff,#2af598);/*谷歌*/
	background: -o-linear-gradient(top,#9cbdff,#2af598);/*欧朋*/
	/*渐变背景色IE不兼容解决方案*/
	background-color:#9cbdff;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9cbdff',endColorstr='#2af598',GradientType=0);
	-ms-filter: " progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#9cbdff,endColorstr=#2af598)";
 }
/*评测*/
.pimgbox{ width:100%; height: 400px;margin: 0 auto;}
.pimgbox img{ width: 100%; height: 400px;}
.pingcelist{ list-style-type: none; margin: 0; padding: 0; }
.pingcelist li.pingceli { width: 360px; height: 250px;padding: 10px; margin:10px; overflow: hidden;border-radius:5px;float: left;z-index:0;background:#fff; position:relative;}
.pingcelist li .caption{width: 100%; position: absolute; top: 0; left: 0; cursor: pointer; z-index: 5;}
.pingcelist li .blur{ width: 360px; height: 202px; margin: 10px 10px 0 10px; background-color: rgba(0, 0, 0, 0.65); opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;	transition: all 0.3s;}
.pingcelist li .blur span{ display: block; height: 100px; width: 100px; margin: 0 auto;color: #fff; line-height: 100px; text-align: center;}
.pingcelist li .pctit{ width: 360px; height: 50px; padding: 0 10px 10px; margin: 0; background: #fff; overflow:hidden; }
.pingcelist li .pctit h3{font-size: 15px; padding: 0; margin: 0;line-height: 50px; color: #444; text-align: center;}
.pingcelist li .pcmoretext{ width: 360px; height: 100px; padding: 0 10px; background: #fff;border-top: 1px solid #eee;}
.pingcelist li .pcmoretext p span{ display: block; height: 30px; width: 120px; float: left; text-align: center; color: #666}
.pingcelist li .pcmoretext p{ line-height: 30px; font-size: 14px;color: #929292}
.pingcelist li:hover .blur{ height: 100px; opacity: 1;}
.pingcelist li:hover{ -moz-box-shadow: 0 10px 20px rgba(0,0,0,0.12);-webkit-box-shadow:0 10px 20px rgba(0,0,0,0.12); box-shadow: 0 10px 20px rgba(0,0,0,0.12);z-index:1;}

/*专题*/
ul.topiclist{ padding-top: 10px;}
ul.topiclist li,
ul.topiclist li .cover,
ul.topiclist li .titleinfo,
ul.topiclist li .srewm,
ul.topiclist li .smts{-webkit-transition: all 0.4s;	-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
ul.topiclist li{ width: 590px; height: 200px; border-radius: 8px; float: left; text-align: left; margin-right: 20px; margin-top: 10px; margin-bottom: 10px; position: relative; overflow: hidden; display: none;}
ul.topiclist li:nth-child(2n){ margin-right: 0;}
ul.topiclist li .poster{ width: 590px; height: auto;}
ul.topiclist li .poster img{ width: 590px; height: auto; margin-top: -50px; }
ul.topiclist li .cover{ width: 590px; height: 200px; position: absolute; top: 0; left: 0; opacity: 0;background: #43B269; background: -webkit-linear-gradient(-45deg, #43B269,#174B89); background: linear-gradient(-45deg, #174B89,#43B269);}
ul.topiclist li .titleinfo{position: absolute; bottom: 10px; left: 10px;opacity: 0;}
ul.topiclist li .srewm{ width: 0; height: 100px; background:#fff; position: absolute; top: 0; right: 0; padding:10px 0;}
ul.topiclist li .titleinfo h3{margin: 0; color: #fff;}
ul.topiclist li .smts {position: absolute; top:  120px; right: 0; width: 0;background: #fff;}
ul.topiclist li .smts img{width: 80px;}
ul.topiclist li:hover {-moz-box-shadow: 0 10px 20px rgba(0,0,0,0.12);  -webkit-box-shadow:0 10px 20px rgba(0,0,0,0.12);   box-shadow: 0 10px 20px rgba(0,0,0,0.12);}
ul.topiclist li:hover .cover{ opacity: 0.8}
ul.topiclist li:hover .titleinfo{ opacity: 1}
ul.topiclist li:hover .srewm{width: 100px; padding:10px;}
ul.topiclist li:hover .smts{ width: 80px; padding:0 20px;}

/*掌上公会*/
.consortia{ background:#F9F9F9;	}
.consort-top{padding-top:16px; position:relative;}
ul.consort-nr,ul.consort-bnr{width:100%; margin:30px auto 0;}
ul.consort-nr li,ul.consort-bnr li{	display:block;float: left; margin-right:30px; height:auto; margin-bottom:53px; background:#fff; position:relative;  z-index:0;}
ul.consort-nr li{   width: 277px; }
ul.consort-bnr li{    width: 174px;}
ul.consort-nr li:nth-child(4n){margin-right:0;}
ul.consort-bnr li:nth-child(6n){margin-right:0;}
ul.consort-nr li:hover,ul.consort-bnr li:hover{	-moz-box-shadow: 0 10px 20px rgba(0,121,255,0.12);-webkit-box-shadow:0 10px 20px rgba(0,121,255,0.12);
	box-shadow: 0 10px 20px rgba(0,121,255,0.12);	z-index:1;}
.c-title span img,ul.consort-nr li span,.b-title span{height:130px;}
ul.consort-bnr li span{height:100px;}
.c-title span{display: block; width: 130px; margin: 66px 70px 0;}
.c-title h2,.b-title h2{color:#9C9C9C;  line-height:30px; margin: 0;  padding:0;text-align: center;}
.c-title h3,.b-title h3{  width:28px; height:4px; background:#0079ff; margin:25px auto;}
.c-title p{  line-height:26px;  height:80px; font-size:14px;  text-align:center;  margin:0; padding:0 6px;	color:#2E2E2E;}
.c-title p i{font-style:normal; font-family: "Hiragino Sans GB", "冬青黑体简体中文 w3", sans-serif;}
.b-title span{ width:100px; margin: 30px 35px 0;}
.b-title span img{height:100px;width:100px;}
.ct-ptlogo{  background: url(../imgs/ctbg20.jpg) no-repeat;-webkit-transition: all 0.4s;	-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
.ctmobi .ct-ptlogo{ background-position: 0 0;}
.ctmobi:hover .ct-ptlogo{ background-position: 0 -130px;}
.ctwx .ct-ptlogo{ background-position: -130px 0;}
.ctwx:hover .ct-ptlogo{ background-position: -130px -130px;}
.ctwb .ct-ptlogo{ background-position: -260px 0;}
.ctwb:hover .ct-ptlogo{ background-position: -260px -130px;}
.ctxlkd .ct-ptlogo{ background-position: -390px 0;}
.ctxlkd:hover .ct-ptlogo{ background-position: -390px -130px;}
.ctwyxw .ct-ptlogo{ background-position: -520px 0;}
.ctwyxw:hover .ct-ptlogo{ background-position: -520px -130px;}
.ctfhxw .ct-ptlogo{ background-position: -650px 0;}
.ctttkb .ct-ptlogo{ background-position: -780px 0;}
.ctttkb:hover .ct-ptlogo{ background-position: -780px -130px;}
.ctshxw .ct-ptlogo{ background-position: -910px 0;}
.ctshxw:hover .ct-ptlogo{ background-position: -910px -130px;}
.ctjrtt .ct-ptlogo{ background-position: -1040px 0;}
.ctjrtt:hover .ct-ptlogo{ background-position: -1040px -130px;}
.ctqtt .ct-ptlogo{ background-position: -1170px 0;}
.ctuctt .ct-ptlogo{ background-position: -1300px 0;}
.ctuctt:hover .ct-ptlogo{ background-position: -1300px -130px;}
.ctdftt .ct-ptlogo{ background-position: -1430px 0;}
.ctdftt:hover .ct-ptlogo{ background-position: -1430px -130px;}
.ctbjsj .ct-ptlogo{ background-position: -1560px 0;}
.ctbdbj .ct-ptlogo{ background-position: -1690px 0;}
.ctzaker .ct-ptlogo{ background-position: -1820px 0;}
.ctzaker:hover .ct-ptlogo{ background-position: -1820px -130px;}
.ctxd .ct-ptlogo{ background-position: -1950px 0;}
.ctxd:hover .ct-ptlogo{ background-position: -1950px -130px;}
.ctlsp .ct-ptlogo{ background-position: -2080px 0;}
.ctlsp:hover .ct-ptlogo{ background-position: -2080px -130px;}
.ctjdfx .ct-ptlogo{ background-position: -2340px 0;}
.ctjdfx:hover .ct-ptlogo{ background-position: -2340px -130px;}
.ctsnyg .ct-ptlogo{ background-position: -2470px 0;}
.ctsnyg:hover .ct-ptlogo{ background-position: -2470px -130px;}
.cttbdr .ct-ptlogo{ background-position: -2210px 0;}
.cttbdr:hover .ct-ptlogo{ background-position: -2210px -130px;}
/*文章内容*/
.weizhi,.weizhi a{height:60px; line-height:60px; padding-left:10px; font-size:12px; color:#313133; }
.articlewrap{ width:780px; padding: 20px; border-radius:0 0 10px 10px; background: #fff;float:left; margin-bottom: 20px; position: relative;}
.artshowad{ width: 100%; height: 72px; }
.arttitle{ width:780px; height: 96px; padding-top: 10px; line-height: 48px; font-size: 24px; text-align: center; }
.arttitle h1{margin:0; line-height: 48px; font-size: 24px; text-align: center; }
.artinfo{ width: 780px; height: 30px; margin-bottom: 30px; text-align: center}
.artinfo span{ font-size: 14px; color: #888; line-height: 30px;}
.articon{ width:780px; height: auto; overflow: hidden; border-bottom:1px solid #eee;}
.articon img{ display: block; width:auto; max-width:780px; border-radius: 6px; margin: 8px auto;font-size: 16px;}
.articon p{ font-size: 16px; line-height: 32px; color: #333; text-align: justify;letter-spacing: 1px; padding: 10px 0 }
.articon div{ font-size: 16px; line-height: 32px; color: #333; text-align: justify;letter-spacing: 1px; padding: 0; margin: 0; }
.articon .bu{padding:3px; border-radius:3px;}
.wzCon p,.wzCon div{font-size:16px; color:#333; display:block; margin:20px 0; line-height:30px; letter-spacing:1px;}
.wzCon img{text-align:center; max-width:780px; border-radius: 8px;}
.wzCon h3{font-size:13px; color:#333; line-height:20px; font-weight:bolder; margin:30px 0;}


ul.commlist{font-size:12px; width:100%; margin:30px auto 0;}
ul.commlist li {border-bottom:1px dotted #999; padding:15px 0; display:block;}
ul.commlist li p{margin:10px 0;}
ul.commlist .uname{font-weight:bolder; font-size:13px;}
.plb{color:#333;}
.plh{color:#fff;}

/*文章内容页轮播*/
.lunbo-article {width:780px; height:529px; position:relative; margin:40px 0;}
.lunbo-article .al-pagination{text-align: center; }
.pre,.next{display:block; width:61px; height:75px; padding-top:19px; text-align:center; position:absolute; top:50%; margin-top:-47px; z-index:100; overflow:hidden; transition: all 0.3s ease 0s; *zoom:1 }
.pre:hover,.next:hover{ background-color:rgba(0,0,0,0.5);}
.pre{left:0; background: url(../imgs/pics-focustop-prev.png) no-repeat center;  }/*如果ie下无法看到自定义鼠标把这个鼠标文件的路径改为绝对路径就OK了*/
.next{right:0; background: url(../imgs/pics-focustop-next.png) no-repeat center;}
/*视频播放页*/
.videoshow{ width:780px; padding: 20px; border-radius:0 0 10px 10px; background: #fff;float:left; margin-bottom: 20px;}
.video_title{ width:780px;  height: 60px;}
.video_title .videoshare{ width:140px; height: 50px; float: left; position: relative;}
#vsharebox{ z-index: 9999; width: 140px; height: 140px;  background: #fff; padding: 10px; position: absolute; top: 50px; left: 0; -webkit-box-shadow:2px 2px 10px rgba(0,0,0,0.2);box-shadow: 2px 2px 10px rgba(0,0,0,0.2);}
#vsharebox:before{  position: absolute; display: inline-block;top: -10px;left: 55px;width: 0;height: 0;content: '';
      border-style: solid;border-width: 10px;border-color: #fff #fff transparent transparent;transform: rotate(-45deg); box-shadow: 2px -2px 4px #ccc;}
.video_title h1.title_top{ display: block;height: 50px;width:640px; font-size: 22px;line-height: 50px;  float: left;  color: #333;font-weight: 400; padding: 0; margin: 0; overflow: hidden;}
.videoPlayer{width:780px; margin:0 auto;}
.videoPlayer div{ position:relative;}
.videoPlayer div span{ display: block; position: absolute; top: 0; left: 0;width: 100%;height: 100%;  background: url(/templates/2019/imgs/playbtn.png) no-repeat center; background-size: 60px 60px;}
.videodesc,.videocomment{width:780px;}
.videozuozhe{ width:780px; height: 24px; line-height: 24px;}
.vcontents{width:600px; border-right:1px dotted #c0c0c0; padding-bottom:20px;}
.vcfx{width:570px; margin-left:30px; height:35px; line-height:35px;}
.fx01,.fx02,.fx03,.fxwb,.fxwx,.fxpy,.fxkj{float:left; display:block; margin-right:10px;}
.fx01{width:80px; font-size:11px; color:#333;}
.fx02{width:150px; font-size:11px; color:#9b9796;}
.fx03{width:40px; font-size:12px; color:#9b9796;}
/*分享按钮*/
.bshare-customs{float:left; position:relative; height:44px}
.bshare-customs a{display:block;width:35px; height: 35px; margin: 12px 3px;}
/*分享*/
.leftshare{ width:60px; height: 240px; background: #fff;   -webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2); position: absolute; top:100px; left: -70px;box-shadow: 0 5px 10px rgba(0,0,0,0.2); }
.leftshare  span{ display: block; width:60px; height: 60px;  -webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow: 0 5px 10px rgba(0,0,0,0.2); }
.leftshare  span.dffxbg{ background-position: -200px -370px; }
.leftshare .share{ width:60px; height: 180px; }
.leftshare .share a{ display: block; width:36px; height: 36px; margin: 12px 12px 0; padding-bottom: 10px; cursor:pointer; }
.leftshare .share a.wweibo { background-position:  -100px -370px; }
.leftshare .share a.wpengyou { background-position: -100px -405px;}
.leftshare .share a.wkongjian { background-position:  -100px -475px;}
#sharebox{ z-index: 9999; width: 140px; height: 140px;  background: #fff; padding: 10px; position: absolute; top: 80px; left: 80px; -webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow: 0 5px 10px rgba(0,0,0,0.2);}
#sharebox:before{  position: absolute; display: inline-block;top: 60px;left: -10px;width: 0;height: 0;content: '';
      border-style: solid;border-width: 10px;border-color: #fff #fff transparent transparent;transform: rotate(-135deg); box-shadow: 2px -2px 4px #ccc;}
.fxwb,.fxwx,.fxpy,.fxkj{width:35px; height:35px; border-radius:35px; background-color:#f5f5f5; cursor:pointer;}
.fxwb{background-position:-100px -370px;}
.fxwb:hover{background-color:#f74864; background-position:-135px -370px; border:0; border:none;}
.fxwx{background-position:-100px -405px;}
.fxwx:hover{background-color:#86cc58; background-position:-135px -405px; border:0; border:none;}
.fxpy{background-position:-100px -440px;}
.fxpy:hover{background-color:#f57656; background-position:-135px -440px; border:0; border:none;}
.fxkj{background-position:-100px -475px;}
.fxkj:hover{background-color:#ffba00; background-position:-135px -475px; border:0; border:none;}
.vcxq{width:570px;}
.xqTitle{font-size:12px; color:#696969; line-height:15px; margin-bottom:20px; margin-top:20px;}
.xqTitle span{float:left;}
.xqCon{font-size:12px; color:#2e3336; line-height:26px; text-indent:23px;margin-bottom:35px;}
#xqHide{display:none;}

.plTitle{width:780px; line-height:29px; margin-bottom:35px;}
.plt{width:100px; height:25px; line-height:25px; color:#555; border-bottom:4px solid #fe5a61; float:left;}
.plx{width:680px; height:27px; border-bottom:2px solid #f6f6f6; float:left;}
.plInput textarea{width:760px; height:140px; border:1px solid #f2f2f2; background-color:#e5e5e5; padding:10px; font-family:"宋体", song, sans-serif; font-size:14px; color:#575654;}

.plTitlea{width:780px; line-height:29px; margin-bottom:35px;}
.plta{width:100px; height:25px; line-height:25px; color:#555; border-bottom:4px solid #fe5a61; float:left;}
.plxa{width:680px; height:27px; border-bottom:2px solid #f6f6f6; float:left; color:#555;}
.plInputa textarea{width:760px; height:140px; border:1px solid #f2f2f2; background-color:#e5e5e5; padding:10px; font-family:"宋体", song, sans-serif; font-size:14px; color:#575654;}

.button{width:125px; height:40px; line-height:40px; background-color:#43B269; color:#FFF; font-size:16px; cursor:pointer; margin-top:18px; text-align:center;}
.button:hover{background-color:#174B89;}
.bdBtn .user{width:300px; height:40px; float:right;margin-top:18px;}
.bdBtn .user .toux {width:36px; height:36px;border-radius:18px; border:2px solid #eee; overflow:hidden;float:left;}
.bdBtn .user .userNameText {width:250px; height:40px; float:right;}
.bdBtn .user .userNameText span{ display:block;width:100px; height:40px; line-height: 40px;float:left;}
.bdBtn .user .userNameText a{ display:block;width:100px; height:40px; line-height: 40px;background-color: #fe5a61; color: #FFF; font-size: 16px;  cursor: pointer; text-align: center;float:right;}
/*文章右边栏样式*/
.conright{width:360px; float:right; position:relative;}
.conright .rightimg{ width:360px; /*height: 220px; */overflow-x: hidden;}
.conright .hottjwrap{ width:340px; height: auto; padding: 10px; overflow: hidden; background: #fff; border-radius: 6px; border: 1px solid #E0E0E0;}
.conright .lmNewTitle{ width: 340px; height: 30px;}
.conright .lmNewTitle .lmTitle{ font-size: 17px; color: #444; font-weight: bold;display: block; width: 180px; height: 18px; line-height: 18px; margin-left: 5px; }
.conright .hottjwrap .znNewList{ width: 340px; overflow: hidden }
.conright .hottjwrap .znNewList ul li{ width: 340px;  margin-bottom: 18px}
.conright .hottjwrap .znNewList ul li .znImg{ width: 150px; height: auto; float: left;}
.conright .hottjwrap .znNewList ul li .znImg img{ width: 100%;}
.conright .hottjwrap .znNewList ul li .znText{ width: 180px; padding-left: 10px; float: left;}
.conright .hottjwrap .znNewList ul li .znText a{ font-size: 14px; line-height: 28px; color: #222}
.conright .hottjwrap .znNewList ul li .znText span{ display: block; width: 180px; height: 30px; text-align: right; font-size: 12px; line-height: 30px; color: #222}
.conright .videotargit{ width:340px; height: auto; padding: 10px; overflow: hidden; background: #fff; border-radius: 6px; border: 1px solid #E0E0E0; margin-top: 15px;}
.conright .videotargit .vtargit ul li{ border: 1px solid #f0f0f0; float: left; margin-right: 20px; margin-bottom: 20px;  background: #fff;}
.conright .videotargit .vtargit ul li a{font-size: 14px; font-family:"宋体", song, sans-serif; color: #555; padding: 10px 15px; display: block;}

/*搜索页面*/
.search-words {border: 1px solid #f0f0f0; height: 60px; padding-left: 20px; width: 780px;}
.search-words p{ font-size: 18px;color:#333; line-height: 60px; width: 780px;}
.search-words p b{ font-size: 18px;color:#174B89; line-height: 60px; margin: 0 5px;}
.searchcon{ width:800px; float: left;}
.search-list-warp ul,.search-list-warp ul li{list-style-type: none;}
.search-wrap-list-ul li {width:100%;height: 150px;border: 1px solid #f0f0f0;background: #fff;padding:5px 0 12px; margin: 15px 0;border-radius: 8px; }
.search-wrap-list-ul li .thumimg{ float: left; width: 230px; padding: 12px;}
.search-wrap-list-ul li .thumimg img{ width: 100%;}
.search-wrap-list-ul h2 {float: left; width: 534px; margin:8px 0; font-weight:500;}
.search-wrap-list-ul h2 a{color:#333;font-size: 20px; line-height: 28px;}
.search-wrap-list-ul em {color: #fe5a61; font-style: normal;}
.search-wrap-list-ul .mob-summay { float: left; width: 534px; color: #bbb; font-size: 14px; line-height: 28px; margin-top: 8px;}
.search-wrap-list-ul .mob-author { float: left; width: 534px; color: #bbb; 	font-size:14px; padding: 10px 0;}
.mob-author .time { margin-left: 30px;float:left;}
.mob-author .name{float:left;}
.mob-author .name, .mob-author .time, .mob-author em { color: #bbb; font-style: normal;line-height: 24px;}
.page_list{height: 60px; width: auto; margin: 10px auto}
.page_list a{ display: block; float: left; height: 40px; width: 40px; margin: 6px; background: #43B269; line-height: 40px; text-align: center; color: #fff}
.page_list a.on{ display: block; float: left; height: 40px; width: 40px; margin: 6px; background: #174B89;}

.conright .rtj,.conright .rlm{width:358px; height: auto; padding: 10px; overflow: hidden; background: #fff; border-radius: 6px; border: 1px solid #E0E0E0; margin: 15px 0;}
.conright .rtj{ margin-top:76px}
.conright .rtj ul li.rtjvli{ width: 358px; height: 200px; margin-bottom: 12px; position: relative;}
.conright .rtj ul li.rtjvli .rtjimg{ width: 358px; height: 200px;}
.conright .rtj ul li.rtjvli .rtjimg img{ width: 358px;}
.conright .rtj ul li.rtjvli .rtjimg .rtjcover{ width: 358px; height: 200px; position: absolute; top: 0; left: 0; background: #222222; opacity: 0; -webkit-transition: all 0.4s;	-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
.conright .rtj ul li.rtjvli .rtjimg .rtjcover:hover{opacity: 0.8;}
.conright .rtj ul li.rtjvli .rtjimg .rtjcover a{ display: block; width: 358px; height: 200px;}
.conright .rtj ul li.rtjvli .rtjimg .rtjcover a h3{ width: 358px; line-height: 200px; text-align: center; padding: 0; margin: 0; font-size: 16px; color: #fff;}
.rlm .rightlmdt ul li.lmdtli { width: 100%; padding: 8px 0; height: 60px; border-top: 1px dashed #e1e1e1}
.rlm .rightlmdt ul li:first-child { border-top: 0 dashed #e1e1e1}
.rlm .rightlmdt ul li.lmdtli img {display: block; width: 100px; height: 58px; float: left;  padding:0;}
.rlm .rightlmdt ul li.lmdtli .info {display: block; width: 250px; height: 58px; float: left;  padding:0; margin-left: 8px;}
.rlm .rightlmdt ul li.lmdtli .info h3{ font-size: 14px; line-height: 16px; font-weight: normal; margin: 0; padding: 0; color: #333}
.rlm .rightlmdt ul li.lmdtli .info .desc{ font-size: 12px; line-height: 16px; font-weight: normal; padding-top: 8px; color: #666}

/*关于*/
.usContent{width:960px; margin:0 auto;}

.imgb{width:1000px; padding-top:27px; text-align:center;}
.imgbs{width:1198px; padding-top:2px; text-align:center;}
.usTitle{height:52px; width:254px; background-color:#28ac9e; text-align:center; color:#FFF; font-size:27px; margin:40px 0; line-height:52px;}
.usCon{font-size:17px; color:#424041; line-height:32px; width:1100px; margin-left:30px;}
.ustitle{font-size:17px; color:#fe5a61; line-height:100px; height:100px;}
.usleftCon{width:400px; float:left; margin-right:35px;}
.usrightCon{width:665px; float:left;}
.usrightCon .dituContent{  width: 600px;height: 350px;}
.usList{margin-bottom:25px; height:38px;}
.db,.te,.ph,.em,.qq,.wx{width:41px; height:38px; float:left; margin-right:9px;}
.wz{width:350px; float:left; height:38px; line-height:38px; font-size:17px; color:#424041;}

.db{background-position:0 -400px;}
.te{background-position:0 -440px;}
.ph{background-position:0 -440px;}
.em{background-position:0 -480px;}
.qq{background-position:0 -524px;}
.wx{background-position:0 -566px;}
/*广告*/
.adwrap1{ float: right;  margin: 9px 5px; height:76px; width: 890px; overflow: hidden; }
.adwrap2{ float: right;  margin: 9px 5px; height:76px; width: 588px; overflow: hidden; }
.adwrap3{ float: right;  margin: 9px 5px; height:76px; width: 360px; overflow: hidden; }
.adwrap4{ float: right;  margin: 9px 5px; /*height:90px;*/ width: 1190px; overflow: hidden; }
.ad{ position: relative; width: 100%; height: auto; float: right;}
.ad img{ float: right;}
.ad span{ position: absolute; bottom: 0; right: 0; background: #444444; color: #fff; font-size: 12px; padding: 4px; opacity: 0.5; border-radius: 8px 0 0 0}
.navbar-toggle,.navbar-on  { display: none;}

@media screen and (max-width:860px){
    .bannerright,.nav,.topnew,.ihotv,.yqlj,.footer .center,.searchbox,.adwrap2 {display:none;}
    html,body,.container,.bannerleft {width:100%; max-width:750px; min-width:auto; margin:0 auto;}
    .footer {min-height:97px; max-width:750px; min-width:auto;margin:0 auto;}
    .footer .center{margin:0 auto;width:100%;max-width:750px; min-width:auto;}
    .Copyr {min-width:100%;max-width:750px; min-width:auto;}
    .bannermain img {height:auto;}
    .bannerleft {height:auto;}
    .headerlogo {width:80px; height:80px; margin:10px auto; float:none;}
    ul.tuijianlist li { width:calc(100% - 10px);}
    ul.tuijianlist li .cardtopr {float:none;}
    ul.tuijianlist li .cardtopr span {text-align:left;margin-left:10px;}
    ul.tuijianlist li .cardright {width:calc(100% - 20px); margin:0 10px; }
    ul.tuijianlist li .cardright .desc {width:100%; height:auto;}
    ul.tuijianlist li .cardtop .aTit { width:calc(100% - 20px);}
    ul.tuijianlist li .cardtop .aTit a { width:calc(100% - 20px);}
    ul.tuijianlist li .cardleft { width:calc(100% - 20px);}
    ul.tuijianlist li .cardleft img {width:100%;}
    
    .icon-bar {
        transition: all .3s ease-out .3s;
        background: #999;
    }
    .navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    }
    .navbar-toggle {
        display: block;
        margin: 14px 0 0;
        transition: all .3s ease-out 0s;
    }
    .navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 23px;

    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    }
    .navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px;
    }
    .header ul.nav { display:none; position:fixed; right:0px; top:0px; z-index:9999; width:40%; height:calc(100% - 100px); background-color:#ffffff; padding-top:100px;}
    .header ul.nav li { width:100%;}
    .header ul.nav li a{ color:#000000; width:100%; height:40px; line-height:40px; text-align:center;}
    
    
    .navbar-on {
        display: none;
        position: absolute;
        top: 38px;
        right:25px;
        z-index: 9991000;
       
        background: none !important;
        border: 0 !important;
    
        transition: all .3s ease-out 0s;
         width: 34px;
        height: 34px;
    }

    .navbar-on .icon-bar {
        transition: all .3s ease-out .3s;
        background: #000000 !important;
          display: block;
          width: 22px;
    height: 2px;
    border-radius: 1px;
    }
    .navbar-on .icon-bar-1 {
        margin-bottom: 0;
        -webkit-transform: rotate(-45deg) translate(3px, 5px);
        transform: rotate(-45deg) translate(3px, 5px);
    }
        .navbar-on .icon-bar-3 {
        -webkit-transform: rotate(45deg) translate(4px, -5px);
        transform: rotate(45deg) translate(4px, -5px);
    }
    .menu-item{
        border-bottom:1px solid #cccccc ;
    }
    .menu-item:first-child {border-top:1px solid #cccccc ;}
    .ltit {width:100%; height:auto; padding:0px; margin-bottom:10px;}
    .chuxingtit { width:100%;padding:0px;}
    .bannerimg {position:relative;padding:0px;}
    .articlewrap {width:calc(100% - 40px);}
    .arttitle,.artinfo,.articon { width:100%;}
    .conright {display:none;}
    .conright img { width:100%!important; max-width:100%;}
    .articon img {max-width:100%;}
    
}

