@charset "utf-8";
/* 高端大气现代化样式 - 优化版 */
:root {
    --primary-color: #6366f1;
    --primary-dark: #4f46e5;
    --primary-light: #818cf8;
    --secondary-color: #f59e0b;
    --success-color: #10b981;
    --danger-color: #ef4444;
    --warning-color: #f59e0b;
    --info-color: #3b82f6;
    --text-primary: #1f2937;
    --text-secondary: #6b7280;
    --text-muted: #9ca3af;
    --bg-primary: #ffffff;
    --bg-secondary: #f9fafb;
    --bg-tertiary: #f3f4f6;
    --border-color: #e5e7eb;
    --border-dark: #d1d5db;
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
}

body {
    margin: 0;
    font-size: 14px;
    line-height: 1.6;
    text-align: center;
    color: var(--text-primary);
    word-wrap: break-word;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", Roboto, "Helvetica Neue", Arial, sans-serif;
    white-space: normal;
    overflow-wrap: break-word;
    background: var(--bg-secondary);
}

p {
    margin: 0.5em 0;
}

* {
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

a {
    color: var(--primary-color);
    text-decoration: none;
    transition: all 0.2s ease;
}

a:hover {
    color: var(--primary-dark);
    text-decoration: none;
}

.acy {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.bgcy {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

form {
    margin: 0;
}

table, td {
    border-collapse: collapse;
    font-size: 14px;
}

input, select, textarea {
    outline: none;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", Roboto, sans-serif;
    transition: all 0.2s ease;
}

input[type='text'],
input[type='password'],
input[type='email'],
input[type='number'],
input[type='tel'],
textarea,
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    padding: 8px 12px;
    font-size: 14px;
    background: var(--bg-primary);
    color: var(--text-primary);
}

input:focus,
textarea:focus,
select:focus {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
}

/* 按钮通用样式 */
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 500;
    border: none;
    border-radius: var(--radius-md);
    cursor: pointer;
    transition: all 0.2s ease;
    text-decoration: none;
}

.btn-primary {
    background: linear-gradient(135deg, var(--primary-color), var(--primary-dark));
    color: white;
    box-shadow: var(--shadow-sm);
}

.btn-primary:hover {
    background: linear-gradient(135deg, var(--primary-dark), #4338ca);
    box-shadow: var(--shadow-md);
    transform: translateY(-1px);
}

.btn-success {
    background: linear-gradient(135deg, var(--success-color), #059669);
    color: white;
}

.btn-success:hover {
    background: linear-gradient(135deg, #059669, #047857);
}

.btn-danger {
    background: linear-gradient(135deg, var(--danger-color), #dc2626);
    color: white;
}

.btn-danger:hover {
    background: linear-gradient(135deg, #dc2626, #b91c1c);
}

.btn-secondary {
    background: var(--bg-tertiary);
    color: var(--text-primary);
    border: 1px solid var(--border-color);
}

.btn-secondary:hover {
    background: var(--border-color);
}

/* 卡片样式 */
.card {
    background: var(--bg-primary);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
    border: 1px solid var(--border-color);
}

/* 渐变背景 */
.gradient-bg {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.gradient-blue {
    background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
}

.gradient-orange {
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}

.gradient-green {
    background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
}

/* 动画 */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

.animate-fade-in {
    animation: fadeIn 0.3s ease;
}

.animate-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.yjcode {
    width: 1250px;
}

.fontyh {
    font-family: "Microsoft YaHei", 微软雅黑, "Microsoft JhengHei", 华文细黑, STHeiti, MingLiu;
    color: #000;
}

.red {
    color: var(--danger-color);
}

.feng {
    color: var(--secondary-color);
}

.blue {
    color: var(--primary-color);
}

.hui {
    color: var(--text-muted);
}

.green {
    color: var(--success-color);
}

.redony {
    background-color: #fef2f2;
    border: 1px solid var(--danger-color);
    color: var(--danger-color);
    border-radius: var(--radius-md);
}
.bfb{float:left;width:100%;clear:both;}
.clear{float:left;width:100%;}
.clear10{height:10px;}
.clear15{height:15px;}
.clear20{height:20px;}
.clear50{height:50px;}
.ad1{margin:15px 0 0 0;float:left;}
.ad{float:left;}
.adf{float:left;margin:-10px 0 0 0;}
.adbottom .ad1{float:left;margin:0 0 8px 0;}

.topbanner_hj{width:100%;min-width:1250px;float:left;}
.topbanner_hj a{display:block;width:100%;height:100%;}

.dqwz{float:left;width:1250px;margin:15px 0 0 0;text-align:left;font-size:14px;color:#7F7F7F;}
.dqwz li{float:left;}
.dqwz .l1{width:950px;}
.dqwz .l1 a{color:#7F7F7F;}
.dqwz .l1 a:hover{text-decoration:underline;color:#333;}
.dqwzbai{color:#fff;}
.dqwzbai .u1 .l1 a{color:#fff;}

/*显示一行*/
.lineone{display:inline-block;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis;}
.linetwo{text-overflow: -o-ellipsis-lastline;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.linethree{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

.glopage {
    float: left;
    margin: 20px 0 0 0;
    width: 100%;
    padding: 0;
    height: auto;
    clear: both;
    text-align: center;
}

.glopage a {
    border: 1px solid var(--border-color);
    margin: 0 4px;
    padding: 8px 14px;
    background-color: var(--bg-primary);
    border-radius: var(--radius-md);
    font-weight: 500;
    display: inline-block;
}

.glopage a:hover {
    text-decoration: none;
    background-color: var(--bg-tertiary);
    border-color: var(--primary-color);
    color: var(--primary-color);
    transform: translateY(-1px);
}

.glopage .a1 {
    padding: 8px 14px;
    color: white;
    background: linear-gradient(135deg, var(--primary-color), var(--primary-dark));
    border-color: var(--primary-color);
}

/*右侧商家信息 - 高端优化*/
.glouserinf {
    float: right;
    width: 260px;
    background-color: var(--bg-primary);
    padding-bottom: 20px;
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
    overflow: hidden;
    border: 1px solid var(--border-color);
}
.glouserinf .u1{float:left;width:235px;background:url(/img/rightuserbg.gif) repeat-x;height:62px;}
.glouserinf .u1 li{float:left;}
.glouserinf .u1 .l1{width:35px;padding:2px;border:#eeeeee solid 1px;margin:9px 0 0 12px;}
.glouserinf .u1 .l1 img{width:35px;height:35px;float:left;}
.glouserinf .u1 .l2{width:170px;margin:9px 0 0 12px;}
.glouserinf .u1 .l2 a{font-size:13px;font-weight:700;float:left;width:100%;height:20px;overflow:hidden;line-height:20px;}
.glouserinf .u1 .l2 .s1{float:left;margin-top:4px;}
.glouserinf .u2{float:left;width:209px;margin:13px 13px 0 13px;border-bottom:#ededed solid 1px;}
.glouserinf .u2 li{float:left;}
.glouserinf .u2 .l1{width:60px;height:26px;}
.glouserinf .u2 .l2{width:149px;height:26px;}
.glouserinf .u3{float:left;width:209px;margin:10px 13px 0 13px;border-bottom:#ededed solid 1px;padding-bottom:10px;}
.glouserinf .u3 li{float:left;}
.glouserinf .u3 .l1{font-size:15px;font-weight:700;background:url(/img/lx.gif) left center no-repeat;padding-left:24px;width:185px;line-height:25px;height:25px;}
.glouserinf .u3 .l2{clear:both;margin:10px 0 0 0;}
.glouserinf .u3 .l2 a{float:left;color:#777;font-size:14px;line-height:18px;height:18px;padding-left:24px;}
.glouserinf .u3 .l2 .qq{background:url(/img/qqsmall.png) left center no-repeat;}
.glouserinf .u3 .l2 .wx{background:url(/img/wx.png) left center no-repeat;}
.glouserinf .u3 .l2 .mot{background:url(/img/mot.png) left center no-repeat;}
.glouserinf .u3 .l2 .dx{background:url(/img/dx.png) left center no-repeat;}
.glouserinf .userinfu3{position:fixed;top:0;margin:0 0 0 0;background-color:#fff;width:233px;border:#e0e0e0 solid 1px;border-top:0;}
.glouserinf .userinfu3 .l1{height:43px;line-height:43px;background:url(/img/lx1.png) 75px center no-repeat;background-color:#f9f9f9;padding-left:98px;width:135px;text-align:left;border-bottom:#e0e0e0 solid 1px;}
.glouserinf .userinfu3 .l2{padding-left:10px;}
.glouserinf .u4{float:left;width:209px;margin:3px 13px 0 13px;border-bottom:#ededed solid 1px;}
.glouserinf .u4 li{float:left;}
.glouserinf .u4 .l1{font-size:15px;font-weight:700;background:url(/img/sj.gif) left center no-repeat;padding-left:24px;width:185px;line-height:36px;height:36px;}
.glouserinf .u4 .l2{width:100%;padding:0 0 6px 0;}
.glouserinf .u5{float:left;width:212px;margin:10px 0 0 11px;}
.glouserinf .u5 li{float:left;width:70px;color:#999999;border-right:#ededed solid 1px;height:37px;padding-top:1px;text-align:center;line-height:19px;}
.glouserinf .u5 .l0{border-right:0;}
.glouserinf .u5 li span{color:#ff6600;}
.glouserinf .u6{float:left;width:235px;}
.glouserinf .u6 li{float:left;}
.glouserinf .u6 .l1{width:235px;}
.glouserinf .u6 .l1 a{float:left;width:63px;height:30px;border:#e5e5e5 solid 1px;color:#666;margin:10px 0 0 15px;line-height:30px;padding-left:29px;}
.glouserinf .u6 .l1 .a1{background:url(/img/shop1.gif) no-repeat;background-position:8px 8px;}
.glouserinf .u6 .l1 .a2{background:url(/img/shop1.gif) no-repeat;background-position:8px 8px;}
.glouserinf .u6 .l1 a:hover{color:#000;}
.glouserinf .dub{float:left;background:url(img/bao.gif) no-repeat;background-position:10px 10px;width:173px;padding-left:30px;border:#c6f6bc solid 1px;height:35px;color:#2e8a11;margin:10px 0 0 15px;font-size:13px;background-color:#f6fdf4;line-height:35px;}
.glouserinf .dub strong{font-size:15px;font-weight:500;color:#ff6600;}

/*交易规则 - 高端优化*/
.glojygz {
    float: left;
    margin: 16px 0 0 0;
    width: 100%;
    background-color: var(--bg-primary);
    padding: 0 0 24px 0;
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--border-color);
}

.glojygz .d1cap {
    float: left;
    width: calc(100% - 48px);
    border-bottom: 2px solid var(--bg-tertiary);
    height: 48px;
    margin: 20px 24px 0 24px;
    line-height: 48px;
}

.glojygz .d1cap span {
    float: left;
    color: var(--primary-color);
    font-weight: 700;
    font-size: 16px;
    border-bottom: 2px solid var(--primary-color);
    padding: 0 4px;
}

.glojygz .gztxt {
    float: left;
    line-height: 1.8;
    font-size: 14px;
    width: calc(100% - 48px);
    margin: 16px 24px 0 24px;
    color: var(--text-secondary);
}

.glojygz .gztxt img {
    max-width: 100%;
    border-radius: var(--radius-md);
}

/*交易评价*/
.glojypj{float:left;margin:10px 0 0 0;width:100%;background-color:#fff;}
.glojypj .cap{float:left;width:100%;height:46px;}
.glojypj .cap li{float:left;}
.glojypj .cap .l1{width:118px;font-size:14px;padding-left:12px;line-height:46px;}
.glojypj .cap .l2{width:calc(100% - 352px);line-height:46px;color:#666666;font-size:14px;padding-right:10px;text-align:right;}
.glojypj .cap .l3{width:24px;height:24px;border:#ededed solid 1px;border-right:0;margin:10px 0 0 0;line-height:24px;text-align:center;background-color:#f9f9f9;}
.glojypj .cap .l4{width:70px;border:#dddddd solid 1px;margin:10px 0 0 0;line-height:24px;text-align:center;}
.glojypj .cap .l5{width:24px;height:24px;border:#ededed solid 1px;border-left:0;margin:10px 0 0 0;line-height:24px;text-align:center;background-color:#f9f9f9;}
.glojypj .cap .l6{width:30px;height:24px;border:#ededed solid 1px;margin:10px 0 0 5px;overflow:hidden;}
.glojypj .cap .l6 input{border:0;width:30px;height:24px;text-align:center;}
.glojypj .cap .l7{width:43px;}
.glojypj .cap .l7 a{float:left;width:42px;height:24px;line-height:24px;border:#ededed solid 1px;margin:10px 0 0 0;background-color:#f4f4f4;border-left:0;text-align:center;}

/*评价列表*/
.glopjlist{float:left;padding:0 17px 20px 0;width:calc(100% - 17px);border-top:#ededed solid 1px;}
.glopjlist .pjuser{float:left;width:100px;margin:20px 9px 0 9px;text-align:center;}
.glopjlist .pjuser li{float:left;}
.glopjlist .pjuser .l1{width:100px;}
.glopjlist .pjuser .l1 .s1{float:left;width:100%;}
.glopjlist .pjuser .l1 .s1 img{border:#dddddd solid 1px;padding:1px;border-radius:2px;width:50px;height:50px;margin:0 0 4px 0;}
.glopjlist .pjuser .l1 .s2{float:left;width:100%;margin:5px 0 0 0;}
.glopjlist .pjnr{float:left;width:calc(100% - 138px);}
.glopjlist .pjnr .u1{float:left;width:100%;line-height:30px;line-height:30px;border-bottom:#f7f7f7 solid 2px;color:#999;}
.glopjlist .pjnr .u1 li{float:left;}
.glopjlist .pjnr .u1 .l1{padding-right:20px;}
.glopjlist .pjnr .p1{float:left;font-size:13px;line-height:25px;padding:10px 0;}
.glopjlist .pjnr .p2{float:left;font-size:13px;line-height:25px;padding:10px;margin:0 0 0 30px;border:#4ea615 dotted 1px;background-color:#ecffe0;width:calc(100% - 52px);color:#387d0c;clear:both;}
.glopjlist .pjnr .p3{float:left;clear:both;}
.glopjlist .pjnr .p3 img{float:left;margin:0 10px 10px 0;}
.glonopj{float:left;width:100%;padding:20px 0;text-align:center;border-top:#eee solid 1px;color:#666;}

/*前面不要加东西，有可能会在弹窗里做说明*/
.glotishi{float:left;border-top:#e4e4e4 solid 1px;width:calc(100% - 40px);padding:13px 20px;background-color:#f6f9ff;font-size:14px;text-align:left;}
.glotishi .d1{float:left;background:url(/img/deng.png) left center no-repeat;padding-left:20px;height:25px;font-weight:700;line-height:25px;}
.glotishi .d2{float:left;width:100%;line-height:25px;margin:5px 0 0 0;}
.glotishi .d2 a{color:#056dae;}
.glotishi .d2 .xia{text-decoration:underline;}
.glotishi1{float:left;border-top:#fe952b dotted 1px;width:calc(100% - 40px);padding:13px 20px;background-color:#fff7eb;font-size:14px;text-align:left;line-height:25px;}