@charset "UTF-8";

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    margin: 0;
    padding: 0;
}

body, button, input, select, textarea {
    font-family: 'Microsoft YaHei', arial, SimSun, sans-serif, tahoma;
}

body {
    -webkit-text-size-adjust: none;
    min-width: 950px;
}

input, select, textarea {
    font-size: 100%;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset, img {
    border: 0 none;
}

iframe {
    display: block;
}

abbr, acronym {
    border: none;
    font-variant: normal;
}

del {
    text-decoration: line-through;
}

address, caption, cite, code, dfn, em, th, var {
    font-style: normal;
    font-weight: 500;
}

ol, ul {
    list-style: none;
}

caption, th {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: 500;
}

q:before, q:after {
    content: '';
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

ins, a {
    text-decoration: none;
}

.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
    overflow: hidden;
}

.clearfix {
    zoom: 1;
}

html {
    font-size: 62.5%;
}

body {
    width: 100%;
    height: 100%;
    font-size: 12px;
    font-size: 1.2rem;
}

a {
    cursor: pointer;
    outline: none;
    text-decoration: none;
    blr: expression(this.onFocus=this.blur());
}

input {
    outline: none;
    blr: expression(this.onFocus=this.blur());
}

button {
    outline: none;
    blr: expression(this.onFocus=this.blur());
}

a, input, button {
    outline: none;
}

::-moz-focus-inner {
    border: 0px;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.hidenone {
    display: none;
    visibility: hidden;
}

.hide {
    visibility: hidden;
}

.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mt30 {
    margin-top: 30px;
}

.ml10 {
    margin-left: 10px;
}

.mr10 {
    margin-right: 10px;
}

.pt10 {
    padding-top: 10px;
}

.pl10 {
    padding-left: 10px;
}

.pr10 {
    padding-right: 10px;
}

.tc {
    text-align: center;
}

/***top module***/
.manage-nav {
    position: relative;
    height: 55px;
    background: #5da1ff;
    line-height: 55px;
    text-align: center;
    overflow: hidden;
}

.manage-nav h3 {
    position: relative;
    color: #fff;
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold;
    z-index: 100;
}

.manage-nav img {
    vertical-align: bottom;
}

.manage-nav i img {
    height: 85%;
}

.box-top-l {
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 20px;
    height: 55px;
}

.box-top-r {
    display: inline-block;
    position: absolute;
    right: 20px;
    bottom: 0;
    height: 55px;
}

.cy-return {
    position: absolute;
    right: 25px;
    color: #fff;
    font-size: 14px;
    z-index: 1000;
}

/***top module end***/

/***class main***/
.iframe-box {
    min-height: 478px;
    border: 1px solid #b9e1f8;
    border-radius: 3px;
    padding: 0.5% 2% 1%;
    background: #fff;
}

.no-record {
    margin-top: 5%;
}

.no-record p {
    padding-top: 10px;
    color: #a5a5a5;
    font-size: 16px;
    font-size: 1.6rem;
}

.main-content {
    position: relative;
    overflow: auto;
    margin-top: 1%;
}

.manage-boxlist {
    height: 339px;
    margin-top: 10px;
    overflow: auto;
}

.manage-boxlist-teaching {
    height: 396px;
    margin-top: 10px;
    overflow: auto;
}

.cy-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    margin-top: -50px;
    margin-left: -25px;
}

.table-option {
    margin-top: 10px;
}

.psrelative {
    position: relative;
}

.manage-tab {
    height: 34px;
    line-height: 34px;
    border-bottom: 1px solid #e5e5e5;
}

.manage-tab li {
    float: left;
}

.manage-tab li a {
    display: inline-block;
    float: left;
    padding: 0 10px;
    margin-right: 35px;
    color: #626262;
    font-size: 16px;
    line-height: 33px;
    font-weight: bold;
}

.manage-tab li a.current, .manage-tab li a:hover {
    color: #4c93ec;
    border-bottom: 2px solid #4c93ec;
    text-decoration: none;
    *line-height: 34px;
}

.mgt25 {
    margin-top: 25px;
}

.cm-search input {
    display: inline-block;
    float: left;
    padding-left: 5px;
    width: 100px;
    height: 32px;
    border: 1px solid #cfd1d4;
    background: #f9f9fa;
    line-height: 32px;
    color: #666;
    font-size: 14px;
    border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    -o-border-radius: 3px 0 0 3px;
    -ms-border-radius: 3px 0 0 3px;
}

.cm_seabtna {
    display: inline-block;
    float: left;
    width: 68px;
    height: 34px;
    background: #959dad;
    text-align: center;
    line-height: 34px;
    color: #fff;
    font-size: 14px;
    border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    -o-border-radius: 0 3px 3px 0;
    -ms-border-radius: 0 3px 3px 0;
}

.cm_seabtna:hover {
    text-decoration: none;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.cm_seabtna img {
    width: 12px;
    padding-right: 5px;
}

.cm-option a {
    display: inline-block;
    float: left;
    height: 34px;
    margin-left: 10px;
    padding: 0 10px;
    line-height: 34px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
}

.cm-option a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    text-decoration: none;
}

.cm-option .cexport {
    background: #5799f1;
}

.cm-option .cadd {
    background: #ff9600;
}

/***class main end***/

/***manage table***/
.mgt30 {
    margin-top: 30px;
}

.manage-table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #d9dbda;
    color: #333;
}

.manage-table tr th {
    height: 34px;
    border-bottom: 1px solid #d9dbda;
    text-align: center;
    background: #f3f3f3;
    color: #333;
    font-size: 12px;
}

.manage-table tr th span {
    color: #888;
}

