@charset "utf-8";
body, dd, dl, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, ol, p, select, td, textarea, th, ul { margin: 0; padding: 0; }
body { margin: 0; margin-right: 0; padding: 0; height: 100%; background: #fff; color: #333; font-size: 14px; font-family: "Microsoft YaHei"; line-height: 1.5; /* margin-top:0px; margin-left:0px;*/ }
li { margin: 0; padding: 0; list-style: none; }
ul { margin: 0; padding: 0; list-style: none; }
form { margin: 0; padding: 0; }
a { color: inherit; text-decoration: none; }
img { border: 0; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #ccc; }
input:-moz-placeholder, textarea:-moz-placeholder { color: #ccc; }
input::-moz-placeholder, textarea::-moz-placeholder { color: #ccc; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #ccc; }
.clear { clear: both; }

#divblank { height: 70px; }

#sitenav { width: 1200px; margin: 0 auto; font-size: 12px; color: #999; margin-top: 10px; margin-bottom: -10px; }
#sitenav a { color: #999; }
#sitenav a:hover { color: #ff6600; }

#top { left: 0; right: 0; top: 0; height: 70px; width: 98%; padding: 0 1%; background-color: #fff; border-bottom: 1px solid #f0f0f0; position: fixed; z-index: 10000; }
#top .top-in { margin: 0 auto; width: 1200px; }

#top .logo { float: left; width: 100px; padding: 20px 0px; }
#top .logo img { height: 30px; }

#top .left { float: left; }
#top .mitem { float: left; padding: 20px; font-size: 14px; font-weight: bold; }

#top .right { float: right; text-align: right; display: none; }
#top .right .menulist { margin-top: 12px; border: 1px solid #fff; }
#top .right .menulist .menu-icon { width: 40px; }
#top .right .menulist:hover #pop-menu { display: block; }
#top .right .menulist:hover { border: 1px solid #f0f0f0; }

#pop-menu { position: fixed; z-index: 99; top: 70px; display: none; width: 100%; text-align: center; border-bottom: 1px solid #f0f0f0; background: #fff; }
#pop-menu .popitem { padding: 30px; }
#pop-menu a { font-size: 18px; padding: 25px 0px; }
#pop-menu a:hover { background: #999; }


#homemain { background-image: url("../img/ad1.jpg"); background-size: cover; background-position: center; width: 100%; height: 550px; }
#homemain .bgcover { width: 100%; height: 550px; position: absolute; margin-top: 0px; background: #000; opacity: 0.6; z-index: 0; }
#homemain .content { width: 96%; padding: 2%; text-align: center; color: #fff; margin: 0px auto; height: 550px; position: absolute; margin-top: 0px; z-index: 1; }
#homemain .content .title { font-size: 60px; font-weight: normal; margin-top: 100px; opacity: 0.95; }
#homemain .content .tip { font-size: 26px; color: #999; letter-spacing: 10px; opacity: 0.8; }
#homemain .content .btn { margin-top: 120px; }
#homemain .content .btn a { color: #fff; border: 2px solid #fff; padding: 15px 120px; font-size: 20px; opacity: 0.8; }
#homemain .content .btn a:hover { opacity: 1.0; color: #fff; background: #0033CC; border: 2px solid #03c; }


#main { margin: 0 auto; width: 96%; padding: 2%; max-width: 1200px; }
#main .title { font-size: 40px; }
#main .tip { font-size: 18px; margin-bottom: 20px; }

#main .itemarea { width: 100%; display: flex; align-items: center; justify-content: space-between; }
#main .item { width: 47%; padding: 2% 1%; border: 1px solid #eee; border-radius: 5px; }
#main .itemlist { width: 100%; }
#main .itemlisttitle { font-weight: bold; font-size: 24px; }
#main .itemicon { float: left; border-radius: 10px; width: 80px; height: 80px; margin-right: 20px; }

#main .searcharea { width: 100%; max-width: 1200px; text-align: center; }
#main .searchtip { margin: 20px 0; }
#main .key { width: 60%; min-width: 300px; margin: 0 auto; padding: 10px 30px; height: 60px; line-height: 60px; color: #999; background: #eee; font-size: 32px; border-radius: 5px; border: 0; }


#bottom { margin-top: 40px; padding: 30px 0; width: 100%; }
#bottom .bottom-in { margin: 0 auto; width: 100%; max-width: 1200px; }
#bottom .copyright { margin-top: 10px; color: #666; text-align: center; font-size: 12px; }


.main { text-align: center; margin: 100px 0; }

.maintip { margin: 30px; }

.mainlogo { width: 50%; }

.atf-detail { margin: auto; max-width: 640px; margin-bottom: 60px; }

.atf-detail .card { max-width: 640px; margin: 14px; padding: 16px; background: #fffaf4; border: 1px solid #f2b84b; border-radius: 12px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); text-align: center; }
.atf-detail .card.lv_1 { background-image: url(/img/lv_1.png); background-repeat: no-repeat; background-size: contain; background-position-y: 100px; }
.atf-detail .card.lv_2 { background-image: url(/img/lv_2.png); background-repeat: no-repeat; background-size: contain; background-position-y: 100px; }
.atf-detail .card.lv_3 { background-image: url(/img/lv_3.png); background-repeat: no-repeat; background-size: contain; background-position-y: 100px; }
.atf-detail .card .img-box { background: #fff; padding: 2px; border-radius: 10px; display: inline-block; margin: auto; width: 55%; }
.atf-detail .card .img-box img { width: 100%; border-radius: 10px; display: block; }
.atf-detail .card h2 { margin: 6px 0 2px; font-size: 22px; font-weight: bold; color: #935b00; }
.atf-detail .card .sub { font-size: 14px; color: #935b00; margin: 2px 0; }
.atf-detail .card .divider { border-top: 1px dashed #935b00; margin: 18px auto; width: 90%; }
.atf-detail .card .score-label { margin-top: 22px; font-size: 14px; color: #935b00; }
.atf-detail .card .score { font-size: 56px; font-weight: bold; color: #935b00; margin: 0 0 10px 0; }
.atf-detail .card .details { display: flex; justify-content: space-between; margin: 12px 0; font-size: 14px; font-weight: bold; color: #935b00; }
.atf-detail .card .details div { text-align: center; flex: 1; }
.atf-detail .card .details strong { display: block; font-size: 18px; margin-top: 4px; font-weight: bold; }
.atf-detail .card .footer { font-size: 12px; color: rgb(147 91 0 / 40%); display: flex; justify-content: space-between; width: 90%; margin: 10px auto 0 auto; }
.atf-detail .card .defects { color: #935b00; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; }
.atf-detail .card .defects strong { padding-right: 10px }
.atf-detail .detail-imgs { display: flex; align-items: center; justify-content: center; flex-direction: column; max-width: 640px; }
.atf-detail .detail-imgs img { flex: 1; width: 100%; }

figure { display: block; /* 保持块级 */ margin: 0; /* 去掉默认上下左右外边距 */ padding: 0; /* 去掉内边距（默认没有，但保险起见） */ unicode-bidi: normal; /* 恢复默认排版行为 */ }

@media screen and (max-width: 1200px) {
    #top .top-in { width: 100%; }
}


@media screen and (max-width: 767px) {
    body { font-size: 0.9em; }
    #top .top-in { width: 100%; }
    #top .left { display: none; }
    #top .right { float: right; text-align: right; display: block; }

    #homemain .content .title { margin-top: 50px; }

    #main .itemarea { width: 100%; display: block; }
    #main .item { width: 98%; padding: 2% 1%; margin-bottom: 20px; }
}