@charset "UTF-8";
/* CSS Document */
body {
    font: normal 12px/26px "microsoft yahei";
    -webkit-text-size-adjust: none;
    background: #fff;
    color: #313131;
}

p, ol, ul, li, form, select, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}

ol, ul, li {
    list-style: none;
}

a {
    color: #313131;
}

a:hover, a:focus {
    text-decoration: none;
}

.container {
    width: 1200px;
    padding: 0;
}

.row {
    /*margin: 0;*/
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-sm-23, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding: 0;
}

/*topbar*/
.topbar {
    height: 49px;
    line-height: 49px;
    background: #003955;
    overflow: hidden
}

.topbar-nav > li {
    padding-left: 30px;
    color: #a5a5a5;
}

.topbar-nav > li > a {
    color: #afb0b4;
    cursor: pointer;
    display: inline-block;
    padding: 0 3px;
}

.topbar-nav li {
    font-size: 12px;
}

.topbar-nav .topbar .nav > li > a {
    padding: 0 15px;
    color: #d5d5d6;
}

.topbar-nav > li > a:focus, .topbar-nav > li > a:hover {
    background-color: #2b2f31;
}

.topbar-nav .on > a {
    color: #4187d1;
}

.topbar-nav .on > a:hover, .topbar-nav .on > a:focus {
    background-color: inherit;
}

.nav-pills > li + li {
    margin-left: 0;
}

/*nav*/
.navbar {
    min-height: 95px;
}

.navbar-brand img {
    margin-right: 8px;
}

.navbar-default {
    z-index: 999;
    background: #fff;
    border-bottom: 1px #d8d8d8 solid;
    margin-bottom: 0;
}

.navbar > .container .navbar-brand {
    margin: 0;
    font-size: 26px;
}

.navbar-nav > li > a {
    line-height: 95px;
    padding: 0 15px;
}

.navbar-nav > li:hover {
    background: #e7e7e7;
}

.navbar .nav > li > a {
    color: #5b5b5b;
    font-size: 14px;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background: url(../../images/zysy/icon01.png) repeat-x left bottom;
    color: #3bc9c2;
}

.navbar .logo {
    height: 66px;
    padding: 34px 0 0 0;
    margin: 0;
}

.navbar .logo span {
    display: block;
    font: normal 10px/20px "Arial";
    letter-spacing: 1px;
}

.ul-contact {
    color: #a5a5a5;
}

.ul-contact li {
    position: relative;
    padding-left: 0;
}

.ul-contact li img {
    position: absolute;
    left: 0;
    top: 9px;
}

.ul-contact a {
    display: block;
    color: #afb0b4;
}

/*portlet*/
.portlet {
    margin: 10px;
}

.portlet h2 {
    background: url(../../images/zysy/zxBg.jpg) repeat-x left 16px;
    height: 50px;
    padding-bottom: 0;
    font: normal 24px/50px "microsoft yahei";
    color: #434343;
    position: relative;
}

.portlet h2.border_bottom {
    position: relative
}

.portlet h2.border_bottom i {
    position: absolute;
    left: 120px;
    top: 0;
    font-style: normal;
    font-size: 12px;
}

.portlet h2 img {
    position: absolute;
    left: 0;
    top: 4px;
    background: #fff;
    padding-left: 4px;
}

.portlet h2 span {
    display: block;
    height: 50px;
    color: #2280c1;
    background: #fff;
    float: left;
    padding-right: 10px
}

.portlet h2 a {
    position: absolute;
    right: 28px;
    top: 18px;
    height: 28px;
    font: normal 11px/28px "microsoft yahei";
    border-radius: 3px;
}

.portlet h2 a, .portlet h2 a:link, .portlet h2 a:visited {
    color: #929292;
}

.portlet h2 a:hover, .portlet h2 a:active {
    color: #434343;
}

.portlet h4 {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 8px;
}

.portlet .cont {
    padding-top: 10px;
}

.portlet .cont.pt0 {
    padding-top: 0;
}

.btn-default {
    border-radius: 0;
    border: 0;
    height: 35px;
    line-height: 35px;
    padding: 0 20px;
    background: #ed6b20;
    color: #fff;
    font-size: 14px;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
    color: #fff;
    background-color: #dc5b11;
    border-color: #adadad;
}

/*.btn-primary {
  border-radius: 5px;
  border: 0;
  height: 30px;
  line-height: 30px;
  padding: 6px 12px;;
  background: #dcdcdc;
  color: #313131;
  font-size: 12px;
}*/

.btn-primary:hover {
    background: #4188d2;
    color: #fff;
}

.btn-down {
    display: block;
    width: 100%;
    background: #d94734;
    height: 82px;
    line-height: 82px;
    color: #fbfbfb;
    font-size: 14px;
    border: 0;
    border-radius: 0;
    padding: 0;
    cursor: pointer;
}

/*footer*/
/*footer {
  background: #414141;
  height: 85px;
  text-align: center;
  font: normal 12px/30px "Microsoft YaHei";
}*/
.footer-inner {
    background: #414141;
    height: 85px;
    text-align: center;
    font: normal 12px/30px "Microsoft YaHei";
}

.footer-nav {
    width: 1200px;
    margin: 0 auto;
    text-align: left;
    color: #fff;
    position: relative;
    padding-left: 84px;
}

.footer-nav a {
    color: #fff;
    padding: 0px 10px;
    cursor: pointer;
}

.weixin {
    position: absolute;
    left: 0;
    top: -8px;
}

.weixin img {
    width: 74px;
    height: 74px;
}

.copy {
    color: #8e8e8e;
    border-top: 1px solid #6b6b6b;
    padding-top: 15px
}

.copy p {
    line-height: 24px;
}

.copy a {
    color: #8e8e8e;
}

/*padding*/
.p-15 {
    padding: 15px;
}

.pl-20 {
    padding-left: 20px;
}

.pt-5 {
    padding-top: 5px;
}

.pt-7 {
    padding-top: 7px;
}

.pt0 {
    padding-top: 0;
}

.pt-10 {
    padding-top: 10px;
}

.pt-15 {
    padding-top: 15px;
}

.pr-6 {
    padding-right: 6px;
}

.pr-10 {
    padding-right: 10px;
}

.pr-20 {
    padding-right: 20px;
}

.plr-15 {
    padding-left: 15px;
    padding-right: 15px;
}

.plr-30 {
    padding-left: 30px;
    padding-right: 30px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-30 {
    padding-bottom: 30px;
}

/*margin*/
.mt-5 {
    margin-top: 5px;
}

.mt-8 {
    margin-top: 8px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-14 {
    margin-top: 14px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-40 {
    margin-top: 40px;
}

.mb-15 {
    margin-bottom: 15px;
}

.ml-190 {
    margin-left: 190px;
}

.ml-232 {
    margin-left: 232px;
}

.ml-345 {
    margin-left: 345px;
}

.ml-460 {
    margin-left: 460px;
}

.mlr-25 {
    margin-left: 25px;
    margin-right: 25px;
}

/*宽高*/
.width-110 {
    width: 110px
}

.width-180 {
    width: 180px
}

.width-200 {
    width: 200px
}

.width-206 {
    width: 206px
}

.width-230 {
    width: 230px
}

.width-290 {
    width: 290px
}

.width-315 {
    width: 315px
}

.width-342 {
    width: 342px;
}

.width-428 {
    width: 428px
}

.width-516 {
    width: 516px
}

.width-850 {
    width: 850px;
}

.width-857 {
    width: 857px;
}

.width-966 {
    width: 966px;
}

.w98 {
    width: 98%;
}

.height-55 {
    height: 55px;
}

.height-65 {
    height: 65px;
}

.height-85 {
    height: 85px;
}

.height-160 {
    height: 160px;
}

.height-190 {
    height: 190px;
}

.height-210 {
    height: 210px;
}

.height-252 {
    height: 252px;
}

.height-260 {
    height: 259px;
}

.height-285 {
    height: 285px;
}

.height-288 {
    height: 288px;
}

.height-326 {
    height: 326px;
}

.height-350 {
    height: 350px;
}

.height-355 {
    height: 355px;
}

.height-356 {
    height: 356px;
}

.height-360 {
    height: 360px;
}

.height-370 {
    height: 370px;
}

.height-420 {
    height: 420px;
}

.height-438 {
    height: 438px;
}

.height-440 {
    height: 440px;
}

.height-480 {
    height: 480px;
}

.height-485 {
    height: 485px;
}

.height-492 {
    height: 492px;
}

.height-508 {
    height: 508px;
}

.height-525 {
    height: 525px;
}

.height-530 {
    height: 530px;
}

.height-555 {
    height: 555px;
}

.height-600 {
    height: 600px;
}

.height-616 {
    height: 616px;
}

.height-673 {
    height: 673px;
}

.oh {
    overflow: hidden;
}

.fl {
    float: left;
}

.pr {
    position: relative;
}

/*banner*/
.banner {
    clear: both;
    min-width: 1200px;
    height: 492px;
    background: #a8dbf8;
    margin-bottom: 15px;
    margin-top: 135px;
}

/*start  20170724 new add by mxl*/
.header-content {
    width: 100%;
    height: 490px;
    position: relative;
    overflow: hidden
}

.header-content {
    width: 100%;
    height: 490px;
    position: relative;
    z-index: 1;
}

.slider section {
    display: none;
}

.slider section.first {
    display: block;
    background: url(../../images/zysy/newBanner-img01.jpg) repeat-x center;
}

.slider section.second {
    background: url(../../images/zysy/newBanner-img02.jpg) no-repeat center
}

.slider section.third {
    background: url(../../images/zysy/newBanner-img03.jpg) no-repeat center
}
.slider section.firsts {
    display: block;
    background: url(../../images/zysy/bannerQz1.jpg) repeat-x center;
}

.slider section.seconds {
    background: url(../../images/zysy/bannerQz2.jpg) no-repeat center
}

.slider section.thirds {
    background: url(../../images/zysy/bannerQz3.jpg) no-repeat center
}

.slider-sections section {
    width: 100%;
    height: 490px;
    position: absolute;
    top: 0;
    left: 0px;
}

.slider-sections section .ban-first, .slider-sections section .ban-second, .slider-sections section .ban-third {
    width: 1200px;
    height: 490px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.slider-sections section .ban-firsts, .slider-sections section .ban-seconds, .slider-sections section .ban-thirds {
    width: 100%;
    height: 490px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.slider-sections section .ban-second {
    background: url(../../images/zysy/newBanner-img02-bg.jpg) no-repeat
}

.ban-first img {
    position: absolute;
    top: 73px;
    left: 50%;
    margin-left: -513.5px;
    width: 1027px;
    display: block;
}

.ban-firsts img {
    width: 100%!important;
    height: 490px;
}

.ban-first h2 {
    position: absolute;
    top: 73px;
    left: 50%;
    margin-left: -513.5px;
    z-index: 999;
    width: 1027px;
    height: 491px;
    background: url(../../images/zysy/ban-page1-text.png) no-repeat left top;
}

.ban-first .copy1 {
    position: absolute;
    left: 285px;
    top: 73px;
    bottom: 0;
    width: 372px;
    height: 417px;
    background: url(../../images/zysy/ban-page1-people.png) no-repeat;
}

.ban-first .button {
    position: absolute;
    left: 131px;
    top: 0;
}

.ban-second img {
    position: absolute;
    top: 74px;
    left: 454px;
    width: 288px;
    display: block;
}
.ban-seconds img {
    width: 100%!important;
    height: 490px;
}

.ban-second h2 {
    position: absolute;
    bottom: 0;
    left: 114px;
    z-index: 999;
    width: 974px;
    height: 183px;
    background: url(../../images/zysy/ban-page2-people.png) no-repeat left top;
}

.ban-second .copy1 {
    position: absolute;
    left: 254px;
    top: 220px;
    width: 120px;
    height: 119px;
    background: url(../../images/zysy/ban-page2-jiao.png) no-repeat left bottom;
}

.ban-second .button {
    position: absolute;
    left: 131px;
    top: 0;
    width: 119px;
    height: 226px;
    background: url(../../images/zysy/ban-page2-light.png) no-repeat;
    z-index: 1000
}

.ban-third img {
    position: absolute;
    top: 23px;
    left: 196px;
    width: 652px;
    display: block;
}
.ban-thirds img {
    width: 100%!important;
    height: 490px;
}
.ban-third h2 {
    position: absolute;
    top: 219px;
    right: 99px;
    z-index: 999;
    width: 333px;
    height: 47px;
    background: url(../../images/zysy/ban-page3-text.png) no-repeat left top;
    z-index: 8888
}

.ban-third .copy1 {
    position: absolute;
    top: 0;
    left: 292px;
    z-index: 999;
    width: 490px;
    height: 490px;
    background: url(../../images/zysy/ban-page3-people.png) no-repeat left top;
}

.ban-third .button {
    position: absolute;
    left: 40px;
    top: 56px;
    width: 974px;
    height: 385px;
    background: url(../../images/zysy/ban-page3-txt.png) no-repeat left bottom;
    z-index: 1000
}

.slider-prev, .slider-next {
    text-indent: -9999px;
    width: 60px;
    height: 116px;
    position: absolute;
    top: 50%;
    margin-top: -58px;
    z-index: 9999;
    opacity: .5;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    display: none
}

.slider-prev {
    left: 50px;
    background: url(../../images/zysy/arrow-left.png) no-repeat
}

.slider-next {
    right: 50px;
    background: url(../../images/zysy/arrow-right.png) no-repeat
}

.slider-prev:hover, .slider-next:hover {
    opacity: 1;
}

.slider-nav {
    position: absolute;
    top: 460px;
    left: 50%;
    list-style: none;
    overflow: hidden;
    z-index: 9999;
}

.slider-nav li {
    float: left;
    padding: 0
}

.slider-nav li a, .slider-nav li a:link {
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 12px;
    overflow: hidden;
    margin-left: 7px;
    margin-right: 7px;
    background: #fff;
    text-indent: -999px;
}

.slider-nav li a:hover, .slider-nav li a.selected {
    background: #fffc00
}

/*end  20170724 new add by mxl*/
/*角色扮演*/
.admin-4 {
    position: relative;
    margin-bottom: 15px;
}

.admin-4 li {
    float: left;
    width: 280px;
    height: 195px;
    padding-top: 5px;
    border-radius: 2px;
    margin-right: 26px;
    display: inline
}

.admin-4 li p {
    font-size: 14px;
    line-height: 32px;
    text-align: center
}

.admin-4 li.layout-red {
    background: #ffa57b;
}

.admin-4 li.layout-red img {
}

.admin-4 li.layout-green {
    background: #bde29f
}

.admin-4 li.layout-gray {
    background: #8dd2d2
}

.admin-4 li.layout-blue {
    background: #8d9ad2;
    margin-right: 0
}

.admin-4 li.layout-red p {
    color: #c16940
}

.admin-4 li.layout-green p {
    color: #75a54e
}

.admin-4 li.layout-gray p {
    color: #539898
}

.admin-4 li.layout-blue p {
    color: #5b6bb5
}

.admin-4 li button {
    font-size: 16px;
    width: 90px;
    height: 30px;
    line-height: 30px;
    border-radius: 20px;
    margin: 0 auto;
    transition: background 0.8s ease-in-out
}

.admin-4 li.layout-red button, .admin-4 li.layout-red .button-div {
    background: #e68152
}

.admin-4 li.layout-green button, .admin-4 li.layout-green .button-div {
    background: #9acf6f
}

.admin-4 li.layout-gray button, .admin-4 li.layout-gray .button-div {
    background: #69b7b7
}

.admin-4 li.layout-blue button, .admin-4 li.layout-blue .button-div {
    background: #5b6bb5
}

.admin-4 li.layout-red button:hover, .admin-4 li.layout-red:hover button {
    /*background: #c16940;*/
}

.admin-4 li.layout-green button:hover, .admin-4 li.layout-green:hover button {
    /*background: #75a54e;*/
}

.admin-4 li.layout-gray button:hover, .admin-4 li.layout-gray:hover button {
    /*background: #539898;*/
}

.admin-4 li.layout-blue button:hover, .admin-4 li.layout-blue:hover button {
    /*background: #626b93;*/
}

.admin-4 li:hover {
    cursor: pointer
}

/*  */
.ul_zxlist li {
    float: left;
    width: 50%;
    height: 86px;
    padding: 12px 12px 12px 88px;
    position: relative;
    background: #fff;
    overflow: hidden;
    box-sizing: border-box;
    transition: background 1s
}

.ul_zxlist li h1 {
    color: #000;
    font-size: 15px;
    padding-bottom: 10px;
    font-weight: bold
}

.ul_zxlist li p {
    color: #888787;
    font-size: 12px;
    line-height: 16px;
}

.ul_zxlist li span {
    position: absolute;
    left: 12px;
    top: 14px;
    width: 58px;
    height: 58px;
    border: 1px solid #379ce2;
    border-radius: 3px;
    text-align: center;
    color: #379ce2;
    transition: all 1s linear;
}

.ul_zxlist li span i {
    display: block;
    line-height: 25px;
    font-size: 30px;
    font-weight: bold;
    font-style: normal;
    transition: color 2s
}

.ul_zxlist li span b {
    display: block;
    line-height: 25px;
    font-weight: normal;
    transition: color 2s
}

.ul_zxlist li:hover, .ul_zxlist li.on {
    display: block;
    background: #eaeaea;
}

.ul_zxlist li:hover span, .ul_zxlist li.on span {
    background: #379ce2
}

.ul_zxlist li:hover span b, .ul_zxlist li:hover span i, .ul_zxlist li.on span b, .ul_zxlist li.on span i {
    color: #fff
}

/*热门活动*/
.hotImg img {
    width: 100%;
    height: 155px;
}

.mb-20 {
    margin-bottom: 15px
}

.hotImg .carousel-indicators {
    bottom: 5px
}

.hotImg .carousel-indicators li {
    background: #5c81d5;
    border: 0;
    margin: 0
}

.hotImg .carousel-indicators .active {
    width: 10px;
    height: 10px;
    background: #e86481;
    border: 0
}

/*生涯热搜*/
.hotSearch .nav-tabs {
    width: 100%;
    border-bottom: 0;
    background: #eaeaea;
    font-size: 14px;
    margin-bottom: 10px
}

.hotSearch .nav-tabs > li {
    width: 50%;
    height: 42px;
    line-height: 42px;
    text-align: center;
    margin-bottom: 0;
    transition: all 1s linear
}

.hotSearch .nav-tabs > li > a {
    border: 0;
    border-radius: 0;
    line-height: 42px;
    margin-right: 0;
    padding: 0
}

.hotSearch .nav-tabs > li.active > a, .hotSearch .nav-tabs > li.active > a:hover, .hotSearch .nav-tabs > li.active > a:focus {
    border: 0;
    background: #379ce2;
    color: #fff;
    border-radius: 0;
    margin-bottom: 0;
    line-height: 42px;
    padding: 0;
}

.hotSearch .nav-tabs > li:hover {
    background: #379ce2;
    color: #fff;
}

.hotSearch .nav-tabs > li:hover a {
    color: #fff
}

.hotSearch .nav-sort li {
    padding-left: 35px;
    height: 32px;
    line-height: 32px;
    border-bottom: 1px dashed #cdcdcd;
    text-align: left;
    font-size: 14px;
    position: relative;
    color: #646464
}

.hotSearch .nav-sort li span {
    position: absolute;
    left: 0;
    top: 8px;
    width: 24px;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    background: #d9d9d9;
    color: #fff;
    text-align: center;
}

.hotSearch .nav-sort li span.orange {
    background: #f9a81b
}

.hotSearch .nav-sort li span.red {
    background: #e86481
}

.hotSearch .nav-sort li span.blue {
    background: #5c81d5
}

.hotSearch .nav-sort li a, .hotSearch .nav-sort li a:link {
    color: #646464
}

/*生涯资源*/
.imgCheck {
    position: relative
}

.imgCheck .nav-tabs {
    position: absolute;
    top: -51px;
    left: 116px;
    border-bottom: 0;
    font-size: 14px;
    margin-bottom: 10px;
}

.imgCheck .nav-tabs > li {
    margin-right: 15px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    margin-bottom: 0;
    font-size: 12px;
    transition: background 1s linear
}

.imgCheck .nav-tabs > li > a {
    border: 0;
    border-radius: 0;
    line-height: 42px;
    margin-right: 0;
    padding: 0;
    color: #646464;
}

.imgCheck .nav-tabs > li.active > a, .imgCheck .nav-tabs > li.active > a:hover, .imgCheck .nav-tabs > li.active > a:focus {
    border: 0;
    border-radius: 0;
    margin-bottom: 0;
    line-height: 40px;
    padding: 0;
    border-bottom: 2px solid #5395ca;
    color: #646464;
}

.imgCheck .nav-tabs > li:hover {
    border-bottom: 2px solid #5395ca;
}

.imgCheck .nav-imgList {
    padding-top: 20px;
}

.imgCheck .nav-imgList li {
    float: left;
    width: 206px;
    margin-right: 18px;
    margin-bottom: 20px;
    position: relative
}

.imgCheck .nav-imgList li .imgDiv {
    width: 206px;
    height: 116px;
    overflow: hidden
}

.imgCheck .nav-imgList li .imgDiv img {
    width: 100%;
    height: 100%;
    transition: transform 1s
}

.imgCheck .nav-imgList li:hover .imgDiv img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2)
}

.imgCheck .nav-imgList li:hover p {
    color: #2280c1
}

.imgCheck .nav-imgList li p {
    height: 32px;
    line-height: 32px;
    padding-left: 10px;
    color: #333;
    font-size: 14px
}

.imgCheck .nav-imgList li span {
    position: absolute;
    left: 4px;
    top: 88px;
    width: 92px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    background: rgba(0, 0, 0, 0.6);
}

.imgCheck .nav-imgList li b {
    position: absolute;
    right: 4px;
    top: 88px;
    width: 55px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    background: rgba(0, 0, 0, 0.6);
}

/*专家名师*/
.nav-teacherLi {
    padding-top: 15px;
}

.nav-teacherLi li {
    float: left;
    width: 288px;
    padding-left: 142px;
    padding-top: 48px;
    height: 193px;
    margin-right: 8px;
    display: inline;
    position: relative;
}

.nav-teacherLi li > img {
    position: absolute;
    left: 15px;
    top: 45px;
    width: 113px;
    height: 113px;
}

.nav-teacherLi li.bg1 {
    background: url(../../images/zysy/own-teach01.png) no-repeat;
}

.nav-teacherLi li.bg2 {
    background: url(../../images/zysy/own-teach02.png) no-repeat;
}

.nav-teacherLi li.bg3 {
    background: url(../../images/zysy/own-teach03.png) no-repeat;
    margin-right: 0
}

.nav-teacherLi li h1 {
    font-size: 20px;
    color: #343434;
    margin-bottom: 6px;
}

.nav-teacherLi li p {
    color: #3367b0;
    line-height: 24px;
    font-size: 14px
}

.nav-teacherLi li a.toMore {
    display: block;
    width: 90px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #e8e8e8;
    border-radius: 20px;
    margin-top: 10px;
    transition: all 1s;
    cursor: pointer
}

.nav-teacherLi li:hover a.toMore {
    background: #379ce2;
    color: #fff
}

/*生涯字典*/
.div-zidian {
    padding-left: 20px;
    padding-top: 20px
}

.div-zidian .btn-xs {
    width: 73px;
    height: 27px;
    line-height: 27px;
    margin-bottom: 15px;
    margin-right: 9px;
    border-radius: 4px
}

.div-zidian .btn-default {
    background: #d9d9d9;
    color: #707070;
    padding: 0
}
.div-zidian .btn-default:hover{
    background: #c9c9c9;
    color: #707070;
}

.div-zidian .btn-primary {
    background: #aa91f1;
    color: #fff
}

.div-zidian .btn-success {
    background: #53c3b1;
    color: #fff
}
.div-zidian .btn-success:hover {
    background: #46a898;
}

.div-zidian .btn-danger {
    background: #f07474;
    border: 0;
    color: #fff
}
.div-zidian .btn-danger:hover {
    background: #c55d5d;
}

.div-server {
    margin: 0;
    padding-top: 15px;
    margin-left: -20px;
}

.school-orange, .school-green, .school-blue {
    width: 390px;
    height: 345px;
    background: #e1f5ff;
}

.school-orange {
    float: left
}

.school-green {
    float: left;
    margin-left: 14px;
}

.school-blue {
    float: right
}

.school-orange h1, .school-green h1, .school-blue h1 {
    height: 45px;
    line-height: 45px;
    font-size: 17px;
    background: #3367b0;
    color: #fff;
    text-align: center;
}

/*ulist003*/
.ulist-server {
}

.ulist-server li {
    float: left;
    width: 50%;
    height: 130px;
    padding-top: 20px;
}

.ulist-server li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #707070;
    text-align: center;
}

.ulist-server li p {
    width: 90px;
    height: 90px;
    margin: 0 auto;
    text-align: center;
    border-radius: 90px;
    background: #fff;
    transition: background 1s
}

.ulist-server li img {
    width: 100%;
    height: 100%;
}

.ulist-server li span {
    display: block;
    font: normal 14px/36px "microsoft yahei";
    color: #676767
}

.ulist-server li:hover span {
    font-weight: bold;
}

.ulist-server li p.bgorange {
    border: 2px solid #f5a884;
}

.ulist-server li p.bggreen {
    border: 2px solid #9bc67a;
}

.ulist-server li p.bgblue {
    border: 2px solid #81b2db;
}

.ulist-server li:hover p.bgorange {
    background: #ffc1a5;
}

.ulist-server li:hover p.bggreen {
    background: #c3e5a9;
}

.ulist-server li:hover p.bgblue {
    background: #b5ddf3;
}

.ulist-server li:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

/*典型案例*/
.mainExample {
    margin-left: -1px;
}

.mainExample li {
    float: left;
    width: 199px;
    height: 200px;
    margin-bottom: 1px;
    margin-right: 1px;
    position: relative;
    overflow: hidden;
}

.mainExample li.li-collapse {
    width: 600px;
    margin-right: 0;
    background: url(../../images/zysy/example-img01.jpg) no-repeat
}

.mainExample li img {
    width: 100%;
    height: 100%;
    transition: transform .5s
}

.mainExample li:hover img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.mainExample li .layout {
    position: absolute;
    left: 0;
    top: 160px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-size: 14px;
    line-height: 40px;
    background: rgba(0, 0, 0, .6);
    transition: top 1s;
    color: #cfcfcf;
    text-align: center;
    height: 200px;
}

.mainExample li .layout p {
    font-size: 12px;
    line-height: 30px;
    margin-bottom: 15px;
}

.mainExample li:hover .layout {
    padding-top: 40px;
    top: 0px;
    font-size: 16px
}

.mainExample .btn-primary {
    height: 32px;
    line-height: 32px;
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
    padding: 4px 20px;
}

/*friendship*/
/*.friendship {
  height: 163px;
  padding-top: 30px;
  background: #5c5c5c;
  text-align: center;
  color: #fff;
  font-size: 14px;
}*/
.friendship-inner {
    height: 163px;
    padding-top: 30px;
    background: #5c5c5c;
    text-align: center;
    color: #fff;
    font-size: 14px;
}

.ul-friendship {
    width: 84%;
    margin: 0 auto
}

.ul-friendship li {
    float: left;
    width: 33%;
    text-align: center;
}

.ul-friendship li img {
    width: 87px;
    height: 85px;
}

.ul-friendship li p {
    color: #d0d0d0;
    font-size: 14px;
    line-height: 40px;
}

.ul-friendship li:hover p {
}

.ul-friendship1 {
    width: 84%;
    margin: 0 auto
}

.ul-friendship1 li {
    float: left;
    width: 50%;
    text-align: center;
}

.ul-friendship1 li img {
    width: 87px;
    height: 85px;
}

.ul-friendship1 li p {
    color: #d0d0d0;
    font-size: 14px;
    line-height: 40px;
}

.ul-friendship1 li:hover p {
}

.ul-friendship2 {
    width: 84%;
    margin: 0 auto
}

.ul-friendship2 li {
    float: left;
    width: 100%;
    text-align: center;
}

.ul-friendship2 li img {
    width: 87px;
    height: 85px;
}

.ul-friendship2 li p {
    color: #d0d0d0;
    font-size: 14px;
    line-height: 40px;
}

.ul-friendship2 li:hover p {
}


.foot-border {
    width: 60%;
    margin: 0 auto
}

.foot-border td {
    height: 60px;
    line-height: 60px;
    color: #afafaf;
    text-align: center;
    font-size: 14px
}

.foot-border td a, .foot-border td a:link {
    color: #afafaf
}

.foot-border td a:hover {
    color: #fff
}

.popover:first-child {
    background: #f00
}

/*导航菜单*/
.menu-logo {
    height: 94px;
    background: url(../../images/zysy/logo.png) no-repeat left center;
}

.menu {
    float: right
}

.menu li {
    font-size: 14px
}

.menu > li {
    float: left;
    line-height: 88px;
    border-bottom: 3px solid #fff;
    background: #fff;
    position: relative;
    z-index: 100
}

.menu > li > a {
    color: #5b5b5b;
    display: block;
    line-height: 95px;
    border-bottom: 3px solid #fff;
    padding: 0 25px;
}

.menu > li:hover {
    color: #3bc9c2;
    line-height: 88px;
    border-bottom: 3px solid #3bc9c2;
    background: #e2e2e2
}

.menu .on {
    color: #3bc9c2;
    border-bottom: 3px solid #3bc9c2;
    background: #e2e2e2
}

.menu .on > a {
    color: #3bc9c2;
    border-bottom: 3px solid #e2e2e2;
}

.menu > li:hover > a {
    color: #3bc9c2;
    border-bottom: 3px solid #e2e2e2;
}

.submenu {
    width: 100%;
    position: absolute;
    left: 0;
    top: 95px;
    margin-top: 6px;
    max-height: 0;
    z-index: 100;
    -webkit-perspective: 400px;
    -moz-perspective: 400px;
    perspective: 400px;
}

.submenu li {
    height: 40px;
    line-height: 40px;
    background: #3bc9c2;
    border-bottom: 1px solid #19aaa3;
    text-align: center;
    opacity: 0;
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -webkit-transition: opacity .4s, -webkit-transform .5s;
    -moz-transition: opacity .4s, -moz-transform .5s;
    -o-transition: opacity .4s, -o-transform .5s;
    transition: opacity .4s, transform .5s;
}

.submenu li:nth-child(1) {
    -webkit-transition: opacity .4s, -webkit-transform .75s;
    -moz-transition: opacity .4s, -moz-transform .75s;
    -o-transition: opacity .4s, -o-transform .75s;
    transition: opacity .4s, transform .75s;
}

.submenu li:nth-child(2) {
    -webkit-transition: opacity .4s, -webkit-transform 1s;
    -moz-transition: opacity .4s, -moz-transform 1s;
    -o-transition: opacity .4s, -o-transform 1s;
    transition: opacity .4s, transform 1s;
}

.menu .submenu li a {
    font-size: 12px;
    color: #fff;
}

.menu .submenu li:hover a {
    display: block;
    background: rgba(226, 226, 226, 0.4);
    color: #fff;
}

.menu > li:hover .submenu, .menu > li:focus .submenu {
    max-height: 2000px;
    z-index: 100;
    display: block
}

.menu > li:hover .submenu li, .menu > li:focus .submenu li {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none
}

.menu li:hover .submenu li:nth-child(1) {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

.menu li:hover .submenu li:nth-child(2) {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -ms-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
}

.menu li:hover .submenu li:nth-child(3) {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms;
}

.menu li:hover .submenu li:nth-child(4) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -ms-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms;
}

.menu li:hover .submenu li:nth-child(5) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}

.menu li:hover .submenu li:nth-child(6) {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms;
}

.menu li:hover .submenu li:nth-child(7) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}