.manage-table tr td {
    height: 29px;
    border-bottom: 1px solid #d9dbda;
    line-height: 29px;
    text-align: center;
    color: #666;
    font-size: 12px;
    font-size: 1.2rem;
}

.manage-table tr td:first-child {
    text-align: center;
}

.manage-table tr.abg {
    background: #f3f3f3;
}

.manage-table tr td a {
    padding-right: 10px;
    color: #3b88f1;
}

.check-label {
    position: relative;
    height: 16px;
    line-height: 16px;
    cursor: pointer;
}

.check-label input {
    display: inline-block;
    width: 16px;
    height: 16px;
    visibility: hidden;
}

.check-label em {
    display: block;
    position: absolute;
    width: 14px;
    height: 14px;
    border: 1px solid #aaa;
    left: 0;
    top: 0;
}

.check-label:hover em {
    *border: 1px solid #00b8ac
}

.check-label.current em {
    border: 1px solid #aaa;
    background: url(../images/sque.png) no-repeat 0 0
}

.check-label.current .disable em {
    border: 1px solid #E8E8E8;
    background: url(../images/sque.png) no-repeat 0 -14px
}

/***manage table end***/

/***table option***/
.mgt40 {
    margin-top: 40px;
}

.table-option .to-left a {
    padding-right: 20px;
    color: #3b88f1;
    font-size: 12px;
}

.to-left {
    display: inline-block;
    line-height: 28px;
}

.to-left a {
    padding-right: 10px;
    color: #3b88f1;
}

/***table option end***/

/***view class***/
.view-title {
    padding-bottom: 12px;
    color: #474747;
    font-size: 16px;
}

.no-infordate {
    padding-right: 5%;
}

/***view class end***/

/**自建班级**/
.selfbuild-content {
    padding-top: 12px;
}

.fsz20 {
    font-size: 20px;
    font-size: 2.0rem;
}

.color000 {
    color: #000;
}

.fsz14 {
    font-size: 14px;
    font-size: 1.4rem;
}

.color666 {
    color: #666;
}

.lh28 {
    line-height: 28px;
}

.mgt60 {
    margin-top: 60px;
}

/****set***/

.user_settings {
    height: 477px;
    margin-top: 0;
    background-color: #fff;
    overflow: auto;
}

.user_settings .setting-units {
    position: relative;
    color: #8C7E7E;
}

.user_settings .setting-units .setting-unit {
    width: 100%;
    border-bottom: 1px solid #e8e7e7;
    position: relative;
    cursor: pointer;
}

.user_settings .setting-units .setting-unit:hover .title {
    background: #FAFAFA;
}

.user_settings .setting-units .open {
    background: #fff;
    background: rgba(255, 255, 255, .5);
    cursor: auto;
}

.user_settings .setting-units .open:hover .title {
    background: #fff;
}

.user_settings .setting-units .setting-unit .title {
    font-size: 14px;
    line-height: 46px;
    height: 46px;
    color: #333;
}

.user_settings .setting-units .preview {
    position: absolute;
    left: 15%;
    top: 0;
    line-height: 46px;
    font-size: 14px
}

.user_settings .setting-units .at-preview {
    position: absolute;
    left: 15%;
    top: 0;
    line-height: 46px;
    font-size: 14px;
    font-size: 1.4rem;
}

.user_settings .setting-units .at-preview, .preview {
    width: 70%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
}

.at-preview .setname-input {
    display: none;
    width: 210px;
    height: 32px;
    line-height: 32px;
    padding-left: 5px;
    border: 1px solid #d7d7d7;
    color: #000;
}

.ptrealtive {
    position: relative;
}

.tea-photo {
    display: inline-block;
    height: 36px;
    width: 36px;
    text-align: center;
    vertical-align: middle;
    *margin-top: 7px;
}

.tea-photo img {
    padding: 0;
    margin: 0;
    vertical-align: top;
}

.tea-photo label {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    height: 36px;
    width: 36px;
    background: url(../images/tea_photo_bg.png) no-repeat;
    z-index: 100;
}

.user_settings .setting-units .setting-unit .edit-label {
    line-height: 46px;
    height: 46px;
    position: absolute;
    right: 25px;
    top: 0;
    color: #518fea;
    padding-right: 20px;
    cursor: pointer;
    font-size: 14px;
    font-size: 1.4rem;
}

.user_settings .setting-units .open .edit-label {
    background: url(../images/editor_arrow.png) right center no-repeat;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.edit-label-original {
    line-height: 46px;
    height: 46px;
    position: absolute;
    right: 30px;
    top: 0;
    color: #518fea;
    padding-right: 16px;
    cursor: pointer;
    font-size: 14px;
    font-size: 1.4rem;
}

.edit-label-disabled {
    line-height: 46px;
    height: 46px;
    position: absolute;
    right: 30px;
    top: 0;
    color: #c8c8c8;
    padding-right: 16px;
    cursor: pointer;
    font-size: 14px;
    font-size: 1.4rem;
}

.user_settings .setting-units .setting-unit .holder {
    overflow: hidden;
    position: relative;
    zoom: 1;
}

.user_settings .setting-units .setting-unit.open .holder {
    overflow: hidden;
    position: relative;
    border-top: 1px dashed #e8e7e7;
}

.user_settings .setting-units .setting-unit .holder::before {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.switch-photo input {
    display: inline-block;
    width: 150px;
}

.mgb10 {
    margin-bottom: 10px;
}

.user_settings .inner {
    position: relative;
    top: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15%;
}

.set-namelist {
    display: inline-block;
    width: 13%;
    min-width: 90px;
    text-align: right;
}

.switch-photo .set-save {
    display: inline-block;
    width: 75px;
}

.up-file-box {
    display: inline-block;
    height: 34px;
}

.switch-photo .cnote {
    color: #585858;
    font-size: 12px;
}

.gain-code {
    display: inline-block;
    width: 90px;
    height: 32px;
    border: 1px solid #d7d7d7;
    background: #f2f2f2;
    text-align: center;
    line-height: 32px;
    color: #333;
    font-size: 14px;
    font-size: 1.4rem;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    *display: inline;
    *zoom: 1;
}

.gain-code:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    text-decoration: none;
}

.gain-code-disabled {
    display: inline-block;
    width: 90px;
    height: 32px;
    border: 1px solid #d7d7d7;
    background: #f2f2f2;
    text-align: center;
    line-height: 32px;
    color: #666;
    font-size: 14px;
    font-size: 1.4rem;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    *display: inline;
    *zoom: 1;
}

.gain-code-disabled:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    text-decoration: none;
}

