﻿
/*自主选课远程培训项目*/
/* 公共顶部*/
.zzxkycpx .Navigation { height:60px; background:#2FB4FF; }
.zzxkycpx .Navigation.fixed-top {position: fixed;z-index:11; top: 70px;width: 100%;box-shadow: 0 2px 5px rgba(0,0,0,0.1);}
.zzxkycpx ul{}
.zzxkycpx ul li{ width:25%;line-height:60px; cursor:pointer; height:60px; float:left; text-align:center; font-size:18px; color:#fff;}
.zzxkycpx ul li:hover{ background:#68C9FF;}
.zzxkycpx ul li.on{ background:#68C9FF;}
.zzxkycpx .poster{ height:310px; background:url(/images/zty/zty_back.jpg) no-repeat center center; background-size:100% 100%;}
.zzxkycpx .poster .tiaoti{width:calc(100% - 420px);}
.zzxkycpx .poster .tiaoti .Subhead_min{ color:#fff; font-size:30px; line-height:50px; font-weight:600;}
.zzxkycpx .poster .tiaoti .title{ color:#fff; font-size:42px; line-height:70px;}
.zzxkycpx .poster .login{width:380px;}
.zzxkycpx .poster .login .werd{ border-radius:15px;}
.zzxkycpx .poster .login .werd .nr_box{ width:200px; padding-left:30px;}
.zzxkycpx .poster .login .werd .nr_box .anniu { margin-top:8px; cursor:pointer; line-height:32px; height:32px; padding:0 18px; border-radius:18px; background: linear-gradient(to bottom right, #FF9D3A, #FF6D29); color:#fff; display:inline-block; }
.zzxkycpx .poster .login .werd .img_box img{height:100px;}

/* 课程总表*/
.zzxkycpx .Course_box .xl_box .img_box{ width:150px; }
.zzxkycpx .Course_box .xl_box .img_box .product_img{ height:84px;}
.zzxkycpx .Course_box .xl_box .nr_box{ width:calc(100% - 160px); }
.zzxkycpx .Course_box .xl_box .nr_box .Subhead{ line-height:24px;}
.zzxkycpx .Course_box .xl_box .nr_box .Subhead{}

/* 学程安排*/
.xl_dian_big{/* 项目列表、校本活动页   提示 （点背景）*/background:var(--B1-1); display:inline-block; width:22px; height:22px; line-height:22px; border-radius:12px; text-align:center; }
.xl_dian_big .xl_dian{ /*  未完成 提示 （点）*/background:var(--B1-7); display:inline-block; width:10px; height:10px; border-radius:5px; }
.zzxkycpx .Arrange_box{ padding:15px 15px 5px 15px; position:relative}
.zzxkycpx .Arrange_box .right{ width:50px; text-align:center; z-index:2;}
.zzxkycpx .Arrange_box .xl_box{ width:calc(100% - 70px); }
.zzxkycpx .Arrange_box .xl_left_x{ position:absolute; height:calc(100% - 45px); left:40px; z-index:1;}
.zzxkycpx .Arrange_box .xl_box .icon{   height:30px; width:30px; text-align:center; display:inline-block; line-height:30px; font-size:20px; font-weight:normal;color:var(--B1-5); margin-right:10px;}





