/* CSS 重置
---------------------------------------------------------------------------------------------------------------------------------- */
* {
    margin:0; padding:0; list-style:none; /* reset */
    font-family: Microsoft YaHei; /* 字体 */
    -webkit-box-sizing: border-box; /* 边框不增加元素高宽 */
    -moz-box-sizing: border-box; /* 边框不增加元素高宽 */
    box-sizing: border-box; /* 边框不增加元素高宽 */
}
a{text-decoration: none; cursor: pointer;}/* 超链接 */
a:link{text-decoration:none;}/* 超链接 */
a:visited{text-decoration: none;}/* 超链接 */
a:hover {text-decoration: none;}/* 超链接 */
a:active{text-decoration:none;}/* 超链接 */

@media (max-width: 767px) {
    /** 小于768  样例 **/
}
@media (min-width: 768px) and (max-width: 991px) {
    /** 大于等于768  样例 **/
}
@media (min-width: 992px) and (max-width: 1199px) {
    /** 大于等于992  样例 **/
}
@media (min-width: 1200px){
    /** 大于等于1200 样例 **/
}

/* 去除 padding-left,padding-right
---------------------------------------------------------------------------------------------------------------------------------- */
.custom-padding-0 {
    padding-right: 0px;
    padding-left: 0px;
}

/* 去除 margin-left,margin-right
---------------------------------------------------------------------------------------------------------------------------------- */
.custom-margin-0 {
    margin-right: 0px;
    margin-left: 0px;
}

/* 手机端去除 padding-left,padding-right,PC端不去
---------------------------------------------------------------------------------------------------------------------------------- */
@media (max-width: 767px) {
    .custom-padding-0-mobile {
        padding-right: 0px;
        padding-left: 0px;
    }
}

/* PC端去除 padding-left,padding-right,手机端不去
---------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width: 768px) {
    .custom-padding-0-pc {
        padding-right: 0px;
        padding-left: 0px;
    }
}

@media (max-width: 767px) {
    .dev{ position: fixed; width: 10px; height: 10px; top: 10px; right: 20px; z-index: 1999; background-color: yellow; }
}
@media (min-width: 768px) and (max-width: 991px) {
    .dev{ position: fixed; width: 10px; height: 10px; top: 10px; right: 20px; z-index: 1999; background-color: black; }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .dev{ position: fixed; width: 10px; height: 10px; top: 10px; right: 20px; z-index: 1999; background-color: blue; }
}
@media (min-width: 1200px){
    .dev{ position: fixed; width: 10px; height: 10px; top: 10px; right: 20px; z-index: 1999; background-color: grey; }
}

/* 隐藏树形 */
.hide{ display: none; }
/* 必填红星 */
.required{ color: red; font-weight: bold; padding: 0px 2px 0px 2px; }

