feat: 模板区分pc与mobile
This commit is contained in:
744
public/static/index/pc/css/aboutus_culture.css
Executable file
744
public/static/index/pc/css/aboutus_culture.css
Executable file
@@ -0,0 +1,744 @@
|
||||
.culture-Menu {
|
||||
background-color: #f1f1f1;
|
||||
overflow: hidden;
|
||||
}
|
||||
.culture {
|
||||
background-color: #e8eef0;
|
||||
overflow: hidden;
|
||||
}
|
||||
.culture .title {
|
||||
color: #002855;
|
||||
font-weight: 600;
|
||||
padding: 5% 0 3%;
|
||||
}
|
||||
.culture_top{
|
||||
background: #F2F2F2;
|
||||
}
|
||||
.culture_top img{
|
||||
height: auto;
|
||||
max-width: 100%;
|
||||
}
|
||||
.culture_bril_con {background: #F2F2F2; overflow: hidden; display:flex}
|
||||
.culture_bril_div {width:29%;height:597px;background: #fff; overflow: hidden;text-align:center;margin-left:6%;margin-top:80px;margin-bottom:80px;border-radius:16px}
|
||||
.culture_bril_div:first-child{margin-left:0;}
|
||||
.culture_bril_div .iconimg{margin:0 auto;margin-top:50px;}
|
||||
.culture_bril_div .title{font-size:18px;font-weight:600;font-family: Montserrat-Bold, Montserrat;margin-top:32px;width: 90%;margin-left: 5%;}
|
||||
.culture_bril_div .subtitle{width:80%;font-size:14px;color: #707070;font-family: Montserrat-Medium, Montserrat;margin-top:22px;margin-left:10%}
|
||||
@media screen and (min-width:1461px) and (max-width:1720px){
|
||||
.culture_bril_div .iconimg{margin:0 auto;margin-top:36px;}
|
||||
.culture_bril_div .iconimg img{margin:0 auto;width:323px;height:178px}
|
||||
|
||||
}
|
||||
@media screen and (max-width:1459px){
|
||||
.culture_bril_div {width:29%;height:450px;background: #fff; overflow: hidden;text-align:center;margin-left:6%;margin-top:80px;margin-bottom:80px;border-radius:16px}
|
||||
|
||||
.culture_bril_div .iconimg{margin:0 auto;margin-top:36px;}
|
||||
.culture_bril_div .iconimg img{margin:0 auto;width:283px;height:138px}
|
||||
.culture_bril_div .title{font-size:14px;font-weight:600;font-family: Montserrat-Bold, Montserrat;margin-top:25px;}
|
||||
.culture_bril_div .subtitle{width:80%;font-size:10px;color: #707070;font-family: Montserrat-Medium, Montserrat;margin-top:15px;margin-left:10%;padding-bottom:5%}
|
||||
}
|
||||
|
||||
.culture .punctuation {
|
||||
color: #ff9800;
|
||||
margin-left: 8px;
|
||||
font-size: 1.25em;
|
||||
}
|
||||
@media screen and (min-width: 1440px) {
|
||||
.culture-Menu img {
|
||||
margin: auto;
|
||||
}
|
||||
.culture .Container {
|
||||
width: 1440px;
|
||||
margin: auto;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 1339px) {
|
||||
.culture-Menu img {
|
||||
margin: auto;
|
||||
width: 27%;
|
||||
}
|
||||
.culture .Container {
|
||||
width: 96%;
|
||||
margin: auto;
|
||||
}
|
||||
}
|
||||
.culture .des {
|
||||
width: 90%;
|
||||
margin: 0 auto 2%;
|
||||
color: #002855;
|
||||
line-height: 2em;
|
||||
}
|
||||
.culture .line {
|
||||
width: 4.25%;
|
||||
height: 5px;
|
||||
background-color: #002855;
|
||||
overflow: hidden;
|
||||
margin: 0 auto 2%;
|
||||
}
|
||||
.culture-l {
|
||||
width: 12%;
|
||||
float: left;
|
||||
text-align: right;
|
||||
padding-right: 2%;
|
||||
line-height: 2em;
|
||||
padding-top: 2em;
|
||||
font-family: 'SourceHanSans-Light';
|
||||
font-weight: bold;
|
||||
color: #002855;
|
||||
}
|
||||
.culture-l span {
|
||||
display: block;
|
||||
position: absolute;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
border-radius: 5px;
|
||||
background-color: #002855;
|
||||
right: -5px;
|
||||
top: 2.5em;
|
||||
}
|
||||
.culture-r {
|
||||
border-left: 1px solid #b0bbc7;
|
||||
width: 72%;
|
||||
float: left;
|
||||
padding-left: 7%;
|
||||
line-height: 2em;
|
||||
padding-top: 2em;
|
||||
font-family: 'SourceHanSans-Light';
|
||||
}
|
||||
.culture-Menu .Menu {
|
||||
margin-bottom: 3%;
|
||||
overflow: hidden;
|
||||
}
|
||||
.culture-Menu a {
|
||||
display: inline-block;
|
||||
border-radius: 2em;
|
||||
margin-left: 1%;
|
||||
color: #009fdf;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
.culture-Menu .active {
|
||||
background-color: #002855;
|
||||
border: 2px solid #002855;
|
||||
color: #fff;
|
||||
}
|
||||
@media screen and (min-width: 480px) {
|
||||
.culture-Menu a {
|
||||
padding: 0.5% 2%;
|
||||
margin-right: 1%;
|
||||
border: 2px solid #009fdf;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 479px) {
|
||||
.culture-Menu a {
|
||||
padding: 0.5% 1.5%;
|
||||
margin-right: 0.5%;
|
||||
border: 1px solid #009fdf;
|
||||
}
|
||||
}
|
||||
|
||||
/*愿景与使命*/
|
||||
.culture_vision {
|
||||
background-color: #fff;
|
||||
overflow: hidden;
|
||||
}
|
||||
.culture_vision .title {
|
||||
font-size: 3em;
|
||||
font-weight: 600;
|
||||
color: #101010;
|
||||
text-align: center;
|
||||
padding-top: 2.3%;
|
||||
padding-bottom: 2%;
|
||||
line-height: 2em;
|
||||
font-family: 'LATO-MEDIUM';
|
||||
}
|
||||
.culture_vision .left {
|
||||
width: 46.7%;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.culture_vision .left img,.culture_vision .right img{
|
||||
border-radius: 16px;
|
||||
}
|
||||
.culture_vision .center {
|
||||
width: 6.6%;
|
||||
}
|
||||
.culture_vision .right {
|
||||
width: 46.7%;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.culture_vision .subtitle {
|
||||
font-size: 20px;
|
||||
color: #101010;
|
||||
line-height: 2em;
|
||||
margin-bottom: 2%;
|
||||
font-weight: 600;
|
||||
font-family: Montserrat-Bold, Montserrat;
|
||||
}
|
||||
|
||||
.culture_vision .left p {
|
||||
text-align: left;
|
||||
display: inline-block;
|
||||
width: 90%;
|
||||
}
|
||||
.culture_vision .right p {
|
||||
margin-left: 5%;
|
||||
text-align: left;
|
||||
display: inline-block;
|
||||
width: 90%;
|
||||
margin-right: 10%;
|
||||
}
|
||||
.culture_vision .des {
|
||||
font-size: 16px;
|
||||
color: #737373;
|
||||
line-height: 1.6rem;
|
||||
font-family: Montserrat-Medium, Montserrat;
|
||||
}
|
||||
.culture_vision .swt-Table {
|
||||
margin-bottom: 4%;
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
.culture_vision .left,
|
||||
.culture_vision .right {
|
||||
width: 100%;
|
||||
}
|
||||
.culture_vision p {
|
||||
width: 90%;
|
||||
margin-left: 5%;
|
||||
margin-right: 5%;
|
||||
}
|
||||
.culture_vision .subtitle {
|
||||
margin-top: 5%;
|
||||
}
|
||||
.culture_vision_02 {
|
||||
display: none;
|
||||
}
|
||||
.culture_vision_view {
|
||||
display: block;
|
||||
}
|
||||
.culture_vision .left p {
|
||||
margin-left: 5%;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 769px) {
|
||||
.culture_vision_02 {
|
||||
display: block;
|
||||
}
|
||||
.culture_vision_view {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
/*文化与价值观*/
|
||||
.culture_new_banner {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
color: #fff;
|
||||
bottom: 32vw;
|
||||
text-align: center;
|
||||
}
|
||||
.culture_new_banner .title {
|
||||
font-size: 3em;
|
||||
line-height: 2em;
|
||||
}
|
||||
.culture_new_banner .des {
|
||||
font-size: 1em;
|
||||
line-height: 1.6em;
|
||||
}
|
||||
@media screen and (max-width: 1440px) {
|
||||
.culture_new_banner .title {
|
||||
font-size: 2em;
|
||||
line-height: 2em;
|
||||
}
|
||||
.culture_new_banner .des {
|
||||
font-size: 1em;
|
||||
line-height: 1.6em;
|
||||
}
|
||||
.culture_vision .subtitle {
|
||||
color: #101010;
|
||||
line-height: 2em;
|
||||
margin-bottom: 2%;
|
||||
font-weight: 600;
|
||||
}
|
||||
.culture_vision .des {
|
||||
color: #737373;
|
||||
line-height: 1.6em;
|
||||
}
|
||||
.culture_vision .right p {
|
||||
margin-left: 0;
|
||||
|
||||
}
|
||||
.culture_vision .left p {
|
||||
margin-left: -10%;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
.culture_new_banner .des {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 480px) {
|
||||
.culture_new_banner {
|
||||
bottom: 30vw;
|
||||
}
|
||||
.culture_new_banner .title {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
}
|
||||
|
||||
.culture_new {
|
||||
width: 100%;
|
||||
}
|
||||
.culture_new .title {
|
||||
font-size: 2em;
|
||||
color: #101010;
|
||||
padding: 4.5% 0 0.6%;
|
||||
font-weight: 600;
|
||||
line-height: 1.8em;
|
||||
font-family: 'LATO-MEDIUM';
|
||||
}
|
||||
.culture_new .des {
|
||||
font-size: 1em;
|
||||
color: #737373;
|
||||
width: 70%;
|
||||
margin: auto;
|
||||
line-height: 1.6em;
|
||||
}
|
||||
.culture_new ul {
|
||||
margin-top: 3%;
|
||||
margin-bottom: 3%;
|
||||
}
|
||||
.culture_new li {
|
||||
width: 29.4%;
|
||||
padding: 1.5%;
|
||||
box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);
|
||||
margin-bottom: 4%;
|
||||
}
|
||||
.culture_new li .list-title {
|
||||
color: #333333;
|
||||
font-size: 1em;
|
||||
text-align: center;
|
||||
padding-top: 5%;
|
||||
padding-bottom: 3.5%;
|
||||
font-weight: 600;
|
||||
}
|
||||
.culture_new li .list-des {
|
||||
color: #737373;
|
||||
text-align: left;
|
||||
font-size: 1em;
|
||||
width: 92%;
|
||||
line-height: 1.6em;
|
||||
margin-bottom: 3%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
.culture_new .R-margin {
|
||||
width: 1.4%;
|
||||
box-shadow: none;
|
||||
padding: 0;
|
||||
}
|
||||
.culture_new_gray {
|
||||
width: 100%;
|
||||
background-color: #f5f5f5;
|
||||
padding: 2.8% 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
.culture_new_gray .center_bg {
|
||||
background-color: #fff;
|
||||
overflow: hidden;
|
||||
}
|
||||
.culture_new_gray .left {
|
||||
width: 50.3%;
|
||||
float: left;
|
||||
}
|
||||
.culture_new_gray .right {
|
||||
width: 49.7%;
|
||||
float: right;
|
||||
}
|
||||
.culture_new_gray .content {
|
||||
width: 95%;
|
||||
margin: 3% 2% 3% 3%;
|
||||
}
|
||||
.culture_new_gray p {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
margin: auto;
|
||||
}
|
||||
.culture_new_gray p span {
|
||||
border-bottom: 2px solid #101010;
|
||||
display: inline-block;
|
||||
}
|
||||
.culture_new_gray .title {
|
||||
font-size: 1.5em;
|
||||
color: #101010;
|
||||
line-height: 1.8em;
|
||||
margin-bottom: 2.8%;
|
||||
font-weight: 600;
|
||||
}
|
||||
.culture_new_gray .subtitle {
|
||||
font-size: 1em;
|
||||
color: #737373;
|
||||
margin-bottom: 2.7%;
|
||||
line-height: 1.6em;
|
||||
}
|
||||
.culture_new_gray .des {
|
||||
font-size: 0.875em;
|
||||
color: 737373;
|
||||
line-height: 1.8em;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 540px) {
|
||||
.culture_new .swt-Table {
|
||||
display: table;
|
||||
width: 100%;
|
||||
margin-top: 3.4%;
|
||||
margin-bottom: 4.5%;
|
||||
}
|
||||
.culture_new .swt-Table .Table-Row {
|
||||
display: table-row;
|
||||
}
|
||||
.culture_new .swt-Table .Table-Row .Table-Cell {
|
||||
display: table-cell;
|
||||
text-align: center;
|
||||
padding-top: 1.3%;
|
||||
padding-bottom: 1.3%;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 539px) {
|
||||
.culture_new li {
|
||||
width: 92%;
|
||||
text-align: center;
|
||||
padding-top: 5%;
|
||||
padding-bottom: 5%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
.culture_new .title {
|
||||
padding: 3% 0 2% 0;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
.culture_new_gray .right {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
margin-top: 2%;
|
||||
}
|
||||
.culture_new_gray .left {
|
||||
width: 96%;
|
||||
margin: auto;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 742px) {
|
||||
.culture_new_gray .right {
|
||||
margin-top: 0;
|
||||
}
|
||||
.culture_new_gray .right img {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
/*我们会*/
|
||||
.wewill_title {
|
||||
font-size: 2em;
|
||||
font-family: 'LATO-MEDIUM';
|
||||
font-weight: 600;
|
||||
color: #101010;
|
||||
}
|
||||
.wewill_des {
|
||||
font-size: 1em;
|
||||
color: #737373;
|
||||
line-height: 1.6em;
|
||||
}
|
||||
.wewill_des_text {
|
||||
font-size: 0.875em;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
@media screen and (max-width: 960px) {
|
||||
.wewill_title {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
.wewill_des {
|
||||
line-height: 1.4em;
|
||||
}
|
||||
.wewill_des_text {
|
||||
font-size: 1em;
|
||||
}
|
||||
}
|
||||
.cul_line {
|
||||
width: 40px;
|
||||
height: 3px;
|
||||
background: #0e0e0e;
|
||||
margin: 2% 0;
|
||||
}
|
||||
|
||||
.wewill_01 {
|
||||
padding: 3.2% 0;
|
||||
background-image: url(../../images/culture/wewill_bg.jpg);
|
||||
overflow: hidden;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.wewill_01 .left {
|
||||
width: 32.5%;
|
||||
float: left;
|
||||
}
|
||||
.wewill_01 .right {
|
||||
width: 55%;
|
||||
float: left;
|
||||
padding-top: 5%;
|
||||
padding-left: 6%;
|
||||
}
|
||||
.wewill_01 .wewill_des {
|
||||
margin-top: 4%;
|
||||
}
|
||||
@media screen and (max-width: 1280px) {
|
||||
.wewill_01 .right {
|
||||
padding-top: 3%;
|
||||
width: 60%;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 960px) {
|
||||
.wewill_01 .right {
|
||||
padding-top: 0;
|
||||
width: 60%;
|
||||
}
|
||||
.wewill_01 .wewill_des {
|
||||
margin-top: 2%;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 480px) {
|
||||
.wewill_01 .left {
|
||||
width: 100%;
|
||||
}
|
||||
.wewill_01 .wewill_title {
|
||||
margin-top: 4%;
|
||||
}
|
||||
.wewill_01 .right {
|
||||
width: 100%;
|
||||
padding: 2% 0 3%;
|
||||
}
|
||||
.wewill_01 .wewill_des {
|
||||
margin-top: 3%;
|
||||
}
|
||||
}
|
||||
|
||||
.wewill_bg {
|
||||
background: #f1f1f1;
|
||||
padding: 3% 0;
|
||||
}
|
||||
.wewill_02 .wewill_title {
|
||||
text-align: center;
|
||||
margin-bottom: 2.5%;
|
||||
}
|
||||
.wewill_02 .wewill_des {
|
||||
text-align: center;
|
||||
font-weight: 600;
|
||||
color: #333333;
|
||||
margin-top: 5%;
|
||||
margin-bottom: 3%;
|
||||
}
|
||||
.wewill_02 .text_width {
|
||||
width: 32.4%;
|
||||
background-color: #ffffff;
|
||||
overflow: hidden;
|
||||
box-shadow: 0px 5px 15px #e6e6e6;
|
||||
}
|
||||
.wewill_02 .spacing {
|
||||
width: 1.4%;
|
||||
}
|
||||
.wewill_02 .text_all {
|
||||
width: 88%;
|
||||
margin: 6% auto;
|
||||
}
|
||||
.wewill_02 .wewill_des_text {
|
||||
text-align: left;
|
||||
}
|
||||
.wewill_02 .sub_title {
|
||||
font-size: 1em;
|
||||
color: #737373;
|
||||
width: 70%;
|
||||
margin: auto;
|
||||
text-align: center;
|
||||
margin-bottom: 3%;
|
||||
}
|
||||
|
||||
.wewill_03 {
|
||||
background-color: #fff;
|
||||
overflow: hidden;
|
||||
}
|
||||
.wewill_03 .wewill_title {
|
||||
text-align: center;
|
||||
margin-bottom: 2.5%;
|
||||
}
|
||||
.wewill_03 .wewill_des {
|
||||
width: 70%;
|
||||
margin: auto;
|
||||
text-align: center;
|
||||
}
|
||||
.wewill_03 ul {
|
||||
width: 100%;
|
||||
margin-top: 3%;
|
||||
}
|
||||
.wewill_03 li {
|
||||
width: 31%;
|
||||
margin-right: 3.5%;
|
||||
float: left;
|
||||
}
|
||||
.wewill_03 li:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
.wewill_03 .wewill_des_text {
|
||||
font-size: 1.25em;
|
||||
font-family: 'LATO-MEDIUM';
|
||||
color: #333333;
|
||||
text-align: left;
|
||||
margin-top: 5%;
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
.wewill_02 .text_width {
|
||||
width: 100%;
|
||||
margin-bottom: 3%;
|
||||
}
|
||||
.wewill_02 .spacing {
|
||||
display: none;
|
||||
}
|
||||
.wewill_02 .text_all {
|
||||
width: 80%;
|
||||
margin: 6% auto;
|
||||
text-align: center;
|
||||
}
|
||||
.wewill_03 li {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
}
|
||||
.wewill_03 li:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.wewill_03 .wewill_des_text {
|
||||
margin-top: 2%;
|
||||
margin-bottom: 5%;
|
||||
}
|
||||
.wewill_03 .wewill_des {
|
||||
width: 80%;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width:769px){
|
||||
.swt-Table{display: table; width:100%;}
|
||||
.swt-Table .Table-Row{display: table-row;}
|
||||
.swt-Table .Table-Row .Table-Cell{display: table-cell; margin:0; padding:0;}
|
||||
}
|
||||
|
||||
/*我们是*/
|
||||
.weare_bg {
|
||||
background: #f5f5f5;
|
||||
padding: 3vw 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
.weare_bg_white {
|
||||
background-color: #fff;
|
||||
}
|
||||
.weare_idea .left {
|
||||
width: 70%;
|
||||
}
|
||||
.weare_idea .right {
|
||||
width: 20%;
|
||||
vertical-align: middle;
|
||||
line-height: 1.4em;
|
||||
}
|
||||
.weare_idea_all {
|
||||
width: 90%;
|
||||
padding: 5%;
|
||||
}
|
||||
.weare_idea_all .wewill_title {
|
||||
margin-bottom: 4%;
|
||||
}
|
||||
.weare_idea p {
|
||||
margin-bottom: 2%;
|
||||
}
|
||||
.weare_idea .margin-top {
|
||||
margin-top: 3.5%;
|
||||
}
|
||||
|
||||
.weare_03 {
|
||||
margin-top: 5%;
|
||||
margin-bottom: 5%;
|
||||
overflow: hidden;
|
||||
}
|
||||
.weare_03 li {
|
||||
width: 31%;
|
||||
float: left;
|
||||
margin-right: 3.5%;
|
||||
text-align: center;
|
||||
}
|
||||
.weare_03 li:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
.weare_03 .wewill_des {
|
||||
font-weight: 600;
|
||||
margin-top: 3%;
|
||||
color: #333333;
|
||||
}
|
||||
.weare_03 .wewill_des_text {
|
||||
margin-top: 3%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.weare_04 .wewill_title {
|
||||
text-align: center;
|
||||
}
|
||||
.weare_04 .wewill_des {
|
||||
text-align: center;
|
||||
color: #333333;
|
||||
margin-top: 1.5%;
|
||||
font-weight: 600;
|
||||
font-size: 1.5em;
|
||||
}
|
||||
.weare_04 .wewill_des_text {
|
||||
text-align: center;
|
||||
margin-top: 1%;
|
||||
width: 76%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
font-size: 1em;
|
||||
}
|
||||
.weare_04 ul {
|
||||
margin-top: 2%;
|
||||
overflow: hidden;
|
||||
}
|
||||
.weare_04 li {
|
||||
width: 32%;
|
||||
margin-right: 2%;
|
||||
float: left;
|
||||
}
|
||||
.weare_04 li:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
.weare_idea .left {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
.weare_idea .right {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
padding-bottom: 7%;
|
||||
overflow: hidden;
|
||||
}
|
||||
.weare_idea .right img {
|
||||
max-width: 100%;
|
||||
display: block;
|
||||
}
|
||||
.weare_03 li {
|
||||
width: 100%;
|
||||
margin-top: 3%;
|
||||
margin-right: 0;
|
||||
}
|
||||
.weare_04 li {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
margin-bottom: 2%;
|
||||
}
|
||||
}
|
||||
127
public/static/index/pc/css/aboutus_introduction.css
Executable file
127
public/static/index/pc/css/aboutus_introduction.css
Executable file
@@ -0,0 +1,127 @@
|
||||
.orico_Page_introduction {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
background: #f2f2f2;
|
||||
padding-bottom: 90px;
|
||||
}
|
||||
.orico_Page_introduction .introductionMain {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
.orico_Page_introduction .introductionMain .iotbpage {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
}
|
||||
.orico_Page_introduction .introductionMain .iotbpage .iotb_bgw {
|
||||
width: 100%;
|
||||
background-color: #fff;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
.orico_Page_introduction .introductionMain .iotbpage .iotb_bgw .iotbt1 {
|
||||
font-size: 32px;
|
||||
font-family: Montserrat-Bold, Montserrat;
|
||||
padding-bottom: 65px;
|
||||
padding-top: 88px;
|
||||
font-weight: 700;
|
||||
}
|
||||
.orico_Page_introduction .introductionMain .iotbpage .iotb_bgw .iotb_part1 {
|
||||
width: 75%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
padding-bottom: 100px;
|
||||
align-items: baseline;
|
||||
}
|
||||
.orico_Page_introduction .introductionMain .iotbpage .iotb_bgw .iotb_part1 .iotb_p1_item {
|
||||
width: 336px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.orico_Page_introduction .introductionMain .iotbpage .iotb_bgw .iotb_part1 .iotb_p1_item .iotbic1 {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.orico_Page_introduction .introductionMain .iotbpage .iotb_bgw .iotb_part1 .iotb_p1_item .iotbtp1 {
|
||||
font-size: 18px;
|
||||
font-family: Montserrat-Bold, Montserrat;
|
||||
font-weight: bold;
|
||||
padding-bottom: 18px;
|
||||
}
|
||||
.orico_Page_introduction .introductionMain .iotbpage .iotb_bgw .iotb_part1 .iotb_p1_item .iotbts1 {
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
font-family: Montserrat-Medium, Montserrat;
|
||||
color: #9e9e9f;
|
||||
}
|
||||
.orico_Page_introduction .introductionMain .iotb_part2 {
|
||||
padding-bottom: 90px;
|
||||
background: #fff;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.orico_Page_introduction .introductionMain .iotb_part2 .iotbt1 {
|
||||
font-size: 32px;
|
||||
font-family: Montserrat-Bold, Montserrat;
|
||||
padding-bottom: 65px;
|
||||
padding-top: 88px;
|
||||
font-weight: 700;
|
||||
}
|
||||
.orico_Page_introduction .introductionMain .iotb_part2 .fdimgs {
|
||||
width: 70%;
|
||||
padding-bottom: 110px;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
.orico_Page_introduction .introductionMain .iotb_part2 .fdimgs .fdimgs-div {
|
||||
width: 320px;
|
||||
height: 255px;
|
||||
background: #fff;
|
||||
border-radius: 8px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
}
|
||||
.orico_Page_introduction .introductionMain .iotb_part2 .fdimgs.fdimgs1 .fdimgs-div {
|
||||
height: 405px;
|
||||
}
|
||||
.orico_Page_introduction .introductionMain .iotb_part2 .fdimgs .fdimgs-div .fdimgs-div-span {
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
z-index: 9999;
|
||||
background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(200, 200, 200, 0.1));
|
||||
height: 45px;
|
||||
width: 100%;
|
||||
}
|
||||
.orico_Page_introduction .introductionMain .iotb_part2 .fdimgs .fdimgs-div span {
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
z-index: 9999;
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
color: #fff;
|
||||
line-height: 45px;
|
||||
}
|
||||
204
public/static/index/pc/css/aboutus_policy.css
Executable file
204
public/static/index/pc/css/aboutus_policy.css
Executable file
@@ -0,0 +1,204 @@
|
||||
.orico_Page_policy {
|
||||
background: #f2f2f2;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.orico_Page_policy .ctmain {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.orico_Page_policy .ctmain .img-responsive img {
|
||||
width: 100%;
|
||||
}
|
||||
.orico_Page_policy .ctmain .lj_sale_policy {
|
||||
font-size: 2.25rem;
|
||||
text-align: center;
|
||||
padding: 4.3% 0 1%;
|
||||
color: #333;
|
||||
font-weight: 600;
|
||||
}
|
||||
.orico_Page_policy .ctmain .lj_sale_t {
|
||||
text-align: center;
|
||||
font-size: 1.125rem;
|
||||
color: #737373;
|
||||
padding: 0.7% 2% 0.6%;
|
||||
}
|
||||
.orico_Page_policy .ctmain .lj_icon_l {
|
||||
padding: 2%;
|
||||
}
|
||||
.orico_Page_policy .ctmain .lj_icon_l li {
|
||||
padding: 1.25% 0;
|
||||
width: 50%;
|
||||
float: left;
|
||||
}
|
||||
.orico_Page_policy .ctmain .lj_text_right {
|
||||
width: 70%;
|
||||
float: left;
|
||||
padding-left: 10px;
|
||||
}
|
||||
.orico_Page_policy .ctmain .lj_icon_left {
|
||||
float: left;
|
||||
}
|
||||
@media (min-width: 1280px) {
|
||||
.orico_Page_policy .ctmain .lj_icon_left {
|
||||
width: 110px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1279px) {
|
||||
.orico_Page_policy .ctmain .lj_icon_left {
|
||||
width: 18%;
|
||||
}
|
||||
.orico_Page_policy .ctmain .lj_icon_left img {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
@media (max-width: 979px) {
|
||||
.orico_Page_policy .ctmain .lj_icon_l li {
|
||||
width: 98%;
|
||||
}
|
||||
.orico_Page_policy .ctmain .lj_text_right {
|
||||
width: 77%;
|
||||
}
|
||||
}
|
||||
.orico_Page_policy .ctmain .lj_h3 {
|
||||
font-size: 1rem;
|
||||
font-weight: 600;
|
||||
padding-bottom: 0.5vw;
|
||||
color: #333;
|
||||
}
|
||||
.orico_Page_policy .ctmain .lj_des {
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.7rem;
|
||||
}
|
||||
.orico_Page_policy .ctmain .lj_bg_i {
|
||||
background: #f1f1f1;
|
||||
padding: 2.4% 2%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
@media (min-width: 1280px) {
|
||||
.orico_Page_policy .ctmain .lj_img_l {
|
||||
width: 26%;
|
||||
float: left;
|
||||
}
|
||||
.orico_Page_policy .ctmain .lj_text_r {
|
||||
width: 72%;
|
||||
}
|
||||
}
|
||||
@media (min-width: 980px) and (max-width: 1279px) {
|
||||
.orico_Page_policy .ctmain .lj_img_l {
|
||||
width: 313px;
|
||||
float: left;
|
||||
padding-right: 5%;
|
||||
}
|
||||
.orico_Page_policy .ctmain .lj_text_r {
|
||||
width: 60%;
|
||||
}
|
||||
}
|
||||
.orico_Page_policy .ctmain .iotbpage {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
background-color: #fff;
|
||||
}
|
||||
@media (min-width: 480px) and (max-width: 1279px) {
|
||||
.orico_Page_policy .ctmain .lj_img_l {
|
||||
display: none;
|
||||
}
|
||||
.orico_Page_policy .ctmain .lj_text_r {
|
||||
width: 90%;
|
||||
}
|
||||
}
|
||||
@media (max-width: 479px) {
|
||||
.orico_Page_policy .ctmain .lj_img_l {
|
||||
width: 98%;
|
||||
padding: 2% 0;
|
||||
margin: auto;
|
||||
}
|
||||
.orico_Page_policy .ctmain .lj_img_l img {
|
||||
max-width: 100%;
|
||||
}
|
||||
.orico_Page_policy .ctmain .lj_text_r {
|
||||
width: 90%;
|
||||
}
|
||||
}
|
||||
.orico_Page_policy .ctmain .lj_three_policy {
|
||||
font-size: 1.375rem;
|
||||
text-align: center;
|
||||
color: #333;
|
||||
padding: 5.5% 0 1%;
|
||||
}
|
||||
.orico_Page_policy .ctmain .lj_t_small {
|
||||
color: #737373;
|
||||
text-align: center;
|
||||
}
|
||||
.orico_Page_policy .ctmain .lj_policy_icon {
|
||||
padding: 2% 2% 5%;
|
||||
}
|
||||
@media (min-width: 800px) {
|
||||
.orico_Page_policy .ctmain .lj_policy_icon li {
|
||||
width: 27%;
|
||||
}
|
||||
.orico_Page_policy .ctmain .lj_policy_four li {
|
||||
width: 20%;
|
||||
}
|
||||
.orico_Page_policy .ctmain .lj_icon05 {
|
||||
width: 44.7%;
|
||||
}
|
||||
}
|
||||
@media (max-width: 799px) {
|
||||
.orico_Page_policy .ctmain .lj_policy_icon li {
|
||||
width: 90%;
|
||||
margin: auto;
|
||||
}
|
||||
.orico_Page_policy .ctmain .lj_policy_four li {
|
||||
width: 45%;
|
||||
}
|
||||
.orico_Page_policy .ctmain .lj_icon05 {
|
||||
width: 21.2%;
|
||||
}
|
||||
}
|
||||
.orico_Page_policy .ctmain .lj_policy_four {
|
||||
padding: 1.5% 2% 5%;
|
||||
}
|
||||
.orico_Page_policy .ctmain .lj_policy_four li {
|
||||
margin-right: 5%;
|
||||
float: left;
|
||||
}
|
||||
.orico_Page_policy .ctmain .lj_policy_four li:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
.orico_Page_policy .ctmain .lj_policy_icon li {
|
||||
margin-right: 8%;
|
||||
float: left;
|
||||
}
|
||||
.orico_Page_policy .ctmain .lj_policy_icon li:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
.orico_Page_policy .ctmain .lj_icon05 {
|
||||
text-align: center;
|
||||
padding: 8% 0;
|
||||
margin: auto;
|
||||
}
|
||||
.orico_Page_policy .ctmain .lj_icon05 img {
|
||||
max-width: 100%;
|
||||
}
|
||||
.orico_Page_policy .ctmain .lj_icon05_text {
|
||||
text-align: center;
|
||||
color: #737373;
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.875rem;
|
||||
}
|
||||
.orico_Page_policy .ctmain .lj_mar_5 {
|
||||
margin-bottom: 4.2%;
|
||||
}
|
||||
.orico_Page_policy .ctmain .swt-Container {
|
||||
margin: 0 auto;
|
||||
width: 80%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
231
public/static/index/pc/css/achievement.css
Executable file
231
public/static/index/pc/css/achievement.css
Executable file
@@ -0,0 +1,231 @@
|
||||
.orico_Page_achievement {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
background: #f2f2f2;
|
||||
margin-top: 3.75rem;
|
||||
}
|
||||
.orico_Page_achievement .achievementMain {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
.orico_Page_achievement .achievementMain .acvImg {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.orico_Page_achievement .achievementMain .achInfo {
|
||||
width: 100%;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
background: #fff;
|
||||
height: 28.75rem;
|
||||
}
|
||||
.orico_Page_achievement .achievementMain .achInfo .title {
|
||||
height: 11.25rem;
|
||||
line-height: 11.25rem;
|
||||
font-size: 2rem;
|
||||
font-family: Montserrat-Bold, Montserrat;
|
||||
font-weight: bold;
|
||||
color: #000000;
|
||||
text-align: center;
|
||||
}
|
||||
.orico_Page_achievement .achievementMain .achInfo .achNums {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
width: 80%;
|
||||
margin: 0 auto;
|
||||
max-width: 101.25rem;
|
||||
}
|
||||
.orico_Page_achievement .achievementMain .achInfo .achNums .achive_shuju {
|
||||
width: 25%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
.orico_Page_achievement .achievementMain .achInfo .achNums .achive_shuju .title1 {
|
||||
margin-top: 2.5rem;
|
||||
font-size: 2rem;
|
||||
font-family: Montserrat-Bold, Montserrat;
|
||||
font-weight: bold;
|
||||
color: #000000;
|
||||
}
|
||||
.orico_Page_achievement .achievementMain .achInfo .achNums .achive_shuju .title1 p {
|
||||
font-family: inherit;
|
||||
}
|
||||
.orico_Page_achievement .achievementMain .achInfo .achNums .achive_shuju .subtitle1 {
|
||||
margin-top: 1rem;
|
||||
font-size: 1.125rem;
|
||||
font-family: Montserrat-Regular, Montserrat;
|
||||
font-weight: 400;
|
||||
color: #707070;
|
||||
}
|
||||
.orico_Page_achievement .achievementMain .achTimes {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
position: relative;
|
||||
background: #f2f2f2;
|
||||
font-family: Montserrat;
|
||||
padding-bottom: 10%;
|
||||
}
|
||||
.orico_Page_achievement .achievementMain .achTimes .timecontent {
|
||||
width: 80%;
|
||||
max-width: 101.25rem;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.orico_Page_achievement .achievementMain .achTimes .timecontent .title {
|
||||
height: 11.25rem;
|
||||
line-height: 11.25rem;
|
||||
font-size: 2rem;
|
||||
font-family: Montserrat-Bold, Montserrat;
|
||||
font-weight: bold;
|
||||
color: #000000;
|
||||
text-align: center;
|
||||
}
|
||||
.orico_Page_achievement .achievementMain .achTimes .timecontent .timelist {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
max-width: 101.25rem;
|
||||
flex-direction: row;
|
||||
}
|
||||
.orico_Page_achievement .achievementMain .achTimes .timecontent .timelist .timeline-time {
|
||||
width: 15%;
|
||||
}
|
||||
.orico_Page_achievement .achievementMain .achTimes .timecontent .timelist .timeline-time .event_year {
|
||||
width: 6.25rem;
|
||||
text-align: center;
|
||||
float: left;
|
||||
margin-top: 0.625rem;
|
||||
}
|
||||
.orico_Page_achievement .achievementMain .achTimes .timecontent .timelist .timeline-time .event_year li {
|
||||
height: 2.9rem;
|
||||
line-height: 2.9rem;
|
||||
border-left: 1px solid #d4d4d4;
|
||||
font-size: 1.125rem;
|
||||
color: #828282;
|
||||
cursor: pointer;
|
||||
}
|
||||
.orico_Page_achievement .achievementMain .achTimes .timecontent .timelist .timeline-time .event_year li.current {
|
||||
border-left: 4px solid #0066ff;
|
||||
color: #004bfa;
|
||||
font-weight: 600;
|
||||
}
|
||||
.orico_Page_achievement .achievementMain .achTimes .timecontent .timelist .timeline-con {
|
||||
width: 85%;
|
||||
height: 41.5625rem;
|
||||
background-color: white;
|
||||
border-radius: 1rem;
|
||||
}
|
||||
.orico_Page_achievement .achievementMain .achTimes .timecontent .timelist .timeline-con .con_event_list {
|
||||
width: 98%;
|
||||
height: 91%;
|
||||
overflow: auto;
|
||||
margin: 1.875rem 0.625rem;
|
||||
}
|
||||
.orico_Page_achievement .achievementMain .achTimes .timecontent .timelist .timeline-con .con_event_list .event_list {
|
||||
width: 98%;
|
||||
background: url(/static/index/images/greyline.png) 50px 0 repeat-y;
|
||||
}
|
||||
.orico_Page_achievement .achievementMain .achTimes .timecontent .timelist .timeline-con .con_event_list .event_list div {
|
||||
overflow: hidden;
|
||||
color: black;
|
||||
}
|
||||
.orico_Page_achievement .achievementMain .achTimes .timecontent .timelist .timeline-con .con_event_list .event_list div h3 {
|
||||
margin: 0 0 0 2.1875rem;
|
||||
padding-left: 2.5rem;
|
||||
background: url(/static/index/images/greyyuandian.png) 3px 3px no-repeat;
|
||||
height: 2.375rem;
|
||||
font-size: 1.25rem;
|
||||
font-family: Montserrat-Bold, Montserrat;
|
||||
font-weight: bold;
|
||||
color: #000000;
|
||||
line-height: 1.875rem;
|
||||
}
|
||||
.orico_Page_achievement .achievementMain .achTimes .timecontent .timelist .timeline-con .con_event_list .event_list div .backgroundimg {
|
||||
background: url(/static/index/images/yaundian.png) 3px 3px no-repeat !important;
|
||||
}
|
||||
.orico_Page_achievement .achievementMain .achTimes .timecontent .timelist .timeline-con .con_event_list .event_list div li {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
font-family: Montserrat-Medium, Montserrat;
|
||||
line-height: 1.5625rem;
|
||||
font-size: 1rem;
|
||||
font-weight: 500;
|
||||
color: #707070;
|
||||
padding: 0 0 1.24rem 4.6875rem;
|
||||
}
|
||||
.orico_Page_achievement .achievementMain .tech {
|
||||
background: #fff;
|
||||
width: 100%;
|
||||
}
|
||||
.orico_Page_achievement .achievementMain .tech .techcontent {
|
||||
width: 80%;
|
||||
max-width: 101.25rem;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding-bottom: 8.125rem;
|
||||
}
|
||||
.orico_Page_achievement .achievementMain .tech .techcontent .title {
|
||||
height: 11.25rem;
|
||||
line-height: 11.25rem;
|
||||
font-size: 2rem;
|
||||
font-family: Montserrat-Bold, Montserrat;
|
||||
font-weight: bold;
|
||||
color: #000000;
|
||||
text-align: center;
|
||||
}
|
||||
.orico_Page_achievement .achievementMain .tech .techcontent .techcon {
|
||||
height: 21.875rem;
|
||||
background-color: #f2f2f2;
|
||||
display: flex;
|
||||
border-radius: 1rem;
|
||||
margin-top: 1.25rem;
|
||||
|
||||
}
|
||||
.orico_Page_achievement .achievementMain .tech .techcontent .techcon div {
|
||||
width: 50%;
|
||||
}
|
||||
.orico_Page_achievement .achievementMain .tech .techcontent .techcon .tech-img{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin: 1.5625rem;
|
||||
}
|
||||
.orico_Page_achievement .achievementMain .tech .techcontent .techcon .text img {
|
||||
margin-top: 5rem;
|
||||
margin-left: 4.0625rem;
|
||||
}
|
||||
.orico_Page_achievement .achievementMain .tech .techcontent .techcon .text .year {
|
||||
margin-left: 4.0625rem;
|
||||
margin-top: 2.5rem;
|
||||
font-size: 1.75rem;
|
||||
font-family: Montserrat-Bold, Montserrat;
|
||||
font-weight: bold;
|
||||
color: #000000;
|
||||
line-height: 1.625rem;
|
||||
}
|
||||
.orico_Page_achievement .achievementMain .tech .techcontent .techcon .text .context {
|
||||
margin-left: 65px;
|
||||
width: 80%;
|
||||
font-size: 16px;
|
||||
font-family: Montserrat-Medium, Montserrat;
|
||||
font-weight: 500;
|
||||
color: #707070;
|
||||
line-height: 26px;
|
||||
margin-top: 14px;
|
||||
}
|
||||
.orico_Page_achievement .achievementMain .tech .techcontent .techcon .text .context p {
|
||||
font-family: inherit;
|
||||
}
|
||||
.orico_Page_achievement .achievementMain .tech .techcontent .techcon .tech-img img {
|
||||
|
||||
width: -webkit-fill-available;
|
||||
width:100%;
|
||||
}
|
||||
11
public/static/index/pc/css/animate.min.css
vendored
Executable file
11
public/static/index/pc/css/animate.min.css
vendored
Executable file
File diff suppressed because one or more lines are too long
167
public/static/index/pc/css/article_category.css
Executable file
167
public/static/index/pc/css/article_category.css
Executable file
@@ -0,0 +1,167 @@
|
||||
.orico_Page_category {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
height: auto;
|
||||
min-height: 100vh;
|
||||
padding-bottom: 3.75rem;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
background: #f2f2f2;
|
||||
margin-top: 3.75rem;
|
||||
}
|
||||
.orico_Page_category .categoryMain {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
.orico_Page_category .categoryMain .categorybgimg {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.orico_Page_category .categoryMain .tabs {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-top: 2%;
|
||||
}
|
||||
.orico_Page_category .categoryMain .tabs .tabitme {
|
||||
padding: 10px 20px;
|
||||
font-size: 1.25em;
|
||||
font-weight: bold;
|
||||
cursor: pointer;
|
||||
font-weight: 400;
|
||||
}
|
||||
.orico_Page_category .categoryMain .tabs .tabitme.on {
|
||||
color: #009fdf;
|
||||
}
|
||||
.orico_Page_category .categoryMain .categorySearch {
|
||||
width: 67%;
|
||||
height: 3rem;
|
||||
margin: 2rem auto;
|
||||
position: relative;
|
||||
}
|
||||
.orico_Page_category .categoryMain .categorySearch .search_icon {
|
||||
width: 1.25rem;
|
||||
height: 1.25rem;
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 1.875rem;
|
||||
top: 0.9375rem;
|
||||
background: url(/static/index/images/search.png);
|
||||
z-index: 9;
|
||||
}
|
||||
.orico_Page_category .categoryMain .categorySearch .search {
|
||||
width: 100%;
|
||||
height: 3rem;
|
||||
line-height: 2.875rem;
|
||||
border: 1px solid #dbdbdb;
|
||||
border-radius: 0.125rem;
|
||||
text-indent: 3.75rem;
|
||||
background: #fff;
|
||||
color: #414446;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.orico_Page_category .categoryMain .tabConten {
|
||||
width: 80%;
|
||||
max-width: 101.25rem;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
background: #fff;
|
||||
}
|
||||
.orico_Page_category .categoryMain .tabConten .tbmain {
|
||||
position: relative;
|
||||
padding: 2% 1.5rem;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.orico_Page_category .categoryMain .tabConten .tbmain .Contenitem {
|
||||
float: left;
|
||||
width: 30.1%;
|
||||
height: auto;
|
||||
margin: 0 0 1.4% 0;
|
||||
background: #f5f5f5;
|
||||
padding: 1.2%;
|
||||
position: relative;
|
||||
/* min-height: 32rem; */
|
||||
overflow: hidden;
|
||||
}
|
||||
.orico_Page_category .categoryMain .tabConten .tbmain .Contenitem a {
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
transition: all 0.2s linear;
|
||||
-webkit-transition: all 0.2s linear;
|
||||
}
|
||||
.orico_Page_category .categoryMain .tabConten .tbmain .Contenitem a img {
|
||||
width: 100%;
|
||||
max-height: 18.75rem;
|
||||
}
|
||||
.orico_Page_category .categoryMain .tabConten .tbmain .Contenitem a h3 {
|
||||
color: #252525;
|
||||
font-size: 1.25rem;
|
||||
font-weight: bold;
|
||||
line-height: 1.875rem;
|
||||
margin: 0.75rem 0;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 3;
|
||||
max-height: 4rem;
|
||||
}
|
||||
.orico_Page_category .categoryMain .tabConten .tbmain .Contenitem a p {
|
||||
height: 4.5rem;
|
||||
overflow: hidden;
|
||||
color: #929292;
|
||||
font-size: 0.875rem;
|
||||
font-weight: 400;
|
||||
line-height: 1.5rem;
|
||||
margin-bottom: 0.75rem;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 3;
|
||||
line-clamp: 3;
|
||||
}
|
||||
.orico_Page_category .categoryMain .tabConten .tbmain .Contenitem span {
|
||||
color: #929292;
|
||||
font-size: 0.875rem;
|
||||
font-weight: 400;
|
||||
line-height: 1.5rem;
|
||||
margin-bottom: 0.75rem;
|
||||
position: absolute;
|
||||
bottom: 1rem;
|
||||
}
|
||||
.orico_Page_category .categoryMain .tabConten .pagination {
|
||||
zoom: 1;
|
||||
text-align: center;
|
||||
color: #555;
|
||||
clear: both;
|
||||
padding-bottom: 2rem;
|
||||
}
|
||||
.orico_Page_category .categoryMain .tabConten .pagination span {
|
||||
padding: 0px 0px;
|
||||
display: inline-block;
|
||||
}
|
||||
.orico_Page_category .categoryMain .tabConten .pagination li {
|
||||
display: inline-block;
|
||||
width: 34px;
|
||||
height: 22px;
|
||||
line-height: 22px;
|
||||
font-size: 16px;
|
||||
}
|
||||
.orico_Page_category .categoryMain .tabConten .pagination li.active {
|
||||
background-color: #444444;
|
||||
color: #ffffff;
|
||||
}
|
||||
/*屏幕兼容性*/
|
||||
@media screen and (min-width:750px) and (max-width:1280px){}
|
||||
@media screen and (min-width:1281px) and (max-width:1360px) {}
|
||||
@media screen and (min-width:1361px) and (max-width:1460px) {}
|
||||
@media screen and (min-width:1461px) and (max-width:1660px) {}
|
||||
@media screen and (min-width:1661px) and (max-width:1760px) {}
|
||||
@media screen and (min-width:1761px) and (max-width:1960px) {}
|
||||
@media screen and (min-width:1980px) {}
|
||||
222
public/static/index/pc/css/article_detail.css
Executable file
222
public/static/index/pc/css/article_detail.css
Executable file
@@ -0,0 +1,222 @@
|
||||
.orico_Page_articleDetail {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
padding: 3.75rem 0;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
background: #f2f2f2;
|
||||
}
|
||||
.orico_Page_articleDetail .articleDetailMain {
|
||||
width: 75%;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
margin-top: 2.6rem;
|
||||
}
|
||||
.orico_Page_articleDetail .articleDetailMain .atmleft {
|
||||
width: calc(100% - 1.5rem - 25rem);
|
||||
min-height: 650px;
|
||||
background: #ffffff;
|
||||
border: 1px solid #e8e8e8;
|
||||
float: left;
|
||||
margin-right: 1.25rem;
|
||||
}
|
||||
.orico_Page_articleDetail .articleDetailMain .atmleft .blog_title {
|
||||
margin: 2.5rem;
|
||||
border-bottom: 1px solid #e8e8e8;
|
||||
padding-bottom: 2.5rem;
|
||||
}
|
||||
.orico_Page_articleDetail .articleDetailMain .atmleft .blog_title h2 {
|
||||
font-size: 1.5rem;
|
||||
font-weight: bold;
|
||||
line-height: 2.125rem;
|
||||
color: #252525;
|
||||
margin-bottom: 1.0625rem;
|
||||
}
|
||||
.orico_Page_articleDetail .articleDetailMain .atmleft .blog_title p {
|
||||
color: #929292;
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.5rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
.orico_Page_articleDetail .articleDetailMain .atmleft .blog_content {
|
||||
margin: 2.5rem;
|
||||
}
|
||||
.orico_Page_articleDetail .articleDetailMain .atmleft .blog_content p {
|
||||
font-size: 0.875rem;
|
||||
font-weight: 400;
|
||||
line-height: 1.75rem;
|
||||
color: #252525;
|
||||
margin-bottom: 0.625rem;
|
||||
text-indent: 0 !important;
|
||||
}
|
||||
.orico_Page_articleDetail .articleDetailMain .atmleft .blog_content img {
|
||||
max-width: 100%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.orico_Page_articleDetail .articleDetailMain .atmright {
|
||||
width: 25rem;
|
||||
position: fixed;
|
||||
top: 100px;
|
||||
right: 12.5%;
|
||||
z-index: 10;
|
||||
}
|
||||
.orico_Page_articleDetail .articleDetailMain .atmright .blog_share {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
background: #ffffff;
|
||||
border: 1px solid #e8e8e8;
|
||||
float: left;
|
||||
position: relative;
|
||||
}
|
||||
.orico_Page_articleDetail .articleDetailMain .atmright .blog_share h3 {
|
||||
font-size: 1rem;
|
||||
line-height: 2.125rem;
|
||||
color: #959595;
|
||||
font-weight: bold;
|
||||
padding: 1.25rem 1.875rem;
|
||||
border-bottom: 1px solid #e8e8e8;
|
||||
}
|
||||
.orico_Page_articleDetail .articleDetailMain .atmright .blog_share .clearfix {
|
||||
overflow: hidden;
|
||||
}
|
||||
.orico_Page_articleDetail .articleDetailMain .atmright .blog_share .share_list {
|
||||
padding: 1.875rem;
|
||||
display: flex;
|
||||
}
|
||||
.orico_Page_articleDetail .articleDetailMain .atmright .blog_share .share_list .atdit {
|
||||
float: left;
|
||||
margin-right: 3.125rem;
|
||||
position: relative;
|
||||
}
|
||||
.orico_Page_articleDetail .articleDetailMain .atmright .blog_share .share_list .atdit img {
|
||||
margin: 0 auto;
|
||||
display: block;
|
||||
}
|
||||
.orico_Page_articleDetail .articleDetailMain .atmright .atdit .triggered_qrcode {
|
||||
display: none;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
.orico_Page_articleDetail .articleDetailMain .atmright .atdit:hover .triggered_qrcode {
|
||||
display: block;
|
||||
}
|
||||
.orico_Page_articleDetail .articleDetailMain .atmright .repply {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
background: #ffffff;
|
||||
border: 1px solid #e8e8e8;
|
||||
float: left;
|
||||
margin-top: 1.25rem;
|
||||
}
|
||||
.orico_Page_articleDetail .articleDetailMain .atmright .repply h3 {
|
||||
font-size: 1rem;
|
||||
line-height: 2.125rem;
|
||||
color: #959595;
|
||||
font-weight: bold;
|
||||
padding: 1.25rem 1.875rem;
|
||||
border-bottom: 1px solid #e8e8e8;
|
||||
}
|
||||
.orico_Page_articleDetail .articleDetailMain .atmright .repply .itinp {
|
||||
background: #f2f2f2;
|
||||
border: none;
|
||||
border-radius: 8px;
|
||||
height: 48px;
|
||||
box-shadow: none;
|
||||
font-family: Montserrat-Regular, Montserrat;
|
||||
}
|
||||
.orico_Page_articleDetail .articleDetailMain .atmright .repply form {
|
||||
width: auto;
|
||||
height: auto;
|
||||
padding: 1.25rem;
|
||||
}
|
||||
.orico_Page_articleDetail .articleDetailMain .atmright .repply form span {
|
||||
font-size: 0.875rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
.orico_Page_articleDetail .articleDetailMain .atmright .repply form input {
|
||||
width: 98%;
|
||||
height: 2rem !important;
|
||||
border: 1px solid #dbdbdb;
|
||||
margin-top: 0.625rem;
|
||||
margin-bottom: 0.625rem;
|
||||
}
|
||||
.orico_Page_articleDetail .articleDetailMain .atmright .repply form textarea {
|
||||
text-indent: 10px;
|
||||
width: 98%;
|
||||
padding: 10px 0;
|
||||
margin-top: 0.625rem;
|
||||
margin-bottom: 0.625rem;
|
||||
border: 1px solid #dbdbdb;
|
||||
}
|
||||
.orico_Page_articleDetail .articleDetailMain .atmright .comment_btn {
|
||||
margin: 1.25rem 1.25rem;
|
||||
width: auto;
|
||||
height: 2.75rem;
|
||||
line-height: 2.75rem;
|
||||
background: #009fdf;
|
||||
color: #ffffff;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
}
|
||||
.orico_Page_articleDetail .xq {
|
||||
width: 75%;
|
||||
margin: 0 auto;
|
||||
background: #f1f1f1;
|
||||
display: flex;
|
||||
}
|
||||
.orico_Page_articleDetail .xq .love1 {
|
||||
margin-top: 5%;
|
||||
}
|
||||
.orico_Page_articleDetail .xq .love1 .tt {
|
||||
height: 5rem;
|
||||
}
|
||||
.orico_Page_articleDetail .xq .love1 p {
|
||||
font-size: 1.4em;
|
||||
color: #101010;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
.orico_Page_articleDetail .xq .love1 img {
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
.orico_Page_articleDetail .xq .love2 {
|
||||
margin-top: 2rem;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.orico_Page_articleDetail .xq .love2 li {
|
||||
width: 31%;
|
||||
margin-right: 3.5%;
|
||||
float: left;
|
||||
}
|
||||
.orico_Page_articleDetail .xq .love2 li .lvtit {
|
||||
font-size: 0.75rem;
|
||||
color: #444;
|
||||
margin-top: 1.1875rem;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.orico_Page_articleDetail .xq .love2 li .lvimg {
|
||||
width: 100%;
|
||||
height: 280px;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
.orico_Page_articleDetail .xq .love2 li .lvimg img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
opacity: 1;
|
||||
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
|
||||
transition: opacity 0.35s, transform 0.35s;
|
||||
}
|
||||
.orico_Page_articleDetail .xq .love2 .lvimg img:hover {
|
||||
transition: all 0.2s linear;
|
||||
-webkit-transition: all 0.2s linear;
|
||||
transform: scale3d(1.2, 1.2, 1);
|
||||
}
|
||||
1
public/static/index/pc/css/before-after.min.css
vendored
Normal file
1
public/static/index/pc/css/before-after.min.css
vendored
Normal file
@@ -0,0 +1 @@
|
||||
.ba-slider{position:relative;overflow:hidden}.ba-slider img{width:100%;display:block;max-width:none}.ba-slider .resize{position:absolute;top:0;left:0;height:100%;width:50%;overflow:hidden}.ba-slider .handle{position:absolute;left:50%;top:0;bottom:0;width:4px;margin-left:-2px;background:rgba(0,0,0,.5);cursor:ew-resize}.ba-slider .handle:after{position:absolute;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;content:'\21d4';color:#fff;font-weight:700;font-size:36px;text-align:center;line-height:64px;background:#ffb800;border:1px solid #e6a600;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 6px rgba(0,0,0,.3),inset 0 2px 0 rgba(255,255,255,.5),inset 0 60px 50px -30px #ffd466}.ba-slider .handle.ba-draggable:after{width:48px;height:48px;margin:-24px 0 0 -24px;line-height:50px;font-size:30px}
|
||||
114
public/static/index/pc/css/brand.css
Executable file
114
public/static/index/pc/css/brand.css
Executable file
@@ -0,0 +1,114 @@
|
||||
.orico_Page_brand {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
height: auto;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
background: #f2f2f2;
|
||||
}
|
||||
.orico_Page_brand .brandMain {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.orico_Page_brand .brandMain .img-responsive {
|
||||
height: auto;
|
||||
max-width: 100%;
|
||||
}
|
||||
.orico_Page_brand .brandMain .our_brand_con {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding-top: 5rem;
|
||||
background: #ffffff;
|
||||
}
|
||||
.orico_Page_brand .brandMain .our_brand_con .our_brand_bg {
|
||||
width: 80%;
|
||||
margin: 0 auto;
|
||||
max-width: 101.25rem;
|
||||
padding: 5rem 0;
|
||||
padding-top: 0;
|
||||
}
|
||||
.orico_Page_brand .brandMain .our_brand_con .our_brand_bg .vtext {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
.orico_Page_brand .brandMain .our_brand_con .our_brand_bg .vtext .Table-Cell {
|
||||
width: 50%;
|
||||
}
|
||||
.orico_Page_brand .brandMain .our_brand_con .our_brand_bg .vtext .Table-Cell hr {
|
||||
z-index: 99;
|
||||
width: 5%;
|
||||
height: 4px;
|
||||
background-color: blue;
|
||||
position: unset;
|
||||
margin-bottom: 40px;
|
||||
margin-left: 10%;
|
||||
margin-top: 5px;
|
||||
}
|
||||
.orico_Page_brand .brandMain .our_brand_con .our_brand_bg .vtext .Table-Cell .title {
|
||||
margin-left: 10%;
|
||||
font-size: 24px;
|
||||
font-weight: 600;
|
||||
color: #000000;
|
||||
line-height: 20px;
|
||||
font-family: Montserrat-Bold, Montserrat;
|
||||
}
|
||||
.orico_Page_brand .brandMain .our_brand_con .our_brand_bg .vtext .Table-Cell p {
|
||||
font-family: Montserrat-Medium, Montserrat;
|
||||
font-size: 14px;
|
||||
color: #707070;
|
||||
line-height: 22px;
|
||||
margin-left: 10%;
|
||||
}
|
||||
.orico_Page_brand .brandMain .our_brand_con .our_brand_bg .vtext .Table-Cell .des {
|
||||
width: 80%;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.orico_Page_brand .brandMain .our_brand_con .our_brand_bg .vtext .right img {
|
||||
margin: 0 auto;
|
||||
margin-left: 10%;
|
||||
width:100%;
|
||||
}
|
||||
.orico_Page_brand .brandMain .dis_bril_bg {
|
||||
background: #f2f2f2;
|
||||
padding: 4.2% 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
.orico_Page_brand .brandMain .dis_bril_bg .dis_bril_con {
|
||||
width: 80%;
|
||||
max-width: 101.25rem;
|
||||
background: #fff;
|
||||
height: 28.125rem;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
border-radius: 1rem;
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
}
|
||||
.orico_Page_brand .brandMain .dis_bril_bg .dis_bril_con .iconimg {
|
||||
margin: 0 auto;
|
||||
margin-top: 3.125rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.orico_Page_brand .brandMain .dis_bril_bg .dis_bril_con .title {
|
||||
font-size: 1.125rem;
|
||||
font-weight: 600;
|
||||
margin-top: 2.5rem;
|
||||
}
|
||||
.orico_Page_brand .brandMain .dis_bril_bg .dis_bril_con .title p {
|
||||
font-family: Montserrat-Bold, Montserrat;
|
||||
}
|
||||
.orico_Page_brand .brandMain .dis_bril_bg .dis_bril_con .subtitle {
|
||||
width: 80%;
|
||||
font-size: 0.875rem;
|
||||
color: #707070;
|
||||
font-family: Montserrat-Medium, Montserrat;
|
||||
margin-top: 2.5rem;
|
||||
margin-left: 10%;
|
||||
}
|
||||
.orico_Page_brand .brandMain .dis_bril_bg .dis_bril_con .subtitle p {
|
||||
font-family: Montserrat-Medium;
|
||||
line-height: 22px;
|
||||
}
|
||||
169
public/static/index/pc/css/contactus_bulkbuy.css
Executable file
169
public/static/index/pc/css/contactus_bulkbuy.css
Executable file
@@ -0,0 +1,169 @@
|
||||
.orico_Page_bussiness {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
background: #f2f2f2;
|
||||
}
|
||||
.orico_Page_bussiness .bussinessMain {
|
||||
width: 100%;
|
||||
background: #f2f2f2;
|
||||
position: relative;
|
||||
padding-top: 2.5rem;
|
||||
}
|
||||
.orico_Page_bussiness .bussinessMain .bd_main {
|
||||
max-width: 1366px;
|
||||
background: #fff;
|
||||
border-radius: 16px;
|
||||
padding: 70px 2.4375rem;
|
||||
margin: 40px auto;
|
||||
}
|
||||
.orico_Page_bussiness .bussinessMain .bd_main .sfbt1 {
|
||||
font-size: 24px;
|
||||
font-family: Montserrat-Bold, Montserrat;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
padding-bottom: 55px;
|
||||
color: #000;
|
||||
}
|
||||
.orico_Page_bussiness .bussinessMain .bd_main .bd_ct {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.orico_Page_bussiness .bussinessMain .bd_main .bd_ct .bd_from {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
flex-direction: column;
|
||||
}
|
||||
.orico_Page_bussiness .bussinessMain .bd_main .bd_ct .bd_from .theit {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 21px;
|
||||
}
|
||||
.orico_Page_bussiness .bussinessMain .bd_main .bd_ct .bd_from .theit .bditem {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex: 1;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.orico_Page_bussiness .bussinessMain .bd_main .bd_ct .bd_from .theit .bditem .itlable {
|
||||
font-size: 14px;
|
||||
font-family: Montserrat-Bold, Montserrat;
|
||||
color: #000000;
|
||||
font-weight: bold;
|
||||
padding-bottom: 10px;
|
||||
width: fit-content;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
max-width: 100%;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.orico_Page_bussiness .bussinessMain .bd_main .bd_ct .bd_from .theit .bditem .itlable .redtag {
|
||||
position: absolute;
|
||||
right: -10px;
|
||||
top: 0px;
|
||||
color: #ee2f53;
|
||||
}
|
||||
.orico_Page_bussiness .bussinessMain .bd_main .bd_ct .bd_from .theit .bditem .itinp {
|
||||
background: #f2f2f2;
|
||||
border-radius: 8px;
|
||||
height: 48px;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
font-family: Montserrat-Regular, Montserrat;
|
||||
}
|
||||
.orico_Page_bussiness .bussinessMain .bd_main .bd_ct .bd_from .theit .bditem .form-control {
|
||||
display: block;
|
||||
padding: 0 12px;
|
||||
font-size: 14px;
|
||||
line-height: 1.42857143;
|
||||
color: #555;
|
||||
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
|
||||
}
|
||||
.orico_Page_bussiness .bussinessMain .bd_main .bd_ct .bd_from .theit .bditem .sfbchecks {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.orico_Page_bussiness .bussinessMain .bd_main .bd_ct .bd_from .theit .bditem .sfbchecks .sfbcheckboxlist {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
.orico_Page_bussiness .bussinessMain .bd_main .bd_ct .bd_from .theit .bditem .sfbchecks .sfbcheckboxlist .cit {
|
||||
width: 100%;
|
||||
font-size: 14px;
|
||||
font-family: Montserrat-Regular, Montserrat;
|
||||
color: #000;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
margin-bottom: 12px;
|
||||
font-weight: 400;
|
||||
}
|
||||
.orico_Page_bussiness .bussinessMain .bd_main .bd_ct .bd_from .theit .bditem .sfbchecks .sfbcheckboxlist .cit .sfbcheckboxit {
|
||||
margin: 0;
|
||||
border: 1px solid #ccc;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
border-radius: 2px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.orico_Page_bussiness .bussinessMain .bd_main .bd_ct .bd_from .theit .bditem .ittextarea {
|
||||
height: 200px;
|
||||
padding: 15px;
|
||||
background: #f2f2f2;
|
||||
border: none;
|
||||
border-radius: 8px;
|
||||
font-family: Montserrat-Regular, Montserrat;
|
||||
}
|
||||
.orico_Page_bussiness .bussinessMain .bd_main .bttj {
|
||||
font-size: 14px;
|
||||
font-family: Montserrat-Bold, Montserrat;
|
||||
font-weight: bold;
|
||||
width: 212px;
|
||||
padding: 15px 15px;
|
||||
background: #004bfa;
|
||||
border-radius: 28px;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
margin: 0 auto;
|
||||
margin-top: 10px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.orico_Page_bussiness .bussinessMain .bd_main .error {
|
||||
border: 1px solid #ff4155 !important;
|
||||
}
|
||||
.orico_Page_bussiness .csunbmit {
|
||||
height: 35px;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.orico_Page_bussiness .submitBtn {
|
||||
width: 75px;
|
||||
height: 30px;
|
||||
line-height: 26px;
|
||||
background-color: #339b53;
|
||||
text-align: center;
|
||||
display: block;
|
||||
color: #ffffff;
|
||||
font-size: 12px;
|
||||
border-radius: 6px;
|
||||
float: left;
|
||||
}
|
||||
.orico_Page_bussiness .cli {
|
||||
border-bottom: 1px dashed #ccc;
|
||||
text-align: left;
|
||||
font-size: 12px;
|
||||
}
|
||||
.orico_Page_bussiness .ccontent {
|
||||
width: 98%;
|
||||
padding: 10px;
|
||||
background: #f6f9fb;
|
||||
border: 1px solid #ccc;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
126
public/static/index/pc/css/contactus_distributor.css
Executable file
126
public/static/index/pc/css/contactus_distributor.css
Executable file
@@ -0,0 +1,126 @@
|
||||
.orico_Page_distributor {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
background: #f2f2f2;
|
||||
}
|
||||
.orico_Page_distributor .distributorMain {
|
||||
max-width: 85.375rem;
|
||||
max-height: 78.75rem;
|
||||
background: #fff;
|
||||
border-radius: 1rem;
|
||||
padding: 4.375rem 2.4375rem;
|
||||
margin: 6rem auto 2.5rem auto;
|
||||
}
|
||||
.orico_Page_distributor .distributorMain .redtag {
|
||||
position: absolute;
|
||||
right: -10px;
|
||||
top: 0px;
|
||||
color: #ee2f53;
|
||||
}
|
||||
.orico_Page_distributor .distributorMain .t1 {
|
||||
font-size: 1.5rem;
|
||||
color: #004bfa;
|
||||
padding-bottom: 1rem;
|
||||
text-align: center;
|
||||
font-family: Montserrat-Bold, Montserrat;
|
||||
font-weight: 700;
|
||||
}
|
||||
.orico_Page_distributor .distributorMain .s1 {
|
||||
font-size: 1rem;
|
||||
color: #707070;
|
||||
padding-bottom: 0.3125rem;
|
||||
font-weight: 500;
|
||||
text-align: center;
|
||||
}
|
||||
.orico_Page_distributor .distributorMain .s2 {
|
||||
padding-bottom: 55px;
|
||||
}
|
||||
.orico_Page_distributor .distributorMain .bd_ct {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.orico_Page_distributor .distributorMain .bd_ct .thimg {
|
||||
width: 40.1875rem;
|
||||
height: 41.125rem;
|
||||
margin-right: 1.5rem;
|
||||
}
|
||||
.orico_Page_distributor .distributorMain .bd_ct .thimg .bdimg {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.orico_Page_distributor .distributorMain .bd_from {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
flex-direction: column;
|
||||
}
|
||||
.orico_Page_distributor .distributorMain .bd_from .theit {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 1.25rem;
|
||||
}
|
||||
.orico_Page_distributor .distributorMain .bd_from .theit .bditem {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex: 1;
|
||||
margin-right: 0.625rem;
|
||||
}
|
||||
.orico_Page_distributor .distributorMain .bd_from .theit .bditem .itlable {
|
||||
font-size: 0.875rem;
|
||||
font-family: Montserrat-Bold, Montserrat;
|
||||
color: #000000;
|
||||
font-weight: bold;
|
||||
padding-bottom: 0.625rem;
|
||||
width: fit-content;
|
||||
position: relative;
|
||||
}
|
||||
.orico_Page_distributor .distributorMain .bd_from .theit .bditem select {
|
||||
border: 1px solid #f2f2f2;
|
||||
}
|
||||
.orico_Page_distributor .distributorMain .bd_from .theit .bditem1 {
|
||||
width: 100%;
|
||||
}
|
||||
.orico_Page_distributor .distributorMain .bd_from .form-control {
|
||||
display: block;
|
||||
padding: 0 12px;
|
||||
font-size: 14px;
|
||||
line-height: 1.42857143;
|
||||
color: #555;
|
||||
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
|
||||
}
|
||||
.orico_Page_distributor .distributorMain .itinp {
|
||||
background: #f2f2f2;
|
||||
border: none;
|
||||
border-radius: 0.5rem;
|
||||
height: 3rem;
|
||||
box-shadow: none;
|
||||
font-family: Montserrat-Regular, Montserrat;
|
||||
}
|
||||
.orico_Page_distributor .distributorMain .ittextarea {
|
||||
height: 6.25rem;
|
||||
padding: 0.9375rem;
|
||||
background: #f2f2f2;
|
||||
border: none;
|
||||
border-radius: 0.5rem;
|
||||
resize: none;
|
||||
font-family: Montserrat-Regular, Montserrat;
|
||||
}
|
||||
.orico_Page_distributor .distributorMain .bttj {
|
||||
font-size: 0.875rem;
|
||||
font-family: Montserrat-Bold, Montserrat;
|
||||
font-weight: bold;
|
||||
width: 10rem;
|
||||
padding: 1.2rem 3.75rem;
|
||||
background: #004bfa;
|
||||
border-radius: 1.75rem;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
margin: 0 auto;
|
||||
margin-top: 2.5rem;
|
||||
cursor: pointer;
|
||||
}
|
||||
96
public/static/index/pc/css/contactus_index.css
Executable file
96
public/static/index/pc/css/contactus_index.css
Executable file
@@ -0,0 +1,96 @@
|
||||
.narskfPage {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: #F5F5F5;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
overflow-y: auto;
|
||||
}
|
||||
.narskfPage .narskf-content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin: 0 auto;
|
||||
padding-top: 3.5rem;
|
||||
padding-bottom: 9.25rem;
|
||||
}
|
||||
.narskfPage .narskf-content .narskf-ct-row {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.narskfPage .narskf-content .narskf-ct-row .narskfit {
|
||||
width: 18rem;
|
||||
height: 17.25rem;
|
||||
border-radius: 0.125rem;
|
||||
margin-right: 1rem;
|
||||
margin-bottom: 1rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: #fff;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
}
|
||||
.narskfPage .narskf-content .narskf-ct-row .narskfit .narskf-title {
|
||||
color: #262626;
|
||||
font-size: 1.125rem;
|
||||
padding-top: 1.6875rem;
|
||||
padding-bottom: 0.375rem;
|
||||
}
|
||||
.narskfPage .narskf-content .narskf-ct-row .narskfit .narskf-sm {
|
||||
color: #9a9a9a;
|
||||
font-size: 1rem;
|
||||
}
|
||||
.narskfPage .narskf-content .narskf-ct-row .narskfit .narskf-font-26 {
|
||||
color: #262626 !important;
|
||||
}
|
||||
.narskfPage .narskf-content .narskf-ct-row .narskfit .narskico-img {
|
||||
width: 3.75rem;
|
||||
height: 3.75rem;
|
||||
}
|
||||
.narskfPage .narskf-content .narskf-ct-row .narskfit .narskfactive-ewm {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
z-index: 1;
|
||||
display: none;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.narskfPage .narskf-content .narskf-ct-row .narskfit .narskfactive-ewm p,
|
||||
.narskfPage .narskf-content .narskf-ct-row .narskfit .narskfactive-ewm img {
|
||||
width: 11rem;
|
||||
width: 11rem;
|
||||
}
|
||||
.narskfPage .narskf-content .narskf-ct-row .narskfit2 {
|
||||
width: 37rem;
|
||||
height: 11.25rem;
|
||||
flex-direction: row;
|
||||
}
|
||||
.narskfPage .narskf-content .narskf-ct-row .narskfit2 .narskico-img {
|
||||
margin-right: 1.5rem;
|
||||
}
|
||||
.narskfPage .narskf-content .narskf-ct-row .narskfit2 .narskfit2-ct {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
text-align: left;
|
||||
}
|
||||
.narskfPage .narskf-content .narskf-ct-row .narskfit2 .narskfit2-ct .narskf-title {
|
||||
padding-top: 0;
|
||||
font-size: 1.5rem;
|
||||
padding-bottom: 0.375rem;
|
||||
}
|
||||
.narskfPage .narskf-content .narskf-ct-row .narskfit2 .narskfit2-ct .narskf-sm {
|
||||
font-size: 1.25rem;
|
||||
color: #9A9A9A;
|
||||
}
|
||||
.narskfPage .narskf-content .narskf-ct-row .narskfit:last-child {
|
||||
margin-right: 0rem;
|
||||
}
|
||||
.narskfPage .narskf-content .narskf-ct-row .narskfit:hover .narskfactive-ewm {
|
||||
display: flex;
|
||||
}
|
||||
167
public/static/index/pc/css/contactus_message.css
Executable file
167
public/static/index/pc/css/contactus_message.css
Executable file
@@ -0,0 +1,167 @@
|
||||
.orico_Page_contact {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
padding-bottom: 3.75rem;
|
||||
background: #f1f1f1;
|
||||
}
|
||||
.orico_Page_contact .contactMain {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
.orico_Page_contact .contactMain .contactImg {
|
||||
height: auto;
|
||||
width: 100%;
|
||||
margin-top:3.75rem;
|
||||
}
|
||||
.orico_Page_contact .contactMain .contact_c {
|
||||
width: 75%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.orico_Page_contact .contactMain .contact_c .all_contact {
|
||||
background-color: #fff;
|
||||
border-radius: 1.5rem;
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
padding: 4rem;
|
||||
margin-top: 3rem;
|
||||
}
|
||||
.orico_Page_contact .contactMain .contact_c .all_contact .info {
|
||||
width: 575px;
|
||||
margin-right: 5.5rem;
|
||||
}
|
||||
.orico_Page_contact .contactMain .contact_c .all_contact .info .title {
|
||||
color: #000;
|
||||
display: block;
|
||||
width: 100%;
|
||||
font-family: "Montserrat-Bold";
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
.orico_Page_contact .contactMain .contact_c .all_contact .info .info_all {
|
||||
margin-top: 40px;
|
||||
border-top: 1px solid #e3e3e3;
|
||||
}
|
||||
.orico_Page_contact .contactMain .contact_c .all_contact .info .info_all .list {
|
||||
display: flex;
|
||||
padding-top: 2.3125rem;
|
||||
padding-bottom: 2.3125rem;
|
||||
border-bottom: 1px solid #e3e3e3;
|
||||
}
|
||||
.orico_Page_contact .contactMain .contact_c .all_contact .info .info_all .list .title {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.orico_Page_contact .contactMain .contact_c .all_contact .info .info_all .list .list_img {
|
||||
width: 3rem;
|
||||
height: 3rem;
|
||||
margin-right: 1rem;
|
||||
}
|
||||
.orico_Page_contact .contactMain .contact_c .all_contact .info .info_all .list .list_img img {
|
||||
width: inherit;
|
||||
height: inherit;
|
||||
}
|
||||
.orico_Page_contact .contactMain .contact_c .all_contact .info .info_all .list .list_right {
|
||||
width: 31.875rem;
|
||||
}
|
||||
.orico_Page_contact .contactMain .contact_c .all_contact .info .info_all .list .list_right .des {
|
||||
font-size: 0.875rem;
|
||||
color: #000;
|
||||
line-height: 1.5rem;
|
||||
}
|
||||
.orico_Page_contact .contactMain .contact_c .all_contact .info .info_all .list .sub_list {
|
||||
width: 15.1875rem;
|
||||
margin-right: 1.5rem;
|
||||
}
|
||||
.orico_Page_contact .contactMain .contact_c .all_contact .info .info_all .list .sub_list .title {
|
||||
font-size: 0.875rem;
|
||||
font-family: "Montserrat-Bold";
|
||||
}
|
||||
.orico_Page_contact .contactMain .contact_c .all_contact .info .info_all .list .sub_list .des {
|
||||
font-size: 0.875rem;
|
||||
color: #000;
|
||||
line-height: 1.5rem;
|
||||
}
|
||||
.orico_Page_contact .contactMain .contact_c .all_contact .question {
|
||||
width: 35.9375rem;
|
||||
}
|
||||
.orico_Page_contact .contactMain .contact_c .all_contact .question .title {
|
||||
font-size: 1.5rem;
|
||||
color: #000;
|
||||
display: block;
|
||||
width: 100%;
|
||||
font-family: "Montserrat-Bold";
|
||||
}
|
||||
.orico_Page_contact .contactMain .contact_c .all_contact .question .question_form .list {
|
||||
margin-top: 1.5rem;
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
.orico_Page_contact .contactMain .contact_c .all_contact .question .question_form .list .title {
|
||||
font-family: "Montserrat-Bold";
|
||||
font-size: 0.875rem;
|
||||
padding-bottom: 0.3125rem;
|
||||
}
|
||||
.orico_Page_contact .contactMain .contact_c .all_contact .question .question_form .list .title .f_red {
|
||||
color: #ff0000;
|
||||
}
|
||||
.orico_Page_contact .contactMain .contact_c .all_contact .question .question_form .list .itinp {
|
||||
background: #f2f2f2;
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
font-family: Montserrat-Regular, Montserrat;
|
||||
}
|
||||
.orico_Page_contact .contactMain .contact_c .all_contact .question .question_form .list .ittextarea {
|
||||
height: 100px;
|
||||
background: #f2f2f2;
|
||||
border: none;
|
||||
font-family: Montserrat-Regular, Montserrat;
|
||||
resize: none;
|
||||
}
|
||||
.orico_Page_contact .contactMain .contact_c .all_contact .question .question_form .list .form_input input,
|
||||
.orico_Page_contact .contactMain .contact_c .all_contact .question .question_form .list .form_input textarea {
|
||||
background: #f2f2f2;
|
||||
border-radius: 8px;
|
||||
}
|
||||
.orico_Page_contact .contactMain .contact_c .all_contact .question .question_form .list .form_input input {
|
||||
margin-top: 0.5rem;
|
||||
padding: 1rem;
|
||||
font-size: 0.875rem;
|
||||
width: calc(100% - 32px);
|
||||
line-height: 1rem;
|
||||
}
|
||||
.orico_Page_contact .contactMain .contact_c .all_contact .question .question_form .list .form_input textarea {
|
||||
margin-top: 0.5rem;
|
||||
padding: 1rem;
|
||||
font-size: 0.875rem;
|
||||
width: calc(100% - 32px);
|
||||
}
|
||||
.orico_Page_contact .contactMain .contact_c .all_contact .question .question_form .list .contact_button {
|
||||
padding: 0.9375rem 2.5rem;
|
||||
border-radius: 1.75rem;
|
||||
font-size: 0.875rem;
|
||||
background-color: #004bfa;
|
||||
color: #fff;
|
||||
font-family: "Montserrat-Bold";
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
}
|
||||
.orico_Page_contact .contactMain .contact_c .become_dis {
|
||||
padding-top: 2rem;
|
||||
padding-bottom: 1.625rem;
|
||||
font-size: 1.125rem;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #004bfa;
|
||||
background-color: #fff;
|
||||
border-radius: 0.75rem;
|
||||
margin-top: 1.5rem;
|
||||
font-family: "Montserrat-SemiBold";
|
||||
}
|
||||
.orico_Page_contact .contactMain .contact_c .become_dis .text_blue {
|
||||
color: #004bfa;
|
||||
}
|
||||
.orico_Page_contact .contactMain .contact_c .become_dis .text_blue a:visited {
|
||||
text-decoration: none;
|
||||
}
|
||||
275
public/static/index/pc/css/download.css
Executable file
275
public/static/index/pc/css/download.css
Executable file
@@ -0,0 +1,275 @@
|
||||
.orico_Page_download {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
height: auto;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
background: #f2f2f2;
|
||||
|
||||
}
|
||||
.orico_Page_download .downloadMain {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
.orico_Page_download .downloadMain .topimg {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
margin-top:3.75rem;
|
||||
}
|
||||
.orico_Page_download .downloadMain .topimg img {
|
||||
width: 100%;
|
||||
}
|
||||
.orico_Page_download .downloadMain .topimg .banner_title {
|
||||
font-size: 3.5rem;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
color: #fff;
|
||||
top: 50%;
|
||||
height: 56px;
|
||||
line-height: 56px;
|
||||
margin-top: -28px;
|
||||
font-family: "Montserrat-Bold";
|
||||
}
|
||||
.orico_Page_download .downloadMain .contact_c {
|
||||
width: 85.375rem;
|
||||
margin: auto;
|
||||
}
|
||||
.orico_Page_download .downloadMain .contact_c .search_all {
|
||||
background-color: #fff;
|
||||
border-radius: 1.5rem;
|
||||
margin: auto;
|
||||
display: flex;
|
||||
font-family: "Montserrat-Medium";
|
||||
color: #9e9e9f;
|
||||
z-index: 9;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
padding: 4rem;
|
||||
font-size: 1rem;
|
||||
margin-top: -96px;
|
||||
}
|
||||
.orico_Page_download .downloadMain .contact_c .search_all input {
|
||||
padding: 1.4375rem 2rem;
|
||||
width: 100%;
|
||||
background: none;
|
||||
background-color: #f2f2f2;
|
||||
border-radius: 2rem;
|
||||
outline: none;
|
||||
border: none;
|
||||
}
|
||||
.orico_Page_download .downloadMain .contact_c .search_all .searchbtn {
|
||||
position: absolute;
|
||||
cursor: pointer;
|
||||
top: 50%;
|
||||
margin-top: -0.75rem;
|
||||
right: 6rem;
|
||||
border: 0;
|
||||
background-color: transparent;
|
||||
}
|
||||
.orico_Page_download .downloadMain .contact_c .search_all .searchbtn img {
|
||||
width: 100%;
|
||||
}
|
||||
.orico_Page_download .downloadMain .contact_c .tab {
|
||||
margin-top: 4rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.orico_Page_download .downloadMain .contact_c .tab .tabit {
|
||||
width: 27.5rem;
|
||||
font-size: 1.125rem;
|
||||
padding-top: 1.5625rem;
|
||||
padding-bottom: 1.5625rem;
|
||||
font-family: "Montserrat-Bold";
|
||||
text-align: center;
|
||||
border-radius: 0.75rem;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
background-color: #fff;
|
||||
color: #000;
|
||||
}
|
||||
.orico_Page_download .downloadMain .contact_c .tab .on {
|
||||
background-color: #004bfa;
|
||||
color: #fff;
|
||||
}
|
||||
.orico_Page_download .downloadMain .contact_c .tab .on::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
transform: rotate(45deg);
|
||||
background-color: #004bfa;
|
||||
left: 50%;
|
||||
z-index: 0;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
margin-bottom: -6px;
|
||||
margin-left: -8px;
|
||||
}
|
||||
.orico_Page_download .downloadMain .contact_c .softlist {
|
||||
margin-top: 2rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.orico_Page_download .downloadMain .contact_c .softlist .softit {
|
||||
padding: 80px 64px;
|
||||
margin-bottom: 24px;
|
||||
background-color: #fff;
|
||||
border-radius: 24px;
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.orico_Page_download .downloadMain .contact_c .softlist .softit .left_img {
|
||||
width: 320px;
|
||||
height: 320px;
|
||||
margin-right: 64px;
|
||||
}
|
||||
.orico_Page_download .downloadMain .contact_c .softlist .softit .left_img img {
|
||||
width: 320px;
|
||||
height: 320px;
|
||||
border-radius: 12px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.orico_Page_download .downloadMain .contact_c .softlist .softit .title {
|
||||
font-size: 1.125rem;
|
||||
font-family: "Montserrat-Bold";
|
||||
color: #000;
|
||||
}
|
||||
.orico_Page_download .downloadMain .contact_c .softlist .softit .sub_title {
|
||||
font-size: 0.875rem;
|
||||
margin-top: 0.875rem;
|
||||
font-family: "Montserrat-Regular";
|
||||
color: #9e9e9f;
|
||||
}
|
||||
.orico_Page_download .downloadMain .contact_c .softlist .softit .des {
|
||||
line-height: 20px;
|
||||
margin-top: 8px;
|
||||
font-size: 16px;
|
||||
font-family: "Montserrat-Medium";
|
||||
color: #000;
|
||||
}
|
||||
.orico_Page_download .downloadMain .contact_c .softlist .softit .l_button {
|
||||
border-radius: 28px;
|
||||
padding: 15px 40px;
|
||||
margin-top: 74px;
|
||||
display: inline-block;
|
||||
font-family: "Montserrat-Bold";
|
||||
color: #004bfa;
|
||||
background-color: rgba(0, 75, 250, 0.05);
|
||||
cursor: pointer;
|
||||
}
|
||||
.orico_Page_download .downloadMain .page-box {
|
||||
text-align: center;
|
||||
}
|
||||
.orico_Page_download .downloadMain .contact_c .pagination {
|
||||
display: inline-block!important;
|
||||
zoom: 1;
|
||||
text-align: center;
|
||||
color: #555;
|
||||
padding-bottom: 2rem!important;
|
||||
}
|
||||
.orico_Page_download .downloadMain .contact_c .pagination span {
|
||||
padding: 0px 0px;
|
||||
display: inline-block;
|
||||
}
|
||||
.orico_Page_download .downloadMain .contact_c .pagination li {
|
||||
display: inline-block;
|
||||
width: 34px;
|
||||
height: 22px;
|
||||
line-height: 22px;
|
||||
font-size: 16px;
|
||||
}
|
||||
.orico_Page_download .downloadMain .contact_c .pagination li.active {
|
||||
background-color: #444444;
|
||||
color: #ffffff;
|
||||
}
|
||||
.orico_Page_download .downloadMain .contact_c .vidotabs {
|
||||
margin-top: 32px;
|
||||
}
|
||||
.orico_Page_download .downloadMain .contact_c .vidotabs .hd {
|
||||
width: 100%;
|
||||
background-color: #fff;
|
||||
border-radius: 12px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.orico_Page_download .downloadMain .contact_c .vidotabs .hd ul {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
padding-left: 40px;
|
||||
padding-right: 40px;
|
||||
}
|
||||
.orico_Page_download .downloadMain .contact_c .vidotabs .hd ul li {
|
||||
margin-right: 80px;
|
||||
padding-top: 20px;
|
||||
padding-bottom: 20px;
|
||||
font-size: 16px;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
font-family: "Montserrat-Bold";
|
||||
color: #000;
|
||||
}
|
||||
.orico_Page_download .downloadMain .contact_c .vidotabs .hd ul li a{
|
||||
font-weight: bold;
|
||||
color: #000;
|
||||
}
|
||||
.orico_Page_download .downloadMain .contact_c .vidotabs .hd ul .von {
|
||||
border-bottom: 2px solid #004bfa;
|
||||
}
|
||||
.orico_Page_download .downloadMain .contact_c .vidotabs .bdconten {
|
||||
margin-top: 24px;
|
||||
height: auto;
|
||||
}
|
||||
.orico_Page_download .downloadMain .contact_c .vidotabs .bdconten ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.orico_Page_download .downloadMain .contact_c .vidotabs .bdconten .video_hotul {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-direction: row;
|
||||
}
|
||||
.orico_Page_download .downloadMain .contact_c .vidotabs .bdconten .video_hotul dd {
|
||||
margin-right: 24px;
|
||||
width: 671px;
|
||||
margin-bottom: 34px;
|
||||
background-color: #fff;
|
||||
border-radius: 24px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.orico_Page_download .downloadMain .contact_c .vidotabs .bdconten .video_hotul dd video {
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
.orico_Page_download .downloadMain .contact_c .vidotabs .bdconten .video_hotul dd .htit {
|
||||
padding-left: 56px;
|
||||
padding-right: 56px;
|
||||
height: 114px;
|
||||
}
|
||||
.orico_Page_download .downloadMain .contact_c .vidotabs .bdconten .video_hotul dd .htit .htit1 {
|
||||
font-family: "Montserrat-Regular";
|
||||
color: #000;
|
||||
font-size: 16px;
|
||||
margin-top: 40px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.orico_Page_download .downloadMain .contact_c .vidotabs .bdconten .video_hotul dd .htit .htit2 {
|
||||
font-family: "Montserrat-Regular";
|
||||
color: #9e9e9f;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 2;
|
||||
line-clamp: 2;
|
||||
overflow: hidden;
|
||||
font-size: 14px;
|
||||
margin-top: 16px;
|
||||
line-height: 20px;
|
||||
}
|
||||
.orico_Page_download .downloadMain .contact_c .video-empty {
|
||||
padding-bottom: 3rem;
|
||||
}
|
||||
61
public/static/index/pc/css/faq.css
Executable file
61
public/static/index/pc/css/faq.css
Executable file
@@ -0,0 +1,61 @@
|
||||
.orico_Page_fq {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
height: auto;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
background: #f2f2f2;
|
||||
margin-top:3.75rem;
|
||||
}
|
||||
.orico_Page_fq .img-responsive img {
|
||||
height: auto;
|
||||
width: 100%;
|
||||
}
|
||||
.orico_Page_fq .fqMain {
|
||||
max-width: 101.25rem;
|
||||
min-width: 80%;
|
||||
padding: 2.3% 0;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.orico_Page_fq .fqMain .Table-Row {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.orico_Page_fq .fqMain .Table-Row .Table-Cell {
|
||||
float: left;
|
||||
width: 49%;
|
||||
margin-right: 1%;
|
||||
}
|
||||
.orico_Page_fq .fqMain .Table-Row .Table-Cell .faq-all-text {
|
||||
padding: 5% 0;
|
||||
}
|
||||
.orico_Page_fq .fqMain .Table-Row .Table-Cell .faq-all-text .faq-title {
|
||||
font-size: 1.125em;
|
||||
color: #101010;
|
||||
margin-bottom: 2%;
|
||||
}
|
||||
.orico_Page_fq .fqMain .Table-Row .Table-Cell .faq-all-text .faq-des {
|
||||
font-size: 0.875em;
|
||||
color: #737373;
|
||||
line-height: 1.875em;
|
||||
}
|
||||
.orico_Page_fq .fqMain .pagination {
|
||||
zoom: 1;
|
||||
text-align: center;
|
||||
color: #555;
|
||||
clear: both;
|
||||
padding-bottom: 2rem;
|
||||
}
|
||||
.orico_Page_fq .fqMain .pagination li {
|
||||
display: inline-block;
|
||||
width: 34px;
|
||||
height: 22px;
|
||||
line-height: 22px;
|
||||
font-size: 16px;
|
||||
}
|
||||
.orico_Page_fq .fqMain .pagination li.active {
|
||||
background-color: #444444;
|
||||
color: #ffffff;
|
||||
}
|
||||
220
public/static/index/pc/css/fonts.css
Executable file
220
public/static/index/pc/css/fonts.css
Executable file
@@ -0,0 +1,220 @@
|
||||
@font-face {
|
||||
font-family: 'icomoon';
|
||||
src: url('/static/common/fonts/icomoon/icomoon.eot?ujw7hy');
|
||||
src: url('/static/common/fonts/icomoon/icomoon.eot?ujw7hy#iefix') format('embedded-opentype'), url('/static/common/fonts/icomoon/icomoon.ttf?ujw7hy') format('truetype'),
|
||||
url('/static/common/fonts/icomoon/icomoon.woff?ujw7hy') format('woff'), url('/static/common/fonts/icomoon/icomoon.svg?ujw7hy#icomoon') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
[class^='icon-'],
|
||||
[class*=' icon-'] {
|
||||
/* use !important to prevent issues with browser extensions that change fonts */
|
||||
font-family: 'icomoon';
|
||||
speak: none;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
|
||||
/* Better Font Rendering =========== */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.icon-Collection:before {
|
||||
content: '\e900';
|
||||
}
|
||||
.icon-culture-P:before {
|
||||
content: '\e901';
|
||||
}
|
||||
.icon-facebook:before {
|
||||
content: '\e902';
|
||||
}
|
||||
.icon-in:before {
|
||||
content: '\e903';
|
||||
}
|
||||
.icon-twitter:before {
|
||||
content: '\e904';
|
||||
}
|
||||
.icon-youtobe:before {
|
||||
content: '\e905';
|
||||
}
|
||||
.icon-country:before {
|
||||
content: '\e90a';
|
||||
}
|
||||
.icon-menu:before {
|
||||
content: '\e906';
|
||||
}
|
||||
.icon-arrow:before {
|
||||
content: '\e907';
|
||||
}
|
||||
.icon-r-arrow:before {
|
||||
content: '\e907';
|
||||
}
|
||||
.icon-close:before {
|
||||
content: '\e909';
|
||||
}
|
||||
.icon-search:before {
|
||||
content: '\e908';
|
||||
}
|
||||
.icon-B-arrow:before {
|
||||
content: '\e90b';
|
||||
}
|
||||
|
||||
.icon-qq1:before {
|
||||
content: '\e90c';
|
||||
}
|
||||
.icon-wx1:before {
|
||||
content: '\e90d';
|
||||
}
|
||||
.icon-ys1:before {
|
||||
content: '\e90e';
|
||||
}
|
||||
.icon-kf1:before {
|
||||
content: '\e90f';
|
||||
}
|
||||
.icon-top1:before {
|
||||
content: '\e910';
|
||||
}
|
||||
.icon-QQ:before {
|
||||
content: '\e911';
|
||||
color: rgba(0, 0, 0, 0.3);
|
||||
margin-right: 10px;
|
||||
}
|
||||
.icon-xl:before {
|
||||
content: '\e919';
|
||||
}
|
||||
|
||||
.icon-QQ1:before {
|
||||
content: '\e91c';
|
||||
}
|
||||
.icon-PYQ:before {
|
||||
content: '\e91d';
|
||||
}
|
||||
.icon-Under-line:before {
|
||||
content: '\e91e';
|
||||
}
|
||||
.icon-On-line:before {
|
||||
content: '\e91f';
|
||||
}
|
||||
.icon-contect:before {
|
||||
content: '\e920';
|
||||
}
|
||||
.icon-support:before {
|
||||
content: '\e921';
|
||||
}
|
||||
.icon-media:before {
|
||||
content: '\e922';
|
||||
}
|
||||
.icon-join:before {
|
||||
content: '\e923';
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'icomoon01';
|
||||
src: url('fonts-20190124/icomoon.eot?ll2528');
|
||||
src: url('fonts-20190124/icomoon.eot?ll2528#iefix') format('embedded-opentype'),
|
||||
url('fonts-20190124/icomoon.ttf?ll2528') format('truetype'), url('fonts-20190124/icomoon.woff?ll2528') format('woff'),
|
||||
url('fonts-20190124/icomoon.svg?ll2528#icomoon') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
[class^='icons-'],
|
||||
[class*=' icons-'] {
|
||||
/* use !important to prevent issues with browser extensions that change fonts */
|
||||
font-family: 'icomoon01' !important;
|
||||
speak: none;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
|
||||
/* Better Font Rendering =========== */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.icons-weixin:before {
|
||||
content: '\e903';
|
||||
color: #fff;
|
||||
}
|
||||
.icons-Forum:before {
|
||||
content: '\e900';
|
||||
color: #fff;
|
||||
}
|
||||
.icons-sina:before {
|
||||
content: '\e901';
|
||||
color: #fff;
|
||||
}
|
||||
.icons-toutiao:before {
|
||||
content: '\e902';
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.icons-douyin:before {
|
||||
content: '\e904';
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'icomoon02';
|
||||
src: url('fonts/other/icomoon.eot?ujw7hy');
|
||||
src: url('fonts/other/icomoon.eot?ujw7hy#iefix') format('embedded-opentype'), url('fonts/other/icomoon.ttf?ujw7hy') format('truetype'),
|
||||
url('fonts/other/icomoon.woff?ujw7hy') format('woff'), url('fonts/other/icomoon.svg?ujw7hy#icomoon') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
[class^='icona-'],
|
||||
[class*=' icona-'] {
|
||||
/* use !important to prevent issues with browser extensions that change fonts */
|
||||
font-family: 'icomoon02' !important;
|
||||
speak: none;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
|
||||
/* Better Font Rendering =========== */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
.icona-zhihu:before {
|
||||
content: '\e904';
|
||||
color: #fff;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'icomoon05';
|
||||
src: url('fonts-20220322/icomoon.eot?cdcz43');
|
||||
src: url('fonts-20220322/icomoon.eot?cdcz43#iefix') format('embedded-opentype'),
|
||||
url('fonts-20220322/icomoon.ttf?cdcz43') format('truetype'), url('fonts-20220322/icomoon.woff?cdcz43') format('woff'),
|
||||
url('fonts-20220322/icomoon.svg?cdcz43#icomoon') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-display: block;
|
||||
}
|
||||
|
||||
[class^='iconb-'],
|
||||
[class*='iconb-'] {
|
||||
/* use !important to prevent issues with browser extensions that change fonts */
|
||||
font-family: 'icomoon05' !important;
|
||||
speak: never;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
|
||||
/* Better Font Rendering =========== */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.iconb-caret-down:before {
|
||||
content: '\e900';
|
||||
}
|
||||
.iconb-caret-up:before {
|
||||
content: '\e901';
|
||||
}
|
||||
1143
public/static/index/pc/css/index.css
Executable file
1143
public/static/index/pc/css/index.css
Executable file
File diff suppressed because it is too large
Load Diff
128
public/static/index/pc/css/orico_footer.css
Executable file
128
public/static/index/pc/css/orico_footer.css
Executable file
@@ -0,0 +1,128 @@
|
||||
.orico_footer {
|
||||
background: #000;
|
||||
font-size: 1rem;
|
||||
}
|
||||
.orico_footer .fotter {
|
||||
margin: 0 auto;
|
||||
overflow: hidden;
|
||||
padding-bottom: 5.5rem;
|
||||
padding-top: 2.25rem;
|
||||
position: relative;
|
||||
}
|
||||
.orico_footer .fotter .footerico {
|
||||
position: absolute;
|
||||
height: 3.125rem;
|
||||
left: 8%;
|
||||
top: 5%;
|
||||
}
|
||||
.orico_footer .fotter .footerMain {
|
||||
min-width: 1024px;
|
||||
max-width: 75rem;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.orico_footer .fotter .footerMain .foottxttop {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.orico_footer .fotter .footerMain .foottxttop .foootCt {
|
||||
gap: 1.5rem;
|
||||
display: grid;
|
||||
}
|
||||
.orico_footer .fotter .footerMain .foottxttop .foootCt .ftitle {
|
||||
font-weight: 700;
|
||||
color: #fff;
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
.orico_footer .fotter .footerMain .foottxttop .foootCt ul {
|
||||
display: grid;
|
||||
gap: 0.75rem;
|
||||
}
|
||||
.orico_footer .fotter .footerMain .foottxttop .foootCt ul .fline {
|
||||
color: #fff;
|
||||
opacity: 0.7;
|
||||
transition: opacity 0.2s ease-in-out;
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
.orico_footer .fotter .footerMain .foottxtbottom {
|
||||
padding-left: 14%;
|
||||
display: grid;
|
||||
padding-top: 8%;
|
||||
}
|
||||
.orico_footer .fotter .footerMain .foottxtbottom .ftopicos {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding-bottom: 1%;
|
||||
gap: 2rem;
|
||||
}
|
||||
.orico_footer .fotter .footerMain .foottxtbottom .ftopicos ul {
|
||||
gap: 0.75rem 1.5rem;
|
||||
flex-wrap: wrap;
|
||||
display: flex;
|
||||
}
|
||||
.orico_footer .fotter .footerMain .foottxtbottom .ftopicos ul img {
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
}
|
||||
.orico_footer .fotter .footerMain .foottxtbottom .ftcopyright {
|
||||
color: #b3b3b3;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.orico_footer .fotter .footerMain .foottxtbottom .ftcopyright a {
|
||||
color: #b3b3b3;
|
||||
}
|
||||
.orico_footer .fotter .footerMain .foottxtbottom .batext {
|
||||
color: #fff;
|
||||
font-size: 14px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.oricoCont {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 3.5rem 0;
|
||||
background: transparent;
|
||||
background: #f2f2f2;
|
||||
}
|
||||
.oricoCont .ctitem {
|
||||
width: 45%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
.oricoCont .ctitem .ctimg {
|
||||
max-width: 6.25rem;
|
||||
width: 3.75rem;
|
||||
height: 3.75rem;
|
||||
margin-top: 2%;
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
.oricoCont .ctitem .cttitle {
|
||||
font-size: 1.25rem;
|
||||
text-align: center;
|
||||
font-weight: 600;
|
||||
line-height: 2.5rem;
|
||||
}
|
||||
.oricoCont .ctitem .ctdec {
|
||||
font-size: 0.875rem;
|
||||
text-align: center;
|
||||
line-height: 1rem;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1777px) {
|
||||
.footerico {
|
||||
top: 65% !important;
|
||||
bottom: 24%;
|
||||
left: 50% !important;
|
||||
}
|
||||
}
|
||||
370
public/static/index/pc/css/orico_header.css
Executable file
370
public/static/index/pc/css/orico_header.css
Executable file
@@ -0,0 +1,370 @@
|
||||
@charset "UTF-8";
|
||||
.header-PC {
|
||||
width: 100%;
|
||||
}
|
||||
.header-PC #header {
|
||||
margin: 0 auto;
|
||||
height: 3.75rem;
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
z-index: 999;
|
||||
background: white;
|
||||
color: black;
|
||||
}
|
||||
.header-PC #header .nav1 {
|
||||
position: relative;
|
||||
width: 20%;
|
||||
}
|
||||
.header-PC #header .nav1 img {
|
||||
width: 45%;
|
||||
margin-left: 40%;
|
||||
}
|
||||
.header-PC #header .nav2 {
|
||||
position: relative;
|
||||
width: 60%;
|
||||
}
|
||||
.header-PC #header .nav2 .navItem {
|
||||
font-size: 1rem;
|
||||
position: relative;
|
||||
display: grid;
|
||||
grid-template-columns: auto auto;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 12.5%;
|
||||
height: 60px;
|
||||
text-align: center;
|
||||
float: left;
|
||||
text-decoration: none;
|
||||
transition: all 0.3s ease;
|
||||
-webkit-transition: all 0.5s ease;
|
||||
}
|
||||
.header-PC #header .nav2 .navItem a {
|
||||
padding-right: 5px;
|
||||
text-decoration: none;
|
||||
word-break: keep-all;
|
||||
white-space: norwap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
word-wrap: break-word;
|
||||
text-wrap: nowrap;
|
||||
}
|
||||
.header-PC #header .nav2 .navItem .downimg {
|
||||
height: 0.75rem;
|
||||
}
|
||||
.header-PC #header .nav2 .navItem .navItemConten {
|
||||
width: 100%;
|
||||
z-index: 999;
|
||||
background-color: #f2f2f2;
|
||||
max-height: 41.25rem;
|
||||
box-shadow: 3px 5px 60px -20px #88909a;
|
||||
position: fixed;
|
||||
border: 1px solid lightgray;
|
||||
top: 3.75rem;
|
||||
transition: max-height 0.5s ease-out, opacity 0.5s ease-out;
|
||||
left: 0;
|
||||
display: none;
|
||||
}
|
||||
.header-PC #header .nav2 .navItem .navItemConten .navItem_cyleft {
|
||||
float: left;
|
||||
text-align: center;
|
||||
width: 20%;
|
||||
max-height: 41.25rem;
|
||||
font-size: 1rem;
|
||||
}
|
||||
.header-PC #header .nav2 .navItem .navItemConten .navItem_cyleft li {
|
||||
cursor: pointer;
|
||||
zoom: 1;
|
||||
clear: both;
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
.header-PC #header .nav2 .navItem .navItemConten .navItem_cyleft li a {
|
||||
line-height: 2.75rem;
|
||||
color: #656a6d;
|
||||
}
|
||||
.header-PC #header .nav2 .navItem .navItemConten .navItem_cyleft li a:hover {
|
||||
color: #004bfa;
|
||||
}
|
||||
.header-PC #header .nav2 .navItem .navItemConten .navItem_cyleft li.it_active {
|
||||
border-color: #dddddd;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.header-PC #header .nav2 .navItem .navItemConten .navItem_cyright {
|
||||
max-height: 41.25rem;
|
||||
min-height: 28.75rem;
|
||||
overflow-y: auto;
|
||||
border-left: 1px solid #dddddd;
|
||||
font-weight: normal;
|
||||
background-color: #fff;
|
||||
margin: 0 auto;
|
||||
box-shadow: -3px 0 0px #f3f3f3;
|
||||
text-align: left;
|
||||
}
|
||||
.header-PC #header .nav2 .navItem .navItemConten .navItem_cyright .nav_cyrightit dt {
|
||||
font-size: 0.875rem;
|
||||
line-height: 1rem;
|
||||
margin-inline-start: 1.25rem;
|
||||
font-weight: 600;
|
||||
border-bottom: 1px solid rgba(225, 225, 225, 0.5);
|
||||
padding-bottom: 0.8125rem;
|
||||
padding-top: 1rem;
|
||||
}
|
||||
.header-PC #header .nav2 .navItem .navItemConten .navItem_cyright .nav_cyrightit dt img {
|
||||
height: 1rem;
|
||||
max-width: 100%;
|
||||
}
|
||||
.header-PC #header .nav2 .navItem .navItemConten .navItem_cyright .nav_cyrightit dt a {
|
||||
color: #333;
|
||||
text-decoration: none;
|
||||
word-break: keep-all;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
word-wrap: break-word;
|
||||
text-wrap: nowrap;
|
||||
}
|
||||
.header-PC #header .nav2 .navItem .navItemConten .navItem_cyright .nav_cyrightit dd {
|
||||
font-size: 0.875rem;
|
||||
line-height: 2.5rem;
|
||||
padding-top: 0vw;
|
||||
font-weight: 100;
|
||||
display: inline-block;
|
||||
margin-right: 3%;
|
||||
margin-inline-start: 2.5rem;
|
||||
}
|
||||
.header-PC #header .nav2 .navItem .navItemConten .navItem_cyright .nav_cyrightit dd a:hover {
|
||||
color: #004bf9;
|
||||
font-weight: 600;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
-webkit-transition: all 0.2s linear;
|
||||
}
|
||||
.header-PC #header .nav2 .navItem .navItemConten.active {
|
||||
max-height: 41.25rem; /* 根据实际内容调整合适高度 */
|
||||
opacity: 1;
|
||||
}
|
||||
.header-PC #header .nav2 .navItem .navItemConten1 {
|
||||
background-color: #fff;
|
||||
color: black;
|
||||
position: absolute;
|
||||
top: 60px;
|
||||
left: 20px;
|
||||
width: auto;
|
||||
height: auto;
|
||||
z-index: 9999;
|
||||
border-radius: 5px;
|
||||
box-shadow: 0 0 1px 0 #88909a;
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 0.5rem 0;
|
||||
}
|
||||
.header-PC #header .nav2 .navItem .navItemConten1 li {
|
||||
color: #fff;
|
||||
float: left;
|
||||
text-align: center;
|
||||
line-height: 1.5rem;
|
||||
padding: 0.5rem 2rem;
|
||||
display: list-item;
|
||||
}
|
||||
.header-PC #header .nav2 .navItem .navItemConten1 li a {
|
||||
cursor: pointer;
|
||||
}
|
||||
.header-PC #header .nav2 .navItem .navItemConten1 li a:hover {
|
||||
color: #004bfa;
|
||||
}
|
||||
.header-PC #header .nav3 {
|
||||
position: relative;
|
||||
width: 20%;
|
||||
background-color: transparent;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
cursor: pointer;
|
||||
}
|
||||
.header-PC #header .nav3 .searchimg {
|
||||
margin-left: 10%;
|
||||
}
|
||||
.header-PC #header .nav3 .storetopbt {
|
||||
background: #004cfa;
|
||||
color: #fff;
|
||||
padding: 0 0.9375rem;
|
||||
border-radius: 1.25rem;
|
||||
height: 2.375rem;
|
||||
line-height: 2.5rem;
|
||||
margin-left: 15%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 1rem;
|
||||
}
|
||||
.header-PC #header .nav3 .storetopbt .storeImgico {
|
||||
width: 1.25rem;
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
.header-PC #header .nav3 .choesCountry {
|
||||
position: relative;
|
||||
margin-left: 15%;
|
||||
}
|
||||
.header-PC #header .nav3 .choesCountry .topCountry {
|
||||
display: none;
|
||||
width: 21.25rem;
|
||||
background-color: white;
|
||||
position: fixed;
|
||||
right: 5%;
|
||||
top: 80px;
|
||||
border-radius: 15px;
|
||||
box-shadow: 2px 2px 10px 1px #88909a;
|
||||
}
|
||||
.header-PC #header .nav3 .choesCountry .topCountry li {
|
||||
width: 100%;
|
||||
height: 3.125rem;
|
||||
line-height: 3.125rem;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
}
|
||||
.header-PC #header .nav3 .choesCountry .topCountry li .countryName {
|
||||
width: 70%;
|
||||
text-align: left;
|
||||
margin-left: 10px;
|
||||
font-size: 1rem;
|
||||
}
|
||||
.header-PC #header .nav3 .choesCountry .topCountry li .cico {
|
||||
width: 18%;
|
||||
margin-left: 0;
|
||||
}
|
||||
.header-PC #header .nav3 .choesCountry .topCountry li .cico .countryimg {
|
||||
margin-left: 0;
|
||||
margin-left: 1.25rem;
|
||||
margin-top: 0.9375rem;
|
||||
vertical-align: top;
|
||||
}
|
||||
.header-PC #header .nav3 .choesCountry .topCountry li.closec {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: end;
|
||||
height: 1.875rem;
|
||||
}
|
||||
.header-PC #header .nav3 .choesCountry .topCountry .closecountrybt {
|
||||
color: #aaa;
|
||||
margin-top: -5px;
|
||||
cursor: pointer;
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.header-PC .searchmodalMian {
|
||||
position: fixed;
|
||||
z-index: 999;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba(0, 0, 0, 0.7);
|
||||
z-index: 998;
|
||||
display: none;
|
||||
}
|
||||
.header-PC .searchmodalMian .searchmodalct {
|
||||
background-color: #fff;
|
||||
padding: 1.25rem;
|
||||
border-radius: 1.25rem;
|
||||
box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.2);
|
||||
border: 1px solid rgba(0, 0, 0, 0.2);
|
||||
position: fixed;
|
||||
right: 2%;
|
||||
width: 33%;
|
||||
top: 5rem;
|
||||
height: 80%;
|
||||
overflow-y: auto;
|
||||
z-index: 998;
|
||||
}
|
||||
.header-PC .searchmodalMian .searchmodalct .close-btn {
|
||||
color: #aaa;
|
||||
float: right;
|
||||
font-size: 1.5rem;
|
||||
cursor: pointer;
|
||||
}
|
||||
.header-PC .searchmodalMian .searchmodalct #serrchinput {
|
||||
margin-left: 10%;
|
||||
margin-top: 5%;
|
||||
width: 80%;
|
||||
height: 2.75rem;
|
||||
border: 1px solid grey;
|
||||
border-radius: 22px;
|
||||
background-position: 95% 50%;
|
||||
padding-left: 5%;
|
||||
}
|
||||
.header-PC .searchmodalMian .searchmodalct .searchhistory,
|
||||
.header-PC .searchmodalMian .searchmodalct .popProduct {
|
||||
margin-top: 5%;
|
||||
margin-left: 10%;
|
||||
width: 80%;
|
||||
display: flex;
|
||||
position: relative;
|
||||
}
|
||||
.header-PC .searchmodalMian .searchmodalct .searchhistory .h_title,
|
||||
.header-PC .searchmodalMian .searchmodalct .popProduct .h_title {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 1%;
|
||||
font-size: 16px;
|
||||
color: #989898;
|
||||
}
|
||||
.header-PC .searchmodalMian .searchmodalct .searchhistory ul,
|
||||
.header-PC .searchmodalMian .searchmodalct .popProduct ul {
|
||||
margin-top: 10%;
|
||||
margin-left: 1%;
|
||||
}
|
||||
.header-PC .searchmodalMian .searchmodalct .popProduct .popmain{
|
||||
width: 100%;
|
||||
}
|
||||
.header-PC .searchmodalMian .searchmodalct .searchhistory .popmain,
|
||||
.header-PC .searchmodalMian .searchmodalct .popProduct .popmain {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.header-PC .searchmodalMian .searchmodalct .searchhistory .popmain .popitem,
|
||||
.header-PC .searchmodalMian .searchmodalct .popProduct .popmain .popitem {
|
||||
text-align: center;
|
||||
margin-top: 7%;
|
||||
margin-left: 1%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
width: 30%;
|
||||
align-items: center;
|
||||
overflow: hidden;
|
||||
|
||||
}
|
||||
.header-PC .searchmodalMian .searchmodalct .searchhistory .popmain .popitem .popimg,
|
||||
.header-PC .searchmodalMian .searchmodalct .popProduct .popmain .popitem .popimg {
|
||||
width: 7.1875rem;
|
||||
height: 7.1875rem;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.header-PC .searchmodalMian .searchmodalct .searchhistory .popmain .popitem .productName,
|
||||
.header-PC .searchmodalMian .searchmodalct .popProduct .popmain .popitem .productName {
|
||||
font-weight: 600;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 1;
|
||||
text-overflow: ellipsis;
|
||||
font-size: 0.8rem;
|
||||
margin-top: 10%;
|
||||
}
|
||||
.header-PC .searchmodalMian .searchmodalct .popProduct .popmain .popitem .productName
|
||||
{
|
||||
width: 100%;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: block;
|
||||
font-size:14px
|
||||
}
|
||||
.header-PC .searchmodalMian .searchmodalct .popProduct .popmain .popitem .produc-dec{
|
||||
font-size: 10px;
|
||||
color: #000000;
|
||||
margin-top: 1%;
|
||||
}
|
||||
137
public/static/index/pc/css/product_category.css
Executable file
137
public/static/index/pc/css/product_category.css
Executable file
@@ -0,0 +1,137 @@
|
||||
@charset "UTF-8";
|
||||
.orico_Page_category {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
background: #f9f9f9;
|
||||
}
|
||||
.orico_Page_category p,
|
||||
.orico_Page_category a,
|
||||
.orico_Page_category div,
|
||||
.orico_Page_category span {
|
||||
font-family: "Microsoft YaHei", "Arial", sans-serif;
|
||||
}
|
||||
.orico_Page_category .opdBanner {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
position: relative;
|
||||
}
|
||||
.orico_Page_category .opdBanner .opdbannerImg {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
display: none;
|
||||
object-fit: cover;
|
||||
transition: opacity 1s ease-in-out;
|
||||
}
|
||||
.orico_Page_category .opdbanner > a:first-child {
|
||||
display: block;
|
||||
}
|
||||
.orico_Page_category .pageMain {
|
||||
width: 85%;
|
||||
padding: 7.5rem 0 10px;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.orico_Page_category .pageMain .cat {
|
||||
margin-bottom: 3.75rem;
|
||||
}
|
||||
.orico_Page_category .pageMain .ori-pd-title {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.orico_Page_category .pageMain .ori-pd-title .catname {
|
||||
font-size: 1.5rem;
|
||||
color: #101010;
|
||||
margin-bottom: 1.25rem;
|
||||
font-weight: 300;
|
||||
}
|
||||
.orico_Page_category .pageMain .ori-pd-title .catmore {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
margin-right: 1%;
|
||||
}
|
||||
.orico_Page_category .pageMain .ori-pd-title .catmore .tmore {
|
||||
font-size: 1rem;
|
||||
color: #444;
|
||||
}
|
||||
.orico_Page_category .pageMain .ori-pd-title .catmore .catmoreImg {
|
||||
width: 1.75rem;
|
||||
height: 1.75rem;
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
.orico_Page_category .pageMain .ori-pd-list {
|
||||
display: flex;
|
||||
flex-wrap: wrap; /* 自动换行 */
|
||||
justify-content: flex-start; /* 水平方向均匀分布 */
|
||||
}
|
||||
.orico_Page_category .pageMain .ori-pd-list .oripditem {
|
||||
width: 18.2%;
|
||||
float: left;
|
||||
background: #fff;
|
||||
margin-top: 15px;
|
||||
position: relative;
|
||||
margin-right: 1.8125rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
min-height: 25rem;
|
||||
}
|
||||
.orico_Page_category .pageMain .ori-pd-list .oripditem .prdimg {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
max-width: 220px;
|
||||
margin: 25px auto;
|
||||
display: none;
|
||||
}
|
||||
.orico_Page_category .pageMain .ori-pd-list .oripditem .prdimg-show {
|
||||
display: block;
|
||||
}
|
||||
.orico_Page_category .pageMain .ori-pd-list .oripditem .prdName {
|
||||
font-size: 0.875rem;
|
||||
color: #444;
|
||||
}
|
||||
.orico_Page_category .pageMain .ori-pd-list .oripditem .prddec {
|
||||
margin-top: 3%;
|
||||
font-size: 0.875rem;
|
||||
color: #666;
|
||||
}
|
||||
.orico_Page_category .pageMain .ori-pd-list .oripditem .newcp {
|
||||
width: 72px;
|
||||
height: 30px;
|
||||
background: #df2c39;
|
||||
font-size: 12px;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
line-height: 30px;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 50%;
|
||||
transform: translate(-50%, 0%);
|
||||
}
|
||||
.orico_Page_category .pageMain .ori-pd-list .oripditem .prd-colors {
|
||||
width: 92%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-top: 0.3125rem;
|
||||
}
|
||||
.orico_Page_category .pageMain .ori-pd-list .oripditem .prd-colors .prdolorit {
|
||||
width: 1.3rem;
|
||||
height: 1.3rem;
|
||||
border-radius: 0.65rem;
|
||||
cursor: pointer;
|
||||
margin: 0 0.3125rem;
|
||||
}
|
||||
.orico_Page_category .pageMain .ori-pd-list .oripditem .prd-colors .prdolorit img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 0.65rem;
|
||||
}
|
||||
658
public/static/index/pc/css/product_detail.css
Executable file
658
public/static/index/pc/css/product_detail.css
Executable file
@@ -0,0 +1,658 @@
|
||||
@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;
|
||||
}
|
||||
153
public/static/index/pc/css/product_newpro.css
Executable file
153
public/static/index/pc/css/product_newpro.css
Executable file
@@ -0,0 +1,153 @@
|
||||
@charset "UTF-8";
|
||||
.orico_Page_newproducts {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
background: #f9f9f9;
|
||||
}
|
||||
.oricoCont{
|
||||
background: #f9f9f9;
|
||||
}
|
||||
.orico_Page_newproducts p,
|
||||
.orico_Page_newproducts a,
|
||||
.orico_Page_newproducts div,
|
||||
.orico_Page_newproducts span {
|
||||
font-family: 'Microsoft YaHei', 'Arial', sans-serif;
|
||||
}
|
||||
.orico_Page_newproducts .opdBanner {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
position: relative;
|
||||
}
|
||||
.orico_Page_newproducts .opdBanner .opdbannerImg {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
display: none;
|
||||
object-fit: cover;
|
||||
transition: opacity 1s ease-in-out;
|
||||
}
|
||||
.orico_Page_newproducts .opdbanner > a:first-child {
|
||||
display: block;
|
||||
}
|
||||
.orico_Page_newproducts .oricoNewPrMain {
|
||||
width: 85%;
|
||||
padding: 7.5rem 0 10px;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.orico_Page_newproducts .oricoNewPrMain .cat {
|
||||
margin-bottom: 3.75rem;
|
||||
}
|
||||
.orico_Page_newproducts .oricoNewPrMain .ori-pd-title {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.orico_Page_newproducts .oricoNewPrMain .ori-pd-title .catname {
|
||||
font-size: 1.5rem;
|
||||
color: #101010;
|
||||
margin-bottom: 1.25rem;
|
||||
}
|
||||
.orico_Page_newproducts .oricoNewPrMain .ori-pd-title .catmore {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
margin-right: 1%;
|
||||
}
|
||||
.orico_Page_newproducts .oricoNewPrMain .ori-pd-title .catmore .tmore {
|
||||
font-size: 1rem;
|
||||
color: #444;
|
||||
font-weight: 500;
|
||||
}
|
||||
.orico_Page_newproducts .oricoNewPrMain .ori-pd-title .catmore .catmoreImg {
|
||||
width: 1.75rem;
|
||||
height: 1.75rem;
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.orico_Page_newproducts .oricoNewPrMain .ori-pd-list {
|
||||
display: flex;
|
||||
flex-wrap: wrap; /* 自动换行 */
|
||||
justify-content: flex-start; /* 水平方向均匀分布 */
|
||||
}
|
||||
.orico_Page_newproducts .oricoNewPrMain .ori-pd-list .oripditem {
|
||||
width: 18%;
|
||||
float: left;
|
||||
background: #fff;
|
||||
padding-bottom: 1em;
|
||||
margin-top: 2.1%;
|
||||
position: relative;
|
||||
margin-right: 2.1%;
|
||||
padding-top: 30px;
|
||||
padding-bottom: 70px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.orico_Page_newproducts .oricoNewPrMain .ori-pd-list .oripditem .oNpicoNEW {
|
||||
width: 4.5rem;
|
||||
height: 1.875rem;
|
||||
background: #df2c39;
|
||||
font-size: 0.75rem;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
line-height: 1.875rem;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 50%;
|
||||
transform: translate(-50%, 0%);
|
||||
}
|
||||
.orico_Page_newproducts .oricoNewPrMain .ori-pd-list .oripditem .prdimg {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
max-width: 220px;
|
||||
margin: 25px auto;
|
||||
display: none;
|
||||
}
|
||||
.orico_Page_newproducts .oricoNewPrMain .ori-pd-list .oripditem .prdimg-show {
|
||||
display: block;
|
||||
}
|
||||
.orico_Page_newproducts .oricoNewPrMain .ori-pd-list .oripditem .prdName {
|
||||
color: #444;
|
||||
font-size: 0.875rem;
|
||||
padding-bottom: 0.625rem;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
width: 80%;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.orico_Page_newproducts .oricoNewPrMain .ori-pd-list .oripditem .prddec {
|
||||
font-size: 0.875rem;
|
||||
color: #737373;
|
||||
}
|
||||
.orico_Page_newproducts .oricoNewPrMain .ori-pd-list .oripditem .newcp {
|
||||
width: 72px;
|
||||
height: 30px;
|
||||
background: #df2c39;
|
||||
font-size: 12px;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
line-height: 30px;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 50%;
|
||||
transform: translate(-50%, 0%);
|
||||
}
|
||||
.orico_Page_newproducts .oricoNewPrMain .ori-pd-list .oripditem:hover {
|
||||
box-shadow: 0px 5px 35px rgba(227, 227, 227, 0.75);
|
||||
transform: translate3d(0, -2px, 0);
|
||||
}
|
||||
.orico_Page_newproducts .oricoNewPrMain .ori-pd-list .oripditem:nth-child(5n) {
|
||||
margin-right: 0px;
|
||||
}
|
||||
104
public/static/index/pc/css/product_search.css
Normal file
104
public/static/index/pc/css/product_search.css
Normal file
@@ -0,0 +1,104 @@
|
||||
.orico_Page_search {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
background: #f1f1f1;
|
||||
}
|
||||
.orico_Page_search .searchMain {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
background: #fff;
|
||||
width: 60%;
|
||||
margin: 0 auto;
|
||||
margin-top: 120px;
|
||||
margin-bottom: 20px;
|
||||
overflow: hidden;
|
||||
padding: 0 3.75rem;
|
||||
padding-top: 2%;
|
||||
padding-bottom: 60px;
|
||||
}
|
||||
.orico_Page_search .searchMain .search-ipt {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
background-color: #f1f1f1;
|
||||
border: 1px solid #e3e8ec;
|
||||
align-items: center;
|
||||
}
|
||||
.orico_Page_search .searchMain .search-ipt .ssipt {
|
||||
width: 94%;
|
||||
border: none;
|
||||
background-color: #f1f1f1;
|
||||
height: 52px;
|
||||
line-height: 52px;
|
||||
padding-left: 3%;
|
||||
padding-right: 3%;
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
.orico_Page_search .searchMain .search-ipt .ssico {
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
margin-right: 2%;
|
||||
cursor: pointer;
|
||||
}
|
||||
.orico_Page_search .searchMain .seul {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding-top: 2%;
|
||||
padding-bottom: 60px;
|
||||
}
|
||||
.orico_Page_search .searchMain .seul .seitme {
|
||||
cursor: pointer;
|
||||
padding: 16px 0 10px 0;
|
||||
border-bottom: 1px solid #f3f3f3;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
.orico_Page_search .searchMain .seul .seitme .imgb {
|
||||
padding: 9px 10px;
|
||||
border: 1px solid #e7e7e7;
|
||||
overflow: hidden;
|
||||
float: left;
|
||||
width: 140px;
|
||||
}
|
||||
.orico_Page_search .searchMain .seul .seitme .imgb .search-pr-img {
|
||||
width: 100%;
|
||||
opacity: 1;
|
||||
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
|
||||
transition: opacity 0.35s, transform 0.35s;
|
||||
}
|
||||
.orico_Page_search .searchMain .seul .seitme .prInfp {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
max-width: 70%;
|
||||
margin: 11px 10px 0;
|
||||
}
|
||||
.orico_Page_search .searchMain .seul .seitme .prInfp .txt1 {
|
||||
font-size: 1.125rem;
|
||||
color: #333;
|
||||
padding-bottom: 0.5rem;
|
||||
}
|
||||
.orico_Page_search .searchMain .seul .seitme .prInfp .txt2 {
|
||||
font-size: 0.875rem;
|
||||
color: #737373;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
line-height: 1.25rem;
|
||||
}
|
||||
.orico_Page_search .searchMain .seul .seitme .prInfp .txt3 {
|
||||
font-size: 0.875rem;
|
||||
color: #737373;
|
||||
}
|
||||
.orico_Page_search .searchMain .seul .seitme .prInfp .redpoint {
|
||||
font-weight: bold;
|
||||
color: rgb(255, 0, 0);
|
||||
}
|
||||
.orico_Page_search .searchMain .seul .seitme:hover .search-pr-img {
|
||||
-webkit-transform: scale3d(1.2, 1.2, 1);
|
||||
transform: scale3d(1.2, 1.2, 1);
|
||||
}
|
||||
.orico_Page_search .searchMain ::placeholder {
|
||||
color: #737373;
|
||||
}
|
||||
110
public/static/index/pc/css/product_subcategory.css
Normal file
110
public/static/index/pc/css/product_subcategory.css
Normal file
@@ -0,0 +1,110 @@
|
||||
@charset "UTF-8";
|
||||
.orico_Page_subcategory {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
background: #f9f9f9;
|
||||
}
|
||||
.orico_Page_subcategory p, .orico_Page_subcategory a, .orico_Page_subcategory div, .orico_Page_subcategory span {
|
||||
font-family: "Microsoft YaHei", "Arial", sans-serif;
|
||||
}
|
||||
.orico_Page_subcategory .opdBanner {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
position: relative;
|
||||
}
|
||||
.orico_Page_subcategory .opdBanner .opdbannerImg {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
display: none;
|
||||
object-fit: cover;
|
||||
transition: opacity 1s ease-in-out;
|
||||
}
|
||||
.orico_Page_subcategory .opdbanner > a:first-child {
|
||||
display: block;
|
||||
}
|
||||
.orico_Page_subcategory .pageMain {
|
||||
width: 85%;
|
||||
padding: 7.5rem 0 10px;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.orico_Page_subcategory .pageMain .sbbanner {
|
||||
width: 100%;
|
||||
}
|
||||
.orico_Page_subcategory .pageMain .ori-pd-title {
|
||||
font-size: 1.5em;
|
||||
color: #101010;
|
||||
margin-bottom: 1.25rem;
|
||||
}
|
||||
.orico_Page_subcategory .pageMain .ori-pd-list {
|
||||
display: flex;
|
||||
flex-wrap: wrap; /* 自动换行 */
|
||||
justify-content: flex-start; /* 水平方向均匀分布 */
|
||||
}
|
||||
.orico_Page_subcategory .pageMain .ori-pd-list .oripditem {
|
||||
width: 24%;
|
||||
float: left;
|
||||
background: #fff;
|
||||
padding-bottom: 1em;
|
||||
margin-top: 15px;
|
||||
position: relative;
|
||||
margin-right: 1%;
|
||||
padding-top: 30px;
|
||||
padding-bottom: 70px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.orico_Page_subcategory .pageMain .ori-pd-list .oripditem .prdimg {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
max-width: 220px;
|
||||
margin: 25px auto;
|
||||
display: none;
|
||||
}
|
||||
.orico_Page_subcategory .pageMain .ori-pd-list .oripditem .prdimg-show {
|
||||
display: block;
|
||||
}
|
||||
.orico_Page_subcategory .pageMain .ori-pd-list .oripditem .prdName {
|
||||
color: #101010;
|
||||
font-size: 1.125rem;
|
||||
padding-bottom: 0.625rem;
|
||||
}
|
||||
.orico_Page_subcategory .pageMain .ori-pd-list .oripditem .prddec {
|
||||
font-size: 1.125rem;
|
||||
color: #737373;
|
||||
}
|
||||
.orico_Page_subcategory .pageMain .ori-pd-list .oripditem .prd-colors {
|
||||
width: 92%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-top: 0.3125rem;
|
||||
}
|
||||
.orico_Page_subcategory .pageMain .ori-pd-list .oripditem .prd-colors .prdolorit {
|
||||
width: 1.3rem;
|
||||
height: 1.3rem;
|
||||
border-radius: 0.65rem;
|
||||
cursor: pointer;
|
||||
margin: 0 0.3125rem;
|
||||
}
|
||||
.orico_Page_subcategory .pageMain .ori-pd-list .oripditem .prd-colors .prdolorit img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 0.65rem;
|
||||
}
|
||||
.orico_Page_products .pageMain .ori-pd-list .oripditem .prd-colors .prdolorit .rgb_hex {
|
||||
display: block;
|
||||
height: 100%;
|
||||
border-radius: 100%;
|
||||
}
|
||||
.orico_Page_subcategory .pageMain .ori-pd-list .oripditem:hover {
|
||||
box-shadow: 0px 5px 35px rgba(227, 227, 227, 0.75);
|
||||
transform: translate3d(0, -2px, 0);
|
||||
}
|
||||
191
public/static/index/pc/css/public.css
Executable file
191
public/static/index/pc/css/public.css
Executable file
@@ -0,0 +1,191 @@
|
||||
@font-face {
|
||||
font-family: "Montserrat";
|
||||
src: url("/static/common/fonts/Montserrat-Regular.ttf") format("truetype");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Montserrat-Bold";
|
||||
src: url("/static/common/fonts/Montserrat-Bold.ttf") format("truetype");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Montserrat-Medium";
|
||||
src: url("/static/common/fonts/Montserrat-Medium.ttf") format("truetype");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 0.625rem;
|
||||
background: #d2eafb;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
border-radius: 0.5rem;
|
||||
background: #eeeeee;
|
||||
}
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: 'Montserrat';
|
||||
}
|
||||
|
||||
*:hover {
|
||||
transition: all 0.2s linear;
|
||||
-webkit-transition: all 0.2s linear;
|
||||
}
|
||||
body {
|
||||
font-size: 1.2em;
|
||||
font-weight: 400;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
select,
|
||||
input,
|
||||
textarea,
|
||||
button {
|
||||
outline: none;
|
||||
font-size: 0.875rem;
|
||||
border-radius: 0;
|
||||
-webkit-border-radius: 0;
|
||||
color: #414446;
|
||||
-moz-border-radius: 0;
|
||||
-ms-border-radius: 0;
|
||||
-o-border-radius: 0;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #333;
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
transition: all 0.2s linear;
|
||||
-webkit-transition: all 0.2s linear;
|
||||
text-decoration: none;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
img {
|
||||
display: block;
|
||||
}
|
||||
|
||||
ul li {
|
||||
padding: 2px 0;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
ol,
|
||||
ul,
|
||||
a {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
/* 修改垂直滚动条 */
|
||||
::-webkit-scrollbar {
|
||||
width: 6px;
|
||||
/* 修改宽度 */
|
||||
}
|
||||
|
||||
/* 修改滚动条轨道背景色 */
|
||||
::-webkit-scrollbar-track {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
/* 修改滚动条滑块颜色 */
|
||||
::-webkit-scrollbar-thumb {
|
||||
background-color: #ccc;
|
||||
}
|
||||
|
||||
/* 修改滚动条滑块悬停时的颜色 */
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #D8DFE8;
|
||||
}
|
||||
|
||||
/* 修改滚动条滑块移动时的颜色 */
|
||||
::-webkit-scrollbar-thumb:active {
|
||||
background-color: #D8DFE8;
|
||||
}
|
||||
|
||||
/* 修改滚动条滑块的圆角 */
|
||||
::-webkit-scrollbar-thumb {
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
/* 整体滚动条 */
|
||||
* {
|
||||
scrollbar-width: thin;
|
||||
/* 滚动条宽度 */
|
||||
scrollbar-color: #D8DBE6 transparent;
|
||||
/* 滚动条颜色（滑块颜色 轨道颜色） */
|
||||
}
|
||||
|
||||
/* 滚动条轨道 */
|
||||
*::-moz-scrollbar-track {
|
||||
background-color: #f0f0f0;
|
||||
}
|
||||
|
||||
/* 滚动条滑块 */
|
||||
*::-moz-scrollbar-thumb {
|
||||
background-color: #D8DBE6;
|
||||
border-radius: 5px;
|
||||
/* 滑块的圆角 */
|
||||
}
|
||||
|
||||
/* 滚动条的上下箭头 */
|
||||
*::-moz-scrollbar-button {
|
||||
display: none;
|
||||
/* 隐藏上下箭头 */
|
||||
}
|
||||
|
||||
/* 滚动条的上下箭头：向上箭头 */
|
||||
*::-moz-scrollbar-button:vertical:decrement {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* 滚动条的上下箭头：向下箭头 */
|
||||
*::-moz-scrollbar-button:vertical:increment {
|
||||
display: none;
|
||||
}
|
||||
div{
|
||||
display: block;
|
||||
}
|
||||
#header{
|
||||
height: 60px;
|
||||
}
|
||||
/*屏幕兼容性*/
|
||||
@media screen and (min-width:150px) and (max-width:749px){
|
||||
body{
|
||||
zoom: 0.6;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width:750px) and (max-width:1280px){
|
||||
body{
|
||||
zoom: 0.75;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width:1281px) and (max-width:1360px) {
|
||||
body{
|
||||
zoom: 0.8;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width:1361px) and (max-width:1460px) {
|
||||
body{
|
||||
zoom: 0.85;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width:1461px) and (max-width:1660px) {
|
||||
body{
|
||||
zoom: 0.9;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width:1661px) and (max-width:1760px) {
|
||||
body{
|
||||
zoom: 0.95;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width:1761px) and (max-width:1960px) {}
|
||||
@media screen and (min-width:1980px) {}
|
||||
282
public/static/index/pc/css/topic_nas_cooperation.css
Executable file
282
public/static/index/pc/css/topic_nas_cooperation.css
Executable file
@@ -0,0 +1,282 @@
|
||||
.narshzhbPage {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
overflow-y: auto;
|
||||
background: #fafafa;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-banner {
|
||||
width: 100%;
|
||||
height: 35rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: #3e3a39;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-banner .narshzhb-banner-content {
|
||||
min-width: 1200px;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-top: 12.75rem;
|
||||
margin-bottom: 4.25rem;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-banner .narshzhb-banner-content .t1 {
|
||||
font-size: 1.875rem;
|
||||
padding-bottom: 0.8rem;
|
||||
line-height: 2.25rem;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-banner .narshzhb-banner-content h2 {
|
||||
font-size: 3.125rem;
|
||||
line-height: 3.75rem;
|
||||
margin-bottom: 8.6875rem;
|
||||
color: #3e3a39;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-banner .narshzhb-banner-content .narshzhb-banner-btct {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
grid-row: 11.5rem;
|
||||
color: #3e3a39;
|
||||
font-size: 1rem;
|
||||
line-height: 1.1875rem;
|
||||
font-size: 1rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-banner .narshzhb-banner-content .narshzhb-banner-btct span {
|
||||
margin-right: 11.5rem;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-banner .narshzhb-banner-content .narshzhb-banner-btct span:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-topinfo {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
background: #fafafa;
|
||||
padding-top: 8.25rem;
|
||||
padding-bottom: 8.25rem;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-topinfo .narshzhb-topinfo-main {
|
||||
margin: 0 auto;
|
||||
width: 75rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-topinfo .narshzhb-topinfo-main .narshzhb-tif-top {
|
||||
width: 75rem;
|
||||
height: auto;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
margin-bottom: 8.125rem;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-topinfo .narshzhb-topinfo-main .narshzhb-tif-top .hzcp1 {
|
||||
width: 46.875rem;
|
||||
height: 22.5rem;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-topinfo .narshzhb-topinfo-main .narshzhb-tif-top .narshzhb-if {
|
||||
height: 22.5rem;
|
||||
background: #fafafa;
|
||||
font-size: 0.75rem;
|
||||
color: #595757;
|
||||
/*padding-left: 5.25rem;*/
|
||||
padding: 0 2.25rem;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-topinfo .narshzhb-topinfo-main .narshzhb-tif-top .narshzhb-if .cttop {
|
||||
padding-top: 5.5625rem;
|
||||
line-height: 1.5rem;
|
||||
padding-bottom: 2rem;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-topinfo .narshzhb-topinfo-main .narshzhb-tif-top .narshzhb-if h3 {
|
||||
color: #004bfa;
|
||||
font-size: 1.5rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-topinfo .narshzhb-tif-bottom {
|
||||
margin: 0 auto;
|
||||
width: 75rem;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-topinfo .narshzhb-tif-bottom .narshzhb-tif-it {
|
||||
width: 32.5%;
|
||||
height: 23.4rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-topinfo .narshzhb-tif-bottom .narshzhb-tif-it .ithzcp {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-topinfo .narshzhb-tif-bottom .narshzhb-tif-it .st {
|
||||
background: #fff;
|
||||
width: 100%;
|
||||
height: 9.5rem;
|
||||
font-size: 12px;
|
||||
color: #595757;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-topinfo .narshzhb-tif-bottom .narshzhb-tif-it .st span {
|
||||
line-height: 1.5rem;
|
||||
margin: 0 2.5rem;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-topinfo .narshzhb-tif-bottom .narshzhb-tif-it:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-hzys {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
padding-bottom: 8.25rem;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-hzys .hzys-title {
|
||||
font-size: 30px;
|
||||
padding-bottom: 3.5625rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-hzys .narshzhb-hzys-main {
|
||||
width: 75rem;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-hzys .narshzhb-hzys-main .narshzhb-hzys-it {
|
||||
width: 21.125rem;
|
||||
height: 25.8125rem;
|
||||
margin-right: 1rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-hzys .narshzhb-hzys-main .narshzhb-hzys-it .hz-ico1 {
|
||||
width: 5rem;
|
||||
height: 5rem;
|
||||
margin: 3.75rem auto;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-hzys .narshzhb-hzys-main .narshzhb-hzys-it .lite-titel {
|
||||
font-weight: bold;
|
||||
margin: 0 auto;
|
||||
font-size: 1.25rem;
|
||||
color: #3e3a39;
|
||||
line-height: 1.5rem;
|
||||
padding-bottom: 1.25rem;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-hzys .narshzhb-hzys-main .narshzhb-hzys-it .cts {
|
||||
margin: 0 2.5rem;
|
||||
font-weight: 400;
|
||||
font-size: 0.75rem;
|
||||
color: #595757;
|
||||
line-height: 1.5rem;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-hzys .narshzhb-hzys-main .narshzhb-hzys-it:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-qdhz {
|
||||
width: 75rem;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-bottom: 12.5rem;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-qdhz .hzys-title {
|
||||
font-size: 1.875rem;
|
||||
color: #3e3a39;
|
||||
line-height: 2.25rem;
|
||||
padding-bottom: 3.75rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-qdhz .nars-qdhz-part {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-qdhz .nars-qdhz-part .nars-qdhz-it {
|
||||
background: #fff;
|
||||
width: 24.4rem;
|
||||
height: 18.75rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-right: 1rem;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-qdhz .nars-qdhz-part .nars-qdhz-it .qdhzico {
|
||||
width: 5rem;
|
||||
height: 5rem;
|
||||
margin-bottom: 2.625rem;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-qdhz .nars-qdhz-part .nars-qdhz-it .qdhzewico {
|
||||
width: 7.875rem;
|
||||
height: 7.875rem;
|
||||
margin-bottom: 2.625rem;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-qdhz .nars-qdhz-part .nars-qdhz-it .qdhzct {
|
||||
text-align: center;
|
||||
font-size: 1rem;
|
||||
color: #595757;
|
||||
line-height: 1.5625rem;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-qdhz .nars-qdhz-part .nars-qdhz-it:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
.orico_footer .fotter{
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
126
public/static/index/pc/css/topic_nas_download.css
Executable file
126
public/static/index/pc/css/topic_nas_download.css
Executable file
@@ -0,0 +1,126 @@
|
||||
.narsDowloadPc {
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
background: #f5f5f5;
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.narsDowloadPc .narsDtabs {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
margin-top: 70px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.narsDowloadPc .narsDtabs .narsDtabIt {
|
||||
color: #001717;
|
||||
font-size: 24px;
|
||||
height: 52px;
|
||||
line-height: 52px;
|
||||
width: 300px;
|
||||
background: #fff;
|
||||
text-align: center;
|
||||
border-radius: 28px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.narsDowloadPc .narsDtabs .narsDtabIt:first-child {
|
||||
margin-right: 60px;
|
||||
}
|
||||
|
||||
.narsDowloadPc .narsDtabs .narsDtabIt_active {
|
||||
color: #fff;
|
||||
background: #004cfa;
|
||||
}
|
||||
|
||||
.narsDowloadPc .narsDmainConten {
|
||||
width: 1200px;
|
||||
height: 409px;
|
||||
background: #fff;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.narsDowloadPc .nDtopCtMian {
|
||||
width: 1200px;
|
||||
margin: 0 auto;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.narsDowloadPc .nDtopCtMian .nDtopIt {
|
||||
width: 1200px;
|
||||
height: 409px;
|
||||
background: #fff;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.narsDowloadPc .nDtopCtMian .nDtopIt .tpimg {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.narsDowloadPc .nDtopCtMian .nDtopIt .tpimg {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.narsDowloadPc .nDtopCtMian .nDtopIt2 {
|
||||
width: 1200px;
|
||||
height: 205px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.narsDowloadPc .nDtopCtMian .nDtopIt2 .nDitImg {
|
||||
width: 231px;
|
||||
height: 205px;
|
||||
background: #fff;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.narsDowloadPc .nDtopCtMian .nDtopIt2 .nDitImg img {
|
||||
width: 126px;
|
||||
height: 126px;
|
||||
}
|
||||
|
||||
.narswljshow {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.narsDowloadPc .narssben-us .nDtopIt2 .nDitImg {
|
||||
width: 291px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.narsDowloadPc .nDtopCtMian .nDtopIt2 .nDitImg1{
|
||||
width: 291px;
|
||||
}
|
||||
.narsDowloadPc .narssben-us .nDtopIt2 .nDitImg img{
|
||||
width:70px !important;
|
||||
height:70px!important;
|
||||
}
|
||||
.narsDowloadPc .narssben-us .nDtopIt2 .nDitImg .dwbt {
|
||||
padding: 6px 38px;
|
||||
background: #a1a7bf;
|
||||
border-radius: 20px;
|
||||
color: #fff;
|
||||
margin-top: 10px;
|
||||
font-size: 16px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.narssbshow .nDtopIt2 .nDitImg .dwbtactive {
|
||||
background: #004cfa;
|
||||
}
|
||||
.narssbshow .nDtopIt2 .nDitImg .yy_name {
|
||||
font-size: 18px;
|
||||
padding-bottom: 10px;
|
||||
padding-top: 5px;
|
||||
font-weight: bold;
|
||||
}
|
||||
60
public/static/index/pc/css/topic_nas_header.css
Normal file
60
public/static/index/pc/css/topic_nas_header.css
Normal file
@@ -0,0 +1,60 @@
|
||||
.narsPage-head {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.narsPage-head .headcenter {
|
||||
height: 3.75rem;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
max-width: 75rem;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.narsPage-head .headcenter .navitem {
|
||||
position: relative;
|
||||
margin-left: 4.375rem;
|
||||
color: #000;
|
||||
font-size: 1.0rem;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.narsPage-head .headcenter .downimg {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
height: 15px;
|
||||
margin-left: 2px;
|
||||
}
|
||||
|
||||
.narsPage-head .headcenter .children {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 2.5rem;
|
||||
list-style: none;
|
||||
font-size: 1rem;
|
||||
color: #000;
|
||||
background-color: #fff;
|
||||
border-radius: 5px;
|
||||
box-shadow: 0 0 1px 0 #88909A;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
.narsPage-head .headcenter .children li {
|
||||
padding: 0.5rem 1rem;
|
||||
}
|
||||
|
||||
.narsPage-head .headcenter .navitem.hover,
|
||||
.narsPage-head .headcenter .navitem:hover {
|
||||
color: #004bfa;
|
||||
}
|
||||
|
||||
.narsPage-head .headcenter .logico {
|
||||
width: 13.375rem;
|
||||
height: 2.875rem;
|
||||
width:100%
|
||||
}
|
||||
248
public/static/index/pc/css/topic_nas_help-detail.css
Executable file
248
public/static/index/pc/css/topic_nas_help-detail.css
Executable file
@@ -0,0 +1,248 @@
|
||||
.narshelpdetailPc {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background: #f9f9f9;
|
||||
}
|
||||
|
||||
.narshelpdetailPc .narsssmain {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
border-top: 1px solid #ccc;
|
||||
border-bottom: 1px solid #ccc;
|
||||
padding: 21px 0;
|
||||
top: 0;
|
||||
align-items: center;
|
||||
background: #fff;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.narshelpdetailPc .narsssmain .dropdown {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 124px;
|
||||
left: 0;
|
||||
width: 435px;
|
||||
border-top: none;
|
||||
background-color: #fff;
|
||||
border-bottom-left-radius: 4px;
|
||||
border-bottom-right-radius: 4px;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
||||
margin: 0 auto;
|
||||
right: 0;
|
||||
max-height: 18.75rem;
|
||||
min-height: 3.125rem;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.narshelpdetailPc .narsssmain .dropdown ul {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.narshelpdetailPc .narsssmain .dropdown ul li {
|
||||
padding: 10px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.narshelpdetailPc .narsssmain .dropdown ul li:hover {
|
||||
background-color: #f4f4f4;
|
||||
}
|
||||
|
||||
.narshelpdetailPc .narsssmain .ml {
|
||||
font-size: 14px;
|
||||
padding-left: 25px;
|
||||
padding-top: 37px;
|
||||
padding-bottom: 31px;
|
||||
color: #8f9099;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.narshelpdetailPc .narsssmain .nars-hlp-search {
|
||||
width: 440px;
|
||||
height: 42px;
|
||||
border-radius: 1.3125rem;
|
||||
font-size: 14px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
color: #8f9099;
|
||||
border: 1px solid #cdcedb;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.narshelpdetailPc .narsssmain .nars-hlp-search .ssimg {
|
||||
width: 1.6rem;
|
||||
height: 1.6rem;
|
||||
margin-right: 3%;
|
||||
}
|
||||
|
||||
.narshelpdetailPc .narsssmain .nars-hlp-search input {
|
||||
font-size: 14px;
|
||||
border: none;
|
||||
padding: 0 15px;
|
||||
outline: none;
|
||||
flex: 1;
|
||||
margin-right: 2%;
|
||||
margin-left: 2%;
|
||||
}
|
||||
|
||||
.narshelpdetailPc .narsssmain .nars-hlp-search input::placeholder {
|
||||
color: #8f9099;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.narshelpdetailPc .nars-help-content {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.narshelpdetailPc .nars-help-content .nars-hlpdt-ml {
|
||||
width: 252px;
|
||||
overflow-y: auto;
|
||||
border-right: 1px solid #ccc;
|
||||
}
|
||||
|
||||
.narshelpdetailPc .nars-help-content .nars-hlpdt-ml .nav-tree {
|
||||
max-height: 800px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.narshelpdetailPc .nars-help-content .nars-hlpdt-ml .category {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.narshelpdetailPc .nars-help-content .nars-hlpdt-ml .category-title {
|
||||
display: block;
|
||||
padding: 10px;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
margin-left: 10px;
|
||||
color: #1f2635;
|
||||
}
|
||||
|
||||
.narshelpdetailPc .nars-help-content .nars-hlpdt-ml .arrow {
|
||||
margin-right: 2px;
|
||||
transform: rotate(0deg);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.narshelpdetailPc .nars-help-content .nars-hlpdt-ml .arrow .nars-jt {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.narshelpdetailPc .nars-help-content .nars-hlpdt-ml .rotate {
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
|
||||
.narshelpdetailPc .nars-help-content .nars-hlpdt-ml .sub-list {
|
||||
display: none;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.narshelpdetailPc .nars-help-content .nars-hlpdt-ml .sub-list li a {
|
||||
width: fit-content;
|
||||
display: block;
|
||||
margin: 0 10px;
|
||||
padding-top: 22px;
|
||||
text-decoration: none;
|
||||
color: #333;
|
||||
margin-left: 41px;
|
||||
font-size: 12px;
|
||||
color: #8f9099;
|
||||
}
|
||||
|
||||
.narshelpdetailPc .nars-help-content .nars-hlpdt-ml .sub-list li:first a {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
.narshelpdetailPc .nars-help-content .nars-hlpdt-ml .sub-list li a:hover,
|
||||
.narshelpdetailPc .nars-help-content .nars-hlpdt-ml .sub-list li a.active {
|
||||
color: #1f2635;
|
||||
border-bottom: 1px solid #1f2635;
|
||||
}
|
||||
|
||||
.narshelpdetailPc .nars-help-content .nars-hlpdt-mm {
|
||||
padding: 32px 150px;
|
||||
max-height: 920px;
|
||||
min-height: 700px;
|
||||
height: auto;
|
||||
flex: 1;
|
||||
overflow-y: auto;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* .narshelpdetailPc .nars-help-content .nars-hlpdt-mm img{*/
|
||||
/* width: -webkit-fill-available;*/
|
||||
/*}*/
|
||||
.narshelpdetailPc .nars-help-content .nars-hlpdt-mr {
|
||||
width: 252px;
|
||||
overflow-y: auto;
|
||||
border-left: 1px solid #ccc;
|
||||
overflow-y: auto;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.narshelpdetailPc .nars-help-content .nars-hlpdt-mr #title-list {
|
||||
padding: 0 20px;
|
||||
float: right;
|
||||
max-height: 800px;
|
||||
min-height: 700px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.narshelpdetailPc .nars-help-content .nars-hlpdt-mr #title-list .tt {
|
||||
font-size: 14px;
|
||||
padding-top: 33px;
|
||||
padding-bottom: 1rem;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.narshelpdetailPc .nars-help-content .nars-hlpdt-mr #title-list ul {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.narshelpdetailPc .nars-help-content .nars-hlpdt-mr #title-list ul li {
|
||||
margin-bottom: 23px;
|
||||
}
|
||||
|
||||
.narshelpdetailPc .nars-help-content .nars-hlpdt-mr #title-list ul li a {
|
||||
text-decoration: none;
|
||||
font-size: 12px;
|
||||
color: #1f2635;
|
||||
}
|
||||
|
||||
.narshelpdetailPc .nars-help-content .nars-hlpdt-mr #title-list ul li a:hover {
|
||||
color: #1f2635;
|
||||
border-bottom: 1px solid #1f2635;
|
||||
}
|
||||
|
||||
.nav-tree .category:nth-child(1) .category-title {
|
||||
padding-top: 33px;
|
||||
}
|
||||
.orico_footer .fotter{
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
margin: 0;
|
||||
all: revert;
|
||||
/* 将所有属性设置为初始值 */
|
||||
/* 或者使用 all: revert; 恢复到浏览器默认样式，但该属性兼容性不如 initial */
|
||||
}
|
||||
299
public/static/index/pc/css/topic_nas_help.css
Executable file
299
public/static/index/pc/css/topic_nas_help.css
Executable file
@@ -0,0 +1,299 @@
|
||||
.narshelpCenterPc {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
/* 下拉搜索框样式 */
|
||||
/* 下拉搜索框中的建议项样式 */
|
||||
}
|
||||
|
||||
.narhelpgoimg {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.narshelpCenterPc .narhelpgoimg img {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.narshelpCenterPc .pagetopbg {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
align-items: center;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.narshelpCenterPc .pagetopbg .hpbgimg {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.narshelpCenterPc .pagetopbg .nhlp-search {
|
||||
width: 35%;
|
||||
height: 48px;
|
||||
border-radius: 24px;
|
||||
background: #5299e1;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
display: flex;
|
||||
position: absolute;
|
||||
justify-content: space-between;
|
||||
border: 0.0625rem solid #fff;
|
||||
bottom: 15%;
|
||||
cursor: pointer;
|
||||
box-shadow: 2px 2px 100px #8d8d8d;
|
||||
}
|
||||
|
||||
.narshelpCenterPc .pagetopbg .nhlp-search .nhlp-ipt {
|
||||
border: none;
|
||||
width: 86%;
|
||||
height: 48px;
|
||||
margin-left: 5%;
|
||||
color: #fff;
|
||||
background: transparent;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.narshelpCenterPc .pagetopbg .nhlp-search .searchimg {
|
||||
width: 1.6rem;
|
||||
height: 1.6rem;
|
||||
margin-right: 3%;
|
||||
}
|
||||
|
||||
.narshelpCenterPc .pagetopbg .nhlp-search input {
|
||||
border: none;
|
||||
padding: 0;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.narshelpCenterPc .pagetopbg .nhlp-search input::placeholder {
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.narshelpCenterPc .nhlppart1 {
|
||||
width: 74.6%;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.narshelpCenterPc .nhlppart1 .helph1 {
|
||||
margin: 0 auto;
|
||||
margin-top: 54px;
|
||||
font-weight: bold;
|
||||
font-size: 32px;
|
||||
margin-bottom: 38px;
|
||||
}
|
||||
|
||||
.narshelpCenterPc .nhlppart1 .nhlp-row {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
margin-bottom: 4.625rem;
|
||||
}
|
||||
|
||||
.narshelpCenterPc .nhlppart1 .nhlp-row .nhlpit {
|
||||
min-width: 27.4%;
|
||||
flex:1;
|
||||
padding: 2.25rem;
|
||||
background: #fafafa;
|
||||
border-radius: 8px;
|
||||
color: #202734;
|
||||
font-size: 1rem;
|
||||
margin-right: 12px;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.narshelpCenterPc .nhlppart1 .nhlp-row .nhlpit .nhlptl {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
font-size: 1.25rem;
|
||||
font-weight: bold;
|
||||
padding-bottom: 1.25rem;
|
||||
}
|
||||
|
||||
.narshelpCenterPc .nhlppart1 .nhlp-row .nhlpit .nhlptl .bhlpicoimg {
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.narshelpCenterPc .nhlppart1 .nhlp-row .nhlpit .nhlp-tx-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.narshelpCenterPc .nhlppart1 .nhlp-row .nhlpit .nhlp-tx-list .txrow {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
margin-bottom: 1rem;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.narshelpCenterPc .nhlppart1 .nhlp-row .nhlpit .nhlp-tx-list .txrow .nhlp-point {
|
||||
width: 0.3125rem;
|
||||
height: 0.3125rem;
|
||||
background: #202734;
|
||||
border-radius: 0.1875rem;
|
||||
margin: 0 0.625rem;
|
||||
margin-left: 0.25rem;
|
||||
}
|
||||
|
||||
.narshelpCenterPc .nhlppart1 .nhlp-row .nhlpit .nhlp-tx-list .txrow .nhlpsp {
|
||||
flex: 1;
|
||||
color: #1f2635;
|
||||
font-size: 1rem;
|
||||
white-space: nowrap;
|
||||
/* 不允许换行 */
|
||||
overflow: hidden;
|
||||
/* 超出部分隐藏 */
|
||||
text-overflow: ellipsis;
|
||||
/* 超出部分显示省略号 */
|
||||
}
|
||||
|
||||
.narshelpCenterPc .nhlppart1 .nhlp-row .nhlpit .nhlp-tx-list .ckgdbt {
|
||||
background: #fff;
|
||||
width: fit-content;
|
||||
color: #bfbfc4;
|
||||
font-size: 0.9375rem;
|
||||
border: 0.0625rem solid #bfbfc4;
|
||||
padding: 0.4375rem 1.125rem;
|
||||
margin-top: 1rem;
|
||||
cursor: pointer;
|
||||
border-radius: 1.5rem;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.narshelpCenterPc .nhlppart1 .nhlp-row .nhlpit-w {
|
||||
width: 44.1%;
|
||||
}
|
||||
|
||||
/* .narshelpCenterPc .nhlppart1 .nhlp-row .nhlpit-w:last-child {
|
||||
margin-right: 0;
|
||||
} */
|
||||
|
||||
/* .narshelpCenterPc .nhlppart1 .nhlp-row .nhlpit:nth-child(3n) {
|
||||
margin-right: 0;
|
||||
} */
|
||||
|
||||
.narshelpCenterPc .lxwmtitle {
|
||||
margin: 0 auto;
|
||||
margin-bottom: 38px;
|
||||
font-weight: bold;
|
||||
font-size: 32px;
|
||||
}
|
||||
|
||||
.narshelpCenterPc .nhlp-lxwm {
|
||||
width: 74.6%;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.narshelpCenterPc .nhlp-lxwm .nhlp-row {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
margin-bottom: 4.625rem;
|
||||
}
|
||||
|
||||
.narshelpCenterPc .nhlp-lxwm .nhlp-row-content{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
}
|
||||
.narshelpCenterPc .nhlp-lxwm .nhlp-row-content .nhlplxwmit-w1:last-child,
|
||||
.narshelpCenterPc .nhlp-lxwm .nhlp-row-content .nhlplxwmit-w2:last-child{
|
||||
margin-right: 0;
|
||||
}
|
||||
.narshelpCenterPc .nhlp-lxwm .nhlp-row .nhlplxwmit {
|
||||
background: #f9f9f9;
|
||||
width: 392px;
|
||||
height: 291px;
|
||||
margin-bottom: 0.75rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-right: 12px;
|
||||
border-radius: 8px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.narshelpCenterPc .nhlp-lxwm .nhlp-row .nhlplxwmit .lximg {
|
||||
width: 4.375rem;
|
||||
height: 4.375rem;
|
||||
margin-bottom: 2.125rem;
|
||||
}
|
||||
|
||||
.narshelpCenterPc .nhlp-lxwm .nhlp-row .nhlplxwmit .lxewmimg {
|
||||
width: 6.875rem;
|
||||
width: 6.875rem;
|
||||
margin-bottom: 1.25rem;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.narshelpCenterPc .nhlp-lxwm .nhlp-row .nhlplxwmit .t1 {
|
||||
font-size: 1rem;
|
||||
padding-bottom: 0.375rem;
|
||||
color: #1f2635;
|
||||
}
|
||||
|
||||
.narshelpCenterPc .nhlp-lxwm .nhlp-row .nhlplxwmit .t2 {
|
||||
font-size: 0.75rem;
|
||||
color: #1f2635;
|
||||
}
|
||||
|
||||
.narshelpCenterPc .nhlp-lxwm .nhlp-row .nhlplxwmit-w1 {
|
||||
/* width: 32.7%; */
|
||||
flex:1;
|
||||
}
|
||||
|
||||
.narshelpCenterPc .nhlp-lxwm .nhlp-row .nhlplxwmit-w2 {
|
||||
/* width: 24.3%; */
|
||||
flex:1;
|
||||
}
|
||||
|
||||
.narshelpCenterPc .dropdown {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 355px;
|
||||
left: 0;
|
||||
width: 35%;
|
||||
border: 1px solid #ccc;
|
||||
border-top: none;
|
||||
background-color: #fff;
|
||||
border-bottom-left-radius: 4px;
|
||||
border-bottom-right-radius: 4px;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
||||
margin: 0 auto;
|
||||
right: 0;
|
||||
max-height: 18.75rem;
|
||||
min-height: 3.125rem;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.narshelpCenterPc .dropdown ul {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.narshelpCenterPc .dropdown ul li {
|
||||
padding: 10px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.narshelpCenterPc .dropdown ul li:hover {
|
||||
background-color: #f4f4f4;
|
||||
}
|
||||
540
public/static/index/pc/css/topic_nas_index.css
Executable file
540
public/static/index/pc/css/topic_nas_index.css
Executable file
@@ -0,0 +1,540 @@
|
||||
.narsbanner-img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.goico-img {
|
||||
width: 1.5rem;
|
||||
height: 1.5rem;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.ainasimg {
|
||||
width: 15.875rem;
|
||||
height: 4.5625rem;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.jjfabgimg {
|
||||
/* width: 20.1875rem; */
|
||||
width:100%;
|
||||
/* height: 37.6875rem; */
|
||||
border-radius: 0.375rem;
|
||||
}
|
||||
|
||||
.narsIndex-banner {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
max-height: 56.4375rem;
|
||||
}
|
||||
.narsIndex-banner img{
|
||||
width: 100%;
|
||||
}
|
||||
.narsIndex-banner .mySwiper .swiper-slide {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.narsIndex-banner .mySwiper .swiper-slide .strct {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 3.375rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.narsIndex-banner .mySwiper .swiper-slide .strct img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.narsIndex-banner .mySwiper .swiper-slide .strct .sw-title {
|
||||
font-size: 3.125rem;
|
||||
}
|
||||
|
||||
.narsIndex-banner .mySwiper .swiper-slide .strct .btmore {
|
||||
cursor: pointer;
|
||||
width: 17.625rem;
|
||||
height: 3.25rem;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
line-height: 3.25rem;
|
||||
position: relative;
|
||||
background: #004bfa;
|
||||
border-radius: 1.625rem;
|
||||
font-size: 1.875rem;
|
||||
color: #fff;
|
||||
margin-top: 1.25rem;
|
||||
}
|
||||
|
||||
.narsIndex-banner .mySwiper .swiper-slide .strct .btmore .btst {
|
||||
padding-right: 1rem;
|
||||
}
|
||||
|
||||
.narsIndex-banner .mySwiper .swiper-slide .strct .btmore .goico-img {
|
||||
position: absolute;
|
||||
top: 1.0625rem;
|
||||
right: 1.6875rem;
|
||||
}
|
||||
|
||||
.narsIndex-banner .mySwiper .swiper-button-next {
|
||||
position: absolute !important;
|
||||
color: white;
|
||||
margin-right: 170px;
|
||||
margin-left: 0;
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.narsIndex-banner .mySwiper .swiper-button-prev {
|
||||
position: absolute !important;
|
||||
color: white;
|
||||
margin-left: 170px;
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.narsIndex-banner .mySwiper .swiper-pagination {
|
||||
bottom: 5% !important;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.narsIndex-banner .mySwiper .swiper-pagination .swiper-pagination-bullet {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.narsIndex-banner .mySwiper .swiper-pagination-bullet-active {
|
||||
width: 24px !important;
|
||||
height: 24px;
|
||||
border-radius: 10px;
|
||||
color: #ffffff !important;
|
||||
background-color: #ffffff !important;
|
||||
}
|
||||
|
||||
.narsIndex-banner .my-pagination-clickable {
|
||||
width: 1200px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.nars-cate {
|
||||
padding-top: 5rem;
|
||||
padding-bottom: 5.5rem;
|
||||
background: #fff;
|
||||
margin: 0 auto;
|
||||
max-width: 1920px;
|
||||
}
|
||||
|
||||
.nars-cate .narscatecenter {
|
||||
overflow-x: hidden;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
height: auto;
|
||||
/* min-width: 1024px; */
|
||||
overflow: hidden;
|
||||
margin: 0 7.5rem;
|
||||
}
|
||||
|
||||
.nars-cate .narscatecenter .cate-column {
|
||||
width: 33%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: auto;
|
||||
color: #000;
|
||||
font-size: 1.875rem;
|
||||
}
|
||||
|
||||
.nars-cate .narscatecenter .cate-column .cateit {
|
||||
width: 100%;
|
||||
height: 10.25rem;
|
||||
border-radius: 1rem;
|
||||
background: #fff;
|
||||
margin-bottom: 1rem;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.nars-cate .narscatecenter .cate-column .bigcateit {
|
||||
/*height:12.05rem;*/
|
||||
height: 15.05rem
|
||||
}
|
||||
|
||||
.nars-cate .narscatecenter .cate-column .smallcateit {
|
||||
height: 5.45rem;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.nars-cate .narscatecenter .cate-column .cateit .pp1 {
|
||||
margin-top: 2.625rem;
|
||||
margin-left: 2.125rem;
|
||||
color: #020612;
|
||||
font-size: 1.875rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.nars-cate .narscatecenter .cate-column .cateit .pp1 span:last-child {
|
||||
color: #91A5C4;
|
||||
font-size: 1.375rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.nars-cate .narscatecenter .cate-column .cateit .pp1 .zjtitle {
|
||||
margin: 0 auto;
|
||||
font-size: 3.4375rem;
|
||||
font-weight: bold;
|
||||
color: #020612;
|
||||
}
|
||||
|
||||
.nars-cate .narscatecenter .cate-column .cateit .pp1 .zjtitle-sm {
|
||||
color: #020612;
|
||||
font-size: 1.375rem;
|
||||
}
|
||||
|
||||
.nars-cate .narscatecenter .cate-column2 {
|
||||
width: 24.1875rem;
|
||||
}
|
||||
|
||||
.narsVideo {
|
||||
width: 100%;
|
||||
padding-top: 3.25rem;
|
||||
padding-bottom: 4.5rem;
|
||||
}
|
||||
|
||||
.narsVideo .videoview {
|
||||
margin: 0 7.5rem;
|
||||
/*height: 47.5rem;*/
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.narsVideo .videoview .video {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
object-fit: fill;
|
||||
}
|
||||
|
||||
.nars-jjfa {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow-x: hidden;
|
||||
padding-bottom: 3.8125rem;
|
||||
max-width: 1920px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.nars-jjfa .jjfa-title {
|
||||
font-size: 3.75rem;
|
||||
font-weight: bold;
|
||||
padding-bottom: 3.75rem;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.nars-jjfa .jjfa-title1 {
|
||||
color:#004BFA
|
||||
}
|
||||
|
||||
.nars-jjfa .jjfaSwiper {
|
||||
margin: 0 7.5rem;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.nars-jjfa .jjfaSwiper .swiper-wrapper .swiper-slide {
|
||||
position: relative;
|
||||
width: 20.1875rem;
|
||||
/* height: 37.6875rem; */
|
||||
border-radius: 0.375rem;
|
||||
}
|
||||
|
||||
.nars-jjfa .jjfaSwiper .swiper-wrapper .swiper-slide .jjfa-ct {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
height: 5.125rem;
|
||||
background: #3231FF;
|
||||
line-height: 5.125rem;
|
||||
color: #fff;
|
||||
border-top-right-radius: 0.375rem;
|
||||
border-top-left-radius: 0.375rem;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.nars-jjfa .jjfaSwiper .swiper-wrapper .swiper-slide .jjfa-ct .st {
|
||||
font-size: 1.875rem;
|
||||
font-weight: bold;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.nars-jjfa .jjfaSwiper .swiper-wrapper .swiper-slide .jjfa-info .jjfa-a {
|
||||
color: #9196a5;
|
||||
line-height: 2.25rem;
|
||||
font-size: 1.125rem;
|
||||
}
|
||||
|
||||
.nars-jjfa .jjfaSwiper .swiper-wrapper .swiper-slide .jjfa-info {
|
||||
background: #ecf2fe;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
height: 37.6875rem;
|
||||
padding: 0 2.875rem;
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
text-align:left;
|
||||
white-space:pre-line;
|
||||
cursor: pointer;
|
||||
border-radius: 0.375rem;
|
||||
line-height: 2.375rem;
|
||||
font-size: 1.45rem;
|
||||
}
|
||||
|
||||
.nars-jjfa .jjfaSwiper .swiper-wrapper .swiper-slide .jjfa-info .jjfa-sp-title {
|
||||
color: #020612;
|
||||
font-size: 1.875rem;
|
||||
padding-top: 2.8rem;
|
||||
padding-bottom: 1.5rem;
|
||||
font-weight: bold
|
||||
}
|
||||
|
||||
.nars-jjfa .jjfaSwiper .swiper-wrapper .swiper-slide .jjfa-info .jjfatt {
|
||||
width: 100%;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
font-size: 30px;
|
||||
margin-bottom: 1.6875rem;
|
||||
}
|
||||
|
||||
.nars-jjfa .jjfaSwiper .swiper-wrapper .swiper-slide .jjfa-info .jjfa-txt {
|
||||
font-size: 1.5rem;
|
||||
margin-bottom: 1.25rem;
|
||||
line-height: 2.1875rem;
|
||||
text-indent: 2em;
|
||||
}
|
||||
|
||||
.nars-jjfa .jjfaSwiper .swiper-wrapper .swiper-slide:hover .jjfa-info {
|
||||
display: flex;
|
||||
background: linear-gradient(90deg, #CDD9F1 0%, #ECF2FE 100%);
|
||||
font-size: 1.125rem;
|
||||
}
|
||||
|
||||
.nars-wlj {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow-x: hidden;
|
||||
padding-bottom: 7.1875rem;
|
||||
max-width: 1920px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.nars-wlj .wlj-title {
|
||||
font-size: 3.75rem;
|
||||
font-weight: bold;
|
||||
padding-bottom: 2.8125rem;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.nars-wlj .wlj-title-sp {
|
||||
color:#004BFA
|
||||
}
|
||||
.nars-wlj .wltitem {
|
||||
margin: 0 7.5rem;
|
||||
/* min-width: 1024px; */
|
||||
background: #000;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 1.375rem;
|
||||
background: #ecf2fe !important;
|
||||
border-radius: 8px
|
||||
}
|
||||
|
||||
.nars-wlj .wltitem .wljcp {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: inherit;
|
||||
width: 50%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.nars-wlj .wltitem .wljcp .tt {
|
||||
font-size: 3.125rem;
|
||||
font-weight: bold;
|
||||
color: #fff;
|
||||
width: 35.5rem;
|
||||
text-align: center;
|
||||
margin-left: 35%;
|
||||
}
|
||||
|
||||
.nars-wlj .wltitem .wljcp .wljimg {
|
||||
width: 100%;
|
||||
/*height: 27.125rem;
|
||||
margin-left: 11.5rem;*/
|
||||
}
|
||||
|
||||
.nars-wlj .wltitem .wljcpinfo {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: #000;
|
||||
flex: 1;
|
||||
padding: 0 3rem;
|
||||
}
|
||||
|
||||
.nars-wlj .wltitem .wljcpinfo .if-title {
|
||||
font-weight: bold;
|
||||
font-size: 2.25rem;
|
||||
padding-bottom: 0.6rem;
|
||||
}
|
||||
|
||||
.nars-wlj .wltitem .wljcpinfo .if-info {
|
||||
font-size: 1.25rem;
|
||||
line-height: 2.15rem;
|
||||
text-align: center;
|
||||
white-space:pre-line;
|
||||
color: #a2a7ba;
|
||||
}
|
||||
|
||||
.nars-wlj .wltitem .wljcpinfo .wlj-xzbt {
|
||||
/*width: 21.75rem;
|
||||
height: 6.5rem;
|
||||
line-height: 6.5rem;*/
|
||||
padding: 0.75rem 6rem;
|
||||
border-radius: 3.25rem;
|
||||
border: 1px solid #FFFFFF;
|
||||
font-size: 2.5rem;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
}
|
||||
@media screen and (min-width:750px) and (max-width:1280px) {
|
||||
.nars-cate .narscatecenter .cate-column .cateit {
|
||||
width: 100%;
|
||||
height: 10.25rem;
|
||||
border-radius: 1rem;
|
||||
background: #fff;
|
||||
margin-bottom: 1rem;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.nars-cate .narscatecenter .cate-column .bigcateit {
|
||||
height: 15.05rem;
|
||||
}
|
||||
|
||||
.nars-cate .narscatecenter .cate-column .smallcateit {
|
||||
height: 5.45rem;
|
||||
}
|
||||
.nars-jjfa .jjfa-title,.nars-wlj .wlj-title{
|
||||
font-size: 2.75rem !important;
|
||||
}
|
||||
.nars-jjfa .jjfaSwiper .swiper-wrapper .swiper-slide {
|
||||
font-size: 1rem !important;
|
||||
position: relative;
|
||||
overflow-y: auto;
|
||||
height:auto !important;
|
||||
}
|
||||
.nars-jjfa .jjfaSwiper .swiper-wrapper .swiper-slide .jjfa-ct .st{
|
||||
font-size: 1rem !important;
|
||||
}
|
||||
.nars-jjfa .jjfaSwiper .swiper-wrapper .swiper-slide .jjfa-info .jjfa-sp-title{
|
||||
font-size: 1.25rem!important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
.nars-jjfa .jjfaSwiper .swiper-wrapper .swiper-slide:hover .jjfa-info{
|
||||
padding: 0 0.5rem !important;
|
||||
}
|
||||
.nars-jjfa .jjfaSwiper .swiper-wrapper .swiper-slide .jjfa-info .jjfa-a,.nars-wlj .wltitem .wljcpinfo .if-info{
|
||||
font-size: 1rem !important;
|
||||
line-height: 1.25rem !important;
|
||||
}
|
||||
.nars-wlj .wltitem .wljcpinfo .if-title{
|
||||
font-size: 1.25rem!important;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width:1281px) and (max-width:1360px) {
|
||||
.nars-cate .narscatecenter .cate-column .cateit {
|
||||
height: 12.25rem;
|
||||
}
|
||||
|
||||
.nars-cate .narscatecenter .cate-column .bigcateit {
|
||||
height: 17.05rem;
|
||||
}
|
||||
|
||||
.nars-cate .narscatecenter .cate-column .smallcateit {
|
||||
height: 7.45rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width:1361px) and (max-width:1460px) {
|
||||
.nars-cate .narscatecenter .cate-column .cateit {
|
||||
height: 13.25rem;
|
||||
}
|
||||
|
||||
.nars-cate .narscatecenter .cate-column .bigcateit {
|
||||
height: 18.05rem;
|
||||
}
|
||||
|
||||
.nars-cate .narscatecenter .cate-column .smallcateit {
|
||||
height: 8.45rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width:1461px) and (max-width:1660px) {
|
||||
.nars-cate .narscatecenter .cate-column .cateit {
|
||||
height: 15.25rem;
|
||||
}
|
||||
|
||||
.nars-cate .narscatecenter .cate-column .bigcateit {
|
||||
height: 24.05rem;
|
||||
}
|
||||
|
||||
.nars-cate .narscatecenter .cate-column .smallcateit {
|
||||
height: 6.45rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width:1661px) and (max-width:1760px) {
|
||||
.nars-cate .narscatecenter .cate-column .cateit {
|
||||
height: 15.25rem;
|
||||
}
|
||||
|
||||
.nars-cate .narscatecenter .cate-column .bigcateit {
|
||||
height: 23.05rem;
|
||||
}
|
||||
|
||||
.nars-cate .narscatecenter .cate-column .smallcateit {
|
||||
height: 7.45rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width:1761px) and (max-width:1960px) {
|
||||
.nars-cate .narscatecenter .cate-column .cateit {
|
||||
height: 16.25rem;
|
||||
}
|
||||
|
||||
.nars-cate .narscatecenter .cate-column .bigcateit {
|
||||
height: 24.05rem;
|
||||
}
|
||||
|
||||
.nars-cate .narscatecenter .cate-column .smallcateit {
|
||||
height: 8.45rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width:1980px) {
|
||||
.nars-cate .narscatecenter .cate-column .cateit {
|
||||
height: 18.25rem;
|
||||
}
|
||||
|
||||
.nars-cate .narscatecenter .cate-column .bigcateit {
|
||||
height: 26.05rem;
|
||||
}
|
||||
|
||||
.nars-cate .narscatecenter .cate-column .smallcateit {
|
||||
height: 10.45rem;
|
||||
}
|
||||
}
|
||||
171
public/static/index/pc/css/topic_nas_product.css
Executable file
171
public/static/index/pc/css/topic_nas_product.css
Executable file
@@ -0,0 +1,171 @@
|
||||
.narsZTPC {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.narsZTPC .nZTabs {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
margin: 2.5rem auto;
|
||||
}
|
||||
|
||||
.narsZTPC .nZTabs .nZTabIt {
|
||||
color: #001717;
|
||||
font-size: 18px;
|
||||
height: 3.25rem;
|
||||
line-height: 3.25rem;
|
||||
padding: 0 3.125rem;
|
||||
background: #fff;
|
||||
text-align: center;
|
||||
border-radius: 28px;
|
||||
cursor: pointer;
|
||||
border: 1px solid #001717;
|
||||
}
|
||||
|
||||
.narsZTPC .nZTabs .nZTabIt:first-child {
|
||||
margin-right: 6.25rem;
|
||||
}
|
||||
|
||||
.narsZTPC .nZTabs .nZTabIt_active {
|
||||
border: 1px solid #004CFA;
|
||||
color: #fff;
|
||||
background: #004CFA;
|
||||
}
|
||||
|
||||
.narsZTPC .nZTtopCtMian {
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.narsZTPC .nZTtopCtMian .narsZCimg {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.narsZTPC .nZTtopCtMian .narsZTicos {
|
||||
width: 65%;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
padding: 100px 0;
|
||||
}
|
||||
|
||||
.narsZTPC .nZTtopCtMian .narsZTicos .nztit {
|
||||
width: 25%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.narsZTPC .nZTtopCtMian .narsZTicos .nztit .narsicimg {
|
||||
width: 57px;
|
||||
height: 57px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.narsZTPC .nZTtopCtMian .narsZTicos .nztit .narsstep {
|
||||
color: #685557;
|
||||
padding: 0.625rem 0;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.narsZTPC .nZTtopCtMian .narsZTicos .nztit .narszttext {
|
||||
color: #2D2C2C;
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.narswljshow {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.nZTtopCtMian .narsZTinfo {
|
||||
width: 65%;
|
||||
background: #F5F5F7;
|
||||
border-radius: 8px;
|
||||
padding: 75px 90px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: flex-start;
|
||||
margin: 0 auto;
|
||||
margin-bottom: 100px;
|
||||
}
|
||||
|
||||
.nZTtopCtMian .narsZTinfo .nztif-left {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.nZTtopCtMian .narsZTinfo .nztif-left .narsztewmit {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
margin-right: 50px;
|
||||
}
|
||||
|
||||
.nZTtopCtMian .narsZTinfo .nztif-left .narsztewmit .nztewmimg {
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
margin-bottom: 1.25rem;
|
||||
}
|
||||
|
||||
.nZTtopCtMian .narsZTinfo .nztif-left .narsztewmit p {
|
||||
font-weight: bold;
|
||||
font-size: 18px;
|
||||
color: F5F5F7;
|
||||
padding-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.nZTtopCtMian .narsZTinfo .nztif-left .narsztewmit span {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.nZTtopCtMian .narsZTinfo .nztif-right {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.nZTtopCtMian .narsZTinfo .nztif-right .sysmtxt {
|
||||
font-size: 18px;
|
||||
color: #001717;
|
||||
padding-bottom: 1.25rem;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.nZTtopCtMian .narsZTinfo .nztif-right .sminfo {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
font-size: 18px;
|
||||
color: #001717;
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
|
||||
.nZTtopCtMian .narsZTinfo .nztif-right .sminfo span {
|
||||
padding-bottom: 0.9rem;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.nztbzyj {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.nztbzyj a {
|
||||
font-size: 1rem;
|
||||
color: #2D2C2C;
|
||||
padding-bottom: 2px;
|
||||
border-bottom: 1px solid #CBCBCD;
|
||||
margin-right: 4.5rem;
|
||||
}
|
||||
BIN
public/static/index/pc/images/1line.png
Executable file
BIN
public/static/index/pc/images/1line.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
public/static/index/pc/images/2577U3-L1.jpg
Executable file
BIN
public/static/index/pc/images/2577U3-L1.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 4.1 KiB |
BIN
public/static/index/pc/images/AU.png
Executable file
BIN
public/static/index/pc/images/AU.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
BIN
public/static/index/pc/images/Achievement.png
Executable file
BIN
public/static/index/pc/images/Achievement.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 322 KiB |
BIN
public/static/index/pc/images/BR.png
Executable file
BIN
public/static/index/pc/images/BR.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
BIN
public/static/index/pc/images/CN.png
Executable file
BIN
public/static/index/pc/images/CN.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
BIN
public/static/index/pc/images/ContactUs.png
Executable file
BIN
public/static/index/pc/images/ContactUs.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 MiB |
BIN
public/static/index/pc/images/ID.png
Executable file
BIN
public/static/index/pc/images/ID.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
public/static/index/pc/images/IR.png
Executable file
BIN
public/static/index/pc/images/IR.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
public/static/index/pc/images/MX.png
Executable file
BIN
public/static/index/pc/images/MX.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
public/static/index/pc/images/NL.png
Executable file
BIN
public/static/index/pc/images/NL.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
public/static/index/pc/images/ORCIO-HSQ-02H-800-220.jpg
Normal file
BIN
public/static/index/pc/images/ORCIO-HSQ-02H-800-220.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.1 KiB |
BIN
public/static/index/pc/images/OurBrand.png
Executable file
BIN
public/static/index/pc/images/OurBrand.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 2.4 MiB |
BIN
public/static/index/pc/images/SSD-1920x900-CN.jpg
Normal file
BIN
public/static/index/pc/images/SSD-1920x900-CN.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 708 KiB |
BIN
public/static/index/pc/images/TH.png
Executable file
BIN
public/static/index/pc/images/TH.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
public/static/index/pc/images/TR.png
Executable file
BIN
public/static/index/pc/images/TR.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
public/static/index/pc/images/US.png
Executable file
BIN
public/static/index/pc/images/US.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
public/static/index/pc/images/VN.png
Executable file
BIN
public/static/index/pc/images/VN.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
public/static/index/pc/images/ba-arrow.png
Executable file
BIN
public/static/index/pc/images/ba-arrow.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 401 B |
BIN
public/static/index/pc/images/banner_01.png
Executable file
BIN
public/static/index/pc/images/banner_01.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 MiB |
BIN
public/static/index/pc/images/black-down.png
Executable file
BIN
public/static/index/pc/images/black-down.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 843 B |
BIN
public/static/index/pc/images/bottomlogo.png
Executable file
BIN
public/static/index/pc/images/bottomlogo.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
BIN
public/static/index/pc/images/brand02.png
Executable file
BIN
public/static/index/pc/images/brand02.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 578 KiB |
BIN
public/static/index/pc/images/contact-Us.png
Normal file
BIN
public/static/index/pc/images/contact-Us.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.1 KiB |
BIN
public/static/index/pc/images/contact_icon01.png
Executable file
BIN
public/static/index/pc/images/contact_icon01.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
BIN
public/static/index/pc/images/contact_icon02.png
Executable file
BIN
public/static/index/pc/images/contact_icon02.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
public/static/index/pc/images/contact_icon03.png
Executable file
BIN
public/static/index/pc/images/contact_icon03.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
BIN
public/static/index/pc/images/customer-service.png
Normal file
BIN
public/static/index/pc/images/customer-service.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.7 KiB |
BIN
public/static/index/pc/images/fl.png
Executable file
BIN
public/static/index/pc/images/fl.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
public/static/index/pc/images/fl1.png
Executable file
BIN
public/static/index/pc/images/fl1.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
public/static/index/pc/images/greyline.png
Executable file
BIN
public/static/index/pc/images/greyline.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 132 B |
BIN
public/static/index/pc/images/greyyuandian.png
Executable file
BIN
public/static/index/pc/images/greyyuandian.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 654 B |
BIN
public/static/index/pc/images/icon-4-01.png
Executable file
BIN
public/static/index/pc/images/icon-4-01.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 56 KiB |
BIN
public/static/index/pc/images/icon-4-02.png
Executable file
BIN
public/static/index/pc/images/icon-4-02.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 52 KiB |
BIN
public/static/index/pc/images/icon-4-03.png
Executable file
BIN
public/static/index/pc/images/icon-4-03.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 71 KiB |
BIN
public/static/index/pc/images/icon-4-04.png
Executable file
BIN
public/static/index/pc/images/icon-4-04.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 54 KiB |
BIN
public/static/index/pc/images/icon-language.png
Executable file
BIN
public/static/index/pc/images/icon-language.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 678 B |
BIN
public/static/index/pc/images/icon-search.png
Executable file
BIN
public/static/index/pc/images/icon-search.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 591 B |
BIN
public/static/index/pc/images/indeximg1.jpg
Executable file
BIN
public/static/index/pc/images/indeximg1.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 879 KiB |
BIN
public/static/index/pc/images/indeximg2.jpg
Executable file
BIN
public/static/index/pc/images/indeximg2.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 523 KiB |
BIN
public/static/index/pc/images/lichengbei.png
Executable file
BIN
public/static/index/pc/images/lichengbei.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 721 B |
BIN
public/static/index/pc/images/logo.png
Executable file
BIN
public/static/index/pc/images/logo.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 4.1 KiB |
BIN
public/static/index/pc/images/logo_nas_en-us.png
Normal file
BIN
public/static/index/pc/images/logo_nas_en-us.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
BIN
public/static/index/pc/images/logo_nas_zh-cn.png
Normal file
BIN
public/static/index/pc/images/logo_nas_zh-cn.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
public/static/index/pc/images/more.png
Normal file
BIN
public/static/index/pc/images/more.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
public/static/index/pc/images/more2.png
Executable file
BIN
public/static/index/pc/images/more2.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
public/static/index/pc/images/nas-jt.png
Executable file
BIN
public/static/index/pc/images/nas-jt.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 244 B |
BIN
public/static/index/pc/images/nas_help_banner.jpg
Executable file
BIN
public/static/index/pc/images/nas_help_banner.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 253 KiB |
BIN
public/static/index/pc/images/nas_help_detail_search.png
Executable file
BIN
public/static/index/pc/images/nas_help_detail_search.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 769 B |
BIN
public/static/index/pc/images/nas_help_search.png
Executable file
BIN
public/static/index/pc/images/nas_help_search.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 817 B |
BIN
public/static/index/pc/images/rh.png
Executable file
BIN
public/static/index/pc/images/rh.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
public/static/index/pc/images/rh1.png
Executable file
BIN
public/static/index/pc/images/rh1.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
public/static/index/pc/images/search.png
Executable file
BIN
public/static/index/pc/images/search.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 572 B |
BIN
public/static/index/pc/images/search_blue.png
Executable file
BIN
public/static/index/pc/images/search_blue.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 571 B |
BIN
public/static/index/pc/images/shopico.png
Executable file
BIN
public/static/index/pc/images/shopico.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 928 B |
BIN
public/static/index/pc/images/ssico.png
Normal file
BIN
public/static/index/pc/images/ssico.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
BIN
public/static/index/pc/images/wx.png
Executable file
BIN
public/static/index/pc/images/wx.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
BIN
public/static/index/pc/images/yaundian.png
Executable file
BIN
public/static/index/pc/images/yaundian.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 556 B |
27
public/static/index/pc/js/before-after.min.js
vendored
Executable file
27
public/static/index/pc/js/before-after.min.js
vendored
Executable file
@@ -0,0 +1,27 @@
|
||||
! function (a) {
|
||||
function b(b, c, d) {
|
||||
b.on("mousedown.ba-events touchstart.ba-events", function (e) {
|
||||
b.addClass("ba-draggable"), c.addClass("ba-resizable");
|
||||
var f = e.pageX ? e.pageX : e.originalEvent.touches[0].pageX,
|
||||
g = b.outerWidth(),
|
||||
h = b.offset().left + g - f,
|
||||
i = d.offset().left,
|
||||
j = d.outerWidth();
|
||||
minLeft = i + 10, maxLeft = i + j - g - 10, b.parents().on("mousemove.ba-events touchmove.ba-events", function (b) {
|
||||
var c = b.pageX ? b.pageX : b.originalEvent.touches[0].pageX;
|
||||
leftValue = c + h - g, leftValue < minLeft ? leftValue = minLeft : leftValue > maxLeft && (leftValue = maxLeft), widthValue = 100 * (leftValue + g / 2 - i) / j + "%", a(".ba-draggable").css("left", widthValue), a(".ba-resizable").css("width", widthValue)
|
||||
}).on("mouseup.ba-events touchend.ba-events touchcancel.ba-events", function () {
|
||||
b.removeClass("ba-draggable"), c.removeClass("ba-resizable"), a(this).off(".ba-events")
|
||||
}), e.preventDefault()
|
||||
})
|
||||
}
|
||||
a.fn.beforeAfter = function () {
|
||||
var c = this,
|
||||
d = c.width() + "px";
|
||||
c.find(".resize img").css("width", d), b(c.find(".handle"), c.find(".resize"), c), a(window).resize(function () {
|
||||
var a = c.width() + "px";
|
||||
c.find(".resize img").css("width", a)
|
||||
});
|
||||
return this
|
||||
}
|
||||
}(jQuery);
|
||||
184
public/static/index/pc/js/large.js
Normal file
184
public/static/index/pc/js/large.js
Normal file
@@ -0,0 +1,184 @@
|
||||
$(document).ready(function () {
|
||||
// 图片上下滚动
|
||||
var count = $("#imageMenu li").length; /* 显示 5 个 li标签内容 */
|
||||
var interval = $("#imageMenu li:first").height();
|
||||
var curIndex = 0;
|
||||
if (curIndex > count) curIndex = 0;
|
||||
//左右箭头切换图片
|
||||
$('.scrollbutton').click(function () {
|
||||
if ($(this).hasClass('disabled')) return false;
|
||||
if ($(this).hasClass('smallImgUp')) --curIndex;
|
||||
else ++curIndex;
|
||||
$('.scrollbutton').removeClass('disabled');
|
||||
if (curIndex == 0) $('.smallImgUp').addClass('disabled');
|
||||
if (curIndex == count - 1) $('.smallImgDown').addClass('disabled');
|
||||
$("#imageMenu ul").stop(false, true).animate({
|
||||
"marginTop": -curIndex * interval + "px"
|
||||
}, 600);
|
||||
//获取当前指定的图片属性
|
||||
var midImg = $("#imageMenu li").eq(curIndex).find('img').attr('data-url');
|
||||
//切换图片
|
||||
$("#midimg").attr('src', midImg);
|
||||
$(".enlarge-img").find("img").attr('src', midImg);
|
||||
//小图添加属性
|
||||
$("#imageMenu li").eq(curIndex).addClass('on').siblings().removeClass("on");
|
||||
});
|
||||
//大图左右箭头切换图片
|
||||
$('.scrollbutton_01').click(function () {
|
||||
if ($(this).hasClass('disabled')) return false;
|
||||
if ($(this).hasClass('smallImgUp')) --curIndex;
|
||||
else ++curIndex;
|
||||
$('.scrollbutton_01').removeClass('disabled');
|
||||
if (curIndex == 0) $('.smallImgUp').addClass('disabled');
|
||||
if (curIndex == count - 1) $('.smallImgDown').addClass('disabled');
|
||||
//$("#imageMenu ul").stop(false, true).animate({"marginTop" : -curIndex*interval + "px"}, 600);
|
||||
$("#imageMenu ul").stop(false, true).animate({
|
||||
"marginTop": -curIndex * interval + "px"
|
||||
}, 600);
|
||||
//获取当前指定的图片属性
|
||||
var midImg = $("#imageMenu li").eq(curIndex).find('img').attr('data-url');
|
||||
//切换图片
|
||||
$("#midimg").attr('src', midImg);
|
||||
$(".enlarge-img").find("img").attr('src', midImg);
|
||||
//小图添加属性
|
||||
$("#imageMenu li").eq(curIndex).addClass('on').siblings().removeClass("on");
|
||||
});
|
||||
|
||||
function isIE() {
|
||||
return /MSIE|Trident/.test(navigator.userAgent);
|
||||
}
|
||||
// 解决 ie6 select框 问题
|
||||
$.fn.decorateIframe = function (options) {
|
||||
if (isIE()) {
|
||||
var opts = $.extend({}, $.fn.decorateIframe.defaults, options);
|
||||
$(this).each(function () {
|
||||
var $myThis = $(this);
|
||||
//创建一个IFRAME
|
||||
var divIframe = $("<iframe />");
|
||||
divIframe.attr("id", opts.iframeId);
|
||||
divIframe.css("position", "absolute");
|
||||
divIframe.css("display", "none");
|
||||
divIframe.css("display", "block");
|
||||
divIframe.css("z-index", opts.iframeZIndex);
|
||||
divIframe.css("border");
|
||||
divIframe.css("top", "0");
|
||||
divIframe.css("left", "0");
|
||||
if (opts.width == 0) {
|
||||
divIframe.css("width", $myThis.width() + parseInt($myThis.css("padding")) * 2 +
|
||||
"px");
|
||||
}
|
||||
if (opts.height == 0) {
|
||||
divIframe.css("height", $myThis.height() + parseInt($myThis.css("padding")) *
|
||||
2 + "px");
|
||||
}
|
||||
divIframe.css("filter", "mask(color=#fff)");
|
||||
$myThis.append(divIframe);
|
||||
});
|
||||
}
|
||||
}
|
||||
$.fn.decorateIframe.defaults = {
|
||||
iframeId: "decorateIframe1",
|
||||
iframeZIndex: -1,
|
||||
width: 0,
|
||||
height: 0
|
||||
}
|
||||
//放大镜视窗
|
||||
$("#bigView").decorateIframe();
|
||||
//点击到中图
|
||||
var midChangeHandler = null;
|
||||
$("#imageMenu li img").bind("click", function () {
|
||||
if ($(this).attr("id") != "onlickImg") {
|
||||
midChange($(this).attr("data-url"));
|
||||
$("#imageMenu li").removeAttr("id");
|
||||
//$(this).parent().attr("id", "onlickImg");
|
||||
}
|
||||
}).bind("mouseover", function () {
|
||||
if ($(this).attr("id") != "onlickImg") {
|
||||
window.clearTimeout(midChangeHandler);
|
||||
midChange($(this).attr("data-url"));
|
||||
// $(this).css({ "border": "1px solid #990000" });
|
||||
}
|
||||
}).bind("mouseout", function () {
|
||||
if ($(this).attr("id") != "onlickImg") {
|
||||
$(this).removeAttr("style");
|
||||
midChangeHandler = window.setTimeout(function () {
|
||||
midChange($("#onlickImg img").attr("data-url"));
|
||||
}, 1000);
|
||||
}
|
||||
});
|
||||
//点击中图，切换大图
|
||||
$("#midimg").bind("click", function () {
|
||||
$(".enlarge-img").find("img").attr("src", $(this).attr("src"));
|
||||
});
|
||||
|
||||
function midChange(src) {
|
||||
$("#midimg").attr("src", src).load(function () {
|
||||
changeViewImg();
|
||||
});
|
||||
}
|
||||
//大视窗看图
|
||||
function mouseover(e) {
|
||||
if ($("#winSelector").css("display") == "none") {
|
||||
$("#winSelector,#bigView").show();
|
||||
}
|
||||
$("#winSelector").css(fixedPosition(e));
|
||||
e.stopPropagation();
|
||||
}
|
||||
|
||||
function mouseOut(e) {
|
||||
if ($("#winSelector").css("display") != "none") {
|
||||
$("#winSelector,#bigView").hide();
|
||||
}
|
||||
e.stopPropagation();
|
||||
}
|
||||
$("#midimg").mouseover(mouseover); //中图事件
|
||||
$("#midimg,#winSelector").mousemove(mouseover).mouseout(mouseOut); //选择器事件
|
||||
var $divWidth = $("#winSelector").width(); //选择器宽度
|
||||
var $divHeight = $("#winSelector").height(); //选择器高度
|
||||
var $imgWidth = $("#midimg").width(); //中图宽度
|
||||
var $imgHeight = $("#midimg").height(); //中图高度
|
||||
var $viewImgWidth = $viewImgHeight = $height = null; //IE加载后才能得到 大图宽度 大图高度 大图视窗高度
|
||||
function changeViewImg() {
|
||||
$("#bigView img").attr("src", $("#midimg").attr("src"));
|
||||
}
|
||||
changeViewImg();
|
||||
$("#bigView").scrollLeft(0).scrollTop(0);
|
||||
|
||||
function fixedPosition(e) {
|
||||
if (e == null) {
|
||||
return;
|
||||
}
|
||||
var $imgLeft = $("#midimg").offset().left; //中图左边距
|
||||
var $imgTop = $("#midimg").offset().top; //中图上边距
|
||||
X = e.pageX - $imgLeft - $divWidth / 2; //selector顶点坐标 X
|
||||
Y = e.pageY - $imgTop - $divHeight / 2; //selector顶点坐标 Y
|
||||
X = X < 0 ? 0 : X;
|
||||
Y = Y < 0 ? 0 : Y;
|
||||
X = X + $divWidth > $imgWidth ? $imgWidth - $divWidth : X;
|
||||
Y = Y + $divHeight > $imgHeight ? $imgHeight - $divHeight : Y;
|
||||
if ($viewImgWidth == null) {
|
||||
$viewImgWidth = $("#bigView img").outerWidth();
|
||||
$viewImgHeight = $("#bigView img").height();
|
||||
if ($viewImgWidth < 200 || $viewImgHeight < 200) {
|
||||
$viewImgWidth = $viewImgHeight = 800;
|
||||
}
|
||||
$height = $divHeight * $viewImgHeight / $imgHeight;
|
||||
$("#bigView").width($divWidth * $viewImgWidth / $imgWidth);
|
||||
$("#bigView").height($height);
|
||||
}
|
||||
var scrollX = X * $viewImgWidth / $imgWidth;
|
||||
var scrollY = Y * $viewImgHeight / $imgHeight;
|
||||
$("#bigView img").css({
|
||||
"left": scrollX * -1,
|
||||
"top": scrollY * -1
|
||||
});
|
||||
$("#bigView").css({
|
||||
"top": 0,
|
||||
"left": $(".preview").offset().left + $(".preview").width() + 15
|
||||
});
|
||||
return {
|
||||
left: X,
|
||||
top: Y
|
||||
};
|
||||
}
|
||||
});
|
||||
Reference in New Issue
Block a user