main .detail{background-color:#f0f0f0}main .detail .detail_top{display:flex;background-color:#fff;padding:40px;margin-bottom:50px}main .detail .detail_top .left{max-width:216px;width:100%;margin-right:40px}main .detail .detail_top .left .img{margin-bottom:40px}main .detail .detail_top .left .img img{width:100%}main .detail .detail_top .left .btn{width:100%;height:56px;border-radius:5px;transition:all 0.5s;--tw-gradient-from:#db234c !important;--tw-gradient-to:#db234c00 !important;--tw-gradient-to:#f3a609 !important}main .detail .detail_top .left .btn p{color:#fff;margin-left:5px}main .detail .detail_top .right{flex:1}main .detail .detail_top .right h1{font-size:22px}main .detail .detail_top .right h1:hover{text-decoration:underline}main .detail .detail_top .right table tr:nth-child(odd){background-color:#fafafa}main .detail .detail_top .right table tr td{border:1px solid #e8e8e8;padding:10px}main .detail .detail_top .right table tr td img{display:inline}main .detail .detail_top .right table tr td span{color:#555;font-size:14px;margin-left:20px}main .detail .detail_top .right table tr td.file_td{display:flex;align-items:center}main .detail .detail_top .right table tr td .file{display:flex;justify-content:flex-start;flex:1;margin-left:20px;flex-wrap:wrap}main .detail .detail_top .right table tr td .file a{display:flex;align-items:center;width:40%;font-size:14px;color:#555;margin:5px 0;color:#f3a609}main .detail .detail_top .right table tr td .file a:hover{color:#DB234C}main .detail .detail_top .right table tr td .file a svg{margin-right:5px}main .detail .detail_btm .box{box-shadow:0 4px 9px 1px rgba(5,56,135,.1);margin-bottom:50px}main .detail .detail_btm .box>p{width:100%;padding:20px 0;padding-left:40px;font-size:20px;background-color:#555;color:#fff}main .detail .detail_btm .box .table{padding:40px;background-color:#fff}main .detail .detail_btm .box .table table tr{border-bottom:1px solid #ddd}main .detail .detail_btm .box .table table tr:nth-child(even){background-color:#fafafa}main .detail .detail_btm .box .table table tr td:last-child{font-size:14px;color:#555}main .detail .detail_btm .box .table table tr td a{color:#DB234C;font-size:14px;text-decoration:underline;display:block}main .detail .detail_btm .box .table table tr td span{color:#DB234C;font-size:14px}main .detail .detail_btm .box .table table tr td{border:none;padding:15px 0;padding-left:20px;width:50%}main .detail .detail_btm .box form{padding:60px 40px;background-color:#fff}main .detail .detail_btm .box form h3{font-size:22px;margin-bottom:10px}main .detail .detail_btm .box form>p{font-size:14px;color:#555}main .detail .detail_btm .box form>p span{font-size:14px;color:#DB234C}main .detail .detail_btm .box form>p a{font-size:14px;color:#DB234C}main .detail .detail_btm .box form .half{margin-top:25px;display:flex;justify-content:space-between}main .detail .detail_btm .box form .half .input{flex:1;margin-right:28px}main .detail .detail_btm .box form .half .input:last-child{margin-right:0}main .detail .detail_btm .box form .half .input p{margin-bottom:10px}main .detail .detail_btm .box form .half .input p span{color:#DB234C}main .detail .detail_btm .box form .half .input input{width:100%;height:40px;background:#FAFAFA;border:1px solid #DDD;border-radius:5px}main .detail .detail_btm .box form .file{margin:25px 0}main .detail .detail_btm .box form .file h3 span{color:#DB234C}main .detail .detail_btm .box form .file .mask{position:relative;max-width:807px;height:68px;width:100%}main .detail .detail_btm .box form .file .mask input{height:100%;cursor:pointer}main .detail .detail_btm .box form .file .mask .mask_in{position:absolute;width:100%;height:100%;left:0;top:0;content:'';background-color:#fff;border:1px dashed #DDD;display:flex;align-items:center;padding-left:20px;pointer-events:none}main .detail .detail_btm .box form .file .mask .mask_in p{background:#EFEFEF;border:1px solid #767676;border-radius:5px;padding:5px 10px;font-size:14px}main .detail .detail_btm .box form .textarea textarea{background-color:#fff;color:#555;min-height:280px}main .detail .detail_btm .box form .textarea textarea::placeholder{color:#555}main .detail .detail_btm .box form .submit{position:relative;width:320px;height:72px;margin-top:40px}main .detail .detail_btm .box form .submit input{height:100%}main .detail .detail_btm .box form .submit .mask{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;justify-content:center;align-items:center;pointer-events:none;transition:all 0.5s}main .detail .detail_btm .box form .submit .mask p{color:#fff;margin-left:20px}main .detail .related .title{align-items:flex-start}main .detail .related .row{margin-left:-5px;margin-right:-5px}main .detail .related .row .col-xl-3{padding-left:5px;padding-right:5px}main .detail .related .cart{display:flex;padding:20px 30px;background-color:#fff;transition:all 0.5s;margin-bottom:10px}main .detail .related .cart .left{max-width:80px;width:100%;flex-shrink:0;margin-right:20px}main .detail .related .cart .right{flex:1}main .detail .related .cart .right h3{font-size:18px;color:#DB234C;text-decoration:underline;margin-bottom:5px}main .detail .related .cart .right ul li{color:#222;line-height:1.6}main .detail .related .cart .right ul li a{color:#555;line-height:1.5;font-size:14px}main .detail .related .cart .right ul li a:hover{text-decoration:underline}main .detail .related .cart .right ul li.file a{display:flex}main .detail .related .cart .right ul li.file a svg{margin-right:10px}main .detail .related .cart .right .quote{display:flex;align-items:center;margin-top:20px}main .detail .related .cart .right .quote button{width:112px;height:32px;background:#EFEFEF;border:1px solid #767676;border-radius:16px;margin-left:30px}main .detail .related .cart .right .quote a{width:112px;height:32px;background:#EFEFEF;border:1px solid #767676;border-radius:16px;margin-left:30px}@media (max-width:767px){main .detail .detail_top{flex-direction:column;padding:30px 15px}main .detail .detail_top .left{max-width:100%;margin-right:0;margin-bottom:30px}main .detail .detail_top .right h1{font-size:24px}main .detail .detail_top .right .table{overflow-x:auto}main .detail .detail_btm .box .table{overflow-x:auto;padding:30px 15px}main .detail .detail_btm .box form .half{flex-direction:column}main .detail .detail_btm .box form .half .input{margin-right:0;margin-bottom:20px}main .detail .detail_btm .box h2{font-size:24px}main .detail .detail_btm .box form{padding:30px 15px}main .detail .detail_btm .box form h3{font-size:20px}main .detail .detail_top .right table tr td.file_td{flex-direction:column}main .detail .detail_top .right table tr td .file{flex-direction:column}}