body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}
body{background-color: rgb(19, 24, 28);}
table{border-collapse:collapse;border-spacing:0}
address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;font-style:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}
q:before,q:after{content:''}
fieldset,img,abbr,acronym{border:0}
img{margin: 0;padding: 0;max-width: 100%;height: auto;display: block;}
input{outline: none;}
.c:before,.c:after {content:"";display:table}
.c:after {clear:both}
.c {zoom:1}
body {font-family:"\5FAE\8F6F\96C5\9ED1";font-size: 12px;}
/*a {text-decoration:none;overflow:hidden;-webkit-transition: all .5s ease; -o-transition: all .5s ease;-moz-transition: all .5s ease;}*/
a {text-decoration:none;overflow:hidden;}
a:hover {text-decoration:underline}
a:focus{text-decoration:none;}
a:visited {text-decoration:none;}
:focus{outline: none;}

.hide {display:block;width:0;height:0;overflow:hidden;}
.pr {position:relative;}
.pa {position:absolute;}
.fl {float:left;}
.fr {float:right;}
.db {display:block;text-indent:-999em;}
.sp {background: url(../images/sp.png) no-repeat;}
.center{text-align: center;}



.container{width:1200px;margin:0 auto;}
.wrap {background:url(../images/wrap.jpg) no-repeat 50% 0;min-width:1200px;}
.head{background: url(../images/head.jpg) no-repeat 50% 0;height:219px;padding-top: 560px;}
.download{background-position: -3px -3px;width: 178px;height: 42px;position: absolute;right: -5px;top: 82px;}
.download:hover{background-position: -3px -50px;}
.gzh{position: absolute;width: 139px;height: 283px;right: -109px;top: 246px;}
.content{background: url(../images/content.jpg) no-repeat 50% 0;min-height: 1400px;padding-top: 210px;padding-bottom: 60px;}

