@charset "utf-8";
/* CSS Document */
/*清零*/
body,ul,ol,li,p,h1,h1,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input{margin:0;padding:0;border:0;}
body{font-size:12px;}
img{border:none;}
ul,ol{list-style:none;}
input,select,textarea{outline:none;}
textarea{resize:none;}
a{text-decoration:none; color: #838383;}
button{ background: transparent; border: none;cursor: pointer;outline:none;}


body { background-color: #FFF; font-family: "微软雅黑"; }
body:before{
  background-color: #F7F7F7;
}
.container{
  width: 1170px;
}
input[type=checkbox]{
  background: #fff;
  width: 15px;
  height: 15px;
}
.pad15{
  padding: 15px;
  margin-bottom: 40px;
  background: #F7F7F7
}
.top51 { margin-top: 50px; }
.top70 { margin-top: 70px; }
.top10 { margin-top: 10px; }
.top15 { margin-top: 15px; }
.top20 { margin-top: 20px; }
.bot51 { margin-bottom: 50px; }
.bot70 { margin-bottom: 70px; }
.bot10 { margin-bottom: 10px; }
.bot20 { margin-bottom: 20px; }
.bot30 { margin-bottom: 30px; }
.bot40 { margin-bottom: 40px; }
.l10 { margin-left: 10px; }
.z14 { font-size: 14px; }
.z12 { font-size: 12px; }
.z20 { font-size: 20px; }
.z30 { font-size: 30px; }
.border-bottom{
  padding-bottom: 5px;
  border-bottom: 1px solid #ddd;
}
.og{ color: #fd953e; }
.f{ float:left}
.r{ float:right}
.df { clear: left; }
.dr { clear:right; }
.valid-msg{
  display: none;
}
.banner { background-image: url(../img/banner1.jpg); height: 204px; background-position: center 0%; background-repeat: no-repeat; background-color: #17181c; position: fixed; width: 100%; z-index: 1; top: 50px; }
.navbar { border-bottom-width: 0px; height: 40px !important; min-height: 40px !important; border-radius: 0px !important;}
.col-md-3 img { width: 100%; border-top-left-radius: 5px; border-top-right-radius: 5px; }
/*.col-md-3 { margin-bottom: 20px; background-color: #FFF; border-radius: 5px; box-shadow: 0 1px 3px rgba(0,0,0,0.18); position: relative; }*/
.m, .mn { z-index: 2; position: relative; margin-top: 255px; background-color: #F4F4F4; z-index: 2; position: relative; padding-left: 0px; padding-right: 0px; padding-top: 20px; }
.mn { margin-top: 50px; }
.m0 { padding-left: 0px; padding-right: 0px; }
.m-l-0 { margin-left: 0px; padding-right: 0px; }
.row{ margin-left: 0px; margin-right: 0px; }
.cover{
  margin-bottom: 10px;
  border-radius: 5px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.18);
  overflow: hidden;
}
.cover-info { padding: 5px 10px; overflow: hidden; background: #fff;}
.cover-info h4 { font-size: 16px; overflow: hidden; text-overflow: ellipsis; word-break: keep-all; white-space: nowrap; display: block; font-weight: bold; line-height:18px;margin-top: 7px;margin-bottom: 5px;}
.cover-info a { color: #000;}
.cover:hover a{
  color: #88C22D;
}
.cover-info small { 
  font-size: 14px;
  display: block;
  color: #838383; 
  height: 38px; 
  overflow:hidden; 
}
.cover-fields { background: #fff; bottom: 34px; font-size: 12px; height: 35px; left: 10px; line-height: 35px; max-width: 210px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 15px; padding-right: 15px;
    border-radius: 0 0 3px 3px;
    border: 1px solid #e7e7e7;
    box-shadow: 0 1px 0 0 #fff inset;
}
.cover-stat { background-color: #f6f6f6; border-radius: 0 0 3px 3px; border-top: 1px solid #e7e7e7; box-shadow: 0 1px 0 0 #fff inset; padding: 7px 15px 7px 15px; color: #8B8B8C; position: relative; }
.cover-stat span { font-size: 10px; font-family: "Arial"; }
.cover-yh { position: absolute; right: 1px; top: 1px; border-left: 1px solid #ddd; color: #aaa; cursor: default; width: 29px; line-height: 34px; height: 35px; transition: color 0.15s linear; text-align: center; font-size: 14px; }
.cover-yh a { color: #8B8B8C; }
.cover-yh a:hover { color: #2D2D2D; text-decoration: none; }
.f10 { padding-right: 12px; }
.cover-fields a, .jz a { color: #333333; }
.cover-fields a:hover, .jz a:hover { color: #1769ff; text-decoration: none; }
.popover-content { padding: 5px 5px; }
.popover.top>.arrow:after { bottom: 5px; margin-left: 2px; content: " "; border-top-color: #000; border-bottom-width: 0; }
.popover>.arrow:after { content: ""; border-width: 7px; }
.popover>.arrow { border-width: 0px; }
.popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 400; line-height: 1.42857143; text-align: left; white-space: normal; background-color: #0B0B0B; -webkit-background-clip: padding-box; background-clip: padding-box; /* border: 1px solid #000; */ /* border: 1px solid rgba(0,0,0,0); */ border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0); box-shadow: 0 5px 10px rgba(0,0,0,0); color: #FFF; border: 1px solid #000; }
.nav-bg, .nav-bgn { position: relative; background-color: #2b323c; height: 75px; text-align: left; color: #CBC8D2;min-width: 1170px}
.jz { background-color: #FFF; padding-top: 45px; padding-bottom: 25px; text-align: right; height: 115px; font-size: 14px; color: #333333; width: 100%;}
.sort { position: relative; z-index: 15; height: 75px; line-height: 70px; cursor: pointer; display: inline-block; padding-right: 20px; text-align: left; padding-left: 20px; font-size: 15px; color: #fff; border-bottom: 5px solid #414852; }
.sort-red-on,
.sort-red:hover{
  border-bottom: 5px solid #EB4C37;
  color: #EB4C37;
}
.sort-red-on .icon-xxzx,
.sort-red:hover .icon-xxzx{
  background-position: 0px -35px;
}
.sort-yellow-on,
.sort-yellow:hover{
  border-bottom: 5px solid #FACA01;
  color: #FACA01;
}
.sort-yellow-on .icon-jk,
.sort-yellow:hover .icon-jk{
  background-position: -35px -35px;
}
.sort-green-on,
.sort-green:hover{
  border-bottom: 5px solid #88C22D;
  color: #88C22D;
}
.sort-green-on .icon-tsg,
.sort-green:hover .icon-tsg{
  background-position: -68px -35px;
}
.sort-blue-on,
.sort-blue:hover{
  border-bottom: 5px solid #2E95D8;
  color: #2E95D8;
}
.sort-blue-on .icon-gkk,
.sort-blue:hover .icon-gkk{
  background-position: -102px -35px;
}
.sort-small{
  height: 70px; padding-top: 35px; margin-bottom: 5px; cursor: pointer; display: inline-block; text-align: left; padding-left: 20px; font-size: 12px; color: #fff;
}
.sort-small img{
  border-radius: 50%;
  margin-right: 10px;
}
.last .sort-small{
  padding-left: 0px;
}

.jz .sort { cursor: pointer; display: inline-block; padding-right: 15px;  max-width: 33%; position: relative; text-align: left; padding-left: 15px; font-size: 15px; color: #333333;
  border: none;
}
.jz .last .sort{
  padding-right: 80px;
}
.menuFixed { position: fixed; left: 0; z-index: 10; width: 100%; }
.nav-bgn .navbar-logo { float: left; margin-top: 16px; width: 100px; height: 38px;  font-size: 18px; line-height: 20px; margin-left: 45px; margin-right: 65px;}
.nav-right{
  float: right;
}

.jz .navbar-logo { float: left; margin-top: 0px; width: 150px; height: 52px; font-size: 18px; line-height: 20px; margin-left: 25px;}
.nav>li>a { font-size: 12px; }
.mh { -webkit-backface-visibility: hidden; -webkit-filter: blur(5px); filter: blur(5px); }
.ty { box-shadow: 0 1px 3px rgba(0,0,0,0.07); }
.nav-zi { position: absolute; top: 50px; left: 0px; background-color: #fff; height: auto; width: 100%; text-align: left; border-top: 1px solid #E8E8E8; }
.nav-zi ul { padding-top: 20px; padding-bottom: 10px; }
.nav-zi li {  width: 280px; }
.nav-zi a { border: 1px solid #EDEDED; padding-left: 40px; margin-left: 10px; padding-right: 20px; margin-right: 10px; display: block; line-height: 40px; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.4s ease-in; }
.nav-zi a:hover{ background-color: #367dff; color: #FFF;border: 1px solid #367dff; }
.nav-zi i { padding-right: 10px; font-size: 18px;  }
.nav-bs{color: #FFF;}
.ls{color: #1769ff;}
.dltx{ width: 37px; height: 37px; border-radius: 37px; }
.hidden{
  display: none !importent;
}

.nav-bgn-top{
  position: absolute;
  top: 0px;
  right: 15px;
}
.nav-bgn-top .sort-small{
  padding-top: 0px; margin-bottom: 5px; cursor: pointer; display: inline; text-align: left; padding-left: 20px; font-size: 12px; color: #fff;
}
.nav-hr{
  position: absolute;
  width: 100%;
  height: 5px;
  bottom: 0;
  background: #414852;
  z-index: 10;
}


.top-nav-ul{
  padding-left: 0;
  margin-left: 0px;
  height: 40px;
  line-height: 40px;
  margin-bottom: 0px;
}
.top-nav-ul li{
  float: left;
  list-style: none;
  margin-right: 20px;
}
.top-nav-ul li a{
  color: #fff;
  font-size: 15px;
}
.top-nav-ul li a.icon-new{
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  height: 16px;
  background: url(../img/tip.jpg) left center no-repeat;
}
.top-nav-ul li a.icon-new span{
  position: absolute;
  display: block;
  right: -10px;
  top: 1px;
  font-size: 12px;
  height: 15px;
  line-height: 15px;
  padding: 0 4px;
  text-align: center;
  color: #fff;
  background: #DA221A;
  border-radius: 10px;
}
.navbar-inverse .navbar-nav>li>a{
  color: #fff;
}

.main-left{
  float: left;
  width: 200px;
}
.main-left .main-left-item{
  background: #fff;
  width: 100%;
  margin-bottom: 10px;
  border-radius: 5px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.18);
  overflow: hidden;
}
.main-left .user_img_edit_box{
  position: relative;
  width: 200px;
  height: 200px;
}
.user_img_edit_box .user_ico_img{
  position: absolute;
  width: 200px;
}
.user_img_edit_box .user_ico_edit{
  position: absolute;
  display: none;
  width: 100%;
  height: 100%;
  padding-top: 70px;
  text-align: center;
  background: rgba(0,0,0,0.5);
  vertical-align: middle;
  color: #fff;
  font-size: 15px;
}

.main-left .list-group{
  padding: 15px;
  margin-bottom: 0px;
}
.main-left .list-group-item{
  border: none;
  font-size: 14px;
  color: #333333;
  border-radius: 3px;
  margin-bottom: 5px;
  padding: 5px 0 5px 40px;
}

.main-left .main-left-tips{
  background: #fff;
  width: 100%;
  margin-bottom: 10px; 
}
.main-left .main-left-tips .item{
  width: 66px;
  float: left;
}
.main-left .main-left-tips .item:first-child{
  width: 67px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.main-left .main-left-tips .item:last-child{
  width: 67px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.danger-bg{
  background: #EC4D37;
}
.danger-bg:hover{
  background: #9F2A18;
}
.danger-bg:hover .icon-tongzhi{
  background-position: -32px -105px;
}

.yellow-bg{
  background: #FAC900;
}
.yellow-bg:hover{
  background: #DDB300;
}
.yellow-bg:hover .icon-shezhi{
  background-position: -68px -105px;
}

.green-bg{
  background: #88C32D;
}
.green-bg:hover .icon-gonggao{
  background-position: -102px -105px;
}
.green-bg:hover{
  background: #5E910E;
}

.blue-bg{
  background: #2E95D8;
}
.blue-bg:hover .icon-xiaoxi{
  background-position: -135px -105px;
}
.blue-bg:hover{
  background: #2266B5;
}


.main-left-tips .item .item-inner{
  display: block;
  position: relative;
  overflow: visible;
  width: 66px;
  height: 50px;
  text-align: center;
  line-height: 50px;
}
.main-left-tips .item .item-inner span{
  position: absolute;
  right: -7px;
  top: -7px;
  display: inline-block;
  width: 20px;
  height: 20px;
  background: #EC4D37;
  border-radius: 10px;
  text-align: center;
  line-height: 20px;
  color: #fff;
}

.main-left .countdown{
  padding: 15px;
  text-align: center;

}
.main-left .countdown a{
  display: block;
  width: 100%;
  height: 35px;
  background: #88C22D;
  color: #fff;
  border-radius: 3px;
  text-align: center;
}
.main-left .countdown a.disabled{
  background: #ccc;
  cursor: not-allowed;
}
.main-left .countdown h1{
  color: #333333;
  margin: 5px 0;
  font-size: 28px;
  font-weight: bolder;
}
.main-left .countdown p{
  color: #333333;
  margin-bottom: 5px;
}
.main-left .countdown p span{
  color: #A8A8A8;
}

.main-right{
  margin-left: 215px;
 /* background: #fff;*/
 /* min-height: 633px;*/
}

.nav-zibg { border-bottom: 2px solid #007AFB; padding-bottom: 13px; }
.search-wrap { position: relative; }
.search-wrap .search-txt { width: 100%; border-radius: 5px; padding-left: 30px; outline: none; }
.search-btn { position: absolute; left: 5px; top: 5px; color: #A5A5A5; cursor: pointer; background: none; border: 0; }
.bod { padding-bottom: 50px; }
/*foot*/
.foot { height: 32px; border-top: 1px solid #303030; }
.foot ul { padding-left: 10px; padding-right: 10px; }
.foot li { line-height: 32px; color: #939393; font-size: 12px; padding-left: 10px; padding-right: 10px; }
.footer-ss { border-right: 1px solid #000; box-shadow: 1px 0 0 #303030; padding-right: 12px; }
/*info*/
.project { background: #fff; width: 100%; position:relative; margin-bottom: 10px; border-radius: 5px; overflow: hidden; box-shadow: 0 2px 4px rgba(0,0,0,0.18);}
.project_n_m{
  width: 100%; margin-left: 0; margin-right: 0;
}
.project-header { border-bottom: 2px solid #F7F7F7; border-top: 1px solid #fff; height: 50px; margin: auto; padding: 15px 0 0 20px; position: relative; background: #fff }
.project-header h1 { margin-top: 0px; font-size: 18px; line-height: 20px; color: #88C22D; border-left: 5px solid #88C22D; padding-left: 5px }
.project-header h2 { margin-top: 0px; font-size: 14px; line-height: 20px; color: #262626; margin-right: 20px;}
.project-header h2 a.button{
  padding: 3px 8px;
  color: #000;
  margin: 0 5px;
  border-radius: 5px;
}
.project-header h2 a.on{
  background: #88C22D;
  color: #fff;
}
.project-header h2 a.button:hover{
  color: #88C22D;
}
.project-header h2 a.on:hover{
  color: #fff
}
.project-header p { color: dimgray; }
.project-header span { display: inline-block; height: 20px; line-height: 20px; color: #f4b400; }
.project-content { background-color: #FFF; padding: 0 20px 0px 20px;}
.project-content-n-p{
  padding:  0 0 0 10px;
}
.thumbile{ width: 100%; border-radius: 4px; padding: 15px 0; background: #fff }
.thumbile a.baomin{
    width: 180px;
    margin-right: 20px;
    font-size: 1.5rem;
    line-height: 30px;
}
.thumbile img.open-ad{
  display: block;
  margin: 0 auto;
  width: 90%;
  border-radius: 10px;
}
.thumbile h3{
  font-size: 16px;
  line-height: 25px;
  padding-bottom: 5px;
  color: #262626;
  border-bottom: 1px solid #e8e8e8;
  margin: 0 0 20px 0;
}
.thumbile h3 a{
  font-size: 12px;
  color: #88C22D;
}
.thumbile td h3{
  font-size: 15px;
  padding-bottom: 0;
  margin: 0;
  border-bottom: none;
}
.list-group a.on{
  background-color: #88C22D;
  color: #fff;
}
.list-group a i{
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  font-size: 16px;
  color: #777787;
}
.list-group a.on i{
  border-radius: 50%;
  color: #88C22D;
  background-color: #fff;
}
/*.thumbile a{ width: 22%; margin-left: 1%; margin-right: 1%; font-size: 1.5rem; line-height: 30px; }*/
.in100,.in2{  border-radius: 3px 3px 0 0; border-top: 1px solid #e8e8e8; height: auto; margin: auto; padding: 20px 6px; position: relative;}
.in2{padding: 20px 25px;background-color: #fff}
.pl{ width: 90%; border: 1px solid #e8e8e8; padding: 4px; border-radius: 5px; margin-left: 8%; position: relative; margin-top: 20px; }
    .pl p {padding: 0px;margin:0px;line-height:22px}
.pl ul{ padding: 0px 20px; line-height: 36px; }
.tx{ position: absolute; top: 0px; left: -55px; width: 55px; height: 50px; background-image: url(../img/tx.png); background-repeat: no-repeat; background-position: right 10px; padding-right: 12px; }
.tx2 {width: 45px;left: -45px;}
.tx img{width: 100%;border-radius: 45px;}

.pr{ width: 90%; border: 1px solid #e8e8e8; padding: 4px; border-radius: 5px; margin-right: 8%; position: relative; margin-top: 20px; }
    .pr p {padding: 0px;margin:0px;line-height:22px}
.pr ul{ padding: 0px 20px; line-height: 36px; }
.txr{ position: absolute; top: 0px; right: -55px; width: 55px; height: 50px; background-image: url(../img/txr.png); background-repeat: no-repeat; background-position: -2px 10px; padding-left: 12px; }
.txr img{width: 100%;border-radius: 45px;}

.plbg{ background-color: #eff6f9;  }
.zuo{ border: 1px solid #e8e8e8; background-color: #FFF; padding: 15px; width: 200px;border-radius: 5px;}
.zuo h6{ margin-top: 0px; color: #A7A7A7; }
.zuo h4{ font-size: 14px; padding-top: 0px; margin-top: 3px; }
.zuo img{ display: block; margin-right: 10px; width: 50px; height: 50px; border-radius: 50px; float:left }
.zuo span{ font-family:"Arial", sans-serif; }
.zuox{width: 100px;}
.btn-z { color: #333; background-color: #fff; border-color: #ccc; width: 100%; }
.cjms{ color: #5E5E5E;background-color: #F9F9F9;border-color: #F0F0F0;}
.cjms a{
  display: block;
  width: 100%;
  height: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pages-box{
  margin: 30px 0;
}



.login-register-box{
  height: 500px;
}
.login-ad-box{
  width: 755px;
  height: 500px;
  float: left;
}
.login-ad-box img{
  display: block;
  width: 100%;
  height: 100%;
}
.login-form-box{
  position: relative;
  margin-left: 755px;
  height: 500px;
  background: url(../img/login-bg.png) left center no-repeat ;
}
.login-form-box form{
  padding-top: 190px;
  margin-left: 40px;
  width: 300px;
  height: 200px;
}
.login-form-box .checkbox,.checkbox{
  margin: 0px;
  padding-left: 20px;
  height: 46px;
  line-height: 46px;
  font-size: 12px;
  background: #fff;
}
.radio{
  margin: 10px 0;
  padding-left: 20px;
  height: 46px;
  line-height: 46px;
  font-size: 12px;
  background: #fff;
}
.login-form-box .checkbox input[type=checkbox]{
  top: 12px;
}
.login-form-box .checkbox a{
  height: 45px;
}
.login-form-box form button{
  display: block;
  width: 300px;
  height: 46px;
  background: #DC2920;
  color: #fff;
  font-size: 15px;

}
.login-form-box .input-group-addon{
  border: none;
  background-color: #F5F5F5;
}

.login-form-box .input-group, .login-form-box.input-group .form-control{
  /*background-color: #F5F5F5;*/
  border: none;
}
.login-form-box .input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn{
  padding: 0 10px;
  border-color: #F5F5F5;
  box-shadow: none;
  background-color: #F5F5F5;
}
.register .input-group-lg>.input-group-addon{
  border: 1px solid #ccc;padding: 10px 16px;border-width: 1px 0px 1px 1px;
}
.findpw-icon{
  padding: 0 16px !important;
  border: 1px solid #ccc !important;
  border-width: 1px 0px 1px 1px !important;
}
.login-form-box .fa{
  display: inline-block;
  width: 25px;
  height: 25px;
}
.login-form-box .fa-use{
  background: url(../img/fa-user.png) left center no-repeat;
}
.login-form-box .fa-pw{
  background: url(../img/fa-pw.png) left center no-repeat;
}
.other-login{
  position: absolute;
  left: 306px;
  top:90px;
  width: 67px;
  height: 74px;
  background: url(../img/other-login.png) left center no-repeat;
}
.other-login a{
  display: block;
  width: 100%;
  height: 100%;
}

.icon-new{
  display: inline-block;
  width: 35px;
  height: 35px;
  background: url(../img/icon.fw.png);
  vertical-align: middle;
}
.icon-warning{
  background-position: -140px -35px;
}
.icon-xxzx{
  background-position: 0px 0px;
}
.icon-jk{
  background-position: -35px 0px;
}
.icon-tsg{
  background-position: -68px 0px;
}
.icon-gkk{
  background-position: -102px 0px;
}
.icon-edit{
  background-position: -243px -35px;
}
.icon-video{
  background-position: 0px -70px;
}
.icon-tongzhi{
  background-position: -32px -70px;
}
.icon-shezhi{
  background-position: -68px -70px;
}
.icon-gonggao{
  background-position: -102px -70px;
}
.icon-xiaoxi{
  background-position: -135px -70px;
}
.icon-zxwljc{
  background-position: -135px -1px;
}
.icon-tc{
  background-position: -170px -3px;
}
.icon-account-user{
  background-position: -210px 0px;
}
.icon-account-birthday{
  background-position: -245px 0px;
}
.icon-account-phone{
  background-position: -280px 0px;
}
.icon-account-yzhm{
  background-position: -315px 0px;
}
/*弹出*/
.tcc{ height: 568px; background-image: url(../img/tcbg.png); }
/*.tcc-re{ height: 650px; background-image: url(../img/tcbg-re.png); }*/
.tcc-re{ height: 650px; background-image: url(../img/tcbg-re.png); }
.modal{ border: 0px; }
.modal-content2 {
  position: relative;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0,0,0,.2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
  box-shadow: 0 3px 9px rgba(0,0,0,.5);
}
.modal-header2 {
  min-height: 16.43px;
  padding: 15px;
}
.tcck,.tcck2{ padding-top: 110px; padding-left: 40px; padding-right: 40px; }
.tcck2{ padding-top: 20px;}
.input-group,.input-group .form-control { height:46px; width: 100%; font-size: 15px;}
.input-group-lg>.input-group-btn>.btn { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; width: 100px;  
}
.register .input-group-lg>.input-group-btn>.btn{
  width:130px; font-size:15px;line-height:28px;color: #fff;background-color: #5cb85c;border-color: #4cae4c;
}
.findpw-btn{
    color: #fff !important;
    background-color: #5cb85c !important;
    border-color: #4cae4c !important;
}
.modal-footer2 { padding-top: 0px; padding-right: 40px; padding-left: 40px; padding-bottom: 15px;}
.d3f{ text-align: center; }
.d3f a{ width: 85px; height: 85px; border-radius: 85px; border: 1px solid #E7E7E7; margin-left: 10px; margin-right: 10px; display: inline-block; }
.d3f a:hover{ -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.4s ease-in; background-color: #fdd31c;border: 1px solid #fdd31c; }
.qq{ background-image: url(../img/qq.png); }
.sina{background-image: url(../img/sina.png); }
.git{background-image: url(../img/git.png); }
.zfb{ background-image: url(../img/zfb.png); }

.posts-nav-wrap { text-align: center; width: 100%; height: 53px; margin: 20px 0 0 0; display: inline-block; clear: both; }
.posts-nav li { margin: 0 13px 0 0; display: inline-block; }
.posts-nav li a { text-indent: -9999em; text-align: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; display: inline-block; -moz-transition: all .20s ease-in-out; -webkit-transition: all .20s ease-in-out; transition: all .20s ease-in-out; }
.posts-nav .next a { background: #999999 url(../img/ico-pagination-arrow-next.png) no-repeat center; width: 144px; height: 53px; line-height: 53px; }
.posts-nav .next a:hover { text-decoration: none; background: #ffe900 url(../img/ico-pagination-arrow-next.png) no-repeat 110px center; }
.posts-nav .previous a { width: 64px; height: 53px; line-height: 53px; background-color: #999999; background-image: url(../img/ico-pagination-arrow-previous.png); background-position: center; background-repeat: no-repeat; }
.posts-nav .previous a:hover { text-decoration: none; background: #ffe900 url(../img/ico-pagination-arrow-previous.png) no-repeat 12px center; }

.en{  font-size: 20px;font-weight: bold; }
.dwontop{ margin-top: 45%; overflow:hidden}
.dwonbtbg{ background-color: #5bc0de;color:#fff;}
.dwonx{ border-top-width: 0px; border-bottom-width: 0px; }
.yuei{ text-align: center;}
.yuei a{ text-decoration: none;color:#fff ; font-size: 20px;}
.yuei a:hover{ font-weight: bold;background-color: #3f9dce; border: 1px solid #3f9dce;transition: all 1s ease 0s;color:#fff200}
.f20{ padding-right:20px}
.xzsm{ display: inline-block; width: 200px; height: 60px; min-height: 0px; line-height: 60px; text-align: center; background-color: #fff; border: 1px solid #5bc0de; font-size: 18px; }
.xza {background-color: #5bc0de;}
.menu ul,.menu li{list-style-type: none;}

.menu ul li { float: left; position: relative; }
.menu ul li a, .menu ul li a:visited { display: block; text-align: center; text-decoration: none; width: 80px; height: 30px; color: #000; line-height: 30px; font-size: 12px; }
.menu ul li ul { display: none; }
.menu ul li:hover a {  }
.menu ul li:hover ul { display: block; position: absolute; top: 0px; left: -41px; width: 105px; }
.menu ul li:hover ul li a { display: block; color: #000; }
.menu ul li:hover ul li a:hover { color: #000; color: #000;}
.tpa {background-color: #F8F8F8;}
.tpa a:hover {background-color: #999999;}

.dou{
-webkit-animation:dou 0.5s .2s ease both;
-moz-animation:dou 0.5s .2s ease both;}
@-webkit-keyframes dou{
0%,100%{-webkit-transform:translateX(0);}
10%,30%,50%,70%, 90%{-webkit-transform:translateX(-5px);}
20%,40%,60%,80%{-webkit-transform:translateX(5px);}
}
@-moz-keyframes dou{
0%,100%{-moz-transform:translateX(0);}
10%,30%,50%,70%, 90%{-moz-transform:translateX(-5px);}
20%,40%,60%,80%{-moz-transform:translateX(5px);}
}
.dou2{
-webkit-animation:dou2 1s .2s ease both;
-moz-animation:dou2 1s .2s ease both;}
@-webkit-keyframes dou2{
0%{opacity:0;
-webkit-transform:translateY(20px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes dou2{
0%{opacity:0;
-moz-transform:translateY(20px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}

.myleft{ margin-left: 0px; margin-right: 0px; background-color: #FAFAFA;border-bottom-left-radius: 3px;/* [disabled]border-bottom-right-radius: 3px; *//* [disabled]border-top-right-radius: 3px; */ border-top-left-radius: 3px; }
.mym{ margin-left: 0px; margin-right: 0px; background-color: #FAFAFA; box-shadow: 0 1px 3px rgba(0,0,0,0.2); border-bottom-left-radius: 3px;/* [disabled]border-bottom-right-radius: 3px; *//* [disabled]border-top-right-radius: 3px; */ border-top-left-radius: 3px; }
.myright{ margin-left: 0px; margin-right: 0px; background-color: #fff;/* [disabled]border-bottom-left-radius: 3px; */ border-bottom-right-radius: 3px; border-top-right-radius: 3px;/* [disabled]border-top-left-radius: 3px; */ box-shadow: 0 1px 3px rgba(0,0,0,0.2); background: white; }
.myleft-n,.myright-n{ margin: 20px;  border-radius: 10px;}
.imgr20{ margin-right: 20px; display: block;  border-radius: 15px;}
.myleft-n button{ width:100%;}
.topx{ border-top: 1px solid #E0E0E0; padding-top: 20px; }
.t0b0{ margin:0px; padding:0px; padding-left:10px}
.myNav{ text-align: center; }
.myNav a{ display: inline-block; font-size: 14px; padding-left: 10px; padding-right: 10px; line-height: 40px; color: #000000; }
.myMinh{ min-height: 500px; }
.txtr{ text-align: right; }
.spjz{  margin-right: auto; }



.x-top { border-top-width: 1px; border-top-style: solid; border-top-color: #d8e4e6; padding-top:10px; margin-top:30px;}
.fy { width: 50%; overflow: hidden; height: 25px; font-size: 14px; }
.txtRight { text-align: right; }
.mBottom { margin-bottom: 20px; }
.zhs { color: #cdcdcd; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
.PREVIOUS { height: 25px; padding-left: 35px; background-image: url(../img/PREVIOUS.png); background-repeat: no-repeat; line-height: 25px; background-position: left center; }
.NEXT { height: 25px; background-image: url(../img/Next.png); background-repeat: no-repeat; line-height: 25px; background-position: right center; padding-right: 35px; }
.NEXT a:hover { color: #39F; }
.jg20 { padding-left: 20px; }
.jg20r { padding-right: 20px; }
.jg35 { padding-left: 35px; }
.jg352 { padding-right: 35px; }

.err {border-color: #A94442; background-color:#ffe7e7}
.errts {  padding: 5px; padding-left:20px;}

.project-content img {max-width:100%}
.red{ background-color: #FF4F4F; }

.pwd{ width: 600px; margin-left: auto; margin-right: auto; background-color: #FFFFFF; padding: 20px 20px 40px 20px; }
.pwdbut{line-height: 36px;}
.jjk20{ padding-left: 20px; padding-bottom: 0px; padding-right: 0px; padding-top: 0px; margin-bottom: 10px; }

.z16{ font-size: 16px; }
.cjnr{ padding-top: 10px; padding-right: 30px; padding-left: 30px; padding-bottom: 0px; }
.cjbg {border-radius: 5px; box-shadow: 0 1px 3px rgba(0,0,0,0.18);}

.zxzf{ width: 990px; height: auto; margin-left: auto; margin-right: auto; background-color: #FFF; padding: 20px;border: 1px solid #e3e3e3; background-image: url(../img/zfbcz.png); background-repeat: no-repeat; background-position: center top; padding-top:60px }
.zxzf2{ width: 990px; height: auto; margin-left: auto; margin-right: auto; background-color: #FFF; padding: 20px;border: 1px solid #e3e3e3; background-image: url(../img/cztb.png); background-repeat: no-repeat; background-position: center top; padding-top:73px }
.msage{ background-color:#fff0f0;border-bottom-width:1px;border-bottom-color:#f3d2d2;padding-top:5px;padding-bottom:5px;position: relative; margin-bottom:5px }
.msclose {position:absolute; top:0px;right:22px}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #FAFAFA;
  border: 1px dashed #DADADA;
  border-radius: 4px;
}
.edui-combox-body .edui-button-body {
  width: 140px;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  padding-left: 5px;
  white-space: nowrap;
  margin: 0 3px 0 0;
}
.pd10{padding-left:10px;padding-right:10px}
.adinfo{ position:absolute; top:20px; right:20px; height: 50px; width: 320px; }
.m10{margin-bottom:10px}
.jl { color: #ff7800; padding-left: 20px; display:none}

.on_changes2 {width:255px; position:absolute; top:49px;left:51px; list-style:none; background:#FFF; border:1px solid #d3d3d3; display:none; padding:10px;z-index:5}
.on_changes2 li{margin:5px;padding:4px;}
.on_changes2 li.active{ background:#CEE7FF;}

.banseo{ width: 506px; height: 34px;left:0; right:0; margin:auto;position:absolute; top:116px}
.bantxt{ width: 504px; height: 34px; border: 1px solid #2c2c2c; background-color: #131418; padding-left: 20px; padding-right: 20px; outline: none; color: #B7B7B7; border-radius: 34px; }
::-webkit-input-placeholder { /* WebKit browsers */
    color:#666666;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#666666;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#666666;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#666666;
}

.banbutt{position: absolute; right: 0px; background-color: transparent; border-width: 0px;outline: none;}
.banbutt:hover{ color:#fff}
.m5{margin-bottom:5px}
.hf{float:right;font-size: 12px;line-height: 12px; }
.lyhftxt{ width: 100%; height: 200px; padding: 10px 20px;outline: none; border: 1px solid #d2dadd;  background: #F8F8F8;color: #3a3a3a; font-size: 13px;word-wrap:break-word;word-break:break-all;}
.qxhf{float:right;}
.pl a{color:#5d6c80;text-decoration: none;cursor:pointer}
.qxhf a{color:#5d6c80;text-decoration: none;cursor:pointer}
.huif a{color:#5d6c80;text-decoration: none;cursor:pointer}
.myhome img{ width: 30px; border-radius: 30px; position: relative;  }
.myhome:hover .myhome-z{display:block;}
.myhome-z{top:50px;left:-50px;position:absolute; width:107px; line-height:30px; background-color:#FFF; display:none}
.myhome-z a{ display: block; text-align: center; text-decoration: none; }
.myhome-z a:hover{ background-color: #FFF5C5; font-weight: bold; }
.bh{-webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in; -ms-transition: all 0.4s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.4s ease-in;}
.huif {width:716px;border-top: 1px solid #ebebeb; padding-top:10px; position: absolute; left:130px;display:none}
.plbg2 {background-color:#f1f1f1}



/*yyr*/
/*清除浮动*/
.clearfix:after{content:"";display:block;clear:both;}
.clearfix{zoom:1;}

.tab-btn-box a.tab{
  display: block;
  float: left;
  width: 140px;
  text-align: center;
  padding: 10px 15px;
  background-color: #F3F3F3;
  font-size: 14px;
  color: #888888;
  text-decoration: none;
  border-radius: none;
  margin: 0 2% 20px 0;
  border-radius: 5px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.18);
}
.tab-btn-box a.tab i{
  padding-right: 5px;
  font-size: 20px;
  color: #DDDDDD;
  vertical-align: middle;
}
.tab-btn-box a.on{
  background-color: #88C22D;
  color: #fff;
}
.tab-btn-box a.on i{
  color: #fff;
}

/*form*/
.form{
  min-width: 460px;
}
.form .half{
  width: 50%;
  float: left;
}
.form .whole{
  width: 100%;
}
.form .form-g{
  padding: 10px 0;
}
.form .input-label{
  width: 30%;
  padding-right: 10px;
  height: 40px;
  line-height: 40px;
  float: left;
  text-align: right;
  font-weight: normal;
}
.form .form-input{
  width: 70%;
  float: left;
}
input.text-input{
  display: inline-block;
  /*padding-left: 5px;
  margin: 0 10px;*/
  width: 300px;
  height: 40px;
  border-radius: 5px !important;
}
.form .form-input input.text-input{
  display: block;
  padding-left: 5px;
  width: 230px;
  height: 40px;
  border-radius: 5px !important;
}
.form .radio-lable{
  line-height: 30px;
  vertical-align: middle;
  margin-right: 10px;
}
.btn-submit, .btn-submit:focus{
  background-color: #FFCC33!important;
  border-color: #FFCC33;
  color: #fff;
}

.cleopatra-box{
  padding: 30px 0;
  width: 280px;
  height: 200px;
  margin: 0 auto;
}
.cleopatra-img{
  position: relative;
  width: 140px;
  height: 140px;
  border: 1px solid #e8e8e8;
}
.cleopatra-img img{
  border-radius: 50%;
  border: 2px solid #e8e8e8;
  overflow: hidden;
}
.cleopatra-img a.edit{
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  background-color: #222222;
  color: #fff;
  text-align: center;
}
.cleopatra-edit{
  padding-top: 35px;
  width: 140px;
  height: 140px;
}
.cleopatra-edit a{
  display: block;
  text-decoration: none;
  line-height: 30px;
  padding-left: 10px;
}
/*beyond*/
.profile-container .profile-body .tab-content{
  margin-top: 0;
}
.nav-tabs>li{
  margin-bottom: 0px;
}
.profile-container .profile-body .nav-tabs.tabs-flat{
  padding: 10px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
  line-height: 12px;
  margin-top: 0;
}
.profile-container .profile-body .nav-tabs>li>a, .profile-container .profile-body .nav-tabs>li>a:hover, .profile-container .profile-body .nav-tabs>li>a:focus{
      -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-top: 0;
    border-bottom: 2px solid #fbfbfb;
    background-color: #fbfbfb;
    top: 2px;
    margin-bottom: 0;
}
.tickets-container .tickets-list{
  background: #fff;
}
.tickets-container .tickets-list .ticket-item{
  padding: 0;
}
.widget
{
  margin-bottom: 30px;
  /*box-shadow: 0 2px 4px rgba(0,0,0,0.18);*/
}
.class_list .widget{
  box-shadow: 0 2px 4px rgba(0,0,0,0.18);
}
.widget-header .widget-icon{
  margin-left: 5px;
}
.widget-body{
  background: #fff;
  box-shadow: none;
  padding: 0;
}
.fc-toolbar{
  height: 30px;
}
.panel-body:after, .panel-body:before{
  content: none;
  display: none;
  clear: both;
}
.tab-content{
  background: #fff;
}
.panel-group .panel+.panel{
  margin-top: 0px;
}
.panel{
  border-width: 0 0 1px 0;
  border-color: #E8E8E8;
}
.panel-title a{
  display: block;
  width: 100%;
  height: 100%;
}

.out-of-time-complete{
   color: rgb(160, 212, 104);
}

.out-of-time-unfinished{
  color: rgb(231, 91, 141);
}

.future{
  color: #0193DE
}
.icon{
  display: inline-block;
  width: 24px;
  height: 25px;
  background: url(../img/jilu.png) no-repeat;
}
.icon-chengji{
  background-position: 0 0;
}
.icon-jiake{
  background-position: -25px 0;
}
.icon-qingjia{
  background-position: -50px 0;
}
.icon-kaohe{/*有考核*/
  background-position: -75px 0;
}
.icon-ywckaohe{/*已完成考核*/
  background-position: -75px -25px;
}
.icon-ywc{
  width: 25px;
  background-position: -99px 0;
}
.icon-wkk{
  width: 25px;
  background-position: -125px 0;
}
.icon-yzz{/*有作业*/
  width: 25px;
  background-position: -150px 0;
}
.icon-ywczz{/*已完成作业*/
  width: 25px;
  background-position: -150px -25px;
}
.icon-zongjie{ /*总结*/
  width: 25px;
  background-position: -177px 0;
}
.icon-yuxi{ /*预习*/
  width: 25px;
  background-position: -206px 0;
}

.table{
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
    box-shadow: 0 0 3px rgba(0,0,0,.2);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: none;
    overflow: hidden;
}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
    box-shadow: 0 0 3px rgba(0,0,0,.2);
    border: none;
    vertical-align: middle;
    background: #fff;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
    vertical-align: middle;
}

.book_box,.book_other_box{
  position: relative;
}
.book_box img{
  width: 110px;
  display: block;
  float: left;
  border:3px solid #EEEEEE;
}
.book_box .book_info{
  margin-left: 130px;
}
.book_box .book_info h3,
.book_other_box .book_info h3{
  margin-bottom: 5px;
  border: none;
}
.book_other_box .book_info p{
  width: 100%;
  border-bottom: 1px solid #ddd;
  padding: 5px 0;
}
.book_other_box .book_info p a.edit{
  width: 40px;
  float: right;
  margin-right: 10px;
  color: #fff;
}
.book_other_box .book_info p span{
  display: block;
  width: 80%;
  float: left;
  white-space:nowrap;
  overflow:hidden; 
  text-overflow:ellipsis;
}
.book_other_box .book_info p span a{
  color: #838383;
}

.question,
.teacher{
  height:210px;
  margin-bottom: 10px;
}
.question .project{
  width: 32%;
}
.question .project-red,
.question .project-yellow{
  margin-right: 2%;
}
.teacher .project-header h1 a,
.question .project-header h1 a{
  position: relative;
  z-index: 10;
  font-size: 12px;
  color: #747385;
  padding-left: 10px;
}
.question .project-red .project-header h1{
  color: #EC4D37;
  border-left: 5px solid #EC4D37;
}
.question .project-yellow .project-header h1{
  color: #EFCC00;
  border-left: 5px solid #EFCC00;
}
.question .project-blue .project-header h1{
  color: #2C9DC7;
  border-left: 5px solid #2C9DC7;
}
.teacher .project .project-content,
.question .project .project-content{
    position: relative;
    height: 160px;
}

.teacher .project .img-bg{
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
  top: 10px;
  right: 10px;
}
.question .project .img-bg{
  position: absolute;
  width: 135px;
  height: 195px;
  bottom: 0;
  right: 0px;
}
.question .project .img-bg img{
  width: 120px;
  height: 180px;
}

.question .project-yellow .img-bg{
  background: url(../img/question_yellow.png) left center no-repeat;
}
.question .project-blue .img-bg{
  background: url(../img/question_blue.png) right 35px no-repeat;
}
.teacher .question-text{
  width: 200px;
}
.question .question-text{
  width: 140px;
}
.teacher .question-text h4,
.question .question-text h4{
  color: #000;
  font-weight: 800;
  margin-bottom: 5px;
}
.teacher .question-text h4{
  color: #000;
  margin-bottom: 15px;
}
.teacher .question-text .p-icon,
.question .question-text .p-icon{
  color: #747385;
  font-size: 14px;
}
.teacher .question-text p,
.question .question-text p{
  margin-bottom: 10px;
  line-height: 25px;
}
.teacher .question-text .p-icon,
.question .question-text .p-icon{
  margin-bottom: 0px;
}
.teacher .question-text .p-icon i,
.question .question-text .p-icon i{
  padding-right: 5px;
  line-height: 20px;
}
.teacher .project a.button,
.question .project a.button{
  position: absolute;
  bottom: 15px;
  display: block;
  width: 110px;
  text-align: center;
  padding: 10px 15px;
  font-size: 12px;
  color: #fff;
  text-decoration: none;
  border-radius: none;
  border-radius: 5px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.18);
}
.teacher .project a.button{
  background-color: #EFCC00;
  width: 130px;
}
.question .project-yellow a.button{
  background-color: #EFCC00;
}
.question .project-blue a.button{
  background-color: #2E9EC3;
}

.leave_list .tickets-container .tickets-list .ticket-item .ticket-time,
.leave_list .tickets-container .tickets-list .ticket-item .ticket-user,
.leave_list .tickets-container .tickets-list .ticket-item .divider{
  height: 145px;
}
.leave_list .ticket-time,.leave_list .ticket-user{
  float: left;
  width: 50%;
}
.leave_list .tickets-container .tickets-list .ticket-item .ticket-time i,
.leave_list .tickets-container .tickets-list .ticket-item .ticket-user i{
  color: #88C32D;
  margin-right: 5px;
  font-size: 16px;
}
.leave_list .tickets-container .tickets-list .ticket-item .ticket-time .time,
.leave_list .tickets-container .tickets-list .ticket-item .ticket-user .time{
  color: #333;
  font-size: 12px;
  text-transform: uppercase;
}
.leave_list .ticket-user{
  border-left: 1px solid #eee;
}
/*.leave_list .ticket-user p{
  text-align: center;
  line-height: 80px;
}*/
/* contact */
#sitecontent .wrapper { position: relative; background-color: white; -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); *zoom: 1;}
#sitecontent .wrapper:after { content: ""; display: table; clear: both; }
#sitecontent #register-link { position: absolute; right: 0; top: -30px; }
#sitecontent #contact-form { position: relative; display: inline; float: left; margin-right: 306px; padding: 25px 30px; }
#sitecontent #contact-form .submit-row { text-align: right; }
#sitecontent #contact-info { position: absolute; right: 0; top: 0; height: 100%; border: 10px solid white; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 306px; padding: 30px 25px; background: white url('../img/wave-pattern-white.png') repeat; }
#sitecontent #contact-info dt { text-transform: uppercase; font-family: "brandon-grotesque", Helvetica, Arial, sans-serif; font-weight: 700; letter-spacing: 1px; font-size: 12px; color: #e8554e; }
#sitecontent #contact-info dd { margin-bottom: 25px; }
#sitecontent #contact-info dd, #sitecontent #contact-info dd a { color: #204a65; }
#sitecontent #contact-info .social-links a { text-indent: -119988px; overflow: hidden; text-align: left; background-image: url('../img/icons.png'); background-repeat: no-repeat; background-position: 50% 50%; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; width: 32px; height: 48px; margin-right: 5px; }
#sitecontent #contact-info .social-links a.qq { background-position: -32px -16px; }
#sitecontent #contact-info .social-links a.wx { background-position: -32px -80px; }
#sitecontent #contact-info .social-links a.wb { background-position: -128px -16px; }

.styled-form .pagetitle { margin-bottom: 5px; }
.styled-form .note { margin-bottom: 40px; }
.styled-form input[type=text], .styled-form input[type=password], .styled-form textarea { /*background-color: #e1e1db;*/ width: 100%; padding: 12px 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; font-family: "museo-slab", Georgia, serif; }
.styled-form input[type=text]:focus, .styled-form input[type=password]:focus, .styled-form textarea:focus { background-color: #fff9b2; }
.styled-form label { display: block; font-family: "brandon-grotesque", Helvetica, Arial, sans-serif; font-weight: 700; letter-spacing: 1px; font-size: 11px; line-height: 20px; text-transform: uppercase; color: #4e4e4d; }
.styled-form label.checkbox { font-family: "museo-slab", Georgia, serif; font-weight: 300; color: #787876; text-transform: none; font-size: 13px; letter-spacing: 0; }
.styled-form .field { display: block; }
.styled-form .error { color: red; font-size: 12px; margin-top: 2px; display: block; }
.styled-form .row { display: inline; float: left; *zoom: 1; width: 100%; }
.styled-form .row:after { content: ""; display: table; clear: both; }
.styled-form .row.half { width: 46%; margin-left: 8%; }
.styled-form .row.half.first { margin-left: 0; clear: left; }
.styled-form .submit-row { clear: both; }

.fc-tips {
  /*border-bottom: 3px solid #37B8CD;*/
  padding: 10px 15px;
}
.fc-tips .pull-left {
  margin-right: 30px;
}

/* 颜色定义 */
.fc-color-0 {background-color: #37B8CD!important; color: #37B8CD!important;}
.fc-color-1 {background-color: #5cb85c!important; color: #5cb85c!important;}
.fc-color-2 {background-color: #777777!important; color: #777777!important;}
.fc-color-3 {background-color: #f0ad4e!important; color: #f0ad4e!important;}
.fc-color-4 {background-color: #d9534f!important; color: #d9534f!important;}
.fc-color-5 {background-color: #898BB2!important; color: #898BB2!important;}
.fc-color-6 {background-color: #FF8C78!important; color: #FF8C78!important;}
.fc-color-7 {background-color: #8DD6B6!important; color: #8DD6B6!important;}
.fc-color-8 {background-color: #FFD661!important; color: #FFD661!important;}
.fc-color-9 {background-color: #FFF2B5!important; color: #FFF2B5!important;}

.fc-bg-color-0 {background-color: #37B8CD!important; border-color: #37B8CD!important;}
.fc-bg-color-1 {background-color: #5cb85c!important; border-color: #5cb85c!important;}
.fc-bg-color-2 {background-color: #777777!important; border-color: #777777!important;}
.fc-bg-color-3 {background-color: #f0ad4e!important; border-color: #f0ad4e!important;}
.fc-bg-color-4 {background-color: #d9534f!important; border-color: #d9534f!important;}
.fc-bg-color-5 {background-color: #898BB2!important; border-color: #898BB2!important;}
.fc-bg-color-6 {background-color: #FF8C78!important; border-color: #FF8C78!important;}
.fc-bg-color-7 {background-color: #8DD6B6!important; border-color: #8DD6B6!important;}
.fc-bg-color-8 {background-color: #FFD661!important; border-color: #FFD661!important;}
.fc-bg-color-9 {background-color: #FFF2B5!important; border-color: #FFF2B5!important;}

/*学习情况反馈*/
.report_card {
  width: 537px;
  margin: 0 auto;
}
.report_card .report{
  color: #fff;
}
.report_card .report th{
  padding: 10px 0;
  background: #FF6600;
  text-align: center;
}
.report_card .report th p{
  margin-bottom: 0px;
  line-height: 26px;
}
.report_card .report th p.middle{
    border: #FFFF99 1px solid;
    border-width: 0 1px;
}
.report_card .report td{
  padding: 10px 5px;
  background: #FFFFCC;
  color: #000000;
  font-size: 14px;
  font-weight: 700;
  border: 1px solid #C0C0C0;
}
.report_card .report td.center{
   text-align: center;
}
.report_card .report td.size16{
  font-size: 18px;
}
.report_card .info-box{
  width: 537px;
  height: 214px;
  padding-top: 155px;
  background: url(../img/report_info.jpg) left center no-repeat;
  background-size: 100%;
  text-align: center;
  color: #800000
}
.report_card .info-box h2{
  margin: 0 0 5px 0;
  font-weight: 700;
}
.report_card .info-box p{
  font-size: 16px;
  font-weight: 700;
}
.report_card .action{
  width: 100%;
  height: 54px;
  vertical-align: middle;
  background: #FF9900;
  color: #fff;
}
.report_card .action-left{
  float: left;
  width: 110px;
  height: 54px;
  line-height: 54px;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
}
.report_card .action-right{
  float: left;
  width: 427px;
  padding: 7px;
  line-height: 20px;
}
.report_card .comment{
  padding-top: 0px;
}
.report_card .comment-title,
.report_card .chart-title{
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  text-align: center;
}
.report_card .comment-title{
  background: #99CC00
}
.report_card .chart-title{
  background: #00CCFF
}
.report_card .comment-content{
  background: #CCFFCC;
  padding: 20px;
  color: #000000;
  font-weight: 700;
  text-indent:24px;
}
.report_card .chart-content{
  background: #CCFFFF;
  padding: 40px 20px;
  color: #000000;
  font-weight: 700;
  font-size: 14px;
}

.open-lesson li{
  padding: 15px 0;
  border-bottom: 1px solid #ddd;
}
.open-lesson .info{
  margin-left: 340px;
}
.open-lesson .info h4{
  line-height: 40px;
  height: 40px;
}
.open-lesson .info h4 .title{
  display: block;
  float: left;
  font-size: 18px;
  color: #000;
  font-weight: bolder;
  width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.open-lesson .info h4 .time{
  font-size: 12px;
  color: #838385;
  float: right;
}
.open-lesson .info .info-text{
  font-size: 14px;
  color: #838385;
  height: 70px;
  margin-bottom: 10px;
  overflow: hidden;
}

.notice-list li{
  padding: 15px 0;
  border-bottom: 1px solid #ddd;
}
.notice-list .info h4{
  margin-right: 220px;
  font-size: 14px;
  line-height: 20px;
  height: 20px;
  color: #000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.notice-list .info p.time{
  float: right;
  font-size: 12px;
  width: 200px;
  color: #838385;
}
.notice_detail .notice_detail_content img{
  display: block;
  max-width: 100% !important;
  margin: 10px auto;
}
.notice_detail h2{
  margin: 0 0 10px 0;
}
.notice_detail .notice_detail_content{
  font-size: 14px;
  color: #838385;
  line-height: 20px;
  overflow: hidden;
}

.pricing-container .plan ul li{
  padding-left: 30px;
  text-align: left;
}

.databox .databox-text{
  font-size: 13px;
  margin: 2px 0 2px 0;
}

.databox .time-item{
  margin: 10px 0 0 0;
}
.databox .time-item span{
  display: inline-block;
  background: #ffce55;
  color: #fff;
  line-height: 30px;
  font-size: 20px;
  font-family: Arial;
  padding: 0 5px;
  margin-right: 5px;
  border-radius: 5px;
  box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
  font-weight: 700;
}
.databox .time-item span i{
  font-size: 20px;
  font-family: Arial;
  font-weight: 700;
  font-style: normal;
}

/* pages_bar */
.pages_bar{
  margin-bottom: 20px;
}
.pages_bar a {
  border: 1px solid #aaa;
  color: #333;
  display: inline-block;
  margin: 0 3px;
  padding: 2px 7px;
  text-align: center;
}
.pages_bar a:hover {
  text-decoration: none;
}
.pages_bar a.current_page {
  background-color: #aaa;
  border: 1px solid #aaa;
  color: #fff;
}
.img-user {
  height: 20px;
  margin: 0 5px;
  width: 20px;
}

.tickets-container{
  padding: 0;
}

.skyblue{
  color: #37B8CD;
  border: 
}
.bordered-skyblue{
  border-color: #37B8CD !important;
}

/*登记页面*/
.account{
  background: url(../img/account_bg.png) repeat;
}
.account .account_open{
  padding-top: 300px;
  width: 860px;
  height: 800px;
  margin: 0 auto;
  background: url(../img/account_open.png) center 60px no-repeat;
}
.account .account_open_left{
  float: left;
  padding-top:  107px;
  width: 370px;
  background: url(../img/account_open_left.png) center top no-repeat;
}
.account .account_open_left .inner_top{
  position: relative;
  width: 100%;
  border: 1px solid #E3E4E8;
  border-radius: 5px;
  height: 60px;
  background: #fff;
  padding: 8px 15px;
  font-size: 15px;
  color: #99A3B1;
}
.account .account_open_left .inner_top:before{
  position: absolute;
  right: 55px;
  top: -10px;
  content: '';
  width: 18px;
  height: 18px;
  background: #fff;
  border-width: 1px;
  border-style: solid;
  border-top-color: #E3E4E8;
  border-right-color: #fff;
  border-left-color: #E3E4E8;
  border-bottom-color: #fff;
  transform:rotate(45deg);
  -ms-transform:rotate(45deg); /* Internet Explorer */
  -moz-transform:rotate(45deg); /* Firefox */
  -webkit-transform:rotate(45deg); /* Safari 和 Chrome */
  -o-transform:rotate(45eg); /* Opera */
}
.account .account_open_left_inner input{
  border-color: #E3E4E8 !important;
  border-width: 1px 1px 1px 0px !important;
  box-shadow: none !important;
  color: #99A3B1 !important;
  padding: 10px 5px;
  font-size: 14px;
}
.account .account_open_left_inner .input-group-addon{
  background: #fff;
  padding: 0px 0px 0px 12px;
  border-color: #E3E4E8 !important;
  border-width: 1px 0px 1px 1px !important;
}

.account .account_open_left_inner .input-group-lg>.input-group-btn>.btn{
  font-size: 14px;
  color: #fff !important;
  background: #ED5565;
}
.account .account_open_right{
  float: right;
  padding-top: 240px;
  width: 435px;
  height: 410px;
  background: url(../img/account_open_right.png) center 25px no-repeat;
}
.account .account_open_right .inner_top{
  position: relative;
  width: 100%;
  border: 1px solid #E3E4E8;
  border-radius: 5px;
  height: 170px;
  background: #fff;
  padding: 10px 20px;
}
.account_open_right .inner_top .title{
  text-align: center;
  color: #ED5565;
  font-size: 18px;
  font-weight: 800;
  line-height: 35px;
  height: 35px;
}
.account_open_right .inner_top .title i{
  display: inline-block;
  background-image: url(../img/icon.fw.png);
  background-position: -315px -37px;
  background-repeat: no-repeat;
  width: 35px;
  height: 35px;
  vertical-align: middle;
}
.account .account_open_right .inner_top p{
  color: #272636;
  font-size: 14px;
  line-height: 25px;
  text-indent: 28px;
  background-image: url(../img/icon.fw.png);
  background-position: -355px -40px;
  background-repeat: no-repeat;
}
.account_open_right .inner_top .tel{
  color: #222;
  font-size: 18px;
  font-weight: 800;
  line-height: 35px;
  text-align: center;
}
.account_open_right .inner_top .tel i{
  display: inline-block;
  background-image: url(../img/icon.fw.png);
  background-position: -275px -35px;
  background-repeat: no-repeat;
  width: 35px;
  height: 35px;
  margin-right: 5px;
  vertical-align: middle;
}
.account .account_open_right .inner_top:before{
  position: absolute;
  left: 122px;
  top: -10px;
  content: '';
  width: 18px;
  height: 18px;
  background: #fff;
  border-width: 1px;
  border-style: solid;
  border-top-color: #E3E4E8;
  border-right-color: #fff;
  border-left-color: #E3E4E8;
  border-bottom-color: #fff;
  transform:rotate(45deg);
  -ms-transform:rotate(45deg); /* Internet Explorer */
  -moz-transform:rotate(45deg); /* Firefox */
  -webkit-transform:rotate(45deg); /* Safari 和 Chrome */
  -o-transform:rotate(45eg); /* Opera */
}

/* grade style start */
span.grade{display:inline-block;width:70px;height:15px;background:url(../img/grade_bg.gif) 0 -16px no-repeat}
span.grade i{display:inline-block;height:15px;background:url(../img/grade_bg.gif) 0 2px no-repeat}