.menu li:hover .submenu li:nth-child(8) {
    -webkit-transition-delay: 350ms;
    -moz-transition-delay: 350ms;
    -ms-transition-delay: 350ms;
    -o-transition-delay: 350ms;
    transition-delay: 350ms;
}

.submenu li:nth-child(1) {
    -webkit-transition-delay: 350ms;
    -moz-transition-delay: 350ms;
    -ms-transition-delay: 350ms;
    -o-transition-delay: 350ms;
    transition-delay: 350ms;
}

.submenu li:nth-child(2) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}

.submenu li:nth-child(3) {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms;
}

.submenu li:nth-child(4) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}

.submenu li:nth-child(5) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -ms-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms;
}

.submenu li:nth-child(6) {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms;
}

.submenu li:nth-child(7) {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -ms-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
}

.submenu li:nth-child(8) {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

.ih-item {
    margin: 15px auto 5px;
    position: relative;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

/*4个角色*/
.ih-item, .ih-item * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ih-item a {
    color: #333;
}

.ih-item a:hover {
    text-decoration: none;
}

.ih-item img {
    width: 100%;
    height: 100%;
}

.ih-item.circle {
    position: relative;
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.ih-item.circle .img {
    position: relative;
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.ih-item.circle .img:before {
    position: absolute;
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    box-shadow: inset 0 0 0 16px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.ih-item.circle .img img {
    border-radius: 50%;
}

.ih-item.circle.effect1 .spinner {
    width: 84px;
    height: 84px;
    background: #fff;
    border: 4px solid #fff;
    border-right-color: #1ad280;
    border-bottom-color: #1ad280;
    border-radius: 50%;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.ih-item.circle.effect1 .spinner1 {
    border: 4px solid #e68152;
    border-right-color: #b27356;
    border-bottom-color: #b27356;
}

.ih-item.circle.effect1 .spinner2 {
    border: 4px solid #9acf6f;
    border-right-color: #849e6f;
    border-bottom-color: #849e6f;
}

.ih-item.circle.effect1 .spinner3 {
    border: 4px solid #69b7b7;
    border-right-color: #629393;
    border-bottom-color: #629393;
}

.ih-item.circle.effect1 .spinner4 {
    border: 4px solid #6979c3;
    border-right-color: #626b93;
    border-bottom-color: #626b93;
}

.ih-item.circle.effect1 .img {
    position: absolute;
    top: 4px;
    bottom: 0;
    left: 4px;
    right: 0;
    width: auto;
    height: auto;
}

.ih-item.circle.effect1 .img:before {
    display: none;
}

.ih-item.circle.effect1 a:hover .spinner {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}

.ih-item.circle.effect1 a:hover .info {
    opacity: 1;
}

.admin-4 li:hover .spinner {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}

/*生涯测试*/
.bggrey {
    background: #f3f3f3;
    min-width: 1200px;
    padding-bottom: 45px;
    border-top: 1px solid #d8d8d8
}

/*position 定位*/
.position {
    min-width: 1200px;
    height: 50px;
    line-height: 50px;
    color: #000;
    /*background: url(../../images/zysy/position.jpg) no-repeat left center;*/
}

/*border-bottom: 1px solid #d2d2d2;*/
.positionBott {
    min-width: 1200px;
    height: 50px;
    line-height: 50px;
    color: #000;
    background: url(../../images/zysy/position.jpg) no-repeat left center;
    margin-bottom: 10px;
    border-bottom: 1px solid #d2d2d2;
}

.position b {
    color: #000;
    font-weight: bold;
    background: url(../../images/zysy/position.jpg) no-repeat left center;
    padding-left: 18px;
}

.position a, .position a:link {
    color: #0f76ca;
    cursor: pointer;
}

.testBorder {
    border: 1px solid #dedede;
    background: #fff;
    padding: 25px 50px;
}

/*main*/
.cf:after {
    content: "";
    clear: both;
    display: block;
    height: 0;
    overflow: hidden
}

.cf {
    zoom: 1
}

.test-container {
    min-height: 600px;
}

.test-container .title-list {
    width: 480px;
    margin: 0 auto;
    position: relative;
    margin-bottom: 30px
}

.test-container .title-list li {
    width: 90px;
    line-height: 30px;
    margin-left: 25px;
    text-align: center;
    float: left;
    display: inline;
    border-radius: 2px;
    background: #d8d8d8;
    cursor: pointer;
    font-size: 14px
}

.test-container .title-list li.on, .test-container .title-list li.active, .test-container .title-list li.active a, .test-container .title-list li:hover {
    color: #fff;
    background: #f6933c;
}

.test-container .title-list li a:hover {
    color: #fff;
}

.test-container .title-list li a {
    color: #000;
    text-decoration: none;
    height: 30px;
    line-height: 30px;
    display: block;
}

.test-container .title-list p {
    position: absolute;
    top: 0px;
    left: 25px;
    width: 85px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    margin-right: 25px;
    background: #f6933c;
    overflow: hidden;
    text-align: center;
    border-radius: 4px
}

.product-wrap div {
    display: none
}

.product-wrap .ahide {
    display: block
}

.product-wrap ul {
    padding: 0;
    margin: 0
}

.product-wrap li {
    float: left;
    width: 25%;
    transition: background 0.4s linear;
    -webkit-transition: background 0.4s linear;
    -moz-transition: background 0.4s linear;
    -o-transition: background 0.4s linear;
    -ms-transition: background 0.4s linear;
    text-align: center;
    padding: 20px 0;
    position: relative
}

.product-wrap li h1 {
    line-height: 40px;
    color: #169bd5;
    font-size: 15px;
    font-weight: bold;
    transition: background 0.4s linear;
    -webkit-transition: background 0.4s linear;
    -moz-transition: background 0.4s linear;
    -o-transition: background 0.4s linear;
    -ms-transition: background 0.4s linear;
}

.product-wrap li img {
    height: 90px;
    width: 90px;
    border-radius: 90px;
}

.product-wrap li span {
    position: absolute;
    right: 80px;
    top: 57px;
    width: 48px;
    height: 21px;
    background: url(../../images/zysy/test-hot.png) no-repeat;
}

.product-wrap li p {
    color: #464646;
    line-height: 40px;
    font-size: 12px;
}

.product-wrap li button {
    width: 78px;
    height: 30px;
    line-height: 26px;
    text-align: center;
    color: #fff;
    background: #169bd5;
    opacity: 1;
    border: 0;
    border-radius: 2px;
    margin: 0 3px;
}

.product-wrap li button.report {
    background: #169bd5;
}

.product-wrap li button.test, .cf li button {
    background: #95c750;
}

.product-wrap li:hover {
    background: #eaf4dc;
}

.product-wrap li:hover h1 {
    color: #94c750
}

.product-wrap li button:hover {
    /*background: #94c750*/
    opacity: .8;
}

/*我的规划*/
.ghBorder {
    border: 1px solid #dedede;
    background: #fff;
    padding: 25px;
    position: relative
}

.test-tab {
    width: 80%;
    margin-left: 10%
}

.test-tab td {
    position: relative;
    font-size: 14px;
    color: #5d5d5d;
    font-weight: bold;
    line-height: 27px;
}

.my-guihua-wu {
    font-size: 14px;
    color: #313131;
    font-weight: normal;
}

.btn-test {
    display: block;
    width: 156px;
    height: 27px;
    line-height: 27px;
    color: #5a5856;
    text-align: center;
    border: 1px solid #c7c7c7;
    position: relative;
    font-weight: normal
}

.btn-test a, .btn-test a:link {
    display: block
}

.text-normal {
    font-weight: normal;
    font-size: 14px
}

.test-blue {
    color: #448bc5;
    font-weight: normal;
    font-size: 14px
}

.test-orange {
    color: #eb5a29;
    position: relative;
    font-size: 14px;
    font-weight: normal
}

.test-orange span {
    color: #5d5d5d;
    padding-left: 15px;
}

.test-align {
    display: block;
    width: 156px;
    text-align: center;
    color: #91908f
}

.test-number {
    position: absolute;
    right: 22px;
    top: 14px;
    width: 79px;
    height: 79px;
    background: #eee;
    border-radius: 1px
}

.test-number h1 {
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #fff;
    background: #fc873b;
    border-radius: 1px 4px 0 0
}

.test-number p {
    line-height: 52px;
    text-align: center;
    font-size: 28px;
    color: #636363;
}

.test-report {
    position: absolute;
    right: -34px;
    top: 0;
    width: 33px;
    padding: 5px;
    height: 102px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    background: #3bc9c2;
    border-radius: 0 2px 2px 0;
    line-height: 18px;
}

.test-report a, .test-report a:link {
    display: block;
    color: #fff
}

.test-photo {
    position: relative;
    float: left;
    width: 262px;
    height: 203px;
    padding-top: 30px;
    background: url(../../images/zysy/plan-bg-name.jpg) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    text-align: center;
}

.test-photo img {
    display: block;
    width: 83px;
    height: 83px;
    border: 6px solid #fefefe;
    border-radius: 83px;
    margin-left: auto;
    margin-right: auto;
}

.test-photo h1 {
    color: #373737;
    padding-top: 10px;
    padding-bottom: 14px;
    font-size: 24px
}

.test-photo p {
    line-height: 12px
}

.test-guide {
    clear: both;
    user-select: none;
}

.test-guide h1 {
    width: 198px;
    height: 47px;
    line-height: 42px;
    color: #373737;
    background: url(../../images/zysy/test-guide-h1bg.jpg) no-repeat left center;
    font-size: 32px;
    font-weight: bold;
    margin: 0 auto;
    margin-top: 48px;
    margin-bottom: 22px;
}

.test-guide h1 span {
    display: inline-block;
    height: 42px;
    font-size: 30px;
    line-height: 42px;
    font-weight: normal;
    color: #fff
}

.test-guide h1.short {
    width: 168px;
    background: url(../../images/zysy/test-guide-h2bg.jpg) no-repeat right center;
    margin-bottom: 50px
}

.test-guide p {
    width: 678px;
    font-size: 12px;
    text-align: center;
    height: 35px;
    line-height: 35px;
    color: #626262;
    border: 2px solid #76d0f5;
    border-radius: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px;
}

.test-history p {
    width: 678px;
    font-size: 12px;
    text-align: center;
    height: 35px;
    line-height: 35px;
    color: #626262;
    border: 2px solid #76d0f5;
    border-radius: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0!important;
}

.test-guide p span {
    color: #e60012
}

.test-guide1 {
    width: 295px;
    float: left
}

.test-guide1 h4 a {
    cursor: default;
}

.guide1-mlr55 {
    margin-left: 55px;
    margin-right: 55px
}

.test-guide1 h2 {
    width: 295px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 11px;
    background: #48a1e5;
    border-radius: 15px;
    margin-left: auto;
    margin-right: auto
}

.test-guide1 h2 a {
    width: 100%;
    height: 100%;
    line-height: 34px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}

.test-guide1 h2 span {
    color: #fef701;
    font-size: 15px;
    font-weight: normal
}

.test-more {
    width: 110px;
    margin: 15px auto;
    display: block
}

.test-guide2 {
    margin-right: 15px;
    min-height: 164px;
    border: 1px solid #dedede;
    padding: 15px;
    border-top: 2px solid #7d7d7d;
    background: #fff;
}

.test-guide2 h2 {
    line-height: 40px;
    color: #333;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #dedede;
    margin-bottom: 20px
}

.test-guide2 h2 span {
    color: #ff4047;
    font-size: 12px;
    padding-left: 10px;
    font-weight: normal
}

.test-guide2 li {
    float: left;
    width: 31.333333%;
    margin-left: 2%;
    margin-bottom: 15px;
    height: 25px;
    line-height: 25px;
    border: 1px solid #ccc;
    text-align: center;
    position: relative
}

.test-guide2 li span {
    color: #a0a0a0;
    font-size: 18px;
    font-weight: bold
}

.test-guide2 li a, .test-guide2 li a:link {
    display: block;
}

.test-guide2 li a:hover, .test-guide2 li a.on, .test-guide2 li a:hover span {
    background: #3bc9c2;
    color: #fff
}

.test-guide3 {
    padding-top: 40px;
    padding-bottom: 50px
}

.test-guide3 ul {
    width: 960px;
    margin: 0 auto
}

.test-guide3 li {
    float: left;
    width: 160px;
    text-align: center;
    padding: 10px;
    cursor: pointer;
    transition: background-color 0.5s;
}

.test-guide3 li:hover {
    background: #eaf4dc;
}

.test-guide3 li img {
    display: block;
    width: 80px;
    height: 80px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 12px;
}

.test-guide3 li h2 {
    color: #033333;
    font-size: 14px;
}

.test-guide3 li span {
    color: #92969b;
}

.test-guide3 li:hover img {
}

.noData {
    text-align: center;
    border: 1px solid #ccc;
}

/*
.test-guide3 li img{ display:block; width:80px; height:80px; margin-left:auto; margin-right:auto; margin-bottom:12px; transition:transform 0.4s linear}
.test-guide3 li h2{ color:#033333; font-size:14px;}
.test-guide3 li span{ color:#ff4047;}
.test-guide3 li:hover img{ transform: rotate(180deg);}
*/
/*流程图1*/
.diagram-1 {
    width: 600px;
    height: 269px;
    position: absolute;
    right: -53px;
    top: -20px;
    background: url(../../images/zysy/diagram-1-bg.png) no-repeat;
    z-index: 10000
}

.diagram-1 .clickMe {
    width: 600px;
    height: 269px;
    position: relative
}

.diagram-1 .clickMe b {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 30px;
    height: 104px;
}

.diagram-1 .clickMe b a, .diagram-1 .clickMe b a:link {
    display: block;
    width: 30px;
    height: 104px;
}

.diagram-1 .clickMe em {
    position: absolute;
    bottom: 30px;
    left: 50%;
    margin-left: -105px;
    width: 210px;
    height: 52px;
}

.diagram-1 .clickMe em a, .diagram-1 .clickMe em a:link {
    display: block;
    width: 210px;
    height: 52px;
}

/*流程图2*/
.diagram-2 {
    width: 600px;
    height: 283px;
    position: absolute;
    left: -470px;
    top: -25px;
    background: url(../../images/zysy/diagram-2-bg.png) no-repeat;
    z-index: 10000
}

.diagram-2 .clickMe {
    width: 600px;
    height: 283px;
    position: relative
}

.diagram-2 .clickMe b {
    position: absolute;
    top: 22px;
    right: 14px;
    width: 60px;
    height: 24px;
}

.diagram-2 .clickMe b a, .diagram-2 .clickMe b a:link {
    display: block;
    width: 60px;
    height: 24px;
}

.diagram-2 .clickMe em {
    position: absolute;
    bottom: 30px;
    left: 50%;
    margin-left: -105px;
    width: 210px;
    height: 52px;
}

.diagram-2 .clickMe em a, .diagram-2 .clickMe em a:link {
    display: block;
    width: 210px;
    height: 52px;
}

/*流程图3*/
.diagram-3 {
    width: 600px;
    height: 307px;
    position: absolute;
    left: -446px;
    top: -19px;
    background: url(../../images/zysy/diagram-3-bg.png) no-repeat;
    z-index: 10000
}

.diagram-3 .clickMe {
    width: 600px;
    height: 307px;
    position: relative
}

.diagram-3 .clickMe span {
    position: absolute;
    top: 19px;
    right: 19px;
    width: 144px;
    height: 28px;
}

.diagram-3 .clickMe span a, .diagram-3 .clickMe span a:link {
    display: block;
    width: 144px;
    height: 28px;
}

.diagram-3 .clickMe em {
    position: absolute;
    bottom: 32px;
    left: 50%;
    margin-left: -105px;
    width: 210px;
    height: 52px;
}

.diagram-3 .clickMe em a, .diagram-3 .clickMe em a:link {
    display: block;
    width: 210px;
    height: 52px;
}

/*流程图4*/
.diagram-4 {
    width: 600px;
    height: 307px;
    position: absolute;
    left: -18px;
    top: -19px;
    background: url(../../images/zysy/diagram-4-bg.png) no-repeat;
    z-index: 10000
}

.diagram-4 .clickMe {
    width: 600px;
    height: 307px;
    position: relative
}

.diagram-4 .clickMe b {
    position: absolute;
    top: 16px;
    left: 22px;
    width: 104px;
    height: 28px;
}

.diagram-4 .clickMe b a, .diagram-4 .clickMe b a:link {
    display: block;
    width: 104px;
    height: 28px;
}

.diagram-4 .clickMe b a:hover {
    background: none
}

.diagram-4 .clickMe em {
    position: absolute;
    bottom: 32px;
    left: 50%;
    margin-left: -105px;
    width: 210px;
    height: 52px;
}

.diagram-4 .clickMe em a, .diagram-4 .clickMe em a:link {
    display: block;
    width: 210px;
    height: 52px;
}

.diagram-4 .clickMe em a:hover {
    background: none
}

/*流程图5*/
.diagram-5 {
    width: 600px;
    height: 307px;
    position: absolute;
    left: -18px;
    top: -19px;
    background: url(../../images/zysy/diagram-5-bg.png) no-repeat;
    z-index: 10000
}

.diagram-5 .clickMe {
    width: 600px;
    height: 307px;
    position: relative
}

.diagram-5 .clickMe b {
    position: absolute;
    top: 16px;
    left: 22px;
    width: 104px;
    height: 28px;
}

.diagram-5 .clickMe b a, .diagram-5 .clickMe b a:link {
    display: block;
    width: 104px;
    height: 28px;
}

.diagram-5 .clickMe b a:hover {
    background: none
}

.diagram-5 .clickMe em {
    position: absolute;
    bottom: 32px;
    left: 50%;
    margin-left: -105px;
    width: 210px;
    height: 52px;
}

.diagram-5 .clickMe em a, .diagram-5 .clickMe em a:link {
    display: block;
    width: 210px;
    height: 52px;
}

.diagram-5 .clickMe em a:hover {
    background: none
}

/*流程图6*/
.diagram-6 {
    width: 600px;
    height: 307px;
    position: absolute;
    right: -15px;
    top: -19px;
    background: url(../../images/zysy/diagram-6-bg.png) no-repeat;
    z-index: 10000
}

.diagram-6 .clickMe {
    width: 600px;
    height: 307px;
    position: relative
}

.diagram-6 .clickMe b {
    position: absolute;
    top: 16px;
    right: 19px;
    width: 104px;
    height: 28px;
}

.diagram-6 .clickMe b a, .diagram-6 .clickMe b a:link {
    display: block;
    width: 104px;
    height: 28px;
}

.diagram-6 .clickMe b a:hover {
    background: none
}

.diagram-6 .clickMe em {
    position: absolute;
    bottom: 32px;
    left: 50%;
    margin-left: -105px;
    width: 210px;
    height: 52px;
}

.diagram-6 .clickMe em a, .diagram-6 .clickMe em a:link {
    display: block;
    width: 210px;
    height: 52px;
}

.diagram-6 .clickMe em a:hover {
    background: none
}

.chk-div {
    position: absolute;
    bottom: 0;
    right: 15px;
    width: 85px;
    height: 30px;
    color: #fff;
    font-size: 12px;
}

.chk-div input {
    float: left;
    margin-top: 7px
}

.chk-div label {
    float: left;
    width: 72px;
    height: 25px;
    line-height: 25px;
}

.diagram {
    display: none;
}

.fade.in.wdgh {
    opacity: .3;
}

/*个人中心-我关注的学校*/
.gzdxx_div {
    padding: 20px 23px;
}

.bgwhite {
    border: 1px solid #dedede;
    background: #fff;
}

.gzdxx_titleh2a {
    font-size: 24px;
    font-weight: bold;
    color: #434343;
    margin: 10px 0 15px 0;
}

.gzdxx_titleh2a span {
    font-size: 12px;
    color: #fff;
    background: #f39800;
    display: inline-block;
    padding: 5px;
    margin-left: 1px;
    border-radius: 2px;
}

.gzdxx_table1 {
    width: 100%;
}

.gzdxx_table1 td {
    border: 1px solid #dedede;
    font-size: 14px;
    color: #434343;
    padding: 6px 15px;
    word-break: break-all;
}

.gzdxx_table1 td a {
    color: #3bc9c2;
}

.gzdxx_table1 td a:hover {
    text-decoration: underline;
}

.bggrey3 {
    background: #d2d2d2;
    border: 1px solid #fff !important;
    color: #808080 !important;
}

.gzdxx_td1 {
    text-align: center;
    margin-top: 8px;
}

.gzdxx_td1 img {
    width: 120px;
    height: 120px;
}

.gzdxx_td1 a {
    color: #fff !important;
    background: #ff4047;
    display: inline-block;
    width: 120px;
    padding: 3px 0;
    margin-bottom: 11px;
    font-size: 12px;
}

.gzdxx_td1 p {
    line-height: 18px;
    color: #808080;
    font-size: 12px;
}

.gzdxx_tab_change {
    margin-top: 30px;
}

.gzdxx_tab_ul {
    border-bottom: 1px solid #cdcdcd;
    color: #999;
}

.gzdxx_tab_ul li {
    display: inline-block;
    margin: 5px 10px;
    color: #313131;
    font-size: 14px;
    cursor: pointer;
}

.gzdxx_tab_ul li.active {
    color: #3bc9c2;
}

.gzdxx_search label {
    font-size: 12px;
    color: #313131;
    margin: 0 5px 5px 10px;
}

.gzdxx_search select {
    height: 30px;
    line-height: 30px;
    padding: 5px 0;
    vertical-align: middle;
    width: 100px;
}

.gzdxx_search select option {
    height: 20px;
    line-height: 20px;
}

.gzdxx_search input {
    font-size: 14px;
    height: 30px;
    vertical-align: middle;
}

.gzdxx_search .search_btn {
    color: #fff;
    font-size: 14px;
    background: #428bca;
    width: 90px;
    border: 0;
    height: 30px;
    vertical-align: middle;
}

.gzdxx_table2 {
    width: 100%;
    margin-top: 10px;
}

.gzdxx_table2 th {
    background: #d2d2d2;
    padding: 6px;
    text-align: center;
    border: 1px solid #fff;
    color: #808080;
    font-weight: 100;
    border-top: 1px solid #cbcbcb;
}

.gzdxx_table2 th img {
    vertical-align: middle;
    margin-left: 5px;
}

.gzdxx_table2 td {
    border: 1px solid #cbcbcb;
    text-align: center;
    padding: 6px;
    color: #434343;
    font-size: 14px;
}

.gzdxx_borderL {
    border-left: 1px solid #cbcbcb !important;
}

.gzdxx_borderR {
    border-right: 1px solid #cbcbcb !important;
}

.gzdxx_search {
    margin-top: 12px;
}

/*自我评估-认识自己-霍兰德职业兴趣测试报告*/
.report_text {
    border: 1px solid #dedede;
    background: #fff;
    padding: 40px;
}

.report_titleh2a {
    text-align: center;
    color: #373737;
    font-size: 50px;
    font-weight: bold;
}

.report_text ul {
    width: 300px;
    margin: 40px auto 30px auto;
}

.report_text ul li {
    font-size: 14px;
    color: #1b1b1b;
    position: relative;
    height: 30px;
    line-height: 30px;
}

.report_text ul li span.report_thspan {
    text-align: left;
    position: absolute;
    display: inline-block;
}

.report_text ul li span.report_tdspan {
    margin-left: 70px;
    text-align: center;
    border-bottom: 1px solid #c9c9c9;
    width: 220px;
    display: inline-block;
}

.report_btn {
    text-align: center;
}

.report_btn input {
    border: 0;
    background: #ff4047;
    width: 100px;
    height: 25px;
    line-height: 25px;
    color: #fff;
    border-radius: 2px;
}

.report_line {
    height: 1px;
    background: #d2d2d2;
    margin: 40px 0 25px 0;
}

.report_texta {
    font-size: 14px;
}

.report_texta dt {
    padding: 10px 0;
    text-indent: 24px;
    font-weight: 100;
}

.report_texta dt em {
    font-weight: bold;
    margin-right: 5px;
}

.report_texta dd {
    padding: 0;
    text-indent: 24px;
    line-height: 26px;
}

.report_h3a {
    font-size: 18px;
    color: #1b1b1b;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.report_h4a {
    font-size: 14px;
    color: #1b1b1b;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.report_textb p {
    font-size: 14px;
    text-indent: 28px;
}

.report_textb p em {
    font-weight: bold;
}

/*导航 #e2e2e2*/
.nav_menu {
    float: right;
    height: 94px;
    background: #fff;
    position: relative;
    z-index: 1000;
}

.nav_menu .nLi {
    float: left;
    position: relative;
}

.nav_menu .nLi h3 {
    height: 94px;
    line-height: 94px;
    font-size: 14px
}

.nav_menu .nLi h3 a, .nav_menu .nLi h3 a:link {
    display: block;
    height: 94px;
    line-height: 94px;
    padding: 0 13px;
    font-size: 14px
}

.nav_menu .nLi h3 a:hover, .nav_menu .on h3 a {
    display: block;
    background: #e2e2e2;
    height: 94px;
    line-height: 94px;
    border-bottom: 3px solid #3bc9c2;
    color: #3bc9c2
}

.nav_menu .sub {
    display: none;
    width: 100%;
    left: 0;
    top: 94px;
    position: absolute;
}

.nav_menu .sub li {
    zoom: 1;
    height: 39px;
    line-height: 39px;
    border-bottom: 1px solid #19aaa3;
    background: #3bc9c2;
    text-align: center;

}

.nav_menu .sub a {
    display: block;
    padding: 0 10px;
    color: #fff
}

.nav_menu .sub a:hover {
    background: rgba(226, 226, 226, 0.4);
    color: #fff;
}

.nav_menu li:hover .sub li, .nav_menu li:focus .sub li {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none
}

.nav_menu li:hover .sub li:nth-child(1) {
    -webkit-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    -o-transition-delay: 0ms;
    transition-delay: 0ms;
}

.nav_menu li:hover .sub li:nth-child(2) {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
}

.nav_menu li:hover .sub li:nth-child(3) {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms;
}

.user, .password {
    height: 20px;
    line-height: 20px;
    width: 90px;
    vertical-align: middle;
    margin-right: 5px;
    background: #686c6f;
    border: 0 none;
    color: #acacac;
    font-size: 12px;
}

.topbar-nav {
    position: absolute;
    right: 20%;
}

.topbar-nav a img {
    margin-top: -3px;
}

.topbar-nav li {
    position: relative;
}

.topbar-nav .msg {
    line-height: 9px;
    font-size: 12px;
    color: red;
    display: none;
    position: absolute;
    top: 20px;
    right: -80px;
}

.my-dropdown li {
    text-align: center;
    line-height: 25px;
    height: 25px;
}

.my-dropdown li:hover {
    background: #e7e7e7;
}

.my-dropdown li a {
    background: none !important;
    margin: 0 !important;
    padding: 0 30px !important;
    height: 25px;
    line-height: 25px;
    color: #afb0b4;
}

.main-container {
    position: relative;
    padding: 135px 0 0 0;
    margin: 0;
    /*zxz修改 消除Sticky Footer*/
    display: flex;
    flex-flow: column;
    /*min-height: 100vh;*/
}

.form_btns {
    color: #afb0b4;
    display: flex;
}

.form_btns a#userName_login {
    display: inline-block;
    color: #afb0b4;
    background: url("../../images/zysy/icon1.png") no-repeat left center;
    padding-left: 15px;
    margin-left: 20px;
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: inherit;
    border-color: #337ab7;
}

.main-content {
    margin-bottom: 10px;
    /*zxz修改 消除Sticky Footer*/
    flex: 1 0 auto;
}

footer {
    flex: 0;
    min-width: 1200px;
}

.friendship {
    min-width: 1200px;
}

.edit_geyan {
    position: relative;
}

.edit_geyan img {
    position: absolute;
    top: 19px;
    left: 10px;
}

/*我的规划*/
#mydiv4 {
    width: 220px;
    height: 30px;
    position: absolute;
    bottom: 0;
    left: 20px;
}

#mydiv4 textarea {
    padding: 0 10px;
    line-height: 27px;
}

.my-summary {
    padding: 15px;
}

.slogan {
    float: left;
    width: 220px;
}

/*生涯资源列表*/
.jfBanner {
    height: 428px;
    background: #1e4570
}

.bgwhite {
    background: #fff;
    min-width: 1200px;
    padding-bottom: 20px;
    border-top: 1px solid #d8d8d8
}

.bgBorder {
    border: 1px solid #dedede;
    border-bottom: 0;
    background: #fff;
    padding: 15px 25px;
    position: relative
}

.ul-jfLi li, #condition_box table tr td:nth-child(odd) {
    display: inline-block;
    margin-right: 20px;
    font-size: 14px;
    color: #646464;
}

#condition_box table tr td {
    height: 50px;
    line-height: 50px;
}

.ul-jfLi li .active {
    background: #5cc;
    color: #fff;
}

.ul-jfLi li b {
    font-weight: bold
}

.ul-jfLi li a, .ul-jfLi li a:link, #condition_box table tr td a.more {
    color: #646464;
}