.mgb10 {
    margin-bottom: 10px;
}

.mgb15 {
    margin-bottom: 15px;
}

.mgl80 {
    margin-left: 80px;
}

.mgl94 {
    margin-left: 94px;
}

.mgl108 {
    margin-left: 108px;
}

.set-downlist li {
    height: 34px;
    line-height: 34px;
}

.set-downlist li textarea {
    width: 518px;
    height: 100px;
    padding: 5px;
    resize: none
}

.pea-input-lb {
    display: inline-block;
    color: #585858;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 34px;
    *display: inline;
    *zoom: 1;
}

.put-text-con {
    display: inline-block;
    height: 32px;
    line-height: 32px;
    padding-left: 5px;
    border: 1px solid #d7d7d7;
    *display: inline;
    *zoom: 1;
}

.put-text-con.pput {
    width: 185px;
}

.put-text-con.option {
    width: 138px;
}

.put-text-con.reput {
    width: 185px;
}

.put-text-con.pcode {
    width: 83px;
}

.code-reminder {
    color: #686868;
    font-size: 12px;
}

.at-preview {
    height: 60px;
    vertical-align: middle;
}

.projectcontent {
    display: none;
    position: absolute;
    width: 200px;
    top: 10px;
    color: #555;
    line-height: 30px;
    margin-left: 0;
    text-align: left;
}

.projectcontent .radio-label {
    display: inline-block;
    padding-right: 30px;
    *display: inline;
    zoom: 1;
    position: relative;
    cursor: pointer;
}

.projectcontent .radio-label input {
    display: inline-block;
    width: 16px;
    height: 16px;
    visibility: hidden;
    vertical-align: middle;
}

.projectcontent .radio-label b {
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    background: url(../images/p_radio_bg.png) no-repeat 0 0;
    left: 0;
    top: 7px;
}

.projectcontent .radio-label.current b {
    background: url(../images/p_radio_bg.png) no-repeat 0 -19px;
}

.projectcontent .radio-label i {
    font-style: normal;
    padding-left: 10px;
}

/***add bound children account 20160830***/
.pdr10 {
    padding-right: 10px;
}

.pdr20 {
    padding-right: 20px;
}

.bound-box-l {
    width: 300px;
    color: #666;
}

.bound-account-already {
    padding-bottom: 10px;
    color: #333;
    font-size: 14px;
}

.bound-account-list {
    padding-top: 10px;
    font-size: 14px;
    height: 14px;
    line-height: 14px;
}

.bound-account-list label {
    max-width: 80%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    font-size: 14px;
    line-height: 18px;
}

.bound-account-list a {
    color: #518fea;
    margin-right: 20px;
    float: right;
}

.bound-box-r {
    width: 350px;
    padding-left: 50px;
    border-left: 1px dashed #e8e7e7;
}

.cy-bound {
    display: inline-block;
    width: 90px;
    height: 78px;
    background: #5799f1;
    text-align: center;
    line-height: 78px;
    color: #fff;
    font-size: 22px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    *display: inline;
    *zoom: 1;
}

.cy-bound:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    text-decoration: none;
}

/***add bound children account20160830  end***/

/***set end***/

/***注册***/
.red {
    color: #ff0000;
}

.gray {
    color: #999;
}

/*-----------------------------check-label-----------------------------*/
.check-label {
    position: relative;
    margin-right: 5px;
    padding-left: 5px;
    cursor: pointer;
}

.check-label input {
    visibility: hidden;
    outline: none;
}

.check-label i {
    display: block;
    position: absolute;
    width: 14px;
    height: 14px;
    border: 1px solid #ccc;
    background: #fff;
    left: 0;
    top: 1px;
}

.check-label:hover i {
    border: 1px solid #1d8ff8;
}

.check-label.current i {
    background: url(../images/icon-check-label.png) no-repeat #fff;
}

/*-----------------------------check-label-end-----------------------------*/

/*-----------------Select_box-----------------*/
.select_box {
    position: relative;
}

.select_box .link {
    position: relative;
    padding: 0 20px 0 10px;
    width: 56px;
    height: 30px;
    border: 1px solid #dadada;
    background: url(../images/minute_calendar.png) right center no-repeat #fff;
    line-height: 28px;
    z-index: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    cursor: pointer;
}

.select_box .submenu {
    position: absolute;
    top: 30px;
    width: 86px;
    border: 1px solid #dadada;
    background: #fff;
    max-height: 158px;
    overflow-y: auto;
    z-index: 3;
}

.select_box .submenu li {
    margin: 0;
    padding: 0 10px;
    line-height: 28px;
    height: 30px;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
}

.select_box .submenu li:hover {
    background: #3ea1fb;
    color: #fff;
}

.select_box .submenu li a {
    color: #000;
}

