@import url(iconfont.css);

*{margin: 0; padding: 0; outline: none;box-sizing: border-box;}
body{ background: #f7f8fa; }
ul,li{ list-style: none; }
a{ color: #333; text-decoration: none; }
.container{ max-width: 960px; padding: 0 10px; margin: 0 auto;  }

.crumbs{ display: flex; padding:8px 0px; line-height:1.7; align-items: center;   flex-wrap: wrap;}
.crumbs i{ margin:0px 5px;}

.main{ background: #FFF; border-radius: 8px; box-shadow: 0 5px 5px rgba(0,0,0,0.1); padding: 15px; }
.main li{ display: flex;align-items: center; line-height:1.4;
    justify-content: space-between; padding:8px; cursor: pointer;transition: all .3s ease;-webkit-transition: all .3s ease;}
.main li.con:hover{
    background-color: rgba(132, 133, 141, 0.18); border-radius:8px;transform: scale(1.01);}
.main li .con{ line-height: 45px; }


.main li .a{ flex: 65%; }
.main li .a i{color: rgb(24, 144, 255); margin-right: 8px; font-size:20px;}
.main li .b{ flex: 17%; text-align: right; }
.main li .c{ width: 33%; text-align: right;  }
.main li.tits{ font-size: 14px; font-weight: bold; color: #666 }

.single{ background: #FFF; border-radius: 8px; box-shadow: 0 5px 5px rgba(0,0,0,0.1); padding: 15px; margin-top: 15px; }
.single .tits{ border-bottom: 1px solid #ddd; padding: 15px 0; font-size: 32px;font-weight: bold; }
.single .tits2{ padding: 3px 0; font-size: 19px;font-weight: bold; }
.single .con{ padding: 15px 0; font-size:19px;}

.infocontent{ background: #FFF; border-radius: 8px; box-shadow: 0 5px 5px rgba(0,0,0,0.1); padding: 35px 15px; }
.infocontent .icon{ display: flex; justify-content: center; margin-bottom: 15px; }
.infocontent .icon i{ font-size: 90px;color: rgb(24, 144, 255); }
.infocontent .text{ text-align: center; }
.infocontent .text h2{ font-size: 18px; }
.infocontent .text p{ font-size: 14px; color: #999; margin: 10px 0 }
.infocontent .btns button{ height: 40px; line-height: 40px; display: inline-block; background: #ede9fe; color: #5746af; border-radius: 10px; padding: 0 15px; border: none; font-size: 14px; }
.infocontent .btns a{ margin-left: 8px; height: 40px; line-height: 40px; display: inline-block; background: #e1f0ff; color: #006adc; border-radius: 10px; padding: 0 15px; border: none; font-size: 14px; }

.list{ background: #FFF; border-radius: 8px; box-shadow: 0 5px 5px rgba(0,0,0,0.1); padding: 15px; }
.list li{ display: flex; align-items: center; height: 40px; }
.list li .a{ flex: 50%; }
.list li .a i{color: rgb(24, 144, 255); margin-right: 5px; font-size:20px;}
.list li .b{ flex: 17%; text-align: center; }
.list li .b button{ line-height: 30px; display: inline-block; background: #ede9fe; color: #5746af; border-radius: 10px; padding: 0 15px; border: none; font-size: 14px;}
.list li .b a{ line-height: 30px; display: inline-block; background: #e1f0ff; color: #006adc; border-radius: 10px; padding: 0 15px; border: none; font-size: 14px; }
.list li .c{ width: 33%; text-align: right;  }
.list li.tits{ font-size: 14px; font-weight: bold; color: #666 }

.pages{ text-align: center; font-size: 12px; margin-top: 10px; }

.video_m{background: #FFF; border-radius: 12px; box-shadow: 0 5px 5px rgba(0,0,0,0.1); padding: 8px; }
.video_m .viewo_content { width:100%; margin-bottom:8px;}
.video_m .viewo_content video{ width:100%; height:auto;}
.video_m .v_title{display: flex;
    align-items: center;
    justify-content: space-between; margin-bottom:8px;}
.video_m .v_title .txt{ border-radius:8px; background-color:rgb(241, 243, 245); color:rgb(17, 24, 28); font-size:16px; min-height:40px; display:flex;  align-items: center;flex-wrap: wrap; padding:5px 12px; flex:1;}
.video_m .v_title .fany{display: flex;
    align-items: center;}
.video_m .v_title .fany a{ margin-left:20px;}
.video_m .link{display: flex;
    align-items: center;
    justify-content: center;  flex-wrap: wrap;}
.video_m .link img{ width:32px; height:auto; margin:6px;}

@media screen and (max-width: 768px) {
    .main li .c{ display: none; }
    .list li .c{ display: none; }
}