@CHARSET "UTF-8";
body {
    /*padding-top: 70px;*/
   
}

body.body-white {
}
.navbar-minwidth{
	min-width: 1000px;
}

.navbar-fixed-top, .navbar-fixed-bottom {
    position: fixed;
}

.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
    margin-right: 0px;
    margin-left: 0px;
}

.navbar .nav .user {
    padding: 0;
    line-height: 70px;
}

.navbar .nav .user .headicon {
    margin: 0 5px;
    height: 30px;
}

.navbar .nav .user .caret {
    vertical-align: middle;
    margin: 0 5px;
}

/*tc widget*/
.yjd_tc-main {
    width: 100%;
    height: 740px;
    margin: auto;
}

/*tc-box*/
.tc-box {
    padding: 5px 10px;
    margin: 0 0 10px 0;
}

.body-white .tc-box{
    border: solid 1px #eee;
}

.tc-box.first-box {
    margin: 0 0 10px 0;
}

.tc-box.article-box {
    padding: 5px 20px; text-align: center;
}
.article_content{ text-align: left; margin-top: 20px;}
/*tc-box end */

/* The blog boxes */
/*.tc-gridbox {
  background-color: #ececec;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 0px 1px 1px #a8a8a8;
  -moz-box-shadow: 0px 1px 1px #a8a8a8;
  box-shadow: 0px 1px 1px #a8a8a8;
  margin-bottom: 40px;
}*/
.tc-gridbox-container {
    width: 25%;
    float: left;
}

.tc-gridbox {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: solid 1px #eee;
    background: #fff;
    cursor: pointer;
}

.tc-gridbox {
    margin: 0 10px 20px 10px;
}

.tc-gridbox:hover {
    -webkit-box-shadow: 0 0 10px 1px rgba(50, 50, 50, 0.1);
    -moz-box-shadow: 0 0 10px 1px rgba(50, 50, 50, 0.1);
    box-shadow: 0 0 10px 1px rgba(50, 50, 50, 0.1);
}

.tc-gridbox a {
    text-decoration: none;
}

@media ( min-width: 768px) and (max-width: 979px) {
    .tc-gridbox {
        display: block;
        float: none;
        width: 95%;
    }
}

@media ( max-width: 979px) {
    .tc-gridbox-container {
        display: block;
        float: none;
        width: 100%;
    }

    .tc-gridbox {
        margin: 0 0 10px 0;
    }
}

.tc-gridbox .header {
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    text-align: center;
    background: #fff;
}

.tc-gridbox .footer {
    padding: 5px 14px 5px 14px;
    text-align: right;
    background: #fff;
}

.tc-gridbox .header .item-image {
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
}

.tc-gridbox .header img {
    margin-bottom: 5px;
    width: 100%;
    /*-webkit-transition: all 0.8s ease-in-out;*/
    /*-moz-transition: all 0.8s ease-in-out;*/
    /*-o-transition: all 0.8s ease-in-out;*/
    /*-ms-transition: all 0.8s ease-in-out;*/
    /*transition: all 0.8s ease-in-out;*/
}

.tc-gridbox .header img:hover {

    /*-webkit-transform: scale(1.2) rotate(2deg);*/
    /*-moz-transform: scale(1.2) rotate(2deg);*/
    /*-o-transform: scale(1.2) rotate(2deg);*/
    /*-ms-transform: scale(1.2) rotate(2deg);*/
    /*transform: scale(1.2) rotate(2deg);*/
}

.tc-gridbox .header h3 {
    color: #454a4e;
    margin: 0 5px;
    font-size: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 24px;
}

.tc-gridbox .header h3 a,
.tc-gridbox .header h3 a:focus,
.tc-gridbox .header h3 a:hover {
    color: #454a4e;
    white-space: nowrap;
}

.tc-gridbox .header .meta {
    color: #5a6065;
}

.tc-gridbox .header hr {
    border-top-color: #eee;
    border-bottom: none;
    margin: 5px 0;
}

.tc-gridbox .body {
    padding-right: 14px;
    padding-left: 14px;
    margin-bottom: 14px;
    color: #343a3f;
}

.tc-gridbox .body a {
    color: #666;
}