.select_box.submenu li:hover a,
.select_box .submenu li:hover a:hover {
    color: #fff;
    text-decoration: none;
}

.select_box2 {
    clear: both;
    margin: 0 0 0 105px;
    padding: 10px 0 0;
}

.select_box2 .link {
    width: 242px;
}

.select_box2 .submenu {
    width: 272px;
    top: 40px;
}

/*-----------------SelectEnd-----------------*/

.unitarybox {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 860px;
    height: 600px;
    margin: -300px 0 0 -430px;
    background: #fff;
    border: 1px solid #dfdede;
    border-radius: 2px;
    -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
}

.unitary-tab {
    height: 95px;
    line-height: 95px;
    background: url(../images/unitary-tabbg.jpg) 0 center no-repeat;
    border-radius: 2px 2px 0 0;
    text-align: center;
    font-size: 28px;
    color: #fff;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
}

.unitary-login {
    position: relative;
    width: 310px;
    height: 210px;
    margin: 0 auto;
    padding: 50px 0;
}

.unitary-logintip {
    width: 190px;
    position: absolute;
    left: 0;
    top: 27px;
    height: 20px;
    line-height: 20px;
    color: #f26a57;
}

.unitary-logintip i {
    display: inline-block;
    float: left;
    width: 20px;
    height: 20px;
    background: url(../images/unitary-icon.png) 0 0 no-repeat;
}

.unitary-login li {
    padding: 10px 0;
}

.user-text, .password-text {
    width: 280px;
    height: 20px;
    line-height: 20px;
    padding: 10px 15px;
    border: 1px solid #d7d7d7;
    outline: none;
}

.user-text:hover, .password-text:hover {
    border: 1px solid #5799f1;
}

.unitary-account {
    color: #ccc;
    text-align: center;
}

.unitary-account a {
    color: #666;
}

.unitary-account a:hover {
    color: #3087e0;
}

.unitary-account span {
    padding: 0 15px;
}

.unitary-otherlogin {
    padding-top: 10px;
    margin-top: 40px;
    border-top: 1px solid #e0e0e0;
}

.otherlogin_txt {
    width: 90px;
    height: 16px;
    margin: -21px auto 0;
    color: #b4b4b4;
    text-align: center;
    background: #fff;
}

.otherlogin-btn {
    margin: 25px 0 35px;
    text-align: center;
}

.otherlogin-btn a {
    display: inline-block;
    width: 18px;
    height: 18px;
    padding: 6px;
    margin: 0 15px;
    background: #717171;
    border-radius: 15px;
}

.otherlogin-btn a:hover {
    background: #5799f1;
}

.otherlogin-btn i {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../images/icons_type.png) no-repeat;
}

.otherlogin-btn i.icon_default_qq {
    background-position: 0 0;
}

.otherlogin-btn i.icon_default_weibo {
    background-position: -19px 0;
}

.unitary-registerlist {
    padding-top: 5px;
    width: 490px;
    margin: 0 auto;
}

.unitary-registerlist li {
    padding-top: 7px;
}

.unitary-registertit {
    width: 100px;
    padding: 0 5px 0 0;
    line-height: 32px;
    text-align: right;
}

.unitary-registertit span {
    padding: 0 4px 0 0;
}

.unitary-registerinfor {
    width: 275px;
}

.unitary-registerinfor .account-text {
    width: 252px;
    height: 20px;
    line-height: 20px;
    padding: 6px 10px;
    border: 1px solid #d7d7d7;
    outline: none;
}

.unitary-registerinfor .account-captcha {
    width: 155px;
    height: 20px;
    line-height: 20px;
    padding: 6px 10px;
    border: 1px solid #d7d7d7;
    outline: none;
    vertical-align: top;
}

.unitary-registertip {
    height: 20px;
    line-height: 20px;
    padding: 6px 0 6px 4px;
    font-size: 12px;
}

.unitary-registertip i {
    display: inline-block;
    float: left;
    width: 20px;
    height: 20px;
    background: url(../images/unitary-icon.png) 0 0 no-repeat;
}

li.unitary-protocolli {
    padding: 0 0 0 105px;
    font-size: 12px;
    color: #666;
}

li.unitary-protocolli a {
    color: #2d85fa;
}

.cy-qqj {
    display: inline-block;
    width: 75px;
    height: 23px;
    margin-left: 5px;
    vertical-align: middle;
}

.unitary-loginbtn, .unitary-regbtn {
    width: 310px;
    height: 42px;
    line-height: 42px;
    background: #5799f1;
    border: 0;
    border-radius: 2px;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
}

.unitary-loginbtn:hover, .unitary-regbtn:hover {
    background: #438ae8;
}

.unitary-loginbtn {
    width: 310px;
}

.unitary-regbtn {
    width: 274px;
}

.ml5 {
    margin-left: 5px;
}

.mt50 {
    margin-top: 50px;
}

.mt60 {
    margin-top: 60px;
}

.unitary-protocolli iframe {
    display: inline;
    vertical-align: middle;
}

.launchBtn.bg {
    background-size: 88% 88%;
}

.colorblue {
    color: #2e82ff;
}

.fs-use-new a {
    margin: 0 15px;
}

.mgt50 {
    margin-top: 50px;
}

.mgt90 {
    margin-top: 90px;
}

.cy-skip {
    display: inline-block;
    width: 100px;
    height: 32px;
    border: 1px solid #dedede;
    background: #f4f4f4;
    text-align: center;
    line-height: 32px;
    color: #333;
    font-size: 14px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    *display: inline;
    *zoom: 1;
}

.cy-skip:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    text-decoration: none;
}