@media (max-width: 767px) {
    body{ background-color: #FFFFFF; }
}
@media (min-width: 768px) and (max-width: 991px) {
    body{ background-color: #FFFFFF; }
}
@media (min-width: 992px) and (max-width: 1199px) {
    body{ background-color: #FFFFFF; }
}
@media (min-width: 1200px){
    body{ background-color: #FFFFFF; }
}


/* 总容器 */
@media (max-width: 767px) {
    .tom-login-container{ height: auto; border: 0px solid yellow; }
}
@media (min-width: 768px) and (max-width: 991px) {
    .tom-login-container{ height: auto; border: 0px solid yellow; }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .tom-login-container{ height: auto; border: 0px solid yellow; }
}
@media (min-width: 1200px){
    .tom-login-container{ height: auto; border: 0px solid yellow; }
}

/* 页头 */
@media (max-width: 767px) {
    .tom-login-header{ width: 100%; height: 72px; margin: 0 auto; padding: 0px 35px 0px 35px; border: 0px solid red; }
    .tom-login-header-inner{ width: 100%; height: 100%; border: 0px solid red;  }
    .tom-login-header-logo-left{ float: left; width: 100px; height: 30px; margin-top: 21px; border-right: 1px solid #CCCCCC; cursor: pointer; }
    .tom-login-header-logo-right{ float: left; width: 140px; height: 30px; margin-top: 21px; padding-left: 20px; }
    .tom-login-header-logo-left > img{ height: 100%; max-width: 100%; }
    .tom-login-header-logo-right > img{ height: 100%;  max-width: 100%; }
}
@media (min-width: 768px) and (max-width: 991px) {
    .tom-login-header{ width: 100%; height: 118px; margin: 0 auto; padding: 0px 35px 0px 35px; border: 0px solid red; }
    .tom-login-header-inner{ width: 100%; height: 100%; border: 0px solid red; }
    .tom-login-header-logo-left{ float: left; width: 146px; height: 44px; margin-top: 37px; border-right: 2px solid #CCCCCC; cursor: pointer; }
    .tom-login-header-logo-right{ float: left; width: 310px; height: 44px; margin-top: 37px; padding-left: 20px;  }
    .tom-login-header-logo-left > img{ height: 100%; }
    .tom-login-header-logo-right > img{ height: 100%; }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .tom-login-header{ width: 100%; height: 118px; margin: 0 auto; padding: 0px 35px 0px 35px; border: 0px solid red; }
    .tom-login-header-inner{ width: 100%; height: 100%; border: 0px solid red; }
    .tom-login-header-logo-left{ float: left; width: 146px; height: 44px; margin-top: 37px; border-right: 2px solid #CCCCCC; cursor: pointer; }
    .tom-login-header-logo-right{ float: left; width: 310px; height: 44px; margin-top: 37px; padding-left: 20px; }
    .tom-login-header-logo-left > img{ height: 100%; }
    .tom-login-header-logo-right > img{ height: 100%; }
}
@media (min-width: 1200px){
    .tom-login-header{ width: 100%; height: 118px; margin: 0 auto; padding: 0px 0px 0px 0px; border: 0px solid red; }
    .tom-login-header-inner{ width: 1200px; height: 100%; margin: 0 auto; border: 0px solid red;  }
    .tom-login-header-logo-left{ float: left; width: 146px; height: 44px; margin-top: 37px; border-right: 2px solid #CCCCCC; cursor: pointer; }
    .tom-login-header-logo-right{ float: left; width: 310px; height: 44px; margin-top: 37px; padding-left: 20px; }
    .tom-login-header-logo-left > img{ height: 100%; }
    .tom-login-header-logo-right > img{ height: 100%; }
}

/* 页头 */
@media (max-width: 767px) {
    .tom-login-header-cates{ float: left; width: 160px; height: 25px; margin-left: 21px; margin-top: 21px; display: none; }
    .tom-login-header-cate{ float: left; width: 48px; height: 100%; line-height: 25px; margin-right: 5px; text-align: right; color: rgba(25, 51, 101, 0.5); font-size: 11px; }
}
@media (min-width: 768px) and (max-width: 991px) {
    .tom-login-header-cates{ float: left; width: 210px; height: auto; margin-left: 30px; margin-top: 45px; }
    .tom-login-header-cate{ float: left; width: 30px; height: auto; line-height: 13px; margin-right: 10px; text-align: right; color: rgba(25, 51, 101, 0.5); font-size: 12px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .tom-login-header-cates{ float: left; width: 410px; height: 25px; margin-left: 30px; margin-top: 45px; }
    .tom-login-header-cate{ float: left; width: 70px; height: 100%; line-height: 25px; margin-right: 10px; text-align: center; color: rgba(25, 51, 101, 0.5); font-size: 12px; }
}
@media (min-width: 1200px){
    .tom-login-header-cates{ float: left; width: 560px; height: 25px; margin-left: 30px; margin-top: 45px; }
    .tom-login-header-cate{ float: left; width: 100px; height: 100%; line-height: 25px; margin-right: 10px; text-align: center; color: rgba(25, 51, 101, 0.5); font-size: 16px; }
}


/* 蓝条 */
.tom-login-header-blue-article{ height: 1px; background-color: #329AFE; }

/* 主要部分 */
@media (max-width: 767px) {
    .tom-login-body-back{ width: 100%; height: auto; background-color: #F5F5F5; padding: 0px 35px 0px 35px; border: 0px solid blue; }
    .tom-login-body{  width: 100%; height: auto; margin: 0 auto; padding: 0px 0px 0px 0px; overflow: hidden; border: 0px solid red;  }
}
@media (min-width: 768px) and (max-width: 991px) {
    .tom-login-body-back{ width: 100%; height: 320px; background-color: #F5F5F5; padding: 0px 0px 0px 0px; position: relative; border: 0px solid blue; }
    .tom-login-body{ position: absolute; top: 0px; bottom: 0px; left: 0;  width:  100%;; height: 100%; overflow: hidden; border: 0px solid red;  }
    #browserId{ display: none !important; }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .tom-login-body-back{ width: 100%; height: 405px; background-color: #F5F5F5; padding: 0px 0px 0px 0px; position: relative; border: 0px solid blue; }
    .tom-login-body{ position: absolute; top: 0px; bottom: 0px; left: 0; width:  100%;; height: 100%; overflow: hidden; border: 0px solid red;  }
}
@media (min-width: 1200px){
    .tom-login-body-back{ width: 100%; height: 516px; background-color: #F5F5F5; padding: 0px 0px 0px 0px; position: relative; border: 0px solid blue; text-align: center; }
    .tom-login-body{ position: absolute; top: 0px; bottom: 0px;  left: calc(50% - 600px);  width: 1200px; height: 100%; overflow: hidden; border: 0px solid red;  }
}

@media (max-width: 767px) {
    .tom-login-body-left{  height: auto; padding-top: 0px;  }

    .tom-login-body-left-text{ height: auto; margin-top: 15px; }     .tom-login-body-left-text.register{ margin-top: 15px; }
    .tom-login-body-left-error-info{ height: 14px; line-height: 14px; color: #FF0000; font-size: 12px; position: relative; }
    .tom-login-body-left-error-info-inner{ position: absolute; height: 100%; left: 0px; width: auto; z-index: 2000; color: #FF0000; white-space:nowrap; }
    .tom-login-body-left-text > input{ width: 100%; height: 40px; border: 1px solid #D2D2D2; border-radius: 3px; padding-left: 10px; color: #4B4B4B; }       .tom-login-body-left-text.register > input{ width: 95%;}   .tom-login-body-left-text.register > span{ color: #FF0000;}
    .tom-login-body-left-text > input::-webkit-input-placeholder{ color: #D2D2D2; }
    .tom-login-body-left-text > input::-moz-placeholder{ color: #D2D2D2; }
    .tom-login-body-left-text > input::-ms-input-placeholder{ color: #D2D2D2; }
    .tom-login-body-left-text > select{ width: 100%; height: 40px; border: 1px solid #D2D2D2; border-radius: 3px; padding-left: 10px; }
    .tom-login-body-left-radio{ height: 20px; margin-top: 15px; }
    .tom-login-body-left-radio-1{ float: left; width: 30px; height: 20px; }
    .tom-login-body-left-radio-2{ float: left; width: auto; line-height: 20px; color: #A1A1A1; font-size: 13px;  }
    .tom-login-body-left-radio-3{ float: right; width: auto; line-height: 20px; color: #2A7AD9; font-size: 13px; cursor: pointer; }
    .tom-login-body-left-radio-1 > input{ width: 13px; height: 13px; border: 1px solid #959595; background-color: #FFF; }
    .tom-login-body-left-code{ height: auto; margin-top: 15px; }
    .tom-login-body-left-button{ height: 40px; margin-top: 15px; line-height: 40px; font-size: 12px; color: #FFF; background-color: #1e4690; text-align: center; border-radius: 4px; cursor: pointer; }
    .tom-login-body-left-button:hover{ background-color: #15306E; font-size: 13px; }
    .tom-login-body-left-button > img{ height: 100%; width: 100%; }
    .tom-login-body-left-registerTry{ height: 40px; margin-top: 10px; line-height: 40px; color: #747474; font-size: 15px; text-align: center; cursor: pointer; }
}
@media (min-width: 768px) and (max-width: 991px) {
    .tom-login-body-left{  position: absolute; top: 5px; right: 5px; width: 30%; height: 96%; padding-left: 16px; padding-right: 16px; padding-top: 0px;  background-color: #FFF; border: 1px solid #D2D2D2; border-radius: 4px; }

    .tom-login-body-left-text{ height: auto; margin-top: 9px; }      .tom-login-body-left-text.register{ margin-top: 5px; }
    .tom-login-body-left-error-info{ height: 16px; line-height: 16px; color: #FF0000; font-size: 12px; position: relative; }
    .tom-login-body-left-error-info-inner{ position: absolute; height: 100%; left: 0px; width: auto; z-index: 2000; color: #FF0000; white-space:nowrap; }
    .tom-login-body-left-text > input{ width: 100%; height: 26px; border: 1px solid #D2D2D2; border-radius: 3px; padding-left: 6px; color: #4B4B4B; }        .tom-login-body-left-text.register > input{ width: 95%;}   .tom-login-body-left-text.register > span{ color: #FF0000;}
    .tom-login-body-left-text > input::-webkit-input-placeholder{ color: #D2D2D2; }
    .tom-login-body-left-text > input::-moz-placeholder{ color: #D2D2D2; }
    .tom-login-body-left-text > input::-ms-input-placeholder{ color: #D2D2D2; }
    .tom-login-body-left-text > select{ width: 100%; height: 26px; border: 1px solid #D2D2D2; border-radius: 3px; padding-left: 6px; }
    .tom-login-body-left-radio{ height: 20px; margin-top: 9px; }
    .tom-login-body-left-radio-1{ float: left; width: 20px; height: 20px; }
    .tom-login-body-left-radio-2{ float: left; width: auto; line-height: 20px; color: #A1A1A1; font-size: 9px;  }
    .tom-login-body-left-radio-3{ float: right; width: auto; line-height: 20px; color: #2A7AD9; font-size: 9px; cursor: pointer; }
    .tom-login-body-left-radio-1 > input{ width: 13px; height: 13px; border: 1px solid #959595; background-color: #FFF; }
    .tom-login-body-left-code{ height: auto; margin-top: 9px; }
    .tom-login-body-left-button{ height: 26px; margin-top: 7px; line-height: 26px; font-size: 12px; color: #FFF; background-color: #1e4690; text-align: center; border-radius: 4px; cursor: pointer; }
    .tom-login-body-left-button:hover{ background-color: #15306E; font-size: 13px; }
    .tom-login-body-left-button > img{ height: 100%; width: 100%; }
    .tom-login-body-left-registerTry{ height: 26px; margin-top: 10px; line-height: 26px; color: #747474; font-size: 12px; text-align: center; cursor: pointer; }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .tom-login-body-left{  position: absolute; top: 5px; right: 5px; width: 30%; height: 96%; padding-left: 21px; padding-right: 21px; padding-top: 0px; background-color: #FFF; border: 1px solid #D2D2D2; border-radius: 4px; }

    .tom-login-body-left-text{ height: auto; margin-top: 12px; }     .tom-login-body-left-text.register{ margin-top: 10px; }
    .tom-login-body-left-error-info{ height: 22px; line-height: 22px; color: #FF0000; font-size: 12px; position: relative; }
    .tom-login-body-left-error-info-inner{ position: absolute; height: 100%; left: 0px; width: auto; z-index: 2000; color: #FF0000; white-space:nowrap; }
    .tom-login-body-left-text > input{ width: 100%; height: 33px; border: 1px solid #D2D2D2; border-radius: 3px; padding-left: 8px; color: #4B4B4B; }       .tom-login-body-left-text.register > input{ width: 95%;}    .tom-login-body-left-text.register > span{ color: #FF0000;}
    .tom-login-body-left-text > input::-webkit-input-placeholder{ color: #D2D2D2; }
    .tom-login-body-left-text > input::-moz-placeholder{ color: #D2D2D2; }
    .tom-login-body-left-text > input::-ms-input-placeholder{ color: #D2D2D2; }
    .tom-login-body-left-text > select{ width: 100%; height: 33px; border: 1px solid #D2D2D2; border-radius: 3px; padding-left: 8px; }
    .tom-login-body-left-radio{ height: 20px; margin-top: 12px; }
    .tom-login-body-left-radio-1{ float: left; width: 25px; height: 20px; }
    .tom-login-body-left-radio-2{ float: left; width: auto; line-height: 20px; color: #A1A1A1; font-size: 11px;  }
    .tom-login-body-left-radio-3{ float: right; width: auto; line-height: 20px; color: #2A7AD9; font-size: 11px; cursor: pointer; }
    .tom-login-body-left-radio-1 > input{ width: 13px; height: 13px; border: 1px solid #959595; background-color: #FFF; }
    .tom-login-body-left-code{ height: auto; margin-top: 12px; }
    .tom-login-body-left-button{ height: 33px; margin-top: 8px; line-height: 33px; font-size: 14px; color: #FFF; background-color: #1e4690; text-align: center; border-radius: 4px; cursor: pointer; }
    .tom-login-body-left-button:hover{ background-color: #15306E; font-size: 15px; }
    .tom-login-body-left-button > img{ height: 100%; width: 100%; }
    .tom-login-body-left-registerTry{ height: 33px; margin-top: 15px; line-height: 33px; color: #747474; font-size: 14px; text-align: center; cursor: pointer; }
}
@media (min-width: 1200px){
    .tom-login-body-left{  position: absolute; top: 35px; right: 16px; width: 324px; height: 447px; padding-left: 30px; padding-right: 30px; padding-top: 0px; background-color: #FFF; border: 1px solid #D2D2D2; border-radius: 4px; }

    .tom-login-body-left-text{ height: auto; margin-bottom: 18px; }     .tom-login-body-left-text.register{ margin-top: 0px; }
    .tom-login-body-left-error-info{ height: 40px; line-height: 40px; color: #FF0000; font-size: 14px; position: relative; }
    .tom-login-body-left-error-info-inner{ position: absolute; height: 100%; left: 0px; width: auto; z-index: 2000; color: #FF0000; white-space:nowrap; }
    .tom-login-body-left-text > input{ width: 100%; height: 36px; border: 1px solid #D2D2D2; border-radius: 3px; padding-left: 10px; color: #4B4B4B; }       .tom-login-body-left-text.register > input{ width: 95%;}   .tom-login-body-left-text.register > span{ color: #FF0000;}
    .tom-login-body-left-text > input::-webkit-input-placeholder{ color: #D2D2D2; }
    .tom-login-body-left-text > input::-moz-placeholder{ color: #D2D2D2; }
    .tom-login-body-left-text > input::-ms-input-placeholder{ color: #D2D2D2; }
    .tom-login-body-left-text > select{ width: 100%; height: 40px; border: 1px solid #D2D2D2; border-radius: 3px; padding-left: 10px;  }
    .tom-login-body-left-radio{ height: 20px; margin-top: -6px; margin-bottom: 12px; }
    .tom-login-body-left-radio-1{ float: left; width: 30px; height: 20px; }
    .tom-login-body-left-radio-2{ float: left; width: auto; line-height: 20px; color: #A1A1A1; font-size: 13px;  }
    .tom-login-body-left-radio-3{ float: right; width: auto; line-height: 20px; color: #2A7AD9; font-size: 13px; cursor: pointer; }
    .tom-login-body-left-radio-1 > input{ width: 13px; height: 13px; border: 1px solid #959595; background-color: #FFF; }
    .tom-login-body-left-code{ height: auto; margin-top: 0px; }
    .tom-login-body-left-button{ height: 36px; margin-top: 10px; line-height: 36px; font-size: 16px; color: #FFF; background-color: #1e4690; text-align: center; border-radius: 4px; cursor: pointer; }
    .tom-login-body-left-button:hover{ background-color: #15306E; font-size: 17px; }
    .tom-login-body-left-button > img{ height: 100%; width: 100%; }
    .tom-login-body-left-registerTry{ height: 36px; margin-top: 20px; line-height: 36px; color: #747474; font-size: 15px; text-align: center; cursor: pointer; }
}
/* slide */
.big-screen{ height: 100%; width: 100%;}             @media (max-width: 767px) {   .big-screen{ display: none; }   }
.big-screen > div{ height: 100%; }
.big-screen > div > div{ height: 100%; }
.big-screen > div > div > div{ height: 100%; }
.big-screen-inner{ height: 100%; cursor: pointer;}
.big-screen-inner > div { height : 100%; }
.big-screen-inner > div > img{ height: 100% !important; width:100% !important; }
/** 去轮轮播插件左右箭头背景 **/
.big-screen-custom-carousel{
    background-image: none !important;
}


/* 短文 */
@media (max-width: 767px) {
    .tom-login-short-back{ display: none; }
}
@media (min-width: 768px) and (max-width: 991px) {
    .tom-login-short-back{ width: 100%; height: 100px; background-color: #FFFFFF; }
    .tom-login-short{ width: 100%; height: 100px; margin: 0 auto; padding: 17px 35px 0px 35px; }
    .tom-login-short-every{ float: left; width: 33.333333%; height: 100%; cursor: pointer; }
    .tom-login-short-every-inner{ width: 75%; height: 100%; margin: 0 auto; }
    .tom-login-short-every-inner-title{ height: 19px; line-height: 19px; font-size: 10px; color: #1E4690; }
    .tom-login-short-every-inner-text{ height: 64px; line-height: 16px; font-size: 9px; color: #999999; }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .tom-login-short-back{ width: 100%; height: 129px; background-color: #FFFFFF; }
    .tom-login-short{ width: 100%; height: 129px; margin: 0 auto; padding: 22px 35px 0px 35px; }
    .tom-login-short-every{ float: left; width: 33.333333%; height: 100%; cursor: pointer; }
    .tom-login-short-every-inner{ width: 75%; height: 100%; margin: 0 auto;  }
    .tom-login-short-every-inner-title{ height: 25px; line-height: 25px; font-size: 13px; color: #1E4690; }
    .tom-login-short-every-inner-text{ height: 83px; line-height: 21px; font-size: 12px; color: #999999; }
}
@media (min-width: 1200px){
    .tom-login-short-back{ width: 100%; height: 156px; background-color: #FFFFFF; }
    .tom-login-short{ width: 1200px; height: 156px; margin: 0 auto; padding: 26px 35px 0px 35px; }
    .tom-login-short-every{ float: left; width: 33.333333%; height: 100%; cursor: pointer; }
    .tom-login-short-every-inner{ width: 75%; height: 100%; margin: 0 auto; }
    .tom-login-short-every-inner-title{ height: 30px; line-height: 30px; font-size: 20px; color: #1E4690; }
    .tom-login-short-every-inner-text{ height: 100px; line-height: 22px; font-size: 14px; color: #999999; }
}

/* 页尾 */
@media (max-width: 767px) {
    .tom-login-foot-back{ width: 100%; height: 96px; background-color: #000000; position: absolute; bottom: 0px;; }
    .tom-login-foot{ width: 100%; height: 100%; margin: 0 auto; padding: 0px 35px 0px 35px; line-height: 96px; font-size: 14px; color: #FFF; text-align: center; }
}
@media (min-width: 768px) and (max-width: 991px) {
    .tom-login-foot-back{ width: 100%; height: 96px; background-color: #000000; }
    .tom-login-foot{ width: 100%; height: 100%; margin: 0 auto; padding: 0px 35px 0px 35px; line-height: 96px; font-size: 14px; color: #FFF; text-align: center; }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .tom-login-foot-back{ width: 100%; height: 96px; background-color: #000000; }
    .tom-login-foot{ width: 100%; height: 100%; margin: 0 auto; padding: 0px 35px 0px 35px; line-height: 96px; font-size: 14px; color: #FFF; text-align: center;}
}
@media (min-width: 1200px) and (max-width: 1650px){
    .tom-login-foot-back{ width: 100%; height: 96px; background-color: #000000; }
    .tom-login-foot{ width: 1200px; height: 100%; margin: 0 auto; padding: 0px 35px 0px 35px; line-height: 96px; font-size: 14px; color: #FFF; text-align: center; }
}
@media (min-width: 1650px){
    .tom-login-foot-back{ width: 100%; height: 96px; background-color: #000000; position: absolute; bottom: 0px; }
    .tom-login-foot{ width: 1200px; height: 100%; margin: 0 auto; padding: 0px 35px 0px 35px; line-height: 96px; font-size: 14px; color: #FFF; text-align: center; }
}


/* 注册成功后倒计时页面 */

@media (max-width: 767px) {
    .register-success-title{ height: 50px; line-height: 25px; font-size: 14px; font-weight: bold; color:#0099FF; text-align: center; margin-top: 30px; }
    .register-success-info{ height: auto; line-height: 30px; font-size: 14px; color:#290029; text-align: center; }
    .register-success-button{ height: 30px; width: 100px; margin: 0 auto; line-height: 25px; text-align: center; background-color:#2A8CC6; border: 2px solid #797979; border-radius: 5px; color: #FFF; margin-top: 30px; }
}
@media (min-width: 768px) and (max-width: 991px) {
    .register-success-title{ height: 70px; line-height: 70px; font-size: 20px; font-weight: bold; color:#0099FF; text-align: center; margin-top: 80px; }
    .register-success-info{ height: auto; line-height: 30px; font-size: 16px; color:#290029; text-align: center; }
    .register-success-button{ height: 30px; width: 100px; margin: 0 auto; line-height: 25px; text-align: center; background-color:#2A8CC6; border: 2px solid #797979; border-radius: 5px; color: #FFF; margin-top: 30px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .register-success-title{ height: 70px; line-height: 70px; font-size: 20px; font-weight: bold; color:#0099FF; text-align: center; margin-top: 80px; }
    .register-success-info{ height: auto; line-height: 30px; font-size: 16px; color:#290029; text-align: center; }
    .register-success-button{ height: 30px; width: 100px; margin: 0 auto; line-height: 25px; text-align: center; background-color:#2A8CC6; border: 2px solid #797979; border-radius: 5px; color: #FFF; margin-top: 30px; }
}
@media (min-width: 1200px){
    .register-success-title{ height: 70px; line-height: 70px; font-size: 20px; font-weight: bold; color:#0099FF; text-align: center; margin-top: 80px; }
    .register-success-info{ height: auto; line-height: 30px; font-size: 16px; color:#290029; text-align: center; }
    .register-success-button{ height: 30px; width: 100px; margin: 0 auto; line-height: 25px; text-align: center; background-color:#2A8CC6; border: 2px solid #797979; border-radius: 5px; color: #FFF; margin-top: 30px; cursor: pointer; }
}


/* 忘记密码页面 */
@media (max-width: 767px) {
    .tom-forgetPwd-body-back{ width: 100%; height: auto; background-color: #F5F5F5; padding: 0px 35px 0px 35px; border: 0px solid blue; }
    .tom-forgetPwd-body{ width: 100%; height: auto; margin: 0 auto; overflow: hidden; padding-bottom: 30px; }
    .tom-forgetPwd-flowchart{ height: 100px; border: 0px solid red; overflow: hidden; }
    .tom-forgetPwd-flowchart-inner{ height: 60px; margin-top: 20px; }
    .tom-forgetPwd-flowchart-inner > div{ height: 100%; float: left; position: relative; }
    .div1{ width: 20%; }.div2{ width: 20%; }.div3{ width: 10%; }.div4{ width: 20%; }.div5{ width: 10%; }.div6{ width: 20%; }
    .tom-forgetPwd-flowchart-inner > div > .title{ height: 100%; text-align: center; line-height: 60px; color: #1E468E; font-size: 12px; font-weight: bold; }
    .tom-forgetPwd-flowchart-inner .flowchart-img{ height: 30px; width: 29.5px; margin: 15px auto; cursor: pointer; }
    .tom-forgetPwd-flowchart-inner .flowchart-txt{ display:none; }
    .tom-forgetPwd-flowchart-inner .flowchart-txt.blue{ color: #1E468E; }
    .tom-forgetPwd-flowchart-inner .flowchart-img > img{ height: 100%;}
    .flowchart-line{ height: 0px; border: 1px solid #DCDCDC; width: 70%; margin: 30px auto;  }  .flowchart-line.blue{ border: 1px solid #1E468E; }

    .tom-forgetPwd-form{ height:200px; background-color: #FFF; border-radius: 15px; overflow: hidden; }
    .tom-forgetPwd-form-inner.step1{ float: right; width: 80%; height: 100%; padding-top: 30px; }
    .tom-forgetPwd-form-inner.step2{ float: right; width: 80%; height: 100%; padding-top: 10px; }
    .tom-forgetPwd-form-inner.step3{ width: 100%; height: 100%; overflow: hidden; padding-top: 40px; }
    .tom-forgetPwd-form-inner .input-div{ height: 30px;  margin-top: 10px; border-radius: 5px; }
    .tom-forgetPwd-form-inner .input-div > input{ height: 100%; width: 130px; border-radius: 5px; border: 1px solid #E1E1E1; padding-left: 5px; }
    .tom-forgetPwd-form-inner .input-div > input::-webkit-input-placeholder{ color: #D8D8D8; font-size: 12px; }
    .tom-forgetPwd-form-inner .input-div > select{ height: 100%; width: 130px; border-radius: 5px; border: 1px solid #E1E1E1; padding-left: 5px; }
    .tom-forgetPwd-form-inner .input-div.botton{ width: 130px; background-color: #1E468E; text-align: center; color:#FFF; line-height: 30px; cursor: pointer; }
    .tom-forgetPwd-form-inner .input-div.title{ font-size: 20px; line-height: 40px; }
    .tom-forgetPwd-form-inner #getCode{ display: inline-block; width: 75px !important; height: 30px; font-size: 12px; background-color: #447ADC; xcolor: #FFF; text-align: center; padding-left: 0px !important; border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important;  cursor: pointer; user-focus: none; user-select: none; }
    .tom-forgetPwd-form-inner #second{ display: none; width: 40px !important; height: 30px; font-size: 12px; color: #D1D1D1; text-align: center; padding-left: 0px !important; cursor: pointer; user-focus: none; font-szie: 16px; }
    .tom-forgetPwd-form-inner #valiCode{border-top-right-radius: 0px; border-bottom-right-radius: 0px;}
    .tom-forgetPwd-form-inner #over-text{ margin: 0 auto; text-align: center; font-size: 12px; }
    .tom-forgetPwd-form-inner #login{ margin: 22px auto !important; }
}
@media (min-width: 768px) and (max-width: 991px) {
    .tom-forgetPwd-body-back{ width: 100%; height: 300px; background-color: #F5F5F5; padding: 0px 35px 0px 35px; border: 0px solid blue; }
    .tom-forgetPwd-body{ width: 100%; height: 300px; margin: 0 auto; overflow: hidden; border: 0px solid red; }
    .tom-forgetPwd-flowchart{ height: 100px; border: 0px solid red; overflow: hidden; }
    .tom-forgetPwd-flowchart-inner{ height: 60px; margin-top: 20px; }
    .tom-forgetPwd-flowchart-inner > div{ height: 100%; float: left; position: relative; }
    .div1{ width: 20%; }.div2{ width: 20%; }.div3{ width: 10%; }.div4{ width: 20%; }.div5{ width: 10%; }.div6{ width: 20%; }
    .tom-forgetPwd-flowchart-inner > div > .title{ height: 100%; text-align: center; line-height: 60px; color: #1E468E; font-size: 20px; font-weight: bold; }
    .tom-forgetPwd-flowchart-inner .flowchart-img{ height: 100%; width: 59px; cursor: pointer;  }
    .tom-forgetPwd-flowchart-inner .flowchart-txt{ position: absolute; left: 59px; right: 0px; top: 0px; bottom: 0px; text-align: center; color: #DCDCDC; padding-top: 8px; font-size: 12px; font-weight: bold; }
    .tom-forgetPwd-flowchart-inner .flowchart-txt.blue{ color: #1E468E; }
    .tom-forgetPwd-flowchart-inner .flowchart-img > img{ height: 100%;}
    .flowchart-line{ height: 0px; border: 1px solid #DCDCDC; width: 70%; margin: 30px auto;  }  .flowchart-line.blue{ border: 1px solid #1E468E; }

    .tom-forgetPwd-form{ height:180px; background-color: #FFF; border-radius: 15px; }
    .tom-forgetPwd-form-inner.step1{ float: right; width: 80%; height: 100%; padding-top: 26px; }
    .tom-forgetPwd-form-inner.step2{ float: right; width: 80%; height: 100%; padding-top: 6px; }
    .tom-forgetPwd-form-inner.step3{ width: 100%; height: 100%; overflow: hidden; padding-top: 36px; }
    .tom-forgetPwd-form-inner .input-div{ height: 30px;  margin-top: 10px; border-radius: 5px; }
    .tom-forgetPwd-form-inner .input-div > input{ height: 100%; width: 280px; border-radius: 5px; border: 1px solid #E1E1E1; padding-left: 15px; }
    .tom-forgetPwd-form-inner .input-div > input::-webkit-input-placeholder{ color: #D8D8D8;  }
    .tom-forgetPwd-form-inner .input-div > select{ height: 100%; width: 280px; border-radius: 5px; border: 1px solid #E1E1E1; padding-left: 15px; }
    .tom-forgetPwd-form-inner .input-div.botton{ width: 280px; background-color: #1E468E; text-align: center; color:#FFF; line-height: 30px; cursor: pointer; }
    .tom-forgetPwd-form-inner .input-div.title{ font-size: 30px; line-height: 30px; }
    .tom-forgetPwd-form-inner #getCode{ display: inline-block; width: 110px !important; height: 30px; background-color: #447ADC; color: #FFF; text-align: center; padding-left: 0px !important; border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important; cursor: pointer; user-focus: none; user-select: none; }
    .tom-forgetPwd-form-inner #second{ display: none; width: 110px !important; height: 30px;  color: #D1D1D1; text-align: center; padding-left: 0px !important; cursor: pointer; user-focus: none; font-szie: 16px; }
    .tom-forgetPwd-form-inner #valiCode{border-top-right-radius: 0px; border-bottom-right-radius: 0px;}
    .tom-forgetPwd-form-inner #over-text{ margin: 0 auto; text-align: center; }
    .tom-forgetPwd-form-inner #login{ margin: 22px auto !important; }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .tom-forgetPwd-body-back{ width: 100%; height: 385px; background-color: #F5F5F5; padding: 0px 35px 0px 35px; border: 0px solid blue; }
    .tom-forgetPwd-body{ width: 100%; height: 385px; margin: 0 auto; overflow: hidden; border: 0px solid red; }
    .tom-forgetPwd-flowchart{ height: 124px; border: 0px solid red; overflow: hidden; }
    .tom-forgetPwd-flowchart-inner{ height: 60px; margin-top: 32px; }
    .tom-forgetPwd-flowchart-inner > div{ height: 100%; float: left; position: relative; }
    .div1{ width: 20%; }.div2{ width: 16%; }.div3{ width: 16%; }.div4{ width: 16%; }.div5{ width: 16%; }.div6{ width: 16%; }
    .tom-forgetPwd-flowchart-inner > div > .title{ height: 100%; text-align: center; line-height: 60px; color: #1E468E; font-size: 30px; font-weight: bold; }
    .tom-forgetPwd-flowchart-inner .flowchart-img{ height: 100%; width: 59px; cursor: pointer;  }
    .tom-forgetPwd-flowchart-inner .flowchart-txt{ position: absolute; left: 59px; right: 0px; top: 0px; bottom: 0px; text-align: center; color: #DCDCDC; padding-top: 8px; font-size: 14px; font-weight: bold; }
    .tom-forgetPwd-flowchart-inner .flowchart-txt.blue{ color: #1E468E; }
    .tom-forgetPwd-flowchart-inner .flowchart-img > img{ height: 100%;}
    .flowchart-line{ height: 0px; border: 1px solid #DCDCDC; width: 70%; margin: 30px auto;  }  .flowchart-line.blue{ border: 1px solid #1E468E; }

    .tom-forgetPwd-form{ height:240px; background-color: #FFF; border-radius: 15px; }
    .tom-forgetPwd-form-inner.step1{ float: right; width: 80%; height: 100%; padding-top: 30px; }
    .tom-forgetPwd-form-inner.step2{ float: right; width: 80%; height: 100%; padding-top: 16px; }
    .tom-forgetPwd-form-inner.step3{ width: 100%; height: 100%; overflow: hidden; padding-top: 50px; }
    .tom-forgetPwd-form-inner .input-div{ height: 36px;  margin-top: 12px; border-radius: 5px; }
    .tom-forgetPwd-form-inner .input-div > input{ height: 100%; width: 300px; border-radius: 5px; border: 1px solid #E1E1E1; padding-left: 15px; }
    .tom-forgetPwd-form-inner .input-div > input::-webkit-input-placeholder{ color: #D8D8D8;  }
    .tom-forgetPwd-form-inner .input-div > select{ height: 100%; width: 300px; border-radius: 5px; border: 1px solid #E1E1E1; padding-left: 15px; }
    .tom-forgetPwd-form-inner .input-div.botton{ width: 300px; background-color: #1E468E; text-align: center; color:#FFF; line-height: 36px; cursor: pointer; }
    .tom-forgetPwd-form-inner .input-div.title{ font-size: 30px; line-height: 36px; }
    .tom-forgetPwd-form-inner #getCode{ display: inline-block; width: 130px !important; height: 36px; background-color: #447ADC; color: #FFF; text-align: center; padding-left: 0px !important; border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important; cursor: pointer; user-focus: none; user-select: none; }
    .tom-forgetPwd-form-inner #second{ display: none; width: 130px !important; height: 36px; color: #D1D1D1; text-align: center; padding-left: 0px !important; cursor: pointer; user-focus: none; font-szie: 16px; }
    .tom-forgetPwd-form-inner #valiCode{border-top-right-radius: 0px; border-bottom-right-radius: 0px;}
    .tom-forgetPwd-form-inner #over-text{ margin: 0 auto; text-align: center; }
    .tom-forgetPwd-form-inner #login{ margin: 22px auto !important; }
}
@media (min-width: 1200px){
    .tom-forgetPwd-body-back{ width: 100%; height: 516px; background-color: #F5F5F5; padding: 0px 35px 0px 35px; border: 0px solid blue; }
    .tom-forgetPwd-body{ width: 1200px; height: 460px; margin: 0 auto; overflow: hidden; border: 0px solid red; }
    .tom-forgetPwd-flowchart{ height: 156px; border: 0px solid red; overflow: hidden; }
    .tom-forgetPwd-flowchart-inner{ height: 60px; margin-top: 48px; }
    .tom-forgetPwd-flowchart-inner > div{ height: 100%; float: left; position: relative; }
    .div1{ width: 20%; }.div2{ width: 16%; }.div3{ width: 16%; }.div4{ width: 16%; }.div5{ width: 16%; }.div6{ width: 16%; }
    .tom-forgetPwd-flowchart-inner > div > .title{ height: 100%; text-align: center; line-height: 60px; color: #1E468E; font-size: 30px; font-weight: bold; }
    .tom-forgetPwd-flowchart-inner .flowchart-img{ height: 100%; width: 59px; cursor: pointer; }
    .tom-forgetPwd-flowchart-inner .flowchart-txt{ position: absolute; left: 59px; right: 0px; top: 0px; bottom: 0px; text-align: center; color: #DCDCDC; padding-top: 8px; font-size: 14px; font-weight: bold; }
    .tom-forgetPwd-flowchart-inner .flowchart-txt.blue{ color: #1E468E; }
    .tom-forgetPwd-flowchart-inner .flowchart-img > img{ height: 100%;}
    .flowchart-line{ height: 0px; border: 1px solid #DCDCDC; width: 70%; margin: 30px auto;  }  .flowchart-line.blue{ border: 1px solid #1E468E; }

    .tom-forgetPwd-form{ height:280px; background-color: #FFF; border-radius: 15px; }
    .tom-forgetPwd-form-inner.step1{ float: right; width: 80%; height: 100%; padding-top: 30px; }
    .tom-forgetPwd-form-inner.step2{ float: right; width: 80%; height: 100%; padding-top: 12px; }
    .tom-forgetPwd-form-inner.step3{ width: 100%; height: 100%; overflow: hidden; padding-top: 70px; }
    .tom-forgetPwd-form-inner .input-div{ height: 40px;  margin-top: 22px; border-radius: 5px; }
    .tom-forgetPwd-form-inner .input-div > input{ height: 100%; width: 320px; border-radius: 5px; border: 1px solid #E1E1E1; padding-left: 15px; }
    .tom-forgetPwd-form-inner .input-div > input::-webkit-input-placeholder{ color: #D8D8D8;  }
    .tom-forgetPwd-form-inner .input-div > select{ height: 100%; width: 320px; border-radius: 5px; border: 1px solid #E1E1E1; padding-left: 15px; }
    .tom-forgetPwd-form-inner .input-div.botton{ width: 320px; background-color: #1E468E; text-align: center; color:#FFF; line-height: 40px; cursor: pointer; }
    .tom-forgetPwd-form-inner .input-div.title{ font-size: 30px; line-height: 40px; }
    .tom-forgetPwd-form-inner #getCode{ display: inline-block; width: 140px !important; height: 40px; background-color: #447ADC; color: #FFF; text-align: center; padding-left: 0px !important; border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important;  cursor: pointer; user-focus: none; user-select: none; }
    .tom-forgetPwd-form-inner #second{ display: none; width: 140px !important; height: 40px; color: #D1D1D1; text-align: center; padding-left: 0px !important; cursor: pointer; user-focus: none; font-szie: 16px; }
    .tom-forgetPwd-form-inner #valiCode{border-top-right-radius: 0px; border-bottom-right-radius: 0px;}
    .tom-forgetPwd-form-inner #over-text{ margin: 0 auto; text-align: center; }
    .tom-forgetPwd-form-inner #login{ margin: 22px auto !important; }
}