@charset "utf-8";

/* CSS Document */

.con_box{width:440px; float:left; margin:20px 0 20px 20px;}
.tab{ overflow:hidden; }
.tab li,.tab a,.tab-item{cursor:pointer;float:left;text-align: center;}
.m, .mt, .mc, .mb{overflow:hidden;}
.mt .extra{float: right;}


.right-extra .mt{height:28px;line-height:28px;padding:0 10px 8px;border-top:1px solid #EED97C; color:#c00;}

.right-extra .tab{border-bottom:2px solid #BE0000;margin-bottom:10px;}

.right-extra .tab li{position:relative;height:24px;padding:3px 12px 0;overflow:hidden;margin-right:3px;line-height:24px;font-size:14px;font-weight:bold;color:#c30;}

.right-extra .tab span{position:absolute;left:0;top:0;z-index:1;width:10px;height:27px;background:url(../images/icon_clubs.gif) no-repeat 0 -150px;}

.right-extra .tab a{float:none;color:#c30;}

.right-extra .tab .curr{background-position:right -178px;color:#fff;}

.right-extra .tab .curr span{background-position:0 -178px;}

.right-extra .tab .curr a{color:#fff;}

.right-extra .mc .extra{padding:5px 10px;border-top:1px solid #F3E6C6;}

.right-extra .total{float:right;}

.right-extra .total strong{color:#FF7403;}

.right-extra .total a:link,.right-extra .total a:visited{color:#005aa0;}

.right-extra .join a:link,.right-extra .join a:visited{color:#FF7604;}

.right-extra .norecode{padding:0 10px 10px;}

.right-extra .iloading{margin-bottom:10px;}





/*图片放大镜样式*/

.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}

.jqzoom img{width:420px;height:420px;}

.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:420px;height:420px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}

.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*图片小图预览列表*/
.shuxingz{ float: left; margin-top:20px; width:720px; color:#626262; font-size:16px; font-family:"taipurui";}
.shuxingz .shuxing{ float: left; width:100%;}
.shuxingz .shuxing p{line-height:25px; }
.shuxingz p span{ color:#00236a; font-family: "taipurui-Bold"; }
.shuxingz .tsshuxing{float:left; width:100%; margin-top:10px; }
.shuxingz .tsshuxing p{line-height:25px;}

.shuxingz p span{ color:#626262; font-family: "taipurui-Bold"; }
.shuxingz .tsshuxing{ float:left; width:100%; margin-top:10px; }

.shuxingz .tsshuxing a:link {color:#626262; text-decoration:underline; } 
.shuxingz .tsshuxing a:visited {color:#626262; text-decoration:underline;} 
.shuxingz .tsshuxing a:hover,a:active {color:#00236a; text-decoration:none;}

.shuxingz .inquiry{ float:left; width:100%; margin-top:10px; }
.shuxingz .inquiry a{ float:left; padding:5px 15px; border-radius:4px; background-color:#00236a; border:1px solid #00236a; margin-right:10px;}
:target {
  scroll-margin-top:270px; /* 根据你的导航栏高度调整 */
}
.shuxingz .inquiry a:link {color:#ffffff; text-decoration:none; } 
.shuxingz .inquiry a:visited {color:#ffffff; text-decoration:none;} 
.shuxingz .inquiry a:hover{color:#00236a; background-color:#ffffff; border:1px solid #00236a; }


.booking{float: left; width:100%; margin-bottom:20px;}
.booking .formzong{float:left; width:100%; margin-top:10px; border-top:1px solid #f5f5f5; padding-top:15px;}
.booking .formzong caption{color:#022d86;text-transform:Uppercase;}

.xiangqing{ float:left; width:100%; border-bottom:1px solid #022d86;}
.xiangqing h2{ float:left; padding:0 20px;height:38px; line-height:38px; font-weight:normal; color:#ffffff; background-color:#022d86;  font-family: "taipurui-Bold";font-size:16px; border-radius:3px 3px 0 0;}
.xiangqing h3{ float:left; padding:0 20px;height:38px; line-height:38px; font-weight:normal; color:#ffffff; background-color:#022d86;  font-family: "taipurui-Bold"; font-size:16px; border-radius:3px 3px 0 0;}
.chanpinxq2{ float:left; width:1160px; padding:20px 20px; color:#626262; font-size:16px; line-height:25px;}
.chanpinxq2 .formzong .bitian { background:url(/skin/default/images/bitian.png) right center no-repeat; }

.chanpinxq2 .formzong .inname{font-size:14px; float:left; width:99%; padding-left:10px; border:2px dashed #e2e2e2; border-radius: 4px; margin:5px auto; height:30px; line-height:30px;}
.formzong .code{width:80px; border:1px solid #e2e2e2; border-radius:0px; height:22px; line-height:22px; vertical-align:middle;}
.formzong .codeimg{height:26px; width:auto; vertical-align:middle;}
.chanpinxq2 .formzong .rt{ float:right;}
.chanpinxq2 .formzong .zj{ margin-left:10px;}

.chanpinxq2 .formzong .contmessage{font-size:14px; padding-left:10px; float:left; font-family:"taipurui"; resize:none; width:99%; border:2px dashed #e2e2e2; border-radius:4px; margin:5px auto; height:75px; line-height:25px;}

.upload-container {
            width:90%;
            padding:30px 5% 20px 5%;
            background: #ffffff;
            border: 2px dashed #e2e2e2;
            border-radius: 10px;
            text-align: center;
            transition: border-color 0.2s, background 0.2s;
            cursor: pointer;
            position: relative;
        }

        /* 拖拽悬停效果 */
        .upload-container.dragover {
            border-color: #2d7aff;
            background: #f0f6ff;
        }

        /* 隐藏原生 input，但保留功能 */
        .upload-container input[type="file"] {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            cursor: pointer;
            z-index: 2;
        }

        /* 图标（可选用一个简单云朵图标，此处用 emoji 或 svg） */
        .upload-icon { width:50px; height:50px; margin-left:auto; margin-right:auto;
            line-height: 1;
            color: #88929e;
            margin-bottom: 8px;
            pointer-events: none;
			background:url(/skin/default/images/wenjian.png) no-repeat;
			background-size:50px 50px;
        }

        /* 主提示文字 */
        .upload-title {
            font-size: 15px;
            font-weight: 500;
            color: #24292f;
            pointer-events: none;
        }

        .upload-title span {
            color: #00236a;
            text-decoration: underline;
            text-underline-offset: 2px;
        }

        /* 副提示（文件格式 + 大小限制） */
        .upload-hint {
            margin-top:20px;
            font-size: 16px;
            color: #57606a;
            pointer-events: none;
        }

        .upload-hint .file-types {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 8px 12px;
            margin-bottom: 6px;
        }

        .upload-hint .file-types .type-tag {
            background: #f0f2f5;
            padding: 2px 10px;
            border-radius: 10px;
            font-size: 14px;
            color: #1f2328;
            letter-spacing: 0.3px;
        }

        .upload-hint .size-limit {
            font-size: 12px;
            color: #8b949e;
        }

        /* 已选文件显示（可选） */
        .file-name {
            margin-top: 10px;
            font-size: 14px;
            color: #00236a;
            font-weight: 500;
            pointer-events: none;
            word-break: break-all;
        }

        /* 响应式 */
        @media (max-width: 520px) {
            .upload-container {
                width:94%;
                padding:15px 10px; margin-bottom:10px;
            }
            .upload-hint .file-types {
                gap: 6px 10px;
            }
        }

.chanpinxq2 .formzong table td{ font-size:14px;}

.chanpinxq2 .formzong table td a:link {color:#626262; text-decoration:underline; } 
.chanpinxq2 .formzong table td a:visited {color:#626262; text-decoration:underline;} 
.chanpinxq2 .formzong table td a:hover,a:active {color:#323232; text-decoration: none;}


.chanpinxq2 .formzong .contactsubmit{color:#ffffff; background-color:#022d86; width:140px; margin-top:10px; margin-left:42%;text-transform: uppercase; font-size:16px; height:35px; line-height:32px; text-align:center; border-radius:24px; border:1px solid #022d86; cursor:pointer; }
.chanpinxq2 .formzong .contactsubmit:hover{color:#022d86; background-color:#ffffff; border:1px solid #022d86; }

.chanpinxq{ float:left; width:800px; padding:20px 200px; color:#626262; font-size:16px; line-height:24px;}
.chanpinxq a:link {color:#626262; text-decoration:none; } 
.chanpinxq a:visited {color:#626262; text-decoration:none;} 
.chanpinxq a:hover,a:active {color:#323232; text-decoration: underline;}

.chanpinxq ul{ margin:10px 0;}
.chanpinxq ul li{ list-style-position: inside; list-style-type:disc;}
.chanpinxq ul ol{ list-style-position: inside; list-style-type:circle;}

.chanpinxq h3{font-size:16px; line-height:26px;}

.chanpinxq table{border:1px solid #d2d2d2; margin:10px 0; width:100%;  border-spacing:0px;}
.chanpinxq table tr td{padding:5px 10px; line-height:22px; }
.chanpinxq table tr:nth-child(odd){ background: #f5f5f5;}

.chanpinxq p{margin-top:15px;}
.chanpinxq p span{color:#323232; font-weight:bold;}
.chanpinxq div{margin-top:15px;}
.chanpinxq p:first-child{margin-top:0px;}
.chanpinxq img{ margin:0px 0px; max-width:100%  !important; height:auto !important;}

.classfy{ line-height:30px; border-top:1px solid #f5f5f5; border-radius:4px; font-size:16px; float:left; width:1180px; padding:10px 20px; color:#626262;}
.classfy a:link {color:#626262; text-decoration:underline ; } 
.classfy a:visited {color:#626262; text-decoration: underline;} 
.classfy a:hover,a:active {color:#323232; text-decoration: none;}


.gongchang{float:left; margin-top:0px !important; width:100%; border-radius:4px; }
.gongchang p{ margin:10px 0 0 0;}
.gongchang img{border-radius:4px; margin-top:10px; max-width:100%  !important; height:auto !important;}
.gongchang p:last-child{margin-bottom:0px;}



#preview{ float:left; text-align:center; width:420px;}
.jqzoom{ width:420px; height:420px; position:relative;}

#spec-n5{width:350px; height:56px; padding-top:6px; overflow:hidden;}

#spec-left{background:url(../images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}

#spec-right{background:url(../images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}

#spec-list{ width:325px; float:left; overflow:hidden; margin-left:2px; display:inline;}

#spec-list ul { float:left; margin-right:0px; padding:0px;}

#spec-list ul li{ float:left; margin-right:0px; display:inline; width:64px;}

#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;}


/*
@media screen and (max-width:960px){
.spec-preview{width:100%; height:auto;}
#preview{ float:left; text-align:center; width:100%;}
.jqzoom{ width:100%; height:auto; }
.spec-scroll{clear:both;margin-top:10px;width:100%; }
}
*/

.spec-preview{width:420px;height:420px; }

.spec-scroll{clear:both;margin-top:10px;width:420px; float:left; color:#bbbbbb;}

.spec-scroll .prev{float:left;margin-right:4px;}

.spec-scroll .next{float:right;}

.spec-scroll .prev,.spec-scroll .next{display:block; text-align:center;width:10px;height:90px; line-height:90px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}

.spec-scroll .items{float:left;position:relative;width:386px;height:92px;overflow:hidden;}

.spec-scroll .items ul{position:absolute;width:999999px;height:92px;}

.spec-scroll .items ul li{float:left;width:97px;text-align:center;}

.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:86px;height:86px;}

.spec-scroll .items ul li img:hover{border:1px solid #323232;padding:2px;}