a,article,aside,b,body,code,div,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,html,i,img,ins,label,li,p,ul{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}*,::after,::before{box-sizing:inherit},html{box-sizing:border-box}a{text-decoration:none;color:inherit}html *{max-height:100000px}body{font-family: "Microsoft YaHei","\5fae\8f6f\96c5\9ed1";overflow-x:hidden} body{background: #eff7f1 url(../images/gsbg.png) no-repeat top center;background-size: 100% 390px;} ul li,ol li{list-style:none}em{ font-style:normal;}u{text-decoration: none} /*body::before {content: "";position: absolute;top: 0;left: 0;right: 0;height: 100%;background: linear-gradient(180deg, #ffebe9 0%, #ffc9a2 , #FFF6F5 , #fff6f5 100%);}*/ .g-w1200{width: 100%;max-width: 1200px;margin: 0 auto;}.fl{float: left;}.fr{float: right;} .margintop20{margin-top: 20px;}.overflow{overflow: hidden;} .displayFlex {display: flex;}.downleft{border-radius: 12px;background: #fff;} .header{position: relative;width: 100%;z-index: 1;} /*.header::before {content: "";position: absolute;top: 0;left: 0;right: 0;height: 88px;background: #FF6947;z-index: -1;}*/ .header .headWrap {overflow: hidden;height:90px;/*margin-top:20px;*/background:#fff;box-shadow: 0px 2px 5px 0px rgba(220,51,5,0.12);border-radius:0 0 65px 65px;padding:0 55px 0 32px;display: flex;align-items: center;justify-content: space-between;} .header .headWrap a.logo{width:200px;height: 56px;overflow: hidden;display: block;overflow: hidden;color: #30a57b;font-size: 24px;font-weight: bolder;line-height: 72px;text-align: center;} .header .headWrap a.logo img{height:56px;width: 200px;display: block;} .header .headWrap ul{flex: 1;overflow: hidden;display: flex;align-items: center;height: inherit;} .header .headWrap ul li{margin-left: 50px;height: 72px;position: relative;z-index: 0;vertical-align: top;display: inline-block;text-align: center;font-size: 18px;color: #fff;} .header .headWrap ul li a {line-height: 72px; position: relative;display: flex;font-size: 18px;color: #1B1B1B;/*font-weight: bolder;*/} .header .headWrap ul li a i.icon{width: 18px;display: block;height: 18px;background: url(../images/icon2.png) no-repeat;background-size: 470px;margin-top: 27px;margin-right: 4px;} .header .headWrap ul li a i.syico{background-position: 0px 1px;} .header .headWrap ul li a i.yxico{background-position: -19px 0px;} .header .headWrap ul li a i.rjico{background-position: -37px 1px; height: 19px; background-size: 480px;} .header .headWrap ul li a i.zxico{background-position: -113px 1px;height: 19px;background-size: 480px;} .header .headWrap ul li a i.phico{background-position: -94px 0px;height: 19px;background-size: 480px;} .header .headWrap ul li.current:after, .header .headWrap ul li:hover:after {display: block;width: 22px;height: 3px;background: #30a57b;} .header .headWrap ul li:after {content: "";position: absolute;width: 0;height: 0;bottom: 15px;border-radius: 25px; left: 0;right: 0;margin: auto;background-color: transparent;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;} .header .headWrap ul li.current a, .header .headWrap ul li a:hover{color:#30a57b;} .header .headWrap ul li.current i.syico ,.header .headWrap ul li a:hover i.syico{background-position:0px -17px;} .header .headWrap ul li.current i.yxico ,.header .headWrap ul li a:hover i.yxico{background-position: -19px -19px;} .header .headWrap ul li.current i.rjico ,.header .headWrap ul li a:hover i.rjico{background-position: -37px -19.5px;background-size: 480px;} .header .headWrap ul li.current i.zxico ,.header .headWrap ul li a:hover i.zxico{background-position: -113px -18.2px;background-size: 480px;} .header .headWrap ul li.current i.phico ,.header .headWrap ul li a:hover i.phico{background-position: -94px -19.5px;background-size: 480px;} /*.swiperCont{background-color: #fff;overflow: hidden;border-radius: 12px;}*/ .swiperBox{overflow: hidden;border-radius: 12px;background-color: #fff;} .swiperBox .swiper-slide img{height: 100%;width: 100%;display: block;border-radius: 12px;} /*.swiperBox .swiper-slide p{position: absolute;bottom: 0;left:0px;right: 0px; padding-right: 120px;padding-left: 20px; background:url(../images/rgba50.png);height: 45px;line-height: 45px;color: #fff;font-size: 16px;border-radius: 0 0 4px 4px;}*/ .swiperBox .swiper-slide div {display: block;position: absolute;z-index: 1;top: 0;left: 0;padding-left:100px;min-width: 400px;max-width: 530px;height: 100%;background: linear-gradient(90deg, rgba(22,22,22,1), transparent);/* border-radius: 20px; */} .swiperBox .swiper-slide div img.iconapp {display: block;width: 95px;height: 95px;border-radius: 14px;margin: 90px 0 15px;border: 3px solid #fff;} .swiperBox .swiper-slide div p {display: block;margin-bottom: 10px;font-size: 18px;color: #fff;text-shadow: 0 1px 1px rgba(0, 0, 0, 1);line-height: 28px;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .swiperBox .swiper-slide div span {display: block;margin-top: 5px;font-size: 13px;color: #fff;text-shadow: 0 1px 1px rgba(0, 0, 0, 1);line-height: 28px;/*font-weight: bold;*/overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .swiperBox .swiper-slide div span font{color: #fff !important;} .swiperBox .swiper-slide div em.btn{display: block;overflow: hidden;background-color: #299971;color: #fff;font-size: 14px;text-align: center;width: 120px;height: 32px;line-height: 32px;border-radius: 20px;margin-top: 14px;} .swiperBox .swiper-slide div em.btn:hover{background-color: #24a577;} .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{background-color: #299971;width: 25px;border-radius: 25px;} .swiper-container-horizontal>.swiper-pagination-bullets{height: 13px;right:50%; margin-right: -32px; width:64px !important; left:auto!important ;} .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 3px !important; opacity: 1!important;} .swiper-container-horizontal>.swiper-pagination-bullets span{display: block;float: left;} .swiperBox .swiper-slide:hover p{text-decoration: underline;} /*.swiperBox .swiper-slide:hover img{opacity: 0.9}*/ .listWrap{overflow: hidden;display: grid;grid-template-columns: repeat(8, 1fr)!important; grid-gap: 15px;} .listWrap li{background: #fff;/*margin: 5px;box-shadow: 0 0px 2px 0 rgba(0,0,0,.09);*/overflow: hidden;border-radius: 12px;} .listWrap li a{display: flex;flex-direction: column;justify-content: center;align-items: center;height: 215px;} .listWrap li a .imgBox {width: 95px;height: 95px;overflow: hidden;border-radius:14px;background: #fff;box-shadow: 0px 2px 2px #f6f8fc;} .imgBox>img {width: 100%;height: 100%;display: block;object-fit: cover;-o-transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s;} .listWrap li a .imgInfo {margin-top: 2px;display: flex;flex-direction: column;justify-content: center;align-items: center;width: 100%;} .listWrap li a .imgInfo p {font-size: 15px;color: #333;width: 125px;padding: 0 5px;text-align: center;margin-top: 8px;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;} .listWrap li a .imgInfo .tip {font-size: 12px;line-height: 18px;color: #999;overflow: hidden;width: 125px;margin:8px 0 0 0;} .listWrap li a:hover .imgInfo p:first-child {color: #30a57b;} .iTit{position: relative;overflow: hidden; margin-bottom:10px;} .iTitLRma{margin-left: 20px;margin-right: 20px;} .iTit strong{position: relative;z-index: 1;float: left;display: block;height: 48px;line-height: 48px;font-size: 26px;color: #000;font-weight: normal;margin: 10px 0 0 0px;} .iTit strong i{color: #30a57b;margin-left: 8px;} .iTit span{position: absolute;top: 5px;left:0px;height: 30px;line-height: 30px;font-size: 20px;color:rgba(0,0,0,.1);/*font-weight: bold;*/} .iTit strong i{color: #30a57b;font-weight: normal;margin-left:4px; font-style: normal;} .iTit a{float: right;display: block;margin: 10px 0px 0 0;height: 48px;line-height: 48px;font-size: 14px;} .iTit a:hover{color: #30a57b} .hotWrap{overflow: hidden;display: grid;grid-template-columns: repeat(9, 1fr)!important; grid-gap: 15px;} .hotWrap li{overflow: hidden;} .hotWrap li a{display: flex;flex-direction: column;justify-content: center;align-items: center;} .hotWrap li a .imgBox {width: 95px;height: 95px;overflow: hidden;border-radius:14px; /*border:3px solid #3DBB61;*/} .hotWrap li a .imgInfo {margin-top: 2px;display: flex;flex-direction: column;justify-content: center;align-items: center;width: 100%;} .hotWrap li a .imgInfo p {font-size: 15px;color: #333;width: inherit;padding: 0 5px;text-align: center;margin-top: 8px;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;} .hotWrap li a .imgInfo .tip {font-size: 12px;line-height: 18px;color: #999;overflow: hidden;} .hotWrap li a em {display: block; margin-top: 10px;width: 68px;height: 24px;line-height: 24px;font-size: 14px;background: #30a57b;border: 1px solid #30a57b;color: #fff;text-align: center;cursor: pointer;border-radius: 20px;} .hotWrap li a:hover em{background: #30a953;border: 1px solid #30a953;} .hotWrap li a:hover .imgInfo p:first-child{color: #30a57b} .fltit{overflow:hidden; margin-left: 0px} .fltit strong{display: block;height: 40px;line-height: 40px;color: #fff;font-weight: normal;overflow:hidden;font-size: 26px;} .fltit strong i{color: #fff;} .fltit span{color: rgba(28, 67, 73, .25);} .classCont{overflow:hidden;} .classCont ul{overflow: hidden;margin: 20px 0px 10px 0px;display: grid;grid-template-columns: repeat(8, 1fr)!important;grid-gap: 15px;} .classCont ul li {overflow:hidden; text-align: center;} .classCont ul li a {display: block;font-size: 15px;line-height: 38px;height: 38px; background-color: rgba(28, 67, 73, .25);border-radius:12px;color: #fff;} .classCont ul li a font{display: none;} .classCont ul li:hover a{background:rgba(28, 67, 73, 1);color: #fff;} .classCont ul li a.red{background:rgba(28, 67, 73, 1);color: #fff;} .applistCont{overflow: hidden;border-radius: 12px;} .applistCont ul{display: grid;grid-template-columns: repeat(6, 1fr)!important;grid-gap: 15px;margin:0 0px 20px 0px;} .applistCont ul li {border-radius:12px;position: relative; background: #fff;width: 140px; padding: 22px 22px 20px 22px; text-align: center; } .applistCont ul li i {position: relative; width: 95px; height: 95px; display: block; margin: 0 auto; border-radius: 20px; padding-top: 2px; } .applistCont ul li i img {box-shadow: 0 1px 10px 1px rgb(0 0 0 / 5%); width: 100%; height: 100%; display: block; border-radius: 14px; } .applistCont ul li i img.qr{display: none;} .applistCont ul li strong { margin: 0 auto; height: 25px; margin-top: 3px; line-height: 25px; font-size: 15px; overflow: hidden; color: #333;display: block;margin:15px 0 6px 0;font-weight: normal;} .applistCont ul li p { font-size: 12px; color: #999; height: 26px; line-height: 26px; width: 100%; overflow: hidden; } .applistCont ul li span.btn {display: none;margin-left: -35px;position: absolute;bottom: 18px;left: 50%;width: 68px;height: 24px;line-height: 24px;font-size: 14px;background: #30a57b;border: 1px solid #30a57b;color: #fff;text-align: center;cursor: pointer;border-radius: 20px;} .applistCont ul li:hover { -webkit-box-shadow: 0 0px 6px rgb(0 0 0 / 5%); box-shadow: 0 0px 6px rgb(0 0 0 / 5%); } .applistCont ul li a:hover strong{color: #30a57b} .applistCont ul li a:hover i img.qr{display: block;position: absolute;top: 0px;left: 0px;} .applistCont ul li a:hover span.btn{display: block;} .applistCont ul li em{height: 22px;display: block;} .applistCont ul li em img{position: initial;height: 14px;width: auto;} .downinfo{overflow:hidden;padding-top: 20px;display: flex;} .downinfo .iconImg{width: 132px;height: 132px;overflow: hidden;border-radius: 20px;background-color: #fff;box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 2px 0px;border:10px solid rgba(255,255,255,.5);} .downinfo .iconImg img{display: block;width: 132px;height: 132px;border-radius: 20px;} .downinfo .infoTxt{margin-left:25px;overflow: hidden;flex: 1;} .downinfo .infoTxt h1{color: #fff;font-weight: bolder;font-size: 26px;height: 35px;line-height: 35px;overflow:hidden;} .tip { margin-left: 20px;margin-top: 11px;font-size: 14px;color: #fff;vertical-align: 6px;} .downinfo .infoTxt .infoName{display: flex;overflow:hidden;} .downinfo .infoTxt .tig{height:20px;line-height: 20px;overflow: hidden;color: #fff;font-size: 14px; margin-top:22px;} .downinfo .infoTxt .tig span img{width: auto;height: 14px;vertical-align: middle; margin-top: -5px;} .downinfo .infoTxt .tig span{position: relative; padding-right:30px;display: inline-block;height: 20px;overflow: hidden;} .downinfo .infoTxt .tig span:after {content: "";position: absolute;width: 1px;background-color:rgba(255, 255, 255,.7);height:9px;display:block;right: 15px; top: 6px;} .downinfo .infoTxt .tig span:last-of-type:after{width: 0px;} .downinfo .infoTxt .tig span:first-child{max-width: 170px;overflow: hidden;} .loadbox{overflow:hidden;padding-top:22px;} .loadbox p{float: left;margin-right: 15px;} .loadbox a{display: block;width: 190px;float: left; height: 48px;line-height: 48px;text-align: center;color: #fff;border-radius: 24px;font-size: 18px;} .loadbox a:nth-last-child(1){margin-right: 0;} .loadbox a i{width: 22px;height: 26px;margin-right: 8px;background: url(../images/icon2.png) no-repeat;margin-top: 12px;display: inline-block;vertical-align: top;} .loadbox a.and i{background-position: -414px -401px;} .loadbox a.ios i{background-position: -378px -401px;margin-top: 11px;} .loadbox a.and {background: #41ea79;} .loadbox a.ios {background: #33b1ff;} .iostishi {padding-left: 15px;height: 48px;line-height: 48px;font-size: 12px;width: 210px;color: #fff;float: left;display: block;} .loadbox a.and:hover {background:#38d96d;} .loadbox a.ios:hover{background:#29a8f7;} .editerSay{overflow:hidden;font-size: 14px;color: #fff;padding:8px 20px;border: 1px solid rgba(255,255,255, .15);border-radius: 20px;overflow:hidden;} .editerSay p{height: 24px;line-height: 24px;overflow: hidden;} .editerSay p b{font-weight: bold;} .contentInfo{display: flex;overflow: hidden;justify-content: space-between;} .contentInfo .info_left{overflow: hidden;/*background-color: #fff;*/border-radius: 12px; width: 817px;} .contentInfo .info_right{overflow: hidden;width:363px;} .m-asediv{width:777px;overflow: hidden;margin:0 20px;} .m-asediv .s-content{width:10000px} .m-asediv .m-scrol{overflow:hidden} .m-asediv .m-scrol .s-box{height:302px;margin-bottom:20px;position:relative;} .m-asediv .m-scrol li{float:left;position:relative;height:302px;margin-right:15px;overflow:hidden} .m-asediv .m-scrol li:last-of-type{margin-right:0px; } .m-asediv .m-scrol li div a{ display: block; } .m-asediv .m-scrol li div a span{position: absolute; width: 50px; height: 50px; top: 100px; left: 50%; margin-left: -23px; display: none} .m-asediv .m-scrol li div a.f-hover span { display: block; } .m-asediv .m-scrol li.last{margin-right:0} .m-asediv .m-scrol li img{max-height:300px;_height:300px;border:1px solid #f6f8fc; border-radius:15px;} .m-asediv .m-scrol li span{position:absolute;top:0;left:0;display:block;width:100%;height:45px} .m-asediv .m-scrol li .bg{background:#000;opacity:.50;filter:alpha(opacity=50)} .m-asediv .m-scrol li .info{line-height:45px;text-indent:45px;font-size:18px;color:#fff} .m-asediv .m-scrol li.picture .info{background:url(../images/find.png) no-repeat;_background:url(../images/find.gif) no-repeat; cursor:pointer;} .m-asediv .m-scrol li.picture .info:hover{background:url(../images/find_h.png) no-repeat;} .m-asediv .m-scrol li.active span{display:block} .m-asediv .m-scrol li .video-bg{position:absolute;top:0;left:0;width:100%;height:100%;display:block;background:#000;opacity:.50;filter:alpha(opacity=50)} .m-asediv .m-scrol li.active .video-bg{opacity:.70;filter:alpha(opacity=70)} .m-asediv .m-scrol li .video-info{position:absolute;top:0;left:0;padding-top:72px;width:100%;height:178px;text-align:center} .m-asediv .m-scrol li .video-info span{position:static} .m-asediv .m-scrol li .video-info .video-icon{width:50px;height:50px;display:block;margin:0 auto;background:url(../images/video-icon.png) center center no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/video-icon.png)} .m-asediv .m-scrol li .video-info .video-title{width:auto;height:auto;line-height:30px;font-size:20px;color:#fff;display:block;padding:18px 18px 0 18px;white-space:normal} .m-asediv .m-scrol .track{display:none;position:relative;margin:0;height:8px;background-color:#f5f5f5;font-size:0px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; bottom: 1px} .m-asediv .m-scrol .track div{width:110px;height:10px;background-color:#ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;top: -1px} .m-asediv .slider{position:relative;display:none; } .m-asediv .slider .s-box{position:relative;width:605px;height:375px;margin:0 auto 20px;overflow:hidden} .m-asediv .slider .s-box li{float:left;position:relative;width:605px;text-align:center} .m-asediv .slider .trigger{position:absolute;top:0;right:0px;width:45px;height:45px;border:1px solid #f6f6f6;background:#fff url(../images/bs.png) center no-repeat;text-indent:-333em} .m-asediv .slider .prev,.m-asediv .slider .next{position:absolute;top:30%;display:block;width:44px;height:110px;border:1px solid #f6f6f6;background:#fff url(../images/slider_arrow.png) 12px center no-repeat;text-indent:-333em} .m-asediv .slider .prev{left:0px} .m-asediv .slider .prev:hover{background-position:-83px center} .m-asediv .slider .next{right:0px;background-position:-33px center} .m-asediv .slider .next:hover{background-position:-128px center} .m-asediv .slider .s-nav{text-align:center;height:30px} .m-asediv .slider .s-nav .picture,.m-asediv .slider .s-nav .video{margin:0 7px} .m-asediv .slider .s-nav .picture span,.m-asediv .slider .s-nav .video span{display:inline-block;width:30px;height:30px;background-image:url(../images/slider_nav.png);background-repeat:no-repeat; cursor:pointer;} .m-asediv .slider .s-nav .picture span{background-position:-40px 0} .m-asediv .slider .s-nav .picture .active{background-position:-122px 0} .m-asediv .slider .s-nav .video span{background-position:0 0} .m-asediv .slider .s-nav .video .active{background-position:-82px 0} .m-asediv .s-content{overflow-y: hidden;overflow-x: auto;white-space: nowrap;padding-bottom: 6px;width: 777px;} .m-asediv .s-content li{display:inline-block;float: inherit} .m-asediv .m-scrol .track{display: none !important;} .m-asediv .s-content::-webkit-scrollbar{height:10px !important; cursor: pointer;} .m-asediv .s-content::-webkit-scrollbar-thumb {border-radius: 6px;background-color: #ccc!important;} .m-asediv .s-content::-webkit-scrollbar-track {border-radius: 6px;background-color: #f5f5f5!important;} .f-addlose {position: absolute;left: 0;top: 0;display: inline-block;background-repeat: no-repeat;width: 100%;height: 100%;z-index: 19960924;} body.none { overflow-x: hidden; overflow-y: hidden; display: block;} .LookPicture *:before,.LookPicture *:after { position: absolute; display: inline-block; background-repeat: no-repeat; content: "";} .LookPicture { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .LookPicture * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .LookPicture_Background { position: fixed; top: 0; left: 0; z-index: 19960924; width: 100%; height: 100%; background-color: #000; display: none !important;} .LookPicture { position: fixed; top: 0; left: 0; z-index: 19960925; width: 100%; height: 100%; display: none;} .LookPicture .Look_Close { position: absolute; right: 20px; top: 20px; display: inline-block; background-repeat: no-repeat; width: 40px; height: 40px; cursor: pointer; z-index: 19960925;} .LookPicture .Look_Close:before,.LookPicture .Look_Close:after { background-color: #fff; width: 30px; height: 8px; border-radius: 4px; -o-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; top: 17px; left: 5px; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;} .LookPicture .Look_Close:hover:before,.LookPicture .Look_Close:hover:after { box-shadow: 0 0 10px #66ccff; -moz-box-shadow: 0 0 10px #66ccff; -webkit-box-shadow: 0 0 10px #66ccff;} .LookPicture .Look_Close:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .LookPicture .Look_Close:after { -webkit-transform: rotate(315deg); -ms-transform: rotate(315deg); -o-transform: rotate(315deg); transform: rotate(315deg);} .LookPicture .Look_img { display: none; position: absolute; max-width: 85%; max-height: 85%; top: 50%; left: 50%; z-index: 19960924; box-shadow: 0 0 20px #000; -moz-box-shadow: 0 0 20px #000; -webkit-box-shadow: 0 0 20px #000; border: 0; } .LookPicture .Look_img:hover { box-shadow: 0 0 20px #000000; -moz-box-shadow: 0 0 20px #000000; -webkit-box-shadow: 0 0 20px #000000;} .LookPicture .Look_img.Look_Show { border-radius: 12px; display: block;} .LookPicture .Look_before { position: absolute; display: inline-block; background-repeat: no-repeat; width: 70px; height: 70px; z-index: 19960926; left: 50px; top: 50%; margin-top: -35px; cursor: pointer; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;} .LookPicture .Look_before:before,.LookPicture .Look_before:after { left: 0; width: 57px; height: 5px; background-color: #fff; border-radius: 10px; -o-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;} .LookPicture .Look_before:before { top: 50px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .LookPicture .Look_before:after { top: 13px; -webkit-transform: rotate(315deg); -ms-transform: rotate(315deg); -o-transform: rotate(315deg); transform: rotate(315deg);} .LookPicture .Look_before:hover { left: 40px;} .LookPicture .Look_before:hover:before,.LookPicture .Look_before:hover:after { box-shadow: 0 0 20px #66ccff; -moz-box-shadow: 0 0 20px #66ccff; -webkit-box-shadow: 0 0 20px #66ccff;} .LookPicture .Look_next { position: absolute; display: inline-block; background-repeat: no-repeat; width: 70px; height: 70px; z-index: 19960926; right: 50px; top: 50%; margin-top: -35px; cursor: pointer; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;} .LookPicture .Look_next:before,.LookPicture .Look_next:after { left: 0; width: 57px; height: 5px; background-color: #fff; border-radius: 10px; -o-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;} .LookPicture .Look_next:before { top: 50px; -webkit-transform: rotate(315deg); -ms-transform: rotate(315deg); -o-transform: rotate(315deg); transform: rotate(315deg);} .LookPicture .Look_next:after { top: 13px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .LookPicture .Look_next:hover { right: 40px;} .LookPicture .Look_next:hover:before,.LookPicture .Look_next:hover:after { box-shadow: 0 0 20px #66ccff; -moz-box-shadow: 0 0 20px #66ccff; -webkit-box-shadow: 0 0 20px #66ccff;} .Look_Open { display: block !important;} #m-miandiv {font-size: 16px;height: auto;display: block;overflow: hidden;position: relative;overflow: hidden;margin:20px 25px 10px;} /*#m-miandiv h3{position: relative; width: auto;position: relative;line-height: 30px;font-size: 18px;font-weight: bold;color: #333;display: block;overflow: hidden;margin: 0px 0 15px;background: linear-gradient(0deg, #3179ff, #56C4FF);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} #m-miandiv h3:before{content: "[";font-size: 20px;color: #2E2E30;font-weight: normal;padding-right: 4px;} #m-miandiv h3:after{content: "]";font-size: 20px;color: #2E2E30;font-weight: normal;padding-left: 4px;}*/ #m-miandiv h3 {margin: 5px 0 15px 0;display: inline-block;background-color: #30a57b;color: #fff;font-size: 18px;padding: 8px 12px;border-radius: 4px;position: relative;padding-right: 30px;line-height: normal;} #m-miandiv h3:after {content: '';position: absolute;top: 50%;right: -22px;transform: translate(0,-50%);display: inline-block;width: 0;height: 0;border-style: solid;border-width: 7px 15px 7px 7px;border-color: transparent transparent transparent #30a57b;z-index: 10;} #m-miandiv h3:before {content: '';position: absolute;top: 50%;right: 10px;transform: translate(0,-50%);width: 8px;height: 8px;background: #fff;border-radius: 50%;} #m-miandiv h4{color: #333;line-height: 30px;font-size: 16px;font-weight: bold;margin: 0px auto 10px;} #m-miandiv p {overflow: hidden;font-size: 15px;color: #333;line-height:30px;margin:0px auto 10px ;display:block; width: 100%;} #m-miandiv p img {display: block;margin: 0px auto;border-radius: 12px;width: auto;} #m-miandiv a { color:#3d8aff;text-decoration: underline; margin: 0 2px; } #m-miandiv a:hover { color:#2279fd; } #m-miandiv strong{font-weight: bold;} .hotList{overflow: hidden;background-color: #fff;border-radius: 12px;} .hotList ul{overflow: hidden;margin:10px 20px 20px 20px;} .hotList ul li{overflow: hidden; margin-bottom: 15px;} .hotList ul li a{overflow: hidden;display: flex;position: relative;} .hotList ul li a .iconImg{width: 95px;height: 95px;display: block;overflow: hidden;} .hotList ul li a img{width: 95px;height: 95px;display: block;border-radius: 12px;} .hotList ul li a p{margin-left: 15px;overflow:hidden;height: 95px;flex: 1;} .hotList ul li a p strong{display: block;font-weight: normal;height: 30px;line-height: 30px;overflow: hidden;color: #333;font-size:15px;} .hotList ul li a p i{height: 14px;overflow: hidden;display: block;margin-top: 12px;} .hotList ul li a p i img{display: block;width: auto;height: 14px;} .hotList ul li a p span{display: block;height: 20px;line-height: 20px;overflow: hidden;font-size: 12px;color: #999; margin-top: 15px;} .hotList ul li a:hover p strong{color: #30a57b} .hotList ul li a:hover img{opacity: 0.8} .hotList ul li:last-of-type{margin-bottom: 0px;} .hotList ul li a em{width: 68px;height: 24px;position: absolute;right: 0;top: 36px; line-height: 24px;font-size: 14px;background: #30a57b;border: 1px solid #30a57b;color: #fff;text-align: center;cursor: pointer;border-radius:20px;position: absolute;} .hotList ul li a:hover em{background: #2c9972;border: 1px solid #2c9972;} .xgdown{overflow: hidden;background-color: #fff;border-radius: 12px;} .xgdown ul{display: grid;grid-template-columns: repeat(3, 1fr)!important;grid-gap: 15px;margin:10px 20px 20px 20px;} .xgdown li{margin-bottom: 0px;/*margin-bottom: 25px;background: #f6f6f6;*/border-radius: 3px;position: relative;} .xgdown li img{width: 95px;height: 95px;border-radius: 14px;margin:0px auto 0;display: block;} .xgdown li p{width: 95px; font-size: 15px;color: #333;height: 25px; line-height: 25px;text-align: center;overflow: hidden;display: block;margin: 10px auto 2px;text-overflow: ellipsis; white-space: nowrap;} .xgdown li span{font-size: 12px;color: #999;height: 24px;line-height: 24px; text-align: center;overflow: hidden;display: block;white-space: nowrap;} .xgdown li em{display: none;width: 68px;height: 24px;line-height: 24px;font-size: 14px;background: #30a57b;border: 1px solid #30a57b;color: #fff;text-align: center;cursor: pointer;border-radius:20px;position: absolute;bottom:3px;left: 50%;margin-left: -35px;} .xgdown li:hover em{background: #30a57b;color: #fff;} .xgdown li:hover p{color: #30a57b} .xgdown li:hover em{display: block;} .xgdown li:hover img{opacity: 0.8} .phRank{overflow: hidden;background-color: #fff;border-radius: 12px;} .phRank ul{margin:10px 20px 10px 20px;overflow: hidden;} .phRank ul li{overflow: hidden;position: relative;padding: 0 0 15px 35px;margin-bottom: 15px;border-bottom: 1px solid #EEEEEE;} .phRank ul li a{display: flex;overflow: hidden;} .phRank ul li u{position: absolute;color: #333;text-align: center; display: block;width: 30px;height: 30px;line-height: 30px;top: 9px;left: 0px;font-style: italic;font-weight: bolder; font-size: 22px;font-weight: bolder;} .phRank ul li a i.imgBox{display: none;height: 95px;width: 95px;border-radius: 20px;} .phRank ul li a i.imgBox img{display: block;border-radius: 14px;width: 95px;height: 95px;} .phRank ul li a>div{flex: 1;overflow: hidden;height:50px;padding-right: 80px;} .phRank ul li a>div p{height: 30px;line-height: 30px;color: #333;font-size: 15px;overflow: hidden;} .phRank ul li a>div span{display: none;height: 14px;overflow: hidden;margin:14px 0 15px 0;} .phRank ul li a>div span img{display: block;width: auto;height: 14px;} .phRank ul li a>div strong{display: block;height: 20px;line-height: 20px;overflow: hidden;color: #999;font-size: 12px;font-weight: normal;} .phRank ul li a b{width: 68px;height: 24px;right: 0;top: 12px;line-height: 24px;font-size: 14px;background: #30a57b;border: 1px solid #30a57b;color: #fff;text-align: center;cursor: pointer;border-radius: 20px;position: absolute;} .phRank ul li a:hover div p{color: #30a57b} .phRank ul li a:hover b{background:#2c9972;} .phRank ul li u.ico1{color: #ed4040;} .phRank ul li u.ico2{color: #2d92fc;} .phRank ul li u.ico3{color: #56e39d;} .phRank ul li:nth-child(1) a i.imgBox,.phRank ul li:nth-child(2) a i.imgBox,.phRank ul li:nth-child(3) a i.imgBox{display: block;} .phRank ul li:nth-child(1) a>div span,.phRank ul li:nth-child(2) a>div span,.phRank ul li:nth-child(3) a>div span{display: block;} .phRank ul li:nth-child(1) a>div ,.phRank ul li:nth-child(2) a>div ,.phRank ul li:nth-child(3) a>div{height: 90px;margin-left: 15px;padding-right:inherit;} .phRank ul li:nth-child(1) u,.phRank ul li:nth-child(2) u,.phRank ul li:nth-child(3) u{top: 27px;} .phRank ul li:nth-child(1) a b,.phRank ul li:nth-child(2) a b,.phRank ul li:nth-child(3) a b{top: 38px;} .phRank ul li:last-of-type{margin-bottom: 0px; border-bottom: 0px;} .m-backTop{ cursor: pointer; width:40px; height:40px; background:url(../images/goto.png) no-repeat 0px -584px; border-radius: 50%;background-size:100px; display:none; overflow:hidden; position:fixed; right:10px; bottom:100px; z-index:500} /*底部*/ .footer{overflow: hidden;padding:15px 0 15px 0;position: relative; background-color: #161616;} .footer p {color: #fff;line-height:28px;text-align: center;font-size: 14px;padding:0 15px;} .footer p a {color: #fff;padding: 0px 20px;} .footer p a.icpNnm{padding:0;} .footer p a:hover{text-decoration: underline;} button, input, select, textarea, a {outline: none;} #comment_list .quote, #comment_list .quote span { text-indent:0; text-align:left; } #comment_list { color:#2f2f2f; padding:1px; zoom:1; font-size:12px; overflow: hidden; position: relative; } #comment_list dt { line-height:28px; height:28px; overflow:hidden; padding:0; } #comment_list h2 { height:30px; padding:0px;margin-bottom:10px;border-bottom: 1px solid #ddd } #comment_list h2 em { float: left; margin-right: 8px; width: 4px; height: 17px; background: #e0e0e0; border-radius: 2px;margin-top: 4px;} #comment_list h2 span { font-size:18px; color:#333; font-weight: normal; } #comment_list dl { padding: 0; text-align: left; } #comment_list dd { word-wrap: break-word; line-height:20px; padding:10px 0px; margin:0; font-size: 14px;border-bottom: 1px dashed #e5e5e5;margin-bottom: 10px;} #comment_list dd img { margin-top:-5px; } #comment_list blockquote, #comment_list .quote {padding: 10px 15px 10px;margin: 0 0 10px 0;border: 1px solid #bfbfbf;background: #fffde9;color: #000;border-radius: 4px;} #comment_list blockquote h4, #comment_list .quote span { color:#666; /*padding:0 3px;*/ margin-top: 6px; font-weight:normal; font-size:12px; display:block; background:none; } #comment_list blockquote h4 cite { font-style:normal; } #comment_list blockquote div { padding:0 7px; } #comment_list dt i { font-family:verdana; font-style:normal; } #comment_list dt b { margin:0 6px; color:#d92227; font-weight: normal; } #comment_list p { font-size: 14px;flex: 1; } #comment_list p a { color:#7e7e7e; margin-left:10px; } #comment_list dt span { float:left; } #comment_list dt em { float:right; font-style:normal; } #s_comment { text-align:center; } #s_comment textarea {border-radius: 4px; border:1px solid #ececec;font-family: "Microsoft YaHei","\5fae\8f6f\96c5\9ed1"; padding:3px 0; width:99%; height:80px; line-height:20px; margin:0px 0 15px 0; text-indent: 5px; padding:5px 0; font-size: 14px;} #s_comment .comment_btn { padding:0 0px 20px; text-align:left; } #s_comment .comment_btn input {border-radius: 4px; width:146px;height:40px;line-height: 40px; color:#fff; border:0 none; padding:0; margin-right:15px; background:#00c5c0; cursor:pointer; font-size: 18px } #s_comment .comment_btn input:hover{background: #02b5b1} #s_comment .comment_btn span { font-size: 14px; color:#555; } #comment_list{ height:auto; display:block; overflow:hidden; margin:20px 20px 0px;} #comment_list #s_comment{ width:auto; height:auto; /*margin:0 15px; */display:block; overflow:hidden;} /*#comment_list #s_comment #ly_content{ width:100%; height:90px; margin:0; border:1px solid #ececec; display:block; overflow:hidden; padding:10px; margin:0; box-sizing:border-box; border-radius: 4px;}*/ #comment_list #s_comment .m-comment-btn{ width:100%;text-align: left; height:40px; line-height:40px; font-size:14px; font-weight:normal; color:#555; display:flex; overflow:hidden} #comment_list #s_comment .m-comment-btn input{border-radius:20px; width:160px; height:40px; line-height:40px; font-size:18px; font-weight:normal; color:#fff; text-align:center; background:#30a57b; float:left; margin:0 15px 0 0; display:inline; overflow:hidden; border:0; padding:0; cursor:pointer;} #comment_list #s_comment .m-comment-btn input.nopl{ background:#999; cursor:not-allowed} #comment_list #s_comment .m-comment-btn .word_count{ display:none} #comment_list #s_comment .nick_name{ display:none} #comment_list #s_comment .comment_faces{ display:none} #comment_list .m-comment-cont{ width:auto; height:auto; margin:15px 0px 0; display:block; overflow:hidden} #comment_list .m-comment-cont h2{ width:100%; height:34px; line-height:34px; font-size:16px; font-weight:normal; color:#333; border-bottom:1px solid #eee; display:block; overflow:hidden} #comment_list .m-comment-cont dl{ width:100%; height:auto; display:block; overflow:hidden;margin-bottom: 5px;} #comment_list .m-comment-cont dl dt{ width:100%; height:auto; display:flex; overflow:hidden; margin:10px 0 0;} #comment_list .m-comment-cont dl dt span{ width:auto; height:30px; line-height:30px; font-size:12px; font-weight:normal; color:#333; float:left; display:inline; overflow:hidden} #comment_list .m-comment-cont dl dt span i{ font-style:normal;} #comment_list .m-comment-cont dl dt span b{ font-weight:normal; color:#d92227; margin:0 6px;} #comment_list .m-comment-cont dl dt em{ height:30px; line-height:30px; font-size:12px; font-weight:normal; color:#333; float:right; display:block;text-align: right;flex: 1;min-width: 110px; overflow:hidden} #comment_list .m-comment-cont dl dd{ width:100%; height:auto; line-height:22px; padding:10px 0; font-size:14px; font-weight:normal; color:#333; display:block; overflow:hidden; border-bottom:1px dashed #e5e5e5} #comment_list .u-more-comment{ width:auto; height:30px; line-height:30px; font-size:14px; font-weight:normal; color:#7e7e7e; background:#f8f8f8; text-align:center; margin:15px; display:block; overflow:hidden; border-radius:30px; display:none} #comment_list .u-more-comment a{ color:#7e7e7e} #comment_list .u-more-comment a i{ font-style:normal} #comment_list .m-comment-cont dl dd p { text-align:right; line-height:1; padding:5px 0; font-size: 12px; margin-top:10px; } #comment_list .m-comment-cont dl dd p a { color:#7e7e7e; margin-left:10px; } #comment_list .m-comment-cont dl dd dt span { float:left; } #comment_list .m-comment-cont dl dd dt em { float:right; font-style:normal; } #comment_list .m-comment-cont dl dd blockquote{border-radius: 4px; background-color: #fffde9; border:1px #eae8d2 solid;margin:0 0 5px ;padding:8px 12px } #comment_list .m-comment-cont dl dd blockquote h4 { font-weight: normal; margin-top: 5px; font-size: 12px; color: #888 } #comment_list .m-comment-cont dl dd blockquote h4 cite{ display: none } #comment_list #s_comment .m-comment-btn input:hover{background: #28a175;} .lookpl a {margin: 15px auto 0px auto;width: 100%;height: 30px;line-height: 30px;font-size: 13px;text-align: center;color: #7e7e7e;background: #f8f8f8;border-radius: 20px;display: block;font-weight: normal;} .lookpl a i {font-style: normal;} .lookpl a:hover {background: #ececec} .plnobtn .lookpl{display: none;} .lookplMore{cursor: pointer; margin: 0 auto 5px;width: 100%;height: 30px;line-height: 30px;font-size: 13px;text-align: center;color: #7e7e7e;background: #f8f8f8;border-radius: 20px;display: none;font-weight: normal;} .lookplMore:hover {background: #ececec} #comment_list #comment_1{margin-top: 0px;} .page{overflow: hidden; margin-top: 25px;} .page .tspage{ height: auto; margin: 5px 0 5px; background: none;line-height: 26px;} .page .tspage .tsp_count,.tsp_change{ display: none;} .page .tspage .tsp_nav{ text-align: center;} .page .tspage .tsp_nav i{width: auto;height: 30px;line-height: 30px;padding: 0 12px;background: #fff;border: #ececec solid 1px;font-size: 14px;font-weight: normal;color: #555;margin:0 6px 0 6px;display: inline-block;overflow: hidden;border-radius: 3px;} .page .tspage .tsp_nav b {width: auto;height: 32px; border-radius: 3px;line-height: 32px;padding: 0 13px;background: #30a57b;font-size: 14px;font-weight: normal;color: #fff;margin:0 6px 0 6px;display: inline-block;overflow: hidden;} .page .tspage .tsp_nav a{ width: auto;height: 30px; border-radius: 3px;line-height: 30px;padding: 0 12px;background: #fff;border: #ececec solid 1px;font-size: 14px;font-weight: normal;color: #555;margin:0 6px 0 6px;border-radius: 3px;display: inline-block;overflow: hidden;} .page .tspage .tsp_nav a.tsp_next ,.page .tspage .tsp_nav a.tsp_end ,.page .tspage .tsp_nav a.tsp_prev ,.page .tspage .tsp_nav a.tsp_home ,.page .tspage .tsp_nav a.tsp_more{height: 32px;line-height: 32px;} .page .tspage .tsp_nav a.tsp_more,.page .tspage .tsp_nav a.tsp_next,.page .tspage .tsp_nav a.tsp_end,.page .tspage .tsp_nav a.tsp_home,.page .tspage .tsp_nav a.tsp_prev{ padding: 0; border:none;} .page .tspage .tsp_nav a:hover{background:#30a57b;color: #fff;height: 30px;line-height: 30px;border: #30a57b solid 1px;} .page .tspage .tsp_nav a.tsp_more:hover i{background:#30a57b;color: #fff;border: #30a57b solid 0px;} .page .tspage .tsp_nav a.tsp_next:hover i{background:#30a57b;color: #fff;border: #30a57b solid 0px ;} .page .tspage .tsp_nav a.tsp_end:hover i{background:#30a57b;color: #fff;border: #30a57b solid 0px ;} .page .tspage .tsp_nav a.tsp_home:hover i{background:#30a57b;color: #fff;border: #30a57b solid 0px;} .page .tspage .tsp_nav a.tsp_prev:hover i{background:#30a57b;color: #fff;border: #30a57b solid 0px;} .page .tspage .tsp_nav a i{margin: 0;background: none;} .appxx{overflow: hidden;} .appxx ul{margin:0 20px 20px;overflow: hidden;display: grid;grid-template-columns: repeat(2, 1fr)!important;grid-gap:8px 20px;} .appxx ul li{overflow: hidden;font-size: 15px;line-height: 30px;overflow: hidden;height: 30px;color: #333;white-space: nowrap; text-overflow: ellipsis;} .appxx ul li a:hover{color: #30a57b;} .tigMain{overflow: hidden;border-radius: 20px;background: #fff;} .tigMain .linkMain{display: flex;overflow: hidden;text-align: center;border-bottom: 1px solid #ccc;justify-content: center;} .tigMain .linkMain a{font-size: 18px;color: #000;font-weight: bold;display: block;height:70px;line-height: 70px;padding:0 30px;position: relative;} .tigMain .linkMain a.m-hover:after{content: "";position: absolute;width: 0;height: 0;bottom: 0;border-radius: 25px;left: 0;right: 0;margin: auto;display: block;width: 22px;height: 3px;background: #30a57b;} .tigMain .linkMain a:hover,.tigMain .linkMain a.m-hover{color: #30a57b;} .tigMain_info{overflow: hidden;margin:20px 40px 30px;} .tigMain_info h3{color: #000;font-size: 24px;font-weight: bold;text-align: center;line-height: 50px;margin:20px 0;} .tigMain_info p{font-size: 15px;line-height: 30px;overflow: hidden;color: #333; margin-bottom: 15px;} .tigMain_info p:last-of-type{margin-bottom: 0px;} .zxapp{overflow: hidden;} .zxapp ul{display: grid;grid-template-columns: repeat(7, 1fr)!important;grid-gap: 15px; margin:0 20px;} .zxapp ul li{overflow: hidden;} .zxapp ul li a{display: block;width: 95px;margin:0 auto;} .zxapp ul li a>.imgBox{width: 95px;height: 95px;overflow: hidden;border-radius: 14px;} .zxapp ul li a>.imgBox img{display: block;border-radius: 14px;width: 95px;height: 95px;} .zxapp ul li a>.imgInfo{overflow: hidden; margin-top: 10px;} .zxapp ul li a>.imgInfo p{font-size: 15px;overflow: hidden;height: 25px;line-height: 25px;text-align:center;overflow: hidden;color: #333;} .newDown{overflow: hidden;} .g-so{overflow: hidden;height: 36px;border-radius: 32px;border: 1px solid #30a57b; } .g-so .g-so-txt{height:36px;line-height:36px;width:200px;border: 0;background:#fff url(../images/soico.png) no-repeat 12px 8px;font-size: 15px;background-size:22px; padding-left:45px;color: #333;} .g-so .g-so-btn{height: 36px;position: absolute;right: 0px;top:0px;line-height: 36px;display: none;width: 70px;border: 0;background-color: #e1e1e1;color: #333;cursor: pointer;font-size: 15px;border-radius: 32px;} .g-so .g-so-btn:hover{background:#d9d8d8} .phDown {overflow:hidden;} .phDown ul{display: grid;grid-template-columns: repeat(2, 1fr)!important;grid-gap: 15px;} .phDown ul li{overflow: hidden;background-color: #fff; border-radius: 12px;} .phDown ul li a{margin:20px 20px 20px 15px;overflow: hidden;display:flex;position: relative;align-items: center;} .phDown ul li a .imgBox{width: 95px;height: 95px;overflow: hidden;border-radius: 14px;} .phDown ul li a .imgBox img{width: 95px;height: 95px;display:block;border-radius: 14px;} .phDown ul li a b{font-size: 12px;margin: 0px 20px 0px 0px;display: block;background-color: #30a57b;color: #fff;padding: 0 0 0 5px;border-radius: 20px;position: relative;padding-right: 16px;height: 26px;line-height: 26px;text-align: center;width: 56px;} .phDown ul li a b:after {content: '';position: absolute;top: 50%;right: -20px;transform: translate(0,-50%);display: inline-block;width: 0;height: 0;border-style: solid;border-width: 6px 16px 6px 7px;border-color: transparent transparent transparent #30a57b;z-index: 10;} .phDown ul li a b:before {content: '';position: absolute;top: 50%;right: 10px;transform: translate(0,-50%);width: 6px;height: 6px;background: #fff;border-radius: 50%;} .phDown ul li a .top{flex: 1;overflow: hidden;} .phDown ul li a .infoBox{flex:1;margin-left: 15px;overflow: hidden;height: 95px;} .phDown ul li a .infoBox strong{font-weight: normal;color: #333;font-size: 15px;height: 20px;line-height: 20px;overflow: hidden;display:block;} .phDown ul li a .infoBox .textBox{display:flex;height: 20px;line-height: 20px;align-items: center;margin: 6px 0 4px 0; position: relative;} .phDown ul li a .infoBox .textBox i{height: 14px;overflow: hidden;} .phDown ul li a .infoBox .textBox i img{display:block;height: 14px;width: auto;} .phDown ul li a .infoBox .textBox p{margin-left: 10px;font-size: 12px;color: #999;height: 20px;line-height: 20px;overflow: hidden;} .phDown ul li a .infoTxt{line-height: 22px;color: #999;font-size: 12px;height: 44px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;} .phDown ul li a .infoBox p.btn{display: none;width: 68px;height: 24px;position:absolute;right: 0;top: -3px;line-height: 24px;font-size: 14px;background: #30a57b;border: 1px solid #30a57b;color: #fff;text-align: center;cursor: pointer;border-radius: 20px;} .phDown ul li a:hover .infoBox strong{color: #30a57b;} .Main404{background:#fff;overflow:hidden;margin-top:20px; border-radius:12px;padding-bottom: 40px;} .Main404 img{display:block;margin:40px auto 0;} .Main404 p{text-align:center;font-size:28px; color:#30a57b;font-weight:bold;} .Main404 .m-zdtz {width: 310px;margin: 20px auto;font-size: 14px; background: url(../images/loading2.gif) no-repeat left 8px;padding-left: 20px;line-height: 34px;color: #333;} .Main404 .m-zdtz a{ color:#f00;} .m-atz {text-align: center;overflow: hidden;} .m-atz a {height: 108px;display: inline-block;height: 36px;background: #30a57b;color: #fff;line-height: 36px;padding: 0 20px;margin: 0 10px; border-radius:4px;font-size: 15px;} .m-atz a:hover{opacity: 0.9} .min500{justify-content: center;align-items: center;} .min500 p{font-size:16px;overflow:hidden;line-height: 32px;color: #333;font-weight: normal;} .min500 h3{font-size:36px;text-align: center;line-height:100px;margin-top:30px; overflow: hidden;font-family: 'Candara';font-weight: bold;background-image: linear-gradient(to right, red, orange);-webkit-background-clip: text; color: transparent;} @media (min-width: 1px) and (max-width: 1060px){ } /*幻灯片*/ @media (min-width: 1px) and (max-width: 1190px){ body{background-size: 100% 225px;} .margintop20{margin-top: 10px;}.footer{margin-top: 10px;border-radius: 12px 12px 0 0;} .paddingBott10{padding-bottom: 10px;} .iTit{margin:0 15px 10px;}.iTit strong{font-size: 24px;} .header .headWrap{height: auto;border-radius: 0 0 35px 35px;display: block;position: relative;padding: 0 20px 0 20px;} .header .headWrap a.logo{height:44px; line-height: 44px;width: 100%;font-size: 20px;} .header .headWrap a.logo img{display: block;margin:5px 0 0 0;height: 40px;width: auto;} .header .headWrap ul li.current:after, .header .headWrap ul li:hover:after{bottom: 0;} .header .headWrap ul{width: 100%;overflow:hidden;} .header .headWrap ul li{height: 40px;line-height: 40px;margin-left: 0px;flex: 1;} .header .headWrap ul li a{line-height: 40px;margin: 0 auto;width: 55px;font-size: 15px;font-weight: normal;} .header .headWrap ul li a i.icon{margin-top: 11px;width: 18px;display: block;height: 18px;} .swiperBox{margin:5px 15px 0;} .swiperBox .swiper-slide div{background:none;position: relative; padding-left:65px;padding-right: 80px; margin:15px;max-width: none; min-width: auto;} .swiperBox .swiper-slide div img.iconapp{margin:0; border:0;width:50px;height: 50px;position: absolute;left: 0;top: 0;} .swiperBox .swiper-slide img{border-radius: 0px;} .swiper-container .swiper-button-next, .swiper-container .swiper-button-prev{background-size: 18px 30px;} .swiperBox .swiper-slide div p{color: #000;font-size: 15px;font-weight:normal;text-shadow:0 0 #fff;height: 25px;line-height: 25px;margin:0;} .swiperBox .swiper-slide div span{color: #999;font-size: 12px;text-shadow:0 0 #fff;height: 25px;line-height: 25px;margin:0;} .swiperBox .swiper-slide div em.btn{position: absolute;right: 0;top: 14px;width: 80px;font-size: 13px;height: 26px;line-height: 26px;margin: 0;} .swiper-container .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:85px!important; } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width: 8px;height: 8px;} .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{width: 22px;} .swiper-container-horizontal>.swiper-pagination-bullets{ width:56px !important;margin-right: -28px;} .hotWrap{margin:0 0px 5px;overflow-x: scroll;white-space: nowrap;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;} .hotWrap li{width: 70px;} .hotWrap li:first-child {margin-left: 15px;}.hotWrap li:last-of-type {margin-right:15px;} .hotWrap li a .imgBox{width: 70px;height: 70px;} .hotWrap li a .imgInfo p {margin-top: 4px;white-space: normal;overflow: hidden;height: 20px;line-height: 20px; } .hotWrap li a .imgInfo p{padding:0;} .hotWrap li a .imgInfo .tip b{display: none;} .listWrap{grid-template-columns: repeat(4, 1fr)!important;margin:0 15px;} .listWrap li{background:none;} .listWrap li a{height: auto;} .listWrap li a .imgBox{width: 70px;height: 70px;} .listWrap li a .imgInfo .tip b{display: none;} .listWrap li a .imgInfo p{margin-top: 4px;white-space: normal;overflow: hidden;height: 20px;line-height: 20px;margin-left: 0px;width: 60px;} .listWrap li a .imgInfo p.tip{margin:4px 0 0 0;width:70px;padding:0;} .listWrap li a .imgInfo p.tip:last-of-type{margin:2px 0 0 0;} .fltit{margin:0 15px;}.fltit strong{font-size:24px;} .classCont ul{grid-template-columns: repeat(4, 1fr)!important;margin:8px 15px 5px;grid-gap: 10px;} .classCont ul li{height: 32px;line-height: 32px;} .classCont ul li a{font-size: 14px;height: 32px;line-height: 32px;} .applistCont{margin-top: 0px;} .applistCont ul{margin: 10px 15px 0;grid-template-columns: repeat(4, 1fr)!important;grid-gap: 10px;} .applistCont ul li{width: auto;padding:10px 6px 5px 6px;} .applistCont ul li i{width: 70px;height: 70px;} .applistCont ul li strong{font-size: 15px;margin: 8px 0 3px 0;} .applistCont ul li a:hover span.btn{display: none;} body.downinfoBg{background-size:auto 590px;} .downinfo{display: block;} .downinfo .iconImg{margin:0 auto;}.downinfo .iconImg{border:6px solid rgba(255,255,255,.5);} .downinfo .iconImg ,.downinfo .iconImg img{width: 100px;height: 100px;} .downinfo .infoTxt{margin:10px 20px 0;} .downinfo .infoTxt .infoName{display: block;} .downinfo .infoTxt h1{text-align: center;font-size: 22px;height: auto;} .downinfo .infoTxt .tig {margin-top: 10px;height: auto;display: grid;grid-template-columns: repeat(2, 1fr)!important;grid-gap: 10px 0;} .downinfo .infoTxt .tig span:nth-child(2n) {text-align: right;} .downinfo .infoTxt .tig span{padding-right: 0px;} .downinfo .infoTxt .tig span:last-of-type{display: none;} .downinfo .infoTxt .tig span:after{width: 0;} .iostishi {padding-left:0px;margin-top: 4px;display: block;height: 20px;line-height: 20px;font-size: 12px;color: #fff;text-align: center;width: 100%;} .loadbox{padding-top: 15px;}.loadbox p{overflow: hidden; margin-right: 0px;float: inherit; margin-bottom: 10px;}.loadbox a{width: 100%;height: 45px;line-height: 45px;} .editerSay{margin:5px 20px 15px;padding: 5px 12px;font-size: 12px;}.editerSay p{text-align: center;} .contentInfo{display: block;} .contentInfo .info_left{width: auto;} /*.m-asediv{width: 100%;margin:0;} .m-asediv .m-scrol .s-box{width: 100%;} .m-asediv .m-scrol li:first-child{margin-left: 15px;} .m-asediv .m-scrol li:last-of-type{margin-right: 15px;} .m-asediv .m-scrol .track{height: 6px;margin: 0 15px;}.m-asediv .m-scrol .track div{height: 8px;}*/ .m-asediv{width:auto;margin:0px 15px 0 15px;} .m-asediv .m-scrol .s-box{margin: 0 0px 0px;}.m-asediv .s-content li{margin-right: 10px;} .m-asediv .s-content{width: 100%;} /*.m-asediv .m-scrol li:first-child{margin-left: 10px;}*/ /*.m-asediv .m-scrol li:last-of-type{margin-right: 10px;}*/ .m-asediv .m-scrol .track{height: 6px;margin: 0 10px;}.m-asediv .m-scrol .track div{height: 8px;} #m-miandiv{margin:15px 15px 10px;}#m-miandiv p{font-size: 15px;}#m-miandiv p img{max-width: 100%;vertical-align: middle;} #m-miandiv h3{padding: 5px 12px;padding-right: 30px;} .contentInfo .info_right {margin-top: 10px;width: auto;} .hotList ul ,.xgdown ul{margin:0px 15px 15px;} .hotList ul li a .iconImg ,.hotList ul li a .iconImg img{height: 70px;width: 70px;} .hotList ul li a p{height: 70px;} .hotList ul li a p strong{height: 20px;line-height: 20px;font-size: 15px;} .hotList ul li a p i{margin:8px 0 6px 0;}.hotList ul li a p span{margin-top: 0px;} .hotList ul li a em{top: 23px;width: 60px;height: 22px;line-height: 22px;} .xgdown ul{grid-template-columns: repeat(4, 1fr)!important;} .xgdown li img{width: 70px;height: 70px;}.xgdown li p{width: 70px;font-size: 15px;white-space: normal; margin-bottom: 0px;} .phRank ul{margin:0px 15px 5px 15px;} .phRank ul li a i.imgBox ,.phRank ul li a i.imgBox img{height: 70px;width: 70px;} .phRank ul li:nth-child(1) a>div, .phRank ul li:nth-child(2) a>div, .phRank ul li:nth-child(3) a>div{height: 70px;} .phRank ul li a>div p{height: 20px;line-height: 20px;font-size: 15px;} .phRank ul li a>div span{margin: 8px 0 6px 0;} .phRank ul li a b {top: 8px;width: 60px;height: 22px;line-height: 22px;} .phRank ul li:nth-child(1) a b, .phRank ul li:nth-child(2) a b, .phRank ul li:nth-child(3) a b{top: 23px;} .phRank ul li a>div{height: 40px;} .phRank ul li u{top:4px;} .phRank ul li:nth-child(1) u, .phRank ul li:nth-child(2) u, .phRank ul li:nth-child(3) u{top: 17px;} .appxx ul{grid-template-columns: repeat(1, 1fr)!important;grid-gap: 5px 0px;} #comment_list{margin: 10px 15px 0px;} #comment_list #s_comment .m-comment-btn input{flex: 1;} #comment_list p{font-size: 12px;line-height: 20px;overflow: hidden;text-align: center;min-width: 180px;} .m-asediv{width:auto;margin:10px 15px 0 15px;} .m-asediv .m-scrol .s-box{margin: 0 0px 0px;}.m-asediv .s-content li{margin-right: 10px;} .m-asediv .s-content{width: 100%;} /*.m-asediv .m-scrol li:first-child{margin-left: 10px;}*/ /*.m-asediv .m-scrol li:last-of-type{margin-right: 10px;}*/ .m-asediv .m-scrol .track{height: 6px;margin: 0 10px;}.m-asediv .m-scrol .track div{height: 8px;} .tigMain .linkMain{margin:0 15px;} .tigMain .linkMain a{flex: 1;overflow: hidden;padding:0;font-size: 15px;font-weight: normal;height: 50px;line-height: 50px;} .tigMain_info{margin:15px;}.tigMain_info h3{margin:0;} .zxapp ul{display:block; margin: 0 15px 10px;overflow-x: scroll;white-space: nowrap;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;} .zxapp ul li{display: inline-block; margin-right: 15px;} .zxapp ul li a{width: 70px;} .zxapp ul li a>.imgBox{width: 70px;height: 70px;} .zxapp ul li a>.imgBox img{width: 70px;height: 70px;} .zxapp ul li:last-of-type{margin-right: 0px;} .aboutCont{display: flex;margin:15px;} .aboutCont a{flex: 1;} .footer p{font-size: 12px;}.footer p a {padding: 0 6px;} .headWrap .g-so {height: 26px;border-radius: 25px;position: absolute;right:20px;top: 9px;} .headWrap .g-so .g-so-txt {width: 120px;height: 26px;padding: 0 5px 0 30px;display: block;line-height: 26px;border: none;outline: none;background-position: 7px 3px;font-size: 14px;background-size: 19px;} .headWrap .g-so .g-so-btn {position: absolute;top:7px;right: 10px;width:19px;height: 19px;overflow: hidden;border-bottom-right-radius: inherit;border-top-right-radius: inherit;} .newDown ul.listWrap{margin-top: 8px;grid-template-columns: repeat(3, 1fr)!important;} .newDown ul.listWrap li{background-color: #fff;overflow: hidden;} .newDown ul.listWrap li a{margin:12px 15px 10px;} .phDown ul{display:block; margin:10px 15px 0;} .phDown ul li a{position: relative;margin:15px;} .phDown ul li a b{position: absolute;left: 0;top: 0px;margin: 0;width: auto;height: 22px;line-height: 22px;padding: 0 5px;} .phDown ul li a b:before,.phDown ul li a b:after{display:none;} .phDown ul li a .imgBox{width: 70px;height: 70px;} .phDown ul li a .imgBox img{width: 70px;height: 70px;} .phDown ul li a .infoBox{height: 70px;} .phDown ul li a .infoBox .textBox i{display:none;} .phDown ul li a .infoBox .textBox p{margin-left: 0px;} .phDown ul li a .infoTxt{height: 22px;line-height: 22px;overflow: hidden;-webkit-line-clamp:1;} .Main404 img{max-width: 85%;} .Main404 p{font-size: 22px;} .Main404 .m-zdtz{margin: 8px auto;} .min500 h3{font-size: 22px; } .Main404 .min500 p{font-size: 14px;} } @media (min-width: 1px) and (max-width: 865px){ } @media (min-width: 1px) and (max-width:720px){ .applistCont ul{margin: 10px 15px 0;grid-template-columns: repeat(2, 1fr)!important;grid-gap: 10px;} } [class*=am-icon-]:before{display:inline-block;font-size:inherit;-webkit-font-smoothing:antialiased;transform:translate(0,0);}.am-pureview{position:fixed;left:0;top:0;bottom:0;right:0;z-index:110920;width:100%;height:100%;background:rgba(0,0,0,.95);display:none;overflow:hidden;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-transform:translate(0,100%);-ms-transform:translate(0,100%);transform:translate(0,100%)}.am-pureview.am-active{transform:translate(0,0)}.am-pureview ol,.am-pureview ul{list-style:none;padding:0;margin:0;width:100%}.am-pureview-slider{overflow:hidden;height:100%}.am-pureview-slider li{position:absolute;width:100%;height:100%;top:0;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;vertical-align:middle;-webkit-transition:all .3s linear;transition:all .3s linear;z-index:100;visibility:hidden}.am-pureview-slider li.am-pureview-slide-prev{-webkit-transform:translate(-100%,0);-ms-transform:translate(-100%,0);transform:translate(-100%,0);z-index:109}.am-pureview-slider li.am-pureview-slide-next{-webkit-transform:translate(100%,0);-ms-transform:translate(100%,0);transform:translate(100%,0);z-index:109}.am-pureview-slider li.am-active{position:relative;z-index:110;transform:translate(0,0);visibility:visible}.am-pureview-slider .pinch-zoom-container{width:100%;z-index:1121}.am-pureview-slider .am-pinch-zoom{position:relative;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.am-pureview-slider .am-pinch-zoom:after{display:inline-block;font:normal normal normal 1.6rem/1 FontAwesome,sans-serif;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);content:"\f110";-webkit-animation:icon-spin 2s infinite linear;animation:icon-spin 2s infinite linear;font-size:24px;line-height:24px;color:#eee;position:absolute;top:50%;left:50%;margin-left:-12px;margin-top:-12px;z-index:1}.am-pureview-slider .am-pinch-zoom.am-pureview-loaded:after{display:none}.am-pureview-slider img{border-radius: 12px; position:relative;display:block;max-width:100%;max-height:100%;opacity:0;z-index:200;-webkit-user-drag:none;-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in}.am-pureview-slider img.am-img-loaded{opacity:1}.am-pureview-direction{position:absolute;top:50%;width:100%;margin-top:-18px!important;z-index:1122}.am-pureview-only .am-pureview-direction,.am-touch .am-pureview-direction{display:none}.am-pureview-direction li{position:absolute;width:36px;height:36px}.am-pureview-direction a{display:block;height:36px;border:none;color:#ccc;opacity:.5;cursor:pointer;text-align:center;z-index:1125}.am-pureview-actions,.am-pureview-bar{height:45px;background-color:rgba(0,0,0,.35);position:absolute}.am-pureview-direction a:before{content:"<<";line-height:36px;font-size:24px}.am-pureview-direction a:hover{opacity:1}.am-pureview-direction .am-pureview-prev{left:15px}.am-pureview-direction .am-pureview-next{right:15px}.am-pureview-direction .am-pureview-next a:before{content:">>"}.am-pureview-bar{bottom:0;width:92%;color:#eee;line-height:45px;padding:0 10px;font-size:14px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.am-pureview-bar .am-pureview-title{display:none;word-wrap:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-left:6px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.am-pureview-bar .am-pureview-total{font-size:10px;line-height:48px}.am-pureview-actions{left:0;right:0;top:0}.am-pureview-actions a{position:absolute;left:10px;color:#ccc;display:block;width:45px;line-height:45px;text-align:left;font-size:16px}.am-pureview-actions a:hover{color:#fff}.am-pureview-actions [data-am-toggle=share]{left:auto;right:10px}.am-pureview-actions,.am-pureview-bar{opacity:0;-webkit-transition:all .15s;transition:all .15s;z-index:1130}.am-pureview-bar-active .am-pureview-actions,.am-pureview-bar-active .am-pureview-bar{opacity:1}.am-checkbox .am-icon-checked,.am-checkbox-inline .am-icon-checked,.am-radio .am-icon-checked,.am-radio-inline .am-icon-checked,.am-ucheck-checkbox:checked+.am-ucheck-icons .am-icon-unchecked,.am-ucheck-radio:checked+.am-ucheck-icons .am-icon-unchecked{opacity:0} .am-pureview-bar {bottom: 0;width:92%;color: #eee;line-height: 45px;padding: 0 10px;font-size: 14px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;} .rotate_jia{display: none;}.rotate_div{display: none;}.rotate_jian{display: none;} .am-pureview-slider .pinch-zoom-container,.am-pureview-slider .am-pinch-zoom{height: 100% !important} .am-pureview-actions, .am-pureview-bar{background-color: rgba(0,0,0,0);}.am-pureview-counter{ width: 100%;text-align: right; } .am-pureview-actions a{right: 0px;left:auto;text-align: center;height: 60px;width: 60px;} .am-icon-chevron-left:before{content:'';background: url(../images/xico.png) no-repeat 11px 0px; width: 60px;height:60px; background-size: 45px;}