/***********************************************************************************************************************
 * 说明
 * z-index配置：
 *      100     内容
 *      500    顶部浮层
 *      1000    弹窗
 **********************************************************************************************************************/

 /***********************************************************************************************************************
 * 公共样式
 **********************************************************************************************************************/
/*页面样式*/
body, form {
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    color: #666;
}
body {
    background-image: url('../img/banner-bg-1.png');
    background-attachment:fixed;
    background-repeat:no-repeat;
    background-size:cover;
    -moz-background-size:cover;
    -webkit-background-size:cover;
}

/*链接不加下划线*/
a {
    text-decoration: none;
    color: #b9b9b9;
    cursor: pointer;
}
td {
    padding: 0px;
}

input,textarea {
    outline: none;
    resize: none;
}
select {
    padding-left: 10px;
}
img {
    border: 0;
}

.hyplnk {
    color: #1B9CFF;
    text-decoration: none;
}
.hyplnk:hover {
    color: #3682DB;
}

/*页面顶部*/
.layout-header {

}

/*页面主体*/
.layout-main {
    margin-top: 78px;
    display: block;
    min-height: 700px;
}
/*合作伙伴*/
.layout-partners{
    display: block;
    clear: both;
    background-color: #FDFDFD;
    text-align: center; 
    padding-top: 20px;   
}
/*页面底部*/
.layout-footer {
    display: block;
    clear: both;
    background-color: #2F2F2F;
    text-align: center;
    padding-top: 50px;
}
/*几个静态页面的大标题*/
.page-large-title {
    display: block;
    height: 370px;
    text-align: center;
    clear: both;
}
.page-large-title .zh-title {
    font-size: 52px;
    color: #fff;
    padding-top: 110px;
    padding-bottom: 15px;
}
.page-large-title .en-title {
    font-size: 32px;
    color: #fff;
}
/*蒙版*/
.mask-layer {
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background-color: #000;
    opacity: 0.4;
    z-index: 1000;
}
/*弹出浮层*/
.pop-layer {
    position: fixed;
    background-color: #fff;
    z-index: 1001;
}
/*按钮*/
.btn-blue {
    display: inline-block;
    cursor: pointer;
    text-align: center;
    background-color: #1B9CFF;
    border-radius: 3px;
    line-height: 35px;
    min-width: 4em;
    color: #fff;
    vertical-align: middle;
}
.btn-blue:hover {
    background-color: #3682DB;
}
.btn-red {
    display: inline-block;
    cursor: pointer;
    text-align: center;
    background-color: #F24F3E;
    border-radius: 3px;
    line-height: 35px;
    min-width: 4em;
    color: #fff;
    vertical-align: middle;
}
.btn-red:hover {
    background-color: #F22E1A;
}
.btn-white {
    display: inline-block;
    cursor: pointer;
    text-align: center;
    background-color: #fff;
    border-radius: 3px;
    line-height: 33px;
    border: 1px solid #dcdcdc;
    min-width: 4em;
    color: #333;
    vertical-align: middle;
}
.btn-white:hover {
    background-color: #f8f8f8;
}
.w145, .btn-w145 {
    width: 145px;
}
.btn-white .w145 {
    width: 143px;
}
.w45 {
    width: 45px;
}
.btn-white w45 {
    width: 43px;
}
.w60 {
    width: 60px;
}
.btn-white .w60 {
    width: 58px;
}
.w80 {
    width: 80px;
}
.btn-white .w80 {
    width: 78px;
}
.w100 {
    width: 100px;
}
.btn-white .w100 {
    width: 98px;
}
.w120 {
    width: 120px;
}
.w200 {
    width: 200px;
}
.btn-white .w120 {
    width: 118px;
}
.w300 {
    width: 300px;
}
.w35 {
    width: 35px;
}
.h45, .btn-h45 {
    height: 45px;
    line-height: 45px;
}
.btn-white .h45 {
    height: 43px;
    line-height: 43px;
}
.h35 {
    height: 35px;
    line-height: 35px;
}
.h25 {
    height: 25px;
    line-height: 25px;
}
.btn-white .h35 {
    height: 33px;
    line-height: 33px;
}
input {
    vertical-align: middle;
}
/*文本框*/
input[type='text'],input[type=password],select {
    border: 1px solid #D6D6D6;
    border-radius: 3px;
    height: 35px;
    line-height: 35px;
    color: #333;
    vertical-align: middle;
}
input[type='text'],input[type=password],textarea {
    padding-left: 10px;
    border: 1px solid #D6D6D6;
    border-radius: 3px;
}
/*必填标识*/
.require-flag {
    /*display: inline-block;*/
    display: none;
    vertical-align: middle;
    color: red;
    vertical-align: middle;
}