.cy-confirm {
    display: inline-block;
    width: 110px;
    height: 34px;
    background: #5799f1;
    text-align: center;
    line-height: 34px;
    color: #fff;
    font-size: 14px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    *display: inline;
    *zoom: 1;
}

.cy-confirm:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    text-decoration: none;
}

/***注册 结束***/

/***找回密码***/
.retrieve-main {
    padding: 55px 80px 50px;
    background: #fff;
}

.retrieve-nav {
    height: 64px;
    background: url(../images/retrieve_nav_bg.png) no-repeat top center;
    line-height: 64px;
    text-align: center;
    overflow: hidden;
}

.retrieve-nav h3 {
    color: #fff;
    font-size: 28px;
    /*font-weight: bold;*/
}

.retrieve-step li {
    position: relative;
    float: left;
    width: 33%;
    height: 34px;
    line-height: 34px;
    text-align: center;
}

.retrieve-step li.step1 {
    z-index: 3;
}

.retrieve-step li.step2 {
    z-index: 2;
}

.retrieve-step li.step3 {
    z-index: 1;
}

.retrieve-step li.current {
    background: url(../images/step_arrow02.png) no-repeat right center;
}

.retrieve-step li a {
    display: block;
    background: #f2f2f2;
    color: #666;
    font-size: 16px;
}

.retrieve-step li a:hover {
    text-decoration: none;
}

.retrieve-step li a span {
    padding-left: 30px;
    background: url(../images/retrieve_step.png) no-repeat 0 1px;
}

.retrieve-step li.step2 a span {
    background-position: 0 -66px;
}

.retrieve-step li.step3 a span {
    background-position: 0 -141px;
}

.retrieve-step li.current a {
    background: #d7e8ff;
}

.retrieve-step li.current a span {
    color: #2e82ff;
}

.retrieve-step li.step1.current a span {
    background-position: 0 -32px;
}

.retrieve-step li.step2.current a span {
    background-position: 0 -103px;
}

.retrieve-step li.step3.current a span {
    background-position: 0 -178px;
}

.retrieve-step li .cystep {
    display: block;
    position: absolute;
    top: 0;
    right: -12px;
    width: 12px;
    height: 34px;
    background: url(../images/step_arrow01.png) no-repeat 0;
    z-index: 100;
}

.retrieve-step li.current .cystep {
    background: url(../images/step_arrow02.png) no-repeat 0;
}

.retrieve-downlist {
    padding-left: 25%;
}

.retrieve-downlist li {
    margin-bottom: 15px;
    line-height: 34px;
}

.ret-input-lb {
    display: inline-block;
    color: #585858;
    font-size: 14px;
    line-height: 34px;
    text-align: right;
    *display: inline;
    *zoom: 1;
}

.ret-input-lb.step1 {
    width: 84px;
}

.ret-input-lb.step2 {
    width: 84px;
}

.remain-content {
    padding-top: 50px;
}

.success-content {
    padding: 125px 0;
    text-align: center;
    cursor: default;
}

/**upload**/
.success-content-upload {
    padding: 50px 0;
    text-align: center;
    cursor: default;
}

/**upload end**/

.retrieve-success .succes-img {
    display: inline-block;
    width: 68px;
    height: 68px;
}

.succes-img img {
    vertical-align: middle;
}

.retrieve-success span {
    display: inline-block;
    padding-left: 20px;
    text-align: left;
    vertical-align: middle;
}

.retrieve-success span i {
    display: block;
    color: #4ca927;
    font-size: 26px;
    font-size: 2.6rem;
    font-style: normal;
    line-height: 38px;
}

.retrieve-success span em {
    color: #999;
    font-size: 14px;
    font-size: 1.4rem;
}

.retrieve-success span em a {
    color: #2e82ff;
}

/***找回密码 结束***/

/***enter class ***/
.enter-main {
    padding: 25px 35px 0;
    background: #fff;
}

.enter-top {
    padding: 0 10px;
    border: 1px solid #bbe4fb;
    background: #f1faff;
    line-height: 65px;
    text-align: center;
    color: #2570d3;
    font-size: 18px;
    font-size: 1.8rem;
}

.switch-select {
    display: inline-block;
    position: relative;
    width: 285px;
    text-align: left;
}

.switch-select a {
    display: inline-block;
    position: relative;
    float: left;
    height: 24px;
    margin-right: 15px;
    margin-bottom: 15px;
    padding: 0 15px;
    border: 1px dashed #e2e2e2;
    background: #f4f4f4;
    line-height: 24px;
    text-align: center;
    color: #999;
    font-size: 12px;
    *display: inline;
    *zoom: 1;
    white-space: nowrap;
}

.switch-select a.selected {
    background: #fff9e1;
    border: 1px solid #f8ebb6;
    color: #ff6600;
}

.vatop {
    vertical-align: top;
}

.codewrong-reminder {
    display: inline-block;
    position: absolute;
    color: #ff0000;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    *display: inline;
    *zoom: 1;
}

/***enter class  end***/

.view-class-i {
    height: 440px;
    overflow: auto;
    background: #fff;
}

/***cyprotocol end***/
.cyprotocol {
    height: 440px;
    overflow: auto;
    font-size: 14px;
    font-size: 1.4rem;
    background: #fff;
}

.cyprotocol p {
    text-indent: 2em;
    line-height: 30px;
    vertical-align: middle;
}

.cyprotocol p span {
    padding-left: 20px;
}

.cyprotocol h3 {
    line-height: 40px;
    color: #0077c9;
}

.cyprotocol p font,
.cyprotocol p a {
    color: #0077c9;
}

.cyprotocol p .phone {
    color: #0077c9;
}

/***cyprotocol end***/
.view-class-table {
    height: auto;
}