.ul-jfLi li .more, #condition_box table tr td a.more {
    color: #2280c1;
    background: url(../../images/zysy/jc-more.jpg) no-repeat right center;
    padding-right: 15px;
}

#condition_box table tr td a.more {
    position: absolute;
    top: 0;
    right: 160px;
}

#condition_box table tr td div.more-box {
    width: 80%;
    height: 70px;
    position: relative;
    overflow: hidden;
}

.border-jc {
    width: 100%;
    border: 1px solid #e0e0e0;
    border-bottom: 0;
    border-right: 0;
}

.border-jc td {
    border: 1px solid #e0e0e0;
    border-top: 0;
    border-left: 0;
    padding: 20px 0;
    text-align: center;
    background-color: #fff;
}

.border-jc td img {
    width: 147px;
    height: 208px;
    border: 1px solid #e1e1e1;
}

.border-jc td p {
    padding-top: 10px;
    color: #646464;
}

.border-jc td:hover p {
    color: #2280c1;
}

.resource-list {
    background: #fff;
    border: 1px solid #e2e2e2;
}

.resource-list ul {
    width: 100%;
    display: inline-block;
}

.resource-list ul li {
    float: left;
    border-top: 0;
    border-left: 0;
    padding: 20px 20px;
    text-align: center;
}

.resource-list ul li img {
    width: 256px;
    height: 192px;
    border: 1px solid #e1e1e1;
}

.resource-list ul li p {
    padding-top: 10px;
    color: #646464;
}

/*生涯资源详情*/
.jf-wid812 {
    width: 812px;
    float: left
}

.jf-wid375 {
    width: 375px;
    float: right;
}

.jf-detail {
}

.jf-detail h1 {
    color: #000;
    font-size: 20px;
    margin-bottom: 20px;
}

.ul-jfdetail li {
    display: inline-block;
    height: 33px;
    line-height: 33px;
    margin-right: 15px;
    background: #f6f6f6;
    padding: 0 38px;
    border: 1px solid #e4e6e8;
    position: relative;
    color: #92969b;
}

.ul-jfdetail li#like {
    cursor: pointer;
}

.ul-jfdetail li#like:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

.ul-jfdetail li.jfred {
    color: #e74c3c
}

.ul-jfdetail li img {
    position: absolute;
    top: 10px;
    left: 10px;
}

.jf-main {
    border: 1px solid #d9dbdd;
    border-top: 2px solid #0f76ca;
    padding: 20px 30px;
}

.jf-height508 {
    min-height: 508px;
}

.jf-height282 {
    min-height: 282px;
}

.jf-main h1 {
    height: 36px;
    line-height: 36px;
    color: #333;
    font-size: 15px;
    font-weight: bold;
    border-bottom: 1px solid #d9dbdd;
}

.jf-main ul {
    padding-left: 10px;
    padding-right: 10px;
}

.jf-main li {
    padding: 20px 0;
    border-bottom: 1px solid #ecedee;
    padding-left: 88px;
    position: relative
}

.jf-main li img.circle {
    position: absolute;
    left: 0;
    top: 20px;
    width: 70px;
    height: 70px;
    border-radius: 3px;
}

.jf-main li p.p-title {
    color: #646464;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 8px
}

.jf-main li p.p-blue {
    font-size: 14px;
    color: #1abfc1;
    background: url(../../images/zysy/jfdetail-img1.jpg) no-repeat left center;
    padding-left: 20px;
}

.jf-main li p.p-orange {
    color: #92969b;
    background: url(../../images/zysy/jfdetail-img2.jpg) no-repeat left center;
    padding-left: 20px;
}

.table-jfmessage {
    width: 100%;
    margin-bottom: 20px
}

.table-jfmessage td {
    padding: 10px
}

.table-jfmessage textarea {
    width: 100%;
    padding: 5px;
    border: 1px solid #ccc;
    /*color: #a9a9a9*/
}

.table-jfmessage .jf-submit {
    float: right;
    font-size: 14px;
    border-radius: 3px;
    width: 80px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    border: 0;
    background: #169bd5;
}

.ul-jfmessageList {
    width: 90%;
    margin: 0 auto;
}

.ul-jfmessageList li {
    padding: 20px 0 20px 82px;
    border-top: 1px solid #d9dde1;
    position: relative
}

.ul-jfmessageList li img {
    position: absolute;
    left: 24px;
    top: 20px;
    width: 40px;
    height: 40px;
    border-radius: 40px;
}

.ul-jfmessageList li h1 {
    color: #4d555d;
    font-size: 14px;
    font-weight: bold;
    line-height: 14px;
    margin-bottom: 8px;
}

.ul-jfmessageList li p {
    color: #333
}

.ul-jfmessageList li span {
    color: #93999f
}

/*end 生涯资源详情*/

/*学业督导——xxdj-*/
.xxdjBanner {
    clear: both;
    height: 308px;
    background: #88deff url(../../images/zysy/xxdjBanner.jpg) no-repeat center center;
}

.ul-xxdj {
    margin-left: -44px;
    display: inline-block;
}

.ul-xxdj li {
    float: left;
    width: 370px;
    height: 310px;
    margin-left: 44px;
    margin-top: 26px;
    padding-top: 10px;
    border: 1px solid #d6d6d6;
    text-align: center
}

.ul-xxdj li h1 {
    line-height: 80px;
    color: #169bd5;
    font-size: 15px;
    font-weight: bold;
    transition: background 0.4s linear;
    -webkit-transition: background 0.4s linear;
    -moz-transition: background 0.4s linear;
    -o-transition: background 0.4s linear;
}

.ul-xxdj li p {
    text-align: left;
    text-indent: 2em;
    color: #464646;
    line-height: 26px;
    padding: 20px 40px;
    height: 120px;
}

.ul-xxdj li button {
    width: 150px;
    height: 45px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: #169bd5;
    border: 0;
    transition: background 0.4s linear;
    border-radius: 2px;
    margin: 15px 10px;
}

.btn-container button {
    width: 120px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    color: #fff;
    background: #169bd5;
    border: 0;
    transition: background 0.4s linear;
    font-size: 1.5rem;
    border-radius: 5px;
}

.btn-container button:hover, .btn-container button:focus, .btn-container button:active {
    outline: none;
}

.ul-xxdj li:hover button, .btn-container button:hover {
    background: #94c750;
}

.btn-container {
    text-align: center;
    position: absolute;
    top: 90px;
    right: 65px;
}

.btn-container button.reset {
    background: #95c750
}

/*学业督导重新测评禁用时的样式*/
.btn-container button.reset.unused {
    background: #c7c7c7
}

.btn-container button.lookreport {
    background: #169bd5
}

/*end 学业督导——xxdj-*/

/*当前字数*/
.cur-count {
    float: left;
    margin: 30px 10px;
}

.cur-count span {
    color: #f00;
}

