/* 公共样式文件 - 整合所有页面的通用样式 */

/* 重置样式 */
@import url('./new-themes/home/css/newUI/home/qg-reset.css');

/* 字体图标 */
@import url('./new-themes/home/icomoon/style.css');

/* 基础样式设置 */
@import url('./new-themes/home/css/setPublicStyle/setPublicStyle.css');
@import url('./new-themes/home/css/setStyleColor/setStyleColor.css');
@import url('./new-themes/home/css/setStyleIcon/setStyleIcon.css');

/* 公共组件样式 */
@import url('./new-themes/home/css/setPublicStyle/commonStyle.css');
@import url('./new-themes/home/css/setPublicStyle/header.css');
@import url('./new-themes/home/css/setPublicStyle/footer.css');

/* 消息提示样式 */
@import url('./new-themes/home/qg-message/qg-message.css');

/* 新版样式 */
@import url('./new-themes/home/css/new-css/setPublicStyle/setPublicStyle.css');
@import url('./new-themes/home/css/new-css/new-qg.css');
@import url('./new-themes/home/css/new-css/new-customColor.css');
@import url('./new-themes/home/css/customColor.css');

/* 响应式样式 */
@import url('./new-themes/home/css/rem/rem.css');

/* Swiper 轮播图样式 */
@import url('./new-themes/home/swiper-4.5.3/dist/css/swiper.min.css');

/* 全局样式重置和基础样式 */
* {
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* 通用工具类 */
.text-center {
    text-align: center;
}

.hidden {
    display: none;
}

.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

/* 图形验证码样式 */
.gvCode-item {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.gvCode-item .qg-text-item {
    width: 120px;
    min-width: 120px;
    margin-right: 6px;
}

.gvCode-item .code-img {
    width: 120px;
    height: 34px;
    overflow: hidden;
}

.gvCode-item .code-img img {
    display: block;
    width: 100%;
    height: 100%;
    transform: scale(1.15);
}

.gvCode-popup .qgui-qg-content {
    display: flex;
    justify-content: center;
    padding: 20px 35px;
}

.gvCode-popup .qgui-qg-btn {
    font-size: 42px;
}

.gvCode-popup .qgui-qg-btn .qgui-qg-btn0 {
    width: 246px;
    margin: 0;
}

/* 移动端验证码样式 */
.layui-m-layercont .gvCode-item {
    justify-content: center;
}

.layui-m-layercont .qg-text-item {
    width: 120px;
    height: 34px;
    border: 1px solid #EDEEF2;
}

.layui-m-layercont .qg-text-item input {
    width: 100%;
    height: 100%;
    text-indent: 1em;
}

/* 安全验证弹窗样式 */
.security-popup .form-li {
    display: flex;
    margin-bottom: 20px;
}

.security-popup .form-li-title {
    width: 72px !important;
}

.security-popup .form-li-box {
    display: flex;
    align-items: center;
    width: 300px;
}

.security-popup .international-code {
    width: 55px;
    min-width: 55px;
    border-right: none;
}

.security-popup .btn-send {
    height: 34px;
    width: 120px;
    margin-left: 7px;
}

.security-popup .btn-send a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
}

.security-popup .mobile,
.security-popup .verify-code {
    flex: 1;
}

.security-popup i {
    color: #D93026;
}

.security-popup .qg-disabled,
.security-popup .qg-disabled:hover {
    opacity: 0.3 !important;
    cursor: not-allowed;
}