.view-class-table tr td {
    height: 34px;
    line-height: 34px;
}

/***邀请老师和学生链接外层的div加下划线样式***/
/* .invitediv:hover{
	text-decoration: underline;
} */

/****弹窗样式自定义***/

/****initialize****/
option {
    outline: none;
    text-decoration: none;
    blr: expression(this.onFocus=this.blur());
    border: none;
}

/***windows***/
.box-middle {
    width: 550px;
    padding: 10px 20px;
}

.manage-tab-w {
    height: 34px;
    line-height: 34px;
    border-bottom: 1px solid #d7d7d7;
}

.manage-tab-w li {
    float: left;
}

.manage-tab-w li a {
    display: inline-block;
    float: left;
    padding: 0 10px;
    margin-left: 10px;
    color: #626262;
    font-size: 12px;
    line-height: 33px;
    *display: inline;
    *zoom: 1;
}

.manage-tab-w li a.current, .manage-tab-w li a:hover {
    color: #4c93ec;
    border-bottom: 2px solid #4c93ec;
    text-decoration: none;
    *line-height: 32px;
}

.pandect-con {
    position: relative;
    padding-top: 10px;
    background: #fff;
    border-top: none;
}

.popup-box {
    width: 450px;
    margin: 0 auto;
}

.popup-box li {
    margin-top: 10px;
    text-align: left;
}

.popup-box li:first-child {
    margin-top: 0;
}

.popup-box li .boxlist {
    display: inline-block;
    height: 26px;
    margin-right: 10px;
    color: #000;
    font-size: 12px;
    line-height: 26px;
    width: 100px;
    text-align: right;
    vertical-align: top;
}

.popup-box li .inputtext {
    display: inline-block;
    float: left;
    width: 170px;
    margin-right: 10px;
    border: 1px solid #d7d7d7;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    padding: 0 5px;
    text-align: left;
    color: #666;
    vertical-align: middle;
    *display: inline;
    *zoom: 1;
    overflow: hidden;
}

.imgtable-img {
    text-align: center;
}

.required-fields {
    padding-right: 3px;
    color: #ff2626;
}

.popup-warnning {
    display: inline-block;
    *width: 115px;
    color: #ff0000;
    font-size: 12px;
    line-height: 26px;
    *display: inline;
    zoom: 1;
}

.sex-switch {
    text-align: left;
    display: inline-block;
    line-height: 26px;
    *display: inline;
    zoom: 1;
}

.sex-switch.sex {
    width: 202px;
}

.sex-switch.rule {
    width: 245px;
}

.ui-dialog-button button {
    margin: 0 10px;
}

.sex-switch .radio-label {
    position: relative;
    cursor: pointer;
    color: #000;
    font-size: 12px;
}

.pdr30 {
    padding-right: 30px;
}

.sex .radio-label {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.rule .radio-label {
    display: block;
}

.sex-switch .radio-label input {
    display: inline-block;
    width: 14px;
    height: 14px;
    visibility: hidden;
    vertical-align: middle;
}

.sex-switch .radio-label b {
    display: block;
    position: absolute;
    width: 14px;
    height: 14px;
    background: url(../images/cyr_ico.png) no-repeat 0 0;
    left: 0;
    top: 7px;
}

.sex-switch.rule .radio-label b {
    *top: 2px;
}

.sex-switch .radio-label.current b {
    background: url(../images/cyr_ico.png) no-repeat 0 -35px;
}

.sex-switch .radio-label i {
    font-style: normal;
    padding-left: 10px;
    vertical-align: middle;
}

.cy-confirm {
    display: inline-block;
    width: 90px;
    height: 34px;
    background: #5799f1;
    text-align: center;
    line-height: 34px;
    color: #fff;
    font-size: 14px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    *display: inline;
    *zoom: 1;
}

.cy-confirm:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    text-decoration: none;
}

.win-switch {
    display: inline-block;
    width: 75px;
    height: 26px;
    border: 1px solid #6d9eeb;
    text-align: center;
    line-height: 26px;
    color: #6d9eeb;
    font-size: 12px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    *display: inline;
    *zoom: 1;
}

.win-switch:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    text-decoration: none;
}

.file-list {
    margin-left: 110px;
    width: 270px;
}

.boxlist02 {
    padding-left: 60px;
    color: #333;
    font-size: 12px;
    padding-top: 10px;
}

.teamodel {
    color: #3b88f1;
    font-size: 12px;
}

.file-list .filename {
    display: block;
    height: 18px;
    margin-bottom: 12px;
    color: #000;
    font-size: 12px;
    line-height: 18px;
}

.file-list .filename img {
    float: left;
    padding-right: 10px;
}

.file-list .fileattention {
    color: #fe8a23;
    font-size: 12px;
}

.filename-n {
    float: left;
}

.file-delete {
    display: inline-block;
    float: left;
    margin-left: 10px;
    width: 16px;
    height: 16px;
    background: url(../images/file_close.png) no-repeat 0 0;
}

.mgl150 {
    margin-left: 150px;
}

.lookinfors {
    display: inline-block;
    width: 202px;
    color: #666;
    line-height: 26px;
    text-align: left;
    word-wrap: break-word;
}

.lookinfors-class {
    display: inline-block;
    width: 300px;
    height: 100px;
    color: #666;
    line-height: 26px;
    text-align: left;
    word-wrap: break-word;
    overflow: auto;
}

/***delete***/
.pandect-box.delete {
    width: 450px;
}

.confirm-delete {
    color: #333;
    font-size: 14px;
    line-height: 24px;
    padding: 30px 50px;
    width: 300px;
}