.ih-item {
    margin: 15px auto 5px;
    position: relative;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

/*4个角色*/
.ih-item, .ih-item * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ih-item a {
    color: #333;
}

.ih-item a:hover {
    text-decoration: none;
}

.ih-item img {
    width: 100%;
    height: 100%;
}

.ih-item.circle {
    position: relative;
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.ih-item.circle .img {
    position: relative;
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.ih-item.circle .img:before {
    position: absolute;
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    box-shadow: inset 0 0 0 16px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.ih-item.circle .img img {
    border-radius: 50%;
}

.ih-item.circle.effect1 .spinner {
    width: 84px;
    height: 84px;
    background: #fff;
    border: 4px solid #fff;
    border-right-color: #1ad280;
    border-bottom-color: #1ad280;
    border-radius: 50%;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.ih-item.circle.effect1 .spinner1 {
    border: 4px solid #e68152;
    border-right-color: #b27356;
    border-bottom-color: #b27356;
}

.ih-item.circle.effect1 .spinner2 {
    border: 4px solid #9acf6f;
    border-right-color: #849e6f;
    border-bottom-color: #849e6f;
}

.ih-item.circle.effect1 .spinner3 {
    border: 4px solid #69b7b7;
    border-right-color: #629393;
    border-bottom-color: #629393;
}

.ih-item.circle.effect1 .spinner4 {
    border: 4px solid #6979c3;
    border-right-color: #626b93;
    border-bottom-color: #626b93;
}

.ih-item.circle.effect1 .img {
    position: absolute;
    top: 4px;
    bottom: 0;
    left: 4px;
    right: 0;
    width: auto;
    height: auto;
}

.ih-item.circle.effect1 .img:before {
    display: none;
}

.ih-item.circle.effect1 a:hover .spinner {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}

.ih-item.circle.effect1 a:hover .info {
    opacity: 1;
}

.admin-4 li:hover .spinner {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}

/*职业知多少*/
.zyxxk_ul {
    width: 1056px;
    margin-top: 24px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 24px;
}

.zyxxk_ul li {
    width: 146px;
    height: 140px;
    float: left;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 16px;
}

.zyxxk_ul li p {
    width: 146px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #333;
    font-size: 14px;
    font-weight: bold;
}

.zyxxk_img {
    margin-left: 23px;
    width: 100px;
    height: 100px;
}

/*个人中心-我关注的专业*/
.gzdzy_div {
    padding: 20px 23px;
}

.gzdzy_titleh2a {
    font-size: 24px;
    font-weight: bold;
    color: #373737;
    border-bottom: 1px solid #ccc;
    padding: 10px;
    text-align: center;
    margin: 0 0 10px 0;
}

.gzdzy_titleh2a a {
    display: block;
    float: right;
    background: url("../../images/zysy/gzdzy_gz.png") no-repeat 15px center #ff4047;
    color: #fff;
    font-size: 12px;
    height: 20px;
    width: 90px;
    line-height: 20px;
    text-indent: 10px;
    margin-top: 6px;
}

.gzdzy_titleh2a a.mygoalMajor {
    background: #ff4047;
    margin-right: 5px;
    text-indent: 0;
    width: 110px;
}

.gzdzy_titleh2a a:hover {
    text-decoration: underline;
}

.gzdzy_talbe1 {
    width: 100%;
    margin-bottom: 40px;
}

.gzdzy_talbe1 td {
    font-size: 14px;
    padding: 6px 15px;
    border: 1px solid #dedede;
}

.gzdzy_talbe1 td a {
    display: inline-block;
    padding: 0 15px;
    background: #efefef;
    color: #619dce;
    font-size: 12px;
    line-height: 24px;
    border: 1px solid #619dce;
    border-radius: 5px;
}

.gzdzy_talbe1 td a:hover {
    text-decoration: none;
}

.gzdzy_checkxx {
    text-align: center;
    margin-top: 20px;
}

.gzdzy_checkxx a {
    display: inline-block;
    padding: 3px 25px;
    background: #d6d6d6;
    color: #313131;
    border-radius: 2px;
}

#active {
    background: #3bc9c2;
    border: 1px solid #3bc9c2;
    color: #fff;
}

.selectsname a {
    background: #619dce !important;
    color: #fff !important;
    /*border: 2px solid #3bc9c2 !important;*/
}

.rtarget {
    margin-right: 10px;
    display: inline-block;
    float: right;
}

.settarget a {
    text-indent: 2px;
}

.industry span {
    /*height: 27px;
    display: inline-block;*/
}

/*新闻列表*/
ul.new_list li {
    height: 46px;
    line-height: 46px;
    border-bottom: 1px dashed #e0e0e0;
    background: url(../../images/rating/icon.jpg) 8px no-repeat;
    padding-left: 25px;
    position: relative;
}

ul.new_list li a {
    width: 390px;
    display: inline-block;
    overflow: hidden;
    word-break: break-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #313131;
}

ul.new_list li span {
    position: absolute;
    right: 0;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #a0a0a0;
}

/*新闻详情*/
.scontainer {
    margin: auto;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10);
    margin-bottom: 10px;
}

.subpage h1 {
    font: bold 24px/36px "microsoft yahei";
    color: #313131;
    text-align: center;
    padding-bottom: 5px;
    position: relative;
}

h1.wk_text_title span {
    display: block;
}

#news_content {
    width: 820px;
    margin: 10px auto;
    border-top: 1px dashed #c7c7c7;
}

h1.wk_text_title span.wk_text_publish {
    font-size: 12px;
    font-family: "sinsum";
    color: #a5a5a5;
    padding-top: 18px;
}

.gzdxx_td1 img {
    width: 120px;
    height: auto;
}

button, input, select {
    /*font-size: 12px !important;*/
}

/*个人中心-分数查询*/
.check_score {
    padding: 20px 23px;
}

.fsx_ul {
    float: left;
}

.fsx_ul li {
    float: left;
    color: #959595;
    padding: 0px 10px;
    border: 1px solid #dcdcdc;
    margin-right: 20px;
    cursor: pointer;
}

.fsx_ul li.active {
    background: #3bc9c2;
    border: 1px solid #3bc9c2;
    color: #fff;
}

.check_score_div {
    line-height: 34px;
    border-bottom: 1px solid #e2e9ea;
    padding: 18px;
}

.check_score_div input#search_keyword, .check_score_div input#major_search_ipt_keyword {
    width: 170px !important;
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
    border: 1px solid #c7c7c7;
    font-size: 12px;
    border-radius: 4px;
    margin-right: 10px;
}

.check_score_div .search_del {
    color: #999;
    top: 35%;
    right: 15px !important;
    cursor: pointer;
    display: none;
}

.check_score_div input.btn {
    width: 90px !important;
    height: 28px;
    line-height: 0px;
    background: #ff4047;
    border: none;
    color: #fff;
    font-size: 14px;
    padding: 0;
    border-radius: 1px;
    margin-left: 0;
    margin-top: -4px;
}

.check_score_search {
    margin-bottom: 20px;
}

.check_score_search dl {
    position: relative;
    border-bottom: 1px solid #e2e9ea;
    margin-bottom: 0;
    padding: 10px 0 10px 100px;
}

.check_score_search dl dt {
    color: #313131;
    position: absolute;
    width: 100px;
    text-align: center;
    left: 0;
    top: 31%;
}

.check_score_search dl dd {
    float: left;
    color: #434343;
    padding: 3px 10px;
    border: 1px solid #fff;
    cursor: pointer;
    margin-top: 2px;
    margin-bottom: 2px;
}

.check_score_search dl dd.active {
    background: #3bc9c2;
    border: 1px solid #3bc9c2;
    color: #fff;
    padding: 3px 15px;
}

.check_profession_h2a {
    margin-top: 20px;
}

.check_score_div input.btn {
    border: 1px solid #dedede;
}

/*个人中心-专业查询*/
.check_profession_talbe {
    width: 100%;
    margin-top: 8px;
}

.check_profession_talbe td {
    border: 1px solid #cbcbcb;
    font-size: 14px;
    padding: 6px 13px;
    color: #434343;
}

.check_profession_h2a span {
    font-size: 16px;
    color: #313131;
    font-weight: bold;
    float: left;
    margin: 5px 0 0 5px;
}

.check_profession_h2a a {
    display: block;
    float: right;
    font-size: 12px;
    color: #fff;
    background: #ff4047;
    padding: 0 25px;
    height: 26px;
    line-height: 26px;
    border-radius: 2px;
}

.check_profession_h2a a:not(:first-of-type) {
    margin-right: 5px;
}

#wdyy_down > div {
    margin-bottom: 15px;
}

#wdyy_down > div p {
    text-align: center;
    padding-top: 33px;
    font-size: 18px;
    display: block;
}

#wdyy_down > div .wdyy_btn {
    width: 315px;
    height: 40px;
    background: #3bc9c2;
    border: none;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

#wdyy_down > div .wdyy_btns {
    background: #eb6877;
}

#wdyy_down > div .wdyy_downs {
    width: 315px;
    height: 40px;
    background: #3bc9c2;
    border: none;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

/*学业指南*/
.grzx_titleh2b {
    font-size: 18px;
    color: #fff;
    background: url("../../images/zysy/titlebg5.png") no-repeat center;
    height: 88px;
    line-height: 88px;
    text-align: center;
    margin-top: 20px;
}

.grzx_xyzn table {
    width: 100%;
}

.grzx_xyzn table th {
    color: #434343;
    font-size: 18px;
    font-weight: bold;
    padding: 16px 0 12px 0;
}

.grzx_xyzn table td {
    padding-bottom: 25px;
}

.grzx_xyzn dl {
    overflow: hidden;
    margin-left: 48px;
    margin-bottom: 2px;
}

.grzx_xyzn dl dt {
    float: left;
    height: 30px;
    width: 75px;
    line-height: 30px;
    text-align: center;
    background: #619dce;
    padding: 0;
    margin: 0;
    color: #fff;
}

.grzx_xyzn dl dd {
    float: left;
    border: 1px solid #dedede;
    border-left: 0;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 240px;
    padding: 0;
    margin: 0;
}

.grzx_xyzn dl dd span {
    margin: 0 15px;
    font-size: 14px;
}

.titleh2e {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #373737;
    margin: 40px 0;
}

.zycs_text p {
    text-indent: 28px;
    font-size: 14px;
    color: #373737;
    line-height: 36px;
}

.zycs_text p em {
    font-size: 16px;
    color: #ec6941;
}

.zycs_btn {
    text-align: center;
    margin-top: 40px;
}

.zycs_btn input {
    border: 0;
    background: #3bc9c2;
    width: 315px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 14px;
}

.zycs_prompt {
    text-align: center;
    color: #808080;
    padding: 10px 0;
}

.zycs_prompt em {
    color: #e60012;
    margin: 0 5px;
}

.zycs_ceshi {
    /*border: 1px solid #dedede;
  background: #fff;
  padding: 40px;
  margin-top: 30px;*/
    display: none;
}

.zycs_titleh3a {
    text-align: center;
    font-size: 14px;
    color: #535353;
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 15px;
    margin-bottom: 5px;
}

.zycs_ceshi dl {
    margin-bottom: 0;
}

.zycs_ceshi dl dt {
    font-size: 14px;
    color: #535353;
    padding: 25px 0 15px 0;
}

.zycs_ceshi dl dd label {
    margin: 0 20px 0 15px;
}

.zycs_btn2 {
    text-align: center;
    margin-top: 40px;
}

.zycs_btn2 input {
    border: 0;
    width: 100px;
    height: 25px;
    line-height: 25px;
    color: #fff;
    border-radius: 2px;
}

.zycs_bgred {
    background: #ff4047;
}

.zycs_bgblue {
    background: #3bc9c2;
}

.hld_test1 {
    text-align: center;
}

.hld_question_count1 {
    color: white;
    position: absolute;
    right: 50px;
}

.hld_question_count {
    position: absolute;
    right: 530px;
    margin-top: -5px;
}

/*学习动机督导报告*/
.xxdj-report {
    padding: 26px 56px;
    background: #edf5f8;
}

.wid1036 {
    width: 1036px;
    margin: 0 auto;
}

.xxdj-report-div1 {
    padding: 0 28px;
    margin-bottom: 20px;
}

.xxdj-report-div1-h1 {
    height: 44px;
    line-height: 44px;
    font-size: 30px;
    background: url(../../images/zysy/xxdj-report-h-1.jpg) no-repeat center top;
    text-align: center;
    margin-bottom: 40px;
    color: #fff
}

.xxdj-report-div1 p {
    line-height: 28px;
    text-indent: 2em;
    font-size: 16px;
    color: #7c7c7c;
}

.xxdj-message {
    padding-bottom: 5px;
    margin-top: 30px;
    min-height: 230px;
    background: #d4e9d3;
}

.xxdj-message h2 {
    font-size: 15px;
    height: 26px;
    line-height: 26px;
    color: #fff;
    text-align: center;
    background: url(../../images/zysy/xxdj-report-message.jpg) no-repeat center top;
}

.xxdj-message table {
    width: 80%;
    margin: 0 auto;
    margin-top: 20px;
}

.xxdj-message table td {
    line-height: 32px;
    padding: 0;
    padding-left: 10px;
    font-size: 16px;
}

.xxdj-message table td:nth-child(odd) {
    width: 15%;
}

.xxdj-message table td:nth-child(even) {
    width: 35%;
}

.xxdj-message table td span {
    color: #4381d5;
    margin-right: 10px;
}

.xxdj-report-h1 {
    clear: both;
    line-height: 60px;
    color: #4381d5;
    font-size: 30px;
    font-weight: bold;
    text-align: center
}

.xxdj-report-div2 {
    position: relative
}

.xxdj-report-div2-1 {
    padding: 0 60px;
    min-height: 424px;
    position: relative;
    background: url(../../images/zysy/hor-line1.jpg) no-repeat right 20px;
}

.xxdj-report-div2-1 h2 {
    height: 40px;
    line-height: 40px;
    color: #eb658a;
    text-align: center;
    font-size: 16px;
    background: url(../../images/zysy/xxdj-report-div2-h2Img.png) no-repeat center center;
    margin-bottom: 60px;
}

.xxdj-report-div2-1 h3 {
    height: 36px;
    line-height: 36px;
    padding-left: 45px;
    font-size: 24px;
    color: #4381d5;
    margin-bottom: 20px;
    position: relative;
    background: url(../../images/zysy/xxdj-person.png) no-repeat left center
}

.xxdj-report-div2-1 p {
    margin-left: 40px;
    width: 440px;
    line-height: 32px;
    font-size: 14px;
    color: #7c7c7c;
    text-align: justify;
    text-indent: 2em;
}

.xxdj-report-div2-1 img, .xxdj-report-div2-1 .radar {
    position: absolute;
    right: 0;
    top: 0;
    width: 412px;
    height: 237px;
    background-color: #fff !important;
    border: 1px solid #c7c7c7;
}

.bgzd-ul2 li .radar, .div-bgzd .radar {
    right: 0;
    top: 0;
    width: 412px;
    height: 237px;
    background-color: #fff !important;
    border: 1px solid #c7c7c7;
    display: block;
}

.xxdj-report-div2-2 {
    padding: 0 60px;
    padding-top: 20px;
    background: url(../../images/zysy/vertical-line.png) repeat-y left top
}

.xxdj-report-div2-2 h1 {
    padding-left: 40px;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 15px
}

.xxdj-report-div2-2 h1 span {
    color: #eb658a
}

.xxdj-div2-bott {
    height: 42px;
    padding-top: 20px;
    background: url(../../images/zysy/xxdj-bott.jpg) no-repeat left bottom;
    margin-bottom: 30px;
}

.xxdj-success {
}

.xxdj-success h3 {
    height: 36px;
    line-height: 36px;
    padding-left: 45px;
    font-size: 24px;
    color: #71b940;
    margin-bottom: 20px;
    position: relative;
    background: url(../../images/zysy/xxdj-report-success.png) no-repeat left center
}

.xxdj-success p.p-success {
    font-size: 15px;
    padding-left: 40px;
    color: #71b940;
}

.ul-report {
    padding-bottom: 15px;
    padding-left: 40px;
}

.ul-report li {
    /*height: 32px;*/
    line-height: 32px;
    font-size: 14px;
    color: #7c7c7c;
    padding-left: 22px;
    padding-right: 20px;
    background: url(../../images/zysy/circle.jpg) no-repeat left 12px;
}

.xxdj-report-div2-2 p {
    color: #4381d5;
    font-size: 14px;
    padding-bottom: 20px
}

/*学习策略推送*/
.xxdj-report-div3 {
    padding: 0 60px;
}

.xxdj-report-div3 h2 {
    height: 40px;
    line-height: 40px;
    color: #eb658a;
    text-align: center;
    font-size: 16px;
}

.xxdj-report-div3 ul {
    width: 670px;
    margin: 0 auto
}

.xxdj-report-div3 li {
    float: left;
    width: 78px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    margin-right: 32px;
    display: inline;
    font-size: 14px
}

.xxdj-report-div3 li a, .xxdj-report-div3 li a:link {
    display: block;
    background: #169bd5;
    color: #fff;
    border-radius: 2px;
}

.xxdj-report-div3 li a:hover {
    background: #94c750;
}

.xxdj-report-div3 h3 {
    clear: both;
    height: 60px;
    line-height: 60px;
    color: #000;
    text-align: center;
    font-size: 15px;
}

.xxdj-report-div3 p {
    text-indent: 2em;
    font-size: 14px;
    color: #7c7c7c;
    padding-bottom: 20px;
}

/*end 学习动机测评报告3——xxdj-*/

/*单报告*/
.ul-ddrw {
    width: 90%;
    margin: 0 auto;
    padding: 10px 0 20px;
    overflow: hidden
}

.ul-ddrw li {
    line-height: 32px;
    padding-left: 28px;
    color: #7c7c7c;
    font-size: 14px
}

.ul-ddrw li span {
    display: inline-block;
    width: 24px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    background: #739dd8;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    margin-right: 5px;
}

.ul-ddrw li a, .ul-ddrw li a:link {
    color: #4381d5;
    text-decoration: underline
}

/*学习策略推送tab*/
/* 本例子css */
.slideTxtBox {
    height: 234px;
    width: 90%;
    margin: 0 auto;
    overflow: hidden
}

.slideTxtBox .hd {
    /*height: 30px;*/
}

.slideTxtBox .hd ul {
    width: 670px;
    margin: 0 auto;
    display: flex;
}

.slideTxtBox .hd ul li {
    float: left;
    min-width: 78px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-right: 10px;
    display: inline;
    font-size: 14px;
    background: #169bd5;
    color: #fff;
    border-radius: 2px;
    cursor: pointer
}

.slideTxtBox .hd ul li a {
    color: #fff;
    min-width: 78px;
    height: 30px;
    line-height: 30px;
    display: block;
}

.slideTxtBox .hd ul li.on, .slideTxtBox .hd ul li.active {
    height: 30px;
    background: #94c750;
    color: #fff
}

.slideTxtBox .bd h3 {
    clear: both;
    height: 60px;
    line-height: 60px;
    color: #000;
    text-align: center;
    font-size: 15px;
}

.slideTxtBox .bd p {
    text-indent: 2em;
    font-size: 14px;
    color: #7c7c7c;
    /*padding-bottom: 20px;*/
}

/*总报告*/
.wid1038 {
    width: 1038px;
    margin: 0 auto;
}

.p-bgzd {
    color: #7c7c7c;
    font-size: 16px;
    line-height: 28px;
    text-indent: 2em;
    margin-bottom: 10px;
}

.p-wxtips {
    height: 21px;
    color: #4a4a4a;
    font-size: 14px;
    background: url(../../images/zysy/bgzd-tips.jpg) no-repeat;
    padding-left: 30px;
    margin-bottom: 50px
}

.p-wxtips span {
    color: #eb658a
}

.p-wxtips em {
    color: #4381d5;
    font-style: normal
}

.div-bgzd {
    border: 2px dashed #bfbfbf;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    padding: 40px 40px 20px;
    margin-bottom: 30px;
    position: relative
}

.h1-title {
    position: absolute;
    left: 50%;
    top: -30px;
    margin-left: -105px;
    width: 210px;
    line-height: 60px;
    background: #edf5f8;
    color: #4381d5;
    font-size: 30px;
    font-weight: bold;
    text-align: center
}

.h2-title {
    color: #eb658a;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    margin-bottom: 20px;
    background: url(../../images/zysy/h2-title-img1.jpg) no-repeat center center
}

