/*
////////////////////////////////////////////////////////////////////
//                          _ooOoo_                               //
//                         o8888888o                              //
//                         88" . "88                              //
//                         (| ^_^ |)                              //
//                         O\  =  /O                              //
//                      ____/`---'\____                           //
//                    .'  \\|     |//  `.                         //
//                   /  \\|||  :  |||//  \                        //
//                  /  _||||| -:- |||||-  \                       //
//                  |   | \\\  -  /// |   |                       //
//                  | \_|  ''\---/''  |   |                       //
//                  \  .-\__  `-`  ___/-. /                       //
//                ___`. .'  /--.--\  `. . ___                     //
//              ."" '<  `.___\_<|>_/___.'  >'"".                  //
//            | | :  `- \`.;`\ _ /`;.`/ - ` : | |                 //
//            \  \ `-.   \_ __\ /__ _/   .-` /  /                 //
//      ========`-.____`-.___\_____/___.-`____.-'========         //
//                           `=---='                              //
//      ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^        //
//               佛祖保佑       永无BUG     永不修改                  //
////////////////////////////////////////////////////////////////////
 * Created by 五木幽幽
 * Author: 五木幽幽
 * QQ: 313020599
 */
/*列表页*/
.carousel-box{height:auto}
.banner .page-title{padding-top:160px}
.banner .page-title h2{font-size:88px;color:#fff;font-weight:900}
.banner .page-title h2 i{font-size:88px}
.media-nav{margin-bottom:30px}
.media-nav li{float:left;margin-right:15px}
.media-nav a{display:block;font-size:14px;height:42px;line-height:42px;padding-left:20px;padding-right:20px;background:#fff;border-radius:22px;cursor:pointer}
.media-nav .active a,.media-nav a:hover{color:#fff;background-color:#174799;background:linear-gradient(#48abf9,#057cd7)}
/*列表页 end*/
/*文章页 photo*/
.w-1000{width:1000px;margin:0 auto}
.photo-album-box{margin-top:20px;padding:20px 25px 30px;background:#fff}
.photo-album-box h2{font-size:24px;line-height:1.8;padding-bottom:10px}
.photo-album-box .source{margin-bottom:20px}
.photo-album-box .list-view{cursor:pointer}
.photo-album-box .list-view:hover{color:#174799}
.photo-album-box .list-view .pic{display:none}
.photo-album-box .photo-album-carousel .photo-album{position:relative}
.photo-album-carousel .photo-album{margin-bottom:15px}
.photo-album .go-left{position:absolute;left:0;right:50%;top:0;bottom:0;background:transparent;cursor:pointer}
.photo-album .go-right{position:absolute;left:50%;right:0;top:0;bottom:0;background:transparent;cursor:pointer}
.photo-album .direction{width:50px;height:80px;line-height:80px;text-align:center;background:rgba(255,255,255,.5);display:none}
.photo-album .go-left .direction{margin-top:248px}
.photo-album .direction i{font-size:30px;color:#174799}
.photo-album .go-right .direction{margin-top:248px;margin-left:425px}
.photo-album .direction:hover{background:rgba(255,255,255,.7);transition:all .45s ease}
.photo-album:hover .direction{display:inline-block;transition:all .45s ease}
.photo-album-carousel .pic-text{line-height:50px;margin-bottom:15px}
.photo-album-carousel .pic-text .pic-number{font-size:20px;line-height:50px}
.pic-text .pic-number .active{color:#1E9FFF;font-weight:bold;font-size:30px}
.pic-preview{height:120px;width:950px;background:#fff;overflow:hidden;position:relative}
.pic-preview .go-left,.pic-preview .go-right{position:absolute;top:0;bottom:0;width:30px;height:120px;line-height:120px;text-align:center;background:#f0f0f0;cursor:pointer}
.pic-preview .pre-atlas,.pic-preview .next-atlas{position:absolute;top:0;bottom:0;width:120px;padding:10px;text-align:center;background:url(https://static.xjwtqx.com/pc/photo/atlas-bg.png) center no-repeat;cursor:pointer}
.pic-preview .go-left{left:133px}
.pic-preview .go-right{right:133px}
.pic-preview .pre-atlas{left:0}
.pic-preview .next-atlas{right:0}
.pic-preview .pre-atlas img,.pic-preview .next-atlas img{margin-top:19px;height:61px}
.pic-preview .go-left:hover,.pic-preview .go-right:hover{background:#d8d8d8;transition:all .45s ease}
.pic-preview .preview-list{width:604px;height:120px;margin-left:173px;margin-right:173px;overflow:hidden;position:relative}
.pic-preview .preview-list ul::-webkit-scrollbar{display:none}
.pic-preview .preview-list ul{height:120px;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;position:absolute;top:0;bottom:0;left:0}
.pic-preview .preview-list li{float:left;width:140px;padding-top:17px;margin-left:5px;margin-right:5px}
.pic-preview .preview-list li.active,.pic-preview .preview-list li:hover{padding-top:15px}
.pic-preview .preview-list li img{width:100%}
.pic-preview .preview-list li.active img,.pic-preview .preview-list li:hover img{padding:5px;border:2px solid #1E9FFF;cursor:pointer;transition:all .45s ease}
.photo-album-list{display:none}
.photo-album-list li{float:left;width:227.5px;margin-left:5px;margin-right:5px;margin-bottom:10px}
.photo-album-list li img{width:100%}
.photo-album-list .item{padding:10px;border:1px solid #aaa}
.photo-album-list .item:hover{border-color:#1E9FFF;transition:all .45s ease}
.endpop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.45);z-index:99999;display:none}
.endpop .endpop-close-btn{position:absolute;top:10px;right:10px;z-index:9;color:#fff;height:30px;width:30px;line-height:26px;text-align:center;border-radius:50%;border:2px solid #fff;cursor:pointer}
.endpop .endpop-close i{font-size:18px}
.endpop .endpop-content{position:absolute;top:50%;left:50%;margin-top:-150px;margin-left:-325px;width:650px;padding:25px;background:#1C1C1C}
.endpop-content .endpop-qrcode{width:240px;height:240px;position:relative}
.endpop-content .endpop-qrcode:before{content:'';position:absolute;left:0;right:0;top:0;width:240px;height:240px;border-top:1px solid #2BAD13;box-shadow:0px -10px 10px -7px rgba(43,173,19,.6);animation:tobottombig 3s linear infinite}
.endpop-content .endpop-qrcode img{width:100%}
.endpop-content p.top-text{display:block;line-height:30px;color:#fff;font-size:18px;margin-bottom:20px;overflow:hidden}
.endpop-content p.top-text .direction-text{display:inline-block;line-height:30px}
.carousel-box,nav,.nav-box{background:#EEEEEE}
.carousel-box{overflow:visible}
/*文章页 end*/

/*详情页 video*/
.video-box{margin-top:-50px;padding-top:100px;padding-bottom:80px}
.video-box .layui-container{padding-left:0;padding-right:0}
.video-box .layui-container .layui-col-xs9{padding-right:20px}
.video-box h2{font-size:26px;line-height:40px;padding-bottom:6px}
.video-box .source{line-height:24px}
.video-content{padding-top:60px;padding-bottom:60px;margin-bottom:30px;background:#000000}
.video-box .layui-col-xs3{padding:0 10px;background:#000}
.related-video{height:619px;width:280px;overflow:hidden}
.related-video h3{font-size:22px;line-height:50px;padding-top:6px;margin-bottom:10px;border-bottom:1px solid #fff}
.related-video .related-video-content img,.related-video .related-video-content .related-video-info{float:left}
.related-video ul:after,.related-video .related-video-content:after{content:'';display:block;clear:both}
.related-video ul .related-video-content{display:block;padding:5px;margin-bottom:10px;background:#2F4056}
.related-video .related-video-content img{width:40%}
.related-video .related-video-content .related-video-info{padding-left:10px;width:60%}
.related-video .related-video-content h5{color:#fff;font-size:15px;line-height:1.8;padding-top:3px;margin-bottom:8px}
.related-video .related-video-content p{color:#ccc;line-height:1.4}
#right-click{position:fixed;z-index:99999;display:block;padding:10px 20px;border-radius:3px;background:#fff;visibility:hidden;box-shadow:0 0 20px rgba(0,0,0,.35)}
#right-click h3{font-size:18px;line-height:1.8;border-bottom:1px solid #ccc;margin-bottom:8px}
#right-click a{display:block;height:30px;line-height:30px}
#right-click a:hover{color:#1E9FFF}
/*详情页 end*/
/*classroom*/
.classroombanner{height:400px;margin-top:-50px;background:url(https://static.xjwtqx.com/pc/video/classroom01.jpg) center no-repeat}
.classroom-tags h2{font-size:24px;padding:15px 30px;text-align:center;line-height:1.4;color:#fff;background:#0685EB}
.classroom-tags ul{padding:10px 0;background:#fff}
.classroom-tags li a{position:relative;display:block;color:#686868;padding-left:30px;font-size:16px;height:45px;line-height:45px}
.classroom-tags li a:after{content:'';position:absolute;top:0px;left:0px;height:45px;width:0px;background:rgba(6,6,6,0.1);color:#686868;box-sizing:border-box;transition:0.5s}
.classroom-tags li a:hover:after,.classroom-tags li.active a:after{width:100%}