.video_left {
|
height: 100%;
|
width: 20%;
|
float: right;
|
position: absolute;
|
}
|
|
.left_map {
|
width: 100%;
|
height: 250px;
|
}
|
|
.map {
|
width: calc(100% - 20px);
|
height: 200px;
|
margin: 50px 10px 0px;
|
position: absolute;
|
/*border-radius: 3px;*/
|
}
|
|
.left_title {
|
width: 100%;
|
margin: 15px 0px 15px 15px;
|
position: absolute;
|
color: white;
|
padding-top: 1px;
|
}
|
|
.left_content {
|
height: calc(100% - 380px);
|
width: calc(100% - 20px);
|
margin-top: 50px;
|
padding-bottom: 15px;
|
margin-left: 10px;
|
margin-right: 10px;
|
border-radius: 2px;
|
}
|
|
.play_way {
|
height: 34px;
|
line-height: 34px;
|
width: 100%;
|
color: #fff;
|
padding-left:10px;
|
background: rgba(22, 41, 84, .5);
|
font-size:12px;
|
text-align: center;
|
border-top:1px solid #1cd0ad;
|
}
|
.play_way select{width:60px; height:22px; border:1px solid #b1aeae; border:1px solid #ccc;border-radius:4px; color:#fff; background:rgba(22, 41, 84, .5);}
|
|
/*#playway {
|
width:100%;
|
height: 40px;
|
display: block;
|
text-align: left;
|
padding: 10px 0px 0px;
|
padding-left:10px;
|
border-top: 1px solid #ccc;
|
font-weight: bold; background: #ebebeb;color:#242424;border-bottom:1px solid #cbcbcb;
|
}*/
|
|
.play_way span {
|
width: 22%;
|
height: 24px;
|
text-align: center;
|
line-height: 24px;
|
display: block;
|
float: left;
|
cursor: pointer;
|
background: #e3f3ec;
|
color:#4ea27d;
|
margin-left:8%;
|
border-radius:5px;
|
margin-top:10px;
|
}
|
|
.play_way span:hover {
|
color: #fff;
|
background-color: #4ba57f;
|
}
|
|
.left_content ul {
|
list-style-type: none;
|
/*padding-top: 20px;*/
|
}
|
|
.left_content ul li {
|
padding: 15px 0px;
|
display: block;
|
width: calc(100% - 40px);
|
margin-top: 10px;
|
color: white;
|
border-radius: 5px;
|
text-align: center;
|
}
|
|
.left_content ul li:hover {
|
opacity: 0.8;
|
color: darkgoldenrod;
|
}
|
|
.left_content ul li a {
|
text-decoration: none;
|
color: white;
|
}
|
|
.left_dir {
|
height: calc(100% - 35px);
|
overflow-y: auto;
|
}
|
|
.left_dir .active {
|
color: aquamarine;
|
}
|
|
.video_container {
|
margin: auto;
|
height: 100%;
|
width: 100%;
|
}
|
|
.header-box {
|
height: 50px;
|
width: 100%;
|
}
|
|
.video_boxs {
|
height: calc(100% - 0px);
|
width: calc(100% - 0px);
|
}
|
|
.video_container .header-box span {
|
margin: 15px 15px 15px 0px;
|
position: absolute;
|
color: white;
|
padding-left: 5px;
|
/* padding-top: 1px; */
|
}
|
|
.video_right {
|
height: 100%;
|
width: 20%;
|
margin-left: 80%;
|
position: absolute;
|
}
|
.menu-til{padding:20px 10px; cursor:pointer; font-size:16px; font-weight: bold; background: #ebebeb;color:#242424;border-bottom:1px solid #cbcbcb;}
|
.video_box {
|
height: 50%;
|
width: 50%;
|
float: left;
|
position: absolute;
|
}
|
.left_dir h3{padding:15px 10px; cursor:pointer; font-size:14px; font-weight: bold; background: #30397a; border-bottom:1px solid #4ba57f; color:#fff;}
|
.left_dir h4{padding:10px 10px 10px 40px; cursor:pointer; background:url(../images/tree.png) 8px 10px no-repeat ;line-height: 26px; color:#fff;}
|
.left_dir h4.on{color:#19cead;}
|
.left_dir h4+div{display:none;}
|
.left_dir h5{padding:5px; line-height:30px;cursor: pointer; padding-left:50px; background:url(../images/ship.png) 28px 10px no-repeat; background-size:14px 18px;color:#fff;}
|
.left_dir h5.on{background:url(../images/ship-on.png) 28px 10px no-repeat; background-size:14px 18px; color:#19cead;}
|
.left_dir ul li{padding:5px; line-height:30px;cursor: pointer; padding-left:60px; background-size:14px 18px; color:#fff;}
|
.left_dir ul li.on{background-size:14px 18px; color:#19cead;}
|
.part-box{display:none;}
|
.part-box ul{display:none;}
|
.video-con{width:100%; height: 100%;float:left; background:#000;border:3px solid #000; position: relative;}
|
.video-con iframe{width: 100%; height: 100%;}
|
.videoBg{width:100%; height:100%; position: absolute; z-index: 10; background-color:rgba(255,255,255,.1); cursor: pointer;}
|
.video-con.on{border:5px solid #f00;}
|
select{outline:medium;}
|