.btn-gw{position: absolute;width: 200px;height: 80px;left: 0;top: 25px;}
.yy-bt{background-position: -11px -20px;width: 282px;height: 85px;margin: 0 auto;}
.yy-bt:hover{background-position: -11px -152px;}
.bs-wd{font-size: 20px;color: #e8e8e8;line-height: 1.8;}
.pt1,.pt2,.pt3{padding-left: 100px;padding-right:100px}
.ft-box1{width: 980px;margin: 20px auto;}
.ft-tit{background-position: -604px -24px;width: 117px;height: 27px;}
.ft-ct{font-size: 17px;color: #5a4031;line-height: 32px;}
.qq-box{display: none; background-position: -38px -442px;width: 207px;height: 67px;position: absolute;padding-top: 69px;right: 0;top: 340px;z-index: 998;}
.qq-box a{display: block; font-size: 18px;color: #fff3c5;width: 135px;height: 28px;text-align: center;line-height: 34px;margin-left: 13px;}
.qq-box a:hover{opacity: 0.8;}
.ewm-tab{background-position: -449px -331px;width: 170px;height: 423px;position: fixed;top: 50%;right: 0px;transform: translateY(-50%);z-index: 999;transition: all 0.3s ease;}
.ewm-tab-link{position: absolute;bottom: 0;left: 0;right: 0;height: 120px;display: block;cursor: pointer;text-decoration: none;z-index: 1000;border-radius: 0 0 8px 8px;transition: all 0.3s ease;}
.bs-ts{font-size: 16px;color: #cccccc;padding-top: 60px;padding-left: 170px;line-height: 1.8;}
/* 预约弹窗样式 */
.pop-box{background-color: rgba(19, 24, 28, 0.98);width: 520px;min-height: 500px;position: relative;display: none;border-radius: 16px;border: 1px solid rgba(181, 152, 97, 0.3);overflow: hidden;}
.pop-header{background-color: rgba(181, 152, 97, 0.15);padding: 25px 30px;border-bottom: 1px solid rgba(181, 152, 97, 0.2);overflow: hidden;}
.pop-header:after{content: '';display: table;clear: both;}
.pop-header:before{content: '';display: table;}
.pop-title{font-size: 24px;color: #b59861;font-weight: bold;margin: 0;float: left;}
.pop-close-btn{width: 32px;height: 32px;line-height: 32px;text-align: center;font-size: 28px;color: #b59861;cursor: pointer;border-radius: 50%;background: rgba(181, 152, 97, 0.1);float: right;display: block;}
.pop-close-btn:hover{background: rgba(181, 152, 97, 0.3);color: #fff;}
.yy-form{padding: 40px 35px;width: 100%;}
.yy-form{box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.form-group{margin-bottom: 25px;}
.form-label{display: block;font-size: 14px;color: #b59861;margin-bottom: 8px;font-weight: 500;}
.input-wrapper{position: relative;width: 100%;}
.form-input{width: 100%;height: 48px;padding: 0 16px;background: rgba(255, 255, 255, 0.05);border: 1px solid rgba(181, 152, 97, 0.3);border-radius: 8px;color: #fff;font-size: 16px;}
.form-input{box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.form-input:focus{outline: none;border-color: #b59861;background: rgba(255, 255, 255, 0.08);}
.form-input::-webkit-input-placeholder{color: rgba(181, 152, 97, 0.5);}
.form-input:-moz-placeholder{color: rgba(181, 152, 97, 0.5);}
.form-input::-moz-placeholder{color: rgba(181, 152, 97, 0.5);}
.form-input:-ms-input-placeholder{color: rgba(181, 152, 97, 0.5);}
.code-wrapper{overflow: hidden;display: table;width: 100%;table-layout: fixed;}
.code-input{display: table-cell;width: auto;margin-right: 12px;vertical-align: top;}
.code-input{box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.code-btn{height: 48px;padding: 0 24px;background-color: #b59861;border: none;border-radius: 8px;color: #fff;font-size: 14px;font-weight: bold;cursor: pointer;white-space: nowrap;min-width: 120px;display: table-cell;vertical-align: middle;text-align: center;width: 120px;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b59861', endColorstr='#9a7d4f', GradientType=0);}
.code-btn:hover{background-color: #c5a871;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5a871', endColorstr='#b59861', GradientType=0);}
/* IE 浏览器兼容性修复 */
.ie9 .code-btn,
.ie10 .code-btn,
.ie11 .code-btn {
	line-height: 48px;
	vertical-align: middle;
}
.error-msg{color: #ff6b6b;font-size: 12px;margin-top: 6px;min-height: 18px;line-height: 18px;}
.checkbox-group{margin-top: 10px;overflow: hidden;}
.checkbox-group input[type="checkbox"]{float: left;margin-right: 10px;margin-top: 2px;}
.checkbox-group .custom-checkbox{float: left;width: auto;}
input[type="checkbox"] {
        display: none; /* 隐藏原生checkbox */
    }

    .custom-checkbox {
        position: relative;
        padding-left: 28px;
        cursor: pointer;
        user-select: none;
		font-size: 14px;
		color: rgba(255, 255, 255, 0.8);
		line-height: 1.6;
    }

    .custom-checkbox:before {
        content: "";
        position: absolute;
        left: 0;
        /* top: 2px; */
        width: 18px;
        height: 18px;
        border: 2px solid rgba(181, 152, 97, 0.5);
        background-color: rgba(255, 255, 255, 0.05);
        border-radius: 4px;
    }

    /* 当checkbox被选中时 */
    input[type="checkbox"]:checked + .custom-checkbox:before {
        background-color: #b59861;
        border-color: #b59861;
    }
    input[type="checkbox"]:checked + .custom-checkbox:after {
        content: "✓";
        position: absolute;
        left: 6px;
        top: 2;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        line-height: 18px;
    }
    /* 当checkbox处于不确定状态时（例如，部分选中） */
    input[type="checkbox"]:indeterminate + .custom-checkbox:before {
        background-color: #ffcc00;
        border-color: #ffcc00;
    }
.yy-btn{width: 240px;height: 70px;display: block;margin: 0 auto;}
.submit-btn{width: 100%;height: 52px;background-color: #b59861;border: none;border-radius: 8px;color: #fff;font-size: 18px;font-weight: bold;cursor: pointer;margin-top: 20px;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b59861', endColorstr='#9a7d4f', GradientType=0);}
.submit-btn:hover{background-color: #c5a871;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5a871', endColorstr='#b59861', GradientType=0);}
.submit-btn:active{-ms-transform: translateY(0);transform: translateY(0);}
.policy-link{color: #b59861;text-decoration: none;margin: 0 2px;transition: all 0.3s ease;}
.policy-link:hover{color: #c5a871;text-decoration: underline;}
/* 预约资格和下载按钮 */
.action-buttons{display: -ms-flexbox;display: flex;-ms-flex-direction: row;-ms-flex-wrap: nowrap;-ms-flex-align: center;-ms-flex-pack: start;flex-direction: row;flex-wrap: nowrap;align-items: center;justify-content: flex-start;padding: 100px 0 20px;overflow: hidden;zoom: 1;white-space: nowrap;}
.action-buttons:after{content: '';display: table;clear: both;}
.action-btn{display: -ms-flexbox;display: flex;-ms-flex-direction: column;-ms-flex-align: center;-ms-flex-pack: center;flex-direction: column;align-items: center;justify-content: center;-ms-flex-negative: 0;flex-shrink: 0;text-decoration: none;position: relative;background: url(../images/title_bg.png) no-repeat center center;background-size: 100% 100%;border: none;overflow: hidden;cursor: pointer;margin-right: 26px;text-align: center;zoom: 1;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
/* IE9 兼容：按钮容器和内部元素 */
.ie9 .action-buttons{display: block;font-size: 0;text-align: left;}
.ie9 .action-btn{display: inline-block;vertical-align: top;position: relative;}
.ie9 .action-btn .btn-text,
.ie9 .action-btn .btn-date{display: block;text-align: center;position: relative;}
/* IE10/11 兼容：确保 flexbox 正确工作 */
.ie10 .action-buttons,
.ie11 .action-buttons{display: -ms-flexbox;display: flex;-ms-flex-wrap: nowrap;flex-wrap: nowrap;}
.ie10 .action-btn,
.ie11 .action-btn{display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;}
.action-btn:hover{-ms-transform: translateY(-5px);transform: translateY(-5px);}
.action-btn:active{-ms-transform: translateY(-2px);transform: translateY(-2px);}
.action-btn .btn-text{font-size: 22px;color: #fff;font-weight: bold;margin-bottom: 10px;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);letter-spacing: 1px;white-space: nowrap;display: block;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.action-btn .btn-date{font-size: 18px;color: #FFD700;font-weight: normal;text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);white-space: nowrap;display: block;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.action-btn:hover .btn-text{color: #fff;text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8);}
.action-btn:hover .btn-date{color: #FFEB3B;text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8);}
.reserve-btn,.download-btn,.test-phase-btn,.official-btn{background: url(../images/title_bg.png) no-repeat center center;background-size: 100% 100%;}
/* 标题图片样式 */
.title-img-container{text-align: center;margin: 30px 0 20px;padding: 0 20px;line-height: 0;}
.title-img{max-width: 100%;height: auto;display: block;image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;}
/* 主标题 - 测试详情与参与方式 */
.title-main{text-align: left;margin-bottom: 30px;padding-left: 0;}
.title-main .title-img{margin: 0;}
/* 子标题 - 申请时间、测试时间等，右对齐 */
.title-sub{text-align: right;padding-right: 105px;padding-left: 0;margin: 20px 0;}
.title-sub .title-img{margin-left: 20px;margin-right: 0;}

/* 页脚样式 */
.spft {background: url(../images/spbt.png) no-repeat;}
.ft-wrap{background-color: rgba(21, 21, 21, 1);}
.footer{background-color: #151515;padding: 35px 0;line-height: 21px;}
.ft-box{width: 1194px;margin: 0 auto;}
.ft-left{width: 359px;padding-left: 30px;padding-top: 27px;}
.ft-logo{background-position: 0 0;width: 359px;height: 60px;float: left;}
.ft-webzen{background-position: -226px -46px;width: 79px;height: 66px;float: left;}
.ft-right{width: 757px;}
.ft-right p{color: #fff;float: left;text-align: left;}
.ft-right p a{color: #fff;line-height: 25px;float: left;}
.ft-right p span{float: left;line-height: 25px;margin: 0 5px;}
.ft-bz{background-position: -444px -3px;width: 19px;height:22px;float: left;margin-right: 5px;margin-top: 2px;}
.ft-wh{background-position: -412px -3px;width: 22px;height: 22px;float: left;margin-right: 5px;margin-top: 2px;}
.ft-ba{background-position: -388px -2px;width: 18px;height: 21px;float: left;margin-right: 5px;margin-top: 2px;}
.ft-ga{background-position: -364px -3px;width: 18px;height: 21px;float: left;margin-right: 5px;margin-top: 2px;}