body {
    background-color:#f6f6f6;
    margin:0; height:100%;
}
html{ height:100%;}
.nodata{
    width:100px;
    text-align:center;
    margin:0 auto;
    margin-top:150px;
    font-size:18px;
    color:#333333;
}
.pc-head{
    width:100%;
    background-color:#8dc5e5;
    height:150px;
    border-bottom:solid 4px #ddf0d6;
    line-height:150px;
    z-index:100;
}
.pc-head-content{
    margin:0 auto;
    width:1200px;
}


.pc-logo img{
    height:50px;
}
.login-info{
    color:#ffffff;
    font-size:22px;
    height:146px;
    line-height:146px;
}
.login-info a,.login-info a:hover,.login-info a:focus,.login-info a:active{
    color:#ffffff;
    text-decoration:none;
}

.login-info img{
    height:28px;
    vertical-align:middle;
    padding:0;
    margin:0;
}
.login-container{
    width:1200px;
    margin:0 auto;
}
.pc-container{
    width:1200px;
    margin:0 auto;
    background-color:#ffffff;
    z-index:1;
}
.pc-module{
    float:left;
    width:240px;
    padding-top:33px;
}
.pc-context{
    float:left;
    width:932px;
    margin-top:33px;
    float:right;
    margin-right:28px;
    border-left:solid 1px #ebedf0;
    border-right:solid 1px #ebedf0;
    height:100%;
}
.pc-context-nav{
    background-color:#eff9e1;
    width:100%;
}
.pc-context-nav .nav {
    border-bottom:none;
}
.pc-context-nav .nav li{
    border:none;
    border-radius:0;
    /*width:112px;*/
    text-align:center;
    background-color:transparent;
    color:#676767;
    border-top:solid 3px #eff9e1;
}

.pc-context-nav .nav li a{
    color:#676767;
    font-size:16px;
    border:none;
}
.pc-context-nav .nav li.active{
    border-top-color:#a0d456;
    color:#a0d456;
}
.pc-context-nav .nav li.active a{
    color:#a0d456;
}

.pc-context-nav .nav li a:hover{
    background-color:transparent;
}

.pc-context-nav .nav-tabs > li.active > a:hover,.pc-context-nav .nav-tabs > li.active > a:focus {
  border: none;
  color:#a0d456;
  background-color: #fff;
}

.pc-module .pc-model-panel{
    background-color:#efefef;
    padding:10px;
    width:180px;
    margin:0 auto;
}

.pc-module .pc-model-panel a{
    display:block;
    color:#ffffff;
    font-size:18px;
    height:50px;
    line-height:50px;
    margin-bottom:2px;
    background-color:#7cb5d5;
    padding-left:24px;
}
.pc-module .pc-model-panel a:hover{
    text-decoration:none;
}
.pc-module .pc-model-panel a.select{
    background-color:#53bcf8;
    padding-left:8px;
}




/*932px*/
.video-series{
    padding:0px;
}




.video-series .search{
    height:74px;
    line-height:73px;
    text-align:right;
    padding-right:30px;
}

.text-search{
    background-image:url('Images/PC/icon-search.png');
    height:40px;
    line-height:normal;
    vertical-align:middle;
    background-repeat:no-repeat;
    background-position:left;
    width:220px;
    font-size:16px;
    background-position-x:4px;
    border:solid 1px #8dc5e5;
    text-indent:36px;
}
.text-search:focus,.btn-search:focus{
    border:solid 1px #8dc5e5;
    outline:none;
}
.btn-search{
    height:40px;
    line-height:40px;
    vertical-align:middle;
    color:#ffffff;
    background-color:#8dc5e5;
    padding:0 30px;
    margin:0px;
    border:solid 1px #8dc5e5;
}

.series-list{
    padding:0px 15px;
}

.series-list .series-list-item{
    display:block;
    position:relative;
    float:left;
    width:450px;
    height:240px;
    text-align:center;
    padding:15px 0px;
    margin-bottom:30px;
    text-decoration:none;
}

.series-list .series-list-item img{
    width:420px;
    height:240px;
}

.series-mask{
    position:relative;
    background-color:#ffffff;
    border-radius:4px;
    width:276px;
    height:80px;
    padding-top:6px;
    left:87px;
    bottom:106px;
    filter:alpha(opacity=80);  
    -moz-opacity:0.8;  
    -khtml-opacity: 0.8;  
    opacity: 0.8;
}
.series-mask h4{
    vertical-align:middle;
    font-weight:bold;
    font-size:22px;
    color:#535353;
}
.series-mask p{
    vertical-align:middle;
    color:#7a7878;
}
.video-list .video-item{
    text-decoration:none;
    text-align:center;
    outline:none;
    display:block;
    border:none;
    float:left;
    width:210px;
    height:140px;
    margin-left:18px;
    margin-top:14px;
    margin-bottom:14px;
    position:relative;
}
.video-list .video-item .play-icon{
    position:absolute;
    left:77px;
    top:31px;
    width:58px;
    height:58px;
}
.video-list .video-item .video-img{
    width:210px;
    height:120px;
    border:none;
}
.video-list .video-item .video-name{
    color:#333333;
    font-size:14px;
    text-decoration:none;
    display:block;
    height:28px;
    line-height:28px;
}



