.pointer{cursor:pointer}.btn_white{width:166px;height:40px;border:1px solid #fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;font-size:14px;font-weight:400}.btn_white:hover{color:#111;background-color:#fff}.btn_dark{width:166px;height:40px;border:1px solid #111;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#111;font-size:14px;font-weight:400}.btn_dark:hover{color:#fff;background-color:#2b4f97;border:none}.animated{opacity:1;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:up;animation-name:up}@-webkit-keyframes up{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes up{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.electric-page{height:100%}.electric-page,.electric-page .container{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.electric-page .container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.electric-page .container .banner{width:100%;height:700px;background-size:100% 100%;background-position:50%}.electric-page .container .banner-content{max-width:1440px;width:80%;height:calc(100% - 100px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;color:#fff;margin:0 auto 50px;position:relative}.electric-page .container .banner-content .back{position:absolute;width:36px;height:36px;top:100px;left:0;cursor:pointer}.electric-page .container .banner-content .back>img{width:100%}.electric-page .container .banner-content .back:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.electric-page .container .banner-content .bleft{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;color:#fff}.electric-page .container .banner-content .bleft>span{font-size:48px;font-weight:400;line-height:66px}.electric-page .container .banner-content .bleft>img{width:509px}.electric-page .container .banner-content .bright{width:480px;background-color:hsla(0,0%,100%,.9);border-radius:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:40px 30px}.electric-page .container .banner-content .bright .title{font-size:24px;font-weight:700;line-height:33px;color:#2b4f97;margin-bottom:10px}.electric-page .container .banner-content .bright .text{font-size:18px;font-weight:400;line-height:30px;color:#111}.electric-page .container .species{width:100%;margin-bottom:100px;background-size:100% 100%;background-position:50%}.electric-page .container .species-title{max-width:1440px;margin:50px auto;font-size:36px;font-weight:700;line-height:50px;color:#111;position:relative}.electric-page .container .species-title span{position:relative;z-index:1}.electric-page .container .species-title span:before{content:"";height:3px;position:absolute;bottom:-20px;left:0;background-color:#c7000b;width:100%}.electric-page .container .species-des{margin-bottom:0;font-size:18px;line-height:33px;text-indent:2em;background-color:#f8f8f8;padding:30px 30px;border-radius:10px}.electric-page .container .species-content,.electric-page .container .species-des{max-width:1440px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:50px auto}.electric-page .container .species-content{width:80%;height:calc(100% - 300px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.electric-page .container .species-content .sitem{cursor:pointer!important;-webkit-box-flex:1;-ms-flex:1;flex:1;background:-webkit-gradient(linear,left top,left bottom,from(rgba(239,237,247,0)),to(#eff1f3));background:linear-gradient(180deg,rgba(239,237,247,0),#eff1f3);-webkit-box-shadow:0 4px 10px rgba(0,0,0,.1);box-shadow:0 4px 10px rgba(0,0,0,.1);margin-right:10px}.electric-page .container .species-content .sitem-label{cursor:pointer!important;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-size:100% 100%;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.electric-page .container .species-content .sitem-label .lbanner img{width:100%;height:300px}.electric-page .container .species-content .sitem-label .label{padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#fff}.electric-page .container .species-content .sitem-label .label .name{font-size:20px;font-weight:700;line-height:24px;color:#111;margin-bottom:10px}.electric-page .container .species-content .sitem-label .label .value{font-size:16px;font-weight:400;line-height:20px;color:#666}.electric-page .container .species-content .sitem-label .label .enter{width:100%;text-align:right;margin-top:10px;color:#ababab}.electric-page .container .species-content .sitem:last-child{margin-right:0}.electric-page .container .species-detail-cat{margin:0 auto;height:100%;max-width:1440px;-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap}.electric-page .container .species-detail-cat,.electric-page .container .species-detail-cat .catitem{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box}.electric-page .container .species-detail-cat .catitem{cursor:pointer!important;-webkit-box-flex:0;-ms-flex:0 0 33.3333%;flex:0 0 33.3333%;height:400px;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:10px 5px}.electric-page .container .species-detail-cat .catitem-banner{height:300px;width:100%;margin-bottom:0}.electric-page .container .species-detail-cat .catitem-banner img{width:100%;height:300px;border-radius:5px 5px 0 0}.electric-page .container .species-detail-cat .catitem-label{width:100%;font-size:20px;font-weight:700;color:#111;background-color:#fff;-webkit-box-shadow:0 4px 10px rgba(0,0,0,.1);box-shadow:0 4px 10px rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:0;padding:20px 20px}.electric-page .container .species-detail-cat .catitem-label .enter{float:right;color:#cfcece}.electric-page .container .species-detail-content{max-width:1440px;margin:0 auto}