.bc {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.h1-textbold {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 15px;
    text-indent: 2em;
}

.h1-textbold span {
    color: #eb658a
}

.report-title2 {
    position: absolute;
    left: 50%;
    top: -8px;
    margin-left: -165px;
    width: 330px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    font-size: 16px;
    color: #eb658a;
    background: #edf5f8 url(../../images/zysy/h2-title-img2.jpg) no-repeat center center;
}

.report-title3 {
    position: absolute;
    left: 50%;
    top: -8px;
    margin-left: -200px;
    width: 400px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    font-size: 16px;
    color: #eb658a;
    background: #edf5f8 url(../../images/zysy/h2-title-img3.jpg) no-repeat center center;
}

.report-title4 {
    position: absolute;
    left: 50%;
    top: -8px;
    margin-left: -140px;
    width: 280px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    font-size: 16px;
    color: #eb658a;
    background: #edf5f8 url(../../images/zysy/h2-title-img4.jpg) no-repeat center center;
}

.report-title5 {
    position: absolute;
    left: 50%;
    top: -8px;
    margin-left: -205px;
    width: 410px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    font-size: 16px;
    color: #eb658a;
    background: #edf5f8 url(../../images/zysy/h2-title-img5.jpg) no-repeat center center;
}

.bgzd-ul2 li {
    float: left;
    margin-bottom: 10px;
}

.bgzd-2 {
    padding-left: 80px;
}

.bgzd-2 h3 {
    height: 43px;
    line-height: 43px;
    padding-left: 50px;
    color: #ff9646;
    font-size: 20px;
    font-weight: bold;
    background: url(../../images/zysy/xxdj-report-div4-ok.jpg) no-repeat;
    margin-bottom: 20px;
}

.bgzd-2 p {
    line-height: 40px;
    color: #7c7c7c;
    font-size: 14px;
    padding-left: 50px;
    position: relative
}

.bgzd-2 p span.span-orang {
    position: absolute;
    left: 0;
    top: 10px;
    background: #ff9646;
    width: 42px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    color: #fff;
}

.bgzd-2 p span.span-blue {
    position: absolute;
    left: 0;
    top: 10px;
    background: #4381d5;
    width: 42px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    color: #fff;
}

.bgzd-2 img.img-div5, .bgzd-2 .line {
    display: block;
    width: 800px;
    height: 450px;
    background-color: #fff !important;
    border: 1px solid #c7c7c7;
}

.h1-textoran {
    color: #7c7c7c;
    font-size: 14px;
    line-height: 28px;
    text-indent: 2em;
    margin-bottom: 40px;
}

.h1-textoran span {
    color: #ff9646;
    font-size: 16px;
    font-weight: bold;
    padding: 0 1em;
}

.div-borderRed, .div-borderBlue {
    float: left;
    margin-left: 50px;
    width: 419px;
    height: 211px;
    border: 3px solid;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    position: relative;
    padding: 30px 30px 0;
    background: #fbfdfe
}

.div-borderRed {
    border-color: #eb82a0;
}

.div-borderRed h1, .div-borderBlue h1 {
    position: absolute;
    left: 50%;
    top: -15px;
    margin-left: -82px;
    width: 164px;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    border-radius: 4px
}

.div-borderRed h1 {
    background: #eb658a;
}

.div-borderBlue h1 {
    background: #8bafde
}

.div-borderBlue {
    border-color: #8bafde;
}

.div-borderRed p, .div-borderBlue p {
    text-indent: 2em;
    color: #4a4a4a;
    font-size: 14px;
    line-height: 32px;
}

.div-borderRed img, .div-borderBlue img {
    position: absolute;
    right: 10px;
    bottom: 8px;
    width: 38px;
    height: 42px;
}

.clear {
    clear: both;
    line-height: 1px;
    overflow: hidden;
}

.h1-reportResult {
    clear: both;
    line-height: 60px;
    margin-bottom: 20px;
    color: #4381d5;
    font-size: 30px;
    font-weight: bold;
    text-align: center
}

.report-program1, .report-program2, .report-program3, .report-program4 {
    position: absolute;
    top: 30%;
    width: 54px;
    height: 54px;
    border: 2px dashed #bfbfbf;
    border-radius: 54px;
    -webkit-border-radius: 54px;
    -moz-border-radius: 54px;
    padding: 2px;
    background: #edf5f8
}

.report-program1 h6, .report-program2 h6, .report-program3 h6, .report-program4 h6 {
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 46px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    background: #71b940;
    color: #fff;
    font-size: 30px;
    font-weight: bold
}

.report-program1, .report-program3 {
    right: -27px;
}

.report-program2, .report-program4 {
    left: -27px;
}

.report-hei160 {
    /*height: 160px;*/
    /*min-height: 160px;*/
    /*overflow: hidden*/
}

.report-fold, .fold-2, .fold-3, .fold-4, .fold-5, .fold-6, .fold-7 {
    position: relative;
    width: 100px;
    height: 20px;
    margin: 10px auto 0;
    background: url(../../images/zysy/report-fold.png) no-repeat center center;
    cursor: pointer
}

.fold-2 {
    margin-top: 20px;
}

.fix-top {
    position: fixed;
    right: 10px;
    bottom: 25%;
}

.fix-top ul {
    background: #94c750;
    padding: 5px 15px 20px;
    border-radius: 4px;
}

.fix-top li {
    height: 34px;
    line-height: 33px;
    border-bottom: 1px dashed #6b9a2d;
}

.fix-top li a, .fix-top li a:link {
    display: block;
    background: url(../../images/zysy/fixe-tophover.jpg) no-repeat left center;
    padding-left: 20px;
    color: #395711;
}

.fix-top li a:hover {
    display: block;
    background: url(../../images/zysy/fix-toplink.jpg) no-repeat left center;
    color: #fff
}

.fix-top .clickTop {
    display: block;
    width: 50px;
    height: 98px;
    margin: 0 auto;
    margin-top: -15px;
}

/*6选3选科测评
.modal {
  z-index: 9999
}

.modal-dialog {
  display: block;
  width: 610px;
  height: 540px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
}

.modal-header {
  height: 228px;
  padding: 0;
  border-bottom: 0;
  background: #0f76ca
}

.modal-header .close {
  padding: 15px;
  margin: 0
}

.modal-header h1 {
  color: #fff;
  font-size: 48px;
  font-weight: bold;
  line-height: 80px;
  padding-top: 40px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  text-align: center;
  background: url(../../images/zysy/modal-xk.jpg) no-repeat center bottom
}

.modal-header p {
  width: 80%;
  margin: 0 auto;
  font-size: 16px;
  color: #fff;
  line-height: 30px;
}

.modal-body {
  text-align: right;
  font-size: 14px;
  color: #000
}

.modal-body img {
  display: block;
  margin: 0 auto;
  margin-bottom: 15px;
}*/

/*学习动机测评报告3——xxdj-*/
.lxsBanner {
    clear: both;
    height: 308px;
    background: #81ca7b url(../../images/zysy/lxsBanner.jpg) no-repeat center center;
}

.xxdj-wtzd {
    padding: 28px;
    background: #def url(../../images/zysy/xxdj-wtzd.jpg) no-repeat right top;
    position: relative
}

.xxdj-wtzd h1 {
    height: 50px;
}

.xxdj-wtzd p {
    width: 700px;
    margin-left: 44px;
    color: #64717b;
    font-size: 14px;
    line-height: 26px;
    text-indent: 2em;
    margin-top: 20px;
}

.xxdj-zd {
    position: absolute;
    right: 25px;
    bottom: 20px;
    height: 36px;
    width: 210px;
}

.xxdj-zd .button-blue, .xxdj-zd .button-green, .tab-container .button-blue {
    width: 99px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    color: #fff;
    font-size: 14px;
    border-radius: 3px;
    margin-left: 6px;
    border: 0
}

.xxdj-zd .button-blue, .tab-container .button-blue {
    background: #169bd5;
}

.xxdj-zd .button-green {
    background: #94c750;
}

.xxdj-zd img {
    position: absolute;
    left: -86px;
    top: -120px;
}

.top-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9000;
    border-bottom: 1px solid #c7c7c7;
    background: #fff;
}

ul.nav li.active a, .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    background-color: #edf5f8;
}

/*6选3选科测评-引导页*/
.modal1, .modal {
    position: fixed;
    z-index: 9999;
    /*top: 25%*/
}

.modal-backdrop {
    z-index: 9900
}

.modal1 .modal-dialog {
    display: block;
    width: 610px;
    height: 540px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
}

.modal1 .modal-header {
    height: 228px;
    padding: 0;
    border-bottom: 0;
    background: #0f76ca
}

.modal1 .modal-header .close {
    padding: 15px;
    margin: 0
}

.modal1 .modal-header h1 {
    color: #fff;
    font-size: 48px;
    font-weight: bold;
    line-height: 80px;
    padding-top: 40px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    text-align: center;
    background: url(../../images/zysy/modal-xk.jpg) no-repeat center bottom
}

.modal1 .modal-header p {
    width: 80%;
    margin: 0 auto;
    font-size: 16px;
    color: #fff;
    line-height: 30px;
}

.modal1 .modal-body {
    text-align: right;
    font-size: 14px;
    color: #000
}

.modal1 .modal-body img {
    margin: 0 auto;
    display: block;
    margin-bottom: 15px;
}

/*调整学科-弹出页*/
.modal2 {
    z-index: 9999;
}

.modal2 .modal-dialog {
    display: block;
    width: 584px;
    height: auto;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    background: #fff
}

.modal2 .modal-header {
    height: 140px;
    padding: 0;
    border-bottom: 0;
    background: #fff;
    position: relative;
    box-shadow: 0 0 0;
    border-radius: 5px;
}

.modal2 .modal-header .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px;
    margin: 0
}

.modal2 .modal-header h1 {
    clear: both;
    color: #3e3a39;
    font-size: 28px;
    font-weight: normal;
    line-height: 40px;
    padding-top: 50px;
    padding-bottom: 0;
    margin-bottom: 0;
    text-align: center;
    background: none
}

.modal2 .modal-header p {
    width: 80%;
    margin: 0 auto;
    font-size: 16px;
    text-align: center;
    color: #9c9b9b;
    line-height: 40px;
    background: url(../../images/zysy/modal2-line.jpg) repeat-x center center
}

.modal2 .modal-header p span {
    display: block;
    width: 260px;
    height: 40px;
    line-height: 40px;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
}

.modal2 .modal-body {
    text-align: right;
    font-size: 14px;
    color: #000
}

.modal2 .modal2-table {
    margin-left: auto;
    margin-right: auto;
}

.modal2 .modal2-table td {
    padding: 4px 10px;
}

.modal2 .modal2-table td select {
    padding: 4px 20px;
}

.modal2 button.reset, .modal2 button.lookreport, .modal3 button.reset, .modal3 button.lookreport, .modal4 button.reset, .modal4 button.lookreport {
    width: 78px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    border: 0;
    transition: background 0.4s linear;
    border-radius: 2px
}

.modal2 button.reset, .modal3 button.reset, .modal4 button.reset {
    background: #94c750;
    margin-right: 10px;
}

.modal2 button.lookreport, .modal3 button.lookreport, .modal4 button.lookreport {
    background: #169bd5;
}

/*end 调整学科-弹出页*/

/*调整学科-弹出页*/
.modal3 {
    z-index: 9999;
}

.modal3 .modal-dialog {
    display: block;
    width: 584px;
    height: 384px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    background: #fff;
}

.modal3 .modal-header {
    height: auto;
    padding: 0;
    border-bottom: 0;
    background: #fff;
    position: relative;
    box-shadow: 0 0 0
}

.modal3 .modal-header .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px;
    margin: 0
}

.modal3 .modal-header p {
    width: 80%;
    margin: 0 auto;
    font-size: 28px;
    text-align: center;
    color: #3e3a39;
    line-height: 40px;
    padding-top: 35px;
    padding-bottom: 30px;
    background: url(../../images/zysy/modal2-line.jpg) repeat-x center center
}

.modal3 .modal-header p span {
    display: block;
    width: 260px;
    height: 40px;
    line-height: 40px;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
}

.modal3 .modal-body {
    height: 240px;
    text-align: right;
    font-size: 14px;
    color: #000;
    padding: 0
}

.modal3 .modal-content {
    box-shadow: 0 0 0;
    border: 0
}

.ul-modal3 {
    padding-left: 86px;
    padding-right: 86px;
}

.ul-modal3 li {
    float: left;
    width: 96px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-left: 6px;
    margin-bottom: 6px;
}

.ul-modal3 li a, .ul-modal3 li a:link {
    color: #4e4e4e;
    display: block;
    border: 1px solid #c2c2c2;
    border-radius: 2px;
}

.ul-modal3 li a:hover {
    display: block;
    background: #ff9c31;
    border-color: #ff9c31;
    color: #fff;
}

.modal3 .modal3-ok {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
}

/*end 调整学科-弹出页*/

/*新高考联盟-弹出页*/
.modal4 {
    z-index: 9999;
    top: 20%
}

.modal4 .modal-dialog {
    display: block;
    width: 584px;
    height: 502px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    background: #fff;
}

.modal4 .modal-header {
    height: auto;
    padding: 0;
    border-bottom: 0;
    background: #fff;
    position: relative;
    box-shadow: 0 0 0
}

.modal4 .modal-header .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px;
    margin: 0
}

.modal4 .modal-header p {
    width: 80%;
    margin: 0 auto;
    font-size: 28px;
    text-align: center;
    color: #3e3a39;
    line-height: 40px;
    padding-top: 35px;
    padding-bottom: 30px;
    background: url(../../images/zysy/modal2-line.jpg) repeat-x center center
}

.modal4 .modal-header p span {
    display: block;
    width: 260px;
    height: 40px;
    line-height: 40px;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
}

.modal4 .modal-body {
    height: 360px;
    text-align: right;
    font-size: 14px;
    color: #000;
    padding: 0
}

.modal4 .modal-content {
    box-shadow: 0 0 0;
    border: 0
}

.modal4 .modal3-ok {
    width: 100%;
    position: absolute;
    bottom: 10px;
    left: 0;
    text-align: center;
}

.modal4 .modal-box {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.modal4 .modal-box input {
    width: 100%;
    height: 38px;
    line-height: 38px;
    margin-bottom: 6px;
    text-indent: 2em;
    color: #9c9b9b;
    font-size: 15px;
    border: 1px solid #c2c2c2;
}

/** 刘旭：申请加入界面 **/

#j_city_div {
    float: right;
}

#j_privince_div {
    float: left;

}

.inline-block {
    display: inline-block;
    height: 33px;
    font-size: 15px;
    line-height: 38px;
    text-align: center;
}

#j_city_div select {
    padding-left: 5px;
    width: 100%;
    height: 33px;
    font-size: 15px;

}

/** 刘旭的结束 **/

.modal4 .modal-box textarea {
    width: 100%;
    height: 106px;
    line-height: 38px;
    text-indent: 2em;
    color: #9c9b9b;
    font-size: 15px;
    border: 1px solid #c2c2c2;
}

/*end 新高考联盟-弹出页*/

/*登录-弹出页*/
.modal-login {
    z-index: 9999;
}

.modal-login .modal-dialog {
    display: block;
    width: 584px;
    height: auto;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    background: #fff
}

.modal-login .modal-header {
    height: 140px;
    padding: 0;
    border-bottom: 0;
    background: #fff;
    position: relative;
    box-shadow: 0 0 0
}

.modal-login .modal-header .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px;
    margin: 0
}

.modal-login .modal-header h1 {
    clear: both;
    color: #3e3a39;
    font-size: 28px;
    font-weight: normal;
    line-height: 60px;
    padding-top: 40px;
    padding-bottom: 0;
    margin-bottom: 0;
    text-align: center;
    background: none
}

.modal-login .modal-header p {
    width: 80%;
    margin: 0 auto;
    font-size: 16px;
    text-align: center;
    color: #9c9b9b;
    line-height: 40px;
    background: url(../../images/zysy/modal2-line.jpg) repeat-x center center
}

.modal-login .modal-header p span {
    display: block;
    width: 200px;
    height: 40px;
    line-height: 40px;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
}

.modal-login .modal-body {
    text-align: left;
    font-size: 14px;
    color: #000;
    padding-bottom: 60px
}

.modal-login .table-input {
    width: 342px;
    margin-left: auto;
    margin-right: auto;
}

.modal-login .input-text {
    width: 342px;
    margin-left: auto;
    margin-right: auto;
    height: 42px;
    line-height: 42px;
    border: 1px solid #dae2e5;
    text-indent: 1em;
    font-size: 14px;
    color: #a9a9a9;
    margin-bottom: 10px;
}

.modal-login .login-button {
    width: 129px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #70ca10;
    color: #fff;
    font-size: 18px;
    border: 0;
    border-radius: 2px
}

.modal-login .btn-l {
    padding-top: 10px;
}

.modal-login .checkbox-l {
    padding-top: 10px;
    color: #929292;
    font-size: 12px
}

.modal-login .forget-l {
    padding-top: 10px;
    color: #353535;
    text-align: right;
    font-size: 12px
}

/*end 调整学科-弹出页*/

/*6选3选科2*/
.course {
}

.div-course {
    border: 2px dashed #bfbfbf;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    padding: 40px 20px 20px;
    margin-top: 50px;
    position: relative
}

.course-title {
    position: absolute;
    left: 50%;
    top: -22px;
    margin-left: -144px;
    width: 288px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 24px;
    color: #fff;
    background: #e29126
}

.course-title1 {
    background: url(../../images/zysy/course-title1.png) no-repeat
}

.course-title2 {
    background: url(../../images/zysy/course-title2.png) no-repeat
}

.course-title3 {
    background: url(../../images/zysy/course-title3.png) no-repeat
}

.course-title4 {
    background: url(../../images/zysy/course-title4.png) no-repeat
}

.course-0 {
    padding: 25px 0 10px 35px;
}

.course-0 h1 {
    height: 42px;
    line-height: 42px;
    font-size: 30px;
    color: #000;
    padding-left: 50px;
    background: url(../../images/zysy/course-0.jpg) no-repeat left center;
}

.course-0 p {
    line-height: 40px;
    font-size: 14px;
    color: #6d7882;
    padding-left: 5px;
    margin-bottom: 10px
}

ul.course-ul0 li {
    float: left;
    width: 232px;
    height: 45px;
    line-height: 45px;
    margin-right: 4px;
    text-align: center;
    font-size: 14px;
    position: relative
}

.cou-1 {
    background: url(../../images/zysy/course-ul0-li01.png) no-repeat;
}

.cou-2 {
    background: url(../../images/zysy/course-ul0-li02.png) no-repeat;
}

.cou-3 {
    background: url(../../images/zysy/course-ul0-li03.png) no-repeat;
}

.cou-4 {
    background: url(../../images/zysy/course-ul0-li04.png) no-repeat;
}

ul.course-ul0 li span {
    position: absolute;
    left: 0;
    top: 5px;
    width: 36px;
    height: 36px;
    line-height: 28px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    border-radius: 36px;
}

ul.course-ul0 li span.span1 {
    border: 4px solid #228050;
    background: #52c163
}

ul.course-ul0 li span.span2 {
    border: 4px solid #a0b85e;
    background: #b6d051
}

ul.course-ul0 li span.span3 {
    border: 4px solid #d0762b;
    background: #e29126
}

ul.course-ul0 li span.span4 {
    border: 4px solid #28a2b7;
    background: #64b2cd
}

ul.course-ul0 li.active1 a:hover, ul.course-ul0 li.active1 a {
    display: block;
    color: #fff;
    background: url(../../images/zysy/course-ul0-li01on.png) no-repeat
}

ul.course-ul0 li.active2 a.sel-subject.sel {
    display: block;
    color: #fff;
    background: url(../../images/zysy/course-ul0-li02on.png) no-repeat
}

ul.course-ul0 li.active3 a.sel-subject.sel {
    display: block;
    color: #fff;
    background: url(../../images/zysy/course-ul0-li03on.png) no-repeat
}

/*ul.course-ul0 li.active4 a:hover, ul.course-ul0 li.active4 a.sel {
  display: block;
  color: #fff;
  background: url(../../images/zysy/zysy_xk_4.png) no-repeat right center
}*/

ul.course-ul0 li a, ul.course-ul0 li a:link {
    display: block;
}

/*ul.course-ul0 li a:hover {
  display: block;
  color: #fff;
  background: url(../../images/zysy/course-0-img1.png) no-repeat right center
}*/

ul.course-ul0 li.cou-5 {
    width: 190px;
    height: 36px;
    line-height: 36px;
    background: #0f76ca;
    border-radius: 2px;
    color: #fff;
    margin-top: 5px;
    margin-left: 10px
}

ul.course-ul0 li.cou-5 a, ul.course-ul0 li.cou-5 a:link {
    display: block;
    color: #fff
}

ul.course-ul0 li.cou-5 a:hover {
    /*background: #0f76ca;*/
}

.course-report h1 {
    height: 44px;
    line-height: 44px;
    font-size: 30px;
    background: url(../../images/zysy/course-h1.jpg) no-repeat center top;
    text-align: center;
    margin-bottom: 40px;
    color: #fff
}

.course-report h2 {
    height: 36px;
    line-height: 36px;
    padding-left: 45px;
    font-size: 24px;
    color: #4381d5;
    margin-bottom: 20px;
    position: relative;
    background: url(../../images/zysy/xxdj-person.png) no-repeat left center
}

.course-report1 {
    width: 800px;
    margin: 0 auto;
    margin-bottom: 40px
}

.course-report1 p {
    margin-bottom: 20px;
}

.course-report1 p button {
    height: 20px;
    line-height: 21px;
    margin: 0 5px;
    color: #6d7882;
    background: #fff;
    border: 0;
    border-radius: 2px
}

.course-report1 p button.bt-green {
    border: 1px solid #59bc61
}

.course-report1 p button.bt-orange {
    border: 1px solid #b6d051
}

.course-report1 p button.bt-red {
    border: 1px solid #e29126
}

.course-report1 p button.bt-blue {
    border: 1px solid #64b2cd
}

.cour-green, .cour-orange, .cour-red, .cour-blue {
    float: left;
    margin-left: 10px;
    width: 177px;
    height: 311px;
}

.cour-green .cou-top, .cour-orange .cou-top, .cour-red .cou-top, .cour-blue .cou-top {
    height: 149px;
    font-size: 18px;
    text-align: center;
    padding-top: 85px;
    color: #fff;
    margin-bottom: 10px
}

.cour-green .cou-top {
    background: url(../../images/zysy/green-top.jpg) no-repeat;
}

.cour-orange .cou-top {
    background: url(../../images/zysy/orange-top.jpg) no-repeat;
}

.cour-red .cou-top {
    background: url(../../images/zysy/red-top.jpg) no-repeat;
}

.cour-blue .cou-top {
    background: url(../../images/zysy/blue-top.jpg) no-repeat;
}

.ul-cour-green {
    height: 130px;
    padding-top: 20px;
    margin-bottom: 10px;
    background: #fff;
    overflow: auto;
}

.ul-cour-green li {
    text-align: center;
    line-height: 34px;
    font-size: 15px;
    color: #6d7882
}

.cour-green .cou-bottom, .cour-orange .cou-bottom, .cour-red .cou-bottom, .cour-blue .cou-bottom {
    height: 12px;
}

.cour-green .cou-bottom {
    background: #59bc61
}

.cour-orange .cou-bottom {
    background: #b6d051
}

.cour-red .cou-bottom {
    background: #e29126
}

.cour-blue .cou-bottom {
    background: #64b2cd
}

.course-report2 {
    padding-left: 120px;
    text-align: center;
    font-size: 14px
}

.course-report2 a, .course-report2 a:link {
    color: #4381d5;
}

.course-report2 a:hover {
    color: #d54343
}

.course-report2 p {
    color: #4a4a4a;
    text-align: left;
    margin-bottom: 20px;
}

.course-report2 img.img {
    margin-left: -120px
}

.course-report2 .div {
    text-align: left;
    /*height: 20px;*/
    line-height: 20px;
    margin-bottom: 12px
}

.course-report2 .div p {
    display: inline-block;
    background: #c2ede5;
    border-radius: 20px;
    padding: 0 10px
}

.course-report2 .div p span {
    padding: 0 10px
}

.course-report2 .tips {
    text-align: left;
    background: url(../../images/zysy/bgzd-tips.jpg) no-repeat left center;
    padding-left: 30px;
}

.course-report2 .tips span {
    color: #eb658a;
}

.border {
    border: 1px solid #cfcfcf
}

.wid775 {
    width: 775px;
    margin: 0 auto 30px;
    padding: 20px 100px
}

.center-p {
    font-size: 14px
}

.center-p p {
    text-align: center;
    color: #6d7882;
    margin-bottom: 15px;
}

.center-p button {
    display: block;
    margin: 0 auto;
    width: 156px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: #4381d5;
    color: #fff;
    border: 0;
    border-radius: 2px;
}

/*测评中*/
.teston {
    height: 436px;
    background: #edf5f8;
    margin-bottom: 15px;
    position: relative
}

.teston-top {
    height: 94px;
    border-bottom: 1px solid #e7e7e7;
    background: #edf5f8;
    padding: 20px 0 20px 85px;
    position: relative
}

.teston-top img {
    position: absolute;
    left: 20px;
    top: 20px;
}

.teston-top h1 {
    font-size: 24px;
    font-weight: bold;
    color: #2e3b4e;
    margin-bottom: 6px
}

.teston-top h2 {
    font-size: 14px;
    color: #4381d5;
}

.teston-top h3 {
    position: absolute;
    right: 40px;
    top: 25px;
    text-align: right
}

.teston-top .process {
    position: absolute;
    right: 40px;
    top: 25px;
    text-align: right
}

.teston-top .process .n1 {
    font-size: 6rem;
}

.teston-top .process .n2 {
    font-size: 2rem;
    color: #999;
}

.teston-top h3 span {
    display: block;
    font-size: 24px;
    color: #4381d5;
    margin-bottom: 5px
}

.teston-top h3 em {
    display: block;
    color: #a4a4a4;
    font-size: 14px;
    font-style: normal
}

.teston p {
    line-height: 30px;
    padding: 30px;
    text-align: center;
    font-size: 18px;
    color: #727171
}

.teston .show-1 {
    width: 40%;
    margin: 0 auto
}

.teston .show-1 li {
    float: left;
    width: 20%;
    text-align: center;
    font-size: 14px
}

.teston .show-1 li label {
    display: block;
    margin-right: 0
}

.teston .show-2 {
    width: 260px;
    margin: 0 auto
}

.teston .show-2 li {
    float: left;
    width: 78px;
    margin-right: 7px;
}

.teston .show-2 li input {
    width: 78px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #c2c2c2;
    background: #fff;
    font-size: 14px;
    color: #4e4e4e;
    border-radius: 2px
}