.file-list{
    padding:0px 45px;
}

.file-list .file-list-item{
    float:left;
    width:170px;
    text-align:center;
    padding:5px 0px 10px;
    margin-left:25px;
}

.file-list .file-list-item img{
    display:block;
    margin:4px auto;
    width:200px;
    height:200px;
}
.file-list .file-list-item a{
    display:block;
    background-color:#96cb4c;
    color:#ffffff;
    width:120px;
    text-align:center;
    padding:3px 0px;
    margin:0 auto;
    text-decoration:none;
}


.video-title{
    font-size:20px;
   background-color:#eff9e1;
    width:100%;
    height:50px; 
    line-height:50px;
    text-indent:20px;
}

.video-title a{
    color:#333333;
    text-decoration:none;
    outline:none;
    font-size:15px;
}

.play-panel{
    padding:20px;
}

.play-video{
    float:left;
    width:640px;
}
.paly-list{
    float:right;
    width:230px;
}

.problem-list{
    padding:0px 30px 30px;
}
.problem-list .problem-list-item{
    border-bottom:solid 1px #eeeeee;
    margin-bottom:4px;
    padding:20px;
    font-size:16px;
}
.problem-list .problem-list-q{
    padding:5px 0px;
    color:#333333;
    font-weight:bold;
}
.problem-list .problem-list-q span{
    color:#6fc0ef;
    font-weight:bold;
}
.problem-list .problem-list-a{
    color:#7a7c80;

}
.problem-list .problem-list-a span{
    color:#7a7c80;
}


.question-content{
    padding:30px;
}
.btn-question{
    float:right;
    display:block;
    padding:6px;
    color:#ffffff;
    background-color:#87b645;
    text-decoration:none;
    width:100px;
    text-align:center;
}
.btn-question:focus,.btn-question:active,.btn-question:hover{
    text-decoration:none;
    color:#ffffff;
}

.question-list{
    padding-top:20px;
}
.question-list .question-list-item{
    background-color:#f6f6f6;
    margin-bottom:4px;
    padding:20px;
    font-size:16px;
}
.question-list div{
    padding:5px 0px;
}
.question-list span{
    color:#87b645;
    font-weight:bold;

}
.question-list .status{
    text-align:right;
    height:30px;
    line-height:30px;
    color:#abaeb3;
}
.question-list .status .unreply{
    text-align:center;
    float:right;
    padding:0px 4px;
    margin:0px;
    color:#d1c0a5;
    border:solid 1px #d1c0a5;
    background-color:#ffffff;
    height:26px;
    line-height:26px;
}
.question-list .status .reply{
    text-align:center;
    float:right;
    padding:0px 4px;
    margin:0px;
    color:#ffffff;
    border:solid 1px #d1c0a5;
    background-color:#d1c0a5;
    height:26px;
    line-height:26px;

}

.login-bg{
    background:url('Images/PC/login-bg.jpg') 50% 0 no-repeat;
    background-size:100%;
    width:100%;
}


.login-logo{
    padding-top:60px;
    padding-bottom:100px;

}
.login-logo img{
    height:60px;
}


.login-panel .company-name{
    float:left;
    width:710px;
    text-align:center;
    line-height:280px;
}
.login-panel .login-from{
    width:350px;
    background-color:#b6c8f2;
    padding:25px;
    float:right;
}



.form-control-login{
    border-color:transparent;
    background-color:#ffffff;
    text-indent:40px;
    height:50px;
    line-height:40px;
    width:100%;
    font-size:18px;
    color:#4c8dbb;
}
.form-control-login:focus{
    outline:none;
}





.input-login{
    background-image:url(./Images/App/user.png);
    background-repeat:no-repeat;
    background-position:left;
}
.input-pass{
    background-image:url(./Images/App/pass.png);
    background-repeat:no-repeat;
    background-position:left;
}

.input-login:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: transparent !important;
    background-image:url(./Images/App/user.png) !important;
    background-repeat:no-repeat;
    background-position:left;
    background-position-x:4px;
    color:#4c8dbb !important;
}
.input-pass:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: transparent;
    background-image:url(./Images/App/pass.png);
    background-repeat:no-repeat;
    background-position:left;
    background-position-x:4px;
    color:#4c8dbb;
}




.btn-login{
    background-color:#87b645;
    width:100%;
    border-radius:0px;
    color:#ffffff;
    height:50px;
    font-size:22px;
    outline:none;
}
.btn-login:focus,.btn-login:active{
    outline:none;
}

.btn-login:hover,.btn-login:focus{
    color:#ffffff;
}
.login-error{
    color:red;
    font-size:14px;
    padding:0 0 4px 0;
    margin:0;
}
.copyright{
    position:absolute;
    bottom:40px;
    left:0;
    text-align:center;
    width:100%;
    color:#ffffff;
}