.module-one{width: 1200px; margin: 12px auto 0 auto; display: flex;}
.module-one .left{width: 276px; height: 320px; background: #fff; margin-right: 14px; text-align: center; line-height: 288px;box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.15);padding: 16px 30px;}
.module-one .left img{width: 100%;height: 100%;object-fit: contain;}
.module-one .right{flex: 1 1 0; height: 320px; background: #FFFFFF; box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.15); padding: 20px 30px; position: relative;}
.module-one .right .title{display: flex; align-items: center;}
.module-one .right .title span{font-weight: 600; font-size: 22px; color: #1D1D1F; margin-left: 6px}
.module-one .right .edit{font-size: 16px;}
.module-one .right .edit .name{margin: 14px 0 8px 0; font-size: 16px;}
.module-one .right .edit .name img{margin-right:8px;margin-top: -2px;}
.module-one .right .bottom{width: 100%; padding: 0 40px 0 0; display: flex; align-items: center; position: absolute; bottom: 22px;justify-content: space-between;}
.module-one .right .bottom .price{flex: 1 1 0; font-weight: 400; font-size: 22px; color: #F0373B;}
.center-bottom-left{font-size: 22px;color: #F76B15;line-height: 30px;margin-bottom: 10px;}
.center-bottom-right .right-contact{margin-right: 24px;}
.center-bottom-right .right-contact .left-content{display: flex; align-items: center;padding: 10px 16px;background: #F3F3F3; border-radius: 4px;}
.center-bottom-right .right-contact img{width: 20px;height: 20px;}
.center-bottom-right .right-contact span{font-size: 16px;color: #1D1D1F;line-height: 22px;margin: 0 8px;}
.center-bottom-right .right-contact .btn{width: 48px;height: 24px;background: #FFFFFF;border-radius: 12px;border: 1px solid #088167;display: flex;justify-content: center;align-items: center;font-size: 12px;color: #088167;line-height: 16px;}
.center-bottom-right{display: flex; align-items: center;}
.center-bottom-right .btn-1{padding:8px 24px; color: #fff;background: #088167;border-radius: 20px;font-size: 18px;line-height: 23px;height: 40px;}
.center-bottom-right .btn-2{margin: 0 20px; padding:8px 24px; color: #fff;background: #088167;border-radius: 20px;font-size: 18px;line-height: 23px;height: 40px;}
.center-bottom-right .btn{width: 72px; height: 28px; background: linear-gradient(90deg, rgb(255, 119, 0), rgb(255, 73, 0)); border-radius: 15px; font-weight: 600; font-size: 12px; text-align: center;}
.center-bottom-right .btn-3{padding: 5px 10px; background: linear-gradient(90deg, rgb(255, 203, 0), rgb(255, 148, 2)); border-radius: 15px; font-weight: 600; font-size: 12px; text-align: center; margin: 0 0 0 12px; color: #FFFFFF; cursor: pointer;}
.center-bottom-right .btn a{color: #FFFFFF;}
.module-two{width: 1200px; margin: 0 auto;}
.tab-links{height: 50px; width: 1200px; margin: 24px auto 0 auto; background: #FAFAFA; border-radius: 2px 2px 0px 0px;} .tab-links li a{display: inline-block; text-decoration: none; border-bottom: none;} .tab{display: none;} .tab.active{display: block;}
.module-two ul{display: flex; align-items: center; line-height: 50px; position: relative;}
.module-two ul li{width: 88px; height: 50px; text-align: center;}
.module-two ul li a{font-weight: 400; font-size: 16px; color: #191919;}
.module-two .tab-links li:hover{background: #F3F3F3; border-radius: 4px;height: 32px;line-height: 32px;}
.module-two .tab-links .active{background: #FFFFFF; border-bottom: 2px solid #088167;}
.module-two .tab-links .active:hover{background: #FFFFFF; border-bottom: 2px solid #088167;height: 50px;line-height: 50px;border-radius: 0;}

.module-three{width: 1200px; margin: 0 auto; padding: 16px; border-top: 1px solid #E7E7E7; border-bottom: 1px solid #E7E7E7; text-align: center;}
.module-four{width: 1200px; margin: 0 auto; padding: 16px; border-top: 1px solid #E7E7E7; display: flex; align-items: center;}
.module-four .name{flex: 1 1 0;}
.module-four .shu{border-left: 1px solid #E7E7E7; margin-right: 5px;}
.module-four .btnss{color: #088167; cursor:pointer;}
.pack_btn{background-color:#088167; color: #fff; width: 88px; height: 28px; border-radius: 40px; text-align: center; line-height: 27px; position: absolute; right: 30px; cursor:pointer;}
.modal{position: fixed; z-index: 1; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); display: none;} /* 妯℃€佹鍐呭鏍峰紡 */ .modal-content{background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 600px; height: 400px;} .modal-content video{margin-top:16px; margin-left: 10px;} .modal-content img{margin-top:16px; margin-left: 10px;} /* 鍏抽棴鎸夐挳鏍峰紡 */ .close{color: #aaaaaa; float: right; font-size: 28px; font-weight: bold;} .close:hover, .close:focus{color: #000; text-decoration: none; cursor: pointer;} .choice{display: flex; align-items: center; border-bottom: 1px solid #E7E7E7; padding: 16px 0 16px 0;} .checkbox-tab{flex: 1 1 0;} .checkbox-tab input{margin-right: 6px; position: relative; top: 2px} .choice-btn{color: #088167; cursor: pointer;}
.choice .checkbox-tab label{font-weight: 400;font-size: 14px;color: #191919;line-height: 22px;}
.choice .checkbox-tab label:hover{color:#088167}
.choice-btn a{color: #088167; cursor: pointer;}
.choice .choice-btn .preview-btn{font-size: 14px;color: #088167;line-height: 22px;padding-right: 10px;;display: inline-block;position: relative;}
.choice .choice-btn .preview-btn::before{content: "";display: inline-block;width: 1px;height: 14px;background: #E7E7E7;position: absolute;top: 4px;right: 0;}
.choice .choice-btn span:nth-child(2){font-size: 14px;color: #088167;line-height: 22px;padding-left: 4px;display: inline-block;}
.tab .choice:last-child{border-bottom: none;}
.choice-all{justify-content: space-between;}
.choice-all .checkbox-tab{flex: unset;}
.choice-all .pack_btn{position: unset;}
.introduce{display: flex;}
.introduce .introduce-img{padding: 10px 0 40px;}
.introduce .introduce-book{position: fixed;top:56px;right: 0;margin-left: 48px;background-color: #fff;}
.introduce .introduce-book .introduce-book-title{padding-left: 12px;position: relative;font-size: 22px;color: #1D1D1F;line-height: 58px;}
.introduce .introduce-book .introduce-book-title::before{position: absolute;content: '';left: 0;top: 21px;width: 4px;height: 20px;background: #088167;border-radius: 2px;}
.introduce .introduce-book-item{display: flex;margin-bottom: 16px;cursor: pointer;width: 402px;}
.introduce .introduce-book-item .left{width: 148px;height: 171px;background: #F5F5F5;padding: 14px;}
.introduce .introduce-book-item .left img{width: 100%;height: 100%;object-fit: contain;}
.introduce .introduce-book-item .right{display: flex;flex-direction: column;flex: 1;margin-left: 14px;}
.introduce .introduce-book-item .right .text1{font-size: 18px;color: #1D1D1F;line-height: 26px;}
.introduce .introduce-book-item .right .text2{font-size: 14px;color: #666666;line-height: 18px;margin-top: 10px;}
.introduce .introduce-book-item .right .text3{font-size: 18px;color: #F76B15;line-height: 22px;margin-top: 10px;}