/**
 *
 * Apply your custom CSS here
 *
*/
.row { margin: 0 }

.myhead { height: 70px; background-color: white; }
    .myhead .top { height: 36px; }
        .myhead .top a { display: block; text-align: right; padding: 8px 15px 0 0; font-size: 18px; }
    .myhead .logo { position: absolute; top: 15px; left: 10px; background-color: white; height: 52px; width: 245px; padding: 2px }
        .myhead .logo img { height: 48px; }
    .myhead .bottom { height: 30px; background-color: #CE291F; padding-right:10px; }
        .myhead .bottom li { float: right; line-height: 30px; padding: 0 15px; }
            .myhead .bottom li a { color: white }

.page-container .main-content { padding: 0; }
.video { padding: 3px; border-bottom: solid 3px #CE291F }
    .video img { width: 100%; border: 0; height: 100%; margin-bottom: 10px }

.tit { margin: 0 8px; border-bottom: solid 1px #CCCCCC }
    .tit li { display: block; color: #999999; font-size: 14px; line-height: 65px; height: 45px }
    .tit .m_tit-1 { color: #CE291F; font-size: 16px; font-weight: bold; }

.cont { padding: 15px 10px 8px 10px; text-align: center; }
    .cont p { font-size: 14px; line-height: 28px; text-align: left; }
    .cont .larry-btn { width: 25%; background: #c4141b; }

.xe-widget.xe-counter .xe-label .num, .xe-widget.xe-counter-block .xe-upper .xe-label .num, .xe-widget.xe-progress-counter .xe-upper .xe-label .num { font-size: 16px; line-height:22px; }

.layui-form-item { margin: 10px 0 }
.layui-form-label { text-align: left; height: 66px; }
    .layui-form-label strong { line-height: 20px; vertical-align: bottom; display: block; font-size: 14px }
    .layui-form-label p { color: #0099FF }
.layui-form-checkbox span { padding: 0 5px }
.layui-form-checkbox[lay-skin="primary"] span { padding-right: 5px ;color: #979898}
.layui-input-block { height: 66px; vertical-align: middle; padding-top: 16px }


.panel { margin:30px 15px; }
.radio-inline, .checkbox-inline { padding-left: 0px }
.layui-form-radio { line-height: initial; margin: 0; }
    .layui-form-radio i { font-size: 18px }

.xe-widget.xe-counter-block, .xe-widget.xe-progress-counter { cursor:pointer;}

.user-details { padding: 50px 20px 5px; text-align: center; display:none; }
    .user-details h3 a { color: white; }
    .user-details .user-title { padding: 25px 0 0 }

footer.main-footer { background-color: white; position: relative }

input[type] { border: none; }

#basic form .form-group-separator { margin-bottom: 0px; }
#basic .form-group { margin: 0px; }
    #basic .form-group > div { line-height: 37px; padding: 2px; text-align: center; height: 40px }
        #basic .form-group > div + div { border-left: 1px solid #eeeeee; }

th, td { text-align: center; vertical-align: middle }

table > thead > tr > th + th, table > tbody > tr > td + td { border-left: 1px solid #eeeeee; }
.table > thead > tr > td, .table > thead > tr > th, .table > tbody > tr > td { border-bottom: none; }
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { vertical-align: middle }

.form-control { padding: 0; }

.panel .panel-heading { padding-bottom: 0px; border: none; }

@media screen and (max-width: 768px) {
    .navbar.horizontal-menu .navbar-inner { padding: 0; }
    .boxed-container { background-color: white; }
        .boxed-container .page-container .main-content { background-color: white; }
    .page-container .main-content .main-footer { margin-left: auto; margin-right: auto; text-align: center; }
    .page-container .main-content .page-title { display: none; }
    footer.main-footer .footer-text { float: initial; color: #C9C5C5; }
}

@media (min-width: 768px) { /* pad 定义*/
    .cont p { padding: 0 25px; }
    .layui-form-item { padding-left: 25px; background-color: white; margin: 10px 18px; }
}

@media (min-width: 1024px) { /* pad pro and pc 定义*/
    .tit { margin: 0 20px }
    .navbar.horizontal-menu .navbar-inner .navbar-nav { display: none }
    .sidebar-menu .main-menu a { font-size: 16px; }
    .boxed-container .page-container { width: 1024px; padding: 0; }
    .myhead .top { width: 1024px; }
        .myhead .top a { display: none; }
/*    .myhead .bottom li { display: none; }*/
    .cont p { padding: 0 25px; }
    .page-container .main-content .page-title { margin: 0; }
    .page-container .main-content .main-footer { margin-left: auto; margin-right: auto; text-align: center; background-color: #eeeeee }
    footer.main-footer .footer-text { float: initial; color: #C9C5C5; text-align:center }
    .layui-form-item { padding-left: 5px; background-color: white; margin: 10px 30px; }
    .user-details { display: block; }}

@media screen and (max-width: 450px) {
    .layui-form-item .layui-form-checkbox { margin-right: 0px; }
    .layui-form-item .layui-form-label { white-space:initial;}
}