/*布局的表格*/
.layout-grid {
    width: 1200px;
    margin: 35px auto 0px auto;
    border-collapse: collapse;
}
.left-cell {
    width:193px;
    vertical-align: top;
}
.sep-cell {
    width: 35px;
}
.right-page {
    display: block;
    min-height: 750px;
    background-color: #fff;
    position: relative;
}
.right-page-header {
    border-collapse: collapse;
    width: 100%;
}
.right-page-header td {
    padding: 0px 30px;
    line-height: 80px;
}
.right-page-header td b {
    font-size: 16px;
}
.right-page-bg-bar {
    background-color: #F1F1F1;
    display: block;
    height: 55px;
}
.right-page-list-table {
    border-collapse: collapse;
    width: 932px;
    width: 100%;
}
.right-page-list-table th {
    line-height: 58px;
}
.right-page-list-table td {
    text-align: center;
    padding: 10px;
    border-bottom: 1px solid #efefef;
}
.sort-arrow {
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    font-size: 0px;
}
.sort-arrow .top-arrow {
    display: block;
    border-bottom: 5px solid #d8d8d8;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}
.sort-arrow .bottom-arrow {
    display: block;
    margin-top: 3px;
    border-top: 5px solid #747474;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
}
.sort-arrow-asc .top-arrow {
    border-bottom: 5px solid #747474;
}
.sort-arrow-asc .bottom-arrow {
    border-top: 5px solid #d8d8d8;
}
.dropdown-arrow {
    display: inline-block;
    vertical-align: middle;
    border-top: 7px solid #747474;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}
.layout-usercenter {
    border-collapse: collapse;
    width: 100%;
    min-height: 750px;
}
.usercenter-left-menu {
    display: block;
    height: 55px;
    line-height: 55px;
    color: #333;
}
.usercenter-left-menu-active {
    background-color: #F3F3F3;
}

.btn-get-sms {
    display: inline-block;
    border: 1px solid #1B9CFF;
    border-radius: 3px;
    color: #1B9CFF;
    height: 35px;
    line-height: 35px;
    vertical-align: middle;
    padding: 0px 5px;
}
.btn-get-sms-disabled {
    border: 1px solid #D6D6D6;
    color: #D6D6D6;
    cursor: default;
    font-size:12px;
}

.form-table td {
    padding: 10px;
}
.layout-usercenter input[type=text], .layout-usercenter input[type=password] {
    width: 310px;
}
.subaccount-list-table {
    border-collapse: collapse;
    width: 100%;
}
.subaccount-list-table .parent-row td {
    padding: 10px 20px;
}
.subaccount-list-table td img {
    vertical-align: middle;
}
.subaccount-list-table .parent-row {
    border-bottom: 1px solid #e1e1e1;
}

/*已上传的附件*/
.uploaded-attachment {
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    line-height: 45px;
    padding-right: 10px;
    margin-right: 5px;
}
.uploaded-attachment img {
    vertical-align: middle;
    cursor: pointer;
    width:12px;
    margin: 0px 10px;
}
.combo-list-title {
    display: block;
    background-color: #efefef;
    font-weight: bold;
    height: 45px;
    line-height: 45px;
    padding-left: 20px;
    margin-bottom: 10px;
}
.combo-item {
    display: block;
    height: 35px;
    line-height: 35px;
    border-left: 10px solid #fff;
    padding-left: 10px;
}
.combo-item span:hover {
    color: #1B9CFF;
    cursor: pointer;
}
.combo-item-active {
    border-left: 10px solid #1B9CFF;
}
.combo-item img {
    float: right;
    cursor: pointer;
    width: 16px;
    margin-top: 11px;
    margin-right: 10px;
}
/***********************************************************************************************************************
 * header.tpl
 **********************************************************************************************************************/
/*页面背景*/
.banner-bg {
    position: fixed;
    left: 0px;
    top: 0px;
}
/*导航栏*/
.navigation {
    display: block;
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    height: 78px;
    line-height: 78px;
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    z-index: 2000;
    /*
    padding-right:50px;
    padding-left:50px;
    */
}
.nav-logo {
    margin-left: 35px;
    border-width: 0px;
}
.nav-logo img {
    vertical-align: middle;
}
.nav-item {
    display: inline-block;
    color: white;
    text-decoration: none;
    font-size: 15px;
    text-align: center;
    float: right;
    margin-left: 2.4vw;
}

.navigation-fixed {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 78px;
    z-index: 1999;
}
.navigation-fixed-active {
    background-color: #fff;
    box-shadow: 0 0px 12px 0 rgba(0, 0, 0, 0.2);
}

/***********************************************************************************************************************
 * footer.tpl
 **********************************************************************************************************************/
.footer-logo {
    margin-bottom: 20px;
}
.footer-contact {
    text-align: center;
    margin-top: 35px;
}
.footer-contact-item {

    display: inline-block;
    margin: 0 20px;
}
.footer-contact-item div {
    text-align: center;
    display: block;
}
.footer-table{
    margin-top: 10px;
    color: #8a8a8a;
    font-size: 15.4px;
}
.footer-table td{
    text-align: center;
    width: 25%;
    padding: 5px;
}

/***********************************************************************************************************************
 * index.html
 **********************************************************************************************************************/
/*横幅*/
.slogen-1 {
    margin-top: 80px;
    text-align: center;
    color: #ffffff;
    font-size: 64px;
    font-weight: bold;
    display: block;
}
.slogen-2 {
    color: #ffffff;
    text-align: center;
    font-size: 32px;
    display: block;
}
/*4个板块*/
.index-block-list {
    margin-top: 133px;
    margin-bottom: 118px;
    z-index: 100;
}
.index-block-list a:hover {
    background-color: #3682DB;
}
.index-block {
    display: inline-block;
    width: 187px;
    height: 204px;
    position: relative;
    text-decoration: none;
    color: #fff;
    text-align: center;
    overflow: hidden;
}
.index-block-list a {
    text-decoration: none;
}
.index-block-1 {
    background-color: #41B4EF;
}
.index-block-2 {
    background-color: #1B9CFF;
    text-align: center;
}
.index-block-3 {
    background-color: #6382F8;
    text-align: center;
}
.index-block-4 {
    background-color: #8C6FEB;
    text-align: center;
}
.block-icon {
    display: block;
    height: 53px;
    margin: 42px auto 30px auto;
}
.block-title {
    font-size: 18.7px;
    line-height: 34px;
}
.block-subtitle {
    margin-top: 5px;
    font-size: 14px;
    line-height: 20px;
}

/***********************************************************************************************************************
 * index.html / advantage.html
 **********************************************************************************************************************/
.choose-list td {
    text-align: center;
}
.choose-list td .title {
    font-size: 20px;
    font-weight: bold;
    margin-top: 33px;
}
.choose-list td .marker {
    display: inline-block;
    width: 33px;
    border-bottom: 6px solid #4A90E2;
    margin-top: 28px;
}
.choose-list td .desc {
    font-size: 16px;

    color: #6a6a6a;
    line-height: 2em;
    width: 236px;
    margin-top: 29px;
    margin-bottom: 60px;
}

/***********************************************************************************************************************
 * about.html
 **********************************************************************************************************************/
.about-left-item {
    border-bottom: 2px solid #F7F7F7;
}
.about-left-item .icon {
    vertical-align: middle;
    margin-right: 10px;
}
.about-left-item a {
    line-height: 54px;
    font-size: 15px;
    font-weight: bold;
    color: #666;
    cursor: pointer;
}

/***********************************************************************************************************************
 * question.html
 **********************************************************************************************************************/
.qanda_item .marker {
    display: block;
    width: 33px;
    border-bottom: solid 6px #4990e2;
}
.qanda_item .title {
    font-weight: bold;
    font-size: 28px;
    margin-top: 23px;
}
.qanda_item .content {
    font-size: 16px;
    color: #606060;
    line-height: 2em;
    margin-top: 22px;
    margin-bottom: 60px;
}

/***********************************************************************************************************************
 * login.html
 **********************************************************************************************************************/
 .login-text-input {
    width: 280px;
    height: 45px;
    line-height: 45px;
    margin-top: 25px;
 }
 .login-btn {
    width: 290px;
    height: 45px;
    line-height: 45px;
    margin-top: 25px;
 }
 .login-link-forget {
    margin-right: 25px;
 }
 .login-link-register {
    margin-left: 25px;
    color: #3682DB;
 }

/***********************************************************************************************************************
 * register.html
 **********************************************************************************************************************/
.layout-register {
   width: 1000px;
   padding: 35px 100px;
   background-color: #fff;
   min-height: 700px;
   margin-top: 35px;
   margin-left: auto;
   margin-right: auto;
}
.register-title {
   font-size: 18px;
   border-bottom: 2px solid silver;
   padding-bottom: 15px;
}
.register-table {
   min-width: 430px;
   margin-top: 45px;
}
.register-table input[type=text],.register-table input[type=password] {
   width: 310px;
}
.register-table td {
    padding: 10px 0px;
}

/***********************************************************************************************************************
 * register.html / authinfo-personal.html / authinfo-enterprise.html
 **********************************************************************************************************************/
.auth-pic-enterprise {
    border: 1px solid silver;
    border-radius: 3px;
    cursor: pointer;
    display:block;
    width:231px;
    height:155px;
    overflow:hidden;
    text-align:center;
}
.auth-pic-personal {
    border: 1px solid silver;
    border-radius: 3px;
    cursor: pointer;
    display:block;width:162px;height:109px;overflow:hidden;text-align:center;
}

/***********************************************************************************************************************
 * forget-pwd.tpl
 **********************************************************************************************************************/
.forgetpwd-table {
   min-width: 430px;
   margin: 10px 20px;
}
.forgetpwd-table input[type=text],.forgetpwd-table input[type=password] {
   width: 260px;
}
.forget-pwd-get-sms {
    display: inline-block;
    border: 1px solid #1B9CFF;
    border-radius: 3px;
    color: #1B9CFF;
    height: 35px;
    line-height: 35px;
    vertical-align: middle;
    padding: 0px 5px;
}
.forgetpwd-table td {
    padding: 10px 0px;
}

/***********************************************************************************************************************
 * left-personal.tpl / left-enterprise.tpl
 **********************************************************************************************************************/
.left-menu {
    display: block;
    width: 100%;
    background-color: #fff;
    line-height: 70px;
    color: #333;
}
.left-menu img {
    vertical-align: middle;
    margin: 0px 15px 0px 35px;
}
.left-menu-active {
    background-color: #1B9CFF;
    color: #fff;
}

/*公司公告*/
.notice-block {
    width: 250.6px;
    height: 242px;
    border-radius: 2.8px;
    background-color: #ffffff;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
    border: solid 0.7px #f0f0f0;
    text-align: center;
}
.notice-block-snapshot {
    width: 222px;
    height: 117px;
    margin-top: 12px;
}
.notice-block-desc {
    font-size: 10px;
    padding: 0px 15px 0px 15px;
    line-height: 1.5em;
    height: 3em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*套餐项目列表*/
.project-category h4 {
    margin-left: 30px;
    clear:both;
}
.category-item-list {
    clear:both;
}
.category-item {
    border-collapse: collapse;
    float: left;
    margin-left: 30px;
}
.category-item-box-border {
    display: block;
    border: 1px solid #efefef;
    border-radius: 5px;
    box-shadow: 5px #e0e0e0;
    width: 165px;
}
.category-item-box {
    border-collapse: collapse;
    width: 100%;
}
.category-item-box td {
    text-align: left;
}
.category-item-box td .icon-select-project {
    margin-top: 10px;
    margin-left: 10px;
    float: left;
    cursor: pointer;
}
.category-item-box td .icon-project-info {
    margin-top: 10px;
    margin-right: 10px;
    float: right;
    cursor: pointer;
}
.icon-project-selector {
    cursor: pointer;
}
.dropdown-trigger {
    position: relative;
    cursor: pointer;
}
.dropdown-content {
    display: none;
    border-radius: 3px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
    padding: 10px 0px;
    background-color: #fff;
    z-index: 999;
    position: absolute;
    right: -5px;
}
.dropdown-content span {
    display: block;
    white-space: nowrap;
    line-height: 2em;
    text-align: left;
    padding: 0px 20px;
    cursor: pointer;
    font-weight: normal;
}
.dropdown-content span:hover {
    background-color: #1B9CFF;
    color: #fff;
}
.anchor-add {
    cursor: pointer;
    color: #1B9CFF;
}
.anchor-del {
    cursor: pointer;
    color: #F46557;
}
.dropdown-trigger:hover .dropdown-content {
    display: block;
}

.report-table {
    border-collapse: collapse;
    width: 100%;
}
.report-table td, .report-table th {
    border: 1px solid #f0f0f0;
    padding: 10px;
    min-width: 5em;
}
.content-color {
    color: #1B9CFF;
}

.input-warn-style {
    border: 1px solid #ff0000 !important;
    border-radius: 3px;
    box-shadow: 0px 0px 3px 3px rgba(255,0,0,0.3) !important;
}

.radio-group, .checkbox-group {
    display: inline-block;
    padding: 10px 0px;
}
.validate-checkbox-group {
    display: inline-block;
}

/* 澄清个数提示小图标样式 */
.apply-clear-count {
    display: inline-block;
    line-height: 16px;
    background-color: #ff0000;
    border-radius: 8px;
    color: #fff;
    padding: 0px 5px;
    font-size: 10px;
    float: right;
    margin-top: 30px;
    margin-right: 10px;
}

/* 上传按钮美化 */
.input-file-beautify {
    display:inline-block;
    border: 1px solid #96D2F4;
    background-color:#D1EEFF;
    border-radius:3px;
    text-align: center;
    position: relative;
    color: #1B87C5;
    width: 80px;
    height: 35px;
    overflow: hidden;
    line-height: 35px;
    vertical-align: middle;
}
.input-file-beautify input {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0;
    cursor: pointer;
}
.input-file-value {
    display: inline-block;
    line-height: 35px;
    text-align: left;
    vertical-align: middle;
    padding-left: 15px;
    min-width: 150px;
}

.coupon-nav{
    display: inline-block;
    line-height: 3em;
    text-align: center;
    padding: 0px 15px;
    cursor: pointer;
    border: 1px solid #efefef;
    margin-bottom: -1px;
    margin-left: -1px;
}
.coupon-nav-active {
    background-color: #efefef;
}