@charset "utf-8";
*{-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-touch-callout:none;margin:0}
::-webkit-scrollbar{width: 9px;background-color: #fff;}
::-webkit-scrollbar-thumb{border: solid 2px #fff;width: 5px;border-radius: 4px;background-color: #373c41;}
::-webkit-scrollbar-corner{background-color: #fff;}
::-webkit-scrollbar:horizontal{height: 9px;}
::-webkit-selection{background: #dcdddc;color: #000;}
*,::after,::before{box-sizing:border-box;}
/*清除浮动*/
.clearfix{zoom: 1;}
.clearfix:before,.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.hide {display:none!important;}
.width{width: 1200px;margin: 0 auto;}

.topbar{color: #fff;font-size: 14px;line-height: 3;background: #315cc5;}
.topbar .box{display: flex;justify-content: space-between;}
.topbar a{color: #fff;}

.header{padding: 40px 0;background:#fff;box-shadow: 0 0 10px rgb(0 0 0 / 15%);}
.header .box{display: flex;justify-content: space-between;}
.header .logo img{max-width: 100%;}
.header ul{list-style:none;display:flex;}
.header li{margin-right:40px;}
.header li:last-child{margin-right: 0;}
.header li a{color: #666;font-size: 18px;font-weight: bold;border-bottom: 2px solid transparent;line-height:51px;padding: 10px 0;}
.header li a:hover{color: #000;}
.header li.cur a{color: #000;border-color: #666;}

.ui-menu{line-height: 3rem;margin-bottom: 20px;}
.ui-menu .ui-menu-name{color: #5c5c7c;font-size: 25px;font-weight: bold;border-color: transparent;}
.ui-menu .ui-menu-more{color: #999;font-size:13px; }
.ui-menu .ui-menu-more a{color: inherit;}

.in_video{padding: 20px 0;background: #000;}
.in_video .video_play{aspect-ratio: 16 / 9;}

.video_buy{position: relative;display:flex;align-items:center;justify-content:center;color: #fff;text-align: center;aspect-ratio: 16 / 9;border-radius: 6px;background: #242424;}
.video_buy p{color: #fff;font-size: 18px;font-weight: bold;padding-bottom: 15px;margin: 0;border-bottom: 1px solid #333;}
.video_buy a{display: block;color: #63450c;font-size:14px;line-height: 3;font-weight: bold;padding: 0 50px;border-radius: 30px;margin-top: 20px;background: linear-gradient(90deg,#ffdf89 0,#FFD179 100%);}
.video_buy a:hover{background: linear-gradient(90deg,#ffe6a1 0,#fad469 100%);}
.video_buy em{display: block;color: #999;margin-top: 10px;}
.video_buy .bottom{position:absolute;left:20px;right:20px;bottom:0;line-height:55px;border-top:3px solid #434645;text-align:left;color:#cfcfcf;cursor:not-allowed;display:flex;justify-content:space-between}
.video_buy .bottom .play span{font-size:12px;margin-left:10px;color:#999;}
.video_buy .bottom .icon i{margin-left:10px;}

.ui-modal.small{width:300px;}
.ui-payway{display:flex;flex-wrap:wrap;}
.ui-payway-item{flex:0 0 48.5%;max-width:48.5%;display:flex;align-items:center;justify-content:center;margin:1.5% 0;padding:10px 0;border:.8px solid #e1e6f0;color:#a1abc2;border-radius:4px;text-align:center;position:relative;cursor:pointer;font-size:18px;}
.ui-payway-item:nth-child(odd){margin-right:1.5%;}
.ui-payway-item:nth-child(even){margin-left:1.5%;}
.ui-payway-item img{height:40px;}
.ui-payway-item i{font-size:24px;margin-right:10px;color:#fff;background:#999;display:inline-block;width:40px;height:40px;line-height:40px;border-radius:50%;}
.ui-payway-item span{position:absolute;right:1px;bottom:0px;color:#fff;z-index:20;font-size:12px;display:none;}
.ui-payway-item.blue i{background:#e93323}
.ui-payway-item.green i{background:#19BE6B}
.ui-payway-item.red i{background:#ED4014}
.ui-payway-item.active{border-color: #315cc5;}
.ui-payway-item.active:before{position:absolute;content:"";right:0;bottom:0;color: #315cc5;width:0;height:0;border-bottom: 30px solid #315cc5;border-left:30px solid transparent;z-index:10;}
.ui-payway-item.active span{display:block;}
.ui-payway.one .ui-payway-item{flex:0 0 100%;max-width:100%;margin:0;margin-bottom:20px;padding:10px 0}
.ui-payway.one .ui-payway-item:last-child{margin-bottom:0;}
.ui-modal .ui-btn.block{display:block;width:100%;text-align:center;}
.ui-modal .ui-btn.blue{background: #315cc5;border-color: #315cc5;color:#fff;}
.ui-modal .ui-btn.blue:hover{background: #244aa7;border-color: #244aa7;color:#fff;}

.in_about{margin-top: 80px;text-align: center;}
.in_about h3{font-size: 46px;font-weight: normal;}
.in_about span{display: block;color: #999;font-size: 22px;letter-spacing: 3px;text-indent: 3px;}
.in_about p{font-size: 22px;line-height: 2.5;font-weight: 300;text-indent: 2em;text-align: justify;margin-top: 30px;}
.in_about .book{margin-top: 60px;}
.in_about .book .ui-form-group{margin-bottom: 30px;padding: 0;}
.in_about .book .ui-form-ip{font-size: 16px;border-color: #e5e5e5;}
.in_about .book .ui-col-4{max-width: calc(33.333333% - 20px);display: none;}
.in_about .book .ui-btn{color: #fff;font-size: 16px;border-color: #315cc5;background: #315cc5;margin: 0;height: 100%;}

.in_news{display: flex;justify-content: space-between;padding-top: 25px;margin-bottom: 60px;}
.in_news .ui-menu-more a:hover{color: #315cc5;}
.in_news .video-item{width: 700px;}
.in_news .video-item .video{height: 360px;}
.in_news .news-item{width: 470px;}
.in_news .ui-list li {display:block;font-size: 16px;padding: 10px 0;border-color: transparent;}
.in_news .ui-list li a i {color: #999;font-size:14px;margin:0 5px 0 0}
.in_news .ui-list li a:hover{color: #315cc5;}

.copyright{color: #fff;font-size: 16px;font-weight: bold;line-height: 3.5;text-align: center;background: #315cc5;}
.copyright br{display: none;}
.copyright a{color: inherit;}
.copyright a:hover{color:#fff;}

.ui-media-list .ui-media{margin-bottom: .75rem;padding-bottom: .75rem;}
.ui-media-body{min-width: 0;}
.ui-media-body .ui-media-header{position:relative;font-size:20px;font-weight:400;padding-right: 100px;margin: 0;}
.ui-media-body .ui-media-header .date {font-size:14px;color:#97989c;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.ui-media-body .ui-media-text {color:#888;text-align: justify;}

.artcile{margin: 30px 0;}
.artcile .box{min-height: calc(100vh - 296px);padding: 10px 20px;box-shadow: 0px 0px 30px rgb(0 0 0 / 10%);}
.article-show{padding:0;}
.article-show h1{font-size:20px;color:#333;font-weight:600;padding-top:20px;text-align: center;}
.article-show .info{color:#999;font-size:14px;text-align: center;padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px solid #eee;}
.article-show .intro{min-height:100px;word-break:break-all;}
.article-show .intro *{max-width:100%;}
.article-show .intro p{color: #666;font-size: 16px;line-height: 2;text-align: justify;margin: 0;}
.article-show .intro:after{content:"";display:table;clear:both;}
.article-show .intro img{max-width:100%;}

.paging-previous{margin: 20px 0;border-top: 1px solid #eee;}
.paging-previous li{font-size:16px;list-style:none;margin-top: 15px;}
.paging-previous li a{ color:#315cc5;}

.ui-page ul li.active{border-color: #315cc5;background: #315cc5;}
.ui-page ul li.active a{background: #315cc5;}

/*分享*/
.shareBox{position: relative;position: fixed;top: 50%;margin-top: -110px;right: 20px;z-index: 99;}
.articleShare{position: absolute;top: 0;right: 0;height: 100%;display: flex;align-items: center;}
.shareParent .shareFont{width: 40px;height: 40px;line-height: 40px;margin: 0 8px;font-size: 24px;font-weight: normal;box-sizing: initial;box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);}
.shareParent .shareItem{display: block;margin: 10px 0;transition: all .5s;}
.shareParent .shareFont.icon-weibo {color: #FFFFFF;background: #ff763b;}
.shareParent .shareFont.icon-qzone {color: #FFFFFF;background: #FDBE3D;}
.shareParent .shareFont.icon-qq {color: #FFFFFF;background: #56b6e7;}
.shareParent .shareFont.icon-wechat {color: #FFFFFF;background: #7bc549;}
.shareParent .shareItem:hover,.shareParent .shareItem:active{opacity: .8;transform: scale(0.98);}

@media only screen and (max-width: 768px){
.width{width: 96%;max-width: 640px;}

.topbar{font-size: 12px;}

.header{padding: 20px 0;}
.header .logo{flex: none;width: 35%;}
.header li{margin-right: 8px;}
.header li a{font-size: 12px;line-height: normal;border-width: 1px;padding: 5px 0;}

.ui-menu{line-height: 2rem;margin-bottom: 10px;}
.ui-menu .ui-menu-name{font-size: 18px;}
.ui-menu .ui-menu-more{font-size: 12px;}

.in_video{padding: 2% 0;}

.video_buy .tips{margin-top: -5%;}
.video_buy p{font-size: 16px;padding-bottom: 5px;}
.video_buy a{width: 60%;font-size: 12px;line-height: 2.5;padding: 0;margin: auto;margin-top: 10px;}
.video_buy em{font-size: 12px;margin-top: 5px;}
.video_buy .bottom{left: 3%;right: 3%;bottom:0;line-height: 2;border-width: 2px;}
.video_buy .bottom i{font-size: .8rem;}
.video_buy .bottom .icon i{margin-left: 5px;}

.in_about{margin-top: 30px;}
.in_about h3{font-size: 26px;margin: 0;}
.in_about span{font-size: 14px;letter-spacing: 0;text-indent: 0;}
.in_about p{font-size: 14px;margin-top: 10px;}
.in_about .book{margin-top: 30px;}
.in_about .book .ui-form-group{margin-bottom: 2%;}
.in_about .book .ui-form-ip{font-size: 14px;}
.in_about .book .ui-col-4,.in_about .book .ui-col-3{flex: 1;min-width: 100%;}
.in_about .book .ui-btn{font-size: 14px;margin-top: 2%;}

.in_news{display: block;padding: 0;margin: 0;}
.in_news .video-item,.in_news .news-item{width: 100%;margin: 20px 0;}
.in_news .video-item .video{height: auto;aspect-ratio: 16 / 9;}
.in_news .ui-list li {font-size: 15px;padding: 5px 0;}
.in_news .ui-list li a i {font-size: 12px;}

.copyright{font-size: 14px;line-height: 2;padding: 15px 0;}
.copyright br{display: block;}

.ui-media-list .ui-media{margin-bottom: .5rem;padding-bottom: .5rem;}
.ui-media-body .ui-media-header{font-size: 15px;padding-right: 75px;}
.ui-media-body .ui-media-header .date {font-size: 12px;}
.ui-media-body .ui-media-text {color:#888;text-align: justify;}

.artcile{margin: 2% 0;}
.artcile .box{min-height: calc(100vh - 199px);padding: 5px 10px;}
.article-show h1{font-size: 16px;padding-top: 15px;}
.article-show .info{font-size: 12px;padding-bottom: 10px;margin-bottom: 10px;}
.article-show .intro p{font-size: 14px;}
.article-show .intro img{max-width:100%;}

.paging-previous{margin: 15px 0;}
.paging-previous li{font-size: 14px;overflow: hidden;margin-top: 10px;white-space: nowrap;text-overflow: ellipsis;}

.art-icon-state svg{width: 60px;height: auto;}
.art-bottom .art-progress{padding-bottom: 5px!important;}

.shareBox{position: inherit;display: flex;justify-content: center;margin-top: 10px;}
.shareBox:before{content:"转发：";font-size: 14px;}
.shareParent .shareItem{margin: 0;}
.shareParent .shareFont{width: 25px;height: 25px;font-size: 18px;line-height: 25px;}}

/*评论列表*/
.comment-main{width: 100%;background: #FFF;border-bottom: 3px solid #eee;margin-top: 20px;font-size: 12px;color: #666;line-height: 14px;transition: all .5s;}
.comment-main:hover{border-bottom: 3px solid #315cc5;-webkit-box-shadow: 0 10px 20px 0 #CCC;-moz-box-shadow: 0 10px 20px 0 #CCC;-ms-box-shadow: 0 10px 20px 0 #CCC;-o-box-shadow: 0 10px 20px 0 #CCC;box-shadow: 0 10px 20px 0 #CCC;}
.comment-title{width: 100%;height: 40px;line-height: 40px;background: #fafafa;border-bottom: 1px solid #CCC;}
.comment-title span{float: left;font-size: 14px;line-height: 40px;display: block;padding: 0 30px;background: #315cc5;color: #FFF;}
.comment-show-box{margin: 20px 12px}
.comment-show-box .pl-box2{width: 100%}
.comment-show-box .pl-box2 dl{float: left;width: 100%;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #EEE;}
.comment-show-box .pl-box2 dl dt{float: left;width: 50px;color: #dedfe0;font-size: 50px;background: #f5f5f9;border-radius: 50%;margin-right: 15px;}
.comment-show-box .pl-box2 dl dd{float: right;width: 92%;}
.comment-show-box .pl-box2 dl dd h1{font-weight: 700;font-size: 100%;}
.comment-show-box .pl-box2 dl dd h1 span{color: #656565;font-weight: 400;float: right;}
.comment-show-box .pl-box2 dl dd p{margin-top: 10px;line-height: 20px}
.comment-show-box .pl-box2 dl dd p.xz-fc1{color: #315cc5;}
.comment-show-box .xz-cb{zoom: 1}
.comment-show-box .xz-cb:after{display: block;clear: both;visibility: hidden;height: 0;overflow: hidden;content: "."}
.c-more {text-align: center;line-height: normal;}
.c-more a {border-radius: 2px;-webkit-border-radius: 2px;display: block;background: #315cc5;color: #ffffff;padding: 13px 0;}
.c-more a:hover {background: #333;}
/*评论表单*/
.comment-show-box .fb-box{background: #FAFAFA;border: 1px solid #EEE;margin-top: 20px;}
.comment-show-box .fb-box dl{float: left;width: 100%;padding: 12px;box-sizing: border-box;}
.comment-show-box .fb-box dt{float: left;width: 50px;color: #dedfe0;font-size: 50px;background: #f5f5f9;border-radius: 50%;margin-right: 15px;}
.comment-show-box .fb-box dd{float: right;width: 92%;margin: 0;}
.comment-show-box .fb-box dd p{color: #656565;margin: 0;}
.comment-show-box .fb-box dd p textarea{width: 100%;height: 120px;line-height: 20px;color: #6C6C6C;padding: 12px;border: 1px solid #EEE;outline: 0;font-family: "microsoft yahei";transition: all .5s;box-sizing: border-box;}
.comment-show-box .fb-box dd p textarea:focus{border: 1px solid #315cc5;box-shadow: 0 0 10px 0 #315cc5}
.comment-show-box .fb-box-div{margin-top: -1px;background: #FAFAFA;border-radius: 0 0 5px 5px;border: 1px solid #EEE;}
.comment-show-box .fb-box-div dl{padding: 12px;position: relative;}
.comment-show-box .fb-box-div dd{font-size: 12px;line-height: 13px;color: #666;margin: 0;}
.comment-show-box .fb-box-div input{-webkit-border-radius: 0 0 5px 0;-moz-border-radius: 0 0 5px 0;-ms-border-radius: 0 0 5px 0;-o-border-radius: 0 0 5px 0;border-radius: 0 0 5px 0;position: absolute;top: -1px;right: -1px;width: 80px;height: 39px;font-size: 12px;line-height: 39px;background: #AAA;color: #FFF;border: 0;cursor: pointer;transition: all .5s;}
.comment-show-box .fb-box-div input:hover{background: #315cc5;color: #FFF;}
@media screen and (max-width:768px){
.comment-show-box .pl-box2 dl dd,.comment-show-box .fb-box dd{width: 90%;}
.comment-show-box .fb-box dd p textarea{width: 100%;}}
@media screen and (max-width:640px){
.comment-show-box{margin: 10px 5px;}
.comment-show-box .pl-box2 dl dd h1{line-height: 20px;}
.comment-show-box .pl-box2 dl dd p{margin-top: 5px;line-height: 18px;}
.comment-show-box .pl-box2 dl dd{width: 80%;}
.comment-show-box .fb-box dt{display: none;}
.comment-show-box .fb-box dd{width: 100%;}
.comment-show-box .fb-box dd p textarea{width: 100%;}}