.tc-gridbox .body a:hover {
    color: #428bca;
}

.tc-gridbox .btn {
    float: right;
    margin-right: 10px;
    margin-bottom: 18px;
}

/*masonary*/

.masonary-container .item {
    margin-bottom: 20px;
}

.masonary-container .item h3 {
    line-height: 100%;
}

.masonary-container .grid-sizer, .masonary-container .item {
    width: 24.9%;
    margin: 10px 0.05%;
    float: left;
    zoom: 1;
}

@media ( max-width: 479px) {
    .masonary-container .grid-sizer, .masonary-container .item {
        width: 98%;
        margin: 10px 1%;
        float: left;
        zoom: 1;
    }
}

@media ( min-width: 480px) and (max-width: 767px) {
    .masonary-container .grid-sizer, .masonary-container .item {
        width: 48%;
        margin: 10px 1%;
        float: left;
        zoom: 1;
    }
}

/*list Boxes
------------------------------------*/
.list-boxes {
    overflow: hidden;
    padding: 15px 20px;
    margin-bottom: 25px;
    background: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    word-wrap: break-word;
    word-break: break-all;
    border: solid 1px #eee;
}

.list-boxes:hover {
    border: solid 1px #ddd;
}

.list-boxes h2 a {
    color: #555;
}

.list-boxes:hover h2 a {
    color: #f90;
}

.list-boxes .list-actions a {
    font-size: 16px;
    text-decoration: none;
}

.list-boxes p a {
    color: #72c02c;
}

.list-boxes .list-boxes-img li i {
    color: #72c02c;
    font-size: 12px;
    margin-right: 5px;
}

.list-boxes .list-boxes-img img {
    display: block;
    margin: 5px 10px 10px 0;
}

.list-boxes h2 {
    margin-top: 0;
    font-size: 20px;
    line-height: 20px;
}

.list-boxes ul.list-boxes-rating li {
    display: inline;
}

.list-boxes ul.list-boxes-rating li i {
    color: #f8be2c;
    cursor: pointer;
    font-size: 16px;
}

.list-boxes ul.list-boxes-rating li i:hover {
    color: #f8be2c;
}

/*list Colored Boxes*/
.list-boxes-colored p,
.list-boxes-colored h2 a,
.list-boxes-colored .list-boxes-img li,
.list-boxes-colored .list-boxes-img li i {
    color: #fff;
}

/*Red list Box*/
.list-boxes-red {
    background: #e74c3c;
}

/*Blue list Box*/
.list-boxes-blue {
    background: #3498db;
}

/*Grey list Box*/
.list-boxes-grey {
    background: #95a5a6;
}

/*Turquoise list Box*/
.list-boxes-sea {
    background: #1abc9c;
}

/*Turquoise Top Bordered list Box*/
.list-boxes-top-sea {
    border-top: solid 2px #1abc9c;
}

.list-boxes-top-sea:hover {
    border-top-color: #16a085;
}

/*Yellow Top Bordered list Box**/
.list-boxes-top-yellow {
    border-top: solid 2px #f1c40f;
}

.list-boxes-top-yellow:hover {
    border-top-color: #f39c12;
}

/*Orange Left Bordered list Box**/
.list-boxes-left-orange {
    border-left: solid 2px #e67e22;
}

.list-boxes-left-orange:hover {
    border-left-color: #d35400;
}

/*Green Left Bordered list Box**/
.list-boxes-left-green {
    border-left: solid 2px #72c02c;
}

.list-boxes-left-green:hover {
    border-left-color: #5fb611;
}

/*Green Right Bordered list Box**/
.list-boxes-right-u {
    border-right: solid 2px #72c02c;
}

.list-boxes-right-u:hover {
    border-right-color: #5fb611;
}

/*comments*/
.comment {
    margin-bottom: 10px;
}

.comment .avatar {
    height: 40px;
    width: 40px;
}

.comment-body {
    overflow: hidden;
}

.comment-content {
    padding-bottom: 2px;
    word-break: break-all;
    word-wrap: break-word;
}

.comment > .pull-left {
    margin-right: 10px;
}

.comment .time {
    color: #ccc;
    font-size: 12px;
    line-height: 14px;
}

