jsasg/orico-official-website-old
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

init

Browse Source
This commit is contained in:
jsasg
2024-10-29 14:04:59 +08:00
commit 48bf3e6f33
2839 changed files with 762707 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

84
public/frontend/m_web/css/font.css Executable file
View File

@@ -0,0 +1,84 @@
@font-face {
font-family: 'icomoon';
src: url('fonts/icomoon.eot?11cuay');
src: url('fonts/icomoon.eot?11cuay#iefix') format('embedded-opentype'),
url('fonts/icomoon.ttf?11cuay') format('truetype'),
url('fonts/icomoon.woff?11cuay') format('woff'),
url('fonts/icomoon.svg?11cuay#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' !important;
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-search:before {
content: "\e900";
}
.icon-category:before {
content: "\e924";
}
.icon-Under-line:before {
content: "\e91e";
}
.icon-On-line:before {
content: "\e902";
}
.icon-support:before {
content: "\e921";
}
.icon-media:before {
content: "\e922";
}
.icon-join:before {
content: "\e901";
}
.icon-arrow:before {
content: "\e907";
}
.icon-Double-Arrow:before {
content: "\e903";
}
@font-face {
font-family: 'colleciton';
src: url('fonts/colleciton/icomoon.eot?11cuay');
src: url('fonts/colleciton/icomoon.eot?11cuay#iefix') format('embedded-opentype'),
url('fonts/colleciton/icomoon.ttf?11cuay') format('truetype'),
url('fonts/colleciton/icomoon.woff?11cuay') format('woff'),
url('fonts/colleciton/icomoon.svg?11cuay#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="ic-"], [class*=" ic-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'colleciton' !important;
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;
}
.ic-collect:before {
content: "\e907";
}
.ic-collected:before {
content: "\e900";
}

52
public/frontend/m_web/css/font20191104.css Executable file
View File

@@ -0,0 +1,52 @@
@font-face {
font-family: 'icomoon';
src: url('fonts/icomoon.eot?11cuay');
src: url('fonts/icomoon.eot?11cuay#iefix') format('embedded-opentype'),
url('fonts/icomoon.ttf?11cuay') format('truetype'),
url('fonts/icomoon.woff?11cuay') format('woff'),
url('fonts/icomoon.svg?11cuay#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' !important;
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-search:before {
content: "\e900";
}
.icon-category:before {
content: "\e924";
}
.icon-Under-line:before {
content: "\e91e";
}
.icon-On-line:before {
content: "\e902";
}
.icon-support:before {
content: "\e921";
}
.icon-media:before {
content: "\e922";
}
.icon-join:before {
content: "\e901";
}
.icon-arrow:before {
content: "\e907";
}
.icon-Double-Arrow:before {
content: "\e903";
}

BIN
public/frontend/m_web/css/fonts/colleciton/icomoon.eot Executable file
View File

Binary file not shown.

12
public/frontend/m_web/css/fonts/colleciton/icomoon.svg Executable file
View File

@@ -0,0 +1,12 @@
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
<svg xmlns="http://www.w3.org/2000/svg">
<metadata>Generated by IcoMoon</metadata>
<defs>
<font id="icomoon" horiz-adv-x="1024">
<font-face units-per-em="1024" ascent="960" descent="-64" />
<missing-glyph horiz-adv-x="1024" />
<glyph unicode="&#x20;" horiz-adv-x="512" d="" />
<glyph unicode="&#xe900;" glyph-name="Collected" d="M1003.52 569.173c-6.827 20.48-23.893 34.133-44.373 37.547l-273.067 42.667-122.88 261.12c-8.533 20.48-29.013 32.427-51.2 32.427s-40.96-11.947-51.2-32.427l-122.88-261.12-273.067-40.96c-20.48-3.413-37.547-17.067-44.373-37.547s-1.707-42.667 13.653-56.32l199.68-204.8-47.787-288.427c-3.413-20.48 5.12-42.667 23.893-54.613 17.067-11.947 40.96-13.653 59.733-3.413l242.347 131.413 244.053-136.533c8.533-3.413 17.067-6.827 25.6-6.827 30.72 0 56.32 25.6 56.32 56.32 0 6.827-1.707 11.947-3.413 17.067l-44.373 279.893 199.68 204.8c15.36 17.067 20.48 39.253 13.653 59.733z" />
<glyph unicode="&#xe907;" glyph-name="colleciton" d="M214.602-37.832c-0.006 0-0.014 0-0.022 0-6.797 0-13.078 2.206-18.168 5.94l0.086-0.060c-7.699 5.659-12.64 14.681-12.64 24.857 0 1.848 0.163 3.659 0.475 5.417l-0.027-0.186 54.040 313.832-228.984 222.264c-5.76 5.593-9.335 13.409-9.335 22.061 0 15.422 11.358 28.191 26.166 30.399l0.168 0.021 316.576 45.84 141.552 285.584c10.328 20.928 44.736 20.928 55.064 0l141.592-285.584 316.56-45.84c14.976-2.228 26.335-14.997 26.335-30.419 0-8.651-3.574-16.468-9.327-22.054l-0.008-0.007-228.992-222.264 54.072-313.832c0.283-1.569 0.445-3.375 0.445-5.219 0-10.177-4.936-19.201-12.545-24.809l-0.085-0.060c-5.017-3.664-11.306-5.862-18.109-5.862-5.211 0-10.12 1.29-14.427 3.567l0.168-0.081-283.208 148.232-283.168-148.224c-4.135-2.206-9.043-3.505-14.254-3.512h-0.002zM512.026 179.36c4.896 0 9.792-1.168 14.264-3.512l242.344-126.84-46.272 268.512c-0.287 1.576-0.451 3.39-0.451 5.243 0 8.647 3.577 16.459 9.331 22.037l0.008 0.008 195.784 190.016-270.688 39.216c-10.196 1.507-18.641 7.847-23.040 16.576l-0.080 0.176-121.2 244.464-121.176-244.464c-4.479-8.905-12.924-15.245-22.953-16.732l-0.167-0.020-270.704-39.208 195.784-190.016c5.761-5.592 9.336-13.408 9.336-22.059 0-1.847-0.163-3.657-0.476-5.415l0.027 0.186-46.232-268.52 242.296 126.832c4.136 2.215 9.048 3.518 14.263 3.52h0.001z" />
</font></defs></svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

BIN
public/frontend/m_web/css/fonts/colleciton/icomoon.ttf Executable file
View File

Binary file not shown.

BIN
public/frontend/m_web/css/fonts/colleciton/icomoon.woff Executable file
View File

Binary file not shown.

BIN
public/frontend/m_web/css/fonts/icomoon.eot Executable file
View File

Binary file not shown.

19
public/frontend/m_web/css/fonts/icomoon.svg Executable file
View File

@@ -0,0 +1,19 @@
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
<svg xmlns="http://www.w3.org/2000/svg">
<metadata>Generated by IcoMoon</metadata>
<defs>
<font id="icomoon" horiz-adv-x="1024">
<font-face units-per-em="1024" ascent="960" descent="-64" />
<missing-glyph horiz-adv-x="1024" />
<glyph unicode="&#x20;" horiz-adv-x="512" d="" />
<glyph unicode="&#xe900;" glyph-name="search" horiz-adv-x="1138" d="M390.94 782.734c163.612 65.991 364.544-42.098 407.097-211.172 34.588-101.035 0.228-211.399-64.626-291.954 59.847-71.68 163.84-119.239 183.182-215.95-91.25 32.085-141.767 124.245-213.447 184.548-144.725-129.252-395.947-85.561-483.328 88.974-96.711 160.427-5.916 389.575 171.122 445.554zM438.5 751.104c-77.141-17.522-145.863-69.404-182.272-139.719-68.267-122.425-16.839-289.678 105.131-356.807 146.773-89.202 362.268-1.138 396.402 169.301 53.020 184.092-133.575 374.784-319.26 327.225z" />
<glyph unicode="&#xe901;" glyph-name="1" d="M736 832c123.52 0 224-99.584 224-221.952 0-188.64-296.928-430.208-448.032-533.344-151.104 102.976-447.968 344.352-447.968 533.344 0 122.368 100.48 221.952 224 221.952 67.968 0 131.52-30.176 174.368-82.816l49.632-60.96 49.632 60.96c41.377 50.702 103.868 82.817 173.86 82.817 0.178 0 0.357 0 0.535-0.001h-0.027zM736 896c-0.117 0-0.255 0-0.394 0-89.995 0-170.355-41.255-223.198-105.886l-0.408-0.515c-53.251 65.145-133.611 106.4-223.606 106.4-0.139 0-0.277 0-0.416 0h0.022c-159.072 0-288-128.032-288-285.952 0-284.64 512-610.048 512-610.048s512 325.408 512 610.048c0 157.92-128.928 285.952-288 285.952z" />
<glyph unicode="&#xe902;" glyph-name="uniE902" d="M726.578 12.893h-419.266c-30.607 0-55.51 25.003-55.51 55.736v758.741c0 30.733 24.903 55.736 55.51 55.736h419.266c30.607 0 55.51-25.003 55.51-55.736v-758.741c0-30.733-24.903-55.736-55.51-55.736zM307.312 855.912c-15.616 0-28.316-12.807-28.316-28.542v-758.741c0-15.735 12.701-28.542 28.316-28.542h419.266c15.616 0 28.316 12.807 28.316 28.542v758.741c0 15.735-12.701 28.542-28.316 28.542h-419.266zM432.38 797.686h162.706v-27.629h-162.706v27.629zM519.159 74.081c-26.239 0-47.59 21.351-47.59 47.59s21.351 47.59 47.59 47.59c26.239 0 47.59-21.351 47.59-47.59s-21.352-47.59-47.59-47.59zM519.159 155.663c-18.743 0-33.993-15.25-33.993-33.993s15.25-33.993 33.993-33.993c18.743 0 33.993 15.25 33.993 33.993s-15.251 33.993-33.993 33.993zM242.045 702.519h27.629v-54.235h-27.629v54.235zM242.045 634.981h27.629v-55.259h-27.629v55.259z" />
<glyph unicode="&#xe903;" glyph-name="uniE903" d="M546.133 477.867l-418.133 418.133c-12.8 12.8-32 12.8-44.8 0s-12.8-32 0-44.8l394.667-394.667-394.667-394.667c-12.8-12.8-12.8-32 0-44.8 6.4-6.4 14.933-8.533 23.467-8.533s17.067 2.133 23.467 8.533l418.133 418.133c8.533 8.533 8.533 29.867-2.133 42.667zM964.267 477.867l-418.133 418.133c-12.8 12.8-32 12.8-44.8 0s-12.8-32 0-44.8l394.667-394.667-394.667-394.667c-12.8-12.8-12.8-32 0-44.8 6.4-6.4 14.933-8.533 23.467-8.533s17.067 2.133 23.467 8.533l418.133 418.133c6.4 8.533 6.4 29.867-2.133 42.667z" />
<glyph unicode="&#xe907;" glyph-name="-" d="M531.2 618.667l-360.533-362.667c-8.533-8.533-21.333-8.533-29.867 0s-8.533 21.333 0 29.867l362.667 362.667c8.533 8.533 21.333 8.533 29.867 0 6.4-8.533 6.4-21.333-2.133-29.867zM864 256l-362.667 362.667c-8.533 8.533-8.533 21.333 0 29.867s21.333 8.533 29.867 0l362.667-362.667c8.533-8.533 8.533-21.333 0-29.867-6.4-6.4-21.333-6.4-29.867 0z" />
<glyph unicode="&#xe91e;" glyph-name="uniE91E" d="M1009.521 542.915l-100.096 285.082-0.829 2.017c-16.108 33.823-38.502 65.126-92.785 65.126h-611.85c-54.282 0-76.667-31.304-92.785-65.126l-100.936-287.099 6.42-2.253h-3.727c0-47.688 38.799-86.477 86.477-86.477 8.806 0 17.306 1.341 25.324 3.799v-325.714c0-53.637 41.155-97.28 91.73-97.28h586.844c50.575 0 91.73 43.643 91.73 97.28v325.714c7.571-2.41 16.279-3.799 25.312-3.799 0.004 0 0.008 0 0.013 0h-0.001c47.688 0 86.477 38.789 86.477 86.477h-3.727l6.41 2.253zM854.077 132.27c0-31.048-22.784-56.32-50.77-56.32h-586.844c-27.996 0-50.77 25.272-50.77 56.32v352h-0.87c1.044 1.198 2.028 2.447 3 3.707 15.831-20.5 40.571-33.782 68.413-33.782s52.582 13.281 68.413 33.782c15.831-20.5 40.571-33.782 68.413-33.782s52.582 13.281 68.413 33.782c15.831-20.5 40.571-33.782 68.413-33.782s52.582 13.281 68.413 33.782c15.831-20.5 40.571-33.782 68.413-33.782s52.593 13.281 68.413 33.782c15.831-20.5 40.571-33.782 68.413-33.782s52.582 13.281 68.413 33.782c0.973-1.26 1.966-2.499 3-3.707h-0.87v-352zM920.351 495.145c-25.122 0.035-45.477 20.394-45.507 45.514v0.003h-45.804c-0.029-25.123-20.384-45.482-45.503-45.517h-0.003c-25.126 0.029-45.488 20.39-45.517 45.514v0.003h-45.793c-0.029-25.126-20.39-45.488-45.514-45.517h-0.003c-25.122 0.035-45.477 20.394-45.507 45.514v0.003h-45.804c-0.029-25.123-20.384-45.482-45.503-45.517h-0.003c-25.126 0.029-45.488 20.39-45.517 45.514v0.003h-45.793c0-25.098-20.419-45.517-45.517-45.517s-45.517 20.419-45.517 45.517h-45.793c0-25.098-20.419-45.517-45.517-45.517s-45.517 20.419-45.517 45.517h-45.793c0-25.098-20.419-45.517-45.517-45.517s-45.517 20.419-45.517 45.517h-1.034l95.754 272.712c15.053 31.252 28.099 40.817 55.337 40.817h611.86c27.238 0 40.294-9.564 55.337-40.806l95.754-272.712h-1.034c-0.017-25.133-20.384-45.504-45.515-45.527h-0.002zM236.237 716.278h547.297v-40.96h-547.297z" />
<glyph unicode="&#xe921;" glyph-name="6" d="M908.4 409c3.6 30.8-68.7 140.1-104 234s-100.3 221-325 221c-224.7 0-364-194.9-364-325 0-175.8 117.5-285.3 117-325 0-0.6 0-169 0-169s4.9-13 17.1-13c16.6 0 21.9 13 21.9 13v169c0 50.5-116.3 183.1-117 325-0.8 153 165.4 278.6 312 285.7v-247.4c-61.3-7.3-104-65.6-104-129.2 0-68 51.8-118.2 120.1-118.2 27.6 0 53 9.2 73.6 24.4l63.5-45.1c-0.3-1.8-0.5-3.5-0.5-5.3 0-21.5 17.5-38.9 39-38.9 21.6 0 39 17.4 39 38.9s-17.5 38.9-39 38.9c-5.2 0-10-1.1-14.5-2.8l-59.8 42.5c14.1 20 22.4 44.3 22.4 70.6 0 59.2-44.2 109.9-100.6 122.2v248.6c191.9-10.9 243.4-140.7 259.9-193.9 17.4-56.3 104.3-192.4 104-208-0.3-15.8-91-52-91-52v-104c0 0-0.1-25.5-26-52-24.2-24.8-78-26-78-26h-52v-143c0 0 5-13 17.9-13 18.8 0 21.1 13 21.1 13v104c0 0 54-5.7 104 26 53.2 33.8 52 91 52 91v78c25.7 8.3 87.4 34.2 90.9 65zM567 453c0-46.5-37.9-84.3-84.5-84.3-46.7 0-84.5 37.7-84.5 84.3s37.8 84.3 84.5 84.3c46.7-0.1 84.5-37.8 84.5-84.3z" />
<glyph unicode="&#xe922;" glyph-name="3" d="M785.053 191.98l-28.387 42.667c68.84 45.94 114.213 124.287 114.213 213.253 0 88.98-45.373 167.313-114.213 213.267l28.387 42.653c82.627-55.14 137.087-149.147 137.087-255.92s-54.46-200.793-137.087-255.92zM699.793 319.98l-28.4 42.653c27.54 18.387 45.707 49.687 45.707 85.28 0 35.607-18.167 66.907-45.707 85.293l28.4 42.64c41.313-27.573 68.553-74.533 68.553-127.933s-27.24-100.373-68.553-127.933zM550.507 37.82h-38.453v2.1l-223.94 177.313h-134.893c-28.313 0-51.26 22.94-51.26 51.26v358.82c0 28.313 22.953 51.26 51.26 51.26h134.933l223.9 177.087v2.32h38.453c7.073 0 12.807-5.747 12.807-12.82v-794.527c0.007-7.080-5.733-12.813-12.807-12.813zM307.007 627.313h-153.78v-358.82h153.78l205.047-162.933v684.693l-205.047-162.94z" />
<glyph unicode="&#xe924;" glyph-name="category" horiz-adv-x="1138" d="M57.799 753.607c58.254 2.731 116.964 2.731 175.218 0.228-39.822-55.296-133.803-52.11-175.218-0.228zM248.263 753.607c278.073 0.91 556.601 6.372 834.446-2.503-46.649-47.332-114.916-32.313-174.308-34.133-196.38 1.365-392.988-0.455-589.141 0.455-29.355-0.683-53.020 11.378-70.997 36.181zM64.853 483.499c79.417 0.91 159.289 9.33 238.023-1.593l12.743-18.887-15.246-23.666c-70.77-8.192-142.222-2.048-213.22-4.324-5.461 12.288-16.612 36.409-22.3 48.469zM350.208 484.864c186.596 3.413 373.191 0 559.559 1.82 59.392-0.228 121.287 5.916 175.673-23.666-15.019-6.599-45.284-19.797-60.302-26.396-218.681-0.455-437.817-3.641-656.27 1.593-4.779 11.833-13.881 35.044-18.66 46.649zM65.764 186.084c53.248 37.092 124.018 13.653 185.003 20.252 58.027-8.647 144.27 27.534 171.804-45.511-111.957-11.378-226.418-14.791-338.148-2.276l-18.66 27.534zM456.021 202.695c136.078 8.192 272.839 0.455 409.145 3.413 73.5-2.048 149.959 9.785 220.046-19.115-54.613-51.428-130.389-31.403-197.291-35.044-145.408 4.779-291.726-7.737-436.679 6.599 1.138 10.923 3.413 32.996 4.779 44.146z" />
</font></defs></svg>
Side by Side

After

Width:  |  Height:  |  Size: 7.9 KiB

BIN
public/frontend/m_web/css/fonts/icomoon.ttf Executable file
View File

Binary file not shown.

BIN
public/frontend/m_web/css/fonts/icomoon.woff Executable file
View File

Binary file not shown.

157
public/frontend/m_web/css/login.css Executable file
View File

@@ -0,0 +1,157 @@
/*login*/
.margin-60{margin:1.6rem 0 1.6rem;}
.margin-40{margin:1.1rem 0 0.2rem;}
.margin-20{margin:0.53rem 0 1.2rem;}
.login-m-a {border-bottom: 1px solid #e5e5e5; overflow: hidden;position: relative; width:95%; margin: auto;}
.login-m-img { position: absolute;top:0.8rem; left:0.53rem; }
.login-m-img img {width:0.9rem;}
.input-a {float: left; margin-left:4rem; }
.input-a input{border:none;height: 2.5rem; line-height: 2.5rem; text-align: center; color: #666; font-size:0.74rem;}
.input-code {position: absolute; right:1.33rem; top:0.6rem;}
.input-code button {border-radius:30px; border: 1px solid #77ccee; text-align: center;background: #fff; cursor: pointer;color: #009fdf; font-size: 0.64rem; padding: 0 0.5rem; line-height: 1.4rem;}
.login-btn {width:95%; margin-left: auto; margin-right: auto;}
.login-btn button {width:100%;background: #009fdf;height: 2.13rem; border-radius: 0.27rem; border:none;line-height: 2.13rem;color: #fff;font-size: 0.746rem;cursor: pointer;}
.login-text { margin:0.58rem auto 1.5rem;width:90%; font-size: 0.74rem;color: #009fdf;}
.login-text a{color: #009fdf;}
.login-text a:hover {color: #0087bd;}
.floa_r {float: right;}
.login-line{width:13.6rem; height: 0.59rem; background:url(../images/customer/login-line.png); margin-left:auto; margin-right: auto; line-height: 0.59rem;}
.quick_login{text-align: center; }
.quick_login a{margin:1.5rem 0.55rem 3rem; display: inline-block;}
/*register*/
.regist-tab{overflow: hidden; text-align: center;}
.regist-tab .tab{ overflow:hidden; font-size: 0.85rem;}
.regist-tab .tab a{display: inline-block;padding:10px 20px; text-decoration:none; color:#333;}
.regist-tab .tab a:hover{ color:#666; text-decoration:none;}
.regist-tab .tab a.on{ color:#009fdf; text-decoration:none;position: relative;}
/*.regist-tab .tab a.on:after { content:""; position: absolute;bottom: 0; width:1.5rem; background: #009fdf; height: 2px; left:35%;}*/
.regist-form {font-size:0.59rem; color: #969696; float: left; margin: 0.8rem;}
.regist-form input[type='checkbox'] {width: 20px; height: 20px; -webkit-appearance:none;border: 1px solid #c9c9c9;border-radius: 2px;outline: none;cursor: pointer; vertical-align: middle;}
.regist-form input[type=checkbox]:checked{background: url("../images/user/regist-right.jpg")no-repeat center;}
/*个人中心*/
.personal-m-a {border-bottom: 1px solid #e5e5e5; overflow: hidden;position: relative;}
.personal-m-a:last-child {border-bottom: none;}
.personal-bg {background: #fff;}
.personal-lable {font-size: 0.746rem; color: #666; position: absolute;top:0.8rem; left:2.4rem;}
.personal-c {float: right; margin-right:1.25rem;}
.personal-c input{border:none;height: 2.5rem; line-height: 2.5rem; text-align: right; color: #666; font-size:0.74rem;width:14.5rem; }
.personal-icon {position: absolute; right:0.53rem; top:1rem;}
.personal-icon img { width:0.37rem;}
.personal-all { position: relative;}
.personal-all p {color: #fff; font-size: 0.746rem; text-align: center;}
.personal-img {position: absolute;left:7.97rem; top:2.08rem;}
.personal-img img {width:4.05rem;}
.personal-left-icon{width:0.96rem; margin-top:0.75rem; margin-bottom: 0.75rem; margin-left:0.35rem; float: left;}
.personal-left-icon img{width:100%;}
/*弹出框*/
.Popup{background-color:rgba(0,0,0,0.2); position: fixed; top:0; height: 100%; width:20rem; margin-left:-0.5rem; display: none; z-index: 9;}
.Popup .content{background-color:#FFF; border-radius: 0.27rem; width:12rem; margin-left:auto; margin-right: auto; position: relative; top:50%; padding:2rem;}
.password{height: 8.5rem; margin-top:-5rem;}
.email{height: 4rem; margin-top:-2.5rem;}
.phone{height: 8rem; margin-top:-4.5rem;}
.phone .input-code{position: relative; left:0;}
.phone .input-code inpu{height: 2rem;}
.Popup label {width: 3.4rem; display: inline-block; line-height: 1.2rem;}
.Popup .content .input_class{border: 1px solid #d9d9d9; height: 1rem; width: 8rem; padding-left: 0.27rem;}
.Popup .u_button a {width: 3.58rem; display: inline-block; text-align: center; margin-left: 0.48rem; margin-right: 0.48rem; color: #FFF; line-height: 1.2rem;}
.Popup .u_button_blue {background-color: #32a5e7;}
.Popup .u_button_gray{background-color:#d9d9d9;}
/*其他登录方式*/
.other_login .title{width:12.37333rem; margin-left:auto; margin-right: auto;}
.other_login a{width:1.52rem; display: inline-block;}
.other_login a:nth-child(2){margin-right: 0;}
/*个人中心头部*/
.personal_header{position: absolute;left:2.27rem; top:2.03rem; width:15.5rem;}
.personal_header img{width:3.2rem;}
.personal_header .left{width:4rem; float: left;}
.personal_header .right{width:10rem; float: left; margin-top:0.3rem;}
.personal_header p{text-align: left;}
/*个人中心收藏*/
.collection_c{border-bottom:1px solid #e5e5e5; overflow: hidden;}
.collection_c li{padding-right: 0.66rem;float: left; padding-left: 0.66rem;}
.collection_c a {color: #333; line-height: 2.4rem;}
.collection_c .collection_c_hover a {color:#009fdf;}
/*个人中心收藏产品列表*/
.collection_l li{border-bottom:1px solid #e5e5e5; padding:0.54rem 0.25rem; overflow: hidden;}
.collection_l li:last-child{border-bottom: none;}
.collection_l .left{border:1px solid #e5e5e5; width:2.99rem; float: left; margin-right: 0.8rem;}
.collection_l .left img{width:2.39rem; padding:0.3rem;}
.collection_l .right{width:13rem; float: left;}
.collection_l input{height: 0.96rem; width: 0.96rem; position: absolute; }
.collection_l input+label{content: url("../images/user/unselected.png"); height: 0.96rem; width: 0.96rem; display:inline-block;}
.collection_l input:checked + label{content: url("../images/user/selected.png"); height: 0.96rem; width: 0.96rem; display:inline-block;}
.Batch_select{width:0.96rem; float: left; margin-right: 0.38rem; height: 0.96rem; margin-top:1rem;}
input[type="checkbox"] {
appearance:none;
-moz-appearance:none; /* Firefox */
-webkit-appearance:none; /* Safari 和 Chrome */
border:none;
outline: none;
}
.collection_b input{height: 0.96rem; width: 0.96rem; position: absolute; left:-1.49rem; z-index: 9;}
.collection_b input+label{content: url("../images/user/unselected.png"); height: 0.96rem; width: 0.96rem; display:inline-block; position: absolute; left:-1.44rem; }
.collection_b input:checked + label{content: url("../images/user/selected.png");height: 0.96rem; width: 0.96rem; display:inline-block; position: absolute; left:-1.44rem;;}
.collection_b{border-top:1px solid #e5e5e5;}
.collection_b .collection_b_left{width:50%; margin-left:3.1rem; float: left; position: relative; height: 0.96rem;}
.collection_b .collection_b_right{float: right; margin-right: 1.653rem;}
.all_del span{width:3.58rem; height: 1.2rem; text-align: center; margin-left: 0.48rem; mmargin-right: 0.48rem;color:
#FFF;line-height: 1.2rem; float: left}
.all_del_left{margin-left:1.7rem;}
.input_phone{border: 1px solid #d9d9d9; height: 1.25rem; width: 6rem; padding-left: 0.27rem; display: inline-block; margin-right: 0.8rem;}
.phone .input-code{top:0;}

72
public/frontend/m_web/css/search.css Executable file
View File

@@ -0,0 +1,72 @@
/*search*/
.h_search_w {
width: 95%;
margin: 0.68rem auto;
position: relative;
}
.search-input {
width: 90%;
display: inline-block;
}
.search-input input {
border-radius: 35px;
background: #fff;
height: 1.653rem;
border: none;
width: 80%;
}
.icon-small {
position: absolute;
left: 0.5rem;
top: 0.39rem;
color: #9b9b9b;
font-size: 0.9rem;
}
.form-text {
padding-left: 1.8rem;
font-size: 0.64rem;
}
.search-button {
border: none;
background: none;
font-size: 0.64rem;
color: #666;
}
.search-button a {
color: #666;
}
.search-list {
width: 95%;
margin: auto;
}
.search-list li {
border-bottom: 1px solid #e5e5e5;
overflow: hidden;
display: inline-block;
width: 100%;
}
.search-list-img {
float: left;
margin: 0.1rem 0 0.32rem;
background-color: #fff;
text-align: center;
}
.search-list-img img {
margin: 0.5rem;
width: 4.26rem;
}
.search-trans-list {
width: 65%;
float: right;
}
.search-list-title {
font-size: 0.64rem;
padding-top: 1rem;
color: #333;
padding-bottom: 0.45rem;
}
.search-list-subtitle {
font-size: 0.586rem;
color: #666;
}

8
public/frontend/m_web/css/special.css Executable file
View File

@@ -0,0 +1,8 @@
.special_01{width:100%; background-color:#d4d4d4; overflow: hidden;}
.special_01 .fly{width:5.17333rem; margin-left:auto; margin-right: auto;}
.special_01 .content{background-color:#e3e3e3; overflow: hidden;}
.special_01 .content p{width:96%; margin-left:auto; margin-right: auto;}
.special span{width:4rem; margin-left:auto; margin-right: auto; display: inline-block; height: 1.1rem; line-height: 1.1rem;}
.special_number{position: absolute; bottom:0; width:100%;}
.num_text{width:4rem; background-color:rgba(255,255,255,0.1); line-height: 0.853rem; font-size: 0.32rem; color:#FFF; text-align: center; font-weight: 300; margin-left:auto; margin-right: auto;}

26
public/frontend/m_web/css/special20190918.css Executable file
View File

@@ -0,0 +1,26 @@
.banner_title{font-size: 0.96rem;}
.special_Container{width:97.8%; margin:auto;}
.special p{display: block; position: absolute; left:1.26rem;}
.special_new_title{font-size: 0.85rem; margin-bottom: 0.25rem;}
.special_wubtitle{font-size: 0.75rem; margin-bottom: 0.65rem;}
.special_view{font-size: 0.64rem;}
.special_product_text{position: absolute; top:1.1rem; left:1.36rem;}
.special_product_text span{padding:0.15rem 0.6rem 0.25rem; border:1px solid #FFF; display:inline-block;}
/*banner*/
.special_product{top:-1.1rem; position: relative;}
/*banner文字高度*/
.special_01 p{top:6rem;}
.special_02 p{top:5.15rem;}
.special_03 p{top:5.7rem;}
.special_04 p{top:5.1rem;}
/*我们是*/
.weare_line{width:1.2rem; background-color:#333333; height: 3px; margin:0.2rem auto;}
/*两列*/
.special_computer{width:100%; overflow: hidden;}
.special_computer li{width:9.6rem; float: left; margin-right: 0.26rem; position: relative;}
.special_computer li:last-child{margin-right: 0;}
.special_computer .text_all{position: absolute; width:100%; left:0; top:0;}

156
public/frontend/m_web/css/style-old.css Executable file
View File

@@ -0,0 +1,156 @@
body{font-family:"Helvetica","Microsoft YaHei",sans-serif; margin:0; background-color:#f5f5f5;}
video{width:100%;}
@media screen and (min-width:756px){
#content{width:750px; margin:0 auto;}
}
@media screen and (max-width:750px){
#content{width:100%; margin:0;}
}
video img{width:100%;}
ul, li, dl, dt, dd{list-style: none; padding:0; margin:0;}
a{text-decoration: none;}
.m_Container{width:93%; margin:auto;}
.title{font-size: 1rem; color:#333333;}
.des{font-size: 0.75rem; color:#666666;}
.text_center{text-align: center}
.text_left{text-align: left;}
.text_right{text-align: right;}
.img-responsive img{height: auto; max-width: 100%}
.img-responsives img{display: block; height: auto; width: 100%}
/*头部*/
.header{background-color:#1e1e1e; width:100%; overflow: hidden; position:relative; padding:0.65rem 0 0rem; }
.header .left{float: left; margin-bottom: 0.5rem;}
.header .center{position: absolute; width:26%; top:0.65rem; text-align: center; left:37%;}
.header .center img{width:100%; margin:auto;}
.header .right{float: right; width:8%; margin-top:0.1rem;}
.header span{color:#FFF; font-size: 1.125rem;}
.index_title{font-size:0.5rem;}
/*头部弹出菜单*/
.menu{backgroud-color:#1e1e1e; overflow: hidden; color:#FFF; width:100%; font-size: 0.8125rem; border-top:1px solid rgba(102,102,102,0.5);}
.menu dl{border-bottom:1px solid rgba(102,102,102,0.5); width:93%; padding:0.65rem 3.5% 0.65rem; position: relative;}
.menu i{ position: absolute; display:inline-block; right:3.4%; }
.menu dd{padding-left:0%; display: none; font-size: 0.5625rem; line-height: 2em;}
.menu .search{width:100%; text-align: center; margin-top:0.45rem; position: relative;}
.menu .search .updown_search_btn {background: none; border: none; position: absolute; right: 2.4%; top: 0.3rem; font-size: 1.5em; vertical-align: middle; color: #333;}
.menu .SingIn-button a {display: inline-block; border: 1px solid #FFF; color: #666666; margin-left: 1.2rem; margin-right: 1.2rem; text-align: center; text-decoration: none; margin-top: 0.85rem; margin-bottom: 0.45rem; font-size: 0.8125rem; background-color:#FFF; padding:0.2rem 1.25rem}
.menu .search .form-control {width: 90%; border: 1px solid rgba(220,221,221,0.7); vertical-align: middle; padding: 0.6rem 2.4%; font-size: 0.6875rem; background-color: #FFF;}
.menu .search .icon-search{color:#999999;}
/*头部国家*/
.m-Country{width:100%; margin-top:0.45rem; position: relative; font-size: 0.6875rem; color:#FFF; background-color:#efefef; overflow: hidden; text-align: left;}
.m-Country ul {width: 80%; margin: 0 auto 2rem;}
.m-Country li{border-bottom:1px solid #e3e3e3; width:93%; padding:0.65rem 3.5% 0.65rem; position: relative;}
.m-Country a{color:#333; text-decoration: none;}
/*banner*/
.banner{width:100%;}
/*类别*/
.category{position: relative; top:-2vw; background-color:#FFF; overflow: hidden; border-radius: 5px; box-shadow: 0px 5px 20px #e6e6e6;}
.category ul{width:90%; margin:0.25rem auto; overflow: hidden;}
.category ul li{width:25%; float: left; text-align: center;}
.category p{font-size: 0.75rem; color:#333333; }
.category p:nth-child(1){margin-bottom: 0;}
.category p:nth-child(2){margin-top: 0.1rem; margin-bottom: 0.6rem}
.category ul img{width:37%;}
/*内容*/
.Brand_research{width:100%; margin-top:0.75rem;}
.Brand_research li{border-radius: 5px; background-color:#009fdf; text-align: center; font-size: 0.9375rem; color:#FFF; padding:1rem 0; margin-bottom: 10px; }
.index_video{margin-top:1rem;}
.index_video .title{margin-bottom: 0.7rem; font-weight: 600;}
.index_video .des{font-size: 0.75rem; line-height: 1.5em}
.index_video video{margin-top:0.5em;}
.index_culute{margin-top:0.75rem;}
.index_culute p{display: block;}
.index_culute .title{margin-bottom: 0em; margin-top:0rem;}
.index_culute .des{margin-bottom: 0.8rem; overflow: hidden; margin-top: 0.25rem;}
.partner{margin-bottom: 1.75rem; }
.partner .title{margin-top:0.8rem; margin-bottom: 0.8rem;}
.index_partner_list li{width:24.25%; margin-right:1%; float: left;}
.index_partner_list li:last-child{margin-right: 0;}
/*底部文件*/
footer{background-color:#2e2e2e; overflow: hidden; width:100%; color:#ffffff;}
footer dl{border-bottom: 1px solid rgba(119,119,119,0.3); padding:1% 11%; overflow: hidden; line-height: 1.875em; }
footer dt{position: relative; width:100%; font-size: 0.6875rem; padding-top:0.75em; padding-bottom: 0.5em; line-height: 1.875em}
footer span{ position: absolute; display:inline-block; margin-right: 5px; left:-1.5em; }
footer dd{padding-left:0%; display: none; font-size: 0.5625rem; line-height: 2em;}
footer i{ position: absolute; display:inline-block; right:-1.5em; line-height: 1.875em}
.rotate{
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
}
.footer_copyright{font-size: 0.375rem; text-align: center; padding-top:1em; padding-bottom: 1em;}
/*产品*/
.product_title{font-size: 0.75rem; color:#333333; padding-left:2%; margin-top:0.9rem;}
.hot_product{width:100%; overflow: hidden; margin-top: 0.65rem;}
.hot_product li{width:49%; margin-right: 2%; position: relative; color:#FFF; float: left; margin-bottom: 0.05rem;}
.hot_product .hot_product_text{position: absolute; bottom:0.55rem; width:100%;}
.hot_product li:nth-child(2n){margin-right: 0;}
.hot_product .title{font-size: 0.59rem; color:#FFF; margin-bottom: 0.25rem;}
.hot_product span{display: block;}
.hot_product .subtitle{font-size: 0.4rem;}
.view_all{font-size:0.64rem; color:#666666;}
.product_list_title{width:100%; margin-top:0.9rem; overflow: hidden;}
.product_list_title .product_title{width:60%; float: left; text-align: left; margin-top:0rem;}
.product_list_title .view_all{width:38%; float: right; text-align: right;}
.product_list_title .icon-Double-Arrow{margin-left:0.15rem; display: inline-block;}
/*产品列表*/
.product_list {margin-top:0.6rem; overflow: hidden;}
.product_list li{width:49%; margin-right: 2%; float: left; margin-bottom: 0.5rem; background-color:#FFF; text-align: center; padding-top:2rem; padding-bottom: 1rem;}
.product_list li:nth-child(2n){margin-right: 0;}
.product_list .title{font-size: 0.54rem; color:#333; margin-top:1rem;}
.product_list .subtitle{font-size:0.48rem; color:#666666; margin-top:0.35rem}
.product_list span{display: block;}
/*一级列表类别*/
.first_list_category{width:100%; overflow: hidden;}
.first_list_category li{width:33.33%; float: left; text-align: center;}
.first_list_category .category_list{border-right:1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; font-size: 0.64rem; color:#333333;}
.first_list_category li:nth-child(3n) .category_list{border-right:none;}

1861
public/frontend/m_web/css/style.css Executable file
View File

File diff suppressed because it is too large Load Diff

4017
public/frontend/m_web/css/style1.css Executable file
View File

File diff suppressed because it is too large Load Diff

412
public/frontend/m_web/css/style20191028.css Executable file
View File

@@ -0,0 +1,412 @@
body{font-family:"Helvetica","Microsoft YaHei",sans-serif; margin:0; background-color:#f5f5f5;}
img {border: none;border: 0; vertical-align: top;}
video{width:100%; margin-top:0;}
@media screen and (min-width:756px){
#content{width:750px; margin:0 auto;}
}
@media screen and (max-width:750px){
#content{width:100%; margin:0;}
}
video img{width:100%;}
/*ul, li, dl, dt, dd{list-style: none; padding:0; margin:0;}*/
ul, li, form, dl, dt, dd, div, ul, li, p, em, i, address {font-style: normal; list-style: none; padding: 0px; margin: 0px;}
a{text-decoration: none; cursor: pointer;}
.m_Container{width:95%; margin:auto;}
.big_title{font-size: 1.01rem;}
.title{font-size: 0.85rem;}/*32px*/
.subtitle{font-size: 0.75rem;}/*28px*/
.des{font-size: 0.64rem; }/*24px*/
.text_16{font-size: 0.43rem;}/*16px*/
.text_18{font-size: 0.48rem;}/*18px*/
.text_20{font-size: 0.54rem;}/*20px*/
.text_22{font-size: 0.58rem;}/*22px*/
.text_24{font-size: 0.64rem;}/*24px*/
.text_28{font-size: 0.747rem;}/*28px*/
.text_30{font-size: 0.8rem;}/*30px*/
.text_32{font-size: 0.85rem;}/*32px*/
.text_38{font-size: 1.013rem;}/*38px*/
.text_40{font-size: 1.067rem;}/*40px*/
.text_48{font-size: 1.28rem;}/*40px*/
.text_center{text-align: center}
.text_left{text-align: left;}
.text_right{text-align: right;}
.img-responsive img{height: auto; max-width: 100%; }
.img-responsives img{display: block; height: auto; width: 100%}
.title_margin-top{margin-top:0.85rem;}
.subtitle_margin-top{margin-top:0.9rem;}
.bottom-margin{margin-bottom: 0.2rem;}
.overflow-h{overflow: hidden}
.position_r{position: relative}
.position_a{position: absolute; width:100%; top:0; left:0;}
.text_white{color:#FFF;}
.text_black{color:#333;}
.text_gray{color:#666;}
.text_l_gray{color:#999}
.text_blue{color:#009fdf;}
.f_weight_600{font-weight: 600}
.f_weight_500{font-weight: 500}
.f_weight_400{font-weight: 400}
.f_weight_300{font-weight: 300}
.f_weight_200{font-weight: 200}
.f_weight_100{font-weight: 100}
.margin-top-120{margin-top:3.1rem;}/*上边距130px*/
.margin-top-80{margin-top:2.13rem;}/*上边距80px*/
.margin-top-50{margin-top:1.12rem;}
.margin-top-40{margin-top:0.95rem;}
.margin-top-35{margin-top:0.8rem;}
.margin-top-30{margin-top:0.68rem;}
.margin-top-20{margin-top:0.5rem;}
.margin-top-14{margin-top:0.35rem;}
.margin-top-10{margin-top:0.25rem;}
.margin-bottom-60{margin-bottom: 1.6rem;}/*下边距60px;*/
.margin-bottom-48{margin-bottom: 1.125rem;}/*下边距50px;*/
.margin-bottom-40{margin-bottom:0.95rem;}/*下边距40px;*/
.margin-bottom-35{margin-bottom: 0.8rem;}/*下边距20px;*/
.margin-bottom-20{margin-bottom: 0.5rem;}/*下边距20px;*/
.margin-bottom-10{margin-bottom: 0.27rem;}/*下边距20px;*/
.margin-bottom-30{margin-bottom: 0.84rem;}/*下边距30px;*/
.text-indent_48{text-indent:1.28rem;}
.line-height-40{line-height: 1.07rem;}
.line_height_38{line-height: 1.01rem;}
.line_height_30{line-height: 0.8rem;}
.line-height-45{line-height: 1.2rem;}
.line-height-50{line-height: 1.33rem;}
.bg_white{background-color:#FFF; overflow: hidden; position: relative;}
.bg_blue{background-color:#009fdf; overflow: hidden; position: relative;}
.bg_black{background-color:#1e1e1e; overflow: hidden; position: relative;}
.bg_gray{background-color:#f5f5f5; overflow: hidden; position: relative;}
.nowrap_ellipsis{white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}/*字体不换行*/
.cursor_p{cursor: pointer}/*鼠标样式*/
.margin-top-90{margin-top:2.4rem}/*距离顶部的距离*/
.margin-bottom-90{margin-bottm:2.4rem}/*距离顶部的距离*/
.float_l{float: left;}
.float_r{float: right;}
/*头部*/
.header{background-color:#1e1e1e; width:20rem;padding:0.65rem 0 0rem; position: fixed; z-index: 9999; top:0;}
.header .left{float: left; margin-bottom: 0.5rem;}
.header .center{position: absolute; width:26%; top:0.65rem; text-align: center; left:37%;}
.header .center img{width:100%; margin:auto;}
.header .right{float: right; width:8%; margin-top:0.1rem;}
.header span{color:#FFF; font-size: 1.125rem;}
.index_title{font-size:0.5rem;}
/*头部弹出菜单*/
.menu{ background-color:#fff; overflow: hidden; color:#333; width:100%; font-size: 0.8125rem; border-top:1px solid rgba(107,107,107,0.5);}
.menu dl{border-bottom:1px solid #e5e5e5; width:93%; padding:0.65rem 3.5% 0.65rem; position: relative;}
.menu i{ position: absolute; display:inline-block; right:3.4%; top:0.8rem}
.menu dd{padding-left:0%; display: none; font-size: 0.72rem; line-height: 1.25rem; padding:1.2% 0;}
.menu dl dd:nth-child(1){margin-top:0.2rem;}
.menu .search{width:100%; text-align: center; margin-top:0.45rem; position: relative;}
.menu .search .updown_search_btn {background: none; border: none; position: absolute; right: 2.4%; top: 0.3rem; font-size: 1.5em; vertical-align: middle; color: #333;}
.menu .SingIn-button a {display: inline-block; border: 1px solid #FFF; color: #666666; margin-left: 1.2rem; margin-right: 1.2rem; text-align: center; text-decoration: none; margin-top: 0.85rem; margin-bottom: 0.45rem; font-size: 0.8125rem; background-color:#FFF; padding:0.2rem 1.25rem}
.menu .search .form-control {width: 90%; border: 1px solid rgba(220,221,221,0.7); vertical-align: middle; padding: 0.6rem 2.4%; font-size: 0.6875rem; background-color: #FFF;}
.menu .search .icon-search{color:#999999;}
.menu a {color: #333;}
.menu a:hover {color: #737373;}
/*头部国家*/
.m-Country{width:100%; margin-top:0.45rem; font-size: 0.6875rem; color:#FFF; background-color:#efefef; overflow: hidden;text-align: left;}
.m-Country:before { width:0; height:0;border-right:0.36rem solid transparent;border-left:0.36rem solid transparent;border-bottom:0.46rem solid #efefef; position: absolute; margin-top: -0.4rem; right:0.95rem; content: "";}
.m-Country ul {width: 80%; margin: 0 auto 2rem;}
.m-Country li{border-bottom:1px solid #e3e3e3; width:93%; padding:0.65rem 3.5% 0.65rem; position: relative;}
.m-Country a{color:#333; text-decoration: none;}
/*banner*/
.banner{width:100%;}
/*类别*/
.category{position: relative; background-color:#FFF; overflow: hidden; box-shadow: 0px 5px 20px #e6e6e6;width: 95%;margin: 0.5rem auto;border-radius: 5px;}
.category ul{width:90%; margin:1rem auto 0.15rem; overflow: hidden;}
.category ul li{width:25%; float: left; text-align: center;}
.category p{font-size: 0.75rem; color:#333333; }
.category p:nth-child(1){margin-bottom: 0;}
.category p:nth-child(2){margin-top: 0.1rem; margin-bottom: 0.8rem}
.category ul img{width:1.28rem;}
/*内容*/
.Brand_research{width:100%; margin-top:0.55rem;}
.Brand_research li{border-radius: 5px; background-color:#009fdf; text-align: center; font-size: 0.8rem; color:#FFF; padding:1.1rem 0 1.25rem; margin-bottom: 10px; }
.index_video{margin-top:1.1rem;}
.index_video .title{margin-bottom: 0.7rem; font-weight: 600;}
.index_video .des{line-height: 0.98rem}
.index_video video{margin-top:0.5em;}
.index_culute{margin-top:0.85rem;}
.index_culute p{display: block;}
.index_culute .title{margin-bottom: 0em; margin-top:0rem;}
.index_culute .des{margin-bottom: 0.95rem; overflow: hidden; margin-top: 0.3rem;}
.partner{margin-bottom: 1.75rem; }
.partner .title{margin-top:1.15rem; margin-bottom: 0.98rem;}
.index_partner_list li{width:24.25%; margin-right:1%; float: left;}
.index_partner_list li:last-child{margin-right: 0;}
/*底部文件*/
footer{background-color:#2e2e2e; overflow: hidden; width:100%; color:#ffffff;}
footer dl{border-bottom: 1px solid rgba(119,119,119,0.3); padding:1% 11%; overflow: hidden; line-height: 1.875em; }
footer dt{position: relative; width:100%; font-size: 0.6875rem; padding-top:0.75em; padding-bottom: 0.5em; line-height: 1.875em}
footer span{ position: absolute; display:inline-block; margin-right: 5px; left:-1.5em; }
footer dd{padding-left:0%; display: none; font-size: 0.5625rem; line-height: 2em;}
footer i{ position: absolute; display:inline-block; right:-1.5em; line-height: 1.875em}
.rotate{
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
}
.footer_copyright{font-size: 0.375rem; text-align: center; padding-top:1em; padding-bottom: 1em;}
footer a{color:#FFF;}
/*产品*/
.product_title{font-size: 0.75rem; color:#333333; padding-left:2%; margin-top:0.9rem;}
.hot_product{width:100%; overflow: hidden; margin-top: 0.65rem;}
.hot_product li{width:9.365rem; margin-right: 0.26rem; position: relative; color:#FFF; float: left; margin-bottom: 0.26rem;}
.hot_product .hot_product_text{position: absolute; bottom:0.55rem; width:100%;}
.hot_product li:nth-child(2n){margin-right: 0;}
.hot_product .title{font-size: 0.59rem; margin-bottom: 0.25rem;}
.hot_product span{display: block;}
.hot_product .subtitle{font-size: 0.4rem;}
.view_all{font-size:0.64rem; color:#666666;}
.product_list_title{width:100%; margin-top:0.9rem; overflow: hidden;}
.product_list_title .product_title{width:60%; float: left; text-align: left; margin-top:0rem;}
.product_list_title .view_all{width:38%; float: right; text-align: right;}
.product_list_title .icon-Double-Arrow{margin-left:0.15rem; display: inline-block;}
/*产品列表*/
.product_list {margin-top:0.6rem; overflow: hidden;}
.product_list li{width:8.965rem; margin-right: 0.26rem; float: left; margin-bottom: 0.26rem; background-color:#FFF; text-align: center; padding-top:2rem; padding-bottom: 1rem; padding-left:0.2rem; padding-right: 0.2rem}
.product_list li:nth-child(2n){margin-right: 0;}
.product_list .title{font-size: 0.54rem; color:#333; margin-top:1rem;}
.product_list .subtitle{font-size:0.48rem; color:#666666; margin-top:0.35rem}
.product_list span{display: block;}
.product_list .img_p{width:65%; max-width:220px;}
/*一级列表类别*/
.first_list_category{position:relative;height: 4.5rem;width: 100%;overflow: hidden;margin-left:auto; margin-right: auto; background-color:#fafafa; }
.first_list_category ul{margin-top:1.06rem;}
.first_list_category li{padding-left:1rem; display: inline-block; text-align: center; font-style: none; margin-bottom: 0rem}
.first_list_category li:last-child(){padding-right: 1rem;}
.first_list_category .category_list{font-size: 0.64rem; color:#333333;}
.first_list_category .scroller {position:absolute;}
.first_list_category .category_list p{margin-top:0.25rem;}
.first_list_category img{width:1.5rem; max-width:54px;}
/*二级列表类别*/
.Second_list_category{position:relative;height:4.5rem;width: 100%;overflow: hidden;margin-left:auto; margin-right: auto;background-color:#fafafa; }
.Second_list_category ul{margin-top:1rem;}
.Second_list_category li{padding-left:1rem; display: inline-block; text-align: center; font-style: none; margin-bottom: 1rem}
.Second_list_category li:last-child(){padding-right: 1rem;}
.Second_list_category .category_list{font-size: 0.64rem; color:#333333;}
.Second_list_category .scroller {position:absolute;}
.Second_list_category img{width:1.44rem; max-width:54px;}
.Second_list_category .category_list p{margin-top:0.25rem;}
/*产品详情*/
.goods_list{width:100%;}
.goods_all_title{width:96%; padding:0 0.6rem 0.55rem; margin-top:0.65rem; border-bottom: 1px solid #e5e5e5;}
.goods_all_title .title{font-size:0.7rem ; color:#333333; }
.goods_all_title .subtitle{font-size: 0.64rem; color:#666666; margin-top:0.35rem;}
/*详情规格参数样式*/
.proTfg{width:94%; margin:auto;}
.proTfg .swt-Table{display: table; width:100%;}
.proTfg .swt-Table .Table-Row{display: table-row;}
.proTfg .swt-Table .Table-Row .Table-Cell{display: table-cell; margin:0; padding-bottom:0.28rem;}
.msul{font-size: 0.62rem; margin:0.65rem auto; }
.msul .ms1{width:25%; float: left; color:#333333;}
.msul .ms2{width:5%; float: left;}
.msul .ms3{width:70%; float: left; color:#666666;}
.star{position: absolute; top:0; width:2.56rem; height: 0.4rem; background-image:url(../images/star_orange.png); background-position: 0 0; background-repeat: no-repeat; background-size:2.56rem 0.4rem; }/*平台购买链接*/
.platform_buy{width:100%; color:#FFF; font-size: 0.64rem; text-align: center; margin-bottom: 1rem;}
.platform_buy a{display: inline-block; padding:0.25rem 1rem; background-color:#009fdf; margin-right: 1rem;}
.cursor_p{cursor: pointer; padding-bottom: 1.5%;}
/*详情描述*/
.goods_details{background-color:#ffffff; width:100%; padding:1.1rem 0;}
.goods_details .cpa{text-align: center;}
.goods_details .cpa li{ display: inline-block; padding-right: 1.5rem; padding-left:1.5rem;border-right: 1px solid #009fdf; line-height: 0.64rem; height: 0.54rem; }
.goods_details li:nth-child(3){margin-right: 0; border-right:none;}
.goods_details .cpa a{color:#666666; font-size: 0.64rem;}
.goods_details .active{color:#009fdf;}
.goods_des{width:100%;}
.goods_address{font-size: 0.7rem; padding-top:1rem; padding-bottom: 1rem;}
.goods_address .href_01{color:#333333;}
.goods_address .href_02{color:#666666}
.goods_address span{
display: inline-block;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
}
.goods_details_fixed{position: fixed; top:2.4rem; z-index: 999; max-width:750px;}
/*关联产品*/
.goods_Related{padding:0.85rem 0 1.25rem; border-top:1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; overflow: hidden;}
.goods_Related_title{margin-bottom: 1rem;}
.goods_Related_list{width:88%; margin:0 auto;}
.goods_Related_list li{float: left;}
.goods_Related_list img{padding:0.24rem 1.2rem; background-color:#FFF; width:2.67rem; height: 2.67rem;}
.goods_Related_list span{display: block;}
.goods_Related_list .title{font-size:0.59rem; color:#333333; margin-top:0.3rem; height: 0.85rem; text-overflow:ellipsis; overflow: hidden; white-space:nowrap;}
.goods_Related_list .subtitle{font-size: 0.43rem; color:#666666; margin-top: 0.15rem;}
/*评论*/
.goods_comment{border-bottom: 1px solid #e5e5e5; margin-top:0.3rem; overflow: hidden; padding-bottom: 0.3rem; position: relative;}
.goods_comment span{display: block;}
.goods_comment .title{font-size: 0.587rem; color:#333; margin-bottom: 0.3rem;}
.goods_comment .subtitle{font-size: 0.48rem; color:#333; margin-bottom: 0.15rem;}
.goods_comment ul{margin-top:0.25rem; }
.goods_comment li{width:4.462rem; margin-right: 0.25rem; float: left; height:4.462rem;}
.goods_comment li:nth-child(4n){margin-right: 0;}
.goods_comment_img{height: 4.462rem; margin-bottom: 0.45rem;}
.goods_comment_img ul {position: absolute; width: 100%; left: 0%; margin-left: 0px;}
.goods_comment li {position: relative; width: 4.462rem; overflow: hidden; height: 4.462rem;}
.goods_comment li img{display: block; width:100%; height: 6.917rem; object-fit: cover;}
/*评论图片放大功能*/
.big_img {position: fixed; z-index: -1; opacity: 0; background:#000; width: 100%; height: 100%; top: 0;}
.big_img .swiper-container2 {position: relative; width: 100%; height: 100%;}
.big_img .swiper-container2 .swiper-wrapper {width: 100%; height: 100%;}
.swiper-container-android .swiper-slide, .swiper-wrapper {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-o-transform: translate(0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.swiper-wrapper {position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
.big_img .swiper-slide {width: 100%; height: 100%; display: table;}
.swiper-slide {-webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative;}
.big_img .swiper-slide .cell {width: 100%; height: 100%; display: table-cell; vertical-align: middle; text-align: center;}
.big_img .swiper-slide img {max-width: 100%; margin: 0 auto;}
/*新闻*/
.news .title{margin-bottom: 0.6rem;}
.news_list{padding-top:0.45rem; border-bottom: 1px solid #e5e5e5; overflow: hidden; padding-bottom: 0.2rem;}
.news_list .left{float: left; width:6.45rem; margin-right: 0.54rem;}
.news_list .right{float: left; width:11.6rem;}
.news_list span{display:inline-block; margin-right: 0.72rem;}
.news_list_title{font-size:0.64rem; color:#333; margin-bottom: 0.2rem;}
.news_list_des_text{font-size: 0.48rem; color:#666; line-height: 0.68rem; margin-bottom: 0.25rem;}
.news_list_share{font-size: 0.427rem; color: #666; }
.news_list_share img{vertical-align: bottom; margin-right: 0.16rem; width:0.427rem; height: 0.427rem; margin-bottom: 0.05rem;}
/*新闻翻页*/
.Pages{text-align: center; color: #555; clear: both; margin-bottom: 0.8rem; margin-top:0.6rem;}
.Pages span{display: inline-block;}
.Pages .num a{vertical-align: middle; color:#666; font-size: 0.426rem; padding:0.1rem 0.38rem; }
.Pages .a_prev, .Pages .a_next{padding-top:0.4rem; padding-left:0.38rem; padding-right: 0.38rem;}
.Pages .a_prev img, .Pages .a_next img{width:0.267rem;height: 0.587rem;}
.Pages .num .a_cur{background-color:#444444; color:#FFF;}
/*新闻评论*/
.news-comments{width:97%; margin:auto;}
.news-comments .title{font-size: 0.75rem;}
.news-comment{border-bottom: 1px solid #e5e5e5; padding-top:0.65rem;}
.news-comment .left{width:1.6rem; float: left; margin-right: 1rem;}
.news-comment .left img{width:1.6rem; height: 1.6rem;}
.news-comment .right{float: right; width:15rem;}
.news-comment span{display: block;}
.news-comment .news_list_des_text{color:#333;}
.Customer-information{width:100%; margin:auto; overflow: hidden;}
.news-comment p{display: block; font-size: 0.48rem; color:#333333; line-height: 0.7rem;margin-top:0.2rem; margin-bottom: 0.35rem;}
/*新闻详情*/
.news_detail{margin-top:1.15rem;}
.news_detail .title{font-size: 0.8rem; color:#333; margin-bottom: 0.5rem;}
.news_detail .date{font-size: 0.427rem; color:#666; padding-bottom: 1rem; border-bottom: 1px solid #d2d2d2;}
.news_detail_content{font-size: 0.54rem; color:#666; text-align: center; line-height: 0.95rem;}
.news_detail_content p{margin-top:0.35rem; margin-bottom: 0.35rem}
.news_detail img{display: block;}
.news_detail .img_des{font-size: 0.48rem; margin-top:0.1rem;}
/*新闻回复*/
.news-replay{width:100%; margin-top:0.5rem; margin-bottom: 0.5rem; text-align: center;}
#ccont{padding:3%;width:94%; }
.news-replay textarea{height: 4.45rem; background: #fff; border:none; margin:0.35rem 0;font-size: 0.54rem;}
.news-replay span{display: inline-block;}
.news-replay .Release{font-size: 0.587rem; color:#FFF; padding:0.35rem 1.5rem; background-color:#2897d1; margin-top:0.25rem;}
/*视频分类列表*/
.video_Category ul{width:100%;}
.video_Category li{width:49.4%; margin-right: 1.2%; float: left; position: relative;}
.video_Category li:nth-child(2n){margin-right: 0;}
.video_Category li p{display: block; position: absolute; text-align: center; bottom:0.8rem; color:#FFF; font-size: 0.8rem; width:100%; }
/*热门视频 */
.video_hot span{display: block;}
.video_hot li{margin-bottom: 1.15rem;}
.video_hot .title{font-size: 0.64rem; color:#333; margin-top:0.45rem; margin-bottom: 0.25rem;}
.video_hot .des_text{font-size: 0.54rem; color:#666; line-height: 0.85rem;}
/*视频详情类别*/
.video_category{position:relative;height: 3.45rem;width: 100%;overflow: hidden;margin:0 auto; }
.video_category ul{margin-top:1rem;}
.video_category li{padding-left:1rem; display: inline-block; text-align: center; font-style: none; margin-bottom: 0rem}
.video_category li:last-child(){padding-right: 1rem;}
.video_category .category_list{font-size: 0.64rem; color:#333333;}
.video_category .scroller {position:absolute;}
.video_category .category_list p{margin-top:0.25rem;}
.video_category img{width:1.5rem; max-width:60px;}
/*专题购买按钮*/
.solid_blue {border-top: 5px solid #009fe0; background-color: #FFF; position: relative;}
.solid_strip {border-top: 5px solid #344558; background-color: #FFF; position: relative;}
.buy {width: 100%; position: absolute; bottom: 1.23rem; color: #333333;}
/*两列产品*/
.special_title{position: absolute; width:100%; text-align: center; top:1.06rem; font-size: 0.587rem;}
.buy{width:100%; position: absolute; bottom:1.23rem; color:#333333;}
.buy a{ border:1px solid #c2d600; color:#FFF;}
.buy_margin{margin-right: 0.8rem;}
.buy_button a{padding:0.2rem 0.35rem 0.22rem; color:#333; border:1px solid #5c5c5c;}
.subject_span {padding:0.2rem 0.35rem 0.22rem; color: #939393; border: 1px solid #939393;}
/*1列产品*/
.special_text{position: absolute; text-align: left; top:2.02rem; left: 1.44rem;}
/*两行*/
/*七大产品线购买按钮背景*/
.computer a{ border:1px solid #6f6f6f; color:#333; padding:0.2rem 0.35rem 0.22rem; margin-left: 0.4rem; margin-right: 0.4rem;}
/*详情样式*/
.o_detail_all {text-align: center; background-color:#FFF; overflow: hidden;}
.o_detail_title {font-size:0.85rem; color: #101010; }
.o_detail_small {font-size:0.75rem; color: #333; margin-top:0.4rem;}
.o_detail_text {font-size:0.64rem;color: #737373; line-height: 1rem; width:80%; margin: auto; margin-top:0.5rem;}
.o_detail_img{margin-top:0.3rem; margin-bottom: 1.3rem;}
/*两列*/
.list_two{width:100%; overflow: hidden;}
.list_two li{width:9.365rem; margin-right:0.26rem; float: left; margin-bottom: 0.26rem; position: relative;}
.list_two li:nth-child(2n){margin-right: 0;}
.list_two img{display: block;}
/*一个产品*/
.list_one{width:100%; overflow: hidden;}
.list_one li{width:100%; margin-top:0.27rem; float: left; position: relative;}
.list_one .title{font-size: 0.64rem; color:#333;}
.list_one .subtitle{font-size: 0.587rem; color:#666;}
/*产品多颜色切换*/
.Multi_color{height: 0.8rem; width:100%; text-align: center}
.Multi_color ul{width:100%; margin-top:0.65rem;}
.Multi_color .S-small-img{display: inline-block; width:0.8rem; }
.cricle{display: block; /*width:0.64rem; height: 0.64rem;*/ width:14px; height: 14px; border-radius: 14px; border:1px solid #d6d6d6; text-align: center; vertical-align: middle;}
.S-Cricle-Bg{/*width:0.48rem; height: 0.48rem; border-radius:0.24rem; margin-top:0.08rem;*/ width:10px; height: 10px; border-radius:10px; margin-top:2px; overflow: hidden; }
.product_list li li{float: none; margin-right: 0; padding:0;}
.Multi_color .on .cricle{border:1px solid rgba(0,0,0,0.5); }
.slideTxtBox .bd .li{width:5.86px; margin:auto;}
/*详情样式*/
/*seo-pro*/
.seo-pro h3{font-size:0.9rem; text-align: center; color: #333;margin:2% 0 1%; padding: 2% 0; line-height: 1.2;font-weight: 400;}
.seo-pro p{text-align: center;margin: 0 0 11px; font-size:0.7rem; color: #737373;}
.seo-pro a{color: #333; text-decoration: none;}
.sa_blue, .sa_blue a, .seo-pro a:hover{ color: #009fdf;}

423
public/frontend/m_web/css/style20191104.css Executable file
View File

@@ -0,0 +1,423 @@
body{font-family:"Helvetica","Microsoft YaHei",sans-serif; margin:0; background-color:#f5f5f5;}
img {border: none;border: 0; vertical-align: top;}
video{width:100%; margin-top:0;}
@media screen and (min-width:756px){
#content{width:750px; margin:0 auto;}
}
@media screen and (max-width:750px){
#content{width:100%; margin:0;}
}
video img{width:100%;}
/*ul, li, dl, dt, dd{list-style: none; padding:0; margin:0;}*/
ul, li, form, dl, dt, dd, div, ul, li, p, em, i, address {font-style: normal; list-style: none; padding: 0px; margin: 0px;}
a{text-decoration: none; cursor: pointer;}
.m_Container{width:95%; margin:auto;}
.big_title{font-size: 1.01rem;}
.title{font-size: 0.85rem;}/*32px*/
.subtitle{font-size: 0.75rem;}/*28px*/
.des{font-size: 0.64rem; }/*24px*/
.text_16{font-size: 0.43rem;}/*16px*/
.text_18{font-size: 0.48rem;}/*18px*/
.text_20{font-size: 0.54rem;}/*20px*/
.text_22{font-size: 0.58rem;}/*22px*/
.text_24{font-size: 0.64rem;}/*24px*/
.text_28{font-size: 0.747rem;}/*28px*/
.text_30{font-size: 0.8rem;}/*30px*/
.text_32{font-size: 0.85rem;}/*32px*/
.text_38{font-size: 1.013rem;}/*38px*/
.text_40{font-size: 1.067rem;}/*40px*/
.text_48{font-size: 1.28rem;}/*40px*/
.text_center{text-align: center}
.text_left{text-align: left;}
.text_right{text-align: right;}
.img-responsive img{height: auto; max-width: 100%; }
.img-responsives img{display: block; height: auto; width: 100%}
.title_margin-top{margin-top:0.85rem;}
.subtitle_margin-top{margin-top:0.9rem;}
.bottom-margin{margin-bottom: 0.2rem;}
.overflow-h{overflow: hidden}
.position_r{position: relative}
.position_a{position: absolute; width:100%; top:0; left:0;}
.text_white{color:#FFF;}
.text_black{color:#333;}
.text_gray{color:#666;}
.text_l_gray{color:#999}
.text_blue{color:#009fdf;}
.f_weight_600{font-weight: 600}
.f_weight_500{font-weight: 500}
.f_weight_400{font-weight: 400}
.f_weight_300{font-weight: 300}
.f_weight_200{font-weight: 200}
.f_weight_100{font-weight: 100}
.margin-top-120{margin-top:3.1rem;}/*上边距130px*/
.margin-top-80{margin-top:2.13rem;}/*上边距80px*/
.margin-top-70{margin-top:2rem;}/*上边距70px*/
.margin-top-50{margin-top:1.12rem;}
.margin-top-40{margin-top:0.95rem;}
.margin-top-35{margin-top:0.8rem;}
.margin-top-30{margin-top:0.68rem;}
.margin-top-20{margin-top:0.5rem;}
.margin-top-14{margin-top:0.35rem;}
.margin-top-10{margin-top:0.25rem;}
.margin-bottom-60{margin-bottom: 1.6rem;}/*下边距60px;*/
.margin-bottom-48{margin-bottom: 1.125rem;}/*下边距50px;*/
.margin-bottom-40{margin-bottom:0.95rem;}/*下边距40px;*/
.margin-bottom-35{margin-bottom: 0.8rem;}/*下边距20px;*/
.margin-bottom-20{margin-bottom: 0.5rem;}/*下边距20px;*/
.margin-bottom-10{margin-bottom: 0.27rem;}/*下边距20px;*/
.margin-bottom-30{margin-bottom: 0.84rem;}/*下边距30px;*/
.text-indent_48{text-indent:1.28rem;}
.line-height-40{line-height: 1.07rem;}
.line_height_38{line-height: 1.01rem;}
.line_height_30{line-height: 0.8rem;}
.line-height-45{line-height: 1.2rem;}
.line-height-50{line-height: 1.33rem;}
.bg_white{background-color:#FFF; overflow: hidden; position: relative;}
.bg_blue{background-color:#009fdf; overflow: hidden; position: relative;}
.bg_black{background-color:#1e1e1e; overflow: hidden; position: relative;}
.bg_gray{background-color:#f5f5f5; overflow: hidden; position: relative;}
.nowrap_ellipsis{white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}/*字体不换行*/
.cursor_p{cursor: pointer}/*鼠标样式*/
.margin-top-90{margin-top:2.4rem}/*距离顶部的距离*/
.margin-bottom-90{margin-bottm:2.4rem}/*距离顶部的距离*/
.float_l{float: left;}
.float_r{float: right;}
/*头部*/
.header{background-color:#1e1e1e; width:20rem;padding:0.65rem 0 0rem; position: fixed; z-index: 9999; top:0;}
.header .left{float: left; margin-bottom: 0.5rem;}
.header .center{position: absolute; width:26%; top:0.65rem; text-align: center; left:37%;}
.header .center img{width:100%; margin:auto;}
.header .right{float: right; width:8%; margin-top:0.1rem;}
.header span{color:#FFF; font-size: 1.125rem;}
.index_title{font-size:0.5rem;}
/*头部弹出菜单*/
.menu{ background-color:#fff; overflow: hidden; color:#333; width:100%; font-size: 0.8125rem; border-top:1px solid rgba(107,107,107,0.5);}
.menu dl{border-bottom:1px solid #e5e5e5; width:93%; padding:0.65rem 3.5% 0.65rem; position: relative;}
.menu i{ position: absolute; display:inline-block; right:3.4%; top:0.8rem}
.menu dd{padding-left:0%; display: none; font-size: 0.72rem; line-height: 1.25rem; padding:1.2% 0;}
.menu dl dd:nth-child(1){margin-top:0.2rem;}
.menu .search{width:100%; text-align: center; margin-top:0.45rem; position: relative;}
.menu .search .updown_search_btn {background: none; border: none; position: absolute; right: 2.4%; top: 0.3rem; font-size: 1.5em; vertical-align: middle; color: #333;}
.menu .SingIn-button a {display: inline-block; border: 1px solid #FFF; color: #666666; margin-left: 1.2rem; margin-right: 1.2rem; text-align: center; text-decoration: none; margin-top: 0.85rem; margin-bottom: 0.45rem; font-size: 0.8125rem; background-color:#FFF; padding:0.2rem 1.25rem}
.menu .search .form-control {width: 90%; border: 1px solid rgba(220,221,221,0.7); vertical-align: middle; padding: 0.6rem 2.4%; font-size: 0.6875rem; background-color: #FFF;}
.menu .search .icon-search{color:#999999;}
.menu a {color: #333;}
.menu a:hover {color: #737373;}
/*头部国家*/
.m-Country{width:100%; margin-top:0.45rem; font-size: 0.6875rem; color:#FFF; background-color:#efefef; overflow: hidden;text-align: left;}
.m-Country:before { width:0; height:0;border-right:0.36rem solid transparent;border-left:0.36rem solid transparent;border-bottom:0.46rem solid #efefef; position: absolute; margin-top: -0.4rem; right:0.95rem; content: "";}
.m-Country ul {width: 80%; margin: 0 auto 2rem;}
.m-Country li{border-bottom:1px solid #e3e3e3; width:93%; padding:0.65rem 3.5% 0.65rem; position: relative;}
.m-Country a{color:#333; text-decoration: none;}
/*banner*/
.banner{width:100%;}
/*类别*/
.category{position: relative; background-color:#FFF; overflow: hidden; box-shadow: 0px 5px 20px #e6e6e6;width: 95%;margin: 0.5rem auto;border-radius: 5px;}
.category ul{width:90%; margin:1rem auto 0.15rem; overflow: hidden;}
.category ul li{width:25%; float: left; text-align: center;}
.category p{font-size: 0.75rem; color:#333333; }
.category p:nth-child(1){margin-bottom: 0;}
.category p:nth-child(2){margin-top: 0.1rem; margin-bottom: 0.8rem}
.category ul img{width:1.28rem;}
/*内容*/
.Brand_research{width:100%; margin-top:0.55rem;}
.Brand_research li{border-radius: 5px; background-color:#009fdf; text-align: center; font-size: 0.8rem; color:#FFF; padding:1.1rem 0 1.25rem; margin-bottom: 10px; }
.index_video{margin-top:1.1rem;}
.index_video .title{margin-bottom: 0.7rem; font-weight: 600;}
.index_video .des{line-height: 0.98rem}
.index_video video{margin-top:0.5em;}
.index_culute{margin-top:0.85rem;}
.index_culute p{display: block;}
.index_culute .title{margin-bottom: 0em; margin-top:0rem;}
.index_culute .des{margin-bottom: 0.95rem; overflow: hidden; margin-top: 0.3rem;}
.partner{margin-bottom: 1.75rem; }
.partner .title{margin-top:1.15rem; margin-bottom: 0.98rem;}
.index_partner_list li{width:24.25%; margin-right:1%; float: left;}
.index_partner_list li:last-child{margin-right: 0;}
/*底部文件*/
footer{background-color:#2e2e2e; overflow: hidden; width:100%; color:#ffffff;}
footer dl{border-bottom: 1px solid rgba(119,119,119,0.3); padding:1% 11%; overflow: hidden; line-height: 1.875em; }
footer dt{position: relative; width:100%; font-size: 0.6875rem; padding-top:0.75em; padding-bottom: 0.5em; line-height: 1.875em}
footer span{ position: absolute; display:inline-block; margin-right: 5px; left:-1.5em; }
footer dd{padding-left:0%; display: none; font-size: 0.5625rem; line-height: 2em;}
footer i{ position: absolute; display:inline-block; right:-1.5em; line-height: 1.875em}
.rotate{
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
}
.footer_copyright{font-size: 0.375rem; text-align: center; padding-top:1em; padding-bottom: 1em;}
footer a{color:#FFF;}
/*产品*/
.product_title{font-size: 0.75rem; color:#333333; padding-left:2%; margin-top:0.9rem;}
.hot_product{width:100%; overflow: hidden; margin-top: 0.65rem;}
.hot_product li{width:9.365rem; margin-right: 0.26rem; position: relative; color:#FFF; float: left; margin-bottom: 0.26rem;}
.hot_product .hot_product_text{position: absolute; bottom:0.55rem; width:100%;}
.hot_product li:nth-child(2n){margin-right: 0;}
.hot_product .title{font-size: 0.59rem; margin-bottom: 0.25rem;}
.hot_product span{display: block;}
.hot_product .subtitle{font-size: 0.4rem;}
.view_all{font-size:0.64rem; color:#666666;}
.product_list_title{width:100%; margin-top:0.9rem; overflow: hidden;}
.product_list_title .product_title{width:60%; float: left; text-align: left; margin-top:0rem;}
.product_list_title .view_all{width:38%; float: right; text-align: right;}
.product_list_title .icon-Double-Arrow{margin-left:0.15rem; display: inline-block;}
/*产品列表*/
.product_list {margin-top:0.6rem; overflow: hidden;}
.product_list li{width:8.965rem; margin-right: 0.26rem; float: left; margin-bottom: 0.26rem; background-color:#FFF; text-align: center; padding-top:2rem; padding-bottom: 1rem; padding-left:0.2rem; padding-right: 0.2rem}
.product_list li:nth-child(2n){margin-right: 0;}
.product_list .title{font-size: 0.54rem; color:#333; margin-top:1rem;}
.product_list .subtitle{font-size:0.48rem; color:#666666; margin-top:0.35rem}
.product_list span{display: block;}
.product_list .img_p{width:65%; max-width:220px;}
/*一级列表类别*/
.first_list_category{position:relative;height: 4.5rem;width: 100%;overflow: hidden;margin-left:auto; margin-right: auto; background-color:#fafafa; }
.first_list_category ul{margin-top:1.06rem;}
.first_list_category li{padding-left:1rem; display: inline-block; text-align: center; font-style: none; margin-bottom: 0rem}
.first_list_category li:last-child(){padding-right: 1rem;}
.first_list_category .category_list{font-size: 0.64rem; color:#333333;}
.first_list_category .scroller {position:absolute;}
.first_list_category .category_list p{margin-top:0.25rem;}
.first_list_category img{width:1.5rem; max-width:54px;}
/*二级列表类别*/
.Second_list_category{position:relative;height:4.5rem;width: 100%;overflow: hidden;margin-left:auto; margin-right: auto;background-color:#fafafa; }
.Second_list_category ul{margin-top:1rem;}
.Second_list_category li{padding-left:1rem; display: inline-block; text-align: center; font-style: none; margin-bottom: 1rem}
.Second_list_category li:last-child(){padding-right: 1rem;}
.Second_list_category .category_list{font-size: 0.64rem; color:#333333;}
.Second_list_category .scroller {position:absolute;}
.Second_list_category img{width:1.44rem; max-width:54px;}
.Second_list_category .category_list p{margin-top:0.25rem;}
/*产品详情*/
.goods_list{width:100%;}
.goods_all_title{width:96%; padding:0 0.6rem 0.55rem; margin-top:0.65rem; border-bottom: 1px solid #e5e5e5;}
.goods_all_title .title{font-size:0.7rem ; color:#333333; }
.goods_all_title .subtitle{font-size: 0.64rem; color:#666666; margin-top:0.35rem;}
/*详情规格参数样式*/
.proTfg{width:94%; margin:auto;}
.proTfg .swt-Table{display: table; width:100%;}
.proTfg .swt-Table .Table-Row{display: table-row;}
.proTfg .swt-Table .Table-Row .Table-Cell{display: table-cell; margin:0; padding-bottom:0.28rem;}
.msul{font-size: 0.62rem; margin:0.65rem auto; }
.msul .ms1{width:25%; float: left; color:#333333;}
.msul .ms2{width:5%; float: left;}
.msul .ms3{width:70%; float: left; color:#666666;}
.star{position: absolute; top:0; width:2.56rem; height: 0.4rem; background-image:url(../images/star_orange.png); background-position: 0 0; background-repeat: no-repeat; background-size:2.56rem 0.4rem; }/*平台购买链接*/
.platform_buy{width:100%; color:#FFF; font-size: 0.64rem; text-align: center; margin-bottom: 1rem;}
.platform_buy a{display: inline-block; padding:0.25rem 1rem; background-color:#009fdf; margin-right: 1rem;}
.cursor_p{cursor: pointer; padding-bottom: 1.5%;}
/*详情描述*/
.goods_details{background-color:#ffffff; width:100%; padding:1.1rem 0;}
.goods_details .cpa{text-align: center;}
.goods_details .cpa li{ display: inline-block; padding-right: 1.5rem; padding-left:1.5rem;border-right: 1px solid #009fdf; line-height: 0.64rem; height: 0.54rem; }
.goods_details li:nth-child(3){margin-right: 0; border-right:none;}
.goods_details .cpa a{color:#666666; font-size: 0.64rem;}
.goods_details .active{color:#009fdf;}
.goods_des{width:100%;}
.goods_address{font-size: 0.7rem; padding-top:1rem; padding-bottom: 1rem;}
.goods_address .href_01{color:#333333;}
.goods_address .href_02{color:#666666}
.goods_address span{
display: inline-block;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
}
.goods_details_fixed{position: fixed; top:2.4rem; z-index: 999; max-width:750px;}
/*关联产品*/
.goods_Related{padding:0.85rem 0 1.25rem; border-top:1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; overflow: hidden;}
.goods_Related_title{margin-bottom: 1rem;}
.goods_Related_list{width:88%; margin:0 auto;}
.goods_Related_list li{float: left;}
.goods_Related_list img{padding:0.24rem 1.2rem; background-color:#FFF; width:2.67rem; height: 2.67rem;}
.goods_Related_list span{display: block;}
.goods_Related_list .title{font-size:0.59rem; color:#333333; margin-top:0.3rem; height: 0.85rem; text-overflow:ellipsis; overflow: hidden; white-space:nowrap;}
.goods_Related_list .subtitle{font-size: 0.43rem; color:#666666; margin-top: 0.15rem;}
/*评论*/
.goods_comment{border-bottom: 1px solid #e5e5e5; margin-top:0.3rem; overflow: hidden; padding-bottom: 0.3rem; position: relative;}
.goods_comment span{display: block;}
.goods_comment .title{font-size: 0.587rem; color:#333; margin-bottom: 0.3rem;}
.goods_comment .subtitle{font-size: 0.48rem; color:#333; margin-bottom: 0.15rem;}
.goods_comment ul{margin-top:0.25rem; }
.goods_comment li{width:4.462rem; margin-right: 0.25rem; float: left; height:4.462rem;}
.goods_comment li:nth-child(4n){margin-right: 0;}
.goods_comment_img{height: 4.462rem; margin-bottom: 0.45rem;}
.goods_comment_img ul {position: absolute; width: 100%; left: 0%; margin-left: 0px;}
.goods_comment li {position: relative; width: 4.462rem; overflow: hidden; height: 4.462rem;}
.goods_comment li img{display: block; width:100%; height: 6.917rem; object-fit: cover;}
/*评论图片放大功能*/
.big_img {position: fixed; z-index: -1; opacity: 0; background:#000; width: 100%; height: 100%; top: 0;}
.big_img .swiper-container2 {position: relative; width: 100%; height: 100%;}
.big_img .swiper-container2 .swiper-wrapper {width: 100%; height: 100%;}
.swiper-container-android .swiper-slide, .swiper-wrapper {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-o-transform: translate(0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.swiper-wrapper {position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
.big_img .swiper-slide {width: 100%; height: 100%; display: table;}
.swiper-slide {-webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative;}
.big_img .swiper-slide .cell {width: 100%; height: 100%; display: table-cell; vertical-align: middle; text-align: center;}
.big_img .swiper-slide img {max-width: 100%; margin: 0 auto;}
/*新闻*/
.news .title{margin-bottom: 0.6rem;}
.news_list{padding-top:0.45rem; border-bottom: 1px solid #e5e5e5; overflow: hidden; padding-bottom: 0.2rem;}
.news_list .left{float: left; width:6.45rem; margin-right: 0.54rem;}
.news_list .right{float: left; width:11.6rem;}
.news_list span{display:inline-block; margin-right: 0.72rem;}
.news_list_title{font-size:0.64rem; color:#333; margin-bottom: 0.2rem;}
.news_list_des_text{font-size: 0.48rem; color:#666; line-height: 0.68rem; margin-bottom: 0.25rem;}
.news_list_share{font-size: 0.427rem; color: #666; }
.news_list_share img{vertical-align: bottom; margin-right: 0.16rem; width:0.427rem; height: 0.427rem; margin-bottom: 0.05rem;}
/*新闻翻页*/
.Pages{text-align: center; color: #555; clear: both; margin-bottom: 0.8rem; margin-top:0.6rem;}
.Pages span{display: inline-block;}
.Pages .num a{vertical-align: middle; color:#666; font-size: 0.426rem; padding:0.1rem 0.38rem; }
.Pages .a_prev, .Pages .a_next{padding-top:0.4rem; padding-left:0.38rem; padding-right: 0.38rem;}
.Pages .a_prev img, .Pages .a_next img{width:0.267rem;height: 0.587rem;}
.Pages .num .a_cur{background-color:#444444; color:#FFF;}
/*新闻评论*/
.news-comments{width:97%; margin:auto;}
.news-comments{font-size: 0.75rem;}
.news-comment{border-bottom: 1px solid #e5e5e5; padding-top:0.65rem;}
.news-comment .left{width:1.6rem; float: left; margin-right: 1rem;}
.news-comment .left img{width:1.6rem; height: 1.6rem;}
.news-comment .right{float: right; width:15rem;}
.news-comment span{display: block;}
.news-comment .news_list_des_text{color:#333;}
.Customer-information{width:100%; margin:auto; overflow: hidden;}
.news-comment p{display: block; font-size: 0.48rem; color:#333333; line-height: 0.7rem;margin-top:0.2rem; margin-bottom: 0.35rem;}
/*新闻详情*/
.news_detail{margin-top:1.15rem;}
.news_detail .title{font-size: 0.8rem; color:#333; margin-bottom: 0.5rem;}
.news_detail .date{font-size: 0.427rem; color:#666; padding-bottom: 1rem; border-bottom: 1px solid #d2d2d2;}
.news_detail_content{font-size: 0.54rem; color:#666; text-align: center; line-height: 0.95rem;}
.news_detail_content p{margin-top:0.35rem; margin-bottom: 0.35rem}
.news_detail img{display: block;}
.news_detail .img_des{font-size: 0.48rem; margin-top:0.1rem;}
/*新闻回复*/
.news-replay{width:100%; margin-top:0.5rem; margin-bottom: 0.5rem; text-align: center;}
#ccont{padding:3%;width:94%; }
.news-replay textarea{height: 4.45rem; background: #fff; border:none; margin:0.35rem 0;font-size: 0.54rem;}
.news-replay span{display: inline-block;}
.news-replay .Release{font-size: 0.587rem; color:#FFF; padding:0.35rem 1.5rem; background-color:#2897d1; margin-top:0.25rem;}
/*视频分类列表*/
.video_Category ul{width:100%;}
.video_Category li{width:49.4%; margin-right: 1.2%; float: left; position: relative;}
.video_Category li:nth-child(2n){margin-right: 0;}
.video_Category li p{display: block; position: absolute; text-align: center; bottom:0.8rem; color:#FFF; font-size: 0.8rem; width:100%; }
/*热门视频 */
.video_hot span{display: block;}
.video_hot li{margin-bottom: 1.15rem;}
.video_hot .title{font-size: 0.64rem; color:#333; margin-top:0.45rem; margin-bottom: 0.25rem;}
.video_hot .des_text{font-size: 0.54rem; color:#666; line-height: 0.85rem;}
/*视频详情类别*/
.video_category{position:relative;height: 3.45rem;width: 100%;overflow: hidden;margin:0 auto; }
.video_category ul{margin-top:1rem;}
.video_category li{padding-left:1rem; display: inline-block; text-align: center; font-style: none; margin-bottom: 0rem}
.video_category li:last-child(){padding-right: 1rem;}
.video_category .category_list{font-size: 0.64rem; color:#333333;}
.video_category .scroller {position:absolute;}
.video_category .category_list p{margin-top:0.25rem;}
.video_category img{width:1.5rem; max-width:60px;}
/*专题购买按钮*/
.solid_blue {border-top: 5px solid #009fe0; background-color: #FFF; position: relative;}
.solid_strip {border-top: 5px solid #344558; background-color: #FFF; position: relative;}
.buy {width: 100%; position: absolute; bottom: 1.23rem; color: #333333;}
/*两列产品*/
.special_title{position: absolute; width:100%; text-align: center; top:1.06rem; font-size: 0.587rem;}
.buy{width:100%; position: absolute; bottom:1.23rem; color:#333333;}
.buy a{ /*border:1px solid #c2d600;*/ padding:0.2rem 0.35rem 0.22rem;}
.buy_margin{margin-right: 0.8rem;}
.buy_button a{padding:0.2rem 0.35rem 0.22rem; /*border:1px solid #5c5c5c;*/}
.subject_span {padding:0.2rem 0.35rem 0.22rem; color: #939393; border: 1px solid #939393;}
.buy_socket{border:1px solid #00ba31; background-color:#00ba31; color:#fff; }
.span_margin{margin-right: 0.7rem;}
.buy_computers{border:1px solid #00ba31; background-color:#4da1f7; color:#fff; }
.buy_phone{border:1px solid #00ba31; background-color:#00ba31; color:#fff; }
.buy_gray{border:1px solid #5c5c5c; color:#333;}
/*1列产品*/
.special_text{position: absolute; text-align: left; top:2.02rem; left: 1.44rem;}
/*两行*/
/*七大产品线购买按钮背景*/
.computer a{ border:1px solid #6f6f6f; color:#333; padding:0.2rem 0.35rem 0.22rem;margin-right: 0.4rem;}
/*详情样式*/
.o_detail_all {text-align: center; background-color:#FFF; overflow: hidden;}
.o_detail_title {font-size:0.85rem; color: #101010; }
.o_detail_small {font-size:0.75rem; color: #333; margin-top:0.4rem;}
.o_detail_text {font-size:0.64rem;color: #737373; line-height: 1rem; width:80%; margin: auto; margin-top:0.5rem;}
.o_detail_img{margin-top:0.3rem; margin-bottom: 1.3rem;}
/**/
.border-top-socket{border-top:6px solid #00ba31;}
/*两列*/
.list_two{width:100%; overflow: hidden;}
.list_two li{width:9.365rem; margin-right:0.26rem; float: left; margin-bottom: 0.26rem; position: relative;}
.list_two li:nth-child(2n){margin-right: 0;}
.list_two img{display: block;}
/*一个产品*/
.list_one{width:100%; overflow: hidden;}
.list_one li{width:100%; margin-top:0.27rem; float: left; position: relative;}
.list_one .title{font-size: 0.64rem; color:#333;}
.list_one .subtitle{font-size: 0.587rem; color:#666;}
/*一列*/
.list_one_special{margin-left:1.44rem; width:50%; position: absolute; top:0;}
/*产品多颜色切换*/
.Multi_color{height: 0.8rem; width:100%; text-align: center}
.Multi_color ul{width:100%; margin-top:0.65rem;}
.Multi_color .S-small-img{display: inline-block; width:0.8rem; }
.cricle{display: block; /*width:0.64rem; height: 0.64rem;*/ width:14px; height: 14px; border-radius: 14px; border:1px solid #d6d6d6; text-align: center; vertical-align: middle;}
.S-Cricle-Bg{/*width:0.48rem; height: 0.48rem; border-radius:0.24rem; margin-top:0.08rem;*/ width:10px; height: 10px; border-radius:10px; margin-top:2px; overflow: hidden; }
.product_list li li{float: none; margin-right: 0; padding:0;}
.Multi_color .on .cricle{border:1px solid rgba(0,0,0,0.5); }
.slideTxtBox .bd .li{width:5.86px; margin:auto;}
/*详情样式*/
/*seo-pro*/
.seo-pro h3{font-size:0.9rem; text-align: center; color: #333;margin:2% 0 1%; padding: 2% 0; line-height: 1.2;font-weight: 400;}
.seo-pro p{text-align: center;margin: 0 0 11px; font-size:0.7rem; color: #737373;}
.seo-pro a{color: #333; text-decoration: none;}
.sa_blue, .sa_blue a, .seo-pro a:hover{ color: #009fdf;}

68
public/frontend/m_web/css/subject/anti-fake.css Executable file
View File

@@ -0,0 +1,68 @@
.fake {
background-color: #fff;
border-radius: 5px;
margin-top: 0.53rem;
overflow: hidden;
}
.fake input {
width: 94%;
border: none;
height: 2.5rem;
line-height: 2.5rem;
padding-left: 3%;
padding-right: 3%;
}
.fake .title {
height: 3.04rem;
line-height: 3.04rem;
}
.fake_content {
width: 90%;
padding-left: 5%;
padding-right: 5%;
overflow: hidden;
text-align: left;
}
.fake p {
display: block;
text-align: left;
}
.fake_01 img {
width: 15.28rem;
margin: auto;
}
.fake_button {
position: relative;
width: 20rem;
margin: auto;
}
.fake_button button {
border: none;
background-color: transparent;
}
.fake01 {
background-color: #fff;
border-radius: 5px;
overflow: hidden;
margin: 1rem 0;
}
.fake_border {
/* border-top: 1px solid #e5e5e5; */
text-align: left;
}
.fake_l_height_38 {
line-height: 0.95rem;
}
.f_left {
width: 4.08rem;
float: left;
margin-right: 1.47rem;
}
.f_right {
width: 11rem;
float: left;
}
.fake_button_img img {
width: 17.5rem;
margin: 0 auto 1vw;
}

7
public/frontend/m_web/css/subject/brand.css Executable file
View File

@@ -0,0 +1,7 @@
.dis_box{width:96%; margin:auto; position: relative; margin-top:0.8rem;}
.dis_box:before{content: ""; width:1px; height: 24.4rem; position: absolute; background-color:#b0bbc7; top:0.62rem; left:0.25rem;}
.brand{padding-bottom: 0.58rem; overflow: hidden;}
.brand:last-child{border-left:none;}
.dis_box .culture-l{float: left;width:2.8rem; margin-right: 0.2rem; padding-left:0.8rem; position: relative;}
.dis_box .culture-r{float: left;width:13.8rem;}
.dis_box .culture-l span{position: absolute; width:0.4rem; height: 0.4rem; border-radius: 0.4rem; border:1px solid #318eed; left:0rem; z-index: 9; background-color:#FFF; top:0.35rem; }

5
public/frontend/m_web/css/subject/charger.css Executable file
View File

@@ -0,0 +1,5 @@
.charger {position: absolute; width:60%; left:1.6rem;}
.charger_banner{top:6.2rem;}
.charger_06{top:7.2rem;}
.charger_07{top:6.2rem;}

21
public/frontend/m_web/css/subject/contact.css Executable file
View File

@@ -0,0 +1,21 @@
.contact{overflow: hidden;}
.contact li{width:9.365rem; margin-right:0.26rem; float: left;}
.contact li:nth-child(2n){margin-right: 0;}
/*两列*/
.contact_two{width:100%; overflow: hidden;}
.contact_two li{width:9.365rem; margin-right:0.26rem; float: left; background-color:#FFF; padding-bottom: 1.25rem; margin-bottom: 0.26rem;}
.contact_two li:nth-child(2n){margin-right: 0;}
.contact_two img{width:4.2rem; margin-bottom: 0.15rem; display: block; margin:auto; padding-top:1.5rem;}
/*三列*/
.contact_three{width:100%; overflow: hidden;}
.contact_three li{float: left; text-align: center;}
.contact_three img{width:1.92rem; margin-bottom: 0.15rem; display: block; margin:auto;}
.contact_three p{font-size: 0.427rem; margin-top:0.5rem;}
.contact_three_01{width:30%; }
.contact_three_02{width:40%; }
.contact_three_03{width:30%; }
.contact_three a{text-decoration: underline; font-size: 0.427rem;}
.contact_line img{width:0.96rem; height: 0.054rem; padding:0;}

27
public/frontend/m_web/css/subject/decennial.css Executable file
View File

@@ -0,0 +1,27 @@
.ten_title{font-size: 3.125em; padding-top:4.8vw; padding-bottom: 3.5vw;}
.ten_subtitle{font-size: 2.375em; padding-bottom: 1.2vw;}
.ten_des{width:54%; margin:auto; font-size: 1.125em; line-height: 1.5em;}
@media screen and (max-width:1440px){
.ten_title{font-size: 2.5em; line-height: 1.25em;}
.ten_subtitle{font-size:1.875em; line-height: 1em;}
.ten_des{width:64%;}
}
@media screen and (max-width:1080px){
.ten_des{width:84%;}
}
.ten_02_bg{overflow: hidden; background:#f7fbfe url("../../images/decennial/ten_02_bg.jpg") 100% 100% no-repeat;}
.ten_02{width:100%; }
.ten_three{padding-top:3.5vw; padding-bottom: 3vw; width:100%; background:url("../../images/decennial/ten03_bg.jpg") 100% 100% no-repeat;}
.ten_four{width:98%; left:1%; right:1%; top:1.8vw; overflow: hidden;}
.ten_four li{width:14.2857142857143%; float:left; padding: 0.5rem 0; }
.ten_six{width:100%; margin-top:1.5vw; overflow: hidden;}
.ten_six li{width:32.84%; margin-right: 0.74%; float: left;}
.ten_six li:last-child{margin-right: 0;}
.ten_four_line{widht:100%; background-color:#e5e5e5; height: 1px; margin-top:1vw; }
.ten_video{width:58.15%; margin:1.5vw auto 0;}
.ten_bg {background: #f7fbfe;}
.ten_pa_30 {padding-top: 0.84rem;padding-bottom: 0.84rem;}
.ten_pa_20 {padding-right: 0.5rem;padding-left: 0.5rem;}

97
public/frontend/m_web/css/subject/distributor.css Executable file
View File

@@ -0,0 +1,97 @@
/*第二屏*/
.distributor_02{ width:10.3rem; position: absolute; left:5.84rem; top:1.6rem; }
.distributor_02 img{width:1.34rem; height: 0.107rem;}
.distributor_02 .content{border-bottom: 1px solid #FFF; padding-bottom: 0.125rem;}
.distributor_02 .content:last-child{border-bottom: none;}
.distributor_02 span{letter-spacing:-0.01rem;}
.distributor_02 .text_22{line-height: 1rem;}
/*第三屏*/
.distributor_03{position: absolute; bottom:0; width:100%;}
.distributor_03 ul{width:80%; margin:auto;}
.distributor_03 li{width:47%; float: left;}
.distributor_03 li:first-child{margin-right: 3%;}
.distributor_03 li:last-child{margin-left:3%;}
.distributor_03 li p:last-child{line-height: 0.8rem; margin-bottom: 0.1rem;}
/*第四屏*/
.distributor_04{position: absolute; top:0; width:100%;}
.distributor_04 li{float: left;}
.distributor_04 li{padding-top:3.5rem;}
.distributor_04 li:first-child, .distributor_04 li:nth-child(3){margin-right: 3%; width:47%;}
.distributor_04 li:nth-child(2n){margin-left:6%; width:44%;}
/*第六屏*/
.distributor_six_01{position: absolute;}
.distributor_six_01{position: absolute;}
.distributor_six_01{position: absolute;}
.distributor_six_01{position: absolute;}
.distributor_six_01{position: absolute;}
.distributor_six_01{position: absolute;}
.distributor_six_01{position: absolute;}
.distributor_six_01{position: absolute;}
.distributor_six_01{position: absolute;}
.distributor_six_01{position: absolute;}
.distributor_six_01{position: absolute;}
.distributor_six_01{position: absolute;}
.distributor_six_01{position: absolute;}
.distributor_six_01{position: absolute;}
.distributor_six_01{position: absolute;}
.distributor_six_01{position: absolute;}
.distributor_six_01{position: absolute;}
.distributor_six_01{position: absolute;}
.distributor_six_01{position: absolute;}
.distributor_six_01{position: absolute;}
/*第七屏*/
.distributor_07{position: absolute; top:9.28rem; width:100%;}
/*第八屏*/
.distributor_08{position: absolute; left:8.64rem; top:1.65rem;}
/*第九屏*/
.distributor_09{width:96%; padding:0.35rem 2%; background-color:#1e1e1e;}
/*第十屏*/
.distributor_10{width:100%; margin:auto; position: relative; margin-top:0.8rem;}
.distributor_10:before{content: ""; width:1px; height: 15.7rem; position: absolute; background-color:#b0bbc7; top:0.62rem; left:0.15rem;}
.distributor_10 .list{padding-bottom: 0.4rem; overflow: hidden;}
.distributor_10 .list:last-child{border-left:none;}
.distributor_10 .distributor-l{float: left;width:2.8rem; margin-right: 0.2rem; padding-left:0.8rem; position: relative;}
.distributor_10 .distributor-r{float: left;width:13.8rem;}
.distributor_10 .distributor-l span{position: absolute; width:0.32rem; height: 0.32rem; border-radius: 0.32rem; background-color:#d4d4d4; left:0rem; z-index: 9; top:0.35rem; }
/*第十一屏*/
.distributor_11{width:100%; position: absolute; bottom:1.174rem; }
/*第十二屏*/
.distributor_12{width:92%; margin:0.75rem auto 0.6rem;}
/*第十三屏*/
.distributor_13{width:100%; position: absolute; top:0;}
.distributor_13 li{width:4.27rem; margin-left:0.35rem; margin-right: 2.85rem; float: left; margin-top:3.1rem; margin-bottom: 0.7rem;}
.distributor_13 li:nth-child(3n){margin-right: 0;}
.distributor_13 li:nth-child(2), .distributor_13 li:nth-child(5){margin-left:0.65rem;}

70
public/frontend/m_web/css/subject/fake.css Executable file
View File

@@ -0,0 +1,70 @@
.fake {
background-color: #fff;
border-radius: 5px;
margin-top: 2.53vw;
overflow: hidden;
}
.fake input {
width: 94%;
border: none;
height: 12vw;
line-height: 12vw;
padding-left: 3%;
padding-right: 3%;
}
.fake .title {
height: 3.04rem;
line-height: 3.04rem;
}
.fake_content {
width: 90%;
padding-left: 5%;
padding-right: 5%;
overflow: hidden;
margin-top: 1rem;
}
.fake p {
display: block;
text-align: left;
}
.fake_01 img {
width: 15.28rem;
margin: auto;
}
.fake_button {
position: relative;
width: 20rem;
}
.fake_button button {
border: none;
background-color: transparent;
margin: 0.5rem 0;
width: 100%;
text-align: center;
}
.fake01 {
background-color: #fff;
border-radius: 5px;
overflow: hidden;
}
.fake_border {
border-top: 1px solid #e5e5e5;
text-align: left;
}
.fake_l_height_38 {
line-height: 0.95rem;
}
.f_left {
width: 4.08rem;
float: left;
margin-right: 1.47rem;
}
.f_right {
float: left;
text-align: left;
}
.fake_button_img img {
width: 17.5rem;
margin: auto;
text-align: center;
}

16
public/frontend/m_web/css/subject/fan.css Executable file
View File

@@ -0,0 +1,16 @@
.fan {position: absolute; width:60%;}
.fan_banner{top:5.2rem; left:1.1rem;}
.fan_03{top:4.8rem; right:1.5rem; text-align: right;}
.fan_06{top:5.4rem; left:2.6rem; }
.fan_05{top:1.2rem; left:0.5rem; width:52%;}
/*2个产品*/
.fan_two_list{width:100%; overflow: hidden;}
.fan_two_list li{width:9.34rem; margin-right:0.275rem; margin-top:0.27rem; float: left;}
.fan_two_list li:nth-child(2n){margin-right:0;}
.fan_two_list li a{color:#333;}
/*一个产品*/
.fan_one_list{width:100%; overflow: hidden;}
.fan_one_list li{width:100%; margin-top:0.27rem; float: left; position: relative;}
.fan_one_list .title{font-size: 0.64rem; color:#333;}
.fan_one_list .subtitle{font-size: 0.587rem; color:#666;}

49
public/frontend/m_web/css/subject/h_speed.css Executable file
View File

@@ -0,0 +1,49 @@
/*10Gbps高速存储*/
/*banner*/
.h_speed_banner { position: relative;}
.h_speed_banner img {display: block;}
.banner_button {position: absolute; top:-0.5vw; width:100%; text-align: center;}
.banner_button span{background:#009fe0; padding:1vw 3vw; font-size: 0.746em; color: #fff; font-style: italic;}
.banner_button_title { position:absolute; top:3.3rem; width:100%; text-align: center;color: #fff; font-size: 1.28rem;font-style: italic; }
.banner_button_subtitle { font-size: 0.85rem; text-align: center;position:absolute; top:5.2rem;width:100%; color: #fff;}
/*第二屏*/
.h_speed_02 {position: relative;}
.h_speed_02 img {display: block;}
.h_speed_all {position: absolute;top:2.4rem; }
.h_speed_l {left:1.86rem;}
.speed_t {top:2.4rem;}
.h_speed_02_title { font-size: 1.01rem; color: #fff;}
.h_speed_02_subtitle { font-size:0.64rem; color: #fff; line-height: 1.1rem;}
.h_speed_text span{display: inline-block; background:#009fe0; padding:1.5vw 4vw; font-size:0.586rem; margin-top:1.5vw;}
.h_speed_text a, h_speed_text a:hover{color:#FFF;}
/*第三屏*/
.h_speed_r {right:1.86rem;}
/*第九屏*/
.h_speed_09 {position: relative;}
.h_speed_09_text {position: absolute;width:100%; text-align: center; color: #fff; font-size: 1.01rem; top:1rem;}
.h_speed_09 img {display:block;}
/*第十屏*/
.h_speed_w {width:95%; margin: auto;}
.h_speed_10 {width:100%; text-align:center; color:#333;margin:1.46rem 0 0.85rem;font-size: 0.85rem; }
.h_speed_10_img li{width:49.4%; margin-right:1.2%; margin-bottom: 0.25rem; float: left; position: relative; overflow: hidden;}
.h_speed_10_img li:nth-child(2n) {margin-right: 0;}
.h_speed_10_title {position:absolute;top:1.2rem;font-size: 0.586rem; width:100%; text-align: center; color: #333;}
.transparent_buy {position:relative; bottom:1rem; margin-top:-1.5em; width:100%; text-align: center;}
.transparent_buy .btn{padding-left:5%; margin-bottom: 2%; padding-right:5%; height: 1.8em; margin-left:2%; margin-right:2%; border:1px solid #5c5c5c; display: inline-block; line-height: 1.8em; color:#333; font-size: 0.64rem;}
.transparent_buy .btn a {color: #333;}
.transparent_buy .btn a:hover {color: #4da1f7; }
.h_speed_t {position: relative;}
.h_speed_t_text {position: absolute;top:1.2rem; left: 1.44rem; color: #333; }
.h_speed_t_title { font-size: 0.64rem;}
.h_speed_t_subtitle { font-size: 0.586rem; color: #6e6e6e; padding-top: 0.3rem;}
.transparent_buy_two {position:relative; bottom:2.8rem; margin-top:-1.5em;left: 1.05rem; }
.transparent_buy_two .btn{padding-left:2.5%; margin-bottom: 2%; padding-right:2.3%; height: 1.8em; margin-left:2%; margin-right:2%; border:1px solid #5c5c5c; display: inline-block; line-height: 1.8em; color:#333; font-size: 0.64rem;}
.transparent_buy_two .btn a {color: #333;}
.transparent_buy_two .btn a:hover {color: #4da1f7; }

9
public/frontend/m_web/css/subject/honor.css Executable file
View File

@@ -0,0 +1,9 @@
.honor_01{top:3.25rem; position: absolute; width:87.6%; left:6.2%;}
.honor_01 .des_text{font-size: 0.575rem; line-height: 1rem;}
.honor_01 ul{width:100%;}
.honor_01 li{float: left; margin-right: 1.25rem;}
.honor_01 li:nth-child(1){width:4.8rem; }
.honor_01 li:nth-child(2){width:6.3rem; }
.honor_01 li:nth-child(3){width:3.9rem; margin-right: 0;}
.honor_01 .title{font-size: 0.75rem;}
.honor_01 .subtitle{font-size: 0.48rem;}

126
public/frontend/m_web/css/subject/job.css Executable file
View File

@@ -0,0 +1,126 @@
body {background: #fff;}
.job_banner {
width: 100%;
}
.bx-wrapper {
position: relative;
margin: 0 auto 15px;
padding: 0;
*zoom: 1;
overflow: hidden;
}
.bx-wrapper img {
max-width: 100%;
display: block;
}
/** THEME
===================================*/
.bx-wrapper .bx-viewport {
/*fix other elements on the page moving (on Chrome)*/
-webkit-transform: translatez(0);
-moz-transform: translatez(0);
-ms-transform: translatez(0);
-o-transform: translatez(0);
transform: translatez(0);
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
position: absolute;
bottom: 15px;
width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
min-height: 50px;
background: url(../images/bx_loader.gif) center center no-repeat #fff;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
text-align: center;
font-size: .85em;
font-family: Arial;
font-weight: bold;
color: #666;
padding-top: 20px;
}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
*zoom: 1;
*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
background: #fff;
border: 1px solid #fff;
text-indent: -9999px;
display: block;
width: 8px;
height: 8px;
margin: 0 10px;
outline: 0;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
background: #8baee9;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
left: 10px;
}
.bx-wrapper .bx-next {
right: 10px;
}
.bx-wrapper .bx-prev:hover {
background-position: 0 0;
}
.bx-wrapper .bx-next:hover {
background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -16px;
outline: 0;
width: 32px;
height: 32px;
text-indent: -9999px;
z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
display: none;
}
/*你将获得*/
.job_delay {overflow: hidden;}
.job_delay li {width:33.3%; float: left; font-size: 0.53rem; color: #666; text-align: center;}
.job_delay li img {width:3.06rem;}
/*元创“新兵老将”计划*/
.job_blue {color: #457dc3;}
.job_blue a {color: #457dc3;}
.job_bor{ overflow: hidden;border: 1px #ccc solid;}
.form-table{width: 100%;margin: 0 auto;text-align: center;table-layout: fixed;}
.form-table th{border-bottom: 1px #ccc solid;background: #000; color: #fff; line-height: 1.6rem; font-size: 0.64rem;}
.form-table th:nth-child(1) { width:30%; text-align: left; padding-left:0.8rem;}
.form-table td{border-bottom: 1px #ccc solid; font-size: 0.58rem; color: #666;}
.form-table td:nth-child(1) {width:30%; text-align: left; padding-left:0.8rem; }
.fixed-tfoot tr td{background: #F3F3F3;border-bottom: none;}
.fixed-thead tr th,.fixed-tfoot tr td{height: 50px;font-weight: 100; text-align: center;}
.scroll-box{width: 100%;height: 350px;overflow: auto;overflow-x:hidden;}
.scroll-box tr{width: 100%;line-height: 1.6rem;}
.job-font-adress {font-size: 0.64em; color: #666;}
.job-font-adress p{line-height:1.1rem;}

11
public/frontend/m_web/css/subject/question.css Executable file
View File

@@ -0,0 +1,11 @@
#search-in{width:17.6rem; padding-left:0.7rem; padding-right: 0.7rem; border-radius: 1rem; background-color:#FFF; border:none; line-height: 1.87rem;}
#search-btn{background-color:transparent; border:none; position: absolute; right:0.7rem; top:50%; width:1.173rem; height: 0.746rem; margin-top:-0.373rem;}
.fq_list, .fq_cate{width:100%; background-color:#FFF;}
.fq_list .left{width:5.813rem; margin-right: 0.587rem; float: left;}
.fq_list .right{width:12.54rem; float: left;}
.fq_list li{border-bottom: 1px solid #e5e5e5; overflow: hidden; padding-top:0.5rem; padding-bottom: 0.5rem;}
.fq_hover{color:#009fdf;}
.fq_category li{padding-right: 1.33rem; float: left;}
.fq_category a{color:#333; line-height: 2.4rem; }
.fq_category .fq_hover a{color:#009fdf;}
.fq_category .fq_hover span{border-bottom: 2px solid #009fdf; display: block;}

19
public/frontend/m_web/css/subject/rdcenter.css Executable file
View File

@@ -0,0 +1,19 @@
/*研发团队*/
.rdcenter_team{width:100%; overflow: hidden; }
.rdcenter_team li{margin-right: 0.203rem; float: left; text-align: center; margin-bottom: 0.8rem;}
.rdcenter_team_01{width:6rem;}
.rdcenter_team_02{width:6.38rem}
.rdcenter_team_03{width:6rem}
.rdcenter_team li:nth-child()
.rdcenter_team li:nth-child(3n){margin-right: 0;}
.rdcenter_team img{width:2.53rem;}
/*技术与应用*/
.rdcenter_technology{overflow: hidden;}
.rdcenter_technology li{width:9.365rem; margin-right:0.26rem; float: left;}
.rdcenter_technology li:nth-child(2n){margin-right: 0;}
/*品质保障体系*/
.rdcenter_quality{width:100%; overflow: hidden;}
.rdcenter_quality li{width:33.3%; float: left; text-align: center;}
.rdcenter_quality img{width:2.53rem; margin-bottom: 0.15rem;}
.rdcenter_quality p{font-size: 0.427rem; margin-top:0.2rem;}

4
public/frontend/m_web/css/subject/report.css Executable file
View File

@@ -0,0 +1,4 @@
.report_input label{width:100%; display: block; margin-top:0.68rem;}
.report_input input{width:100%; border:1px solid #e6e5e1; margin-top:0.48rem; line-height:1.58rem; font-size: 0.64rem;}
.report_input textarea{width:100%; border:1px solid #e6e5e1; margin-top:0.48rem; line-height:1.18rem; font-size: 0.64rem;}
.report_input button{width:4.4rem; margin-left:auto; margin-right: auto; height: 1.2rem; background-color:#009fdf; border:none; color:#FFF; display: block; }

1
public/frontend/m_web/css/subject/series_35.css Executable file
View File

@@ -0,0 +1 @@
.series35_content{width:80%; margin-left:auto; margin-right: auto;}

10
public/frontend/m_web/css/subject/series_95.css Executable file
View File

@@ -0,0 +1,10 @@
.banner_l{margin-left:1.74rem;}
.series_95_three{border:1px solid rgba(255,255,255,0.3); padding-top:1.7rem; padding-bottom: 1.7rem}
.series_95_three .two_list{width:72%; margin:auto; overflow: hidden;}
.series_95_three .two_list li{width:41.7%; float: left; margin-right: 16.6%;}
.series_95_three .two_list li:last-child{margin-right: 0;}
.series_95_three .three_list{width:100%; overflow: hidden; }
.series_95_three .three_list li{width:23.3%; margin-left:5%; margin-right: 5%; float: left;}
.series_95_three .line{width:1.875vw; height: 1px; background-color:#FFF; margin-left:auto; margin-right: auto;}
.series_95_three .two_list img, .series_95_three .three_list img{width:0.9333rem; margin:auto;}
.series_95_six img{max-width:710px;}

6
public/frontend/m_web/css/subject/socket.css Executable file
View File

@@ -0,0 +1,6 @@
.socket_09{width:17.87rem; margin-left:auto; margin-right: auto; overflow: hidden; text-align: left;}
.socket_09 .socket_w{width:8.93rem; float: left; position: relative; height: 5.65rem;}
.socket_09 .socket_w .content{lefT:1.8rem; height: 2.2rem; position: absolute; top:50%; margin-top:-1.1rem;}
.socket_10{position: absolute; top:4.58rem; left:0.5333rem;}
.socket_12{position: absolute; top:4.58rem; left:1.07rem;}
.socket{position: absolute; top:2.67rem; left:1.07rem;}

19
public/frontend/m_web/css/subject/ssd.css Executable file
View File

@@ -0,0 +1,19 @@
.ssd_Container{width:89%; margin-left: auto;margin-right: auto;}
.ssd_left{width:8.8rem; float: left;}
.ssd_right{width:8rem; float: right;}
.ssd_right_06{width:6rem; float: right;}
.ssd_more{padding:0.25rem 1rem; background-color:#FFF; text-align: center; color:#333; display: inline-block;}
.ssd_text{position: absolute; top:1rem; width:100%; left:0;}
/*新增*/
.margin-top-60{margin-top:1.6rem;}
.margin-top-280{margin-top:7.46rem;}/*上边距280px*/
.capacity {text-align: center;top:68%;width: 100%; position: absolute;}
.c_span { display: inline-block; margin-left: 0.5%; margin-right: 0.5%;border: 1px solid #d6d6d6;padding: 0 0.5%; width: 16%;}
@media screen and (max-width:480px){
.c_span {width:auto;}
}
.ssd-t-w {width:89%; margin: auto;position: absolute;top:4.5rem;}
.capacity01 {text-align: center;top:48%;width: 50%; position: absolute;}
.ssd-w-ca {width:89%; position: absolute; left: 5%;}
.ssd-mr {margin-right: 5%;}

3
public/frontend/m_web/css/subject/stripe.css Executable file
View File

@@ -0,0 +1,3 @@
.stripe_left{width:8.3rem; float: left; margin-left:1.3rem;}
.stripe_right{width:8.3rem; float: right;}
.stripe_text{position: absolute; top:1rem; width:100%; left:0;}

5
public/frontend/m_web/css/subject/thunderbolt_3.css Executable file
View File

@@ -0,0 +1,5 @@
.thunderbolt_3_banner{margin-top:3.01rem; margin-left:1.07rem;}
.slider_blue{border-top:0.16rem solid #4da1f7; background-color:#FFF;}
.thunderbolt_3_one_list{margin-left:1.44rem; margin-top:1.84rem; width:50%; position: absolute; top:0;}
.thunderbolt_3_four{margin-top:3.01rem; margin-left:1.07rem; margin-top:11.3rem;}
.thunderbolt_3_three{margin-top:9.5rem;}

15
public/frontend/m_web/css/subject/transparent.css Executable file
View File

@@ -0,0 +1,15 @@
.transparent {position: absolute; width:40%; left:1.6rem;}
.transparent_banner{top:5rem;}
.transparent_03{top:4.8rem; }
.transparent_06{top:7.55rem;}
.transparent_05{top:1.2rem; left:0.5rem; width:52%;}
/*2个产品*/
.transparent_two_list{width:100%; overflow: hidden;}
.transparent_two_list li{width:9.34rem; margin-right:0.275rem; margin-top:0.27rem; float: left;}
.transparent_two_list li:nth-child(2n){margin-right:0;}
/*一个产品*/
.transparent_one_list{width:100%; overflow: hidden;}
.transparent_one_list li{width:100%; margin-top:0.27rem; float: left; position: relative;}
.transparent_one_list .title{font-size: 0.64rem; color:#333;}
.transparent_one_list .subtitle{font-size: 0.587rem; color:#666;}

13
public/frontend/m_web/css/swiper-bundle.min.css vendored Executable file
View File

File diff suppressed because one or more lines are too long

BIN
public/frontend/m_web/images/ORICO-WS.ogg Executable file
View File

Binary file not shown.

BIN
public/frontend/m_web/images/ORICO-WS.webm Executable file
View File

Binary file not shown.

BIN
public/frontend/m_web/images/ORICO_HOME_VIDEO.ogg Executable file
View File

Binary file not shown.

BIN
public/frontend/m_web/images/countries/合成国家图片.tif Executable file
View File

Binary file not shown.

BIN
public/frontend/m_web/images/home-video.ogg Executable file
View File

Binary file not shown.

BIN
public/frontend/m_web/images/home-video.webm Executable file
View File

Binary file not shown.

15
public/frontend/m_web/js/Click_enlarge/swiper.min.css vendored Executable file
View File

File diff suppressed because one or more lines are too long

18
public/frontend/m_web/js/Click_enlarge/swiper.min.js vendored Executable file
View File

File diff suppressed because one or more lines are too long

216
public/frontend/m_web/js/bxslider/goods.bxslider.css Executable file
View File

@@ -0,0 +1,216 @@
/**
* BxSlider v4.1.2 - Fully loaded, responsive content slider
* http://bxslider.com
*
* Written by: Steven Wanderski, 2014
* http://stevenwanderski.com
* (while drinking Belgian ales and listening to jazz)
*
* CEO and founder of bxCreative, LTD
* http://bxcreative.com
*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
position: relative;
margin: 0 auto;
padding: 0;
*zoom: 1;
}
.bx-wrapper img {
max-width: 100%;
display: block;
}
/** THEME
===================================*/
.bx-wrapper .bx-viewport {
background: #fff;
/*fix other elements on the page moving (on Chrome)*/
-webkit-transform: translatez(0);
-moz-transform: translatez(0);
-ms-transform: translatez(0);
-o-transform: translatez(0);
transform: translatez(0);
}
.goods_Related .bx-wrapper .bx-viewport{background-color:transparent;;}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
position: absolute;
bottom: -0.15rem;
width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
min-height: 50px;
background: url(../images/bx_loader.gif) center center no-repeat #fff;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
text-align: center;
font-size: .85em;
font-family: Arial;
font-weight: bold;
color: #666;
padding-top: 20px;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
*zoom: 1;
*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
background: #d9d9d9;
text-indent: -9999px;
display: block;
width: 10px;
height: 10px;
margin: 0 5px;
outline: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
background: #009fdf;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.goods_Related .bx-wrapper .bx-prev {
left: -0.96rem;
background: url(../../images/bx-left.png);
background-size:0.38rem 0.7rem;
-moz-background-size:0.38rem 0.7rem; /* 老版本的 Firefox */
background-repeat:no-repeat;
}
.goods_Related .bx-wrapper .bx-next {
right: -0.96rem;
background: url(../../images/bx-right.png);
background-size:0.38rem 0.7rem;
-moz-background-size:0.38rem 0.7rem; /* 老版本的 Firefox */
background-repeat:no-repeat;
}
/*.bx-wrapper .bx-prev:hover {
background-position: 0 0;
}
.bx-wrapper .bx-next:hover {
background-position: -43px 0;
}*/
.bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -16px;
outline: 0;
width: 32px;
height: 32px;
text-indent: -9999px;
z-index: 9999;
}
.goods_Related .bx-wrapper .bx-controls-direction a {
position: absolute;
top:50%;
outline: 0;
width: 0.38rem;
height: 0.7rem;
margin-top:-1.25rem;
text-indent: -9999px;
z-index: 999;
}
/*.bx-wrapper .bx-controls-direction a.disabled {
display: none;
}*/
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
display: block;
text-indent: -9999px;
width: 10px;
height: 11px;
outline: 0;
background: url(../images/controls.png) -86px -11px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
display: block;
text-indent: -9999px;
width: 9px;
height: 11px;
outline: 0;
background: url(../images/controls.png) -86px -44px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
text-align: left;
width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
position: absolute;
bottom: 0;
left: 0;
background: #666\9;
background: rgba(80, 80, 80, 0.75);
width: 100%;
}
.bx-wrapper .bx-caption span {
color: #fff;
font-family: Arial;
display: block;
font-size: .85em;
padding: 10px;
}

233
public/frontend/m_web/js/bxslider/jquery.bxslider.css Executable file
View File

@@ -0,0 +1,233 @@
/**
* BxSlider v4.0 - Fully loaded, responsive content slider
* http://bxslider.com
*
* Written by: Steven Wanderski, 2012
* http://stevenwanderski.com
* (while drinking Belgian ales and listening to jazz)
*
* CEO and founder of bxCreative, LTD
* http://bxcreative.com
*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
position: relative;
margin: 0 auto;
padding: 0;
*zoom: 1;
}
.bx-wrapper img {
max-width: 100%;
display: block;
}
/** THEME
===================================*/
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
position: absolute;
bottom: -1.5rem;
width: 100%;
}
.banner .bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto{
position: absolute;
bottom: -1.5rem;
width: 96%;
}
/* LOADER */
.bx-wrapper .bx-loading {
min-height: 50px;
background: url(images/bx_loader.gif) center center no-repeat #fff;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000;
}
/* PAGER */
.banner .bx-wrapper .bx-pager {
text-align: right;
font-size: .85em;
font-family: Arial;
font-weight: bold;
color: transparent;
padding-bottom: 5%;
}
.partner .bx-wrapper .bx-pager {
text-align: center;
font-size: .85em;
font-family: Arial;
font-weight: bold;
color: transparent;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
*zoom: 1;
*display: inline;
}
.banner .bx-wrapper .bx-pager.bx-default-pager a {
background:#FFF;
text-indent: -9999px;
display: block;
width: 0.4rem;
height: 0.14rem;
margin: 0 5px;
outline: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 0.25rem;
color:transparent;
}
.banner .bx-wrapper .bx-pager.bx-default-pager .active {
background:#FFF;
text-indent: -9999px;
display: block;
width: 0.67rem;
height: 0.14rem;
margin: 0 5px;
outline: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 0.25rem;
color:transparent;
}
.partner .bx-wrapper .bx-pager.bx-default-pager a {
background: transparent;
text-indent: -9999px;
display: block;
width: 0.25rem;
height: 0.25rem;
margin: 0 5px;
outline: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 0.25rem;
color:transparent;
border:1px solid #009fdf;
}
.partner .bx-wrapper .bx-pager.bx-default-pager a:hover,
.partner .bx-wrapper .bx-pager.bx-default-pager a.active {
background: #009fdf;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
left: 10px;
background: url(images/controls.png) no-repeat 0 -32px;
}
.bx-wrapper .bx-next {
right: 10px;
background: url(images/controls.png) no-repeat -43px -32px;
}
.bx-wrapper .bx-prev:hover {
background-position: 0 0;
}
.bx-wrapper .bx-next:hover {
background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -16px;
outline: 0;
width: 32px;
height: 32px;
text-indent: -9999px;
z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
display: block;
text-indent: -9999px;
width: 10px;
height: 11px;
outline: 0;
background: url(images/controls.png) -86px -11px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
display: block;
text-indent: -9999px;
width: 9px;
height: 11px;
outline: 0;
background: url(images/controls.png) -86px -44px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
text-align: left;
width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
position: absolute;
bottom: 0;
left: 0;
background: #666\9;
background: rgba(80, 80, 80, 0.75);
width: 100%;
}
.bx-wrapper .bx-caption span {
color: #fff;
font-family: Arial;
display: block;
font-size: .85em;
padding: 10px;
}

10
public/frontend/m_web/js/bxslider/jquery.bxslider.min.js vendored Executable file
View File

File diff suppressed because one or more lines are too long

2
public/frontend/m_web/js/jquery-1.8.3.min.js vendored Executable file
View File

File diff suppressed because one or more lines are too long

194
public/frontend/m_web/js/mshare.js Executable file
View File

@@ -0,0 +1,194 @@
/**
* 此插件主要作用是在UC和QQ两个主流浏览器
* 上面触发微信分享到朋友圈或发送给朋友的功能
*/
'use strict';
var UA = navigator.appVersion;
/**
* 是否是 UC 浏览器
*/
var uc = UA.split('UCBrowser/').length > 1 ? 1 : 0;
/**
* 判断 qq 浏览器
* 然而qq浏览器分高低版本
* 2 代表高版本
* 1 代表低版本
*/
var qq = UA.split('MQQBrowser/').length > 1 ? 2 : 0;
/**
* 是否是微信
*/
var wx = /micromessenger/i.test(UA);
/**
* 浏览器版本
*/
var qqVs = qq ? parseFloat(UA.split('MQQBrowser/')[1]) : 0;
var ucVs = uc ? parseFloat(UA.split('UCBrowser/')[1]) : 0;
/**
* 获取操作系统信息 iPhone(1) Android(2)
*/
var os = (function () {
var ua = navigator.userAgent;
if (/iphone|ipod/i.test(ua)) {
return 1;
} else if (/android/i.test(ua)) {
return 2;
} else {
return 0;
}
}());
/**
* qq浏览器下面 是否加载好了相应的api文件
*/
var qqBridgeLoaded = false;
// 进一步细化版本和平台判断
if ((qq && qqVs < 5.4 && os == 1) || (qq && qqVs < 5.3 && os == 1)) {
qq = 0;
} else {
if (qq && qqVs < 5.4 && os == 2) {
qq = 1;
} else {
if (uc && ((ucVs < 10.2 && os == 1) || (ucVs < 9.7 && os == 2))) {
uc = 0;
}
}
}
/**
* qq浏览器下面 根据不同版本 加载对应的bridge
* @method loadqqApi
* @param {Function} cb 回调函数
*/
function loadqqApi(cb) {
// qq == 0
if (!qq) {
return cb && cb();
}
var script = document.createElement('script');
script.src = (+qq === 1) ? '//3gimg.qq.com/html5/js/qb.js' : '//jsapi.qq.com/get?api=app.share';
/**
* 需要等加载过 qq 的 bridge 脚本之后
* 再去初始化分享组件
*/
script.onload = function () {
cb && cb();
};
document.body.appendChild(script);
}
/**
* UC浏览器分享
* @method ucShare
*/
function ucShare(config) {
// ['title', 'content', 'url', 'platform', 'disablePlatform', 'source', 'htmlID']
// 关于platform
// ios: kWeixin || kWeixinFriend;
// android: WechatFriends || WechatTimeline
// uc 分享会直接使用截图
var platform = '';
var shareInfo = null;
// 指定了分享类型
if (config.type) {
if (os == 2) {
platform = config.type == 1 ? 'WechatTimeline' : 'WechatFriends';
} else if (os == 1) {
platform = config.type == 1 ? 'kWeixinFriend' : 'kWeixin';
}
}
shareInfo = [config.title, config.desc, config.url, platform, '', '', ''];
// android
if (window.ucweb) {
ucweb.startRequest && ucweb.startRequest('shell.page_share', shareInfo);
return;
}
if (window.ucbrowser) {
ucbrowser.web_share && ucbrowser.web_share.apply(null, shareInfo);
return;
}
}
/**
* qq 浏览器分享函数
* @method qqShare
*/
function qqShare(config) {
var type = config.type;
//微信好友 1, 微信朋友圈 8
type = type ? ((type == 1) ? 8 : 1) : '';
var share = function () {
var shareInfo = {
'url': config.url,
'title': config.title,
'description': config.desc,
'img_url': config.img,
'img_title': config.title,
'to_app': type,
'cus_txt': ''
};
if (window.browser) {
browser.app && browser.app.share(shareInfo);
} else if (window.qb) {
qb.share && qb.share(shareInfo);
}
};
if (qqBridgeLoaded) {
share();
} else {
loadqqApi(share);
}
}
/**
* 对外暴露的接口函数
* @method mShare
* @param {Object} config 配置对象
*/
function mShare(config) {
this.config = config;
this.init = function (type) {
if (typeof type != 'undefined') this.config.type = type;
try {
if (uc) {
ucShare(this.config);
} else if (qq && !wx) {
qqShare(this.config);
}
} catch (e) {}
}
}
// 预加载 qq bridge
loadqqApi(function () {
qqBridgeLoaded = true;
});
if (typeof module === 'object' && module.exports) {
module.exports = mShare;
} else {
window.mShare = mShare;
}

117
public/frontend/m_web/js/scroll/flexible.js Executable file
View File

@@ -0,0 +1,117 @@
;(function(win, lib) {
var doc = win.document;
var docEl = doc.documentElement;
var metaEl = doc.querySelector('meta[name="viewport"]');
var flexibleEl = doc.querySelector('meta[name="flexible"]');
var dpr = 0;
var scale = 0;
var tid;
var flexible = lib.flexible || (lib.flexible = {});
if (metaEl) {
console.warn('将根据已有的meta标签来设置缩放比例');
var match = metaEl.getAttribute('content').match(/initial\-scale=([\d\.]+)/);
if (match) {
scale = parseFloat(match[1]);
dpr = parseInt(1 / scale);
}
} else if (flexibleEl) {
var content = flexibleEl.getAttribute('content');
if (content) {
var initialDpr = content.match(/initial\-dpr=([\d\.]+)/);
var maximumDpr = content.match(/maximum\-dpr=([\d\.]+)/);
if (initialDpr) {
dpr = parseFloat(initialDpr[1]);
scale = parseFloat((1 / dpr).toFixed(2));
}
if (maximumDpr) {
dpr = parseFloat(maximumDpr[1]);
scale = parseFloat((1 / dpr).toFixed(2));
}
}
}
if (!dpr && !scale) {
var isAndroid = win.navigator.appVersion.match(/android/gi);
var isIPhone = win.navigator.appVersion.match(/iphone/gi);
var devicePixelRatio = win.devicePixelRatio;
if (isIPhone) {
// iOS下，对于2和3的屏，用2倍的方案，其余的用1倍方案
if (devicePixelRatio >= 3 && (!dpr || dpr >= 3)) {
dpr = 3;
} else if (devicePixelRatio >= 2 && (!dpr || dpr >= 2)){
dpr = 2;
} else {
dpr = 1;
}
} else {
// 其他设备下，仍旧使用1倍的方案
dpr = 1;
}
scale = 1 / dpr;
}
docEl.setAttribute('data-dpr', dpr);
if (!metaEl) {
metaEl = doc.createElement('meta');
metaEl.setAttribute('name', 'viewport');
metaEl.setAttribute('content', 'initial-scale=' + scale + ', maximum-scale=' + scale + ', minimum-scale=' + scale + ', user-scalable=no');
if (docEl.firstElementChild) {
docEl.firstElementChild.appendChild(metaEl);
} else {
var wrap = doc.createElement('div');
wrap.appendChild(metaEl);
doc.write(wrap.innerHTML);
}
}
function refreshRem(){
var width = docEl.getBoundingClientRect().width;
if (width / dpr > 768) {
width = 768 * dpr;
}
var rem = width / 10;
docEl.style.fontSize = rem + 'px';
flexible.rem = win.rem = rem;
}
win.addEventListener('resize', function() {
clearTimeout(tid);
tid = setTimeout(refreshRem, 300);
}, false);
win.addEventListener('pageshow', function(e) {
if (e.persisted) {
clearTimeout(tid);
tid = setTimeout(refreshRem, 300);
}
}, false);
if (doc.readyState === 'complete') {
doc.body.style.fontSize = 12 * dpr + 'px';
} else {
doc.addEventListener('DOMContentLoaded', function(e) {
doc.body.style.fontSize = 12 * dpr + 'px';
}, false);
}
refreshRem();
flexible.dpr = win.dpr = dpr;
flexible.refreshRem = refreshRem;
flexible.rem2px = function(d) {
var val = parseFloat(d) * this.rem;
if (typeof d === 'string' && d.match(/rem$/)) {
val += 'px';
}
return val;
}
flexible.px2rem = function(d) {
var val = parseFloat(d) / this.rem;
if (typeof d === 'string' && d.match(/px$/)) {
val += 'rem';
}
return val;
}
})(window, window['lib'] || (window['lib'] = {}));

2121
public/frontend/m_web/js/scroll/iscroll.js Executable file
View File

File diff suppressed because it is too large Load Diff

91
public/frontend/m_web/js/scroll/navbarscroll.js Executable file
View File

@@ -0,0 +1,91 @@
/*
* 移动端模拟导航可点击自动滑动 0.1.4
* Date: 2017-01-11
* by: xiewei
* 导航可左右滑动，可点击边缘的一个，自动滚动下一个到可视范围【依赖于iscroll.js】
*/
(function ($) {
$.fn.navbarscroll = function (options) {
//各种属性、参数
var _defaults = {
className:'cur', //当前选中点击元素的class类名
clickScrollTime:300, //点击后滑动时间
duibiScreenWidth:0.4, //单位以rem为准，默认为0.4rem
scrollerWidth:200, //单位以px为准，默认为3,[仅用于特殊情况：外层宽度因为小数点造成的不精准情况]
defaultSelect:0, //初始选中第n个，默认第0个
fingerClick:0, //目标第0或1个选项触发,必须每一项长度一致，方可用此项
endClickScroll:function(thisObj){}//回调函数
}
var _opt = $.extend(_defaults, options);
this.each(function () {
//插件实现代码
var _wrapper = $(this);
var _win = $(window);
var _win_width = _win.width(),_wrapper_width = _wrapper.width(),_wrapper_off_left = _wrapper.offset().left;
var _wrapper_off_right=_win_width-_wrapper_off_left-_wrapper_width;
var _obj_scroller = _wrapper.children('.scroller');
var _obj_ul = _obj_scroller.children('ul');
var _obj_li = _obj_ul.children('li');
var _scroller_w = 0;
_obj_li.css({"margin-left":"0","margin-right":"0"});
for (var i = 0; i < _obj_li.length; i++) {
_scroller_w += _obj_li[i].offsetWidth+_obj_li.length*2;
}
_obj_scroller.width(_scroller_w+_opt.scrollerWidth);
//alert( _scroller_w);
var myScroll = new IScroll('#'+_wrapper.attr('id'), {
eventPassthrough: true,
scrollX: true,
scrollY: false,
preventDefault: false
});
_init(_obj_li.eq(_opt.defaultSelect));
_obj_li.click(function(){
_init($(this));
});
//解决PC端谷歌浏览器模拟的手机屏幕出现莫名的卡顿现象，滑动时禁止默认事件（2017-01-11）
_wrapper[0].addEventListener('touchmove',function (e){e.preventDefault();},false);
function _init(thiObj){
var $this_obj=thiObj;
var duibi=_opt.duibiScreenWidth*_win_width/10,this_index=$this_obj.index(),this_off_left=$this_obj.offset().left,this_pos_left=$this_obj.position().left,this_width=$this_obj.width(),this_prev_width=$this_obj.prev('li').width(),this_next_width=$this_obj.next('li').width();
var this_off_right=_win_width-this_off_left-this_width;
if(_scroller_w+2>_wrapper_width){
if(_opt.fingerClick==1){
if(this_index==1){
myScroll.scrollTo(-this_pos_left+this_prev_width,0, _opt.clickScrollTime);
}else if(this_index==0){
myScroll.scrollTo(-this_pos_left,0, _opt.clickScrollTime);
}else if(this_index==_obj_li.length-2){
myScroll.scrollBy(this_off_right-_wrapper_off_right-this_width,0, _opt.clickScrollTime);
}else if(this_index==_obj_li.length-1){
myScroll.scrollBy(this_off_right-_wrapper_off_right,0, _opt.clickScrollTime);
}else{
if(this_off_left-_wrapper_off_left-(this_width*_opt.fingerClick)<duibi){
myScroll.scrollTo(-this_pos_left+this_prev_width+(this_width*_opt.fingerClick),0, _opt.clickScrollTime);
}else if(this_off_right-_wrapper_off_right-(this_width*_opt.fingerClick)<duibi){
myScroll.scrollBy(this_off_right-this_next_width-_wrapper_off_right-(this_width*_opt.fingerClick),0, _opt.clickScrollTime);
}
}
}else{
if(this_index==1){
myScroll.scrollTo(-this_pos_left+this_prev_width,0, _opt.clickScrollTime);
}else if(this_index==_obj_li.length-1){
if(this_off_right-_wrapper_off_right>1||this_off_right-_wrapper_off_right<-1){
myScroll.scrollBy(this_off_right-_wrapper_off_right,0, _opt.clickScrollTime);
}
}else{
if(this_off_left-_wrapper_off_left<duibi){
myScroll.scrollTo(-this_pos_left+this_prev_width,0, _opt.clickScrollTime);
}else if(this_off_right-_wrapper_off_right<duibi){
myScroll.scrollBy(this_off_right-this_next_width-_wrapper_off_right,0, _opt.clickScrollTime);
}
}
}
}
$this_obj.addClass(_opt.className).siblings('li').removeClass(_opt.className);
_opt.endClickScroll.call(this,$this_obj);
}
});
};
})(jQuery);

77
public/frontend/m_web/js/video/bvd.css Executable file
View File

@@ -0,0 +1,77 @@
@keyframes vhide {0% {opacity: 1;}100% {opacity: 0;}}
@-webkit-keyframes vhide {0% {opacity: 1;}100% {opacity: 0;}}
.vhidden {
animation: vhide 3.5s ease-in;
-webkit-animation: vhide 3.5s ease-out;
}
.bad-video video {
width: 100%;
height: 100%;
display: block;
object-fit: fill;
}
.bad-video {
position: relative;
overflow: hidden;
background-color: #CCCCCC;
}
.bad-video .vplay {
position: absolute;
width: 15%;
z-index: 99;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.bad-video .controls {
width: 100%;
height: 2rem;
line-height: 2rem;
font-size: 0.8rem;
color: white;
display: block;
position: absolute;
bottom: 0;
background-color: rgba(0, 0, 0, .55);
display: -webkit-flex;
display: flex;
}
.bad-video .controls>* {
flex: 1;
}
.bad-video .controls>*:nth-child(1) {
flex: 6;
}
.bad-video .controls>*:nth-child(2) {
flex: 2;
text-align: center;
}
.bad-video .controls .progressBar {
margin: .75rem 5%;
position: relative;
width: 90%;
height: .5rem;
background-color: rgba(200, 200, 200, .55);
border-radius: 10px;
}
.bad-video .controls .timeBar {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
background-color: rgba(99, 110, 225, .85);
border-radius: 10px;
}

58
public/frontend/m_web/js/video/bvd.js Executable file
View File

File diff suppressed because one or more lines are too long

708
public/frontend/m_web/js/video/jsmodern.min.css vendored Executable file
View File

@@ -0,0 +1,708 @@
/*! jsModern v3.4.2 | (c) Frank Chao | MIT license */
* {
margin: 0;
padding: 0;
outline: 0;
background: transparent;
font-family: "Helvetica Neue", Helvetica, "PingFang SC", Microsoft YaHei;
-webkit-font-smoothing: antialiased;
-webkit-tap-highlight-color: transparent
}
html {
-webkit-text-size-adjust: 100%
}
button::-moz-focus-inner, input::-moz-focus-inner, img {
border: 0
}
input::-ms-clear, input::-ms-reveal {
display: none
}
table {
border-collapse: collapse;
border-spacing: 0
}
input[type="submit"], input[type="button"], input[type="reset"], input[type="file"], button {
cursor: pointer
}
main {
display: block
}
.jsmodern-select-none {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.jsmodern-marquee-inner {
float: none !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important
}
.jsmodern-marquee-default, .jsmodern-marquee-repeat {
float: left;
margin: 0 !important;
padding: 0 !important;
background: transparent !important
}
.jsmodern-marquee-part {
display: block;
float: left
}
section.jsmodern-share {
position: fixed;
top: 50% !important;
left: 50% !important;
width: 300px !important;
height: 335px !important;
z-index: 999999;
margin: 0 !important;
background: #fff;
border: #ddd solid 1px;
border-radius: 10px;
box-shadow: #ddd 0 0 20px;
overflow: hidden !important;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.jsmodern-share p {
display: block;
height: 20px !important;
text-align: center;
font-size: 18px;
margin: 15px 0 20px 0 !important
}
.jsmodern-share section {
float: none !important;
width: 260px !important;
height: 260px !important;
margin: 0 auto !important;
padding: 0 !important
}
.jsmodern-share b {
position: absolute;
width: 12px;
height: 12px;
border: #333 solid 4px;
background: #333 url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAAS1BMVEVMaXH///////////////////////////////////////////////////////////////////////////////////////////////9UrLx+AAAAGHRSTlMAgHBAMKDPEO9gwOAgsFCQn/DQ37+vj1+ShkdhAAAB/UlEQVR42u3ayW4CQQwA0dmgZyEJgSz+/y/NISgTaRrVqfpkny1eaSBSEO5ycnJy/s94nSPm69hJ8/0ZEfevS1efco3HfBaDv5zjd+alvnCOvzkLBdO8v35fW3iLcAp2f5/XygOKOBRoftzhAewFhl9/BGuIBbv//FMwx7HA8+PlsLSFULD7HLCGULD7/BYMUS2Q/BgPe+W9XuD4t8rmEPUCw4+xtnt6UiD4S9e5Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7BezbBeT7BeT7BeT7BeD7BeD7BeBLBey7Bey7Bey7Bey7BezLBejrBeT7BeT7BeD781L3BxXl/7/iXNr5UKD7UKD7UKD7UKD7VGD7XKD7XOD7XOD7XOD7XOD7ywkKbJ++N/o+FOg+FOg+FOg+Fdg+F9g+F9g+F9g+Fzh+3h/k/UHeH+T9Qd4f5P1B3h/k/UHeH+T9gVFQGt4ffNRWP1reH/THxbHp/cFcYE+4P6BXXt37A34PGt8frIelW9v7gzf4FUS/PxgOK0vb+4PLcWVreX9wqmxMDe8PtlLbWN5b3R9sU31jWh9/IlOnzOv2eP7l6cpl6Pth6rQZ+75fSpeTk5Pzf34AZEeVGaC2p3QAAAAASUVORK5CYII=);
background-size: cover;
border-radius: 10px;
right: 4px;
top: 4px;
cursor: pointer;
opacity: .2;
transition: .2s
}
.jsmodern-share b:hover {
opacity: .5
}
.jsmodern-picture-container {
display: block;
position: relative;
overflow: hidden
}
.jsmodern-picture-container a {
display: block;
color: #fff;
text-decoration: none
}
.jsmodern-picture-container img {
border: 0
}
.jsmodern-picture-inner {
position: absolute;
height: 100%;
top: 0;
left: 0;
overflow: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.jsmodern-picture-part {
position: relative;
overflow: hidden
}
.jsmodern-picture-fade {
width: 100%
}
.jsmodern-picture-fade .jsmodern-picture-part {
position: absolute;
display: none
}
.jsmodern-picture-slide .jsmodern-picture-part {
float: left
}
.jsmodern-picture-slide img {
display: block
}
.jsmodern-picture-dot {
position: absolute;
bottom: 15px
}
.jsmodern-picture-dot.jsmodern-picture-dotcenter {
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0)
}
.jsmodern-picture-dot.jsmodern-picture-dotleft {
left: 10px
}
.jsmodern-picture-dot.jsmodern-picture-dotright {
right: 10px
}
.jsmodern-picture-dot b {
display: block;
float: left;
width: 10px;
height: 10px;
background: #888;
border-radius: 5px;
cursor: pointer;
margin: 0 5px;
transition: .4s
}
.jsmodern-picture-dot b.active {
background: #fff
}
.jsmodern-picture-prev, .jsmodern-picture-next {
display: block;
position: absolute;
top: 50%;
width: 17px;
height: 32px;
margin-top: -16px;
cursor: pointer;
background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAgCAYAAAB3j6rJAAAB7klEQVR42s3XbUtaYRzH8euhqUetZC1Dy1q1mLhX0hvxjeyBIIMV1YpuHOkiBmNsc60dvGmNQS/KfR/8ghAOF8frXLIHH5D/+d898fjXjMfj/4JL8XPsIiW7is10kSI+ootAuooVZ7XIIjr4hjKMlBXrKMfrIvP4gB4qk88V6yln3tciBVzgBqtReXp2o9xC0ovkcYZbVG35yrlVTT6pRXI4QYh1xayUG6o257pIgPfo4wVMHKrpq0cw7SJZHGKATcViU+1AvbJxF8lgHyNswzjaVq999bYvosR3uMOOYs7U6069M7ZF0niLe7yCSZJ63mtGOmqRObTwBzUYT2qa0cLc5CIpNPEXdRjP6prV1Gxj9OENHvAaZhY060GzU4/vig5CLM1qEc0KNTt4GvwkPpeJnPf04TI+4xrPfC2h3teatRz19S3hC66gAyc56nmlGSXbC20FX9GFDhx36tVV7xXrm1XK+I5LLLguoR6X6lmO+6NXwQ+0oWsrPtW21asy7Rmwhp84RyHuEqo5V48118Ooil84RR5xrrpT1VaTOhU3EOLYdm1JTrmhao3NNNfWkeXaCpSjq87P34ktDHEQcW1l9WyoXK9/sF5ihL2JAyej2Eg5Jg6Xa+s3WkhJS7GprjrXA6eBrDQUMx4X8e8fwj0L7GH1LqcAAAAASUVORK5CYII=) no-repeat
}
.jsmodern-picture-prev {
margin-left: 13px
}
.jsmodern-picture-next {
right: 0;
margin-right: 13px;
background-position: -17px 0
}
@media screen and (max-width: 768px) {
.jsmodern-picture-dot {
bottom: 13px
}
.jsmodern-picture-dot b {
-webkit-transform: scale(0.7);
transform: scale(0.7)
}
}
.jsmodern-video {
background: #000;
position: relative;
overflow: hidden;
z-index: 10
}
.jsmodern-video-panel {
position: absolute;
bottom: 0;
left: 0;
z-index: 2147483648;
width: 100%;
height: 40px;
line-height: 40px;
color: #fff;
background: rgba(0, 0, 0, .8);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.jsmodern-video-panel.jsmodern-video-panelFull {
left: 50%;
-webkit-transform: translate(-50%, -10px);
-ms-transform: translate(-50%, -10px);
transform: translate(-50%, -10px);
padding: 3px 5px;
border-radius: 8px
}
.jsmodern-video-linebox {
height: 6px;
background: rgba(255, 255, 255, .25);
border-radius: 3px;
width: 460px;
width: -webkit-calc(100% - 305px);
width: -moz-calc(100% - 305px);
width: calc(100% - 305px);
float: left;
margin: 17px 0 0 15px;
position: relative;
cursor: pointer
}
.jsmodern-video-pass {
position: absolute;
border-radius: 3px;
height: 100%;
background:#f81e3d;
}
.jsmodern-video-linedot {
width: 6px;
height: 6px;
background: #fff;
border-radius: 3px;
-webkit-transform: scale(1.8);
-ms-transform: scale(1.8);
transform: scale(1.8);
position: absolute
}
.jsmodern-video-panel b {
cursor: pointer
}
.jsmodern-video-panel b, .jsmodern-video-panel span {
display: block;
float: left
}
.jsmodern-video-panel span {
font-size: 12px;
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.jsmodern-video-start {
margin-left: 10px
}
.jsmodern-video-start + span {
width: 14px;
height: 12px;
text-align: center;
line-height: 12px;
font-size: 10px;
overflow: hidden;
margin-top: 13px;
-webkit-transform: scale(1, 0.9) translateY(1px);
-ms-transform: scale(1, 0.9) translateY(1px);
transform: scale(1, 0.9) translateY(1px);
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top
}
.jsmodern-video-start, .jsmodern-video-end {
width: 39px;
text-align: center
}
.jsmodern-video-volumebox {
width: 80px;
height: 6px;
background: rgba(255, 255, 255, .25);
border-radius: 3px;
float: left;
margin: 18px 0 0 7px;
position: relative;
cursor: pointer
}
.jsmodern-video-volumeline {
width: 40px;
height: 6px;
background: #f81e3d;
border-radius: 3px;
margin-top: 0
}
.jsmodern-video-volumedot {
width: 6px;
height: 6px;
background: #fff;
border-radius: 3px;
margin: -6px 0 0 37px;
-webkit-transform: scale(1.8);
-ms-transform: scale(1.8);
transform: scale(1.8);
position: absolute
}
.jsmodern-video-play, .jsmodern-video-volume, .jsmodern-video-fullin {
width: 18px;
height: 18px;
margin-top: 11px;
background-position: center;
background-repeat: no-repeat
}
.jsmodern-video-play {
margin-left: 10px;
background-image: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAe0lEQVR42q2UQRGAIBREiWAEIhjhRzCKDbCBRjGCDaQBRqDBdzntgRvLm3nXN6sMhIa7G0xBgqHGC1c9RNKcENeZHiInXLQQKdDUUL9OD3GdGOrXaSGSZ4QuddEDo/KPPrgpx1/hwc8YC90wKlckQ1MubYW79IzwOMf4AZCzZlJ6pNv5AAAAAElFTkSuQmCC)
}
.jsmodern-video-pause {
background-image: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAANUlEQVR42u3MMQoAAAgCwP4/9aR+VjQINtTcoNBicobkTNiS/vEQvSBBggR9hILOD8h5i74A46kzKYwr0EYAAAAASUVORK5CYII=)
}
.jsmodern-video-volume {
margin-left: 15px;
background-image: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAqklEQVR42tWT0QmDMBCGHcENXMEBhGaL9rEjZATffKwDZJdmgy7QHZo33zz/0AscBmNaCOIPH3Ke+USTq84ZIrqDdnXPgGuuoAVP4KMi0TddSlCDB5BR3GvEcy/wCYUCF8HNNwFtiBwwQco9jSKKBZQQaa4brt+en0W8eAJGiN2/IusRIiouKv9puA5bP7uXhDfsbP8gtn8GOnUgx8wD6XJHxO6NSNGhPT4LSrtjI5LQNtEAAAAASUVORK5CYII=)
}
.jsmodern-video-muted {
background-image: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAA00lEQVR42s2UsQ3CMBBFqZAokNLQoozgCWJ3NAxAg5QRGIEFEOkpgBFgAbIKC0AoU5nv6CJ9GQI6lIIvPcXxyd93di4D730v9Gf0Xc1mOTA0pTMKi8EFBDm1EQIJ2AKWldiw64wcsMQC3EGsDEzBhLPAM5XBi0r/XjNwBUfKxMimhcYoAzsZ78mkAkZlJBUc5L1uTbSlWbrJWuZOYU5tFJVzbsvUGs3BDTzEkMtsDnsdsQJVR0YbsOTrlzXJpw+yACwnsfGvLVLqWkTftCM2+r//0RPE3HMNwpwYwQAAAABJRU5ErkJggg==)
}
.jsmodern-video-fullin {
margin-left: 15px;
background-image: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAKlBMVEVMaXH////////////////////////////////////////////////////m1kuZAAAADXRSTlMAYBAw79DwIM9wgG9/QM+KqQAAAF5JREFUeNqNj0sSwCAIQ6Pit+X+1y2GOs7UTbNA8kYjQE05wpTK7LG8EwcdrwZB7hrcBx1FYfcDCY9UEGdbrFbiBIqpFf90PmGo7NDvtwJt1x7slmN0graWEwIny+sDBBUDznqlFGYAAAAASUVORK5CYII=)
}
.jsmodern-video-fullout {
margin-left: 15px;
background-image: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAJ1BMVEVMaXH////////////////////////////////////////////////c+C/6AAAADHRSTlMAgBDQz39QIMBAML9Nf8RqAAAAaElEQVR42r2QQQ7AIAgEV6CIlv+/t3Ap3E2cyyojxIBb7JfqQu/+z+ZCIAU0QtzqEbtMGcCIcCZ0454iIuvFLDHRICkhvUNHsICVqThBnyBHZSqK4+/2Ok9OEdGNOdcSuS1xW2+3jUt8eaUDz3DmFVcAAAAASUVORK5CYII=)
}
b.jsmodern-video-fullFalse {
opacity: .5;
cursor: default
}
.jsmodern-scrollBar-container {
overflow: hidden
}
.jsmodern-scrollBar-inner {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0)
}
.jsmodern-scrollbar {
position: absolute;
top: 0;
right: 1px;
width: 6px;
background: rgba(0, 0, 0, .3);
border-radius: 3px;
z-index: 10px;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0)
}
.jsmodern-lazyload {
display: block;
opacity: 0
}
.jsmodern-page-content {
text-align: center;
margin-left: auto;
margin-right: auto
}
.jsmodern-page-target > * {
display: none
}
.jsmodern-page {
height: 38px;
display: inline-block;
overflow: hidden;
border-radius: 19px;
border: #e8e8e8 solid 1px;
margin: 0 auto
}
.jsmodern-page > div i, .jsmodern-page > i {
display: block;
float: left;
width: 40px;
height: 38px;
line-height: 38px;
font-size: 13px;
text-align: center;
cursor: pointer;
font-style: normal;
background: #f5f5f5;
transition: .15s;
font-weight: bold;
color: #333
}
.jsmodern-page i {
border-right: #e3e3e3 solid 1px;
border-left: #fff solid 1px
}
.jsmodern-page > div {
float: left;
max-width: 420px;
overflow: hidden
}
.jsmodern-page > div div {
height: 38px
}
.jsmodern-page i.active {
background: #E04636;
color: #fff;
box-shadow: rgba(0, 0, 0, .2) 0 0 10px inset;
border-right-color: #fff
}
.jsmodern-page i:hover {
color: #E04636
}
.jsmodern-page i.active:hover {
color: #fff
}
.jsmodern-page > i span {
display: inline-block;
font-size: 20px
}
.jsmodern-page > i:first-child {
border-radius: 19px 0 0 19px
}
.jsmodern-page > i:last-child {
border-radius: 0 19px 19px 0
}
i.jsmodern-page-first, i.jsmodern-page-last, i.jsmodern-page-next, i.jsmodern-page-prev {
line-height: 33px
}
section.jsmodern-page-more {
margin: 0;
padding: 0;
text-align: center;
width: 100%;
height: 40px;
line-height: 40px;
font-size: 15px;
background: #ececec;
color: #666
}
.jsmodern-fullpage-container {
display: block;
position: fixed;
width: 100%;
height: 100%;
z-index: 10;
top: 0;
left: 0;
overflow: hidden;
transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1)
}
.jsmodern-fullpage-part {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0;
overflow: hidden
}
.jsmodern-fullpage-navigation {
position: fixed;
z-index: 20
}
.jsmodern-fullpage-navigation-x {
left: 50%;
bottom: 18px;
width: auto;
height: 10px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%)
}
.jsmodern-fullpage-navigation-y {
top: 50%;
right: 18px;
width: 10px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
.jsmodern-fullpage-navigation-default > b {
display: block;
cursor: pointer;
width: 8px;
height: 8px;
border: #000 solid 1px;
border-radius: 10px;
opacity: .8;
transition: .3s
}
.jsmodern-fullpage-navigation-y > b {
margin: 10px 0
}
.jsmodern-fullpage-navigation-x > b {
float: left;
margin: 0 8px
}
.jsmodern-fullpage-navigation-default > b.active {
background: #000
}
.jsmodern-dialog-container {
position: fixed;
width: 100%;
height: 100%;
z-index: 2147483649;
top: 0;
left: 0;
background: rgba(0, 0, 0, .6);
margin: 0;
padding: 0;
opacity: 0
}
.jsmodern-dialog {
position: fixed;
left: 50%;
top: -20px;
width: 500px;
min-width: 500px;
height: auto;
line-height: auto;
overflow: hidden;
padding: 15px;
margin: 0;
text-align: left;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
background: #fff;
border-radius: 6px;
border: #555 solid 1px;
box-shadow: 0 0 20px rgba(0, 0, 0, .3);
opacity: 0
}
.jsmodern-dialog-title {
text-align: left;
font-size: 16px;
font-weight: bold;
color: #000;
word-wrap: break-word;
word-break: normal
}
.jsmodern-dialog-content {
width: 100%;
height: auto;
min-height: 60px;
overflow: hidden;
word-wrap: break-word;
word-break: normal;
margin-top: 10px;
font-size: 14px;
color: #333;
line-height: 160%;
z-index: 10;
-webkit-overflow-scrolling: touch
}
.jsmodern-dialog > span {
display: block;
float: right;
height: 30px;
line-height: 30px;
font-size: 13px;
padding: 0 12px;
cursor: pointer;
margin: 13px 0 0 10px;
border-radius: 4px;
border: #ccc solid 1px;
transition: .25s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.jsmodern-dialog > span.jsmodern-dialog-sure {
background: #2F7CBE;
border-color: #2F7CBE;
color: #fff
}
.jsmodern-dialog > span.jsmodern-dialog-sure:hover {
background: #1563A6;
border-color: #1563A6
}
.jsmodern-dialog > span.jsmodern-dialog-cancel:hover {
background: #eee
}
@media screen and (max-width: 1024px) {
.jsmodern-dialog.jsmodern-dialog-mobile {
top: 43%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.jsmodern-dialog.jsmodern-dialog-mobile .jsmodern-dialog-title {
-webkit-transform: scale(1.03);
transform: scale(1.03);
transform-origin: left top
}
.jsmodern-dialog.jsmodern-dialog-mobile > span {
font-size: 14px
}
}

2
public/frontend/m_web/js/video/jsmodern.min.js vendored Executable file
View File

File diff suppressed because one or more lines are too long

9
public/frontend/m_web/js/video/mui.min.js vendored Executable file
View File

File diff suppressed because one or more lines are too long