@charset "utf-8";
* { margin:0; padding:0; }
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 { -webkit-text-size-adjust:none; }
body { font-family:Arial,Helvetica, "Microsoft Yahei"; font-size:16px; background-color: #fff;}
form, img, table, td { border:0; margin:0;}
ul, ol, li { list-style-type:none; display: block; margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {font-weight:normal; margin:0; padding:0;}
input, textarea, img { vertical-align:middle; font-family: "微软雅黑"，Arial; }
a { color:#000000; text-decoration:none; }
a:link { text-decoration:none; }
a:visited { color:#000000; }
a:active { color:#f60; }
a:hover { color:#039; }
.clear{clear:both;}
.clearfix:after,.clearfix:before{display:table;line-height:0;content:""}
.clearfix:after{clear:both}
.wtbg{ background-color:#fff;}
.wtbg_transp{background:rgba(255,255,255,.8);}
.greybg{ background-color:#f1f1f1;}
.imgw{ width:100%;}
.imgw img{width:100%;}
.f12 { font-size:12px; }
.f14 { font-size:14px; }
.f16 { font-size:16px; }
.f18 { font-size:18px; }
.f20 { font-size:20px; }
.fgray { color:gray; }
.fgray2 { color:#5B5B5B; }
.fbla { color:#282828; }
.fora { color:#FF6600; }
.fred { color:#FF0000; }
.fblu { color:#039; }
.fblu2 { color:#0088E7;} 
.fwhite {color: #ffffff}
.green{color:#090;}
.red {color:#FF0000;}
.blue{ color:#0e4afa;}
.contain{ margin:0 auto; width:1200px;}
.pad{ margin:0 auto;}
.bold{ font-weight:bold;}
.msg_box{text-align: center;}
#head{ margin:0;display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between; padding:10px 0 0 0;}
#logo{ width: 272px; height: 40px;}
.navs{ display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between; width: 800px;}
.navs a{ color:#fff; font-weight:100; font-size:14px; line-height:40px; display: inline-block;position: relative;}
.navs a:hover{color: #09ebff;}
.navs a.on{color: #09ebff; font-weight: 500;}
.navs a.on:after {
    content: "";
    width: 20px;
    height: 3px;
    border-radius: 2px;
    background-color: #09e0fe;
    position: absolute;
    bottom: -2px;
    left: 50%;
    margin-left: -10px;
}
.btn_submit{ height:30px; line-height:30px; border:1px solid #186ea9; border-radius: 4px; text-align:center; background-color:#186ea9; color:#fff; font-size:14px; cursor:pointer; padding:0px 10px;}
.btn_cancel{ height:30px; line-height:30px; border:1px solid #CCC;border-radius: 4px; text-align:center; background-color:#f5f5f5; color:#186ea9; font-size:14px; cursor:pointer; padding:0px 10px;}
.star0{ width: 24px; background: url(/images/star.png);}
.star1{ width: 24px; background: url(/images/star.png);}
.star2{ width: 48px; background: url(/images/star.png);}
.star3{ width: 72px; background: url(/images/star.png);}
.star4{ width: 96px; background: url(/images/star.png);}
.star5{ width: 120px; background: url(/images/star.png);}
.position{ height: 40px; margin:20px 0; font-size: 14px;}
.position a{ color: #8c8c8c; font-size: 14px;}
.flex-col{display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between;}
.flex-row{display:flex;flex-wrap:wrap; flex-direction:column; justify-content:space-between;}
.bg_grey{background-color: #f8f9fd;}
@-webkit-keyframes scale-bg{from{-webkit-transform:scale(1.2);transform:scale(1.2);}to{-webkit-transform:scale(1);transform:scale(1);}}
@keyframes scale-bg{from{-webkit-transform:scale(1.2);transform:scale(1.2);}to{-webkit-transform:scale(1);transform:scale(1);}}
.index-slide{ height:550px; width:100%; position:absolute; left:0; top:0; min-width:1200px;}
.index-slide img{width:100%;height:100%;}
.hidden{ display: none;}
#callboard-box{width:100%; height:40px;background-color:#dddddd;margin:10px 0 0 0;}
#callboard{line-height:40px; color:#717171;  display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between;}
#callboard .t{width:70px;text-align: left;}
#callboard .cont{ width:1000px; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
#callboard .cont li{display: inline-block; margin: 0 20px 0 0;}
#callboard .more{width:70px; text-align: right;}
#callboard .more a{color:#e83926; font-weight:bold;}

.menu_nav{position:relative;}
.site_menu{display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between;height:50px;}
.site_menu li{position:relative; width:292px; text-align:center;}
.site_menu li h2{ display:block; color:#fff; background-color:#172a88; font-size:16px; font-weight:500; height:50px; line-height:50px;}
.site_menu li h2:hover{ font-size:28px;}
.site_menu li ul{ display:none; position:absolute; left:0; top:50px; width:292px; padding:10px 0 0 0;}
.site_menu li ul li{ height:40px; margin:0 0 10px 0; background-color:rgba(23,42,136,0.2);}
.site_menu li ul a{color:#8d8d8d; display:block; height:40px; line-height:40px; padding:0 20px; box-sizing:border-box;}

.course-btns{display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between;}
.course-btns a{width:394px; height:110px; text-align:center; color:#fff; font-size:30px; display:block; line-height:110px;}
.test-onl{ margin:20px 0 0 0;}
.test-onl img{ width:100%; height:715px;}

/*show*/
.show-box{}
.show-box h2{ font-size:30px; font-weight: 500; text-align: center; padding: 20px 0;}
.content,.ke-content{ font-size: 14px; line-height: 28px;}

/*list*/
.list-title{ padding:60px 0;}
.list-title h1{ font-size:30px; font-weight:500; height:80px; line-height:80px; text-align:center; margin:0 0 36px 0;}
.list-title h1 img{ margin:0 20px 0 0;}
.list-title h2{ text-align:center;}
.list-title h2 a{ display:inline-block; padding:0 30px; line-height:30px; font-size:18px; text-align:center; color:#333; background-color:#f5f5f5; border-radius:30px; margin: 0 10px 0 0;}
.list-title h2 a.on{ display:inline-block; padding:0 30px; line-height:30px; font-size:18px; text-align:center; color:#fff; background-color:#6e74e5; border-radius:30px;}
/**4列**/
.imgs4 ul{display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between;}
.imgs4 ul::after{ content:''; width:280px;}
.imgs4 li{ width:280px; border-radius:4px; color:#a4a4a4; background-color:#fff; margin:0 0 20px 0;box-shadow: 2px 2px 5px rgba(150,150,150,0.3);}
.imgs4 li.aft{ width:280px; height:0;}
.imgs4 li .img{ width:100%; height:210px; border-top-left-radius:4px; border-top-right-radius:4px;}
.imgs4 li h2{ padding:12px 10px; font-size:20px; font-weight:500; color:#4e4e4f;}
.imgs4 li p{ font-size:14px; padding:0 10px;}
.imgs4 li h3{ margin:20px 10px 0 10px; height:20px; padding:10px 0; font-size:14px; line-height:20px; border-top:1px solid #ebe9e9; text-align:right; vertical-align:middle;}

/**3列**/
.imgs3 ul{display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between;}
.imgs3 ul::after{ content:''; width:380px;}
.imgs3 li{ width:380px; border-radius:4px; color:#a4a4a4; background-color:#fff; margin:0 0 30px 0;box-shadow: 2px 2px 5px rgba(150,150,150,0.3);}
.imgs3 li.aft{ width:380px; height:0;}
.imgs3 li .img{ width:100%; height:220px; border-top-left-radius:4px; border-top-right-radius:4px;}
.imgs3 li h2{ padding:12px 10px; font-size:20px; font-weight:500; color:#4e4e4f;}
.imgs3 li p{ font-size:14px; padding:0 10px;}
.imgs3 li h3{ margin:15px 10px 0 10px; height:20px; padding:0 0 15px 0; font-size:14px; line-height:20px; text-align:left; vertical-align:middle;}
.imgs3 li h4{ height:50px; display:block;display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between; padding:5px 10px; box-sizing:border-box; line-height:40px;}
.imgs3 li h4 img{ width:35px; height:35px;}
.imgs3 li h4 .score{ color:#bb4646; font-size:32px; font-weight:600;}
.imgs3 li h3.border-top{ border-bottom:0px solid #ebe9e9;border-top:1px solid #ebe9e9;margin:0 10px 0 10px; padding:15px 0 15px 0; text-align:right;}

/**2列**/
.imgs2 ul{display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between;}
.imgs2 ul::after{ content:''; width:570px;}
.imgs2 li{ width:570px; border-radius:4px; color:#a4a4a4; background-color:#fff; margin:0 0 40px 0;box-shadow: 2px 2px 5px rgba(150,150,150,0.3);}
.imgs2 li.aft{ width:570px; height:0;}
.imgs2 li .img{ width:100%; height:234px; border-top-left-radius:4px; border-top-right-radius:4px;}
.imgs2 li h2{ padding:12px 10px; font-size:20px; font-weight:500; color:#4e4e4f;}
.imgs2 li .countdown{ text-align:right; height:32px; float:right; color:#fff;}
.imgs2 li .countdown::after{ clear:both;}
.countdown span{ display:inline-block; float:left;}
.countdown .texts{ background-color:#6e74e5; height:32px; line-height:32px; padding:0 15px 0 10px;}
.countdown .triangle{width: 0;height: 0;border-bottom:32px solid #6e74e5;border-left: 32px solid transparent;}
.imgs2 li p{ clear:both; font-size:14px; padding:0 10px; text-align:left;}
.imgs2 li h3{ margin:20px 10px 0 10px; height:20px; padding:10px 0; font-size:14px; line-height:20px; border-top:1px solid #ebe9e9; display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between;}

/*剧中分页*/
.pagination{float:left;width:100%;overflow:hidden;position:relative; margin:0 0 50px 0;}
.pagination ul{clear:left;float:left;position:relative;left:50%;text-align:center}
.pagination li{margin:0 22px;display:block;float:left;position:relative;right:50%}
.pagination a{display:block;color:#888;background-color:#fff; border:1px solid #dddddd; width:28px; height:30px; line-height:30px; text-align:center; border-radius:4px; font-size:14px; font-weight:600; font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;}
.pagination a.cur,.pagination a:hover{color:#fff;background-color:#409eff;display:block;border:1px solid #409eff;}

/**课程**/
.course_list{display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between;}
.course_list li{width:24%;box-shadow:0 0 14px 0 rgba(78,112,163,.2); margin: 0 1% 20px 0;border: 1px solid #FFF; box-sizing: border-box; border-radius:10px;}
.course_list li:hover{ border: 1px solid #09F;}
.course_list li img{width:100%; height: 220px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.course_list li .txtbox{ padding: 10px;}
.course_list li h2{ font-size: 18px; font-weight: 500; line-height: 24px;}
.course_list li h3{ padding: 10px 0;display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between;}
.course_list li h3 span{ display: inline-block; font-size: 12px; background-color: #f5f5f5; padding: 5px 10px; text-align: center; border-radius: 8px;}
.course_list li h3 span i{ background: url(/images/his.png) 5px center no-repeat; background-size:12px; width:16px; height: 12px; margin: 0 5px 0 0; box-sizing: border-box;display: inline-block;}

#root{ min-width: 1200px; margin: 20px 0 0 0;}
#root .dlbox{display:flex;flex-wrap:wrap; flex-direction:row; justify-content:left;}
#root dl{ width:20%;}
#root dt{ font-size: 18px; font-weight: 700; line-height: 24px; margin: 0 0 16px 0; color: #151515;}
#root dd a{color: #151515; font-size: 14px; margin-bottom: 10px; display: block;}
#root dd img{ height: 90px;}
#root .copybox{ display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between;margin:20px 0 0 0; border-top: 1px solid #ddd; padding: 20px 0; }
#root .cptxts{font-size: 14px; color:#707070;}
#root .mpicon{width:160px; display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between;}
#root .mpicon img{ height:36px;}