@charset "UTF-8"; .orico_Page_prdetail { width: 100%; position: relative; min-height: 100vh; overflow-y: auto; overflow-x: hidden; background: #f1f1f1; /* 模态框背景 */ /* 模态框内容 */ } .orico_Page_prdetail p, .orico_Page_prdetail a, .orico_Page_prdetail div, .orico_Page_prdetail span { font-family: 'Microsoft YaHei', 'Arial', sans-serif; } .orico_Page_prdetail .oriprdetail { display: flex; flex-direction: column; padding: 2.5rem 0 1.375rem 0; position: relative; margin-top: 3%; } .orico_Page_prdetail .oriprdetail .product_address { width: 70%; margin: 0 auto; display: flex; flex-direction: row; align-items: center; font-size: 0.75rem; margin-bottom: 1.3%; } .orico_Page_prdetail .oriprdetail .product_address .pathname { font-size: 0.75rem; color: #737373; } .orico_Page_prdetail .oriprdetail .product_address .pathname:first { color: #333; } .orico_Page_prdetail .oriprdetail .product_address .pathname:hover { color: #004bfa; } .orico_Page_prdetail .oriprdetail .product_address .arrow { position: relative; width: 0.375rem; height: 0.375rem; border-right: 1px solid #737373; border-bottom: 1px solid #737373; transform: rotate(315deg); margin: 0 0.625rem; } .orico_Page_prdetail .oriprdetail .product_address .arrow:last-child { display: none; } .orico_Page_prdetail .oriprdetail .cp { width: 70%; margin: 0 auto; margin-bottom: 1.875rem; overflow: hidden; } .orico_Page_prdetail .oriprdetail .cp .cpfl { width: 48%; margin-right: 3em; float: left; position: relative; display: flex; flex-direction: row; justify-content: space-between; } .orico_Page_prdetail .oriprdetail .cp .cpfl .preview { position: relative; width: 100%; overflow: hidden; height: 31.875rem; display: flex; } .orico_Page_prdetail .oriprdetail .cp .cpfl .preview .smallImg { width: 80px; overflow: hidden; float: left; } .orico_Page_prdetail .oriprdetail .cp .cpfl .preview .smallImg #imageMenu { width: 100%; overflow: hidden; } .orico_Page_prdetail .oriprdetail .cp .cpfl .preview .smallImg #imageMenu li { width: 5rem; height: 5.4375rem; overflow: hidden; } .orico_Page_prdetail .oriprdetail .cp .cpfl .preview .smallImg #imageMenu li img { width: 98%; cursor: pointer; } .orico_Page_prdetail .oriprdetail .cp .cpfl .preview .bigImg { position: relative; margin: 0 auto; } .orico_Page_prdetail .oriprdetail .cp .cpfl .preview .bigImg #midimg { width: 100%; max-width: 510px; } .orico_Page_prdetail .oriprdetail .cp .cpfl .preview .bigImg .scrollbutton { width: 3.3125rem; height: 4.5rem; overflow: hidden; } .orico_Page_prdetail .oriprdetail .cp .cpfl .preview .bigImg .smallImgUp, .orico_Page_prdetail .oriprdetail .cp .cpfl .preview .bigImg .smallImgUp.disabled { background: url(/static/index/images/fl.png) no-repeat; position: absolute; z-index: 1; top: 50%; transform: translate(0%, -50%); cursor: pointer; left: -2%; } .orico_Page_prdetail .oriprdetail .cp .cpfl .preview .bigImg .smallImgUp:hover, .orico_Page_prdetail .oriprdetail .cp .cpfl .preview .bigImg .smallImgUp.disabled:hover { background: url(/static/index/images/fl1.png) no-repeat; } .orico_Page_prdetail .oriprdetail .cp .cpfl .preview .bigImg .smallImgDown, .orico_Page_prdetail .oriprdetail .cp .cpfl .preview .bigImg .smallImgDown.disabled { background: url(/static/index/images/rh.png) no-repeat; position: absolute; z-index: 1; right: -2%; top: 50%; transform: translate(0%, -50%); } .orico_Page_prdetail .oriprdetail .cp .cpfl .preview .bigImg .smallImgDown:hover, .orico_Page_prdetail .oriprdetail .cp .cpfl .preview .bigImg .smallImgDown.disabled:hover { background: url(/static/index/images/rh1.png) no-repeat; } .orico_Page_prdetail .oriprdetail .cp .cprh { width: 45%; float: left; } .orico_Page_prdetail .oriprdetail .cp .cprh .cpcon { display: flex; flex-direction: column; } .orico_Page_prdetail .oriprdetail .cp .cprh .cpcon .ctit1 { font-size: 1.25em; color: #333; line-height: 1.875em; border-bottom: 1px solid #ddd; padding-bottom: 0.5rem; } .orico_Page_prdetail .oriprdetail .cp .cprh .cpcon .proTfg { margin-top: 0.5rem; padding: 1rem 0; font-size: 0.75rem; border-bottom: 1px solid #ddd; } .orico_Page_prdetail .oriprdetail .cp .cprh .cpcon .proTfg .swt-Table { display: table; width: 100%; } .orico_Page_prdetail .oriprdetail .cp .cprh .cpcon .proTfg .swt-Table .Table-Row { display: table-row; width: 100%; clear: both; overflow: hidden; font-size: 0.875em; color: #737373; } .orico_Page_prdetail .oriprdetail .cp .cprh .cpcon .proTfg .swt-Table .Table-Row .Table-Cell { display: table-cell; margin: 0; padding: 4px 0; line-height: 1.4em; } .orico_Page_prdetail .oriprdetail .cp .cprh .cpcon .proTfg .swt-Table .Table-Row .ms2 { width: 5%; } .orico_Page_prdetail .oriprdetail .cp .cprh .cpcon .proTfg .swt-Table .Table-Row .ms3 { width: 30%; color: #333; font-size: 14px; } .orico_Page_prdetail .oriprdetail .cp .cprh .cpcon .proTfg .swt-Table .Table-Row .ms4 { width: 65%; font-size: 14px; } .orico_Page_prdetail .oriprdetail .cp .cprh .cpcon .prcolors { position: relative; overflow: hidden; display: flex; flex-direction: row; align-items: center; } .orico_Page_prdetail .oriprdetail .cp .cprh .cpcon .prcolors .dt { margin-right: 0px; line-height: 40px; font-weight: 600; font-size: 1rem; color: #666; font-size: 0.875rem; margin-right: 1.875rem; } .orico_Page_prdetail .oriprdetail .cp .cprh .cpcon .prcolors .dowebok { width: auto; float: left; overflow: hidden; display: flex; flex-direction: row; align-items: center; } .orico_Page_prdetail .oriprdetail .cp .cprh .cpcon .prcolors .dowebok .itemcolor { width: 20px; height: 20px; float: left; margin-right: 9px; cursor: pointer; margin-bottom: 2px; border: 1px solid #d4d4d4; border-radius: 10px; } .orico_Page_prdetail .oriprdetail .cp .cprh .cpcon .prcolors .dowebok .itemcolor img { width: 20px; height: 20px; border-radius: 10px; } .orico_Page_prdetail .oriprdetail .cp .cprh .cpcon .prcolors .dowebok .itemcolor.on { width: 20px; height: 20px; border-radius: 12px; border: 2px solid #737373; } .orico_Page_prdetail .oriprdetail .cp .cprh .buy { padding: 1rem 0; margin: 1rem 0; display: flex; flex-direction: row; flex-wrap: wrap; } .orico_Page_prdetail .oriprdetail .cp .cprh .buy .thebt { font-size: 0.875rem; padding: 0.5rem 30px; text-align: center; margin-right: 1.125rem; border-radius: 32px; cursor: pointer; margin-bottom: 1.125rem; } .orico_Page_prdetail .oriprdetail .cp .cprh .buy .bttype1 { border: 0.0625rem solid #0044e2; background: #0044e2; color: #fff; } .orico_Page_prdetail .oriprdetail .cp .cprh .buy .bttype2 { border: 0.0625rem solid #0044e2; color: #0044e2; background: #fff; } .orico_Page_prdetail .oriprdetail .cp .cprh .buy .bttype3 { border: 0.0625rem solid #009fdf; background: #009fdf; color: #fff; } .orico_Page_prdetail .oriprdetail .oriprInfo { width: 100%; background: #fff; padding: 20px 0 21px 0; position: relative; display: flex; flex-direction: column; } .orico_Page_prdetail .oriprdetail .oriprInfo img { max-width: 100%; } .orico_Page_prdetail .oriprdetail .oriprInfo .titleprinfo { text-align: center; display: inline-block; margin: 0 auto; font-size: 1rem; padding-bottom: 1rem; cursor: pointer; } .orico_Page_prdetail .oriprdetail .oriprInfo .titleprinfo a.checkshow{ color:#009FDF; } .orico_Page_prdetail .oriprdetail .oriprInfo .products_des { width: 75%; margin-bottom: 50px; margin: 0 auto; margin-top: 15px; } .orico_Page_prdetail .oriprdetail .oriprInfo .products_des img { text-align: center; display: block; margin: 0 auto; } .orico_Page_prdetail .XJmodal { display: none; position: fixed; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background-color: rgba(0, 0, 0, 0.8); } .orico_Page_prdetail .XJmodal-content { background-color: #fefefe; margin: 5% auto; padding: 40px; padding-top: 10px; border: 1px solid #888; width: 80%; max-width: 600px; z-index: 111; /* 关闭按钮 */ } .orico_Page_prdetail .XJmodal-content h2 { width: 100%; text-align: center; display: inline-block; padding-bottom: 40px; } .orico_Page_prdetail .XJmodal-content .close { color: #aaa; float: right; font-size: 28px; font-weight: bold; } .orico_Page_prdetail .XJmodal-content .close:hover, .orico_Page_prdetail .XJmodal-content .close:focus { color: black; text-decoration: none; cursor: pointer; } .orico_Page_prdetail .XJmodal-content .tkitem { display: flex; flex-direction: row; margin-bottom: 20px; } .orico_Page_prdetail .XJmodal-content .tkitem .form-group { width: 50%; display: flex; flex-direction: column; font-size: 14px; margin-right: 20px; margin-bottom: 15px; } .orico_Page_prdetail .XJmodal-content .tkitem .form-group .detail-w { width: 40%; } .orico_Page_prdetail .XJmodal-content .tkitem .form-group .detail-w01 { width: 90%; } .orico_Page_prdetail .XJmodal-content .tkitem .form-group input[type='text'], .orico_Page_prdetail .XJmodal-content .tkitem .form-group input[type='email'], .orico_Page_prdetail .XJmodal-content .tkitem .form-group select, .orico_Page_prdetail .XJmodal-content .tkitem .form-group textarea { border: 1px solid #ccc; border-radius: 4px; } .orico_Page_prdetail .XJmodal-content .tkitem .form-group textarea { min-height: 100px; } .orico_Page_prdetail .XJmodal-content .tkitem .form-group label { display: block; margin-bottom: 5px; } .orico_Page_prdetail .XJmodal-content .tkitem .form-group input { height: 2.75rem; line-height: 2.75rem; padding: 0 0.625rem; margin-top: 0.625rem; border: 1px solid #dbdbdb; display: inline-block; } .orico_Page_prdetail .XJmodal-content .tkitem .form-group select { height: 2.75rem; line-height: 2.75rem; padding: 0 0.625rem; margin-top: 0.625rem; border: 1px solid #dbdbdb; display: inline-block; } .orico_Page_prdetail .XJmodal-content .tkitem > .form-group:nth-child(2n) { margin-right: 0; } .orico_Page_prdetail .XJmodal-content .submit-btn { background-color: #004cfa; color: white; padding: 10px 100px; border: none; border-radius: 4px; cursor: pointer; margin: 0 auto; display: block; } .orico_Page_prdetail .XJmodal-content .submit-btn:hover { background-color: #004cfa; } .enlarge-img { position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 99999; top: 0; left: 0; text-align: center; display: none; } .enlarge-img img { height: 100vh; max-width: 100%; margin: 0 auto; } .enlarge-img .close { position: absolute; width: 100%; height: 28px; z-index: 9; top: 0px; color: #fff; font-size: 0.875em; cursor: pointer; text-align: right; } .enlarge-img .close span { display: inline-block; margin-right: 2%; font-size: 24px; height: 40px; width: 40px; border: 1px solid #fff; text-align: center; line-height: 40px; border-radius: 20px; cursor: pointer; } .scrollbutton, .scrollbutton_01 { width: 53px; height: 72px; overflow: hidden; } .smallImgUp, .smallImgUp .disabled, .smallImgUp:hover, .smallImgUp .disabled:hover, .smallImgDown, .smallImgDown .disabled, .smallImgDown:hover, .smallImgDown.disabled:hover { position: absolute; z-index: 8; top: 50%; cursor: pointer; transform: translate(0%, -50%); background-repeat: no-repeat; } .scrollbutton_01.smallImgUp, .scrollbutton_01.smallImgUp.disabled { background: url(/static/index/images/fl.png); left: 0px; } .scrollbutton_01.smallImgDown, .scrollbutton_01.smallImgDown.disabled { background: url(/static/index/images/rh.png); right: 0px; } .scrollbutton.smallImgUp, .scrollbutton.smallImgUp.disabled { background: url(/static/index/images/fl.png); left: 90px; margin-top: -24.5px; } .scrollbutton.smallImgDown, .scrollbutton.smallImgDown.disabled { background: url(/static/index/images/rh.png); right: 0px; margin-top: -24.5px; } .orico_Page_prdetail .glcpmain { width: 100%; background: #fff; border-top: 1px solid rgba(0, 0, 0, 0.1); padding: 53px 0; position: relative; } .orico_Page_prdetail .glcpmain .glcpswiper { width: 65%; margin: 0 auto; overflow: hidden; position: relative; padding: 0 50px; } .orico_Page_prdetail .glcpmain .swiper-button-next, .orico_Page_prdetail .glcpmain .swiper-button-prev{ color: #D0CECD !important; } .orico_Page_prdetail .glcpmain .glcptitle { padding-bottom: 1em; font-weight: 600; font-size: 1.5em; color: #333; text-align: center; margin-bottom: 1.6vw; } .orico_Page_prdetail .glcpmain .glcpit { display: flex; flex-direction: row; } .orico_Page_prdetail .glcpmain .glcpit .glimg { float: left; width: 26%; margin-left: 4%; margin-right: 4%; } .orico_Page_prdetail .glcpmain .glcpit .glinfo { display: flex; flex-direction: column; } .orico_Page_prdetail .glcpmain .glcpit .glinfo .t1 { font-size: 14px; color: #333; text-align: left; margin-top: 0.5vw; line-height: 1.2em; } .orico_Page_prdetail .glcpmain .glcpit .glinfo .t2 { font-size: 12px; color: #666; text-align: left; margin-top: 5px; } .orico_Page_prdetail .glcpmain .glcpswiper .swiper-slide{ width: 30%; } .orico_Page_prdetail .swiper-button-next:after, .orico_Page_prdetail .swiper-rtl .swiper-button-prev:after{ font-size: 34px; font-weight: 400; } .orico_Page_prdetail .swiper-button-prev:after, .orico_Page_prdetail .swiper-rtl .swiper-button-next:after{ font-size: 34px; font-weight: 400; }