.cy-delete {
    display: inline-block;
    width: 90px;
    height: 34px;
    background: #cfcfcf;
    text-align: center;
    line-height: 34px;
    color: #5c5c5c;
    font-size: 14px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    *display: inline;
    *zoom: 1;
}

.cy-delete:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    text-decoration: none;
}

.mgl50 {
    margin-left: 50px;
}

/***windows end***/
.mgl10 {
    margin-left: 10px;
}

.mgl40 {
    margin-left: 40px;
}

.lh28 {
    line-height: 28px;
}

.crelist {
    color: #666;
    font-size: 14px;
}

.lh34 {
    line-height: 34px;
}

.create-box {
    width: 470px;
    margin: 0 auto;
}

.create-box li {
    margin-top: 12px;
    text-align: left;
}

.create-box:first-child {
    margin-top: 0;
}

.create-box li .boxlist {
    display: inline-block;
    height: 34px;
    margin-right: 10px;
    color: #000;
    font-size: 12px;
    line-height: 34px;
    width: 100px;
    text-align: right;
    vertical-align: top;
}

.create-box li .inputtext {
    display: inline-block;
    float: left;
    width: 170px;
    margin-right: 10px;
    border: 1px solid #d7d7d7;
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    padding: 0 5px;
    text-align: left;
    color: #666;
    border-radius: 3px;
    vertical-align: middle;
    *display: inline;
    *zoom: 1;
    overflow: hidden;
}

/***设置管理员**/
.already-sm {
    display: inline-block;
    padding-top: 14px;
    color: #555;
}

.set-content {
    width: 450px;
    padding: 20px;
}

.administrator-content {
    padding: 20px;
    width: 600px;
}

.admin-edit {
    width: 420px;
    text-align: left;
}

.admin-edit label {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    position: relative;
    height: 27px;
    padding: 0 15px;
    border: 1px solid #e1e1e1;
    line-height: 27px;
    cursor: pointer;
}

.admin-edit label .closed {
    display: inline-block;
    position: absolute;
    top: -5px;
    right: -5px;
    width: 13px;
    height: 13px;
    background: url(../images/set_admin_close.png) no-repeat 0;
}

.admin-edit label:hover {
    background: #f3f3f3;
}

.admin-tealist {
    width: 300px;
}

.admin-lb {
    display: inline-block;
    height: 29px;
    line-height: 29px;
    *display: inline;
    *zoom: 1;
}

.ad-search {
    display: block;
}

.ad-search input {
    display: inline-block;
    float: left;
    padding-left: 5px;
    width: 30%;
    height: 32px;
    border: 1px solid #cfd1d4;
    background: #f9f9fa;
    line-height: 32px;
    color: #666;
    font-size: 14px;
    border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    -o-border-radius: 3px 0 0 3px;
    -ms-border-radius: 3px 0 0 3px;
}

.cm_seabtna {
    display: inline-block;
    float: left;
    width: 68px;
    height: 34px;
    background: #959dad;
    text-align: center;
    line-height: 34px;
    color: #fff;
    font-size: 14px;
    border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    -o-border-radius: 0 3px 3px 0;
    -ms-border-radius: 0 3px 3px 0;
}