.teston .show-2 li input.chec {
    background: #ff9c31;
    color: #fff;
    border: 1px solid #ff9c31;
}

.teston .show-3 {
    width: 170px;
}

.teston-btn {
    position: absolute;
    bottom: 20px;
    right: 30px;
    text-align: right
}

.teston-btn button {
    width: 78px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 3px;
    border: 0;
    color: #fff;
    font-size: 14px;
    margin-left: 5px
}

.teston-btn button.green {
    background: #94c750
}

.teston-btn button.blue {
    background: #169bd5
}


/*横着八个选项*/
.pupul8 {
    background: url('../../images/zysy/radio8.png') no-repeat;
    width: 846px;
    height: 50px;
    background-position: -16px -414px;
    margin: 0 auto;
}

.pupul8 li {
    width: 12%;
    float: left;
    padding-top: 55px;
}

.pupul8 li:hover {
    cursor: pointer;
}

.pupul8 li a {
    color: #999;
    font-size: 14px;
    font-weight: normal;
    display: block;
    text-align: center;
}

/*横着六个选项*/
.pupul6 {
    background: url('../../images/zysy/radio6.png') no-repeat;
    width: 612px;
    height: 50px;
    background-position: -24px -293px;
    margin: 0 auto;
}

.pupul6 li {
    width: 16.1%;
    float: left;
    padding-top: 55px;
}

.pupul6 li:hover {
    cursor: pointer;
}

.pupul6 li a {
    color: #999;
    font-size: 14px;
    font-weight: normal;
    display: block;
    text-align: center;
}



/*横着五个选项*/
.pupul1 {
    background: url('../../images/zysy/radio.png') no-repeat;
    width: 500px;
    height: 50px;
    background-position: 30px -250px;
    margin: 0 auto;
}

.pupul1 li {
    width: 20%;
    float: left;
    padding-top: 55px;
}

.pupul1 li:hover {
    cursor: pointer;
}

.pupul1 li a {
    color: #999;
    font-size: 14px;
    font-weight: normal;
    display: block;
    text-align: center;
}

/*.pupul1-1 {
  margin-right: 47px;
}

.pupul1-2 {
  margin-right: 70px;
}

.pupul1-3 {
  margin-right: 41px;
}

.pupul1-4 {
  margin-right: 67px;
}

.pupul1 .pupul1-5 {
  width: 30px
}*/

/*竖着两个选项*/
ul.pupul2 {
    background: url('../../images/zysy/radio_v.png') no-repeat 0 0;
}

.pupul2 {
    width: 500px;
    height: 100px;
    margin: 0 auto;
    position: absolute;
    bottom: 25%;
    left: 30%;
}

.pupul2 li {
    height: 50px;
    line-height: 50px;
    padding-left: 60px;
}

.pupul2 li:hover {
    cursor: pointer;
}

.pupul2 li a {
    color: #999;
    font-size: 14px;
    font-weight: normal;
}

/*横着四个选项*/
.pupul3 {
    background: url('../../images/zysy/radio4.png') no-repeat;
    width: 500px;
    height: 50px;
    background-position: 30px -251px;
    margin: 0 auto;
}

.pupul3 li {
    width: 25%;
    float: left;
    padding-top: 55px;
}

.pupul3 li:hover {
    cursor: pointer;
}

.pupul3 li a {
    color: #999;
    font-size: 14px;
    font-weight: normal;
    display: block;
    text-align: center;
}

/*竖着四个选项*/
ul.pupul44 {
    background: url('../../images/zysy/radio44.png') no-repeat 0 0;
    background-position: 0px -50px;
}


.pupul44 {
    width: 530px;
    height: 200px;
    margin: 0 auto;
    position: absolute;
    bottom: 13%;
    left: 35%;
}

.pupul44 li {
    height: 50px;
    line-height: 50px;
    padding-left: 60px;
}

.pupul44 li:hover {
    cursor: pointer;
}

.pupul44 li a {
    color: #999;
    font-size: 14px;
    font-weight: normal;
}

/*竖着三个选项*/
ul.pupul4 {
    background: url('../../images/zysy/radio3.png') no-repeat 0 0;
    background-position: 0px 4px;
}

.pupul4 {
    width: 500px;
    height: 150px;
    margin: 0 auto;
    position: absolute;
    bottom: 25%;
    left: 30%;
}

.pupul4 li {
    height: 50px;
    line-height: 50px;
    padding-left: 60px;
}

.pupul4 li:hover {
    cursor: pointer;
}

.pupul4 li a {
    color: #999;
    font-size: 14px;
    font-weight: normal;
}

/*六选三选课2*/
.pr120 {
    padding-right: 120px;
}

.advantage {
}

.right-success {
    height: 40px;
    line-height: 40px;
    text-align: left;
    color: #3cb034;
    background: url(../../images/zysy/ok.png) no-repeat left center;
    padding-left: 25px;
}

/*hideDiv*/
.hideDIv1, .hideDIv2, .hideDIv3, .hideDIv4 {
    display: none;
    overflow: hidden
}

.hideDIv {
    text-align: left;
}

.hideDiv-title {
    height: 40px;
    line-height: 40px;
    color: #221815;
    font-size: 16px;
    background: url(../../images/zysy/led.png) no-repeat left center;
    padding-left: 25px;
}

.hideDIvTable {
    width: 100%;
    border: 1px solid #bfbfbf;
    border-top: 0;
    border-bottom: 0;
    margin-bottom: 15px;
}

.hideDIvTable th {
    height: 38px;
    line-height: 38px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    background: #3cc9c3;
}

.hideDIvTable td {
    height: 38px;
    line-height: 38px;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
}

.hideDIvTable td span {
    font-weight: bold
}

.hideDIv button.hideDIvBtn {
}

.hideDIvTable1 {
    width: 100%;
    border: 1px solid #bfbfbf;
    margin-bottom: 15px;
}

.hideDIvTable1 th {
    height: 38px;
    line-height: 38px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    background: #3cc9c3;
}

.hideDIvTable1 td {
    height: 38px;
    line-height: 38px;
    text-align: center;
    border-top: 1px solid #e5e5e5;
    border-left: 1px solid #bfbfbf
}

.hideDIvTable1 td span {
    font-weight: bold
}

.hideDIvTable2 {
    width: 100%;
    border: 1px solid #bfbfbf;
    margin-bottom: 15px;
}

.hideDIvTable2 th {
    height: 38px;
    line-height: 38px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    background: #3cc9c3;
}

.hideDIvTable2 td {
    vertical-align: central;
    text-align: center;
    border-top: 1px solid #e5e5e5;
    border-left: 1px solid #bfbfbf;
    padding: 4px 10px;
}

.hideDIvTable2 .bb {
    border-bottom: 1.5px solid #bfbfbf;
}

.hideDIvTable2 td span {
    font-weight: bold
}

.hideDIvTable2 td p {
    font-size: 12px;
    line-height: 20px;
}

.hideDIvP {
    color: #6d7882;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 20px;
}

.hideDIvH1 {
    color: #169bd5;
    height: 40px;
    line-height: 40px;
}

.hei120, .hei130, .hei150 {
    height: 120px;
}

/*查看报告选时间*/
.my-dropdown {
    top: 39px;
    width: 120px;
    /*max-height: 120px;*/
    min-width: 0;
    margin: 0;
    border-radius: 0 0 5px 5px;
    overflow: auto;
    z-index: 1002;
}

.date-item {
    cursor: pointer;
}

.inner-content {
    position: relative;
}

.check_profession_h2a {
    margin-top: 20px;
}

.check_score_div input.btn {
    border: 1px solid #dedede;
}

.content1 img {
    vertical-align: baseline;
}

.rtarget {
    margin-right: 10px;
    display: inline-block;
    float: right;
}

.settarget a {
    text-indent: 2px;
}

/*生涯讲堂生涯词典*/
.dictionaryBanner {
    clear: both;
    height: 308px;
    background: #ffd183 url(../../images/zysy/dictionaryBanner.jpg) no-repeat center center;
}

.ul-diction {
    margin-left: -44px;
}

.ul-diction li {
    float: left;
    width: 370px;
    height: 362px;
    margin-left: 44px;
    margin-bottom: 34px;
    border: 1px solid #d6d6d6;
    border-top: 4px solid #43cbc4;
    position: relative
}

.ul-diction li:hover {
    border-top-color: #ff9c31
}

.h1-dictionary {
    height: 97px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    background: #fafafa;
    line-height: 30px;
    font-size: 20px;
    font-weight: bold;
}

.detail-dictionary {
    height: 103px;
    padding: 15px;
    border-bottom: 1px dashed #bebebe;
}

.detail-dictionary h1 {
    height: 46px;
    line-height: 46px;
    padding-left: 55px;
    position: relative;
    font-size: 16px;
    color: #373737;
    margin-bottom: 10px
}

.detail-dictionary h1 img {
    position: absolute;
    left: 0;
    top: 0
}

.detail-dictionary span {
    float: left;
    background: url(../../images/zysy/jfdetail-img3.jpg) no-repeat left center;
    padding-left: 20px;
}

.detail-dictionary span b {
    font-weight: normal;
    color: #eb658a;
    padding: 0 4px
}

.detail-dictionary em {
    float: right;
    background: url(../../images/zysy/jfdetail-img2.jpg) no-repeat left center;
    padding-left: 20px;
    font-style: normal
}

.p-dictionary {
    padding: 15px;
}

.p-dictionary p {
    color: #4e4e4e;
    line-height: 30px;
    margin-bottom: 10px;
}

.p-dictionary span {
    float: left;
    width: 75px;
    height: 25px;
    color: #fff;
    background: #43cbc4 url(../../images/zysy/dictionary-tipsBg.jpg) no-repeat right;
    padding-left: 10px;
}

.p-dictionary .d-tips {
    clear: both;
    width: 172px;
    position: absolute;
    right: 15px;
    bottom: 15px;
}

.p-dictionary .d-tips button {
    float: left;
    margin-left: 8px;
    width: 78px;
    height: 30px;
    line-height: 30px;
    border-radius: 2px;
    border: 1px solid #c2c2c2;
    color: #4e4e4e
}

.p-dictionary .d-tips button.btn-share {
    background: url(../../images/zysy/btn-share.png) no-repeat 4px center;
    padding-left: 20px
}

.p-dictionary .d-tips button.btn-more {
    background: url(../../images/zysy/btn-more.png) no-repeat 62px center;
    padding-left: 4px
}

.p-dictionary .d-tips button.btn-share:hover {
    background: #ff9c31 url(../../images/zysy/btn-share-hover.png) no-repeat 4px center;
    color: #fff;
    border: 1px solid #ff9c31
}

.p-dictionary .d-tips button.btn-more:hover {
    background: #ff9c31 url(../../images/zysy/btn-more-hover.png) no-repeat 62px center;
    color: #fff;
    border: 1px solid #ff9c31
}

/*生涯讲堂生涯词典文章详细*/
.diction-artdetail {
    width: 820px;
    margin: 0 auto
}

.diction-h1 {
    padding-top: 20px;
    line-height: 40px;
    color: #373737;
    font-size: 24px;
    text-align: center
}

.diction-h2 {
    line-height: 40px;
    padding-bottom: 20px;
    color: #bababa;
    text-align: center;
    border-bottom: 1px dashed #ccc;
    margin-bottom: 20px
}

.diction-h2 span {
    margin-right: 10px
}

.diction-erweima {
    width: 196px;
    margin: 10px auto 30px;
    text-align: center;
}

.diction-erweima img {
    margin-bottom: 10px
}

.diction-artdetail p {
    text-indent: 2em;
    line-height: 30px;
    font-size: 14px;
    color: #4e4e4e
}

.diction-textMore {
    margin-top: 20px;
    border-top: 1px dashed #bebebe;
    line-height: 28px;
    padding: 15px 0;
    color: #848484
}

/*专家名师*/
.teach {
    min-height: 600px;
    padding-top: 64px;
    background: url(../../images/zysy/teach-imgBg.jpg) no-repeat center top
}

.teach-imgBg {
    text-align: center;
    margin-bottom: 20px
}

.teach-imgBg img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 137px;
    height: 137px;
    border: 8px solid rgba(255, 255, 255, .5);
    border-radius: 137px;
    margin-bottom: 15px
}

.teach-imgBg h1 {
    line-height: 40px;
    font-size: 24px
}

.teach-imgBg p {
    line-height: 30px;
    color: #909090;
    font-size: 14px
}

.teach-imgBg p span {
    font-size: 12px;
    padding-left: 10px;
    padding-right: 10px;
    color: #a1a1a1
}

/* 本例子css */
.teacherBox {
}

.teacherBox .hd {
    height: 50px;
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 20px
}

.teacherBox .hd ul {
    width: 240px;
    margin: 0 auto
}

.teacherBox .hd ul li {
    float: left;
    width: 54px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    margin-right: 26px;
    display: inline;
    font-size: 16px;
    color: #898989;
    cursor: pointer;
}

.teacherBox .hd ul li.on {
    height: 50px;
    color: #323232;
    border-bottom: 2px solid #5395ca
}

.teach-mess {
    width: 40%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
}

.teach-mess h1 {
    line-height: 50px;
    font-size: 16px;
    color: #000
}

.teach-mess p {
    line-height: 30px;
    color: #000
}

.teach-mess p span {
    display: inline-block;
    width: 90px;
    text-align: right;
    padding-right: 10px;
    color: #898989
}

.teach-mess p button {
    color: #999;
    padding: 0 12px;
    cursor: default;
    display: inline-block;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.teach-mess p button:hover {
    color: #999;
}

/*  */
.ul_teach li {
    width: 100%;
    height: 130px;
    padding: 17px 12px 14px 112px;
    position: relative;
    background: #fff;
    overflow: hidden;
    box-sizing: border-box;
    transition: background 1s;
    border-bottom: 1px dashed #d1d1d1
}

.ul_teach li h1 {
    color: #000;
    font-size: 15px;
    padding-bottom: 4px;
    font-weight: bold;
    margin-bottom: 10px
}

.ul_teach li p {
    color: #888787;
    font-size: 14px;
    line-height: 24px;
}

.ul_teach li span {
    position: absolute;
    left: 12px;
    top: 20px;
    width: 82px;
    height: 82px;
    border: 1px solid #379ce2;
    border-radius: 3px;
    text-align: center;
    color: #379ce2;
    transition: all 1s linear;
}

.ul_teach li span i {
    display: block;
    line-height: 40px;
    font-size: 30px;
    font-weight: bold;
    font-style: normal;
    transition: color 2s
}

.ul_teach li span b {
    display: block;
    font-size: 14px;
    line-height: 30px;
    font-weight: normal;
    transition: color 2s
}

.ul_teach li:hover, .ul_teach li.on {
    display: block;
    background: #f8f8f8;
}

.ul_teach li:hover span, .ul_teach li.on span {
    background: #379ce2
}

.ul_teach li:hover span b, .ul_teach li:hover span i, .ul_teach li.on span b, .ul_teach li.on span i {
    color: #fff
}

.ul-teachImg {
    margin-left: -60px;
}

.ul-teachImg li {
    float: left;
    width: 149px;
    margin-left: 60px;
    font-size: 14px
}

.ul-teachImg li img {
    width: 147px;
    height: 208px;
    border: 1px solid #e1e1e1;
}

.ul-teachImg li p {
    line-height: 40px;
    text-align: center;
    color: #595959
}

.ul-teachImg li:hover p {
    color: #d54343
}

/*打印分页*/
@media print {
    .top-container {
        display: none;
    }

    .print-hide {
        display: none;
    }

    #iframeid {
        display: none;;
    }

    .position {
        display: none;
    }

    input {
        display: none;
    }

    .footer, footer, .friendship {
        display: none;
    }

    .report-container {
        border: none;
        width: 1000px;
        margin: 0 auto;
    }

    .report-line {
        display: none;
    }

    .report-print-btn {
        display: none;
    }

    .report-cover {
        margin-top: 60%;
    }

    .next-page {
        page-break-after: always;
    }

    .report-hei160, .slideTxtBox, .ul-ddrw, .hei120, .hei150, .hei140, .hei130 {
        height: auto;
    }

    p, table tr td, div, ul li, a, span {
        font-size: 1.4rem !important;
    }

    .xxdj-report-div1-h1 {
        font-size: 3rem;
    }

    .h1-title, .h2-title {
        margin-top: 10px;
    }

    .report-title5, .report-title3 {
        font-size: 1.2rem !important;
    }

    h4 {
        font-size: 1.4rem !important;
    }

    h3 {
        font-size: 1.6rem !important;
    }

    h2 {
        font-size: 1.8rem !important;
    }

    .xxdj-report-div2-1 h2 {
        font-size: 1.2rem !important;
    }

    .caption {
        font-size: 1rem !important;
    }
}

/*学习策略推送表格*/
.push-tab {
    width: 80%;
    margin: 10px auto;
}

.push-tab tr td {
    height: 30px;
    line-height: 30px;
    border: 1px solid #c7c7c7;
    text-align: center;
}

/*选择打印报告*/
.report-list {
    display: none;
    position: absolute;
    right: 0;
    z-index: 999;
    width: 330px;
    background: #fff;
    border: 1px solid #c7c7c7;
    padding: 30px 20px;
}

.report-list ul {
    display: inline-block;
    margin-left: 35px;
}

.report-list ul li {
    float: left;
    width: 120px;
}

.report-list button {
    float: right;
    margin-right: 50px;
    height: 30px;
    line-height: 20px;
}

/*图表样式*/
.chart {
    height: 600px;
    width: 900px;
    margin: 0 auto;
}

/*新高考联盟*/
.ban-union {
    clear: both;
    height: 535px;
    background: url(../../images/zysy/ban-union-bg.jpg) repeat-x center top;
}

.ban-unionImg {
    height: 535px;
    background: url(../../images/zysy/ban-union.jpg) no-repeat center top;
    position: relative
}

.ban-unionImg p {
    position: absolute;
    top: 0;
    right: 152px;
    width: 190px;
    height: 126px;
}

.ban-unionImg p a, .ban-unionImg p a:link {
    display: block;
    height: 535px;
}

.ban-unionImg p a:hover {
    display: block;
}

.union-col1 {
    height: 747px;
    padding-top: 60px;
    background: #f2fbff url(../../images/zysy/union-bg01.jpg) repeat-x center bottom;
    background-size: 100%;
}

.union-col1 p {
    color: #595959;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
}

.union-col1 .union-col1main {
    padding-top: 45px;
}

.union-col1 .union-left01 {
    position: relative;
    float: left;
    width: 510px;
    height: 367px;
    margin-left: 20px;
}

.union-col1 .union-right01 {
    float: right;
    width: 535px;
    height: 405px;
    margin-right: 66px;
    background: url(../../images/zysy/union-col1-img01.png) no-repeat left top;
    position: relative
}

.union-col1 .union-right01 ul {
    position: absolute;
    left: 20px;
    bottom: 0;
    width: 562px;
}

.union-col1 .union-right01 li {
    float: left;
    width: 132px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    margin-right: 57px;
}

.union-col2 {
    min-height: 750px;
    padding-top: 60px;
    background: #439bff;
    padding-bottom: 20px;
}

.union-col3 {
    height: 910px;
    padding-top: 60px;
    background: #fff;
}

.union-col4 {
    height: 785px;
    padding-top: 60px;
    background: #439bff;
}

.union-col4 p {
    color: #fff;
    font-size: 16px;
    line-height: 26px;
}

.union-col4 h1 {
    color: #f6f9ff;
    font-size: 24px;
    line-height: 60px;
    padding-top: 20px;
    text-align: center;
    margin-bottom: 30px
}

.union-col4 .union-col4-div {
    width: 940px;
    margin-left: auto;
    margin-right: auto;
}

.union-col4 .union-bg1 {
    float: left;
    width: 174px;
    height: 256px;
    margin-right: 12px;
    padding: 160px 12px 0 12px;
    font-size: 15px;
    color: #fff;
    font-weight: bold;
}

.union-col4 .union-bg2 {
    float: left;
    width: 174px;
    height: 256px;
    margin-right: 12px;
    margin-top: 79px;
    padding: 40px 12px 0 12px;
    font-size: 15px;
    color: #fff;
    font-weight: bold;
}

.union-col4 .union-bg01 {
    background: url(../../images/zysy/union-col4-img01.png) no-repeat;
}

.union-col4 .union-bg02 {
    background: url(../../images/zysy/union-col4-img02.png) no-repeat;
}

.union-col4 .union-bg03 {
    background: url(../../images/zysy/union-col4-img03.png) no-repeat;
}

.union-col4 .union-bg04 {
    background: url(../../images/zysy/union-col4-img04.png) no-repeat;
}

.union-col4 .union-bg05 {
    background: url(../../images/zysy/union-col4-img05.png) no-repeat;
}

.union-col5 {
    height: 710px;
    padding-top: 60px;
    background: #f2fbff url(../../images/zysy/union-bg01.jpg) repeat-x center bottom;
    background-size: 100%;
}

.union-col5 ul {
    padding-left: 55px;
    padding-top: 60px;
}

.union-col5 ul li {
    float: left;
    width: 198px;
    height: 194px;
    position: relative;
}

.union-col5 ul li p {
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 20px;
    color: #fff;
    width: 100%;
    text-align: center;
    padding-bottom: 20px;
}

.union-col5 ul li.img01 {
    background: url(../../images/zysy/union-col5-img01.png) no-repeat
}

.union-col5 ul li.img02 {
    background: url(../../images/zysy/union-col5-img02.png) no-repeat
}

.union-col5 ul li.img03 {
    background: url(../../images/zysy/union-col5-img03.png) no-repeat
}

.union-col5 ul li.img04 {
    background: url(../../images/zysy/union-col5-img04.png) no-repeat
}

.union-col5 ul li.noImg {
    width: 107px;
    background: url(../../images/zysy/union-col5-img05.png) no-repeat center center
}

.btn-union-col5 {
    position: absolute;
    left: 50%;
    bottom: 80px;
    margin-left: -119px;
    width: 239px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: #facc04;
    color: #593e3e;
    font-size: 24px;
    border-radius: 3px;
    border: 0;
}

.union-col6 {
    height: 788px;
    padding-top: 60px;
    background: url(../../images/zysy/union-bg06.jpg) no-repeat center top;
    background-size: 100% 100%;
}

.union-col6 .map {
    position: absolute;
    left: 50%;
    margin-left: -472px;
    top: 96px;
    width: 944px;
    height: 680px;
    background: url(../../images/zysy/map.png) no-repeat;
}

.h1-mapcc-btn {
    position: absolute;
    top: 164px;
    right: -29px;
    width: 151px;
    background: #fff;
}

.h1-mapdl-btn {
    position: absolute;
    top: 222px;
    right: 10px;
    width: 151px;
    background: #fff;
}

.h1-maphb-btn {
    position: absolute;
    top: 280px;
    right: 130px;
    width: 151px;
    background: #fff;
}

