@charset "utf-8";
/* CSS Document */
/* #页面共用样式# */
body { font-family: 'Source Han Sans','Microsoft YaHei','Arial','simsun','Helvetica Neue', 'Liberation Sans', 'FreeSans', 'sans-serif'; color: #666; background: #f5f5f5; font-size: 12px; min-width: 1440px;position: relative;min-height: 100%; }
/*视频资源首页*/
.border { border: 1px solid #ccc; }
.border-bottom { border-bottom: 1px solid #ccc; }
.main { width: 1440px; margin: 0 auto; overflow: hidden;padding-bottom: 170px; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999; }
input:-moz-placeholder, textarea:-moz-placeholder { color: #999; }
input::-moz-placeholder, textarea::-moz-placeholder { color: #999; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999; }
img { margin: 0; padding: 0; border: 0; }
.NavLeft { float: left; overflow: hidden; height: 68px; margin-left: 40px; }
.NavRight { float: right; margin-right: 40px; }
/*--icon CSS--*/
/* #页面图标样式# */
.i-search { width: 22px; height: 23px; background: url(../../Images/IconList.png) no-repeat; background-position: -72px 1px; display: block; float: left; }
/*--topper CSS--*/
/* #顶部样式# */
.topper { width: 100%; min-width: 1440px; height: 68px; background: #0AA770; font-size: 12px; overflow: hidden; }
.topper .logo { margin-top: 20px; }
.topper .topper-content { margin: 0 auto; }
.topper-content .search { width: 320px; height: 38px; margin-top: 15px; border-radius: 38px; background-color: rgba(255,255,255,0.2); }
.topper-content .search input { float: left; width: 268px; margin-left: 14px; height: 38px; border: none; background-color: transparent; text-indent: 5px; color: #fff; }
.topper-content .search img { float: left; margin: 10px 0px 0px 0px; }
.topper-content .search i { cursor: pointer; margin: 7px 0px 0px 5px; }
/*--header CSS--*/
.header { height: 420px; }
.header-content { height: 420px; overflow: hidden; position: relative; width: 100%; }
.header-content ul { position: absolute; }
.header-content ul li { float: left; height: 420px; }
/*栏目首页*/
.header-content2 { height: 400px; overflow: hidden; position: relative; padding-top: 40px; width: 1440px; margin: auto; }
.header-content2 ul { position: absolute; float: left; }
.header-content2 ul li { float: left; height: 400px; width: 1440px; }
.header-title2 { width: 112px; margin: auto; height: 12px; position: relative; margin-top: -20px; }
.header-title2 .bullet2 i { width: 10px; height: 10px; display: block; float: left; background: url(../../Images/IconList.png) no-repeat; background-position: -112px -48px; margin-left: 10px; cursor: pointer; }
.header-title2 .li_check2 i { width: 30px; height: 10px; background-position: -72px -48px; }
.header .slide-left { cursor: pointer; width: 19px; height: 32px; position: absolute; left: 38px; top: 224px; background: url(../../Images/IconList.png) no-repeat; background-position: -102px 1px; }
.header .slide-right { cursor: pointer; width: 19px; height: 32px; position: absolute; right: 38px; top: 224px; background: url(../../Images/IconList.png) no-repeat; background-position: -130px 1px; }

.header-title { width: 1440px; margin: auto; position: relative; }
.header-title ul { width: 290px; height: 360px; position: absolute; right: 0px; top: -390px; background: inherit; background-color: rgba(0, 0, 0, 0.7); border-radius: 5px; display: flex; flex-direction: column; justify-content: center; }
.header-title ul li { cursor: pointer; color: #fff; line-height: 36px; font-size: 16px; margin: 0 23px 0 13px; }
.header-title ul li i { width: 10px; height: 10px; display: block; float: left; }
.header-title .li_check { color: #0aa770; }
.header-title .li_check i { background: url(../../Images/IconList.png) no-repeat; margin-top: 12px; }
/*Head title*/

/* #头部样式# */
.topper .nav { font-size: 14px; padding-top: 20px; float: left; margin-left: 40px; }
.topper .nav a { color: #fff; font-size: 20px; font-weight: bold; }
.topper .nav ul li { padding: 0px 26px 30px 26px; display: block; float: left; height: 16px; cursor: pointer; }
.line1 { float: left; height: 16px; border-left: 1px solid #ccc; }
.topper .nav-hover a { color: #0aa770; }
/*footer CSS*/
/*首页样式*/
.ResourceBox { margin-top: 50px; }
.ResourceList { width: 256px; height: 88px; line-height: 88px; color: #fff; }
.ResourceBox .r1 { background-color: #88a891; }
.ResourceBox .r2 { background-color: #8a93b2; }
.ResourceBox .r3 { background-color: #d0bb82; }
.ResourceBox .r4 { background-color: #bb9b8c; }
.ResourceBox .r5 { background-color: #e1a69b; }
.ResourceBox .ResourceList .mark1 { font-size: 30px; margin-left: 20px; }
.ResourceBox .ResourceList .mark2 { font-size: 18px; margin-right: 20px; }
.ResourceBox .ResourceW40 { width: 40px; height: 88px; }
/*title*/
.Box-Title { width: 100%; float: left; margin: 23px 0 20px 0; line-height: 30px; height: 52px; border-bottom: 1px solid #e5e5e5; }
.Box-Title .Title-Left i { display: block; width: 36px; height: 34px; float: left; background: url(../../Images/ResourceType.png) no-repeat; }
.Box-Title .Title-Left .i1 { background-position: 0px 0px; }
.Box-Title .Title-Left .i2 { background-position: -53px 2px; }
.Box-Title .Title-Left .i3 { background-position: -106px 0px; }
.Box-Title .Title-Left .i4 { background-position: -158px 0px; }
.Box-Title .Title-Left .i5 { background-position: -210px 0px; }
.Box-Title .Title-Left span { font-size: 28px; float: left; margin-left: 9px; }
.VideoBody .Box-Title2 { width: 100%; float: left; margin: 20px 0 0px 0; line-height: 30px; height: 54px; border-bottom: 0; }
.VideoBody .Box-Title2 .Title-Left2 span { margin-left: 0px; font-size: 26px; line-height: 24px; font-weight: normal; }
.VideoBody .Box-Title2 .Title-Left span { margin-left: 0px; }
.VideoBody .Box-Title2 .Title-Right ul { width: auto; right: 0; }
.VideoBody .Box-Title .Title-Right ul li:first-child { margin-right: 0px; }

/*大图*/
.VideoBody .Box-Content .Index-Box1 { width: 470px; height: 390px; float: left; background-color: #f5f5f5; position: relative; }
.VideoBody .Box-Content .Index-Box1 .ImgBox1 { width: 470px; height: 310px; float: left; overflow: hidden; border-radius: 4px 4px 0 0; position: relative; }
.VideoBody .Box-Content .Index-Box1 .ImgSpan1 { width: 430px; height: 42px; float: left; padding: 20px; }
.VideoBody .Box-Content .Index-Box1 .ImgSpan1 span { width: 100%; float: left; }
.VideoBody .Box-Content .Index-Box1 .ImgSpan1 .ImgSpan1-tl1 { font-size: 18px; color: #333; }
.VideoBody .Box-Content .Index-Box1 .ImgSpan1 .ImgSpan1-tl2 { font-size: 14px; color: #999999; margin-top: 3px; }
.VideoBody .Box-Content .Index-Box2 .ImgBox2 { border-radius: 4px; position: relative; }
.VideoBody .Box-Content { width: 1225px; }
.VideoBody .HotBox { width: 155px; }
.VideoBody .Title-Left3 { border-bottom: 1px solid #e5e5e5; padding-bottom: 11px; }
.VideoBody .HotBox .HotList { margin: 7px 0 0 0px; }
.VideoBody .HotBox .HotList span { width: 135px; }
.VideoBody .ColumnListLeft { background-color: #f5f5f5; }

.Box-Title .Title-Left2 i { display: block; width: 4px; height: 23px; float: left; background-color: #0aa770; margin-top: 5px; }
.Box-Title .Title-Left2 span { font-size: 24px; float: left; margin-left: 16px; font-weight: bold; line-height: 40px; }

.Box-Title .Title-Left3 i { display: block; width: 4px; height: 23px; float: left; background-color: #0aa770; margin-top: 5px; }
.Box-Title .Title-Right { position: relative; height: 30px; overflow: hidden; margin-top: 1px; cursor: pointer; }
.Box-Title .Title-Right ul { width: auto; position: absolute; right: 40px; }
.Box-Title .Title-Right ul li { float: left; margin: 0 16px 0 16px; font-size: 14px; }
.Box-Title .Title-Right .SwitchBox { width: 38px; margin-top: 6px; }
.Box-Title .Title-Right .SwitchBox i { background: url(../../Images/IconList.png) no-repeat; width: 18px; height: 18px; display: block; float: left; }
.Box-Title .Title-Right .SwitchBox .Switch-left { background-position: -17px 0px; }
.Box-Title .Title-Right .SwitchBox .Switch-right { background-position: -45px 0px; margin-left: 2px; }
.Box-Title .Title-Right2 ul { margin-left: 130px; }
.Box-Title .Title-Right2 ul li { float: left; margin: 2px 16px 0 16px; font-size: 16px; font-weight: bold; }
.Column-VideoBox { width: 1440px; float: left; background-color: #fff; margin-top: 40px; }
.Column-VideoBox .Box-Content { width: 1195px; }

.HotBox { width: 225px; height: 390px; float: left; }
.Title-Left3 { width: 100%; float: left; }
.Title-Left3 i { display: block; width: 4px; height: 23px; float: left; background-color: #0aa770; margin-top: 5px; }
.Title-Left3 span { font-size: 18px; float: left; margin-left: 13px; font-weight: bold; line-height: 32px; }
.Title-Left4 { width: 100%; float: left; }
.Title-Left4 i { display: block; width: 4px; height: 23px; float: left; background-color: #0aa770; margin-top: 5px; }
.Title-Left4 span { font-size: 16px; float: left; margin-left: 13px; font-weight: bold; line-height: 32px; color: #cccccc; }

.HotBox .HotList { margin: 9px 0 0 15px; }
.HotBox .HotList ul li { line-height: 32px; }
.HotBox .HotList span { float: left; width: 188px; }
.HotBox .HotList i { width: 14px; height: 14px; float: left; background-color: #cccccc; font-style: normal; text-align: center; margin-top: 10px; line-height: 12px; margin-right: 6px; color: #fff; }
.HotBox2 { width: 215px; height: 350px; float: left; }
.HotBox2 .HotList { margin: 9px 0 0 15px; }
.HotBox2 .HotList ul li { line-height: 32px; }
.HotBox2 .HotList span { float: left; width: 180px; }
.HotBox2 .HotList i { width: 14px; height: 14px; float: left; background-color: #cccccc; font-style: normal; text-align: center; margin-top: 10px; line-height: 12px; margin-right: 6px; color: #fff; }

.bgcolor1 { background-color: #dff4db; }
.bgcolor2 { background-color: #faf0dc; }
.bgcolor3 { background-color: #dcf0fa; }
.bgcolor4 { background-color: #fae1e1; }
.minbgc1 { background-color: #fd537f !important; }
.minbgc2 { background-color: #f2a20c !important; }
.minbgc3 { background-color: #148aff !important; }
.minbgc4 { background-color: #dbecc2 !important; }
.color1 { color: #0aa770 !important; }
.color2 { color: #59ce99; }
.color3 { color: #fe918e; }
.color4 { color: #ffb933; }
.color5 { color: #fd9534; }
.color6 { color: #4cb4fb; }
/*Content*/
.Box-Content { width: 100%; float: left; }
/*大图*/
.Box-Content .Index-Box1 { width: 460px; height: 392px; float: left; background-color: #fff; }
.Box-Content .Index-Box1 .ImgBox1 { width: 460px; height: 312px; float: left; overflow: hidden; }
.Box-Content .Index-Box1 .ImgSpan1 { width: 420px; height: 42px; float: left; padding: 20px; }
.Box-Content .Index-Box1 .ImgSpan1 span { width: 100%; float: left; }
.Box-Content .Index-Box1 .ImgSpan1 .ImgSpan1-tl1 { font-size: 18px; color: #333; }
.Box-Content .Index-Box1 .ImgSpan1 .ImgSpan1-tl2 { font-size: 14px; color: #999999; margin-top: 3px; }
/*小图*/
.Box-Content .Index-Box2 { width: 225px; height: 185px; float: left; background-color: #fff; }
.Box-Content .Index-Box2 .ImgBox2 { width: 225px; height: 125px; float: left; overflow: hidden; }
.Box-Content .Index-Box2 .ImgSpan2 { width: 205px; height: 40px; float: left; padding: 10px; }
.Box-Content .Index-Box2 .ImgSpan2 span { width: 100%; float: left; }
.Box-Content .Index-Box2 .ImgSpan2 .ImgSpan2-tl1 { font-size: 14px; color: #333; }
.Box-Content .Index-Box2 .ImgSpan2 .ImgSpan2-tl2 { font-size: 12px; color: #999999; margin-top: 3px; }
/*图片资源*/
.Box-Content .Index-Box3 { width: 460px; height: 310px; float: left; background-color: #fff; overflow: hidden; }
.Box-Content .Index-Box4 { width: 225px; height: 145px; float: left; background-color: #fff; overflow: hidden; }
/*音频资源*/
.Box-Content .Index-Box5 { width: 225px; height: 285px; float: left; background-color: #fff; }
.Box-Content .Index-Box5 .ImgBox1 { width: 225px; height: 225px; float: left; overflow: hidden; }
.Box-Content .Index-Box5 .ImgSpan1 { width: 185px; height: 40px; float: left; padding: 13px 20px; }
.Box-Content .Index-Box5 .ImgSpan1 span { width: 100%; float: left; }
.Box-Content .Index-Box5 .ImgSpan1 .ImgSpan1-tl1 { font-size: 14px; color: #333; }
.Box-Content .Index-Box5 .ImgSpan1 .ImgSpan1-tl2 { font-size: 12px; color: #999999; margin-top: 3px; }
/*音频资源-大图*/
.Box-Content .Index-Box6 { width: 460px; height: 285px; float: left; background-color: #fff; }
.Box-Content .Index-Box6 .ImgBox1 { width: 460px; height: 225px; float: left; overflow: hidden; }
.Box-Content .Index-Box6 .ImgSpan1 { width: 420px; height: 42px; float: left; padding: 13px 20px; }
.Box-Content .Index-Box6 .ImgSpan1 span { width: 100%; float: left; }
.Box-Content .Index-Box6 .ImgSpan1 .ImgSpan1-tl1 { font-size: 14px; color: #333; }
.Box-Content .Index-Box6 .ImgSpan1 .ImgSpan1-tl2 { font-size: 12px; color: #999999; margin-top: 3px; }
/*文件资源*/
.Box-Content .Index-Box7 { width: 406px; height: 272px; float: left; background-color: #fff; overflow: hidden; padding: 30px 27px 10px 27px; position: relative; }
.Box-Content .Index-Box7 .ImgSpan1-tl1 { font-size: 20px; width: 353px; float: left; }
.Box-Content .Index-Box7 .ImgBox1 { margin-top: 33px; }
.Box-Content .Index-Box7 .downBtn1 { position: absolute; top: 30px; right: 20px; }
.Box-Content .Index-Box7 .downBtn1 input { width: 60px; height: 26px; border-radius: 4px; border: 1px solid #0aa770; background-color: transparent; color: #0aa770; cursor: pointer; }
.Box-Content .Index-Box7 .ImgLittle { width: 80px; height: 80px; overflow: hidden; }
.Box-Content .Index-Box7 .ImgLittle img { overflow: hidden; }
.Box-Content .Index-Box7 .ImgMinSpan { color: #999; line-height: 20px; margin-left: 10px; }
.Box-Content .Index-Box7 .ImgMinSpan span { width: 100%; float: left; }
.Box-Content .Index-Box7 .ImgSpan1 p { color: #999; line-height: 20px; margin-top: 10px; }

.Box-Content .Index-Box8 { width: 191px; height: 111px; float: left; overflow: hidden; padding: 17px; position: relative; background-color: #fff; }
.Box-Content .Index-Box8 .ImgSpan1-tl1 { font-size: 16px; width: 153px; float: left; }
.Box-Content .Index-Box8 .downBtn1 { position: absolute; top: 17px; right: 15px; }
.Box-Content .Index-Box8 .downBtn1 i { width: 19px; height: 19px; display: block; background: url(../../Images/IconList.png) -192px -41px no-repeat; }
.Box-Content .Index-Box8 .ImgBox1 { margin-top: 10px; }
.Box-Content .Index-Box8 .ImgLittle { width: 80px; height: 80px; overflow: hidden; }
.Box-Content .Index-Box8 .ImgLittle img { overflow: hidden; }
.Box-Content .Index-Box8 .ImgMinSpan { color: #999; line-height: 20px; margin-left: 10px; width: 101px; }
.Box-Content .Index-Box8 .ImgMinSpan span { width: 100%; float: left; }
/*栏目首页*/
/*热门视频列表页*/
.HotList { }
/*栏目首页大图*/
.Box-Content .Column-Box1 { width: 410px; height: 390px; float: left; background-color: #fff; margin: 10px 30px 30px 20px; }
.Box-Content .Column-Box1 .ImgBox1 { width: 410px; height: 310px; float: left; overflow: hidden; }
.Box-Content .Column-Box1 .ImgSpan1 { width: 368px; height: 38px; float: left; padding: 20px; border: 1px solid #e5e5e5; border-top: none; }
.Box-Content .Column-Box1 .ImgSpan1 span { width: 100%; float: left; }
.Box-Content .Column-Box1 .ImgSpan1 .ImgSpan1-tl1 { font-size: 18px; color: #333; }
.Box-Content .Column-Box1 .ImgSpan1 .ImgSpan1-tl2 { font-size: 14px; color: #999999; margin-top: 3px; }
/*小图*/
.Box-Content .Column-Box2 { width: 225px; height: 185px; float: left; background-color: #fff; margin: 10px 20px 10px 0; }
.Box-Content .Column-Box2 .ImgBox2 { width: 225px; height: 125px; float: left; overflow: hidden; }
.Box-Content .Column-Box2 .ImgSpan2 { width: 205px; height: 30px; float: left; padding: 10px; line-height: 20px; }
.Box-Content .Column-Box2 .ImgSpan2 span { width: 100%; float: left; }
.Box-Content .Column-Box2 .ImgSpan2 .ImgSpan2-tl1 { font-size: 14px; color: #333; }
.Box-Content .Column-Box2 .ImgSpan2 .ImgSpan2-tl2 { color: #999999; margin-top: 3px; }
/*图片资源*/
.Box-Content .Column-Box3 { width: 410px; height: 320px; float: left; background-color: #fff; overflow: hidden; margin: 10px 10px 30px 20px; position: relative; }
.Box-Content .Column-Box3-Bg { background-color: rgba(0, 0, 0, 0.3); width: 410px; height: 320px; position: absolute; left: 0; top: 0; text-align: center; }
.Box-Content .Column-Box3-Bg span { color: #fff; font-size: 18px; line-height: 320px; width: 410px; float: left; }
.Box-Content .Column-Box4 { width: 225px; height: 150px; float: left; background-color: #fff; overflow: hidden; position: relative; }
.Box-Content .Column-Box4-Bg { background-color: rgba(0, 0, 0, 0.3); width: 225px; height: 150px; position: absolute; left: 0; top: 0; text-align: center; }
.Box-Content .Column-Box4-Bg span { color: #fff; font-size: 18px; line-height: 150px; width: 225px; float: left; }
/*文件资源*/
.Box-Content .Column-Box5 { width: 350px; height: 80px; float: left; background-color: #f5f5f5; overflow: hidden; margin: 0px 22px 9px 0px; position: relative; }
.Box-Content .Column-Box5 .ImgBox2 { width: 80px; height: 80px; overflow: hidden; display: flex; align-items: center; margin-left: 10px; }
.Box-Content .Column-Box5 .ImgBox2 img { vertical-align: middle; }
.Box-Content .Column-Box5 .ImgSpan2 { width: 160px; height: 30px; float: left; padding: 10px; line-height: 20px; }
.Box-Content .Column-Box5 .ImgSpan2 span { width: 100%; float: left; }
.Box-Content .Column-Box5 .ImgSpan2 .ImgSpan2-tl1 { font-size: 14px; color: #333; }
.Box-Content .Column-Box5 .ImgSpan2 .ImgSpan2-tl2 { color: #999999; margin-top: 3px; }
.Box-Content .Column-Box5 .DownloadBox { width: 80px; height: 80px; position: absolute; right: 0px; background-color: #00cc85; text-align: center; display: none; }
.Box-Content .Column-Box5 .DownloadBox i { width: 28px; height: 28px; display: block; background: url(../../Images/IconList.png) -270px 0 no-repeat; margin: auto; margin-top: 14px; }
.Box-Content .Column-Box5 .DownloadBox span { font-size: 14px; color: #fff; line-height: 32px; }

.Box-Content .Column-Box6 { width: 230px; height: 80px; float: left; margin-right: 17px; overflow: hidden; }
.Box-Content .Column-Box6 img { /*max-width: 230px; max-height: 80px;*/ }
.Box-Content .Column-Box7 { width: 745px; }
.Box-Content .Column-Box7 li { float: left; line-height: 28px; font-size: 14px; }
.Box-Content .Column-Box7 li i { display: block; float: left; margin: 5px 6px 10px 0; line-height: 10px; }
.Box-Content .Column-Box7 li .s1 { width: 240px; }
.Box-Content .Column-Box7 li .s2 { width: 90px; }
/* #底部样式# */
footer { width: 100%; height: 140px; margin-top: 30px; border-top: 1px solid #E6E6E6; background: #F2F2F2; text-align: center;position: absolute;bottom: 0px; }
.page-info { margin-top: 44px; line-height: 20px; }
.page-info span { width: 100%; float: left; }
.page-info b { font-weight: normal; }
/*栏目首页*/
.spotStyle { color: #fff; font-size: 20px; font-weight: bold; display: block; margin-left: 14px; line-height: 14px; }
.nav .childnav li { line-height: 30px; }
.nav .childnav li a { font-size: 16px; padding: 0 0 6px 0; }
.nav .childnav li:first-child { padding: 0 26px 0 0; }
.nav .childhover { border-bottom: 2px solid #fff; }
/*栏目列表页*/
.CrumbsNav { margin: 40px 0 15px 0; width: 100%; float: left; }
.CrumbsNav i { width: 14px; height: 14px; display: block; background: url(../../Images/IconList.png) -142px -46px no-repeat; margin: 4px 13px 0 0; }
.CrumbsNav span { float: left; font-size: 16px; font-weight: bold; }
.CrumbsNav .spansplit { margin: 0 18px; }
.CrumbsNav .span_hover { color: #0aa770; }
.ColumnListLeft { width: 280px; float: left; background-color: #fff; }
.ColumnListLeft .ColumnListLeft-Con { width: 100%; float: left; padding-bottom: 20px; }
.ColumnListLeft .ColumnListLeft-Con ul li { line-height: 48px; font-size: 14px; padding: 0 20px; }
.ColumnListLeft .ColumnListLeft-Con .Column-hover { background-color: #0aa770; }
.ColumnListLeft .ColumnListLeft-Con .Column-hover a { color: #fff; }
.ColumnListLeft .Box-Title { margin: 23px 0 10px 0; }
.ColumnListMiddle { width: 840px; float: left; background-color: #fff; }
.ColumnListMiddle .ColumnListMiddle-Con { width: 100%; float: left; padding-bottom: 20px; }
.ColumnListMiddle .ColumnListMiddle-Con i { width: 18px; height: 18px; display: block; float: left; margin: 15px 6px 0 0; }
.ColumnListMiddle .ColumnListMiddle-Con .ConList li { line-height: 48px; font-size: 14px; padding: 0 20px; width: 100%; float: left; }
.ColumnListMiddle .ColumnListMiddle-Con .ConList li span { display: block; float: left; }
.ColumnListMiddle .ColumnListMiddle-Con .ConList li .span1 { width: 700px; }
.ColumnListRight { width: 240px; padding: 0 20px; float: left; background-color: #fff; }
.ColumnListRight .ColumnListRight-Con li { float: left; line-height: 32px; font-size: 14px; }
.ColumnListRight .ColumnListRight-Con li i { display: block; float: left; margin: 5px 6px 10px 0; line-height: 10px; }
.ColumnListRight .ColumnListRight-Con li .s1 { width: 192px; }
.ColumnListRight .ColumnListRight-Con { margin-bottom: 20px; }
/*视频图标*/
.resourceMin1 { background: url(../../Images/ResourceType.png) 0px -53px no-repeat; }
/*音频图标*/
.resourceMin2 { background: url(../../Images/ResourceType.png) -39px -52px no-repeat; }
/*图片图标*/
.resourceMin3 { background: url(../../Images/ResourceType.png) -77px -52px no-repeat; }
/*文件图标*/
.resourceMin4 { background: url(../../Images/ResourceType.png) -115px -52px no-repeat; }
/*文档图标*/
.resourceMin5 { background: url(../../Images/ResourceType.png) -153px -52px no-repeat; }
/*文档资源图标*/
.doctypeMin { background: url(../../Images/ResourceType.png) -115px -52px no-repeat !important; }
.doctypeMin1 { background: url(../../Images/DoctypeIco.png) 0px 0px no-repeat !important; }
.doctypeMin2 { background: url(../../Images/DoctypeIco.png) -28px 0px no-repeat !important; }
.doctypeMin3 { background: url(../../Images/DoctypeIco.png) -56px 0px no-repeat !important; }
.doctypeMin4 { background: url(../../Images/DoctypeIco.png) -84px 0px no-repeat !important; }
.doctypeMin5 { background: url(../../Images/DoctypeIco.png) -112px 0px no-repeat !important; }
.doctypeMin6 { background: url(../../Images/DoctypeIco.png) -140px 0px no-repeat !important; }
.doctypeMin7 { background: url(../../Images/DoctypeIco.png) 0px -29px no-repeat !important; }
/*分页条样式*/
.pagerlist { /*float: left;*/ width: 100%; margin-top: 25px; height: 42px; }
.pager { display: inline-block; padding-left: 0; }
.pager > li { display: inline; width: auto !important; float: none !important; cursor: pointer; }
.pager > li > a,
.pager > li > span { float: left; height: 30px; padding-left: 12px; padding-right: 12px; line-height: 30px; text-align: center; margin-left: 10px; color: #767676; text-decoration: none; background-color: #fff; border: 1px solid #DADCDF; -webkit-transition: all .3s cubic-bezier(.175, .885, .32, 1); -o-transition: all .3s cubic-bezier(.175, .885, .32, 1); transition: all .3s cubic-bezier(.175, .885, .32, 1); border-radius: 2px; font-size: 14px; }
.pager > li:first-child > a,
.pager > li:first-child > span { margin-left: 0; }
.pager > li > a:hover,
.pager > li > span:hover,
.pager > li > a:focus,
.pager > li > span:focus { background-color: #2db372; color: #fff; border: 1px solid #2db372; }
.pager > .active > a,
.pager > .active > span,
.pager > .active > a:hover,
.pager > .active > span:hover,
.pager > .active > a:focus,
.pager > .active > span:focus { z-index: 2; color: #fff; cursor: default; background-color: #2db372; border: 1px solid #2db372; }
.pager > .disabled > span,
.pager > .disabled > span:hover,
.pager > .disabled > span:focus,
.pager > .disabled > a,
.pager > .disabled > a:hover,
.pager > .disabled > a:focus { color: #ddd; cursor: not-allowed; background-color: #fff; border-color: #ddd; }
/*视频资源首页*/
.CrumbsNav2 { margin: 40px 0 15px 0; width: 100%; float: left; }
.CrumbsNav2 i { width: 14px; height: 14px; display: block; background: url(../../Images/IconList.png) -166px -46px no-repeat; margin: 4px 13px 0 0; }
.CrumbsNav2 span { float: left; font-size: 16px; font-weight: bold; color: #fff; }
.CrumbsNav2 .spansplit { margin: 0 18px; }
.CrumbsNav2 .span_hover { color: #0aa770; }
.ResourceTypeBox { width: 1380px; float: left; border-radius: 10px; background-color: #fff; padding: 20px 30px 30px 30px; }
.ResourceTypeBox .ShowBox1 { width: 260px; height: 160px; float: left; border-radius: 4px; position: relative; }
.ResourceTypeBox .ShowBox1 img { }
.ResourceTypeBox .ShowBox1 .ShowBox1-span { position: absolute; bottom: 0px; width: 100%; left: 0px; height: 50px; background: url(../../Images/VideoboxBg.png) bottom center no-repeat; }
.ResourceTypeBox .ShowBox1 .ShowBox1-span i { width: 20px; height: 20px; float: left; margin: 20px 7px 10px 10px; background: url(../../Images/IconList.png) -160px 0px no-repeat; }
.ResourceTypeBox .ShowBox1 .ShowBox1-span span { font-size: 14px; color: #fff; line-height: 60px; display: block; width: 220px; }
/*视频资源列表页*/
.RightCon { width: 1070px; float: left; margin-left: 30px; }
.RightCon li { border-bottom: 1px solid #e5e5e5; padding: 20px 0; width: 100%; float: left; }
.ImgRadiobox { width: 225px; height: 125px; overflow: hidden; border-radius: 4px; }
.RightCon-Descbox { margin-left: 28px; width: 817px; }
.RightCon-Descbox span { font-size: 19px; font-weight: bold; line-height: 34px; }
.RightCon-Descbox p { line-height: 18px; margin-top: 3px; }
.RightCon-Descbox ul { margin-top: 16px; }
.RightCon-Descbox ul li { padding: 9px 14px; border: 1px solid #e5e5e5; width: auto; margin-left: 10px; border-radius: 4px; line-height: 16px; }
.RightCon-Descbox .playerBox { padding: 0; width: 136px; height: 36px; background-color: #0aa770; border-radius: 4px; border: none; margin-left: 0; }
.RightCon-Descbox .playerBox i { width: 20px; height: 20px; float: left; margin: 8px 10px 9px 25px; background: url(../../Images/IconList.png) -160px 0px no-repeat; }
.RightCon-Descbox .playerBox span { color: #fff; font-size: 14px; font-weight: normal; line-height: 36px; }
/*音频资源首页*/
.Audio-Box1 { width: 210px; height: 265px; float: left; background-color: #fff; }
.Audio-Box1 .ImgBox2 { width: 210px; height: 210px; float: left; overflow: hidden; border-radius: 4px; }
.Audio-Box1 .ImgSpan2 { width: 205px; height: 40px; float: left; padding: 10px; }
.Audio-Box1 .ImgSpan2 span { width: 100%; float: left; }
.Audio-Box1 .ImgSpan2 .ImgSpan2-tl1 { font-size: 14px; color: #333; }
.Audio-Box1 .ImgSpan2 .ImgSpan2-tl2 { font-size: 12px; color: #999999; margin-top: 3px; }
.ImgBox1-time { position: absolute; right: 0px; bottom: 0px; color: #fff; width: 100%; height: 40px; background-color: rgba(0,0,0,0.2); }
.ImgBox1-time span { float: right; line-height: 40px; margin-right: 10px; }
.ImgBox2-time { position: absolute; right: 0px; bottom: 0px; color: #fff; width: 100%; height: 30px; background-color: rgba(0,0,0,0.2); }
.ImgBox2-time span { float: right; line-height: 30px; margin-right: 10px; }
.Audio-Box2 { width: 350px; height: 90px; float: left; background-color: #f5f5f5; overflow: hidden; margin: 0px 0px 10px 20px; position: relative; border-radius: 4px; }
.Audio-Box2 .ImgBox2 { width: 90px; height: 90px; overflow: hidden; display: flex; align-items: center; border-radius: 4px; }
.Audio-Box2 .ImgBox2 img { /*max-width: 90px; max-height: 90px;*/ vertical-align: middle; }
.Audio-Box2 .ImgSpan2 { width: 190px; height: 30px; float: left; padding: 10px; line-height: 20px; }
.Audio-Box2 .ImgSpan2 span { width: 100%; float: left; }
.Audio-Box2 .ImgSpan2 .ImgSpan2-tl1 { font-size: 14px; color: #333; margin-top: 3px; }
.Audio-Box2 .ImgSpan2 .ImgSpan2-tl2 { color: #999999; margin-top: 4px; }
.Audio-Box2 .ImgSpan3 { margin-top: 36px; color: #999; }

.Audio-Box3 { width: 525px; height: 90px; float: left; background-color: #f5f5f5; overflow: hidden; margin: 0px 0px 20px 20px; position: relative; border-radius: 4px; }
.Audio-Box3 .ImgBox2 { width: 90px; height: 90px; overflow: hidden; display: flex; align-items: center; border-radius: 4px; }
.Audio-Box3 .ImgBox2 img { /*max-width: 90px; max-height: 90px;*/ vertical-align: middle; }
.Audio-Box3 .ImgSpan2 { width: 365px; height: 30px; float: left; padding: 10px; line-height: 20px; }
.Audio-Box3 .ImgSpan2 span { width: 100%; float: left; }
.Audio-Box3 .ImgSpan2 .ImgSpan2-tl1 { font-size: 14px; color: #333; margin-top: 3px; }
.Audio-Box3 .ImgSpan2 .ImgSpan2-tl2 { color: #999999; margin-top: 4px; }
.Audio-Box3 .ImgSpan3 { margin-top: 36px; color: #999; }

.Image-Box1 { width: 210px; height: 210px; float: left; background-color: #f5f5f5; overflow: hidden; border-radius: 4px; position: relative; }
.Image-Box1 .ImgSpan2 { width: 210px; height: 210px; position: absolute; background-color: rgba(0,0,0,0.2); left: 0; top: 0; }
.Image-Box1 .ImgSpan2 span { width: 100%; float: left; }
.Image-Box1 .ImgSpan2 .ImgSpan2-tl1 { font-size: 20px; color: #fff; line-height: 210px; text-align: center; }
.Image-Box1 .ImgSpan2 .ImgSpan2-tl2 { width: 30px; height: 2px; background-color: #fff; display: block; position: absolute; left: 90px; top: 125px; }
.Image-Box2 { width: 420px; height: 480px; float: left; background-color: #f5f5f5; overflow: hidden; position: relative; padding: 0 10px; }
.Image-Box2 .Box1 { width: 420px; height: 280px; float: left; overflow: hidden; }
.Image-Box2 .Box2 { width: 130px; height: 130px; float: left; overflow: hidden; margin-top: 15px; }
.Image-Box2 .Boxspan { width: 100%; float: left; line-height: 42px; font-size: 14px; }
/*图片瀑布流*/
.pic-list { width: 100%; float: left; margin-top: 0px; }
.pic-info { width: auto; height: auto; float: left; margin-bottom: 10px; overflow: hidden; position: relative; }
.pic-content { position: relative; }
.pic-hover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2); text-align: center; display: none; }
.pic-hover a { width: 100%; height: 100%; align-items: center; display: flex; justify-content: center; }
.pic-hover span { color: #fff; font-size: 14px; }
/*文件资源首页*/
.File-Box1 { width: 210px; height: 200px; float: left; background-color: #F5F5F5; border-radius: 4px; }
.File-Box1 .ImgBox2 { width: 210px; height: 140px; float: left; overflow: hidden; border-radius: 4px 4px 0 0; }
.File-Box1 .ImgSpan2 { width: 190px; height: 40px; float: left; padding: 10px; }
.File-Box1 .ImgSpan2 span { width: 100%; float: left; }
.File-Box1 .ImgSpan2 .ImgSpan2-tl1 { font-size: 14px; color: #333; width: 123px; }
.File-Box1 .ImgSpan2 .ImgSpan2-tl3 { width: 67px; }
.File-Box1 .ImgSpan2 .ImgSpan2-tl2, .File-Box1 .ImgSpan2 .ImgSpan2-tl3 { font-size: 12px; color: #999999; margin-top: 3px; }
.File-Box2 { width: 400px; height: 348px; float: left; background-color: #fff; margin: 0px 20px 30px 0px; }
.File-Box2 .ImgBox1 { width: 400px; height: 270px; float: left; overflow: hidden; }
.File-Box2 .ImgSpan1 { width: 358px; height: 36px; float: left; padding: 20px; border: 1px solid #e5e5e5; border-top: none; }
.File-Box2 .ImgSpan1 span { width: 100%; float: left; }
.File-Box2 .ImgSpan1 .ImgSpan1-tl1 { font-size: 18px; color: #333; }
.File-Box2 .ImgSpan1 .ImgSpan1-tl2 { font-size: 14px; color: #999999; margin-top: 3px; }

.File-Box3 { width: 525px; height: 80px; float: left; background-color: #f5f5f5; overflow: hidden; margin: 0px 20px 9px 0px; position: relative; }
.File-Box3 .ImgBox2 { width: 80px; height: 80px; overflow: hidden; display: flex; align-items: center; margin-left: 10px; }
.File-Box3 .ImgBox2 img { vertical-align: middle; }
.File-Box3 .ImgSpan2 { width: 335px; height: 30px; float: left; padding: 10px; line-height: 20px; }
.File-Box3 .ImgSpan2 span { width: 100%; float: left; }
.File-Box3 .ImgSpan2 .ImgSpan2-tl1 { font-size: 14px; color: #333; }
.File-Box3 .ImgSpan2 .ImgSpan2-tl2 { color: #999999; margin-top: 3px; }
.File-Box3 .DownloadBox { width: 80px; height: 80px; position: absolute; right: 0px; background-color: #00cc85; text-align: center; display: none; }
.File-Box3 .DownloadBox i { width: 28px; height: 28px; display: block; background: url(../../Images/IconList.png) -270px 0 no-repeat; margin: auto; margin-top: 14px; }
.File-Box3 .DownloadBox span { font-size: 14px; color: #fff; line-height: 32px; }
/*文档资源*/
.Doc-Box1 { padding: 5px; width: 248px; height: 178px; float: left; border-radius: 4px; border: 1px solid #e5e5e5; }
.Doc-Box1 .ImgBox2 { width: 248px; height: 125px; float: left; overflow: hidden; }
.Doc-Box1 .ImgSpan2 { width: 248px; height: 40px; float: left; padding: 12px 0 8px 0; }
.Doc-Box1 .ImgSpan2 span { width: 100%; float: left; }
.Doc-Box1 .ImgSpan2 .ImgSpan2-tl1 { font-size: 14px; color: #333; }
.Doc-Box1 .ImgSpan2 .ImgSpan2-tl2, .File-Box1 .ImgSpan2 .ImgSpan2-tl3 { font-size: 12px; color: #999999; margin-top: 3px; }
.Doc-Box2 { padding: 5px; width: 438px; height: 90px; float: left; border-radius: 4px; border: 1px solid #e5e5e5; }
.Doc-Box2 .ImgBox2 { width: 150px; height: 90px; float: left; overflow: hidden; }
.Doc-Box2 .ImgSpan2 { width: 248px; height: 72px; float: left; padding: 12px 0 8px 0; overflow: hidden; }
.Doc-Box2 .ImgSpan2 span { width: 100%; float: left; }
.Doc-Box2 .ImgSpan2 .ImgSpan2-tl1 { font-size: 14px; color: #333; margin-top: 5px; }
.Doc-Box2 .ImgSpan2 .ImgSpan2-tl2, .File-Box1 .ImgSpan2 .ImgSpan2-tl3 { font-size: 12px; color: #999999; line-height: 18px; overflow: hidden; }
.Doc-Box3 { width: 400px; height: 390px; float: left; background-color: #fff; margin: 0px 20px 30px 0px; }
.Doc-Box3 .ImgBox1 { width: 400px; height: 310px; float: left; overflow: hidden; }
.Doc-Box3 .ImgSpan1 { width: 358px; height: 38px; float: left; padding: 20px; border: 1px solid #e5e5e5; border-top: none; }
.Doc-Box3 .ImgSpan1 span { width: 100%; float: left; }
.Doc-Box3 .ImgSpan1 .ImgSpan1-tl1 { font-size: 18px; color: #333; }
.Doc-Box3 .ImgSpan1 .ImgSpan1-tl2 { font-size: 14px; color: #999999; margin-top: 3px; }
.DocList { width: 100%; float: left; }
.DocList .DocList-Con i { width: 18px; height: 18px; display: block; float: left; margin: 15px 6px 0 0; }
.DocList .DocList-Con li { line-height: 48px; font-size: 14px; padding: 0 20px; width: 100%; float: left; border-bottom: none; }
.DocList .DocList-Con li span { display: block; float: left; }
.DocList .DocList-Con li .span1 { width: 950px; }
/*视频播放页*/
.VideoPlayer-Title { width: 100%; float: left; margin: 9px 0 14px 0; line-height: 30px; height: 45px; }
.VideoPlayer-Title span { font-size: 24px; float: left; font-weight: bold; line-height: 40px; }
.VideoPlayer-Box1 { width: 260px; height: 68px; float: left; margin: 10px 20px 10px 0; }
.VideoPlayer-Box1 .ImgBox2 { width: 120px; height: 68px; float: left; overflow: hidden; }
.VideoPlayer-Box1 .ImgSpan2 { width: 130px; height: 62px; float: left; padding-left: 10px; line-height: 20px; overflow: hidden; margin-top: 6px; }
.VideoPlayer-Box1 .ImgSpan2 span { width: 100%; float: left; color: #ffffff; }
.VideoPlayer-Box1 .ImgSpan2 .ImgSpan2-tl1 { font-size: 14px; line-height: 20px; }
.VideoPlayer-Box2 { width: 1020px; margin-top: 28px; }
.VideoPlayer-Box2 .Box-Title1 { width: 100%; height: 48px; background-color: #f5f5f5; }
.VideoPlayer-Box2 .Box-Title1 span { width: 134px; height: 100%; font-size: 18px; display: block; float: left; line-height: 48px; text-align: center; cursor: pointer; }
.VideoPlayer-Box2 .Box-Title1 .check_span { background-color: #0aa770; color: #fff; }
.VideoPlayer-Box2 .Box-Con { margin-top: 19px; }
.VideoPlayer-Box2 .Box-Con-span1 { line-height: 30px; }
.VideoPlayer-Box2 .Box-Con-span2 li { line-height: 48px; font-size: 14px; padding: 0 20px; width: 100%; float: left; cursor: pointer; }
.VideoPlayer-Box2 .Box-Con-span2 .li_check { color: #0aa770; }
.VideoPlayer-Box2 .Box-Con-span2 li i { margin-right: 10px; }
.VideoPlayer-Box3 { width: 320px; margin-top: 28px; }
.VideoPlayer-Box3 .Box-Title1 { width: 100%; height: 48px; background-color: #f5f5f5; }
.VideoPlayer-Box3 .Box-Title1 i { display: block; width: 4px; height: 23px; float: left; background-color: #0aa770; margin-top: 14px; }
.VideoPlayer-Box3 .Box-Title1 span { font-size: 18px; float: left; margin-left: 9px; line-height: 48px; }
.VideoPlayer-Box3 .Box-Con { margin-top: 19px; }

.VideoPlayer-Box4 { width: 320px; height: 80px; float: left; overflow: hidden; margin: 10px 0px 10px 0px; position: relative; border-radius: 4px; }
.VideoPlayer-Box4 .ImgBox2 { width: 140px; height: 80px; overflow: hidden; display: flex; align-items: center; border-radius: 4px; }
.VideoPlayer-Box4 .ImgBox2 img { vertical-align: middle; }
.VideoPlayer-Box4 .ImgSpan2 { width: 160px; height: 71px; float: left; padding: 6px 0 0 14px; line-height: 20px; }
.VideoPlayer-Box4 .ImgSpan2 span { width: 100%; float: left; }
.VideoPlayer-Box4 .ImgSpan2 .ImgSpan2-tl1 { font-size: 16px; color: #333; font-weight: bold; }
.VideoPlayer-Box4 .ImgSpan2 .ImgSpan2-tl2 { color: #999999; margin-top: 4px; line-height: 16px; }
/*音频播放页*/
.content1-left { width: 1070px; float: left; min-height: 620px; }
.pagecon-con1 { height: 200px; width: 100%; float: left; }
.pagecon-con1 .imgbox { width: 200px; height: 200px; float: left; overflow: hidden; }
.pagecon-con1 .imgbox img { }
.pagecon-con1 .rightbox { width: 840px; height: 180px; float: left; margin: 14px 0 0 30px; }
.rightbox .spantitle { font-size: 28px; float: left; color: #333; width: 100%; }
.rightbox .textbox { width: 100%; height: 74px; float: left; margin-top: 16px; font-size: 14px; color: #666; line-height: 20px; }
.rightbox .textbox b { font-weight: normal; float: left; }
.rightbox .textbox span { width: 780px; display: block; float: left; }
.pagecon-con2 { background: #f7f7f7; padding: 22px 30px; width: 1010px; float: left; margin-top: 30px; }
.pagecon-con-min { background-color: #f5f5f5; border-radius: 5px; }
.pagecon-con-min .imgbox { border-radius: 5px; }
.share2 { width: 150px; float: right; }
.pagecon-playbox { width: 100%; height: 34px; float: left; font-size: 14px; margin-top: 4px; }
.pagecon-div1, .pagecon-div2, .pagecon-div3, .pagecon-div4 { border: #e5e5e5 1px solid; width: 88px; height: 32px; float: left; line-height: 32px; margin-right: 10px; border-radius: 2px; cursor: pointer; }
.pagecon-icon { background: url(../../Images/IconList.png) -244px -44px no-repeat; width: 13px; height: 16px; display: block; float: left; }
.pagecon-icon1 { margin: 8px 9px 0px 20px; }
.pagecon-icon2 { margin: 8px 9px 0px 18px; width: 16px; height: 16px; background-position: -267px -44px; }
.pagecon-icon3 { margin: 8px 8px 0px 17px; width: 16px; height: 16px; background-position: -293px -44px; }
.pagecon-icon4 { margin: 8px 9px 0px 18px; width: 16px; height: 16px; background-position: -319px -44px; }
.pagecon-div1:hover, .pagecon-div2:hover, .pagecon-div3:hover, .pagecon-div4:hover { background: #31c27c; color: #fff; }
.pagecon-div1:hover .pagecon-icon1 { background-position: -345px -44px; }
.pagecon-div2:hover .pagecon-icon2 { background-position: -367px -44px; }
.pagecon-div3:hover .pagecon-icon3 { background-position: -393px -44px; }
.pagecon-div4:hover .pagecon-icon4 { background-position: -419px -44px; }
.pagecon-con2 .Lyrictitle { font-size: 20px; color: #333; }
.LyricCon { line-height: 30px; margin-top: 5px; font-size: 14px; }

.main-con2-right { width: 260px; float: left; /*background:#f0f0f0;*/ margin-left: 30px; }
.main-con2-right .con2-content { width: 260px; float: left; overflow: hidden; margin-top: 12px; }
.main-con2-right .con-show { height: 86px; background: #f2f2f2; float: left; }
.conshow-textbox { width: 164px; margin: 12px 0 0 10px; height: 74px; float: left; }
.conshow-textbox span { float: left; line-height: 20px; }
.conshow-textbox .span1 { font-size: 14px; display: block; width: 160px; }
.conshow-textbox .span2 { color: #999; display: block; width: 160px; }
.con-show .picbox { width: 86px; height: 86px; position: relative; float: left; overflow: hidden; }
.con-show .picbox img { /*max-width: 86px; max-height: 86px;*/ }
.con-show .picbox span, .con-lineshow .numberline { font-style: italic; width: 18px; height: 16px; background: #cccccc; display: block; color: #fff; text-align: center; position: absolute; top: 0px; }
.topnumber .picbox span, .topnumber .numberline { background: #2db272; color: #fff; }
.con-lineshow .numberline { position: relative; float: left; margin: 8px 0 0 0; line-height: 16px; }
.con-lineshow { width: 260px; height: 26px; line-height: 32px; margin-top: 4px; }
.con-lineshow .span1 { float: left; margin-left: 10px; width: 160px; }
.con-lineshow .span2 { width: 70px; float: left; margin-left: 2px; text-align: right; color: #999; }
.playicon { width: 70px; height: 16px; float: right; margin: 8px 10px 0 0; }
.playicon span { width: 17px; height: 17px; float: left; background: url(../../Images/IconList.png) no-repeat; }
.playicon .icon1 { float: left; background-position: -302px 0px; }
.playicon .icon2 { float: left; margin-left: 3px; background-position: -322px 0px; }
.playicon .icon3 { float: left; margin-left: 7px; background-position: -346px 0px; }
.playicon .icon1:hover { background-position: -338px -23px; }
.playicon .icon2:hover { background-position: -358px -23px; }
.playicon .icon3:hover { background-position: -382px -23px; }
/*图片展示页*/
.ImgPlayer-Box1 { width: 920px; margin-top: 28px; }
.ImgPlayer-Box1 .Box-Title1 { width: 100%; height: 48px; background-color: #f5f5f5; }
.ImgPlayer-Box1 .Box-Title1 i { display: block; width: 4px; height: 23px; float: left; background-color: #0aa770; margin-top: 14px; }
.ImgPlayer-Box1 .Box-Title1 span { font-size: 18px; float: left; margin-left: 9px; line-height: 48px; }
.ImgPlayer-Box1 .Box-Con { margin-top: 19px; position: relative; }
.ImgPlayer-Box1 .Box-Con .Box-Con-Img { text-align: center; width: 100%; overflow: hidden; }
.ImgPlayer-Box1 .Box-Con .Box-Con-Img img { max-width: 100%; }
.ImgPlayer-Box1 .Box-Con .Box-Con-Img ul li { width: 920px; float: left; }
.ImgPlayer-Box1 .Box-Con .ImgSpan2 { height: 71px; float: left; padding: 10px; line-height: 20px; text-align: left; }
.ImgPlayer-Box1 .Box-Con .ImgSpan2 span { width: 100%; float: left; }
.ImgPlayer-Box1 .Box-Con .ImgSpan2 .ImgSpan2-tl1 { font-size: 16px; color: #333; font-weight: bold; }
.ImgPlayer-Box1 .Box-Con .ImgSpan2 .ImgSpan2-tl2 { color: #999999; margin-top: 4px; line-height: 16px; height: 50px; overflow: hidden; }
.ImgPlayer-Box1 .Box-Con .Box-Con-Imglist { position: relative; height: 100px; overflow: hidden; }
.ImgPlayer-Box1 .Box-Con .Box-Con-Imglist ul { position: absolute; }
.ImgPlayer-Box1 .Box-Con .Box-Con-Imglist ul .li_check { border: 1px solid #0aa770; width: 143px; height: 98px; }
.ImgPlayer-Box1 .Box-Con .Box-Con-Imglist ul .li_check img { max-width: 143px; max-height: 98px; }
.ImgPlayer-Box1 .Box-Con .Box-Con-Imglist ul li { width: 145px; height: 100px; margin-left: 10px; float: left; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.ImgPlayer-Box1 .Box-Con .Box-Con-Imglist ul li:first-child { margin-left: 0px; }
.ImgPlayer-Box1 .Box-Con .Box-Con-Imglist ul li img { max-width: 145px; max-height: 100px; }
.ImgPlayer-Box1 .Box-Con .ImgChangeBtn { width: 8px; height: 14px; position: absolute; background: url(../../Images/IconList.png) no-repeat; cursor: pointer; }
.ImgPlayer-Box1 .Box-Con .ImgChangeBtn-left { background-position: -408px 0; left: -18px; bottom: 44px; }
.ImgPlayer-Box1 .Box-Con .ImgChangeBtn-noleft { background-position: -371px 0; left: -18px; bottom: 44px; }
.ImgPlayer-Box1 .Box-Con .ImgChangeBtn-right { background-position: -429px 0; right: -18px; bottom: 44px; }
.ImgPlayer-Box1 .Box-Con .ImgChangeBtn-noright { background-position: -389px 0; right: -18px; bottom: 44px; }
.list1 { width: 400px; float: left; margin: 28px 0 20px 40px; overflow: hidden; }
.list-top1 { height: 160px; padding-left: 25px; background-color: #f5f5f5; }
.list-down1 { width: 350px; height: 46px; float: left; margin-top: 30px; line-height: 46px; font-size: 18px; color: #fff; display: block; text-align: center; border-radius: 2px; background-color: #0BBD7F; cursor: pointer; }
.list-fab { width: 168px; height: 38px; line-height: 38px; margin-top: 9px; margin-right: 9px; float: left; display: block; background-color: #fff; border: 1px solid #E6E6E6; cursor: pointer; }
.list-fab.on { color: #0BBD7F; }
.list-fab.on i { background-position: -445px -22px; }
.list-fab i { vertical-align: middle; background: url(../../Images/IconList.png) no-repeat; width: 14px; height: 15px; display: block; float: left; margin: 12px 8px 0 52px; }
.list-fab1 i { background-position: -268px -45px; }
.list-fab1 b { font-weight: normal; margin-left: 5px; }
.list-fab2 i { background-position: -426px -22px; }
.list-fab span { font-size: 14px; }
.list-info1 { padding: 0px 20px 20px 25px; float: left; background-color: #f5f5f5; }
.list-title1 { width: 100%; float: left; margin-top: 33px; margin-bottom: 8px; font-size: 20px; color: #000; }
.list-text1 { width: 100%; float: left; line-height: 30px; font-size: 14px; color: #666; }
.list-text1 span { margin-right: 16px; }
.list-text1 .span1 { color: #0aa770; }
.list-info2 { padding: 0px 20px 20px 25px; float: left; background-color: #f5f5f5; }
.list-info2 li { font-size: 14px; line-height: 40px; width: 100%; float: left; cursor: pointer; }
.list-info2 li i { width: 18px; height: 18px; display: block; float: left; margin: 11px 10px 0 0; }
.list-info2 li span { width: 350px; display: block; float: left; }
.list-info2 li.li_check a { color: #0aa770; }

.DoctypeMin1 { background-position: 0px -28px !important; }
.DoctypeMin2 { background-position: -26px -28px !important; }
/*文件展示页*/
.FilePlayer-Box1 { width: 260px; background-color: #f5f5f5; padding: 30px; float: left; }
.FilePlayer-Box1 .Box-Title { text-align: center; color: #333; width: 100%; font-size: 30px; margin-top: 6px; border-bottom: none; height: 32px; }
.FilePlayer-Box1 .ImgBox { width: 100%; overflow: hidden; }
.FilePlayer-Box1 .Box-Span { font-size: 14px; line-height: 30px; margin-top: 28px; }
.FilePlayer-Box1 .Box-Span b { font-weight: normal; float: left; }
.FilePlayer-Box1 .Box-Span span { float: left; width: 204px; }
.FilePlayer-Box1 .Box-Con { margin-top: 60px; }
.FilePlayer-Box1 .Box-Con-Title { font-size: 20px; font-weight: bold; }
.FilePlayer-Box1 .Box-Con li { line-height: 30px; font-size: 14px; cursor: pointer; }
.FilePlayer-Box1 .Box-Con .li_check { color: #0bbd7f; }
.FilePlayer-Box2 { width: 1000px; float: left; margin-left: 40px; }
.FilePlayer-Box2 .Box-Title1 { width: 100%; height: 48px; background-color: #f5f5f5; }
.FilePlayer-Box2 .Box-Title1 i { display: block; width: 4px; height: 23px; float: left; background-color: #0aa770; margin-top: 14px; }
.FilePlayer-Box2 .Box-Title1 span { font-size: 18px; float: left; margin-left: 9px; line-height: 48px; }
.FilePlayer-Box2 .Box2-Con { line-height: 30px; font-size: 14px; }
.FilePlayer-Box2 .Box2-Con-Img { text-align: center; overflow: hidden; }
.FilePlayer-Box2 .Box2-Con-Img img { max-width: 100%; }
.FilePlayer-Box2 .Box2-Con-Btn input { width: 260px; height: 46px; background-color: #0bbd7f; border: none; text-align: center; color: #fff; font-size: 18px; line-height: 46px; border-radius: 5px; cursor: pointer; }
/*plugin CSS*/
/* #公共插件样式# */
.share { float: right; height: 24px; margin-right: 22px; margin-top: 22px; }
.share span { float: left; height: 24px; line-height: 24px; }

#QS_LoginBtn { width: 1440px; overflow: hidden; margin: 0 auto; height: 24px; line-height: 24px; color: #fff; }
#QS_LoginBtn a { color: #fff; cursor: pointer; margin-left: 10px; }

/*登录*/
.mask { margin: 0; padding: 0; border: none; width: 100%; height: 100%; background: #333; opacity: 0.6; filter: alpha(opacity=60); z-index: 9999; position: fixed; top: 0; left: 0; display: none; }
#LoginBox { position: absolute; left: 50%; *left: 0%; top: 150px; margin-left: -165px; *margin-left: 0px; z-index: 10000; display: none; }
#LoginBox .CloseBtn { margin-top: -34px; margin-right: 10px; }
#LoginBox .UserLogin { width: 300px; height: auto; border: 1px #ccc solid; background: #fff; margin: 50px auto 0; text-align: center; }
#LoginBox .UserLogin .LoginTitle { width: 300px; height: 50px; background: #f1f1f1; border-bottom: 1px #ccc solid; }
#LoginBox .UserLogin .LoginTitle img { float: right; }
#LoginBox .UserLogin .LoginTitle h1 { font-size: 18px; text-align: center; line-height: 50px; color: #333; }
#LoginBox .UserLogin .username { margin: 30px 0 10px; width: 200px; border: 1px solid #ccc; color: #666; font: 13px "Microsoft YaHei UI"; padding: 10px 10px 10px 30px; background: url(../../Images/input_User.png) no-repeat left center; }
#LoginBox .UserLogin .password { margin: 10px auto; width: 200px; border: 1px solid #ccc; color: #666; font: 13px "Microsoft YaHei UI"; padding: 10px 10px 10px 30px; background: url(../../Images/input_Password.png) no-repeat left center; }
#LoginBox .UserLogin .code { margin: 10px 0 10px 29px; width: 90px; float: left; border: 1px solid #ccc; color: #666; font: 13px "Microsoft YaHei UI"; padding: 10px 10px 10px 30px; }
#LoginBox .UserLogin .checkbox { width: 13px; height: 13px; border: 1px solid #ccc; background: #fff; margin-top: 9px; }
#LoginBox .UserLogin .Check { width: 242px; height: 30px; margin: 0 auto; line-height: 14px; }
#LoginBox .UserLogin .Check p { line-height: 30px; float: right; width: 93px; color: #333; }
#LoginBox .UserLogin .Check a { font-size: 12px; color: #408BEF; float: right; }
#LoginBox .UserLogin .Check a:hover { text-decoration: underline; }
#LoginBox .UserLogin .loginBtn { width: 242px; height: 40px; background: #408BEF; border: none; font-size: 16px; color: #fff; line-height: 40px; }
#LoginBox .UserLogin .loginBtn:hover { background: #479aff; }
#LoginBox .UserLogin #Pascode b { background: url(../../Images/changecode.png) no-repeat center; }
#LoginBox .UserLogin span a { font-size: 12px; color: #408BEF; float: right; }
.Login { margin: 15px 10px 0 10px; height: 38px; line-height: 38px; color: #fff; font-size: 15px; cursor: pointer; }
.Login a { color: #fff; font-size: 15px; }
.Login .EnrollBtn { margin-left: 10px; }
/*图片列表*/
/*列表布局*/
.gallery { display: flex; flex-wrap: wrap; &::after;
{ content: ''; flex-grow: 999999999; }
}
.gallery .pic-info { flex-grow: 1; margin: 5px; height: 200px; }
.gallery img { height: 200px; object-fit: cover; max-width: 100%; min-width: 100%; vertical-align: bottom; }
/*结束*/
/*评论*/
.UserInfoCSS { width: 624px; float: left; margin-top: 13px; line-height: 24px; }
.UserInfoCSS span { margin: 0 6px 0 6px; }
.Comments_more { text-align: center; background: #F2F2F2; height: 30px; line-height: 30px; margin-top: 10px; }
/*滚动条2*/
.scroll_wrap{width:100%;height:100%;position:relative}
.scroll_wrap .scroll_cont{height:100%;overflow:hidden}
.scroll_wrap .scroll_cont p{padding:15px}
.scroll_wrap .scroll_bar2{position:absolute;top:0;right:0;width:5px;height:100%;background-color:#e4e4e4}
.scroll_wrap .scroll_slider{position:absolute;top:0;left:0;width:5px;height:48px;background-color:#525252;border-radius:5px;opacity:.5}
.scroll_wrap .scroll_slider:hover{opacity:1}