.cm_seabtna:hover {
    text-decoration: none;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.cm_seabtna img {
    width: 12px;
    padding-right: 5px;
}

.mgt10 {
    margin-top: 10px;
}

/**邀请老师**/
.invite-content {
    width: 530px;
    padding: 20px;
    text-align: left;
}

.invite-top {
    color: #000;
    font-size: 14px;
    line-height: 25px;
}

.invite-top em {
    color: #ff9600;
}

.ing_text {
    width: 96%;
    height: 100px;
    padding: 10px;
    color: #b5b5b5;
    font-size: 14px;
    line-height: 22px;
    border: 1px solid #d7d7d7;
}

/***调班***/
.chang-list {
    display: inline-block;
    height: 34px;
    margin-right: 10px;
    color: #666;
    font-size: 12px;
    line-height: 34px;
    text-align: right;
}

.pdb30 {
    padding-bottom: 30px;
}

.change-swclass {
    width: 200px;
}

.change-swclass .select-wrapper {
    margin-bottom: 10px;
}

.change-swclass > span {
    display: inline-block;
    margin-bottom: 10px;
    *display: inline;
    zoom: 1;
}

/***进度条 add 20160612***/
.cyprogress {
    display: inline-block;
    position: relative;
    width: 240px;
    height: 6px;
    margin-bottom: 10px;
    border: 1px solid #e3e3e3;
    background: #fff;
}

.cyprogress i {
    display: inline-block;
    position: absolute;
    top: -1px;
    left: 0;
    height: 8px;
    background: #65a0f7;
}

/***进度条 end***/

/***导入***/
.manage-table tr td em {
    color: #f00;
}

.manage-table tr td em.success {
    color: #3266ff;
}

.invite-top .export {
    color: #3266ff;
}

.invite-top .color1 {
    color: #14a071;
}

.invite-top .color2 {
    color: #fc3838;
}

.cyprogress.export {
    display: block;
    width: 100%;
}

.import-table-box {
    height: 340px;
    overflow: auto;
}

/***导入***/

/***more teacher list 20160614***/
.tealist-more .content {
    height: 175px;
    overflow-y: auto;
}

.view-more {
    display: inline-block;
    padding-top: 5px;
    color: #3b88f1;
}

/***more teacher list end***/

/***弹出提示框 0617***/
.cyuichang {
    padding: 10px 15px;
    line-height: 24px;
    text-align: left;
    color: #555;
    font-size: 14px;
    cursor: default;
    opacity: 0.8;
    filter: alpha(opacity=80);
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

.cyuichang i {
    display: inline-block;
    margin-right: 10px;
    width: 20px;
    line-height: 20px;
    background: url(../images/cy_window_sico.png) no-repeat 0 4px;
}

.cywarning i {
    background-position: 0 -105px;
}

.cyerror i {
    background-position: 0 -51px;
}

/***弹出提示框 end***/

/***switch***/
*::after, *::before {
    box-sizing: border-box;
}

.col-xs-5 {
    width: 39%;

}

.col-xs-2 {
    width: 6.6667%;
}

.col-xs-5, .col-xs-2 {
    float: left;
    min-height: 1px;
    padding-left: 14px;
    padding-right: 14px;
    *padding-left: 0;
    position: relative;
}

.row {
    margin-left: -15px;
    margin-right: -15px;
}

.form-control-cy {
    width: 100%;
    padding: 6px 12px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    color: #555;
    font-size: 14px;
    line-height: 1.42857;
    border-radius: 4px;
}

.form-control-cy.cysearch {
    width: 89%;
}

.form-control-cy.sbman {
    height: 214px;
}

.mgtarrow {
    margin-top: 80px;
}

.btn-block {
    display: block;
    width: 100%;
}

.btn {
    height: 32px;
    float: left;
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.btn-block + .btn-block {
    margin-top: 10px;
}

.plea-swicth {
    color: #555;
    display: inline-block;
    font-size: 14px;
    line-height: 28px;
}

.styled-select {
    position: relative;
    text-align: center;
}

.setstyled-select {
    width: 370px;
    position: relative;
}

.select2-container span {
    text-align: left;
    outline: none;
}

.switch-select {
    display: inline-block;
    height: 150px;
    overflow: auto;
    position: relative;
    text-align: left;
    width: 355px;
}

.switch-select a {
    display: inline-block;
    position: relative;
    float: left;
    height: 24px;
    margin-right: 15px;
    margin-bottom: 15px;
    padding: 0 15px;
    border: 1px dashed #e2e2e2;
    background: #f4f4f4;
    line-height: 24px;
    text-align: center;
    color: #999;
    *display: inline;
    *zoom: 1;
    white-space: nowrap;
}

.switch-select a.selected {
    background: #fff9e1;
    border: 1px solid #f8ebb6;
    color: #ff6600;
}

.mgt20 {
    margin-top: 20px;
}

.mgt30 {
    margin-top: 30px;
}

.vatop {
    vertical-align: top;
}

.box-tishi {
    padding: 20px;
}

.form-control-cy:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    blr: expression(this.onFocus=this.blur());
}

.form-control-cy::-moz-placeholder {
    color: #999;
    opacity: 1
}

.form-control-cy:-ms-input-placeholder {
    color: #999
}

.form-control-cy::-webkit-input-placeholder {
    color: #999
}

.form-control-cy[disabled], .form-control-cy[readonly], fieldset[disabled] .form-control-cy {
    background-color: #eee;
    opacity: 1
}

.form-control-cy[disabled], fieldset[disabled] .form-control-cy {
    cursor: not-allowed
}

textarea.form-control-cy {
    height: auto
}

input[type=search] {
    -webkit-appearance: none
}

/****弹窗样式自定义***/

/***自适应***/
@media screen and (max-width: 900px) {
    .unitary-registerlist {
        padding-top: 5px;
        width: 500px;
        margin: 0 auto;
    }
}

@media screen and (max-width: 750px) {
    .unitary-registerlist {
        padding-top: 5px;
        width: 500px;
        margin: 0 auto;
    }

    .unitary-registertip.gray {
        margin-left: 100px;
    }

    .self-diffshow {
        width: 60%;
    }
}

@media screen and (max-width: 580px) {
    .unitary-registertip.red {
        margin-left: 100px;
    }
}

/***自适应 end***/
.alert {
    padding: 12px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.no-select {
    moz-user-select: -moz-none;
    -moz-user-select: none;
    -o-user-select: none;
    -khtml-user-select: none; /* you could also put this in a class */
    -webkit-user-select: none; /* and add the CSS class here instead */
    -ms-user-select: none;
    user-select: none; /**禁止选中文字*/
}

/***cy introduce***/
.cy-introduce {
    display: inline-block;
    padding-left: 5px;
    vertical-align: top;
    /* 	position:relative; */
}

.cy-introduce p {
    display: none;
    position: absolute;
    top: 34px;
    right: 0;
    padding: 10px;
    border: 1px solid #e7e7e7;
    background: #fff;
    line-height: 18px;
    color: #333;
    font-size: 12px;
    border-radius: 3px;
}

.cy-introduce:hover p {
    display: block;
}

.captcha-div {
    width: 92px;
    height: 34px;
    float: left;
    margin-left: 4px;
}

.captcha-img {
    display: inline-block;
    width: 92px;
    height: 34px;
    float: left;
    margin-right: 10px;
}

/***登录切换 20170508***/
.login-switch {
    position: absolute;
    top: 32px;
    right: 0;
    z-index: 10;
}

.login-switch a {
    color: #009900;
    text-decoration: none;
}

.verification-pic-code {
    border: 1px solid #d7d7d7;
    width: 160px;
    height: 20px;
    line-height: 20px;
    padding: 10px 15px;
    outline: medium none;
}

.verification-code {
    border: 1px solid #d7d7d7;
    width: 160px;
    height: 20px;
    line-height: 20px;
    padding: 10px 15px;
    outline: medium none;
}

.gain-code-btn {
    display: inline-block;
    width: 70px;
    height: 42px;
    background: #009900;
    line-height: 42px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    border-radius: 3px;
}

.gain-code-btn:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

/***登录切换 20170508 end***/