.h1-mapcc-btn {
    position: absolute;
    top: 164px;
    right: -29px;
    width: 151px;
    background: #fff;
}

.h1-mapdl-btn {
    position: absolute;
    top: 222px;
    right: 10px;
    width: 151px;
    background: #fff;
}

.h1-maphb-btn {
    position: absolute;
    top: 280px;
    right: 130px;
    width: 151px;
    background: #fff;
}

.h1-mapsc-btn {
    position: absolute;
    top: 430px;
    right: 380px;
    width: 151px;
    background: #fff;
}

.h1-mapsd-btn {
    position: absolute;
    top: 333px;
    right: 105px;
    width: 151px;
    background: #fff;
}

.h1-maphlj-btn {
    position: absolute;
    top: 100px;
    right: -20px;
    width: 151px;
    background: #fff;
}

.h1-mapcc-btn h1, .h1-mapdl-btn h1, .h1-maphb-btn h1, .h1-mapsc-btn h1, .h1-maphlj-btn h1, .h1-mapsd-btn h1 {
    width: 151px;
    height: 50px;
    background: url(../../images/zysy/map-green.jpg) top;
    line-height: 50px;
    padding-left: 50px;
    color: #fff;
    font-size: 22px;
    cursor: pointer
}

.h1-mapcc {
    display: none;
    position: absolute;
    top: 164px;
    right: -29px;
    z-index: 9999;
    width: 486px;
    background: rgb(255, 255, 255);
}

.h1-mapdl {
    display: none;
    position: absolute;
    top: 222px;
    right: 10px;
    z-index: 9999;
    width: 486px;
    background: rgb(255, 255, 255);
}

.h1-maphb {
    display: none;
    position: absolute;
    top: 280px;
    right: 130px;
    z-index: 9999;
    width: 486px;
    background: rgb(255, 255, 255);
}

.h1-mapsc {
    display: none;
    position: absolute;
    top: 240px;
    right: 380px;
    z-index: 9999;
    width: 486px;
    background: rgb(255, 255, 255);
}

.h1-mapsd {
    display: none;
    position: absolute;
    top: 333px;
    right: 105px;
    z-index: 9999;
    width: 486px;
    background: rgb(255, 255, 255);
}

.h1-maphlj {
    display: none;
    position: absolute;
    top: -90px;
    right: -20px;
    z-index: 9999;
    width: 486px;
    background: rgb(255, 255, 255);
}

.h1-mapcc h1, .h1-mapdl h1, .h1-maphb h1, .h1-mapsc h1, .h1-maphlj h1, .h1-mapsd h1 {
    width: 151px;
    height: 50px;
    background: url("../../images/zysy/map-blue.jpg") no-repeat;
    line-height: 50px;
    padding-left: 50px;
    color: #fff;
    font-size: 22px;
    cursor: default;
}

.map-cc-main {
    width: 486px;
    height: 191px;
    padding: 20px;
    position: relative
}

.map-cc-main h2 {
    line-height: 50px;
    font-size: 24px;
    color: #000
}

.map-cc-main p {
    line-height: 24px;
    width: 60%;
}

.map-cc-main img {
    position: absolute;
    right: 20px;
    top: 0;
}

.map-dl-main {
    width: 486px;
    height: 191px;
    padding: 20px;
    position: relative
}

.map-dl-main h2 {
    line-height: 50px;
    font-size: 24px;
    color: #000
}

.map-dl-main p {
    line-height: 24px;
    width: 60%;
}

.map-dl-main img {
    position: absolute;
    right: 20px;
    top: 0;
}

.map-hb-main {
    width: 486px;
    height: 191px;
    padding: 20px;
    position: relative
}

.map-hb-main h2 {
    line-height: 50px;
    font-size: 24px;
    color: #000
}

.map-hb-main p {
    line-height: 24px;
    width: 60%;
}

.map-hb-main img {
    position: absolute;
    right: 20px;
    top: 0;
}

.map-hlj-main {
    width: 486px;
    height: 191px;
    padding: 20px;
    position: relative
}

.map-hlj-main h2 {
    line-height: 50px;
    font-size: 24px;
    color: #000
}

.map-hlj-main p {
    line-height: 24px;
    width: 60%;
}

.map-hlj-main img {
    position: absolute;
    right: 20px;
    top: 0;
}

.map-sd-main {
    width: 486px;
    height: 191px;
    padding: 20px;
    position: relative
}

.map-sd-main h2 {
    line-height: 50px;
    font-size: 24px;
    color: #000
}

.map-sd-main p {
    line-height: 24px;
    width: 60%;
}

.map-sd-main img {
    position: absolute;
    right: 20px;
    top: 0;
}

.map-sc-main {
    width: 486px;
    height: 191px;
    padding: 20px;
    position: relative
}

.map-sc-main h2 {
    line-height: 50px;
    font-size: 24px;
    color: #000
}

.map-sc-main p {
    line-height: 24px;
    width: 60%;
}

.map-sc-main img {
    position: absolute;
    right: 20px;
    top: 0;
}

.union-title-black {
    width: 450px;
    height: 71px;
    line-height: 71px;
    text-align: center;
    color: #3d3d3d;
    font-size: 34px;
    border: 2px solid #a0a0a0;
    border-radius: 3px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 32px;
}

.union-title-white {
    width: 450px;
    height: 71px;
    line-height: 71px;
    text-align: center;
    color: #fff;
    font-size: 34px;
    border: 2px solid #fff;
    border-radius: 3px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 32px
}

/* 本例子css */
.sideMenu {
    width: 918px;
    margin-left: auto;
    margin-right: auto;
}

.sideMenu h3 {
    height: 59px;
    line-height: 59px;
    padding-left: 79px;
    font-size: 24px;
    cursor: pointer;
}

.sideMenu h3.h3-1 {
    background: #fff url(../../images/zysy/union-col2-img01.jpg) no-repeat left top
}

.sideMenu h3.h3-2 {
    background: #fff url(../../images/zysy/union-col2-img02.jpg) no-repeat left top
}

.sideMenu h3.h3-3 {
    background: #fff url(../../images/zysy/union-col2-img03.jpg) no-repeat left top
}

.sideMenu h3.h3-4 {
    background: #fff url(../../images/zysy/union-col2-img04.jpg) no-repeat left top
}

.sideMenu h3.h3-5 {
    background: #fff url(../../images/zysy/union-col2-img05.jpg) no-repeat left top
}

.sideMenu h3.h3-6 {
    background: #fff url(../../images/zysy/union-col2-img06.jpg) no-repeat left top
}

.sideMenu h3.h3-7 {
    background: #fff url(../../images/zysy/union-col2-img07.jpg) no-repeat left top
}

.sideMenu h3.h3-8 {
    background: #fff url(../../images/zysy/union-col2-img08.jpg) no-repeat left top
}

.sideMenu h3 em {
    float: right;
    display: block;
    width: 39px;
    height: 39px;
    margin-top: 10px;
    margin-right: 10px;
    background: url(../../images/zysy/icoAdd-unfold.jpg) no-repeat;
    cursor: pointer;
}

.sideMenu h3.on em {
    background: url(../../images/zysy/icoAdd-fold.jpg) no-repeat
}

.sideMenu .sideMenudiv {
    height: 64px;
    padding-left: 79px;
    padding-right: 50px;
    font-size: 15px;
    line-height: 26px;
    background: #fff url(../../images/zysy/union-col2-bg.jpg) repeat-y left top;
    overflow: hidden
}

.side-mb10 {
    margin-bottom: 10px;
}

/*20170623新首页制作*/
.newIndex {
    width: 100%;
}

.newIndex-top {
    height: 39px;
    background: #003855;
    min-width: 1200px;
}

.newIndex-top h1 {
    float: left;
    line-height: 39px;
    color: #afb0b4;
    font-size: 12px;
}

.newIndex-top .container > ul {
    float: right;
    padding-right: 18px
}

.newIndex-top .container > ul > li {
    float: right;
    height: 39px;
    line-height: 39px;
    color: #afb0b4
}

.newIndex-top .container > ul > li.top-1 {
    padding-left: 30px;
    background: url(../../images/zysy/telephone.png) no-repeat left center;
}

.newIndex-top .container > ul > li.top-2 {
    padding: 0 10px;
    margin: 0 10px;
    padding-left: 25px;
    background: #1bcc34 url(../../images/zysy/login-photo.png) no-repeat 10px center;
}

.newIndex-top .container > ul > li.top-3 {
    padding-left: 25px;
    /*background: url(../../images/zysy/login-gh.png) no-repeat left center;*/
}

.newIndex-top .container > ul > li a, .newIndex-top .container > ul > li a:link, .newIndex-top .container > ul > li a:visited {
    color: #afb0b4
}

.newIndex-top .container > ul > li a.top-on {
    display: block;
    background: #1bcc34;
    color: #fff
}

.newIndex-header {
    position: relative;
    height: 96px;
    background: #fff no-repeat left center;

}
.logoSize{
    background-size:22%!important;
}

.newIndex-header .logo {
    position: absolute;
    line-height: 96px;
}

.newIndex-header .logo .logo-img {
    width: 40px;
    height: 40px;
    margin-right: 10px;
}

.newIndex-header .logo .logo-p {
    display: inline-block;
    vertical-align: middle;
    font: 700 25px '微软雅黑';
}

.newIndex-left {
    float: left;
    width: 898px;
}

.newIndex-right {
    float: right;
    width: 283px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb20 {
    margin-bottom: 20px;
}

/*main*/
.newIndex-title {
    height: 52px;
    border: 1px solid #dcdcdc;
    position: relative
}

.newIndex-title0 {
    height: 52px;
    border: 0;
    border-bottom: 1px solid #dcdcdc;
}

.newIndex-title h1 {
    color: #2280c1;
    font-size: 24px;
    line-height: 52px;
    text-indent: 1em;
}

.newIndex-title h1 span {
    color: #646464;
    padding-left: 15px;
    font-size: 12px
}

.newIndex-title em {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 30px;
    height: 30px;
}

.newIndex-left01 {
    height: 327px;
    position: relative;
    overflow: hidden;
    clear: both
}

/* 新闻资讯-css */
.xxzxBox {
}

.xxzxBox .hd {
    position: absolute;
    left: 140px;
    top: 16px;
    height: 50px;
    margin-bottom: 20px
}

.xxzxBox .hd ul.nav-tabs {
    border: none;
}

.xxzxBox .hd ul.nav-tabs li {
    float: left;
    width: 84px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    font-size: 12px;
    color: #646464;
    cursor: pointer;
}

.xxzxBox .hd ul.nav-tabs li a {
    height: 22px;
    line-height: 22px;
    padding: 0;
    background: none;
    border: none;
}

.xxzxBox .hd ul.nav-tabs li.on, .xxzxBox .hd ul.nav-tabs li.active {
    height: 22px;
    color: #fff;
    background: #379ce2;
    border: none;
}

.xxzxBox .hd ul.nav-tabs li.active a {
    color: #fff;
    border: none;
}

.xxzxBox .bd, .xxzxBox .tab-content {
    padding-top: 13px;
    position: relative
}

.newIndex-more {
    position: absolute;
    right: 10px;
    top: -40px;
}

.newIndex-left02 {
    height: 307px;
    border: 1px solid #dcdcdc;
}

.newIndex-left02-left {
    float: left;
    width: 179px;
    height: 305px;
}

.newIndex-left02-right {
    float: right;
    width: 700px;
    height: 305px;
}

/*生涯资源-css */
.jfzyBox {
}

.jfzyBox .hd {
    padding-top: 17px;
    padding-bottom: 17px;
    margin-bottom: 5px
}

.jfzyBox .hd ul.nav-tabs {
    border: none;
}

.jfzyBox .hd ul.nav-tabs li {
    float: left;
    width: 84px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    font-size: 12px;
    color: #646464;
    cursor: pointer;
}

.jfzyBox .hd ul.nav-tabs li a {
    height: 22px;
    line-height: 22px;
    padding: 0;
    background: none;
    border: none;
}

.jfzyBox .hd ul.nav-tabs li.on, .jfzyBox .hd ul.nav-tabs li.active {
    height: 22px;
    color: #fff;
    background: #379ce2
}

.jfzyBox .hd ul.nav-tabs li.active a {
    color: #fff;
    border: none;
}

.jfzyBox .bd {
    clear: both;
    padding-top: 13px;
    position: relative
}

.jfzyBox-more {
    position: absolute;
    right: 10px;
    top: -50px;
}

.ul-jfzyBox {
    margin-left: 13px;
}

.ul-jfzyBox li {
    float: left;
    width: 195px;
    height: 222px;
    margin-right: 35px;
    background: #f8f8f8;
}

.ul-jfzyBox li .imgDiv {
    width: 195px;
    height: 129px;
    overflow: hidden
}

.ul-jfzyBox li .imgDiv img {
    transition: transform 0.2s linear;
    width: 100%;
    height: 100%;
}

.ul-jfzyBox li .imgDiv img:hover {
    transform: scale(1.2)
}

.ul-jfzyBox li p {
    padding: 5px 12px;
    line-height: 24px;
    text-align: justify;
    font-size: 14px;
    color: #666;
}

.ul-jfzyBox li h1 {
    padding-left: 12px;
    padding-right: 12px;
    line-height: 24px;
    font-size: 14px;
    font-weight: bold;
    position: relative
}

.ul-jfzyBox li h1 span {
    position: absolute;
    right: 12px;
    bottom: 0;
    font-weight: normal;
    color: #f79111;
    background: url(../../images/zysy/newIndex-left02-03.jpg) no-repeat left center;
    padding-left: 25px;
}

.newIndex-left03 {
    height: 307px;
    border: 1px solid #dcdcdc;
}

.newIndex-left03-left {
    float: left;
    width: 179px;
    height: 305px;
}

.newIndex-left03-right {
    float: right;
    width: 717px;
    height: 305px;
}

.ul-zjmsBox li {
    float: left;
    width: 238px;
    height: 300px;
    padding-top: 30px;
    background: #fff;
    text-align: center;
    border-right: 1px solid #dcdcdc;
    transition: background 0.5s linear
}

.ul-zjmsBox li img {
    width: 100px;
    height: 100px;
    border-radius: 100px;
}

.ul-zjmsBox li h1 {
    padding-top: 13px;
    padding-bottom: 16px;
    font-size: 24px;
    color: #5c5c5c
}

.ul-zjmsBox li p {
    padding-bottom: 10px;
    line-height: 14px;
    font-size: 14px;
    color: #828385;
}

.ul-zjmsBox li button {
    width: 89px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 20px;
    background: #f79111;
    color: #fff;
    border: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    transition: background 0.5s linear
}

.ul-zjmsBox li:hover {
    background: #f8f8f8;
}

.ul-zjmsBox li:hover button {
    background: #21a0db;
}

.newIndex-right01 {
    height: 312px;
    border: 1px solid #dcdcdc;
}

.newLoginTop {
    height: 177px;
    padding-top: 20px;
    border-bottom: 1px solid #e5e5e5;
    background: url(../../images/zysy/newIndex-right1-01.jpg) no-repeat;
    text-align: center;
    color: #373737
}

.newLoginTop img {
    width: 71px;
    height: 71px;
    border-radius: 71px;
}

.newLoginTop h1 {
    font-size: 14px;
    padding-top: 13px;
    padding-bottom: 14px;
}

.newLoginTop h1 a, .newLoginTop h1 a:link, .newLoginTop h1 a:visited {
    color: #373737
}

.newLoginTop p {
    font-size: 14px;
    line-height: 14px
}

.ul-newLogin {
    padding-top: 22px;
}

.ul-newLogin li {
    float: left;
    width: 33.3333%;
    text-align: center;
    display: inline
}

.newIndex-right02 {
    height: 404px;
    border: 1px solid #dcdcdc;
}

/*生涯热搜-css */
.syrsBox .hd {
    height: 50px;
}

.syrsBox .hd ul li {
    float: left;
    width: 50%;
    height: 42px;
    line-height: 42px;
    text-align: center;
    font-size: 14px;
    color: #646464;
    background: #eaeaea;
    cursor: pointer;
}

.syrsBox .hd ul li.on {
    height: 42px;
    color: #fff;
    background: #379ce2;
}

.syrsBox .bd {
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
}

.nav-syrsBox li {
    padding-left: 35px;
    height: 32px;
    line-height: 32px;
    border-bottom: 1px dashed #cdcdcd;
    text-align: left;
    font-size: 14px;
    position: relative;
    color: #646464
}

.nav-syrsBox li:hover {
    cursor: pointer;
    background: #e3e3e3;
}

.nav-syrsBox li span {
    position: absolute;
    left: 0;
    top: 8px;
    width: 24px;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    background: #d9d9d9;
    color: #fff;
    text-align: center;
}

.nav-syrsBox li span.orange {
    height: 22px;
    top: 5px;
    background: url(../../images/zysy/newIndex-right2-01.png) no-repeat;
    font-size: 0
}

.nav-syrsBox li span.red {
    height: 22px;
    top: 5px;
    background: url(../../images/zysy/newIndex-right2-02.png) no-repeat;
    font-size: 0;
}

.nav-syrsBox li span.blue {
    height: 22px;
    top: 5px;
    background: url(../../images/zysy/newIndex-right2-03.png) no-repeat;
    font-size: 0
}

.nav-syrsBox li a, .nav-syrsBox li a:link {
    color: #646464
}

.newIndex-right03 {
    height: 210px;
    border: 1px solid #dcdcdc;
}

/*end main*/

/*个人信息*/
.grzx_person_base_info dt {
    border-radius: 0px;
}

.block_div ul li {
    position: relative;
}

.zjfw ul li {
    width: 115px;
}

.zjfw ul span {
    overflow: hidden;
    word-break: break-all;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*修改头像*/
#avatarMain {
    margin: 0;
}

#avatarLeft {
    float: left;
    width: 550px;
    height: 300px;
}

#avatarRight {
    float: right;
    margin-right: 113px;
}

#avatarLocal {
    height: 300px;
    padding: 0 25px;
}

#avatarRightContent {
    padding: 25px;
    padding-top: 0;
    text-align: center;
    width: 150px;
    overflow: hidden;
}

.avatarSelectImg {
    position: relative;
    /* bottom: 0;
   right: 90px;*/
}

#avatarContent p {
    padding: 20px 0;
}

.avatarSelectImg .avatar-file-btn {
    height: 30px;
    line-height: 30px;
    width: 100px;
    text-align: center;
    border: none;
    margin: 0;
    padding: 0;
}

.avatarSelectImg .avatar-file {
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    height: 30px;
    line-height: 30px;
    width: 100px;
}

.left0-top0 {
    left: 80px;
    top: 5px;
}

.left180-top20 {
    left: 180px;
    top: 20px;
}

#avatarContent .avatar-file-msg {
    color: #999;
    display: inline-block;
    margin-left: 6px;
    text-align: left;
}

#avatarLocalCrop {
    background-color: #ddd;
    width: 400px;
    height: 300px;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);
}

#avatarLocalCropImg {
    max-height: 300px;
    max-width: 400px;
    margin: 0 auto;
}

.preview-container {
    width: 100px;
    height: 100px;
    overflow: hidden;
}

.jcrop-holder {
    display: inline-block;
    text-align: center;
}

#IEpreviewContent {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);
}

.check_score_div input.btn {
    border: 1px solid #dedede;
}

/*我的规划-new*/
.plan-border {
    border: 1px dashed #bfbfbf;
    padding: 2px;
    background: #fff;
    min-height: 210px;
    position: relative
}

.plan-table {
    float: left;
    width: 900px;
    padding-top: 30px;
}

.plan-guide {
    border: 1px dashed #bfbfbf;
    background: #fff;
    position: relative;
    padding-left: 100px;
    padding-right: 100px
}

.plan-hei180 {
    border: 1px dashed #4f9ed7;
    background: #fafafa;
    min-height: 180px;
    border-radius: 10px;
    padding: 25px 20px;
}

.plan-guide-l {
    float: left;
    width: 90px;
    margin-left: 15px;
}

.plan-guide-l h3, .plan-guide-r h3 {
    height: 25px;
    line-height: 25px;
    background: #54c4f2;
    font-size: 15px;
    color: #fff;
    margin-bottom: 5px;
    text-align: center
}

.plan-guide-l h4, .plan-guide-r h4 {
    padding-top: 15px;
    font-size: 16px;
    text-align: center;
    color: #4e4e4e
}

.plan-guide-r {
    float: right;
    width: 90px;
    margin-right: 15px;
}

.test-mb40 {
    margin-bottom: 40px;
}

.ul-plan {
    height: 200px;
}

.ul-plan li {
    position: relative;
    float: left;
    width: 114px;
    height: 25px;
    line-height: 25px;
    border: 1px solid #419fdb;
    margin: 0 6px 14px 6px;
    text-align: center;
    color: #48a1e5;
    font-size: 15px;
    cursor: pointer;
}

.ul-plan li span {
    font-size: 20px;
    font-weight: bold;
    width: 100%;
    height: 100%;
    display: block;
}

.ul-plan li a, .ul-plan li a:link, .ul-plan li a:visited {
    color: #48a1e5;
    width: 100%;
    height: 100%;
    display: block;
}

/*我的规划推荐专业，推荐职业*/
.mult-item-a {
    display: block;
    /*height: 20px;*/
    line-height: 20px;
}

/*图标*/
.glyphicon-leaf.green {
    background: url(../../images/icon/glyphicon-leaf-green.png) no-repeat;
    width: 20px;
    height: 20px;
    font-size: 0;
    margin-top: 6px;
    float: left;
}

.glyphicon-pencil.green {
    background: url(../../images/icon/glyphicon-pencil-green.png) no-repeat;
    width: 13px;
    height: 13px;
    font-size: 0;
    overflow: hidden;
}

.glyphicon-cog.green {
    background: url(../../images/icon/glyphicon-cog-green.png) no-repeat;
    width: 13px;
    height: 13px;
    font-size: 0;
    overflow: hidden;
}

.glyphicon-plus.green {
    background: url(../../images/icon/glyphicon-plus-green.png) no-repeat;
    width: 13px;
    height: 13px;
    font-size: 0;
    overflow: hidden;
}

.glyphicon-trash.red {
    background: url(../../images/icon/glyphicon-trash-red.png) no-repeat;
    width: 13px;
    height: 13px;
    font-size: 0;
    overflow: hidden;
}

.glyphicon-hand-right.red {
    background: url(../../images/icon/glyphicon-hand-right-red.png) no-repeat;
    width: 13px;
    height: 13px;
    font-size: 0;
    overflow: hidden;
}

abbr i.glyphicon-thumbs-up {
    background: url(../../images/icon/glyphicon-thumbs-up-blue.png) no-repeat;
    width: 13px;
    height: 13px;
    font-size: 0;
    overflow: hidden;
}

.glyphicon-zoom-in.red {
    background: url(../../images/icon/glyphicon-zoom-in-red.png) no-repeat;
    width: 13px;
    height: 13px;
    font-size: 0;
    overflow: hidden;
}