.comment-postbox-wraper {

}

.comment-postbox {
    width: 100%;
    padding: 10px;
}

.comment-reply-box {
    position: relative;
}

.comment-reply-box .textbox {
    width: 100%
}

.comment-reply-submit .btn {
    margin-top: 20px;
}

/*ranking box*/

.ranking ul li {
    padding: 5px 0;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 1px dashed #f0f0f0;
}

.ranking ul.unstyled li i {
    margin-right: 5px;
}

.ranking li i {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin-right: 15px;
    font-style: normal;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    vertical-align: middle;
    background-color: #aaa;
}

.ranking li.top3 i {
    background: #FC9B0B;
}

/*comment ranking box*/
.comment-ranking .comment-ranking-inner {
    padding: 10px;
    background: #f7f7f7;
    position: relative;
    margin-bottom: 10px;
    /*border-top: solid 2px #eee;*/
}

.comment-ranking .comment-ranking-inner,
.comment-ranking .comment-ranking-inner:after,
.comment-ranking .comment-ranking-inner:before {
    transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.comment-ranking .comment-ranking-inner:after,
.comment-ranking .comment-ranking-inner:before {
    width: 0;
    height: 0;
    right: 0px;
    bottom: 0px;
    content: " ";
    display: block;
    position: absolute;
}

.comment-ranking .comment-ranking-inner:after {
    border-top: 15px solid #eee;
    border-right: 15px solid transparent;
    border-left: 0px solid transparent;
    border-left-style: inset; /*FF fixes*/
    border-right-style: inset; /*FF fixes*/
}

.comment-ranking .comment-ranking-inner:before {
    border-bottom: 15px solid #fff;
    border-right: 0 solid transparent;
    border-left: 15px solid transparent;
    border-left-style: inset; /*FF fixes*/
    border-bottom-style: inset; /*FF fixes*/
}

.comment-ranking .comment-ranking-inner:hover {
    border-color: #FC9B0B;
    border-top-color: #FC9B0B;
    background: #f0f0f0;
}

.comment-ranking .comment-ranking-inner:hover:after {
    border-top-color: #FC9B0B;
}

.comment-ranking .comment-ranking-inner span.comment-time {
    color: #777;
    display: block;
    font-size: 11px;
}

.comment-ranking .comment-ranking-inner a {
    text-decoration: none;
}

.comment-ranking .comment-ranking-inner a:hover {
    text-decoration: underline;
}

.comment-ranking .comment-ranking-inner i.fa {
    top: 2px;
    color: #bbb;
    font-size: 18px;
    position: relative;
}

/*ThinkCMF Photos*/
ul.tc-photos {
    margin: 0;
}

.tc-photos li {
    display: inline;
}

.tc-photos li a {
    text-decoration: none;
}

.tc-photos li img {
    opacity: 0.6;
    width: 50px;
    height: 50px;
    margin: 0 2px 8px;
    border: 1px solid #ddd;
}

.tc-photos li img:hover {
    opacity: 1;
    border: 1px solid #f90;
    /* box-shadow: 0 0 0 1px #f90; */
}

/**/

/*Blog Posts
------------------------------------*/
.posts .dl-horizontal a {
}

.posts .dl-horizontal {
    margin-bottom: 15px;
    overflow: hidden;
}

.posts .dl-horizontal dt {
    width: 60px;
    float: left;
}

.posts .dl-horizontal dt .img-wraper {
    display: block;
    width: 55px;
    height: 55px;
    padding: 1px;
    margin-top: 2px;
    border: solid 1px #ddd;
}

.posts .dl-horizontal dt img {
    width: 100%;
    height: 100%;
    /* width: 55px;
    height: 55px;
    padding: 1px;
    margin-top: 2px;
    border: solid 1px #ddd; */
}

.posts .dl-horizontal dd {
    margin-left: 70px;
}

.posts .dl-horizontal dd p {
    margin: 0;
}

.posts .dl-horizontal dd a {
    font-size: 14px;
    line-height: 16px !important;
}

.posts .dl-horizontal dd a:hover {
    text-decoration: none;
}

.posts .dl-horizontal:hover dt img,
.posts .dl-horizontal:hover dd a {
    color: #FC9B0B;
    border-color: #FC9B0B !important;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.bgcolorEBEBEB{background-color: #EBEBEB;}
.bgCDCDCD{background-color: #CDCDCD;}








.yjd_navbar_header{ width: 100%; padding: 0; text-align: center; background-color:#D3D3D3;}

.yjd_navbar_menu{ width: 100%;}


.yjd_nh_left{float: left; margin-top: 10px; }
.yjd_nh_middle_up{ font-family: "楷体" ; font-size: 1em; margin-bottom: auto; letter-spacing: 2px;height: 46px;}

.yjd_nh_right{float: left;}

.yjd_nh_middle_down{ font-family: "黑体" ; font-size: 1.2em; text-align: right; margin-bottom: auto;letter-spacing: 3px; height: 80px; width: 1114px; background-color: #1F80BF;
}
.yjd_nh_middle_down_left{ margin-top: 1px;}
.yjd_nh_middle_down_left ul{  margin-left: 30px; padding-top: 10px;}
.yjd_nh_middle_down_left ul li{ list-style-type:none; float: left; color: #E5E5E5; margin-left: 8px; width: 80px; text-align: center;}


.yjd_nh_middle_down a:link    {color:#999999; font-family: 黑体; font-size: 17px;}
.yjd_nh_middle_down a:visited {color:#999999;}
.yjd_nh_middle_down a:hover   {color:#000000; text-decoration: none;}
.yjd_nh_middle_down a:active  {color:#000000; text-decoration: none;}

.yjd_nh_middle_down_right{ float: left; padding-left: 80px;;}
.yjd_nh_middle_down_right ul{ float: left; }
.yjd_nh_middle_down_right ul li{ float: left; padding-left: 30px;}


.yjd_container{  color: #000000; margin: auto; padding-top: 10px;
background-color: #f0f0f0;
}
.yjd_container_main{margin: auto; width: 1000px; }
.yjd_mTitle{ height: 40px; line-height: 40px; font: "黑体"; font-size: x-large; padding-top: 10px;}
.yjd_mBox{ height: 333px; }
.yjd_mBox ul{}
.yjd_mBox ul li{width:314px; height: 136px; float: left; margin-right:18px; margin-top: 20px;}
.mBoxLiTitle{width: 160px; margin-top: 50px;font-family:'黑体'; margin-left: 150px; font-size: 16px; color: #ffffff; letter-spacing: 5px;}

.mBoxLiTitle a:link    {color:#ffffff; font-family: 黑体; font-size: 25px;}
.mBoxLiTitle a:visited {color:#ffffff; text-decoration: none;}
.mBoxLiTitle a:hover   {color:#CCCCCC; text-decoration: none; font-weight: bold; }
.mBoxLiTitle a:active  {color:#ffffff; text-decoration: none;}

.mBoxLiText{width: 180px; font-family:'宋体';font-styleletter-spacing: 1px; margin-left: 120px;  font-size: 10px; letter-spacing: 2px;
line-height: 20px; color: #ffffff;}

.yjd_xmjsTitle{ margin-top: 40px; font-size: 24px; padding-left: 20px;}
.yjd_Xmjs{ margin-top: 20px; }
.yjd_Xmjs h3{ font-size: 18px; padding-bottom: 10px;}
.yjd_Xmjs{ font-size: 1px;  padding-top: 10px; color: #9B9B9B; font-size: 17px; letter-spacing: 1px; 
	text-align:justify;	text-justify:distribute-all-lines;  line-height:28px;}
.yjd_XmjsImg{ text-align: right;  margin-left: 60px;}

.yjd_XmVideo{ padding-top: 20px; width: 394px; height: 220;}



.yjd_banner_about{color:#FFFFFF; margin-top: 210px; background: url('/static/images/Tvar2.png') no-repeat; height: 48px;
    padding-left: 220px; height: 48px; line-height: 48px;font-family: "Microsoft yahei", "微软雅黑", Tahoma, Verdana, Arial, sans-serif; font-size: 20px;
}
.yjd_lab_menu{ height: 54px; margin: auto; text-align: center;
    background: url('/static/images/gmenu.png') no-repeat; margin-left: 270px;}
.yjd_lab_menu ul{  margin: auto;  }
.yjd_lab_menu ul li{list-style-type:none; float: left; padding-left: 20px; height: 50px; line-height: 50px; width: 100px;
    font-family: 黑体; font-size: 16px;
}
.yjd_lab_menu a:link    {color:#000000; font-family: 黑体; font-size: 15px;}
.yjd_lab_menu a:visited {color:#000000; text-decoration: none;}
.yjd_lab_menu a:hover   {color:#000000; text-decoration: none; font-weight: bold; }
.yjd_lab_menu a:active  {color:#000000; text-decoration: none;}


.yjd_conLeft{float: left;  width: 72%;}
.yjd_conLeftTitle{ font-family: 宋体; font-size: 26px; font-weight: bold;
    background: url('/static/images/dline.png') no-repeat; padding-left: 20px;
}
.yjd_conLeftButton{height: 200px; padding-top: 40px; padding-left: 10px;}

.yjd_login_form{ height: 540px;  }
.yjd_loginbox{  width: 390px;float: right; margin-top: 70px;margin-right: 200px; 
background:#fff;   box-shadow: 10px 10px 5px #888;  border-radius:10px;            opacity:0.9;

}
 .yjd_loginbox::before{
            content:"";
            /*-webkit-filter: opacity(50%);  
            filter: opacity(50%); */
           background:#fff; 
            z-index:-1;
            position:absolute;
        
            top:0px;
            left:0px;
            border-radius:10px;
        }

.yjd_login_title{ padding-top: 40px; height: 30px; line-height: 30px; font-family: "宋体"; font-size: 26px; font-weight:bold;letter-spacing: 2px;
color: #000000; width: 100%; text-align: center;}
.yjd_login_title2{ padding-top: 30px; height: 30px; text-align: center; line-height: 30px; font-family: "arial black"; font-size: 18px; width: 100%; color: #666666;}

.loginButtonForm{ background-color: #3096D1; width:279px; height: 53px;
    border: none;color: white;padding: 1px 32px;text-align: center;text-decoration: none;
    display: inline-block;    font-size: 20px; border-radius: 4px; outline: none; margin-right: 50px;}
.loginButtonForm:hover {
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);border: none;
}
.loginButtonForm:active {
    box-shadow: 0 5px #666;
    transform: translateY(4px); border: none;
}

.yjd_login_input_box{ margin-top: 40px; height: 130px; width: 286px; margin-left: 30px ;
background: url('/static/images/logininputbg.png') no-repeat; opacity:1.0;  z-index:inherit;}
.yjd_login_username{padding-top: 10px; width: 280px;height: 56px; padding-left: 10px; }
.yjd_login_username .icon-user{  
	background: url('/static/images/loginUser.png') no-repeat; width: 20px; height: 20px; position: absolute; margin-top: 20px; margin-left: 10px;
}

.yjd_login_pass{ padding-top:5px;margin-top: 10px; width: 280px;height: 54px; padding-left: 10px;}
.yjd_login_pass  .icon-pass{  
	background: url('/static/images/loginPass.png') no-repeat; width: 20px; height: 30px; position: absolute; margin-top: 15px; margin-left: 10px;
}

.yjd_loginInput{border:none;padding-left: 40px; height:56px; width: 270px;background-color: #FFFFFF;opacity: 1.0;   
    }
.yjd_loginpass{   
   }
.yjd_login_radio{ height: 20px; line-height: 30px; padding-left: 40px; font-size: 14px;}

.loginButton{ background-color: #3096D1; width: 150px; height: 80px;
    border: none;color: white; padding: 15px 32px;text-align: center;text-decoration: none;
    display: inline-block;    font-size: 20px; border-radius: 8px; outline: none; margin-right: 50px;}
.loginButton:hover {
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);border: none;
}
.loginButton:active {
    box-shadow: 0 5px #666;
    transform: translateY(4px); border: none;
}
.yjd_conMiddle{float: left; background: url('/static/images/g_l.png') no-repeat; width: 10px; }
.yjd_conLeftMain{}
.jieshao{float: left;}
.jieshaoText{ width: 68%; float: left; margin-left: 20px; color: #757474; font-family: 黑体;
    font-size: 14px;text-align:left;text-indent: 2em; }

.yjd_conRight{float: right; padding-left: 30px; width:26%; }
.yjd_contact_title{ color: #000000; font-size: 16px;}
.yjd_contact_text{ margin-top: 20px; font-size: 12px; color: #7D7C7C;}
.yjd_contact_text img{float: right; padding-bottom: 5px; margin-right:5px;}

.yjd_footer{ height: 120px; background-color: #FFFFFF; margin: auto; width: 100%; min-width: 1000px;}
.yjd_footer_corp{width: 1200px; margin: auto; height: 100%;font-size: 12px; color: #ADADAD; }


.yjd_footer_left{float: left; height: 100%; line-height:60px;margin-top: 10px; width: 100px;}

.yjd_footer_left img{}


.yjd_footer_right{float: right; height: 100%;  width: 1100px;}
.yjd_footer_right_menu{ margin-top: 30px; margin-left: 320px;}
.yjd_footer_right_menu ul{ width: 900px; height: 40px; text-align: center; }
.yjd_footer_right_menu ul li{ float: left; height: 30px; line-height: 30px;padding-left: 10px;}

.yjd_footer_right a:link    {color:#ADADAD; font-size: 13px;}
.yjd_footer_right a:visited {color:#ADADAD;}
.yjd_footer_right a:hover   {color:#ADADAD; text-decoration: none; }
.yjd_footer_right a:active  {color:#ADADAD;}
.yjd_footer_right_copy{ width: 90%; font-size: 14px; text-align: center;}




.yjd_class_nav{ margin-top: 258px;height: 48px;}
.yjd_class_navtitle{ float:left; width: 50%; color:#FFFFFF; background: url('/static/images/Tvar2.png') no-repeat;
    padding-left: 220px; height: 48px; line-height: 48px;font-family: "Microsoft yahei", "微软雅黑", Tahoma, Verdana, Arial, sans-serif; font-size: 20px;
}
.yjd_class_navtext{ float:right; color:#5F5F5F; height: 48px; line-height: 48px;
    font-family: "Microsoft yahei", "微软雅黑", Tahoma, Verdana, Arial, sans-serif; font-size:14px;
}
.yjd_class_labimg img{width: 284px; height: 150px;}
.yjd_class_labname{ color: #646464; text-align: left; padding-left: 10px;height: 40px; line-height: 40px; font-size: 20px;}

.yjd_class_nav_user{ margin-top:198px;height: 48px;}

.yjd_stu_unavmenu{background: url('/static/images/menubg.png') no-repeat; height: 60px;}
.yjd_stu_unav_left{ float: left; width: 60%;}
.yjd_stu_unav_right{float: left; width: 40%; height: 60px; line-height: 50px;}
.yjd_stu_unav_left ul{ margin-left: 240px;}
.yjd_stu_unav_left ul li{ float: left; width:100px; padding-right: 30px; color: #000000; height: 60px; line-height: 50px;}

.qdButton{ background-color: #3096D1; width:100px; height: 40px;
    border: none;color: white;text-align: center;text-decoration: none;line-height: 46px;
    display: inline-block;    font-size: 12px; border-radius: 8px; outline: none; }
.qdButton:hover {
    box-shadow: 0 10px 10px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);border: none; text-decoration: none;
    color: #FFFFFF; font-weight: bold;
}
.qdButton:active {
    box-shadow: 0 5px #666;
    transform: translateY(4px); border: none;
}
.listButtondiv{ height: 80px;}

.lButtonActive{ background-color:#FF7518;}
.lButton{ width:100px; height: 40px; font-weight: bold; letter-spacing:5px; color: #000000;
    border: none;text-align: center;text-decoration: none;line-height: 46px;
    display: inline-block;    font-size: 12px; border-radius: 8px; outline: none; }
.lButton:hover {
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.24), 0 5px 5px 0 rgba(0,0,0,0.19);
    border: none; text-decoration: none;
    color: #000000; font-weight: bold; font-size: 14px;
}
.lButton:active {
    box-shadow: 0 5px #666;
    transform: translateY(4px); border: none;
}
.classcenter{}
.classcenter ul{ width: 100%;}
.classcenter ul li{ float: left; width: 280px; height: 250px; font-family: "Microsoft yahei", "微软雅黑", Tahoma, Verdana, Arial, sans-serif;font-size: larger;
    background-color: #006cad; margin-left: 120px; text-align: center; padding-top: 100px;  color: #ffffff;}
.classcenter a:link    {color:#CECECE; font-size: 40px;}
.classcenter a:visited {color:#CECECE;}
.classcenter a:hover   {color:#CECECE; text-decoration: none; }
.classcenter a:active  {color:#CECECE;}


.login-from {
	    margin: auto;

    margin-top:50px;
    width:300px;
}
.phone-from {
    display:none;
}
/*.input-box {
    width:298px;
    height:38px;
    border:solid 1px #CCC;
    margin-bottom:20px;
}*/
#account-name {
    border:solid 1px #CCC;
    width:300px;
    height:48px;
    font-size:14px;
    padding-left: 42px;
    padding-right:5px;
    background-image:url(/static/images/icon_account.png);
    background-repeat: no-repeat;
    background-position:10px 10px;
    margin-bottom:20px;
}
#account-name:focus {
    background-image:url(/static/images/icon_account-blue.png);
    background-repeat: no-repeat;
    background-position:10px 12px;
    border:solid 1px #00BBDD;
}
#user-pwd {
    border:solid 1px #CCC;
    width:300px;
    height:48px;
    font-size:14px;
    padding-left: 42px;
    padding-right:5px;
    background-image:url(/static/images/icon-lock.png);
    background-repeat: no-repeat;
    background-position:10px 10px;
    margin-bottom:20px;
}
#user-pwd:focus {
    background-image:url(/static/images/icon-lock-blue.png);
    background-repeat: no-repeat;
    background-position:10px 10px;
    border-color:#00BBDD;
}
.phone-number-input {
    height:38px;
    margin-bottom:20px;
}
.phone-number-input .icon-mobile-phone {
    position: absolute;
    padding-top: 6px;
    padding-left: 10px;
    color:#999;
}
#phone-number {
    border:solid 1px #CCC;
    width:263px;
    height:38px;
    font-size:14px;
    padding-left: 30px;
    padding-right: 5px;
}
#phone-number:focus {
    border-color:#00BBDD;
}
.slider-box {
    margin-bottom:15px;
}
.verify-box {
    margin-bottom:20px;
    overflow: hidden;
}
#verify-code {
    width:170px;
    height:38px;
    border-color:#CCC;
    font-size:14px;
}
#verify-code:focus {
    border-color:#00BBDD;
}
#get-verify-code {
    float:right;
    width:110px;
    height:40px;
    padding:0px;}
.remember-me-box {
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    color:#888;
    margin-bottom:20px;
}
.remember-me-box .auto-login {
    cursor:pointer;
    font-size:16px;
    vertical-align: middle;
}
.remember-me-box .forget-password {
    float: right
}
.icon-check{
	display: inline-block;
    color:#00BBDD;
    width: 15px;
}

.icon-check-empty{
	display: inline-block;
    width: 15px;
}


#login-button-3{
	background-color: #51A736; border: none; border-radius:5px; width:300px;
    margin-bottom:10px; color: #FFFFFF; font-size: 16px; font-weight: bold; letter-spacing: 2px; font-family: "微软雅黑";
}
#login-button-1, #login-button-2 {
	background-color: #0079FF; border: none; border-radius:5px; font-size: 16px;
    font-weight: bold; letter-spacing: 2px; font-family: "微软雅黑"; width:300px;color: #FFFFFF;
    margin-bottom:1px;
}
.forget-pwd-box {color: #0BD; font-size: 16px; height: 50px; line-height: 50px;
    padding-left: 50px; 
}


.student_account_title{ height: 90px; line-height: 90px; font-size: 20px; font-weight: bold; margin-left: 30px;}
.student_account_menu{}
.student_account_menu ul{ margin-left: 30px;}
.student_account_menu ul li{ padding-top: 10px;}
.student_account_main{border: 1px solid #999999; width:700px; height: 580px; margin-left: 50px; margin-top: 10px; padding-top: 20px; padding-left: 20px;}
.student_account_main_left{float: left; width: 30%; text-align: center; }
.student_account_main_right{float:right;width: 70%;}

.samr_formtable{margin-top: 20px;}
.sam_form_title{  float:left; line-height: 40px; width: 60px; text-align: center;}
.sam_form_input{  margin-left: 80px; width: 300px;}
.sam_form_line{ margin-bottom: 0;}

.design_add_zysx{ font-weight: bold;font-size: 20px; color: #999999;}
.design_add_zysx_content{ line-height: 25px; color: #999999; line-height: 30px;}
.design_add_zysx_content  a:link { line-height: 25px; color: #999999;}
.design_add_zysx_content  a:visited { line-height: 25px; color: #999999;}
.design_add_zysx_content  a:hover{ line-height: 25px; color: #999999;}
.design_add_zysx_content  a:active{ line-height: 25px; color: #999999;}

.design_add{width: 1024px; margin: auto; margin-top: 20px;}

.design_nav_tabs{margin-bottom: 0;    padding-left: 0;    list-style: none; width: 1024px;}
.design_nav_tabs ul{width: 1024px;}
.design_nav_tabs li{float: left;  margin-bottom: -1px; width: 400px; text-align: center; border: 1px #4488CF solid; }
.design_nav_tabs li a{position: relative;    display: block;    padding: 10px 15px;   }
.design_nav_active{background-color: #4488CF; color: #FFFFFF;}
.design_nav_active a{ color: #FFFFFF;}   

.design_up_input{ text-align: center; margin-top: 50px;}
.addsignbutton a{color: #FFFFFF; text-decoration:none;}
.addsignbutton  a:link { line-height: 25px; color: #FFFFFF; text-decoration:none;}
.addsignbutton  a:visited { line-height: 25px; color: #FFFFFF;}
.addsignbutton  a:hover{ line-height: 25px; color: #FFFFFF;}
.addsignbutton  a:active{ line-height: 25px; color: #FFFFFF;}

.design_up_fujian{ width: 510px; height: 230px; background-color: #E5EDF7; text-align: center; margin-left: 110px; padding-top: 30px;}
.design_up_button{ text-align: center; margin-top: 40px;}

.design_up_images {}
.design_up_images ul{}
.design_up_images ul li{ padding-top: 5px; padding-left: 20px; float: left;}
.design_up_images ul li img{width:152px; height: 109px; border: 1px solid #CCCCCC;}
.design_adddetail_button{float:right;}

.pubcomm_nav{height: 30px;}
.pubcomm_nav  a:link {  color: #4488CF; text-decoration:none;}
.pubcomm_nav  a:visited {  color: #4488CF;}
.pubcomm_nav  a:hover{  color: #4488CF;}
.pubcomm_nav  a:active{  color: #4488CF;}

.pubcomm_user_icon{ float:left; height: 40px;}
.pubcomm_user_text{float: left; padding-left: 20px; width: 200px; height: 50px;}
.pubcomm_user_text_un{ height: 20px; font-size: 18px; font-family:"微软雅黑";}
.pubcomm_user_text_time{ height: 20px; font-size: 12px; color: #999999;}
.pubcomm_content_text{ line-height: 30px; font-size: 16px; padding-left: 10px;}
.pubcomm_content_imglist{}
.pubcomm_content_imglist ul{ width: 400px;}
.pubcomm_content_imglist ul li{ float:left; padding-left: 10px; padding-top: 10px;}
.pubcomm_content_fujian{ height: 30px; line-height: 30px; color: #C5C5C5;}
.pubcomm_content_fujian  a:link { line-height: 25px; color: #689BD6; text-decoration:none;}
.pubcomm_content_fujian  a:visited { line-height: 25px; color: #689BD6;}
.pubcomm_content_fujian  a:hover{ line-height: 25px; color: #689BD6;}
.pubcomm_content_fujian  a:active{ line-height: 25px; color: #689BD6;}

.pubcomm_comment_face{}
.pubcomm_comment_reply{height: 30px; line-height: 30px; }