.main{background-color:#F4F4F4}.summary{width:1240px;margin:0 auto;margin-top:15px;height:414px;border-radius:6px;background:#fff;color:#373737}.summary .top{display:flex}.summary .top .back{margin:15px 0 0 18px;display:inline-block;width:71px;height:27px;line-height:27px;text-align:center;color:#373737;border:1px solid #373737;border-radius:6px;letter-spacing:4px;cursor:pointer;transition:.3s all ease-in-out}.summary .top .back:hover{background:#373737;color:#fff}.summary .top .breadcrumbs{margin:15px 0 0 17px;height:27px;line-height:27px;color:#666;font-size:14px;font-family:simsun}.summary .top .breadcrumbs span{margin:0 10px}.summary .top .breadcrumbs a{color:#666;text-decoration:none}.summary .top .breadcrumbs a:hover{color:#63c987}.summary .content{padding:14px;display:grid;grid-template-columns:40% 60%;grid-gap:0 28px;justify-items:center}.summary .content .left .img-container{margin-top:8px;width:481px;height:309px}.summary .content .left .img-container img{width:100%;height:100%;object-fit:cover}.summary .content .right p{margin-top:13px;font-size:20px}.summary .content .right p .title{color:#959595}.summary .content .right p.introdu{margin-top:32px;font-size:14px;color:#959595}.summary .content .right .serve{margin-top:12px}.summary .content .right .serve .title{float:left;margin-top:12px}.summary .content .right .serve .tags{display:flex;flex-wrap:wrap;max-height:90px;overflow:hidden}.summary .content .right .serve .tags .tag{margin:8px 3px 0 3px;padding:5px 7px;height:20px;line-height:8px;background-color:#ffffff;border-radius:10px;border:solid 1px #d29e4c;color:#d29e4c}.summary .content .right .buy-area{position:relative;margin-top:36px;width:664px;height:70px;background-color:#f6f6f6;display:flex;justify-content:space-around;align-items:center}.summary .content .right .buy-area .price{text-align:right;font-size:29px;font-weight:600;line-height:46px;color:#ff5b5b}.summary .content .right .buy-area .btns{display:flex}.summary .content .right .buy-area .btns div{margin-left:11px;width:148px;height:46px;line-height:46px;color:#fff;border-radius:5px;font-size:20px;text-align:center;cursor:pointer}.summary .content .right .buy-area .btns div.buy{background-color:#ff8c3a}.summary .content .right .buy-area .btns div.buy:hover{background-color:#f87f29}.summary .content .right .buy-area .btns div.try{background-color:#08d58f;position:relative}.summary .content .right .buy-area .btns div.try::before{position:absolute;z-index:-1;content:'';border-style:solid;transition:transform .3s;left:calc(50% - 10px);bottom:0;border-width:10px 10px 0 10px;border-color:#03ce8a transparent transparent transparent}.summary .content .right .buy-area .btns div.try:hover{background-color:#03ce8a}.summary .content .right .buy-area .btns div.try:hover::before{transform:translateY(10px);z-index:1}.summary .content .right .buy-area .btns div.try:hover .try-code{visibility:visible;opacity:1}.summary .content .right .buy-area .btns .try-code{z-index:100;position:absolute;top:70px;right:64px;background-color:#fff;color:beige;visibility:hidden;opacity:0;transition:all .3s ease .2s}.summary .content .right .buy-area .btns .try-code img{width:182px;height:177px;position:absolute;z-index:100}.summary .content .right .buyed{margin-top:18px;color:#999999}.filter{width:1240px;margin:0 auto;margin-top:20px;padding-left:13px;height:64px;color:#373737;background-color:#fff;font-size:24px;line-height:64px;position:relative}.filter::after{content:'';position:absolute;width:4px;height:100%;bottom:-1px;left:0;background-color:#63c987}.details{width:1240px;margin:16px auto;padding:10px;border-radius:6px;background:#fff;box-shadow:0 0 13px 0 rgba(0,0,0,0.2)}.details img{margin:0 auto;min-width:750px;height:100%;object-fit:cover}.tc{position:fixed;top:0;left:0;width:100%;height:100%;z-index:888}.tc .cover{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000044}.tc .confContent{position:absolute;top:40vh;width:400px;height:230px;left:calc(50% - 200px);background-color:#ffffff;border-radius:5px;text-align:center}.tc .confContent h1{font-size:1.4rem;margin:20px 0}.tc .confContent p{line-height:20px;font-size:16px;position:relative}.tc .confContent p input{height:40px;line-height:40px;width:80%;padding:0 10px;margin:15px 0}.tc .confContent p span{color:red;font-size:14px;position:absolute;bottom:-2px;left:40px}.tc .confContent ul,.tc .confContent li{list-style:none;margin:0}.tc .confContent ul{display:flex;justify-content:center;margin-top:10px}.tc .confContent ul li{width:120px;margin:0 10px;flex-shrink:0;height:35px;line-height:35px;border-radius:5px;cursor:pointer;user-select:none;border:1px solid #999}.tc .confContent ul li:first-child{background-color:#08d58f;color:#fff;border:1px solid #08d58f}.tc .confContent ul li:first-child:active{background-color:#08d591b2}.tc .confContent ul li:active{background-color:#dfdbdb}.tc .payCodeCt{position:absolute;top:10vh;left:calc(50% - 200px);width:400px;height:500px;background-color:#fff;border-radius:5px}.tc .payCodeCt .topHeader{height:60px;line-height:60px;font-size:1.2rem;padding:0 20px;border-bottom:1px solid #ccc}.tc .payCodeCt .topHeader span{float:right;color:#999;cursor:pointer;user-select:none}.tc .payCodeCt .appInfo{padding:20px;line-height:24px;color:#666;font-size:16px}.tc .payCodeCt .codeImg{width:240px;height:240px;margin:15px auto;background-color:chartreuse}.tc .payCodeCt .payTip{text-align:center;margin-top:30px;color:#666}.tc .buySuccessCt{position:absolute;position:relative;width:500px;height:550px;top:10vh;left:calc(50% - 250px);background-color:#fff;border-radius:5px}.tc .buySuccessCt .top{text-align:center;border-bottom:1px solid #999;padding:20px}.tc .buySuccessCt .top h1{font-size:20px;padding:15px 0}.tc .buySuccessCt .top p span{color:red}.tc .buySuccessCt .top .close{position:absolute;right:10px;top:10px;font-size:18px;cursor:pointer;user-select:none}.tc .buySuccessCt .bot{padding:20px}.tc .buySuccessCt .bot .step{text-align:center;margin:10px 0 40px 0}.tc .buySuccessCt .bot dl{display:flex;justify-content:center;margin-bottom:40px}.tc .buySuccessCt .bot dl dd{width:100px;min-height:100px;margin:0 20px;text-align:center}.tc .buySuccessCt .bot dl dd img{width:90px;height:90px;margin-bottom:10px}.tc .buySuccessCt .bot .jhstep{margin:15px 0 15px 70px}