.glyphicon-repeat.blue {
    background: url(../../images/icon/glyphicon-repeat-blue.png) no-repeat;
    width: 13px;
    height: 13px;
    font-size: 0;
    overflow: hidden;
}

.glyphicon-cog.blue {
    background: url(../../images/icon/glyphicon-cog-blue.png) no-repeat;
    width: 13px;
    height: 13px;
    font-size: 0;
    overflow: hidden;
}

.glyphicon-hand-right.blue {
    background: url(../../images/icon/glyphicon-hand-right-blue.png) no-repeat;
    width: 13px;
    height: 13px;
    font-size: 0;
    overflow: hidden;
}

.glyphicon-arrow-down.blue {
    background: url(../../images/icon/glyphicon-arrow-down-blue.png) no-repeat;
    width: 13px;
    height: 13px;
    font-size: 0;
    overflow: hidden;
}

.glyphicon-arrow-up.blue {
    background: url(../../images/icon/glyphicon-arrow-up-blue.png) no-repeat;
    width: 13px;
    height: 13px;
    font-size: 0;
    overflow: hidden;
}

.glyphicon-list-alt.blue {
    background: url(../../images/icon/glyphicon-list-alt-blue.png) no-repeat;
    width: 13px;
    height: 13px;
    font-size: 0;
    overflow: hidden;
}

.glyphicon-th-large.blue {
    background: url(../../images/icon/glyphicon-th-large-blue.png) no-repeat;
    width: 13px;
    height: 13px;
    font-size: 0;
    overflow: hidden;
}

.glyphicon-bullhorn.blue {
    background: url(../../images/icon/glyphicon-bullhorn-blue.png) no-repeat;
    width: 13px;
    height: 13px;
    font-size: 0;
    overflow: hidden;
}

.glyphicon-stats.blue {
    background: url(../../images/icon/glyphicon-stats-blue.png) no-repeat;
    width: 13px;
    height: 13px;
    font-size: 0;
    overflow: hidden;
}

.glyphicon-euro.blue {
    background: url(../../images/icon/glyphicon-euro-blue.png) no-repeat;
    width: 13px;
    height: 13px;
    font-size: 0;
    overflow: hidden;
}

.glyphicon-pencil.blue {
    background: url(../../images/icon/glyphicon-pencil-blue.png) no-repeat;
    width: 13px;
    height: 13px;
    font-size: 0;
    overflow: hidden;
}

.glyphicon-ser.blue {
    background: url(../../images/icon/glyphicon-ser-blue.png) no-repeat;
    width: 13px;
    height: 13px;
    font-size: 0;
    overflow: hidden;
}

.glyphicon-publish.blue {
    background: url(../../images/icon/publish.png) no-repeat;
    width: 13px;
    height: 13px;
    font-size: 0;
    overflow: hidden;
}

.glyphicon-recycle.blue {
    background: url(../../images/icon/recycle.png) no-repeat;
    width: 13px;
    height: 13px;
    font-size: 0;
    overflow: hidden;
}

.glyphicon-paperclip.org {
    background: url(../../images/icon/glyphicon-paperclip-org.png) no-repeat;
    width: 13px;
    height: 13px;
    font-size: 0;
    overflow: hidden;
}

.glyphicon-trash.grey {
    background: url(../../images/icon/glyphicon-trash-grey.png) no-repeat;
    width: 13px;
    height: 13px;
    font-size: 0;
    overflow: hidden;
}

.glyphicon-thumbs-up.grey {
    background: url(../../images/icon/glyphicon-thumbs-up-grey.png) no-repeat;
    width: 13px;
    height: 13px;
    font-size: 0;
    overflow: hidden;
}

a .icon {
    margin-right: 10px;

}

/*学校简介*/
.university_desc {
    height: 210px;
    overflow: hidden;
}

.expand-btn {
    display: block;
    text-align: center;
    margin: 10px auto;

}

.show-more {
    position: absolute;
    top: -20px;
    left: 15px;
    display: block;
    text-align: center;
    color: #969696;
}

/*个人宣言*/
.grxy {
    position: absolute;
    top: 155px;
    left: 40px;
    height: 15px;
    line-height: 15px;
    width: 180px;
}

.grxy input {
    padding: 0;
    font-size: 12px;
    height: 100%;
    width: 100%;
    display: block;
    background: none;
    border: none;
    text-align: center;
}

.grxy div {
    margin-top: 5px;
    font-size: 12px;
    text-align: right;
    color: red;
    display: none;
}

.can-hide-li {
    display: none;
}

.occu-search-btn {
    width: 30%;
    margin: 0 auto;
}

/*个人信息*/
#personalInfoWrap .detail {
    text-indent: 20px;
}

.reset-btn {
    display: none;
    position: absolute;
    z-index: 5;
    top: 11px;
    right: 55px;
    cursor: pointer;
    color: #999;
}

/*播放按钮*/
.btn_play {
    position: absolute;
    right: 5%;
    bottom: 15%;
    width: 77px;
    height: 77px;
    background: url(../../images/zysy/play_video.png) 0 0 no-repeat;
    z-index: 30;
}

.plr {
    padding: 0 15px;
}

/*20170807 新增样式*/
.bg-white {
    background: #fff;
    min-width: 1200px;
    padding: 20px;
    border: 1px solid #d8d8d8
}

.slideLeftBox {
    width: 100%;
    background: #fff;
    margin-bottom: 30px;
}

.slideLeftBox .hd {
    float: left;
    width: 10%;
    margin-right: 5%;
    position: relative;
    border-right: 1px solid #fff;
    margin-top: 40px
}

.slideLeftBox .hd li {
    float: left;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #747474;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    font-size: 14px;
    font-weight: bold
}

.slideLeftBox .hd li.on {
    height: 50px;
    background: #f3f3f3;
    color: #3bc9c2;
}

.slideLeftBox .bd {
    float: left;
    width: 84%;
}

.rszj_table {
    width: 90%;
    margin-top: 30px;
    margin-left: 10px
}

.rszj_table th {
    background: #3bc9c2;
    padding: 6px;
    text-align: center;
    border: 1px solid #cbcbcb;
    color: #fff;
    border-top: 1px solid #cbcbcb;
    font-weight: bold;
}

.rszj_table th img {
    vertical-align: middle;
    margin-left: 5px;
}

.rszj_table tr {
    border: 1px solid #cbcbcb;
}

.rszj_table td {
    border: 1px solid #cbcbcb;
    text-align: center;
    padding: 6px;
    color: #434343;
}

.rszj_table td a, .rszj_table td a:link, .rszj_table td a:visited {
    color: #3bc9c2
}

/*管理者页面*/
.plantform-head {
    height: 60px;
    line-height: 60px;
    text-indent: 1em;
    font-size: 24px;
    color: #fff;
    background: #0d69b3;
}

.plantform-left {
    float: left;
    width: 149px;
    border-right: 1px solid #dedcdc;
    min-height: 600px;
    background: #f3f3f3
}

.ul-plantform li {
    text-align: center;
    height: 120px;
    background: #f3f3f3;
}

.ul-plantform li img {
}

.ul-plantform li p {
    padding-top: 5px;
    text-align: center;
    font-size: 14px;
    color: #3bc9c2;
}

.ul-plantform li a, .ul-plantform li a:link, .ul-plantform li a:visited {
    display: block;
    height: 120px;
    padding-top: 25px;
    border-bottom: 1px solid #dedcdc;
}

.ul-plantform li a:hover, .ul-plantform li a.on {
    display: block;
    background: #e9e9e9
}

.plantform-right {
    float: left;
    width: 1050px;
    height: 600px;
    background: #fff;
}

.plant-position {
    height: 40px;
    line-height: 40px;
    color: #000;
    background: #f3f3f3 url(../../images/zysy/position.jpg) no-repeat 15px center;
}

.plant-position b {
    color: #000;
    font-weight: bold;
    padding-left: 35px;
}

.plant-position a, .plant-position a:link {
    color: #0f76ca
}

.table-strip {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
}

.table-strip th, .table-strip td {
    padding: 10px;
    border-bottom: 1px solid #dedcdc;
    text-align: center;
}

.table-strip th {
    font-weight: bold
}

.plant-page {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    text-align: right;
    color: #545454;
    border-bottom: 1px solid #dedcdc;
}

.plant-page a, .plant-page a:link, .plant-page a:visited {
    color: #545454
}

.plant-page span {
    padding-left: 8px;
    padding-right: 8px;
}

.plant-div {
    height: 50px;
    line-height: 50px;
    text-indent: 2em;
}

/*生涯资源 查询条件按钮*/
.my-btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.my-btn:focus {
    outline: none;
}

.prompt-choose-sub-div {
    color: #f00000;
    display: none;
}

/*多元智能按钮*/
.report-analysis .my-btn {
    margin-bottom: 5px;
}

.report-analysis .my-btn:hover {
    box-shadow: 0 0 0 2px #c7c7c7;
}

/*目标规划书*/
.h1-cpglzx {
    margin-top: 20px;
    margin-bottom: 20px;
    height: 45px;
}

.h1-cpglzx h1 {
    float: left;
    padding-left: 65px;
    width: 240px;
    font-size: 20px;
    height: 45px;
    line-height: 45px;
    color: #595757;
    background: url(../../images/zysy/h1-cpglzx.gif) no-repeat;
}

.h1-hjfx {
    margin-top: 20px;
    margin-bottom: 20px;
    height: 45px;
}

.h1-hjfx h1 {
    float: left;
    padding-left: 65px;
    width: 240px;
    font-size: 20px;
    line-height: 45px;
    color: #595757;
    background: url(../../images/zysy/h1-hjfx.gif) no-repeat;
}

.h1-wdmbyjhs {
    height: 4rem;
    line-height: 4rem;
    position: relative;
    text-align: center;
    color: #fff;
    font-size: 2rem;
    background: #3bc9c2;
}

.h1-wdmbyjhs .mbgh-button {
    position: absolute;
    height: 4rem;
    line-height: 4rem;
    top: 0;
    right: 20px;
    color: #fff;
}

.h1-wdmbyjhs .mbgh-button a {
    display: block;
    height: 100%;
    line-height: 4rem;
    font-size: 1.5rem;
    color: #fff;
    box-sizing: content-box;
    vertical-align: middle;
    float: left;
    margin-right: 10px;
}

.h1-wdmbyjhs .mbgh-button a:hover {
    cursor: pointer;
    color: #ff8319;
}

.h1-wdmbyjhs h1 {
    float: left;
    padding-left: 60px;
    width: 240px;
    font-size: 20px;
    line-height: 45px;
    color: #595757;
    background: url(../../images/zysy/h1-wdmbyjhs.gif) no-repeat;
}

.table-cpglzx {
    width: 100%;
    margin-bottom: 10px;
    border: 1px solid #c7c7c7;
    background: #fff
}

.table-cpglzx td {
    word-break: break-all;
    vertical-align: middle;
    padding: 8px;
    text-align: center;
    border: 1px solid #e3e3e3;
}

.table-cpglzx td.bgblue1 {
    font-weight: bold;
    background: #0265cb;
    color: #fff;
    border: 1px solid #ebebeb;
}

.table-cpglzx td.bgblue2 {
    font-weight: bold;
    background: #09f;
    color: #fff;
    border: 1px solid #ebebeb;
}

.table-cpglzx td.bgblue3 {
    font-weight: bold;
    background: #6cf;
    color: #fff;
    border: 1px solid #ebebeb;
}

.table-cpglzx td.bgblue3 span {
    color: #fff;
    width: 1rem;
    display: block;
    line-height: 1.5rem;
    margin: 0 auto;
}

.table-cpglzx td.text-gray {
    /*border-right: 1px solid #e3e3e3;*/
}

.table-cpglzx td p {
    padding: 0 15px;
    text-align: left
}

.table-cpglzx td span, .table-cpglzx td a, .table-cpglzx td a:link, .table-cpglzx td a:visited {
    color: #c9302c;
}

.mbgh-button {
    float: right;
}

.mbgh-button .button {
    width: 78px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    background: #169bd5;
    border: 0;
    transition: background 0.4s linear;
    margin-top: 10px;
    border-radius: 4px;
    margin-left: 8px
}

.mbgh-button .button:hover {
    background: #94c750;
}

.table-cpglzx td .ta-div {
    position: absolute;
    right: 20px;
    top: 0;
}

.button-xk {
    position: absolute;
    top: -2px;
    right: 20px;
    border-radius: 4px;
    width: 78px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    border: 0;
    background: #169bd4;
    transition: background 0.4s linear;
}

.button-xk:hover {
    background: #94c750;
}

.linked {
    color: #c9302c !important;
    white-space: nowrap;
    word-wrap: break-word;
    display: inline-block;
}

.linked:hover {
    color: #f01414 !important;
}

.modify-dialog textarea {
    width: 95%;
    resize: none;
}

.modify-dialog dl dt {
    margin: 10px;
    font-size: 1.5rem;
}

.score-p {
    text-align: center !important;
    font-size: 30px;
    font-style: italic;
    font-family: Arial;
    color: #585858;
}

.my-score {

}

/*高考倒计时*/
.countdown {
    position: absolute;
    width: 90px;
    height: 90px;
    border: 1px dashed #4f9ed7;
    background: #fafafa;
    border-radius: 4px;
    text-align: center;
    right: 35px;
    top: 10px;
    cursor: default;
}

.djs {
    width: 60px;
    height: 60px;
    margin: 5px auto 0 auto;
    background: url(../../images/zysy/date.png) no-repeat center center;
    background-size: 120px;
    font-size: 20px;
    text-align: center;
    line-height: 66px;
    color: #636363;
}

.day-count {
    line-height: 20px;
}

.my-plan {
    position: absolute;
    width: 90px;
    height: 90px;
    border: 1px dashed #4f9ed7;
    background: #fafafa;
    border-radius: 4px;
    right: 35px;
    top: 108px;
    text-align: center;
    transition: .8s;
    cursor: pointer;
}

.my-plan:hover {
    opacity: .9;
    background: #e0e0e0;
    color: #48a1e5;
}

.plan {
    width: 60px;
    height: 60px;
    margin: 5px auto 0 auto;
    background: url("../../images/zysy/plan.png") no-repeat center center;
    background-size: 120px;
}

/*fix_div*/
.fix-maintop {
    position: fixed;
    right: 0px;
    bottom: 0px;
    width: 148px;
    margin-left: 610px;
    z-index: 9999
}

.fix-maintop ul {
    background: #fff;
    border: 1px solid #ebebeb;
    border-bottom: 0
}

.fix-maintop li {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #ebebeb;
    font-size: 14px;
    position: relative
}

.fix-maintop li a, .fix-maintop li a:link {
    display: block;
    background: url(../../images/zysy/fix-mainTop.png) no-repeat 16px center;
    padding-left: 28px;
    color: #385610;
}

.fix-maintop li a:hover, .fix-maintop li a.on {
    display: block;
    background: #ebebeb url(../../images/zysy/fix-mainTop.png) no-repeat 16px center;
    color: #385610
}

.fix-maintop .clickTop {
    display: block;
    width: 50px;
    height: 86px;
    margin: 0 auto;
    margin-top: -8px;
}

.fix-maintop li span {
    position: absolute;
    right: 12px;
    top: 12px;
    width: 43px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    background: #94c750;
    color: #fff;
    font-size: 12px;
    border-radius: 10px;
}

.fix-maintop li em {
    position: absolute;
    right: 20px;
    top: 11px;
    width: 18px;
    height: 18px;
}

.fix-maintop li em img {
    vertical-align: top;
    line-height: 18px;
}

/*高考志愿*/
.gkzyBanner {
    clear: both;
    height: 308px;
    background: #81ca7b url(../../images/zysy/gkzyBanner.jpg) no-repeat;
    background-size: 100% 100%;
}

.college_aspiration .grade {
    font-weight: bold;
    border-bottom: 1px solid red;
    width: 200px;
    font-size: 16px;
    padding-bottom: 5px;
}

.college_aspiration .MyGrade .subject_chose {
    font-size: 14px;
    margin-right: 10px;
}

.college_aspiration .MyGrade .stu_select {
    display: inline-block;
    width: 200px;
}

.college_aspiration .button_gkGrade {
    padding: 0 20px;
    height: 34px;
    line-height: 34px;
    border-radius: 20px;
    background: #f79111;
    color: #fff;
    border: 0;
    margin-left: 55px;
}

.modal4 .modal-header p.recentGrade {
    width: 80%;
    margin: 0 auto;
    font-size: 22px;
    text-align: center;
    color: #3e3a39;
    line-height: 40px;
    padding-top: 13px;
    padding-bottom: 13px;
    background: none;
}

.modal-dialog .modal-body .subject_grade {
    padding: 0 20px;
}

.modal-dialog .modal-body .exam_time {
    text-align: left;
    margin-bottom: 15px;
}

.modal-dialog .modal-body .exam_grade {
    margin-top: 15px;
    text-align: left;
}

.modal-dialog .modal-body .exam_grade li {
    display: inline-block;
    width: 155px;
    margin-bottom: 10px;
}

.modal-dialog .modal-body .exam_grade input {
    width: 70px;
    margin: 0 15px 0 10px;
    padding-left: 5px;
}

.college_aspiration .modal4 button.lookreport[disabled] {
    cursor: not-allowed;
    filter: alpha(opacity=45);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .45;
}

.college_aspiration .myGoal {
    margin-top: 30px;
}

.college_aspiration .Goal div {
    float: left;
}

.college_aspiration .stu_info {
    margin-top: 10px;
    text-align: center;
}

.college_aspiration .stu_info li {
    display: inline-block;
    margin-right: 50px;
    text-align: center;
}

.college_aspiration .stu_info li:last-of-type {
    margin-right: 0;
}

.college_aspiration .mySchool {
    margin-top: 30px;
    position: relative;
}

.college_aspiration .mySchool .setGoalScore {
    position: absolute;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    top: 100px;
    color: #f79111;
    height: 53px;
    width: 100%;
    display: none;
}

.college_aspiration .mySchool .information div.info {
    border-bottom: 1px solid #e2e9ea;
    padding: 10px 0;
}

.college_aspiration .mySchool .information .info ul {
    float: left;
    margin-top: 10px;
}

.college_aspiration .mySchool .information .info div {
    font-weight: 700;
    float: left;
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
    width: 100px;
}

.college_aspiration .mySchool .information .info ul.cont {
    width: 1045px;
}

.college_aspiration .mySchool .information .info li {
    display: inline-block;
    padding: 3px 10px;
    cursor: pointer;
    margin: 2px 0;
}

.college_aspiration .mySchool .information .info li.select {
    background: #3bc9c2;
    color: #fff;
}

.college_aspiration .mySchool .recommend_school {
    margin-top: 10px;
}

.college_aspiration .gzdxx_table2 .label_name span {
    color: #ffffff;
    background-color: #f79111;
    padding: 2px 4px;
    border-radius: 4px;
}

.college_aspiration .gzdxx_table2 a {
    cursor: pointer;
}

/**/
.bgBorder div.subject_test {
    margin-bottom: 10px;
}

.bgBorder .subject_test ul li {
    display: inline-block;
    margin-right: 20px;
}

.bgBorder .subject_test ul li button.active {
    background: #5cc;
    color: #fff;
}

a.temp-storage {
    position: absolute;
    bottom: 14px;
    right: 28px;
    font-size: 14px;
    color: #4381d5;
}

a.temp-storage:hover {
    color: #eb5a29
}

/*完善信息样式*/
.loginSuc {
    width: 800px;
    height: 800px;
}

/*.loginTop{background: #E5FFFF;}*/
.topInfo {
    background: #E5FFFF;
}

.topInfo p span {
    width: 275px;
    background: #E5FFFF;
}

.control-label {
    margin-left: 48px;
}

.control-label i {
    color: #f00;
    margin-right: 5px;
}

.col-xs-8 {
    width: 300px;
}

.form-horizontal {
    height: 650px;
}

.j_select {
    width: 300px;
    margin-top: -4px;
    font-weight: 100;
    display: inline;
    margin-left: -4px;
}

/*margin-left: 205px;*/
/*.j_privince{width: 115px;margin-left: 210px;margin-top:-30px;font-weight: 100;}
.j_shi{width: 115px;margin-left: 330px;margin-top:-35px;font-weight: 100;}
.j_qu{width: 115px;margin-left: 450px;margin-top:-34px;font-weight: 100;}*/
.select_div {
    margin-top: 10px;
    margin-left: 28px;
    font-weight: bold;
}

.select_div span {
    color: #f00;
    margin-left: 124px;
}

.huqu {
    background: #169BD5;
    border-color: #169BD5;
    margin-left: 4px;
}

.tj {
    background: #169BD5;
    border-color: #169BD5;
    padding: 5px 30px;
    font-size: 18px;
}

.input-prepend {
    width: 115px;
    display: inline;
    font-weight: 100;
    margin-left: -4px;
}

.hideBtn {
    display: none;
}

.complete-dialog-tip {
    color: red;
    float: left;
    height: 38px;
    line-height: 40px;
    margin-left: 10px;
    display: none;
}

#news_content img {
    max-width: 800px;
}

#news_content ul, #news_content li {
    list-style: inherit !important;
}

.inner-span {
    font-weight: 500 !important;
    color: #1e1e1e !important;
    margin-left: 0 !important;
}

.test-blue:hover {
    color: #eb5a29;
}

.xxdj-message > table > tbody > tr > td {
    font-size: 14px;
}

.del-comment {
    background: url('../../images/zysy/del.png') center center no-repeat;
    margin-left: 10px;
    background-size: 20px 16px;
    width: 20px;
    height: 20px;
    display: block;
    float: right;
    margin-right: 413px;
    opacity: 0.6;
}

.search-query {
    font-size: 14px !important;
}

.change-color:hover h2 {
    background-color: #f6933c;
}

.aui_content {
    padding: 0 !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
    min-width: 250px !important;
}

.bsBox {
    height: 258px !important;
}

.bsTop {
    width: 208px !important;
}

.bsFrameDiv div img {
    margin: 21px 15px !important;
}

.tips-xydd {
    position: absolute;
    top: 133px;
    right: 64px;
    z-index: 999;
    color: red;
}

.admin-4 li .button-div {
    font-size: 16px;
    width: 90px;
    height: 30px;
    line-height: 30px;
    border-radius: 20px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
}
.report-btn-group{
    display: flex;
    justify-content: space-around;
}

.class-name,.download-btn{display: none}

.adaptiveness span{
    display: inline-block;
    text-indent: 0em !important;
    font-size: 1.6rem;
    margin: 0;
    line-height: 1.5em;
}

.adaptiveness p{
    display: inline-block;
}

/*量表Icon样式*/
.zysy-star-full, .zysy-star-empty{
    font-size: 14px;
}
.zysy-star-full-red{
    font-size: 14px;
    color: red;
}
.tdIcon{
    width: 2.5rem;
    text-align: center;
}
.tdIcon-background{
    background-color: #c6c3c3;
}
.textCenter{
    text-align: center;
}
.radioQuestion{
    cursor: pointer;
}
.radioLeft{
    margin-left: 1rem !important;
}