2597 lines
44 KiB
CSS
2597 lines
44 KiB
CSS
|
|
|
|||
|
|
/**
|
|||
|
|
*
|
|||
|
|
* master.less
|
|||
|
|
*
|
|||
|
|
* <EFBFBD><EFBFBD>ʽ<EFBFBD><EFBFBD><EFBFBD>ļ<EFBFBD>
|
|||
|
|
* <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʽ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʽ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʼ<EFBFBD><EFBFBD><EFBFBD>Լ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʽ<EFBFBD><EFBFBD>
|
|||
|
|
*
|
|||
|
|
* version 1.0.0.0(<EFBFBD><EFBFBD><EFBFBD>汾<EFBFBD><EFBFBD>.<EFBFBD>Ӱ汾<EFBFBD><EFBFBD>.<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>汾<EFBFBD><EFBFBD>.<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>汾<EFBFBD><EFBFBD>)
|
|||
|
|
*
|
|||
|
|
* @author pye-mail@163.com
|
|||
|
|
*
|
|||
|
|
* create log 2015<EFBFBD><EFBFBD>6<EFBFBD><EFBFBD>12<EFBFBD><EFBFBD>14:15:37
|
|||
|
|
*
|
|||
|
|
* last update <EFBFBD><EFBFBD>
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
*
|
|||
|
|
* _bass.less
|
|||
|
|
*
|
|||
|
|
* <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʽ
|
|||
|
|
* <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʽ<EFBFBD>Ƕ<EFBFBD>Ԫ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʽ<EFBFBD>ij<EFBFBD>ʼ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>е<EFBFBD>Ҳ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>reset.css(<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʽ)<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ҫȥ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ӵ<EFBFBD><EFBFBD>»<EFBFBD><EFBFBD>ߡ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ҫȥ<EFBFBD><EFBFBD><EFBFBD>б<EFBFBD>ǰ<EFBFBD><EFBFBD>Բ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>š<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ҫ<EFBFBD><EFBFBD>bodyû<EFBFBD>м<EFBFBD>϶<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ǻ<EFBFBD><EFBFBD><EFBFBD>Ҫ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>body<EFBFBD>µ<EFBFBD>Ĭ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>壬<EFBFBD><EFBFBD>С<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ɫ<EFBFBD>ȵ<EFBFBD>
|
|||
|
|
*
|
|||
|
|
* version 1.0.0.0(<EFBFBD><EFBFBD><EFBFBD>汾<EFBFBD><EFBFBD>.<EFBFBD>Ӱ汾<EFBFBD><EFBFBD>.<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>汾<EFBFBD><EFBFBD>.<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>汾<EFBFBD><EFBFBD>)
|
|||
|
|
*
|
|||
|
|
* @author pye-mail@163.com
|
|||
|
|
*
|
|||
|
|
* create log 2015<EFBFBD><EFBFBD>2<EFBFBD><EFBFBD>6<EFBFBD><EFBFBD>13:46:12
|
|||
|
|
*
|
|||
|
|
* last update <EFBFBD><EFBFBD>
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
html {
|
|||
|
|
font-size: 62.5%;
|
|||
|
|
}
|
|||
|
|
html,
|
|||
|
|
body
|
|||
|
|
{
|
|||
|
|
|
|||
|
|
font-family: "\9ED1\4F53";
|
|||
|
|
/* <EFBFBD><EFBFBD><EFBFBD><EFBFBD> \9ED1\4F53
|
|||
|
|
<EFBFBD><EFBFBD><EFBFBD><EFBFBD> \5B8B\4F53
|
|||
|
|
<EFBFBD><EFBFBD><EFBFBD><EFBFBD> \6977\4F53
|
|||
|
|
<EFBFBD><EFBFBD><EFBFBD>ź<EFBFBD> \5FAE\8F6F\96C5\9ED1
|
|||
|
|
*/
|
|||
|
|
line-height: 1.5;
|
|||
|
|
overflow-x: hidden;
|
|||
|
|
}
|
|||
|
|
body,
|
|||
|
|
dl,
|
|||
|
|
dt,
|
|||
|
|
dd,
|
|||
|
|
ul,
|
|||
|
|
ol,
|
|||
|
|
li,
|
|||
|
|
h1,
|
|||
|
|
h2,
|
|||
|
|
h3,
|
|||
|
|
h4,
|
|||
|
|
h5,
|
|||
|
|
h6,
|
|||
|
|
pre,
|
|||
|
|
code,
|
|||
|
|
form,
|
|||
|
|
fieldset,
|
|||
|
|
legend,
|
|||
|
|
input,
|
|||
|
|
textarea,
|
|||
|
|
p,
|
|||
|
|
blockquote,
|
|||
|
|
table,
|
|||
|
|
th,
|
|||
|
|
td,
|
|||
|
|
tr,
|
|||
|
|
hr,
|
|||
|
|
button,
|
|||
|
|
article,
|
|||
|
|
aside,
|
|||
|
|
details,
|
|||
|
|
figcaption,
|
|||
|
|
figure,
|
|||
|
|
footer,
|
|||
|
|
header,
|
|||
|
|
hgroup,
|
|||
|
|
menu,
|
|||
|
|
nav,
|
|||
|
|
section {
|
|||
|
|
margin: 0;
|
|||
|
|
padding: 0;
|
|||
|
|
}
|
|||
|
|
/* <20><><EFBFBD><EFBFBD> IE 6/7/8/9 <20><> Firefox 3 <20><>δ<EFBFBD><CEB4><EFBFBD><EFBFBD><EFBFBD><EFBFBD> `block` Ԫ<><D4AA><EFBFBD><EFBFBD>ʾ*/
|
|||
|
|
article,
|
|||
|
|
aside,
|
|||
|
|
details,
|
|||
|
|
figcaption,
|
|||
|
|
figure,
|
|||
|
|
footer,
|
|||
|
|
header,
|
|||
|
|
hgroup,
|
|||
|
|
main,
|
|||
|
|
nav,
|
|||
|
|
section,
|
|||
|
|
summary {
|
|||
|
|
display: block;
|
|||
|
|
}
|
|||
|
|
/* У<><D0A3> Firefox 3+<2B><> Safari 4/5 <20><> Chrome <20><> `bolder` <20><><EFBFBD><EFBFBD>ʽ*/
|
|||
|
|
b,
|
|||
|
|
strong {
|
|||
|
|
font-weight: bold;
|
|||
|
|
}
|
|||
|
|
/*1<EFBFBD><EFBFBD>ͳһ<EFBFBD>߿<EFBFBD><EFBFBD><EFBFBD>ʽ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>textarea<EFBFBD><EFBFBD>select<EFBFBD>߿<EFBFBD><EFBFBD>ò<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ı<EFBFBD>
|
|||
|
|
*2<EFBFBD><EFBFBD>ȥ<EFBFBD><EFBFBD><EFBFBD>ȸ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ı<EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ͱ<EFBFBD>ť<EFBFBD>Ľ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>߿<EFBFBD>ȥ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>textarea<EFBFBD><EFBFBD>select<EFBFBD>Ľ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>߿<EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* ȥ<EFBFBD><EFBFBD>ie<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ϰ<EFBFBD>ť<EFBFBD>Ľ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>߿<EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
input,
|
|||
|
|
select,
|
|||
|
|
textarea,
|
|||
|
|
button {
|
|||
|
|
border: 1px solid;
|
|||
|
|
/* 1 */
|
|||
|
|
outline: 0;
|
|||
|
|
/* 2 */
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 1<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>IE<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʹ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>û<EFBFBD>г<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ı<EFBFBD><EFBFBD><EFBFBD>Χʱ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ֹ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
textarea {
|
|||
|
|
overflow: auto;
|
|||
|
|
/* 1 */
|
|||
|
|
resize: none;
|
|||
|
|
/*<2A><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>С*/
|
|||
|
|
}
|
|||
|
|
/**<2A><>inputԪ<74><D4AA><EFBFBD><EFBFBD><EFBFBD>ú<EFBFBD><C3BA><EFBFBD><EFBFBD><EFBFBD><EFBFBD>м<EFBFBD><D0BC><EFBFBD>*/
|
|||
|
|
input {
|
|||
|
|
line-height: normal;
|
|||
|
|
}
|
|||
|
|
/**<2A><><EFBFBD><EFBFBD>Ϊ<EFBFBD><CEAA>ť<EFBFBD><C5A5>Ԫ<EFBFBD><D4AA><EFBFBD><EFBFBD>ʾΪ<CABE><CEAA><EFBFBD><EFBFBD>ť<EFBFBD><C5A5><EFBFBD><EFBFBD><EFBFBD>ӣ<EFBFBD><D3A3><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʱ<EFBFBD><EFBFBD><F2A3ACB3><EFBFBD><EFBFBD>ֵ<EFBFBD><D6B5><EFBFBD><EFBFBD>ӡ<EFBFBD>*/
|
|||
|
|
button,
|
|||
|
|
input[type="button"],
|
|||
|
|
input[type="reset"],
|
|||
|
|
input[type="submit"] {
|
|||
|
|
-webkit-appearance: button;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
/**<2A><><EFBFBD><EFBFBD>ťΪ<C5A5><CEAA><EFBFBD>ð<EFBFBD>ťʱ,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ΪĬ<CEAA><C4AC>״̬.<2E><><EFBFBD>ı<EFBFBD><C4B1><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ı<EFBFBD><C4B1><EFBFBD><EFBFBD><EFBFBD>ֻ<EFBFBD><D6BB><EFBFBD><EFBFBD>ʱ<EFBFBD><CAB1><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʾΪĬ<CEAA><C4AC>״̬<D7B4><CCAC> */
|
|||
|
|
input[disabled],
|
|||
|
|
button[disabled],
|
|||
|
|
input[readonly],
|
|||
|
|
textarea[readonly] {
|
|||
|
|
cursor: default;
|
|||
|
|
}
|
|||
|
|
/*<2A><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>߿<EFBFBD><DFBF><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD>button<6F><6E>Firefox<6F><78><EFBFBD><EFBFBD><EFBFBD>߿<EFBFBD><DFBF><EFBFBD><EFBFBD><EFBFBD><EFBFBD>з<EFBFBD><D0B7><EFBFBD>*/
|
|||
|
|
button::-moz-focus-inner,
|
|||
|
|
input::-moz-focus-inner {
|
|||
|
|
border: 0;
|
|||
|
|
padding: 0;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 1<EFBFBD><EFBFBD>У<EFBFBD><EFBFBD> IE 8/9 <EFBFBD><EFBFBD> box sizing <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ϊ `content-box`(cs2.1<EFBFBD>涨<EFBFBD>ģ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ⱥ߶ȷֱ<EFBFBD>Ӧ<EFBFBD>õ<EFBFBD>Ԫ<EFBFBD>ص<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ݿ<EFBFBD>) <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* 2<EFBFBD><EFBFBD>ɾ<EFBFBD><EFBFBD> IE 8/9 <EFBFBD>ж<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڱ߾<EFBFBD>
|
|||
|
|
* 3<EFBFBD><EFBFBD>ɾ<EFBFBD><EFBFBD> IE 7 <EFBFBD>ж<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڱ߾<EFBFBD>
|
|||
|
|
* <EFBFBD><EFBFBD>֪<EFBFBD><EFBFBD><EFBFBD>⣺<EFBFBD><EFBFBD> IE 6 <EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ȼ<EFBFBD><EFBFBD><EFBFBD>ڶ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڱ߾<EFBFBD>
|
|||
|
|
*/
|
|||
|
|
input[type="checkbox"],
|
|||
|
|
input[type="radio"] {
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
/* 1 */
|
|||
|
|
padding: 0;
|
|||
|
|
/* 2 */
|
|||
|
|
*height: 13px;
|
|||
|
|
/* 3 */
|
|||
|
|
*width: 13px;
|
|||
|
|
/* 3 */
|
|||
|
|
}
|
|||
|
|
/**<2A><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD>ⲻ<EFBFBD>ܼӴ<DCBC>*/
|
|||
|
|
optgroup {
|
|||
|
|
font-weight: bold;
|
|||
|
|
}
|
|||
|
|
/* ɾ<><C9BE><EFBFBD><EFBFBD>Ԫ<EFBFBD><D4AA><EFBFBD><EFBFBD><EFBFBD>ֵļ<D6B5><C4BC>࣬<EFBFBD>߿<EFBFBD><DFBF>ϲ<EFBFBD>Ϊ<EFBFBD><CEAA>һ<EFBFBD>߿<EFBFBD><DFBF><EFBFBD>*/
|
|||
|
|
table {
|
|||
|
|
border-collapse: collapse;
|
|||
|
|
border-spacing: 0;
|
|||
|
|
empty-cells: show;
|
|||
|
|
}
|
|||
|
|
fieldset,
|
|||
|
|
img {
|
|||
|
|
border: 0;
|
|||
|
|
}
|
|||
|
|
iframe {
|
|||
|
|
display: block;
|
|||
|
|
height: 100%;
|
|||
|
|
width: 100%;
|
|||
|
|
border: 0;
|
|||
|
|
}
|
|||
|
|
/**<2A><>ʼ<EFBFBD><CABC>ol ul<75><6C><EFBFBD><EFBFBD><EFBFBD>ԣ<EFBFBD>ʹ֮<CAB9><D6AE><EFBFBD><EFBFBD>ʾ<EFBFBD>б<EFBFBD><D0B1><EFBFBD><EFBFBD>š<EFBFBD>*/
|
|||
|
|
ol,
|
|||
|
|
ul {
|
|||
|
|
list-style: none;
|
|||
|
|
}
|
|||
|
|
ins,
|
|||
|
|
a {
|
|||
|
|
text-decoration: none;
|
|||
|
|
outline: 0;
|
|||
|
|
}
|
|||
|
|
ins:active,
|
|||
|
|
a:active,
|
|||
|
|
ins:hover,
|
|||
|
|
a:hover {
|
|||
|
|
outline: 0;
|
|||
|
|
}
|
|||
|
|
/* <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ǵ<EFBFBD><C7B5><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ֺ<EFBFBD> */
|
|||
|
|
address,
|
|||
|
|
caption,
|
|||
|
|
cite,
|
|||
|
|
code,
|
|||
|
|
em,
|
|||
|
|
strong,
|
|||
|
|
th,
|
|||
|
|
var {
|
|||
|
|
font-weight: normal;
|
|||
|
|
font-style: normal;
|
|||
|
|
}
|
|||
|
|
.clear
|
|||
|
|
{
|
|||
|
|
height:0;
|
|||
|
|
clear:both;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
*
|
|||
|
|
* _common.less
|
|||
|
|
*
|
|||
|
|
* <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʽ
|
|||
|
|
* <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʽ<EFBFBD>Ƕ<EFBFBD>Ԫ<EFBFBD>ص<EFBFBD><EFBFBD><EFBFBD><EFBFBD>κͲ<EFBFBD><EFBFBD>䣬<EFBFBD><EFBFBD>Ҫ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>塢<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>С<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ɫ<EFBFBD><EFBFBD>(<EFBFBD><EFBFBD><EFBFBD><EFBFBD>)<EFBFBD><EFBFBD><EFBFBD>ࡢ(<EFBFBD><EFBFBD><EFBFBD><EFBFBD>)<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ͼ<EFBFBD>ꡢ(<EFBFBD><EFBFBD><EFBFBD><EFBFBD>)Ԫ<EFBFBD>ش<EFBFBD>С(<EFBFBD><EFBFBD><EFBFBD>ߡ<EFBFBD><EFBFBD>и<EFBFBD>)
|
|||
|
|
* <EFBFBD>ı<EFBFBD><EFBFBD><EFBFBD><EFBFBD>뷽ʽ(ˮƽ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ֱ)<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>»<EFBFBD><EFBFBD>ߡ<EFBFBD><EFBFBD>߿<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʽ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
*
|
|||
|
|
* version 1.2.0.2(<EFBFBD><EFBFBD><EFBFBD>汾<EFBFBD><EFBFBD>.<EFBFBD>Ӱ汾<EFBFBD><EFBFBD>.<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>汾<EFBFBD><EFBFBD>.<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>汾<EFBFBD><EFBFBD>)
|
|||
|
|
*
|
|||
|
|
* @author pye-mail@163.com
|
|||
|
|
*
|
|||
|
|
* create log 2015<EFBFBD><EFBFBD>2<EFBFBD><EFBFBD>26<EFBFBD><EFBFBD>15:18:18
|
|||
|
|
*
|
|||
|
|
* last update 2015<EFBFBD><EFBFBD>3<EFBFBD><EFBFBD>4<EFBFBD><EFBFBD>10:13:23
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
*
|
|||
|
|
* _mixin.less
|
|||
|
|
*
|
|||
|
|
* Less<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>С<EFBFBD><EFBFBD><EFBFBD>߿<EFBFBD><EFBFBD><EFBFBD>ɫ<EFBFBD>ʡ<EFBFBD><EFBFBD><EFBFBD>ת<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ת<EFBFBD><EFBFBD>Ч<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>õĹ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ϣ<EFBFBD><EFBFBD>κ<EFBFBD>һ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʽ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ظ<EFBFBD>ʹ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ϵģ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ƕ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>װ<EFBFBD><EFBFBD>һ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* Ϊ<EFBFBD>˱<EFBFBD><EFBFBD><EFBFBD>äĿ<EFBFBD>ķ<EFBFBD>װ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ҫ<EFBFBD>жϴ˶δ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ƿ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>һ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ժ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ԣ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>һ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ͨ<EFBFBD>Ĵ<EFBFBD><EFBFBD>룬<EFBFBD><EFBFBD>û<EFBFBD>б<EFBFBD>Ҫ<EFBFBD><EFBFBD>װΪ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
*
|
|||
|
|
* version 1.2.3.3(<EFBFBD><EFBFBD><EFBFBD>汾<EFBFBD><EFBFBD>.<EFBFBD>Ӱ汾<EFBFBD><EFBFBD>.<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>汾<EFBFBD><EFBFBD>.<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>汾<EFBFBD><EFBFBD>)
|
|||
|
|
*
|
|||
|
|
* @author pye-mail@163.com
|
|||
|
|
*
|
|||
|
|
* create log 2015<EFBFBD><EFBFBD>2<EFBFBD><EFBFBD>6<EFBFBD><EFBFBD>13:39:05
|
|||
|
|
*
|
|||
|
|
* last update 2015<EFBFBD><EFBFBD>6<EFBFBD><EFBFBD>6<EFBFBD><EFBFBD>17:16:46
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* @remark clearfix <EFBFBD><EFBFBD>Ҫ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڸ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ĸ<EFBFBD><EFBFBD>㣬<EFBFBD><EFBFBD> clear <EFBFBD><EFBFBD>Ҫ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڸ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>븡<EFBFBD><EFBFBD><EFBFBD><EFBFBD>֮<EFBFBD>䣬<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ͬһ<EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD><EFBFBD><EFBFBD>ͼ<EFBFBD><EFBFBD>
|
|||
|
|
* @path: <EFBFBD><EFBFBD><EFBFBD><EFBFBD>ͼ<EFBFBD><EFBFBD>·<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* @width: ͼ<EFBFBD><EFBFBD>Ԫ<EFBFBD>ؿ<EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* @height: ͼ<EFBFBD><EFBFBD>Ԫ<EFBFBD>ظ߶<EFBFBD>
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* ָ<EFBFBD><EFBFBD><EFBFBD>ú<EFBFBD><EFBFBD>ӵĴ<EFBFBD>С<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>߿<EFBFBD><EFBFBD>Ŀ<EFBFBD><EFBFBD><EFBFBD>(IE<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> IE8+)
|
|||
|
|
* @box-type: content-box|border-box|inherit
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD>ģ<EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD>ģ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ռ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>(<EFBFBD><EFBFBD><EFBFBD>磺<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>У<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ƽ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ȣ<EFBFBD><EFBFBD><EFBFBD>ôÿһ<EFBFBD>е<EFBFBD>box-flexֵ<EFBFBD><EFBFBD>Ϊ1<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>һ<EFBFBD><EFBFBD>Ϊ1<EFBFBD><EFBFBD><EFBFBD>ڶ<EFBFBD><EFBFBD><EFBFBD>Ϊ1<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ϊ2<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ô<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>еĿ<EFBFBD><EFBFBD>Ⱦ<EFBFBD>Ӧ<EFBFBD><EFBFBD><EFBFBD>ǵ<EFBFBD>һ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>е<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>)
|
|||
|
|
* <EFBFBD>˴<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>box-orient<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ã<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>box-orient<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ϊˮƽ<EFBFBD><EFBFBD><EFBFBD>У<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>տ<EFBFBD><EFBFBD>ȵȱȻ<EFBFBD><EFBFBD>֣<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ϊ<EFBFBD><EFBFBD>ֱ<EFBFBD><EFBFBD><EFBFBD>У<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ո߶ȵȱ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* @value <EFBFBD><EFBFBD><EFBFBD><EFBFBD>ֵ<EFBFBD><EFBFBD>Ĭ<EFBFBD><EFBFBD>Ϊ1
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD>ģ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>з<EFBFBD>ʽ
|
|||
|
|
* @type <EFBFBD><EFBFBD><EFBFBD>з<EFBFBD>ʽ(horizontal | vertical | inline-axis | block-axis | inherit)<EFBFBD><EFBFBD>Ĭ<EFBFBD><EFBFBD>Ϊ'horizontal'ˮƽ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* Ԫ<EFBFBD>صĸ<EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* @float <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>(left,right)
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD>Ԫ<EFBFBD>ؾ<EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD>Ԫ<EFBFBD><EFBFBD>ת<EFBFBD><EFBFBD>Ϊ<EFBFBD>м<EFBFBD><EFBFBD><EFBFBD>Ԫ<EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* ռλ<EFBFBD><EFBFBD>placeholder<EFBFBD><EFBFBD>ʽ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* @color <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ɫ
|
|||
|
|
* @font-size <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>С
|
|||
|
|
* @font-family <EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* Ԫ<EFBFBD>ش<EFBFBD>С<EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* @width <EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* @height <EFBFBD>߶<EFBFBD>
|
|||
|
|
* @remark һ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʱ<EFBFBD><EFBFBD>ʾ<EFBFBD><EFBFBD><EFBFBD>ÿ<EFBFBD><EFBFBD>ȣ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʱ<EFBFBD><EFBFBD>ʾ<EFBFBD>ֱ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ÿ<EFBFBD><EFBFBD>Ⱥ߶<EFBFBD>
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* Ԫ<EFBFBD><EFBFBD><EFBFBD>и<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* @lineHeight <EFBFBD>и<EFBFBD>
|
|||
|
|
* @remark <EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD>ı<EFBFBD>(ˮƽ)<EFBFBD><EFBFBD><EFBFBD>뷽ʽ
|
|||
|
|
* @align <EFBFBD><EFBFBD><EFBFBD>뷽ʽ(left[Ĭ<EFBFBD><EFBFBD>]<EFBFBD><EFBFBD>center<EFBFBD><EFBFBD>right)
|
|||
|
|
* @remark <EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* (<EFBFBD><EFBFBD>ֱ)<EFBFBD><EFBFBD><EFBFBD>뷽ʽ
|
|||
|
|
* @vertical-align <EFBFBD><EFBFBD><EFBFBD>뷽ʽ(top[Ĭ<EFBFBD><EFBFBD>]<EFBFBD><EFBFBD>middle<EFBFBD><EFBFBD>bottom<EFBFBD><EFBFBD>baseline)
|
|||
|
|
* @remark baseline.<EFBFBD><EFBFBD><EFBFBD>߶<EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD>ı<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* @text-indent <EFBFBD><EFBFBD><EFBFBD><EFBFBD>ֵ
|
|||
|
|
* @remark Ĭ<EFBFBD><EFBFBD>Ϊ2em
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD>ı<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* @line-type <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>(overline.<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> through.<EFBFBD>л<EFBFBD><EFBFBD><EFBFBD> underline.<EFBFBD>»<EFBFBD><EFBFBD><EFBFBD>[Ĭ<EFBFBD><EFBFBD>])
|
|||
|
|
* @remark Ĭ<EFBFBD><EFBFBD>Ϊ2em
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* @font-family <EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* @remark Ĭ<EFBFBD><EFBFBD>Ϊ'<><CEA2><EFBFBD>ź<EFBFBD>'
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>С
|
|||
|
|
* @font-size <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>С
|
|||
|
|
* @remark Ĭ<EFBFBD><EFBFBD>Ϊ'12px'
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ɫ
|
|||
|
|
* @color <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ɫ
|
|||
|
|
* @remark Ĭ<EFBFBD><EFBFBD>Ϊ'#fff'
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>弶<EFBFBD><EFBFBD>
|
|||
|
|
* @font-weight <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ϸ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* @remark Ĭ<EFBFBD><EFBFBD>Ϊ'normal'
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ԫ<EFBFBD>ض<EFBFBD>λ
|
|||
|
|
* @type <EFBFBD><EFBFBD>λ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* @remark Ĭ<EFBFBD><EFBFBD>Ϊ'initial'
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>߿<EFBFBD><EFBFBD><EFBFBD>С
|
|||
|
|
* @border-width <EFBFBD>߿<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* @direction <EFBFBD><EFBFBD><EFBFBD>ñ߿<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* @remark <EFBFBD>߿<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ĭ<EFBFBD><EFBFBD>Ϊ'1px'<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ñ߿<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ĭ<EFBFBD><EFBFBD>Ϊ<EFBFBD><EFBFBD><EFBFBD>У<EFBFBD>'all'
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>߿<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* @border-style <EFBFBD>߿<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* @direction <EFBFBD><EFBFBD><EFBFBD>ñ߿<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* @remark <EFBFBD>߿<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ĭ<EFBFBD><EFBFBD>Ϊ'solid'<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ñ߿<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ĭ<EFBFBD><EFBFBD>Ϊ<EFBFBD><EFBFBD><EFBFBD>У<EFBFBD>'all'
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>߿<EFBFBD><EFBFBD><EFBFBD>ɫ
|
|||
|
|
* @border-color <EFBFBD>߿<EFBFBD><EFBFBD><EFBFBD>ɫ
|
|||
|
|
* @direction <EFBFBD><EFBFBD><EFBFBD>ñ߿<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* @remark <EFBFBD>߿<EFBFBD><EFBFBD><EFBFBD>ɫĬ<EFBFBD><EFBFBD>Ϊ'#000'<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ñ߿<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ĭ<EFBFBD><EFBFBD>Ϊ<EFBFBD><EFBFBD><EFBFBD>У<EFBFBD>'all'
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>(<EFBFBD><EFBFBD><EFBFBD>߾<EFBFBD>)
|
|||
|
|
* @margin <EFBFBD>߾<EFBFBD>ֵ
|
|||
|
|
* @direction <EFBFBD><EFBFBD><EFBFBD>ñ߾<EFBFBD><EFBFBD>
|
|||
|
|
* @remark <EFBFBD>߾<EFBFBD>ֵĬ<EFBFBD><EFBFBD>Ϊ'5px'<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ñ߾<EFBFBD><EFBFBD>Ĭ<EFBFBD><EFBFBD>Ϊ<EFBFBD><EFBFBD><EFBFBD>У<EFBFBD>'all'
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>(<EFBFBD>ڱ߾<EFBFBD>)
|
|||
|
|
* @padding <EFBFBD>߾<EFBFBD>ֵ
|
|||
|
|
* @direction <EFBFBD><EFBFBD><EFBFBD>ñ߾<EFBFBD><EFBFBD>
|
|||
|
|
* @remark <EFBFBD>߾<EFBFBD>ֵĬ<EFBFBD><EFBFBD>Ϊ'5px'<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ñ߾<EFBFBD><EFBFBD>Ĭ<EFBFBD><EFBFBD>Ϊ<EFBFBD><EFBFBD><EFBFBD>У<EFBFBD>'all'
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* Table <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>hover<EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* @background <EFBFBD>г<EFBFBD>ʼ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* @background-hover <EFBFBD><EFBFBD>hover<EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* @remark <EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD>ı<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>"..."<EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* @remark <EFBFBD><EFBFBD>Ҫ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ԫ<EFBFBD><EFBFBD>Ϊblock<EFBFBD><EFBFBD>inline-block
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD>ı<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* @line-height <EFBFBD>и<EFBFBD>
|
|||
|
|
* @remark <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ı<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ҿ<EFBFBD><EFBFBD>У<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ṩԪ<EFBFBD><EFBFBD><EFBFBD>и<EFBFBD>
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD>Զ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* @mode CSS4<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Բ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>none | manual | auto
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* Ԫ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* @opacity <EFBFBD><EFBFBD><EFBFBD><EFBFBD>(0~1֮<EFBFBD><EFBFBD>)
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* input<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* @font-color <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ɫ
|
|||
|
|
* @background <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ɫ
|
|||
|
|
* @border-color <EFBFBD>߿<EFBFBD><EFBFBD><EFBFBD>ɫ
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* Retina Images
|
|||
|
|
* @remark -webkit-min-device-pixel-ratio<EFBFBD>ij<EFBFBD><EFBFBD><EFBFBD>ֵ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>:
|
|||
|
|
* ==========-webkit-min-device-pixel-ratioΪ1.0==========
|
|||
|
|
* <EFBFBD><EFBFBD><EFBFBD>з<EFBFBD>Retina<EFBFBD><EFBFBD>Mac
|
|||
|
|
* <EFBFBD><EFBFBD><EFBFBD>з<EFBFBD>Retina<EFBFBD><EFBFBD>iOS<EFBFBD>豸
|
|||
|
|
* Acer Iconia A500
|
|||
|
|
* Samsung Galaxy Tab 10.1
|
|||
|
|
* Samsung Galaxy S
|
|||
|
|
* ==========-webkit-min-device-pixel-ratioΪ1.3==========
|
|||
|
|
* Google Nexus 7
|
|||
|
|
* ==========-webkit-min-device-pixel-ratioΪ1.5==========
|
|||
|
|
* Google Nexus S
|
|||
|
|
* Samsung Galaxy S II
|
|||
|
|
* HTC Desire
|
|||
|
|
* HTC Desire HD
|
|||
|
|
* HTC Incredible S
|
|||
|
|
* HTC Velocity
|
|||
|
|
* HTC Sensation
|
|||
|
|
* ==========-webkit-min-device-pixel-ratioΪ2.0==========
|
|||
|
|
* iPhone 4
|
|||
|
|
* iPhone 4S
|
|||
|
|
* iPhone 5
|
|||
|
|
* iPad (3rd generation)
|
|||
|
|
* iPad 4
|
|||
|
|
* <EFBFBD><EFBFBD><EFBFBD><EFBFBD>Retina displays <EFBFBD><EFBFBD>MAC
|
|||
|
|
* Google Galaxy Nexus
|
|||
|
|
* Google Nexus 4
|
|||
|
|
* Google Nexus 10
|
|||
|
|
* Samsung Galaxy S III
|
|||
|
|
* Samsung Galaxy Note II
|
|||
|
|
* Sony Xperia S
|
|||
|
|
* HTC One X
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* Բ<EFBFBD><EFBFBD> <EFBFBD><EFBFBD><EFBFBD>߿<EFBFBD> Top
|
|||
|
|
* @radius Բ<EFBFBD><EFBFBD>ֵ
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* Բ<EFBFBD><EFBFBD> <EFBFBD><EFBFBD><EFBFBD>߿<EFBFBD> Right
|
|||
|
|
* @radius Բ<EFBFBD><EFBFBD>ֵ
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* Բ<EFBFBD><EFBFBD> <EFBFBD><EFBFBD><EFBFBD>߿<EFBFBD> Bottom
|
|||
|
|
* @radius Բ<EFBFBD><EFBFBD>ֵ
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* Բ<EFBFBD><EFBFBD> <EFBFBD><EFBFBD><EFBFBD>߿<EFBFBD> Left
|
|||
|
|
* @radius Բ<EFBFBD><EFBFBD>ֵ
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* Բ<EFBFBD><EFBFBD>
|
|||
|
|
* @radius Բ<EFBFBD><EFBFBD>ֵ
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* Ԫ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ӱ
|
|||
|
|
* @shadow (h-shadow v-shadow blur spread color inset)
|
|||
|
|
* h-shadow:<EFBFBD><EFBFBD><EFBFBD>衣ˮƽ<EFBFBD><EFBFBD>Ӱ<EFBFBD><EFBFBD>λ<EFBFBD>á<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ֵ<EFBFBD><EFBFBD>
|
|||
|
|
* v-shadow:<EFBFBD><EFBFBD><EFBFBD>衣<EFBFBD><EFBFBD>ֱ<EFBFBD><EFBFBD>Ӱ<EFBFBD><EFBFBD>λ<EFBFBD>á<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ֵ<EFBFBD><EFBFBD>
|
|||
|
|
* blur :<EFBFBD><EFBFBD>ѡ<EFBFBD><EFBFBD>ģ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>롣
|
|||
|
|
* spread :<EFBFBD><EFBFBD>ѡ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ӱ<EFBFBD>ijߴ硣
|
|||
|
|
* color :<EFBFBD><EFBFBD>ѡ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ӱ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ɫ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> CSS <EFBFBD><EFBFBD>ɫֵ<EFBFBD><EFBFBD>
|
|||
|
|
* inset :<EFBFBD><EFBFBD>ѡ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ⲿ<EFBFBD><EFBFBD>Ӱ (outset) <EFBFBD><EFBFBD>Ϊ<EFBFBD>ڲ<EFBFBD><EFBFBD><EFBFBD>Ӱ<EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD>ı<EFBFBD><EFBFBD><EFBFBD>Ӱ
|
|||
|
|
* @shadow (h-shadow v-shadow blur color)
|
|||
|
|
* h-shadow:<EFBFBD><EFBFBD><EFBFBD>衣ˮƽ<EFBFBD><EFBFBD>Ӱ<EFBFBD><EFBFBD>λ<EFBFBD>á<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ֵ<EFBFBD><EFBFBD>
|
|||
|
|
* v-shadow:<EFBFBD><EFBFBD><EFBFBD>衣<EFBFBD><EFBFBD>ֱ<EFBFBD><EFBFBD>Ӱ<EFBFBD><EFBFBD>λ<EFBFBD>á<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ֵ<EFBFBD><EFBFBD>
|
|||
|
|
* blur :<EFBFBD><EFBFBD>ѡ<EFBFBD><EFBFBD>ģ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>롣
|
|||
|
|
* color :<EFBFBD><EFBFBD>ѡ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ӱ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ɫ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> CSS <EFBFBD><EFBFBD>ɫֵ<EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* Ч<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* @shadow (property duration timing-function delay)
|
|||
|
|
* property :<EFBFBD>涨<EFBFBD><EFBFBD><EFBFBD>ù<EFBFBD><EFBFBD><EFBFBD>Ч<EFBFBD><EFBFBD><EFBFBD><EFBFBD> CSS <EFBFBD><EFBFBD><EFBFBD>Ե<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ơ<EFBFBD>
|
|||
|
|
* duration :<EFBFBD>涨<EFBFBD><EFBFBD><EFBFBD>ɹ<EFBFBD><EFBFBD><EFBFBD>Ч<EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ҫ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>롣
|
|||
|
|
* timing-function:<EFBFBD>涨<EFBFBD>ٶ<EFBFBD>Ч<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ٶ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ߡ<EFBFBD>
|
|||
|
|
* delay :<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ч<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʱ<EFBFBD><EFBFBD>ʼ<EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD>ת(2D)
|
|||
|
|
* @degrees <EFBFBD><EFBFBD>ת<EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* @remark Ϊ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʱ<EFBFBD><EFBFBD>˳ʱ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ת<EFBFBD><EFBFBD>Ϊ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʱ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʱ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ת
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD>ת(3D)
|
|||
|
|
* @degrees <EFBFBD><EFBFBD>ת<EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* @remark Ϊ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʱ<EFBFBD><EFBFBD>˳ʱ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ת<EFBFBD><EFBFBD>Ϊ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʱ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʱ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ת;
|
|||
|
|
* <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ԣ<EFBFBD>rotate3d<EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ч<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>rotateX<EFBFBD><EFBFBD>rotateY<EFBFBD><EFBFBD>rotateZ<EFBFBD>赥<EFBFBD><EFBFBD>ʹ<EFBFBD>ò<EFBFBD><EFBFBD><EFBFBD>Ч<EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD>б
|
|||
|
|
* @skew X<EFBFBD><EFBFBD>Y<EFBFBD><EFBFBD><EFBFBD><EFBFBD>б<EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* @remark ͬʱ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>X<EFBFBD><EFBFBD>Y<EFBFBD><EFBFBD><EFBFBD><EFBFBD>б<EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD>б
|
|||
|
|
* @x X<EFBFBD><EFBFBD><EFBFBD><EFBFBD>б<EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* @y Y<EFBFBD><EFBFBD><EFBFBD><EFBFBD>б<EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* @remark һ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʱ<EFBFBD><EFBFBD>ʾ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>X<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʱ<EFBFBD><EFBFBD>ʾ<EFBFBD>ֱ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>X<EFBFBD><EFBFBD>Y<EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* @scale X<EFBFBD><EFBFBD>Y<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ű<EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* @remark ͬʱ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>X<EFBFBD><EFBFBD>Y<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ű<EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* @x X<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ű<EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* @y Y<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ű<EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* @remark <EFBFBD><EFBFBD><EFBFBD>ţ<EFBFBD>1Ϊԭʼ<EFBFBD><EFBFBD>С<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ŵ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>С<EFBFBD><EFBFBD>һ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʱ<EFBFBD><EFBFBD>ʾX<EFBFBD><EFBFBD>Y<EFBFBD><EFBFBD>ͬʱ<EFBFBD><EFBFBD><EFBFBD>ã<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʱ<EFBFBD><EFBFBD>ʾ<EFBFBD>ֱ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>X<EFBFBD><EFBFBD>Y<EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD><EFBFBD><EFBFBD>(3d)
|
|||
|
|
* @scale X<EFBFBD><EFBFBD>Y<EFBFBD><EFBFBD>Z<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ű<EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* @remark ͬʱ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>X<EFBFBD><EFBFBD>Y<EFBFBD><EFBFBD>Z<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ű<EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* @x X<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ű<EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* @y Y<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ű<EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* @remark <EFBFBD><EFBFBD><EFBFBD>ţ<EFBFBD>1Ϊԭʼ<EFBFBD><EFBFBD>С<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ŵ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>С<EFBFBD><EFBFBD>һ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʱ<EFBFBD><EFBFBD>ʾX<EFBFBD><EFBFBD>Y<EFBFBD><EFBFBD>ͬʱ<EFBFBD><EFBFBD><EFBFBD>ã<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʱ<EFBFBD><EFBFBD>ʾ<EFBFBD>ֱ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>X<EFBFBD><EFBFBD>Y<EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* (λ<EFBFBD><EFBFBD>)<EFBFBD>䶯<EFBFBD><EFBFBD>λ<EFBFBD><EFBFBD>
|
|||
|
|
* @translate X<EFBFBD><EFBFBD>λ<EFBFBD>á<EFBFBD>Y<EFBFBD><EFBFBD>λ<EFBFBD><EFBFBD>
|
|||
|
|
* @remark ͬʱ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>X<EFBFBD><EFBFBD>Y<EFBFBD><EFBFBD>λ<EFBFBD><EFBFBD>λ<EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* (λ<EFBFBD><EFBFBD>)<EFBFBD>䶯<EFBFBD><EFBFBD>λ<EFBFBD><EFBFBD>
|
|||
|
|
* @x X<EFBFBD><EFBFBD>λ<EFBFBD><EFBFBD>
|
|||
|
|
* @y Y<EFBFBD><EFBFBD>λ<EFBFBD><EFBFBD>
|
|||
|
|
* @remark һ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʱ<EFBFBD><EFBFBD>ʾ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>X<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʱ<EFBFBD><EFBFBD>ʾ<EFBFBD>ֱ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>X<EFBFBD><EFBFBD>Y<EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 3D(λ<EFBFBD><EFBFBD>)<EFBFBD>䶯<EFBFBD><EFBFBD>λ<EFBFBD><EFBFBD>
|
|||
|
|
* @translate3d X<EFBFBD><EFBFBD>Y<EFBFBD><EFBFBD>Z<EFBFBD><EFBFBD>λ<EFBFBD><EFBFBD>
|
|||
|
|
* @remark ͬʱ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>X<EFBFBD><EFBFBD>Y<EFBFBD>ᡢZ<EFBFBD><EFBFBD>λ<EFBFBD><EFBFBD>λ<EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* 3D(λ<EFBFBD><EFBFBD>)<EFBFBD>䶯<EFBFBD><EFBFBD>λ<EFBFBD><EFBFBD>
|
|||
|
|
* @x X<EFBFBD><EFBFBD>λ<EFBFBD><EFBFBD>
|
|||
|
|
* @y Y<EFBFBD><EFBFBD>λ<EFBFBD><EFBFBD>
|
|||
|
|
* @z Z<EFBFBD><EFBFBD>λ<EFBFBD><EFBFBD>
|
|||
|
|
* @remark һ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʱ<EFBFBD><EFBFBD>ʾ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>X<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʱ<EFBFBD><EFBFBD>ʾ<EFBFBD>ֱ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>X<EFBFBD><EFBFBD>Y<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʱ<EFBFBD><EFBFBD>ʾ<EFBFBD>ֱ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>X<EFBFBD><EFBFBD>Y<EFBFBD><EFBFBD>Z<EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD><EFBFBD><EFBFBD>(<EFBFBD>Զ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>в<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʽ)
|
|||
|
|
* @animation <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* @remark Ĭ<EFBFBD><EFBFBD>ֵ<EFBFBD><EFBFBD>all .2s ease 0 1 normal(<EFBFBD>涨<EFBFBD><EFBFBD>Ҫ<EFBFBD><EFBFBD>ѡ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> keyframe <EFBFBD><EFBFBD><EFBFBD>ơ<EFBFBD><EFBFBD>涨<EFBFBD><EFBFBD><EFBFBD>ɶ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ѵ<EFBFBD>ʱ<EFBFBD>䣬<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ơ<EFBFBD><EFBFBD>涨<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ٶ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ߡ<EFBFBD><EFBFBD>涨<EFBFBD>ڶ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʼ֮ǰ<EFBFBD><EFBFBD><EFBFBD>ӳ١<EFBFBD><EFBFBD>涨<EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ӧ<EFBFBD>ò<EFBFBD><EFBFBD>ŵĴ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>涨<EFBFBD>Ƿ<EFBFBD>Ӧ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ŷ<EFBFBD><EFBFBD><EFBFBD>)
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD><EFBFBD><EFBFBD>(<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>)
|
|||
|
|
* @name <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>(Ĭ<EFBFBD><EFBFBD>ֵ<EFBFBD><EFBFBD>animation)
|
|||
|
|
* @time <EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʱ<EFBFBD><EFBFBD>(Ĭ<EFBFBD><EFBFBD>ֵ<EFBFBD><EFBFBD>.2s)
|
|||
|
|
* @timing <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ٶ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>(Ĭ<EFBFBD><EFBFBD>ֵ<EFBFBD><EFBFBD>ease)
|
|||
|
|
* @count <EFBFBD><EFBFBD><EFBFBD>Ŵ<EFBFBD><EFBFBD><EFBFBD>(Ĭ<EFBFBD><EFBFBD>ֵ<EFBFBD><EFBFBD>1)
|
|||
|
|
* @remark
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* @name <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* @remark keyframename|none(<EFBFBD>涨<EFBFBD><EFBFBD>Ҫ<EFBFBD><EFBFBD>ѡ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> keyframe <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>|<EFBFBD>涨<EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ч<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڸ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Լ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ķ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>)
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʱ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* @time <EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʱ<EFBFBD><EFBFBD>
|
|||
|
|
* @remark time(<EFBFBD>涨<EFBFBD><EFBFBD><EFBFBD>ɶ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ѵ<EFBFBD>ʱ<EFBFBD>䡣Ĭ<EFBFBD><EFBFBD>ֵ<EFBFBD><EFBFBD> 1s)
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ٶ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* @timing <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ٶ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* @remark linear|ease|ease-in|ease-out|ease-in-out(ֱ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>|<EFBFBD>Ե<EFBFBD><EFBFBD>ٿ<EFBFBD>ʼ<EFBFBD><EFBFBD>Ȼ<EFBFBD><EFBFBD><EFBFBD>ӿ죬<EFBFBD>ڽ<EFBFBD><EFBFBD><EFBFBD>ǰ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>|<EFBFBD>Ե<EFBFBD><EFBFBD>ٿ<EFBFBD>ʼ|<EFBFBD>Ե<EFBFBD><EFBFBD>ٽ<EFBFBD><EFBFBD><EFBFBD>|<EFBFBD>Ե<EFBFBD><EFBFBD>ٿ<EFBFBD>ʼ<EFBFBD>ͽ<EFBFBD><EFBFBD><EFBFBD>)
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD><EFBFBD>嶯<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʱ<EFBFBD><EFBFBD>ʼ
|
|||
|
|
* @time <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʼʱ<EFBFBD><EFBFBD>(<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>)
|
|||
|
|
* @remark time(<EFBFBD><EFBFBD>ѡ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>嶯<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʼǰ<EFBFBD>ȴ<EFBFBD><EFBFBD><EFBFBD>ʱ<EFBFBD>䣬<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ơ<EFBFBD>Ĭ<EFBFBD><EFBFBD>ֵ<EFBFBD><EFBFBD> 0)
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>IJ<EFBFBD><EFBFBD>Ŵ<EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* @count <EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* @remark n|infinite(<EFBFBD><EFBFBD><EFBFBD>嶯<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ŵ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ֵ|<EFBFBD>涨<EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ӧ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>β<EFBFBD><EFBFBD>š<EFBFBD>Ĭ<EFBFBD><EFBFBD>ֵ<EFBFBD><EFBFBD> 1)
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD><EFBFBD>嶯<EFBFBD><EFBFBD><EFBFBD>Ƿ<EFBFBD>Ӧ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* @direction <EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* @remark normal|alternate(Ĭ<EFBFBD><EFBFBD>ֵ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ӧ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>|<EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ӧ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>)
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD><EFBFBD>嶯<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ͣ<EFBFBD>Ͳ<EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* @play <EFBFBD><EFBFBD>ͣ/<EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* @remark paused|running(<EFBFBD>涨<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ͣ|<EFBFBD>涨<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>š<EFBFBD>Ĭ<EFBFBD><EFBFBD>ֵΪ paused)
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD>涨<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ģʽ
|
|||
|
|
* @mode ģʽ
|
|||
|
|
* @remark none|forwards|backwards|both(<EFBFBD><EFBFBD><EFBFBD>ı<EFBFBD>Ĭ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ϊ|<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ɺ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>һ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ֵ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>һ<EFBFBD><EFBFBD><EFBFBD>ؼ<EFBFBD>֡<EFBFBD>ж<EFBFBD><EFBFBD>壩|<EFBFBD><EFBFBD> animation-delay <EFBFBD><EFBFBD>ָ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>һ<EFBFBD><EFBFBD>ʱ<EFBFBD><EFBFBD><EFBFBD>ڣ<EFBFBD><EFBFBD>ڶ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʾ֮ǰ<EFBFBD><EFBFBD>Ӧ<EFBFBD>ÿ<EFBFBD>ʼ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ֵ<EFBFBD><EFBFBD><EFBFBD>ڵ<EFBFBD>һ<EFBFBD><EFBFBD><EFBFBD>ؼ<EFBFBD>֡<EFBFBD>ж<EFBFBD><EFBFBD>壩|<EFBFBD><EFBFBD>ǰ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ģʽ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ӧ<EFBFBD>á<EFBFBD>Ĭ<EFBFBD><EFBFBD>ֵΪ forwards)
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD><EFBFBD>嵱Ԫ<EFBFBD>ز<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ļʱ<EFBFBD>Ƿ<EFBFBD><EFBFBD>ɼ<EFBFBD>
|
|||
|
|
* @visibility <EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* @remark visible|hidden(<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ɼ<EFBFBD>|<EFBFBD><EFBFBD><EFBFBD>治<EFBFBD>ɼ<EFBFBD><EFBFBD><EFBFBD>Ĭ<EFBFBD><EFBFBD>ֵΪ hidden)
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
*
|
|||
|
|
* @column-count <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ݷ<EFBFBD>Ϊ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* @column-gap <EFBFBD>м<EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* @remark <EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD><EFBFBD>û<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ƿ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>û<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ţ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ԫ<EFBFBD>سߴ<EFBFBD><EFBFBD><EFBFBD>С
|
|||
|
|
* @direction <EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* @remark none|both|horizontal|vertical(<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>û<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ԫ<EFBFBD>ش<EFBFBD>С|<EFBFBD>û<EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ե<EFBFBD><EFBFBD><EFBFBD>Ԫ<EFBFBD>صĿ<EFBFBD><EFBFBD>Ⱥ߶<EFBFBD>|<EFBFBD>û<EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ե<EFBFBD><EFBFBD><EFBFBD>Ԫ<EFBFBD>صĿ<EFBFBD><EFBFBD><EFBFBD>|<EFBFBD>û<EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ե<EFBFBD><EFBFBD><EFBFBD>Ԫ<EFBFBD>صĸ߶<EFBFBD>)
|
|||
|
|
*/
|
|||
|
|
/* Horizontal gradient, from left to right<68><74>ˮƽ<CBAE><C6BD><EFBFBD>䣬<EFBFBD><E4A3AC><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ң<EFBFBD> */
|
|||
|
|
/* Vertical gradient, from top to bottom <20><><EFBFBD><EFBFBD>ֱ<EFBFBD><D6B1><EFBFBD>䣬<EFBFBD><E4A3AC><EFBFBD>ϵ<EFBFBD><CFB5>£<EFBFBD>*/
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD>Ƥ<EFBFBD><EFBFBD><EFBFBD>(<EFBFBD>ؼ<EFBFBD>֡)
|
|||
|
|
* @remark <EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>(<EFBFBD>ؼ<EFBFBD>֡)
|
|||
|
|
* @remark <EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>(<EFBFBD>ؼ<EFBFBD>֡)
|
|||
|
|
* @remark <EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD>˸<EFBFBD><EFBFBD><EFBFBD><EFBFBD>(<EFBFBD>ؼ<EFBFBD>֡)
|
|||
|
|
* @remark <EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD>ת<EFBFBD><EFBFBD><EFBFBD><EFBFBD>(<EFBFBD>ؼ<EFBFBD>֡)
|
|||
|
|
* @remark <EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD>źŲ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>(<EFBFBD>ؼ<EFBFBD>֡)
|
|||
|
|
* @remark <EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* ҡ<EFBFBD>ڶ<EFBFBD><EFBFBD><EFBFBD>(<EFBFBD>ؼ<EFBFBD>֡)
|
|||
|
|
* @remark <EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD><EFBFBD>嶯<EFBFBD><EFBFBD>(<EFBFBD>ؼ<EFBFBD>֡)
|
|||
|
|
* @remark <EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD>ת(Y)<EFBFBD><EFBFBD><EFBFBD><EFBFBD>(<EFBFBD>ؼ<EFBFBD>֡)
|
|||
|
|
* @remark <EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD>ת(X)<EFBFBD><EFBFBD><EFBFBD><EFBFBD>(<EFBFBD>ؼ<EFBFBD>֡)
|
|||
|
|
* @remark <EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD>ת(X)<EFBFBD><EFBFBD><EFBFBD><EFBFBD>(<EFBFBD>ؼ<EFBFBD>֡)
|
|||
|
|
* @remark <EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD>ת(Y)<EFBFBD><EFBFBD><EFBFBD><EFBFBD>(<EFBFBD>ؼ<EFBFBD>֡)
|
|||
|
|
* @remark <EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* ȯ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>(<EFBFBD>ؼ<EFBFBD>֡)
|
|||
|
|
* @remark <EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD><EFBFBD>ֶ<EFBFBD><EFBFBD><EFBFBD>(<EFBFBD>ؼ<EFBFBD>֡)
|
|||
|
|
* @remark <EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD><EFBFBD>ֶ<EFBFBD><EFBFBD><EFBFBD>(<EFBFBD>ؼ<EFBFBD>֡)
|
|||
|
|
* @remark <EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD>ʧ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>(<EFBFBD>ؼ<EFBFBD>֡)
|
|||
|
|
* @remark <EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* (<EFBFBD><EFBFBD>ͨ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>)ͼ<EFBFBD><EFBFBD>
|
|||
|
|
* @remark <EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
|
|||
|
|
.icon {
|
|||
|
|
display: inline-block;
|
|||
|
|
*display: inline;
|
|||
|
|
*zoom: 1;
|
|||
|
|
height: 20px;
|
|||
|
|
width: 20px;
|
|||
|
|
background: url(s-icon.png) no-repeat 0 0;
|
|||
|
|
_background: url(s-icon.gif) no-repeat 0 0;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* @remark <EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
.fn-left {
|
|||
|
|
float: left;
|
|||
|
|
display: inline;
|
|||
|
|
}
|
|||
|
|
.fn-right {
|
|||
|
|
float: right;
|
|||
|
|
display: inline;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* @remark clearfix <EFBFBD><EFBFBD>Ҫ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڸ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ĸ<EFBFBD><EFBFBD>㣬<EFBFBD><EFBFBD> clear <EFBFBD><EFBFBD>Ҫ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڸ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>븡<EFBFBD><EFBFBD><EFBFBD><EFBFBD>֮<EFBFBD>䣬<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ͬһ<EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
.fn-clear {
|
|||
|
|
*zoom: 1;
|
|||
|
|
clear: both;
|
|||
|
|
display: block;
|
|||
|
|
/*font-size: 0;height: 0;line-height: 0;visibility: hidden;*/
|
|||
|
|
}
|
|||
|
|
.fn-clearfix {
|
|||
|
|
*zoom: 1;
|
|||
|
|
}
|
|||
|
|
.fn-clearfix:before,
|
|||
|
|
.fn-clearfix:after {
|
|||
|
|
content: "";
|
|||
|
|
display: block;
|
|||
|
|
}
|
|||
|
|
.fn-clearfix:after {
|
|||
|
|
clear: both;
|
|||
|
|
font-size: 0;
|
|||
|
|
height: 0;
|
|||
|
|
line-height: 0;
|
|||
|
|
visibility: hidden;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD>ʾ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* @remark <EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
.fn-show {
|
|||
|
|
visibility: visible;
|
|||
|
|
display: block;
|
|||
|
|
}
|
|||
|
|
.fn-hide {
|
|||
|
|
visibility: hidden;
|
|||
|
|
display: none;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʽ
|
|||
|
|
* @remark <EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
.fn-rmb {
|
|||
|
|
font-family: Verdana;
|
|||
|
|
font-size: 14px;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ԫ<EFBFBD>ض<EFBFBD>λ
|
|||
|
|
* @remark <EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
.fn-pos-abs {
|
|||
|
|
position: initial;
|
|||
|
|
}
|
|||
|
|
.fn-pos-rel {
|
|||
|
|
position: initial;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD>ı<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>"..."<EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* @remark <EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
fn-txt-overflow {
|
|||
|
|
-webkit-text-overflow: ellipsis;
|
|||
|
|
-khtml-text-overflow: ellipsis;
|
|||
|
|
-icab-text-overflow: ellipsis;
|
|||
|
|
-moz-text-overflow: ellipsis;
|
|||
|
|
-o-text-overflow: ellipsis;
|
|||
|
|
text-overflow: ellipsis;
|
|||
|
|
overflow: hidden;
|
|||
|
|
white-space: nowrap;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD>װ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>(wrap)
|
|||
|
|
* @remark <EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
.wp-960 {
|
|||
|
|
width: 960px;
|
|||
|
|
margin: 0 auto;
|
|||
|
|
}
|
|||
|
|
.wp-980 {
|
|||
|
|
width: 980px;
|
|||
|
|
margin: 0 auto;
|
|||
|
|
}
|
|||
|
|
.wp-1000 {
|
|||
|
|
width: 1000px;
|
|||
|
|
margin: 0 auto;
|
|||
|
|
}
|
|||
|
|
.wp-1024 {
|
|||
|
|
width: 1024px;
|
|||
|
|
margin: 0 auto;
|
|||
|
|
}
|
|||
|
|
.wp-1190 {
|
|||
|
|
width: 1190px;
|
|||
|
|
margin: 0 auto;
|
|||
|
|
}
|
|||
|
|
.wp-1200 {
|
|||
|
|
width: 1200px;
|
|||
|
|
margin: 0 auto;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD><EFBFBD>ȶ<EFBFBD><EFBFBD><EFBFBD>(width)
|
|||
|
|
* @remark <EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
.w-10 {
|
|||
|
|
width: 10px;
|
|||
|
|
}
|
|||
|
|
.w-20 {
|
|||
|
|
width: 20px;
|
|||
|
|
}
|
|||
|
|
.w-30 {
|
|||
|
|
width: 30px;
|
|||
|
|
}
|
|||
|
|
.w-50 {
|
|||
|
|
width: 50px;
|
|||
|
|
}
|
|||
|
|
.w-80 {
|
|||
|
|
width: 80px;
|
|||
|
|
}
|
|||
|
|
.w-100 {
|
|||
|
|
width: 100px;
|
|||
|
|
}
|
|||
|
|
.w-120 {
|
|||
|
|
width: 120px;
|
|||
|
|
}
|
|||
|
|
.w-180 {
|
|||
|
|
width: 180px;
|
|||
|
|
}
|
|||
|
|
.w-200 {
|
|||
|
|
width: 200px;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD>߶ȶ<EFBFBD><EFBFBD><EFBFBD>(height)
|
|||
|
|
* @remark <EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
.h-10 {
|
|||
|
|
height: 10px;
|
|||
|
|
}
|
|||
|
|
.h-20 {
|
|||
|
|
height: 20px;
|
|||
|
|
}
|
|||
|
|
.h-30 {
|
|||
|
|
height: 30px;
|
|||
|
|
}
|
|||
|
|
.h-50 {
|
|||
|
|
height: 50px;
|
|||
|
|
}
|
|||
|
|
.h-80 {
|
|||
|
|
height: 80px;
|
|||
|
|
}
|
|||
|
|
.h-100 {
|
|||
|
|
height: 100px;
|
|||
|
|
}
|
|||
|
|
.h-120 {
|
|||
|
|
height: 120px;
|
|||
|
|
}
|
|||
|
|
.h-180 {
|
|||
|
|
height: 180px;
|
|||
|
|
}
|
|||
|
|
.h-200 {
|
|||
|
|
height: 200px;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD>и߶<EFBFBD><EFBFBD><EFBFBD>(line-height)
|
|||
|
|
* @remark <EFBFBD><EFBFBD>С<EFBFBD>и<EFBFBD>12px
|
|||
|
|
*/
|
|||
|
|
.lh-12 {
|
|||
|
|
line-height: 12px;
|
|||
|
|
}
|
|||
|
|
.lh-14 {
|
|||
|
|
line-height: 14px;
|
|||
|
|
}
|
|||
|
|
.lh-16 {
|
|||
|
|
line-height: 16px;
|
|||
|
|
}
|
|||
|
|
.lh-18 {
|
|||
|
|
line-height: 18px;
|
|||
|
|
}
|
|||
|
|
.lh-24 {
|
|||
|
|
line-height: 24px;
|
|||
|
|
}
|
|||
|
|
.lh-28 {
|
|||
|
|
line-height: 28px;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD>ı<EFBFBD>(ˮƽ)<EFBFBD><EFBFBD><EFBFBD>뷽ʽ(text-align)
|
|||
|
|
* @remark <EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
.txt-l {
|
|||
|
|
text-align: left;
|
|||
|
|
}
|
|||
|
|
.txt-c {
|
|||
|
|
text-align: center;
|
|||
|
|
}
|
|||
|
|
.txt-r {
|
|||
|
|
text-align: right;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* (<EFBFBD><EFBFBD>ֱ)<EFBFBD><EFBFBD><EFBFBD>뷽ʽ(vertical-align)
|
|||
|
|
* @remark <EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
.txt-t {
|
|||
|
|
vertical-align: top;
|
|||
|
|
}
|
|||
|
|
.txt-m {
|
|||
|
|
vertical-align: middle;
|
|||
|
|
}
|
|||
|
|
.txt-b {
|
|||
|
|
vertical-align: bottom;
|
|||
|
|
}
|
|||
|
|
.txt-bl {
|
|||
|
|
vertical-align: baseline;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD>ı<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>(text-indent)
|
|||
|
|
* @remark <EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
.txt-in {
|
|||
|
|
text-indent: 2em;
|
|||
|
|
}
|
|||
|
|
.txt-in1 {
|
|||
|
|
text-indent: 1em;
|
|||
|
|
}
|
|||
|
|
.txt-in4 {
|
|||
|
|
text-indent: 4em;
|
|||
|
|
}
|
|||
|
|
.txt-in6 {
|
|||
|
|
text-indent: 6em;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD>ı<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>(text-decoration)
|
|||
|
|
* @remark <EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
.txt-unline {
|
|||
|
|
text-decoration: none;
|
|||
|
|
}
|
|||
|
|
.txt-underline {
|
|||
|
|
text-decoration: underline;
|
|||
|
|
}
|
|||
|
|
.txt-overline {
|
|||
|
|
text-decoration: overline;
|
|||
|
|
}
|
|||
|
|
.txt-through {
|
|||
|
|
text-decoration: line-through;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>(font-family)
|
|||
|
|
* @remark <EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
.fm-yh {
|
|||
|
|
font-family: '<><CEA2><EFBFBD>ź<EFBFBD>';
|
|||
|
|
}
|
|||
|
|
.fm-arial {
|
|||
|
|
font-family: 'arial';
|
|||
|
|
}
|
|||
|
|
.fm-kt {
|
|||
|
|
font-family: '<27><><EFBFBD><EFBFBD>';
|
|||
|
|
}
|
|||
|
|
.fm-ht {
|
|||
|
|
font-family: '<27><><EFBFBD><EFBFBD>';
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>С(font-size)
|
|||
|
|
* @remark <EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
.fs-10 {
|
|||
|
|
font-size: 10px;
|
|||
|
|
}
|
|||
|
|
.fs-12 {
|
|||
|
|
font-size: 12px;
|
|||
|
|
}
|
|||
|
|
.fs-14 {
|
|||
|
|
font-size: 14px;
|
|||
|
|
}
|
|||
|
|
.fs-16 {
|
|||
|
|
font-size: 16px;
|
|||
|
|
}
|
|||
|
|
.fs-18 {
|
|||
|
|
font-size: 18px;
|
|||
|
|
}
|
|||
|
|
.fs-20 {
|
|||
|
|
font-size: 20px;
|
|||
|
|
}
|
|||
|
|
.fs-24 {
|
|||
|
|
font-size: 24px;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ɫ(font-color)
|
|||
|
|
* @remark <EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
.fc-red {
|
|||
|
|
color: #ff0000;
|
|||
|
|
}
|
|||
|
|
.fc-blue {
|
|||
|
|
color: #5599ff;
|
|||
|
|
}
|
|||
|
|
.fc-green {
|
|||
|
|
font-size: #227700;
|
|||
|
|
}
|
|||
|
|
.fc-yellow {
|
|||
|
|
color: #ffff00;
|
|||
|
|
}
|
|||
|
|
.fc-white {
|
|||
|
|
color: #ffffff;
|
|||
|
|
}
|
|||
|
|
.fc-black {
|
|||
|
|
color: #000000;
|
|||
|
|
}
|
|||
|
|
.fc-gray {
|
|||
|
|
color: #cccccc;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>弶<EFBFBD><EFBFBD>(font-weight)
|
|||
|
|
* @remark <EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
.fw-bold {
|
|||
|
|
font-weight: bold;
|
|||
|
|
}
|
|||
|
|
.fw-nomal {
|
|||
|
|
font-weight: normal;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ޱ߿<EFBFBD>
|
|||
|
|
* @remark <EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
.nobt {
|
|||
|
|
border-top-style: none;
|
|||
|
|
}
|
|||
|
|
.nobr {
|
|||
|
|
border-right-style: none;
|
|||
|
|
}
|
|||
|
|
.nobb {
|
|||
|
|
border-bottom-style: none;
|
|||
|
|
}
|
|||
|
|
.nobl {
|
|||
|
|
border-left-style: none;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>߿<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
* @remark <EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
.bw-1 {
|
|||
|
|
border-width: 1px;
|
|||
|
|
}
|
|||
|
|
.bw-2 {
|
|||
|
|
border-width: 2px;
|
|||
|
|
}
|
|||
|
|
.bw-3 {
|
|||
|
|
border-width: 3px;
|
|||
|
|
}
|
|||
|
|
.bw-4 {
|
|||
|
|
border-width: 4px;
|
|||
|
|
}
|
|||
|
|
.bw-5 {
|
|||
|
|
border-width: 5px;
|
|||
|
|
}
|
|||
|
|
.btw-1 {
|
|||
|
|
border-top-width: 1px;
|
|||
|
|
}
|
|||
|
|
.btw-2 {
|
|||
|
|
border-top-width: 2px;
|
|||
|
|
}
|
|||
|
|
.btw-3 {
|
|||
|
|
border-top-width: 3px;
|
|||
|
|
}
|
|||
|
|
.btw-4 {
|
|||
|
|
border-top-width: 4px;
|
|||
|
|
}
|
|||
|
|
.btw-5 {
|
|||
|
|
border-top-width: 5px;
|
|||
|
|
}
|
|||
|
|
.brw-1 {
|
|||
|
|
border-right-width: 1px;
|
|||
|
|
}
|
|||
|
|
.brw-2 {
|
|||
|
|
border-right-width: 2px;
|
|||
|
|
}
|
|||
|
|
.brw-3 {
|
|||
|
|
border-right-width: 3px;
|
|||
|
|
}
|
|||
|
|
.brw-4 {
|
|||
|
|
border-right-width: 4px;
|
|||
|
|
}
|
|||
|
|
.brw-5 {
|
|||
|
|
border-right-width: 5px;
|
|||
|
|
}
|
|||
|
|
.bbw-1 {
|
|||
|
|
border-bottom-width: 1px;
|
|||
|
|
}
|
|||
|
|
.bbw-2 {
|
|||
|
|
border-bottom-width: 2px;
|
|||
|
|
}
|
|||
|
|
.bbw-3 {
|
|||
|
|
border-bottom-width: 3px;
|
|||
|
|
}
|
|||
|
|
.bbw-4 {
|
|||
|
|
border-bottom-width: 4px;
|
|||
|
|
}
|
|||
|
|
.bbw-5 {
|
|||
|
|
border-bottom-width: 5px;
|
|||
|
|
}
|
|||
|
|
.blw-1 {
|
|||
|
|
border-left-width: 1px;
|
|||
|
|
}
|
|||
|
|
.blw-2 {
|
|||
|
|
border-left-width: 2px;
|
|||
|
|
}
|
|||
|
|
.blw-3 {
|
|||
|
|
border-left-width: 3px;
|
|||
|
|
}
|
|||
|
|
.blw-4 {
|
|||
|
|
border-left-width: 4px;
|
|||
|
|
}
|
|||
|
|
.blw-5 {
|
|||
|
|
border-left-width: 5px;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>(<EFBFBD><EFBFBD>)<EFBFBD>߾<EFBFBD>
|
|||
|
|
* @remark <EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
.nomt {
|
|||
|
|
margin-top: auto;
|
|||
|
|
}
|
|||
|
|
.nomr {
|
|||
|
|
margin-right: auto;
|
|||
|
|
}
|
|||
|
|
.nomb {
|
|||
|
|
margin-bottom: auto;
|
|||
|
|
}
|
|||
|
|
.noml {
|
|||
|
|
margin-left: auto;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD><EFBFBD><EFBFBD>(<EFBFBD><EFBFBD>)<EFBFBD>߾<EFBFBD>
|
|||
|
|
* @remark <EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
.m-5 {
|
|||
|
|
margin: 5px;
|
|||
|
|
}
|
|||
|
|
.m-10 {
|
|||
|
|
margin: 10px;
|
|||
|
|
}
|
|||
|
|
.m-15 {
|
|||
|
|
margin: 15px;
|
|||
|
|
}
|
|||
|
|
.m-20 {
|
|||
|
|
margin: 20px;
|
|||
|
|
}
|
|||
|
|
.m-25 {
|
|||
|
|
margin: 25px;
|
|||
|
|
}
|
|||
|
|
.m-30 {
|
|||
|
|
margin: 30px;
|
|||
|
|
}
|
|||
|
|
.mt-5 {
|
|||
|
|
margin-top: 5px;
|
|||
|
|
}
|
|||
|
|
.mt-10 {
|
|||
|
|
margin-top: 10px;
|
|||
|
|
}
|
|||
|
|
.mt-15 {
|
|||
|
|
margin-top: 15px;
|
|||
|
|
}
|
|||
|
|
.mt-20 {
|
|||
|
|
margin-top: 20px;
|
|||
|
|
}
|
|||
|
|
.mt-25 {
|
|||
|
|
margin-top: 25px;
|
|||
|
|
}
|
|||
|
|
.mt-30 {
|
|||
|
|
margin-top: 30px;
|
|||
|
|
}
|
|||
|
|
.mr-5 {
|
|||
|
|
margin-right: 5px;
|
|||
|
|
}
|
|||
|
|
.mr-10 {
|
|||
|
|
margin-right: 10px;
|
|||
|
|
}
|
|||
|
|
.mr-15 {
|
|||
|
|
margin-right: 15px;
|
|||
|
|
}
|
|||
|
|
.mr-20 {
|
|||
|
|
margin-right: 20px;
|
|||
|
|
}
|
|||
|
|
.mr-25 {
|
|||
|
|
margin-right: 25px;
|
|||
|
|
}
|
|||
|
|
.mr-30 {
|
|||
|
|
margin-right: 30px;
|
|||
|
|
}
|
|||
|
|
.mb-5 {
|
|||
|
|
margin-bottom: 5px;
|
|||
|
|
}
|
|||
|
|
.mb-10 {
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
}
|
|||
|
|
.mb-15 {
|
|||
|
|
margin-bottom: 15px;
|
|||
|
|
}
|
|||
|
|
.mb-20 {
|
|||
|
|
margin-bottom: 20px;
|
|||
|
|
}
|
|||
|
|
.mb-25 {
|
|||
|
|
margin-bottom: 25px;
|
|||
|
|
}
|
|||
|
|
.mb-30 {
|
|||
|
|
margin-bottom: 30px;
|
|||
|
|
}
|
|||
|
|
.ml-5 {
|
|||
|
|
margin-left: 5px;
|
|||
|
|
}
|
|||
|
|
.ml-10 {
|
|||
|
|
margin-left: 10px;
|
|||
|
|
}
|
|||
|
|
.ml-15 {
|
|||
|
|
margin-left: 15px;
|
|||
|
|
}
|
|||
|
|
.ml-20 {
|
|||
|
|
margin-left: 20px;
|
|||
|
|
}
|
|||
|
|
.ml-25 {
|
|||
|
|
margin-left: 25px;
|
|||
|
|
}
|
|||
|
|
.ml-30 {
|
|||
|
|
margin-left: 30px;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>(<EFBFBD><EFBFBD>)<EFBFBD>߾<EFBFBD>
|
|||
|
|
* @remark <EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
.nopt {
|
|||
|
|
padding-top: initial;
|
|||
|
|
}
|
|||
|
|
.nopr {
|
|||
|
|
padding-right: initial;
|
|||
|
|
}
|
|||
|
|
.nopb {
|
|||
|
|
padding-bottom: initial;
|
|||
|
|
}
|
|||
|
|
.nopl {
|
|||
|
|
padding-left: initial;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD><EFBFBD><EFBFBD>(<EFBFBD><EFBFBD>)<EFBFBD>߾<EFBFBD>
|
|||
|
|
* @remark <EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
.p-5 {
|
|||
|
|
padding: 5px;
|
|||
|
|
}
|
|||
|
|
.p-10 {
|
|||
|
|
padding: 10px;
|
|||
|
|
}
|
|||
|
|
.p-15 {
|
|||
|
|
padding: 15px;
|
|||
|
|
}
|
|||
|
|
.p-20 {
|
|||
|
|
padding: 20px;
|
|||
|
|
}
|
|||
|
|
.p-25 {
|
|||
|
|
padding: 25px;
|
|||
|
|
}
|
|||
|
|
.p-30 {
|
|||
|
|
padding: 30px;
|
|||
|
|
}
|
|||
|
|
.pt-5 {
|
|||
|
|
padding-top: 5px;
|
|||
|
|
}
|
|||
|
|
.pt-10 {
|
|||
|
|
padding-top: 10px;
|
|||
|
|
}
|
|||
|
|
.pt-15 {
|
|||
|
|
padding-top: 15px;
|
|||
|
|
}
|
|||
|
|
.pt-20 {
|
|||
|
|
padding-top: 20px;
|
|||
|
|
}
|
|||
|
|
.pt-25 {
|
|||
|
|
padding-top: 25px;
|
|||
|
|
}
|
|||
|
|
.pt-30 {
|
|||
|
|
padding-top: 30px;
|
|||
|
|
}
|
|||
|
|
.pr-5 {
|
|||
|
|
padding-right: 5px;
|
|||
|
|
}
|
|||
|
|
.pr-10 {
|
|||
|
|
padding-right: 10px;
|
|||
|
|
}
|
|||
|
|
.pr-15 {
|
|||
|
|
padding-right: 15px;
|
|||
|
|
}
|
|||
|
|
.pr-20 {
|
|||
|
|
padding-right: 20px;
|
|||
|
|
}
|
|||
|
|
.pr-25 {
|
|||
|
|
padding-right: 25px;
|
|||
|
|
}
|
|||
|
|
.pr-30 {
|
|||
|
|
padding-right: 30px;
|
|||
|
|
}
|
|||
|
|
.pb-5 {
|
|||
|
|
padding-bottom: 5px;
|
|||
|
|
}
|
|||
|
|
.pb-10 {
|
|||
|
|
padding-bottom: 10px;
|
|||
|
|
}
|
|||
|
|
.pb-15 {
|
|||
|
|
padding-bottom: 15px;
|
|||
|
|
}
|
|||
|
|
.pb-20 {
|
|||
|
|
padding-bottom: 20px;
|
|||
|
|
}
|
|||
|
|
.pb-25 {
|
|||
|
|
padding-bottom: 25px;
|
|||
|
|
}
|
|||
|
|
.pb-30 {
|
|||
|
|
padding-bottom: 30px;
|
|||
|
|
}
|
|||
|
|
.pl-5 {
|
|||
|
|
padding-left: 5px;
|
|||
|
|
}
|
|||
|
|
.pl-10 {
|
|||
|
|
padding-left: 10px;
|
|||
|
|
}
|
|||
|
|
.pl-15 {
|
|||
|
|
padding-left: 15px;
|
|||
|
|
}
|
|||
|
|
.pl-20 {
|
|||
|
|
padding-left: 20px;
|
|||
|
|
}
|
|||
|
|
.pl-25 {
|
|||
|
|
padding-left: 25px;
|
|||
|
|
}
|
|||
|
|
.pl-30 {
|
|||
|
|
padding-left: 30px;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
*
|
|||
|
|
* header.less
|
|||
|
|
*
|
|||
|
|
* ͷ<EFBFBD><EFBFBD>
|
|||
|
|
*
|
|||
|
|
* version 1.0.0.0(<EFBFBD><EFBFBD><EFBFBD>汾<EFBFBD><EFBFBD>.<EFBFBD>Ӱ汾<EFBFBD><EFBFBD>.<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>汾<EFBFBD><EFBFBD>.<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>汾<EFBFBD><EFBFBD>)
|
|||
|
|
*
|
|||
|
|
* @author pye-mail@163.com
|
|||
|
|
*
|
|||
|
|
* create log 2015<EFBFBD><EFBFBD>6<EFBFBD><EFBFBD>12<EFBFBD><EFBFBD>11:06:05
|
|||
|
|
*
|
|||
|
|
* last update <EFBFBD><EFBFBD>
|
|||
|
|
*
|
|||
|
|
* remark
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
header,
|
|||
|
|
.header {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 5rem;
|
|||
|
|
background-color: #fff;
|
|||
|
|
position: fixed;
|
|||
|
|
top: 0;
|
|||
|
|
left: 0;
|
|||
|
|
z-index: 500;
|
|||
|
|
*zoom: 1;
|
|||
|
|
}
|
|||
|
|
header:before,
|
|||
|
|
.header:before,
|
|||
|
|
header:after,
|
|||
|
|
.header:after {
|
|||
|
|
content: "";
|
|||
|
|
display: block;
|
|||
|
|
}
|
|||
|
|
header:after,
|
|||
|
|
.header:after {
|
|||
|
|
clear: both;
|
|||
|
|
font-size: 0;
|
|||
|
|
height: 0;
|
|||
|
|
line-height: 0;
|
|||
|
|
visibility: hidden;
|
|||
|
|
}
|
|||
|
|
header .header-left,
|
|||
|
|
.header .header-left {
|
|||
|
|
width: 10rem;
|
|||
|
|
height: 100%;
|
|||
|
|
float: left;
|
|||
|
|
position: absolute;
|
|||
|
|
}
|
|||
|
|
header .header-left .logo,
|
|||
|
|
.header .header-left .logo {
|
|||
|
|
margin-top: 0.7rem;
|
|||
|
|
margin-left: 0.7rem;
|
|||
|
|
display: block;
|
|||
|
|
}
|
|||
|
|
header .header-left .logo img,
|
|||
|
|
.header .header-left .logo img {
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
header .header-right,
|
|||
|
|
.header .header-right {
|
|||
|
|
margin-left: 11.5rem;
|
|||
|
|
margin-right: 1rem;
|
|||
|
|
}
|
|||
|
|
header .header-right .search-box,
|
|||
|
|
.header .header-right .search-box {
|
|||
|
|
height: 3rem;
|
|||
|
|
margin-top: 1rem;
|
|||
|
|
background-color: #fff;
|
|||
|
|
position: relative;
|
|||
|
|
overflow: hidden;
|
|||
|
|
-webkit-border-radius: 3px;
|
|||
|
|
-moz-border-radius: 3px;
|
|||
|
|
border-radius: 3px;
|
|||
|
|
}
|
|||
|
|
header .header-right .search-box .ui-icon-search,
|
|||
|
|
.header .header-right .search-box .ui-icon-search {
|
|||
|
|
width: 1.5rem;
|
|||
|
|
height: 1.5rem;
|
|||
|
|
display: block;
|
|||
|
|
position: absolute;
|
|||
|
|
top: 50%;
|
|||
|
|
margin-top: -0.75rem;
|
|||
|
|
left: 1rem;
|
|||
|
|
}
|
|||
|
|
header .header-right .search-box .box-wrap,
|
|||
|
|
.header .header-right .search-box .box-wrap {
|
|||
|
|
margin-left: 3rem;
|
|||
|
|
height: 100%;
|
|||
|
|
}
|
|||
|
|
header .header-right .search-box .box-wrap .ui-input-search,
|
|||
|
|
.header .header-right .search-box .box-wrap .ui-input-search {
|
|||
|
|
border: none;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
line-height: 3rem;
|
|||
|
|
background-color: #fff;
|
|||
|
|
padding: 0;
|
|||
|
|
border:1px solid #ededed;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
*
|
|||
|
|
* header.less
|
|||
|
|
*
|
|||
|
|
* ͷ<EFBFBD><EFBFBD>
|
|||
|
|
*
|
|||
|
|
* version 1.0.0.0(<EFBFBD><EFBFBD><EFBFBD>汾<EFBFBD><EFBFBD>.<EFBFBD>Ӱ汾<EFBFBD><EFBFBD>.<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>汾<EFBFBD><EFBFBD>.<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>汾<EFBFBD><EFBFBD>)
|
|||
|
|
*
|
|||
|
|
* @author pye-mail@163.com
|
|||
|
|
*
|
|||
|
|
* create log 2015<EFBFBD><EFBFBD>6<EFBFBD><EFBFBD>12<EFBFBD><EFBFBD>11:06:05
|
|||
|
|
*
|
|||
|
|
* last update <EFBFBD><EFBFBD>
|
|||
|
|
*
|
|||
|
|
* remark
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
.banner {
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
.ui-slider {
|
|||
|
|
overflow: hidden;
|
|||
|
|
position: relative;
|
|||
|
|
height: 22rem;
|
|||
|
|
}
|
|||
|
|
.ui-slider .ui-slider-cont {
|
|||
|
|
overflow: hidden;
|
|||
|
|
margin: 0;
|
|||
|
|
padding: 0;
|
|||
|
|
*zoom: 1;
|
|||
|
|
}
|
|||
|
|
.ui-slider .ui-slider-cont:before,
|
|||
|
|
.ui-slider .ui-slider-cont:after {
|
|||
|
|
content: "";
|
|||
|
|
display: block;
|
|||
|
|
}
|
|||
|
|
.ui-slider .ui-slider-cont:after {
|
|||
|
|
clear: both;
|
|||
|
|
font-size: 0;
|
|||
|
|
height: 0;
|
|||
|
|
line-height: 0;
|
|||
|
|
visibility: hidden;
|
|||
|
|
}
|
|||
|
|
.ui-slider .ui-slider-cont .ui-slider-repeater {
|
|||
|
|
width: 100%;
|
|||
|
|
height: auto;
|
|||
|
|
-webkit-transition: all 0.2s ease 0s;
|
|||
|
|
-moz-transition: all 0.2s ease 0s;
|
|||
|
|
-o-transition: all 0.2s ease 0s;
|
|||
|
|
transition: all 0.2s ease 0s;
|
|||
|
|
}
|
|||
|
|
.ui-slider .ui-slider-cont .ui-slider-repeater a {
|
|||
|
|
height: 100%;
|
|||
|
|
display: block;
|
|||
|
|
}
|
|||
|
|
.ui-slider .ui-slider-cont .ui-slider-repeater .ui-slider-item {
|
|||
|
|
margin: 0;
|
|||
|
|
width: 100%;
|
|||
|
|
height: auto;
|
|||
|
|
}
|
|||
|
|
.ui-slider .ui-slider-cont .ui-slider-repeater .ui-slider-item img {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 22rem;
|
|||
|
|
}
|
|||
|
|
.ui-slider .ui-slider-indicators {
|
|||
|
|
width: 140px;
|
|||
|
|
height: 30px;
|
|||
|
|
line-height: 30px;
|
|||
|
|
position: absolute;
|
|||
|
|
bottom: 0px;
|
|||
|
|
left: 50%;
|
|||
|
|
margin-left: -75px;
|
|||
|
|
}
|
|||
|
|
.ui-slider .ui-slider-indicators .ui-slider-indicator {
|
|||
|
|
width: 10px;
|
|||
|
|
height: 10px;
|
|||
|
|
margin: 5px;
|
|||
|
|
background: #bcbdbd;
|
|||
|
|
float: left;
|
|||
|
|
font-size: 0px;
|
|||
|
|
-webkit-border-radius: 8px;
|
|||
|
|
-moz-border-radius: 8px;
|
|||
|
|
border-radius: 8px;
|
|||
|
|
}
|
|||
|
|
.ui-slider .ui-slider-indicators .ui-slider-indicator.active {
|
|||
|
|
background: #e60012;
|
|||
|
|
}
|
|||
|
|
.ui-slider.ui-slider-productdetail {
|
|||
|
|
height: 360px;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
*
|
|||
|
|
* nav.less
|
|||
|
|
*
|
|||
|
|
* <EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
*
|
|||
|
|
* version 1.0.0.0(<EFBFBD><EFBFBD><EFBFBD>汾<EFBFBD><EFBFBD>.<EFBFBD>Ӱ汾<EFBFBD><EFBFBD>.<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>汾<EFBFBD><EFBFBD>.<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>汾<EFBFBD><EFBFBD>)
|
|||
|
|
*
|
|||
|
|
* @author pye-mail@163.com
|
|||
|
|
*
|
|||
|
|
* create log 2015<EFBFBD><EFBFBD>6<EFBFBD><EFBFBD>12<EFBFBD><EFBFBD>10:21:19
|
|||
|
|
*
|
|||
|
|
* last update <EFBFBD><EFBFBD>
|
|||
|
|
*
|
|||
|
|
* remark
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
nav,
|
|||
|
|
.nav {
|
|||
|
|
width: 100%;
|
|||
|
|
height: auto;
|
|||
|
|
background-color: #fff;
|
|||
|
|
*zoom: 1;
|
|||
|
|
}
|
|||
|
|
nav:before,
|
|||
|
|
.nav:before,
|
|||
|
|
nav:after,
|
|||
|
|
.nav:after {
|
|||
|
|
content: "";
|
|||
|
|
display: block;
|
|||
|
|
}
|
|||
|
|
nav:after,
|
|||
|
|
.nav:after {
|
|||
|
|
clear: both;
|
|||
|
|
font-size: 0;
|
|||
|
|
height: 0;
|
|||
|
|
line-height: 0;
|
|||
|
|
visibility: hidden;
|
|||
|
|
}
|
|||
|
|
nav .nav-item,
|
|||
|
|
.nav .nav-item {
|
|||
|
|
width: 25%;
|
|||
|
|
height: 8rem;
|
|||
|
|
float: left;
|
|||
|
|
text-align: center;
|
|||
|
|
color: #666666;
|
|||
|
|
font-size: 1.3rem;
|
|||
|
|
}
|
|||
|
|
nav .nav-item a,
|
|||
|
|
.nav .nav-item a {
|
|||
|
|
color: #666666;
|
|||
|
|
margin-top: 0.5rem;
|
|||
|
|
display: inline-block;
|
|||
|
|
padding: 0 0.5rem;
|
|||
|
|
position: relative;
|
|||
|
|
}
|
|||
|
|
nav .nav-item .icon,
|
|||
|
|
.nav .nav-item .icon {
|
|||
|
|
display: block;
|
|||
|
|
width: 5rem;
|
|||
|
|
height: 5rem;
|
|||
|
|
position: relative;
|
|||
|
|
left: 50%;
|
|||
|
|
margin-left: -2.5rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
nav .nav-item span,
|
|||
|
|
.nav .nav-item span {
|
|||
|
|
margin-top: .2rem;
|
|||
|
|
display: block;
|
|||
|
|
height: 2rem;
|
|||
|
|
overflow: hidden;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
*
|
|||
|
|
* icon.less
|
|||
|
|
*
|
|||
|
|
* ͼ<EFBFBD><EFBFBD>
|
|||
|
|
*
|
|||
|
|
* version 1.0.0.0(<EFBFBD><EFBFBD><EFBFBD>汾<EFBFBD><EFBFBD>.<EFBFBD>Ӱ汾<EFBFBD><EFBFBD>.<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>汾<EFBFBD><EFBFBD>.<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>汾<EFBFBD><EFBFBD>)
|
|||
|
|
*
|
|||
|
|
* @author pye-mail@163.com
|
|||
|
|
*
|
|||
|
|
* create log 2015<EFBFBD><EFBFBD>6<EFBFBD><EFBFBD>12<EFBFBD><EFBFBD>15:45:04
|
|||
|
|
*
|
|||
|
|
* last update <EFBFBD><EFBFBD>
|
|||
|
|
*
|
|||
|
|
* remark
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
.icon {
|
|||
|
|
background: url('/images/s-master2.0.png') no-repeat;
|
|||
|
|
|
|||
|
|
display: block;
|
|||
|
|
background-size: 160px 160px;
|
|||
|
|
}
|
|||
|
|
.icon.icon-type {
|
|||
|
|
background-position: 4px -50px;
|
|||
|
|
}
|
|||
|
|
.icon.icon-order {
|
|||
|
|
background-position: -52px -50px;
|
|||
|
|
}
|
|||
|
|
.icon.icon-shopcart {
|
|||
|
|
background-position: 4px -107px;
|
|||
|
|
}
|
|||
|
|
.icon.icon-download {
|
|||
|
|
background-position: -52px -107px;
|
|||
|
|
}
|
|||
|
|
.ui-icon {
|
|||
|
|
background: url('/images/ui-icon2.0.png') no-repeat;
|
|||
|
|
_background: url('/images/ui-icon2.0.gif') no-repeat;
|
|||
|
|
width: 20px;
|
|||
|
|
height: 20px;
|
|||
|
|
display: block;
|
|||
|
|
background-size: 160px 160px;
|
|||
|
|
}
|
|||
|
|
.ui-icon.ui-icon-search {
|
|||
|
|
background-position: 2px 3px;
|
|||
|
|
}
|
|||
|
|
.ui-icon-home {
|
|||
|
|
background-position: 8px -24px;
|
|||
|
|
}
|
|||
|
|
.ui-icon-type {
|
|||
|
|
background-position: 9px -59px;
|
|||
|
|
}
|
|||
|
|
.ui-icon-shopcart {
|
|||
|
|
background-position: 6px -93px;
|
|||
|
|
}
|
|||
|
|
.ui-icon-my {
|
|||
|
|
background-position: 10px -128px;
|
|||
|
|
}
|
|||
|
|
.ui-icon-team {
|
|||
|
|
height: 75px;
|
|||
|
|
width: 75px;
|
|||
|
|
background-position: -78px -78px;
|
|||
|
|
}
|
|||
|
|
footer .ui-repeater-item.active .ui-icon-home,
|
|||
|
|
.footer .ui-repeater-item.active .ui-icon-home {
|
|||
|
|
background-position: -32px -24px;
|
|||
|
|
}
|
|||
|
|
footer .ui-repeater-item.active .ui-icon-type,
|
|||
|
|
.footer .ui-repeater-item.active .ui-icon-type {
|
|||
|
|
background-position: -33px -59px;
|
|||
|
|
}
|
|||
|
|
footer .ui-repeater-item.active .ui-icon-shopcart,
|
|||
|
|
.footer .ui-repeater-item.active .ui-icon-shopcart {
|
|||
|
|
background-position: -35px -93px;
|
|||
|
|
}
|
|||
|
|
footer .ui-repeater-item.active .ui-icon-my,
|
|||
|
|
.footer .ui-repeater-item.active .ui-icon-my {
|
|||
|
|
background-position: -34px -128px;
|
|||
|
|
}
|
|||
|
|
footer .ui-repeater-item.active .ui-icon-team,
|
|||
|
|
.footer .ui-repeater-item.active .ui-icon-team {
|
|||
|
|
background-position: -78px 0px;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
*
|
|||
|
|
* product.less
|
|||
|
|
*
|
|||
|
|
* <EFBFBD><EFBFBD>Ʒ
|
|||
|
|
*
|
|||
|
|
* version 1.0.0.0(<EFBFBD><EFBFBD><EFBFBD>汾<EFBFBD><EFBFBD>.<EFBFBD>Ӱ汾<EFBFBD><EFBFBD>.<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>汾<EFBFBD><EFBFBD>.<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>汾<EFBFBD><EFBFBD>)
|
|||
|
|
*
|
|||
|
|
* @author hemei
|
|||
|
|
*
|
|||
|
|
* create log 2015<EFBFBD><EFBFBD>6<EFBFBD><EFBFBD>12<EFBFBD><EFBFBD>09:42:10
|
|||
|
|
*
|
|||
|
|
* last update <EFBFBD><EFBFBD>
|
|||
|
|
*
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
.product {
|
|||
|
|
margin: 5px 5px 0 5px;
|
|||
|
|
}
|
|||
|
|
.product .product-cont {
|
|||
|
|
width: 100%;
|
|||
|
|
height: auto;
|
|||
|
|
*zoom: 1;
|
|||
|
|
}
|
|||
|
|
.product .product-cont:before,
|
|||
|
|
.product .product-cont:after {
|
|||
|
|
content: "";
|
|||
|
|
display: block;
|
|||
|
|
}
|
|||
|
|
.product .product-cont:after {
|
|||
|
|
clear: both;
|
|||
|
|
font-size: 0;
|
|||
|
|
height: 0;
|
|||
|
|
line-height: 0;
|
|||
|
|
visibility: hidden;
|
|||
|
|
}
|
|||
|
|
.product .product-cont .product-item {
|
|||
|
|
float: left;
|
|||
|
|
width: 50%;
|
|||
|
|
height: auto;
|
|||
|
|
}
|
|||
|
|
.product .product-cont .product-item a {
|
|||
|
|
display: block;
|
|||
|
|
margin: 5px;
|
|||
|
|
padding: 5px;
|
|||
|
|
background-color: #fff;
|
|||
|
|
}
|
|||
|
|
.product .product-cont .product-item h3
|
|||
|
|
{
|
|||
|
|
margin: 5px;
|
|||
|
|
padding: 0px;
|
|||
|
|
background-color: #c3d600;
|
|||
|
|
height:35px;
|
|||
|
|
line-height:35px;
|
|||
|
|
}
|
|||
|
|
.product .product-cont .product-item h3 a {
|
|||
|
|
display: block;
|
|||
|
|
margin:0;
|
|||
|
|
padding:0;
|
|||
|
|
padding:0 5px;
|
|||
|
|
height:35px;
|
|||
|
|
line-height:35px;
|
|||
|
|
background-color: #c3d600;
|
|||
|
|
color:#fff;
|
|||
|
|
font-size:14px;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
.product .product-cont .product-item h3 a.zjbb
|
|||
|
|
{
|
|||
|
|
float:left;
|
|||
|
|
width:70px;
|
|||
|
|
}
|
|||
|
|
.product .product-cont .product-item h3 a.more
|
|||
|
|
{
|
|||
|
|
float:right;
|
|||
|
|
width:70px;
|
|||
|
|
background-color: #f08200;
|
|||
|
|
text-align:center;
|
|||
|
|
}
|
|||
|
|
.product .product-cont .product-item a img {
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
.product .product-cont .product-item a .product-name {
|
|||
|
|
font-size: 1.4rem;
|
|||
|
|
line-height: 2.4rem;
|
|||
|
|
height: 2.4rem;
|
|||
|
|
-webkit-text-overflow: ellipsis;
|
|||
|
|
-khtml-text-overflow: ellipsis;
|
|||
|
|
-icab-text-overflow: ellipsis;
|
|||
|
|
-moz-text-overflow: ellipsis;
|
|||
|
|
-o-text-overflow: ellipsis;
|
|||
|
|
text-overflow: ellipsis;
|
|||
|
|
overflow: hidden;
|
|||
|
|
white-space: nowrap;
|
|||
|
|
}
|
|||
|
|
.product .product-cont .product-item a .product-info {
|
|||
|
|
color: #b6b6b6;
|
|||
|
|
font-size: 1.1rem;
|
|||
|
|
line-height: 2rem;
|
|||
|
|
height: 2rem;
|
|||
|
|
-webkit-text-overflow: ellipsis;
|
|||
|
|
-khtml-text-overflow: ellipsis;
|
|||
|
|
-icab-text-overflow: ellipsis;
|
|||
|
|
-moz-text-overflow: ellipsis;
|
|||
|
|
-o-text-overflow: ellipsis;
|
|||
|
|
text-overflow: ellipsis;
|
|||
|
|
overflow: hidden;
|
|||
|
|
white-space: nowrap;
|
|||
|
|
}
|
|||
|
|
.product .product-cont .product-item a .product-price {
|
|||
|
|
color: #df1717;
|
|||
|
|
font-size: 1.2rem;
|
|||
|
|
clear: both;
|
|||
|
|
font-family:Arial;
|
|||
|
|
}
|
|||
|
|
.product .product-cont .product-item a .product-price span {
|
|||
|
|
float: right;
|
|||
|
|
color: #999999;
|
|||
|
|
font-size: 1.1rem;
|
|||
|
|
font-family:Arial;
|
|||
|
|
}
|
|||
|
|
/**<2A><><EFBFBD><EFBFBD>**/
|
|||
|
|
.more {
|
|||
|
|
margin: 0 10px;
|
|||
|
|
}
|
|||
|
|
.more .product-more-hd {
|
|||
|
|
text-align: center;
|
|||
|
|
background-color: #eee;
|
|||
|
|
color: #999999;
|
|||
|
|
overflow: hidden;
|
|||
|
|
height: 3.5rem;
|
|||
|
|
position: relative;
|
|||
|
|
}
|
|||
|
|
.more .product-more-hd .more-line {
|
|||
|
|
border-bottom: 1px solid #ccc;
|
|||
|
|
width: 60%;
|
|||
|
|
margin: 2rem auto;
|
|||
|
|
}
|
|||
|
|
.more .product-more-hd .more-txt {
|
|||
|
|
width: 6rem;
|
|||
|
|
height: 2.4rem;
|
|||
|
|
line-height: 2.4rem;
|
|||
|
|
background-color: #eee;
|
|||
|
|
z-index: 100;
|
|||
|
|
position: absolute;
|
|||
|
|
top: 1rem;
|
|||
|
|
left: 50%;
|
|||
|
|
margin-left: -3rem;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
*
|
|||
|
|
* product.less
|
|||
|
|
*
|
|||
|
|
* <EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
|
*
|
|||
|
|
* version 1.0.0.0(<EFBFBD><EFBFBD><EFBFBD>汾<EFBFBD><EFBFBD>.<EFBFBD>Ӱ汾<EFBFBD><EFBFBD>.<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>汾<EFBFBD><EFBFBD>.<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>汾<EFBFBD><EFBFBD>)
|
|||
|
|
*
|
|||
|
|
* @author hemei
|
|||
|
|
*
|
|||
|
|
* create log 2015<EFBFBD><EFBFBD>6<EFBFBD><EFBFBD>12<EFBFBD><EFBFBD>13:47:35
|
|||
|
|
*
|
|||
|
|
* last update <EFBFBD><EFBFBD>
|
|||
|
|
*
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
.classify {
|
|||
|
|
margin: 0 10px;
|
|||
|
|
background-color: #fff;
|
|||
|
|
}
|
|||
|
|
.classify .classify-cont {
|
|||
|
|
width: 100%;
|
|||
|
|
height: auto;
|
|||
|
|
*zoom: 1;
|
|||
|
|
}
|
|||
|
|
.classify .classify-cont:before,
|
|||
|
|
.classify .classify-cont:after {
|
|||
|
|
content: "";
|
|||
|
|
display: block;
|
|||
|
|
}
|
|||
|
|
.classify .classify-cont:after {
|
|||
|
|
clear: both;
|
|||
|
|
font-size: 0;
|
|||
|
|
height: 0;
|
|||
|
|
line-height: 0;
|
|||
|
|
visibility: hidden;
|
|||
|
|
}
|
|||
|
|
.classify .classify-cont .classify-item {
|
|||
|
|
float: left;
|
|||
|
|
width: 33.33%;
|
|||
|
|
height: auto;
|
|||
|
|
margin: 3% auto;
|
|||
|
|
}
|
|||
|
|
.classify .classify-cont .classify-item a {
|
|||
|
|
display: block;
|
|||
|
|
text-align: center;
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
.classify .classify-cont .classify-item a img {
|
|||
|
|
width: 82%;
|
|||
|
|
border-radius: 50%;
|
|||
|
|
display: block;
|
|||
|
|
margin-left: 9%;
|
|||
|
|
}
|
|||
|
|
.classify .classify-cont .classify-item a .classify-name {
|
|||
|
|
font-size: 1.4rem;
|
|||
|
|
}
|
|||
|
|
.classify .classify-cont .classify-item a span {
|
|||
|
|
display: block;
|
|||
|
|
margin-top: 10px;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
*
|
|||
|
|
* tab.less
|
|||
|
|
*
|
|||
|
|
* ѡ<EFBFBD>
|
|||
|
|
*
|
|||
|
|
* version 1.0.0.0(<EFBFBD><EFBFBD><EFBFBD>汾<EFBFBD><EFBFBD>.<EFBFBD>Ӱ汾<EFBFBD><EFBFBD>.<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>汾<EFBFBD><EFBFBD>.<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>汾<EFBFBD><EFBFBD>)
|
|||
|
|
*
|
|||
|
|
* @author pye-mail@163.com
|
|||
|
|
*
|
|||
|
|
* create log 2015<EFBFBD><EFBFBD>6<EFBFBD><EFBFBD>23<EFBFBD><EFBFBD>16:15:53
|
|||
|
|
*
|
|||
|
|
* last update <EFBFBD><EFBFBD>
|
|||
|
|
*
|
|||
|
|
* remark
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
.ui-tab {
|
|||
|
|
height: auto;
|
|||
|
|
margin-left: -1px;
|
|||
|
|
*zoom: 1;
|
|||
|
|
}
|
|||
|
|
.ui-tab:before,
|
|||
|
|
.ui-tab:after {
|
|||
|
|
content: "";
|
|||
|
|
display: block;
|
|||
|
|
}
|
|||
|
|
.ui-tab:after {
|
|||
|
|
clear: both;
|
|||
|
|
font-size: 0;
|
|||
|
|
height: 0;
|
|||
|
|
line-height: 0;
|
|||
|
|
visibility: hidden;
|
|||
|
|
}
|
|||
|
|
.ui-tab .ui-tab-item {
|
|||
|
|
width: 25%;
|
|||
|
|
height: 43px;
|
|||
|
|
float: left;
|
|||
|
|
background-color: #f7f7f7;
|
|||
|
|
border-bottom: 1px solid #c7c7c7;
|
|||
|
|
}
|
|||
|
|
.ui-tab .ui-tab-item a {
|
|||
|
|
display: block;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
float: left;
|
|||
|
|
}
|
|||
|
|
.ui-tab .ui-tab-item a span {
|
|||
|
|
display: block;
|
|||
|
|
border-left: 1px solid #c7c7c7;
|
|||
|
|
height: 33px;
|
|||
|
|
line-height: 33px;
|
|||
|
|
margin-top: .5rem;
|
|||
|
|
text-align: center;
|
|||
|
|
font-size: 1.6rem;
|
|||
|
|
color: #717171;
|
|||
|
|
-webkit-text-overflow: ellipsis;
|
|||
|
|
-khtml-text-overflow: ellipsis;
|
|||
|
|
-icab-text-overflow: ellipsis;
|
|||
|
|
-moz-text-overflow: ellipsis;
|
|||
|
|
-o-text-overflow: ellipsis;
|
|||
|
|
text-overflow: ellipsis;
|
|||
|
|
overflow: hidden;
|
|||
|
|
white-space: nowrap;
|
|||
|
|
}
|
|||
|
|
.ui-tab .ui-tab-item .active {
|
|||
|
|
background-color: #fff;
|
|||
|
|
}
|
|||
|
|
.ui-tab .ui-tab-item .active span {
|
|||
|
|
color: #e34c4b;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
*
|
|||
|
|
* product.less
|
|||
|
|
*
|
|||
|
|
* <EFBFBD><EFBFBD>Ʒ
|
|||
|
|
*
|
|||
|
|
* version 1.0.0.0(<EFBFBD><EFBFBD><EFBFBD>汾<EFBFBD><EFBFBD>.<EFBFBD>Ӱ汾<EFBFBD><EFBFBD>.<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>汾<EFBFBD><EFBFBD>.<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>汾<EFBFBD><EFBFBD>)
|
|||
|
|
*
|
|||
|
|
* @author zhouxs
|
|||
|
|
*
|
|||
|
|
* create log 2015<EFBFBD><EFBFBD>6<EFBFBD><EFBFBD>23<EFBFBD><EFBFBD>14:47:19
|
|||
|
|
*
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
.productlist {
|
|||
|
|
width: 100%;
|
|||
|
|
height: auto;
|
|||
|
|
background-color: #fff;
|
|||
|
|
}
|
|||
|
|
.productlist .ui-repeater {
|
|||
|
|
float: none;
|
|||
|
|
/*padding: 10px 15px;*/
|
|||
|
|
}
|
|||
|
|
.productlist .ui-repeater .ui-repeater-item {
|
|||
|
|
float: none;
|
|||
|
|
height: 100px;
|
|||
|
|
border-bottom: 1px solid #ccc;
|
|||
|
|
position: relative;
|
|||
|
|
}
|
|||
|
|
.productlist .ui-repeater .ui-repeater-item .product-thumb {
|
|||
|
|
width: 80px;
|
|||
|
|
height: 80px;
|
|||
|
|
position: absolute;
|
|||
|
|
top: 10px;
|
|||
|
|
left: 15px;
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
}
|
|||
|
|
.productlist .ui-repeater .ui-repeater-item .product-thumb img {
|
|||
|
|
width: 80px;
|
|||
|
|
height: 80px;
|
|||
|
|
}
|
|||
|
|
.productlist .ui-repeater .ui-repeater-item .product-cont {
|
|||
|
|
margin-left: 110px;
|
|||
|
|
margin-right: 80px;
|
|||
|
|
line-height: 16px;
|
|||
|
|
font-size: 11px;
|
|||
|
|
color: #999;
|
|||
|
|
position: relative;
|
|||
|
|
top: 10px;
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
}
|
|||
|
|
.productlist .ui-repeater .ui-repeater-item .product-cont .cont-txt-title {
|
|||
|
|
color: #666;
|
|||
|
|
max-height: 32px;
|
|||
|
|
display: block;
|
|||
|
|
position: relative;
|
|||
|
|
display: -webkit-box;
|
|||
|
|
-moz-box-orient: vertical;
|
|||
|
|
-webkit-box-orient: vertical;
|
|||
|
|
text-overflow: ellipsis;
|
|||
|
|
overflow: hidden;
|
|||
|
|
-webkit-line-clamp: 2;
|
|||
|
|
word-break: break-all;
|
|||
|
|
font-size: 14px;
|
|||
|
|
}
|
|||
|
|
.productlist .ui-repeater .ui-repeater-item .product-cont .cont-txt-subtitle {
|
|||
|
|
color: #666;
|
|||
|
|
}
|
|||
|
|
.productlist .ui-repeater .ui-repeater-item .product-cont .word-breaks {
|
|||
|
|
max-height: 32px;
|
|||
|
|
display: block;
|
|||
|
|
position: relative;
|
|||
|
|
display: -webkit-box;
|
|||
|
|
-moz-box-orient: vertical;
|
|||
|
|
-webkit-box-orient: vertical;
|
|||
|
|
text-overflow: ellipsis;
|
|||
|
|
overflow: hidden;
|
|||
|
|
-webkit-line-clamp: 2;
|
|||
|
|
word-break: break-all;
|
|||
|
|
}
|
|||
|
|
.productlist .ui-repeater .ui-repeater-item .item-cont-btn {
|
|||
|
|
width: 60px;
|
|||
|
|
height: 20px;
|
|||
|
|
text-align: center;
|
|||
|
|
line-height: 20px;
|
|||
|
|
border: 1px solid #ddd;
|
|||
|
|
border-radius: 5px;
|
|||
|
|
background-color: #fff;
|
|||
|
|
color: #999;
|
|||
|
|
position: absolute;
|
|||
|
|
top: 35px;
|
|||
|
|
right: 15px;
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
*
|
|||
|
|
* productshow.less
|
|||
|
|
*
|
|||
|
|
* <EFBFBD><EFBFBD>ҳ<EFBFBD><EFBFBD>Ʒչʾ
|
|||
|
|
*
|
|||
|
|
* version 1.0.0.0(<EFBFBD><EFBFBD><EFBFBD>汾<EFBFBD><EFBFBD>.<EFBFBD>Ӱ汾<EFBFBD><EFBFBD>.<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>汾<EFBFBD><EFBFBD>.<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>汾<EFBFBD><EFBFBD>)
|
|||
|
|
*
|
|||
|
|
* @author pye-mail@163.com
|
|||
|
|
*
|
|||
|
|
* create log 2015<EFBFBD><EFBFBD>6<EFBFBD><EFBFBD>12<EFBFBD><EFBFBD>10:00:51
|
|||
|
|
*
|
|||
|
|
* last update <EFBFBD><EFBFBD>
|
|||
|
|
*
|
|||
|
|
*
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
.product-hd {
|
|||
|
|
margin: 0px 10px;
|
|||
|
|
height: 4rem;
|
|||
|
|
line-height: 4rem;
|
|||
|
|
background: #fff;
|
|||
|
|
border-bottom: 1px solid #eee;
|
|||
|
|
}
|
|||
|
|
.product-hd .product-hd-txt {
|
|||
|
|
height: 4rem;
|
|||
|
|
font-size: 1.6rem;
|
|||
|
|
padding-left: 10px;
|
|||
|
|
color: #333;
|
|||
|
|
}
|
|||
|
|
.product-hd .product-hd-more {
|
|||
|
|
float: right;
|
|||
|
|
/*margin-right: 1rem;*/
|
|||
|
|
}
|
|||
|
|
.product-hd .product-hd-more a {
|
|||
|
|
display: block;
|
|||
|
|
padding: 0px 8px;
|
|||
|
|
color: #999;
|
|||
|
|
}
|
|||
|
|
.floor-product-item {
|
|||
|
|
|
|||
|
|
float:left;
|
|||
|
|
margin: 0;
|
|||
|
|
overflow: hidden;
|
|||
|
|
}
|
|||
|
|
.floor-product-item h3{
|
|||
|
|
background-color:#FF0000;
|
|||
|
|
color:#fff;
|
|||
|
|
padding:.3em 1em;
|
|||
|
|
}
|
|||
|
|
.floor-product-item .product-hd {
|
|||
|
|
width: 100%;
|
|||
|
|
margin: 0px;
|
|||
|
|
border-bottom: none;
|
|||
|
|
}
|
|||
|
|
.floor-product-item .product-item-cont {
|
|||
|
|
|
|||
|
|
width: 100%;
|
|||
|
|
height: auto;
|
|||
|
|
*zoom: 1;
|
|||
|
|
text-align: center;
|
|||
|
|
border-top: 1px solid #eee;
|
|||
|
|
border-left: 1px solid #eee;
|
|||
|
|
background: #fff;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.floor-product-item .product-item-cont:before,
|
|||
|
|
.floor-product-item .product-item-cont:after {
|
|||
|
|
content: "";
|
|||
|
|
display: block;
|
|||
|
|
}
|
|||
|
|
.floor-product-item .product-item-cont:after {
|
|||
|
|
clear: both;
|
|||
|
|
font-size: 0;
|
|||
|
|
height: 0;
|
|||
|
|
line-height: 0;
|
|||
|
|
visibility: hidden;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
.floor-product-item .product-item-cont .product-item1-img {
|
|||
|
|
width: 50%;
|
|||
|
|
/*height: 100%;*/
|
|||
|
|
display: block;
|
|||
|
|
margin-left: -1px;
|
|||
|
|
float: left;
|
|||
|
|
}
|
|||
|
|
.floor-product-item .product-item-cont .product-item1-img img {
|
|||
|
|
width: 100%;
|
|||
|
|
display: block;
|
|||
|
|
/*height: 100%;*/
|
|||
|
|
}
|
|||
|
|
.floor-product-item .product-item-cont .product-item2-img {
|
|||
|
|
width: 50%;
|
|||
|
|
/*height: 100%;*/
|
|||
|
|
margin-left: -1px;
|
|||
|
|
display: block;
|
|||
|
|
float: left;
|
|||
|
|
}
|
|||
|
|
.floor-product-item .product-item-cont .product-item2-img img {
|
|||
|
|
width: 100%;
|
|||
|
|
display: block;
|
|||
|
|
/*height: 100%;*/
|
|||
|
|
}
|
|||
|
|
.floor-product-item .product-item-cont .product-item2-cont {
|
|||
|
|
width: 50%;
|
|||
|
|
float: left;
|
|||
|
|
box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
|
|||
|
|
}
|
|||
|
|
.floor-product-item .product-item-cont .product-item2-cont .product-cont {
|
|||
|
|
width: 50%;
|
|||
|
|
box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
|
|||
|
|
}
|
|||
|
|
.floor-product-item .product-item-cont .product-cont {
|
|||
|
|
float: left;
|
|||
|
|
margin-right:-1px;
|
|||
|
|
width: 50%;
|
|||
|
|
border-bottom: 1px solid #eee;
|
|||
|
|
border-right: 1px solid #eee;
|
|||
|
|
display: block;
|
|||
|
|
overflow:hidden;
|
|||
|
|
box-sizing:border-box;
|
|||
|
|
-moz-box-sizing:border-box;
|
|||
|
|
-webkit-box-sizing:border-box;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.floor-product-item .product-item-cont .product-cont span {
|
|||
|
|
/*width: 100%;*/
|
|||
|
|
height: 1.5em;
|
|||
|
|
line-height: 1.5em;
|
|||
|
|
margin-left: .5em;
|
|||
|
|
/*float: left;*/
|
|||
|
|
display: block;
|
|||
|
|
font-size: 0.85em;
|
|||
|
|
}
|
|||
|
|
.floor-product-item .product-item-cont .product-cont .txt {
|
|||
|
|
color: #000000;
|
|||
|
|
margin-top: .4em;
|
|||
|
|
text-overflow:ellipsis;white-space:nowrap;
|
|||
|
|
overflow: hidden;
|
|||
|
|
}
|
|||
|
|
.floor-product-item .product-item-cont .product-cont .rmb {
|
|||
|
|
|
|||
|
|
color: #df1717;
|
|||
|
|
}
|
|||
|
|
.floor-product-item .product-item-cont .product-cont .rmb del{
|
|||
|
|
color: #9f9f9f;
|
|||
|
|
}
|
|||
|
|
.floor-product-item .product-item-cont .product-cont a {
|
|||
|
|
display: block;
|
|||
|
|
float: right;
|
|||
|
|
}
|
|||
|
|
.floor-product-item .product-item-cont .product-cont img {
|
|||
|
|
|
|||
|
|
width: 90%; margin-top:0.8em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
|
|||
|
|
}
|
|||
|
|
.floor-product-item .product-item-cont > .product-cont:first-child {
|
|||
|
|
border-left: none;
|
|||
|
|
}
|
|||
|
|
.floor-product-taocan{
|
|||
|
|
float:left;
|
|||
|
|
width:100%;
|
|||
|
|
height:100%;
|
|||
|
|
padding:0;
|
|||
|
|
border: 1px solid #DFDFDF;
|
|||
|
|
box-sizing:border-box;
|
|||
|
|
-moz-box-sizing:border-box;
|
|||
|
|
-webkit-box-sizing:border-box;
|
|||
|
|
}
|
|||
|
|
.floor-product-taocan h3{
|
|||
|
|
float:left;
|
|||
|
|
width:100%;
|
|||
|
|
padding:0.5em 1em;
|
|||
|
|
background-color:#810d5f;
|
|||
|
|
color: #fff;
|
|||
|
|
box-sizing:border-box;
|
|||
|
|
-moz-box-sizing:border-box;
|
|||
|
|
-webkit-box-sizing:border-box;
|
|||
|
|
}
|
|||
|
|
.floor-product-taocan-box{
|
|||
|
|
float:left;
|
|||
|
|
background-color:#fff;
|
|||
|
|
width:100%;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
.floor-product-taocan-item{
|
|||
|
|
float:left;
|
|||
|
|
width:50%;
|
|||
|
|
height:32em;
|
|||
|
|
text-align:center;
|
|||
|
|
border: 1px solid #d9b4ce;
|
|||
|
|
overflow:hidden;
|
|||
|
|
box-sizing:border-box;
|
|||
|
|
-moz-box-sizing:border-box;
|
|||
|
|
-webkit-box-sizing:border-box;
|
|||
|
|
}
|
|||
|
|
.floor-product-taocan-item span{
|
|||
|
|
float:left;
|
|||
|
|
display: block;
|
|||
|
|
width:100%;
|
|||
|
|
padding:0.2em 1em;
|
|||
|
|
box-sizing:border-box;
|
|||
|
|
-moz-box-sizing:border-box;
|
|||
|
|
-webkit-box-sizing:border-box;
|
|||
|
|
|
|||
|
|
text-align: left;
|
|||
|
|
font-style:normal;
|
|||
|
|
font-family:"Arial"
|
|||
|
|
}
|
|||
|
|
.floor-product-taocan-item span.txt{
|
|||
|
|
background-color:#f1e7ee;
|
|||
|
|
color: #000
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.floor-product-taocan-item span span{
|
|||
|
|
width:auto;
|
|||
|
|
color:red;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.floor-product h3 span{ float:right;}
|
|||
|
|
.product-flashsale {
|
|||
|
|
background-color: #fee8dd;
|
|||
|
|
*zoom: 1;
|
|||
|
|
}
|
|||
|
|
.product-flashsale:before,
|
|||
|
|
.product-flashsale:after {
|
|||
|
|
content: "";
|
|||
|
|
display: block;
|
|||
|
|
}
|
|||
|
|
.product-flashsale:after {
|
|||
|
|
clear: both;
|
|||
|
|
font-size: 0;
|
|||
|
|
height: 0;
|
|||
|
|
line-height: 0;
|
|||
|
|
visibility: hidden;
|
|||
|
|
}
|
|||
|
|
.product-flashsale .product-hd-flashsale {
|
|||
|
|
width: 100%;
|
|||
|
|
height: auto;
|
|||
|
|
max-height: 90px;
|
|||
|
|
text-align: center;
|
|||
|
|
}
|
|||
|
|
.product-flashsale .product-hd-flashsale .flashsale-hd-bg {
|
|||
|
|
width: 175px;
|
|||
|
|
margin: 0 auto;
|
|||
|
|
display: block;
|
|||
|
|
}
|
|||
|
|
.product-flashsale .product-hd-flashsale .timer {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 30px;
|
|||
|
|
line-height: 30px;
|
|||
|
|
position: relative;
|
|||
|
|
color: #ff611a;
|
|||
|
|
font-size: 1.2rem;
|
|||
|
|
font-family: <EFBFBD><EFBFBD><EFBFBD><EFBFBD>;
|
|||
|
|
white-space: nowrap;
|
|||
|
|
}
|
|||
|
|
.product-flashsale .product-hd-flashsale .timer .timer-span {
|
|||
|
|
width: 18px;
|
|||
|
|
height: 18px;
|
|||
|
|
border: 1px solid #ff611a;
|
|||
|
|
border-radius: 2px;
|
|||
|
|
background-color: #fff;
|
|||
|
|
/*position: absolute;*/
|
|||
|
|
line-height: 18px;
|
|||
|
|
/*margin-top: -4px;
|
|||
|
|
margin-left:-31px;*/
|
|||
|
|
text-align: center;
|
|||
|
|
display: inline-block;
|
|||
|
|
}
|
|||
|
|
.product-flashsale .product-hd-flashsale .timer .timer-unit {
|
|||
|
|
margin-left: 2px;
|
|||
|
|
font-weight: 600;
|
|||
|
|
}
|
|||
|
|
.product-flashsale .ui-repeater {
|
|||
|
|
display: inline;
|
|||
|
|
padding: 14px 0px;
|
|||
|
|
line-height: 1.8rem;
|
|||
|
|
width: 100%;
|
|||
|
|
*zoom: 1;
|
|||
|
|
clear: both;
|
|||
|
|
display: block;
|
|||
|
|
/*font-size: 0;height: 0;line-height: 0;visibility: hidden;*/
|
|||
|
|
}
|
|||
|
|
.product-flashsale .ui-repeater .ui-repeater-item {
|
|||
|
|
width: 33.3%;
|
|||
|
|
height: auto;
|
|||
|
|
background-color: #fee8dd;
|
|||
|
|
font-family: <EFBFBD><EFBFBD><EFBFBD><EFBFBD>;
|
|||
|
|
text-align: center;
|
|||
|
|
}
|
|||
|
|
.product-flashsale .ui-repeater .ui-repeater-item .flashsale-photo img {
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
.product-flashsale .ui-repeater .ui-repeater-item .flashsale-name {
|
|||
|
|
font-size: 1.4rem;
|
|||
|
|
color: #666;
|
|||
|
|
overflow: hidden;
|
|||
|
|
white-space: nowrap;
|
|||
|
|
text-overflow: ellipsis;
|
|||
|
|
}
|
|||
|
|
.product-flashsale .ui-repeater .ui-repeater-item .flashsale-subname {
|
|||
|
|
font-size: 1rem;
|
|||
|
|
color: #999;
|
|||
|
|
overflow: hidden;
|
|||
|
|
white-space: nowrap;
|
|||
|
|
text-overflow: ellipsis;
|
|||
|
|
}
|
|||
|
|
.product-flashsale .ui-repeater .ui-repeater-item .flashsale-price {
|
|||
|
|
margin: 0 6px;
|
|||
|
|
height: 24px;
|
|||
|
|
line-height: 24px;
|
|||
|
|
border-radius: 24px;
|
|||
|
|
font-size: 1.6rem;
|
|||
|
|
color: #fff;
|
|||
|
|
background-color: #ff611a;
|
|||
|
|
}
|
|||
|
|
.product-flashsale .ui-repeater .ui-repeater-item a {
|
|||
|
|
display: block;
|
|||
|
|
padding: 4px 4px 6px 4px;
|
|||
|
|
margin: 0px 3px;
|
|||
|
|
background-color: #fff;
|
|||
|
|
}
|
|||
|
|
.product-flashsale .ui-repeater :last-child {
|
|||
|
|
margin-right: 0px;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
*
|
|||
|
|
* footer.less
|
|||
|
|
*
|
|||
|
|
* <EFBFBD>ײ<EFBFBD>
|
|||
|
|
*
|
|||
|
|
* version 1.0.0.0(<EFBFBD><EFBFBD><EFBFBD>汾<EFBFBD><EFBFBD>.<EFBFBD>Ӱ汾<EFBFBD><EFBFBD>.<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>汾<EFBFBD><EFBFBD>.<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>汾<EFBFBD><EFBFBD>)
|
|||
|
|
*
|
|||
|
|
* @author pye-mail@163.com
|
|||
|
|
*
|
|||
|
|
* create log 2015<EFBFBD><EFBFBD>6<EFBFBD><EFBFBD>16<EFBFBD><EFBFBD>16:02:19
|
|||
|
|
*
|
|||
|
|
* last update <EFBFBD><EFBFBD>
|
|||
|
|
*
|
|||
|
|
* remark
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
/**
|
|||
|
|
* <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>б<EFBFBD>
|
|||
|
|
* @remark <EFBFBD><EFBFBD>
|
|||
|
|
*/
|
|||
|
|
.ui-repeater {
|
|||
|
|
float: left;
|
|||
|
|
}
|
|||
|
|
.ui-repeater .ui-repeater-item {
|
|||
|
|
float: left;
|
|||
|
|
margin: 0px;
|
|||
|
|
padding: 0px;
|
|||
|
|
}
|
|||
|
|
footer,
|
|||
|
|
.footer {
|
|||
|
|
position: fixed;
|
|||
|
|
left: 0px;
|
|||
|
|
bottom: -2px;
|
|||
|
|
width: 100%;
|
|||
|
|
background: #333;
|
|||
|
|
border-top: 1px solid #333;
|
|||
|
|
z-index: 900;
|
|||
|
|
height: 5rem;
|
|||
|
|
font-family: '<27><><EFBFBD><EFBFBD>';
|
|||
|
|
}
|
|||
|
|
footer .ui-repeater,
|
|||
|
|
.footer .ui-repeater {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
}
|
|||
|
|
footer .ui-repeater .ui-repeater-item,
|
|||
|
|
.footer .ui-repeater .ui-repeater-item {
|
|||
|
|
width: 20%;
|
|||
|
|
height: 100%;
|
|||
|
|
text-align: center;
|
|||
|
|
}
|
|||
|
|
footer .ui-repeater .ui-repeater-item a,
|
|||
|
|
.footer .ui-repeater .ui-repeater-item a {
|
|||
|
|
display: block;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
position: relative;
|
|||
|
|
}
|
|||
|
|
footer .ui-repeater .ui-repeater-item a .ui-icon,
|
|||
|
|
.footer .ui-repeater .ui-repeater-item a .ui-icon {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 5px;
|
|||
|
|
left: 50%;
|
|||
|
|
margin-left: -19px;
|
|||
|
|
width: 36px;
|
|||
|
|
height: 30px;
|
|||
|
|
}
|
|||
|
|
footer .ui-repeater .ui-repeater-item a span,
|
|||
|
|
.footer .ui-repeater .ui-repeater-item a span {
|
|||
|
|
font-size: 0.8rem;
|
|||
|
|
color: #999;
|
|||
|
|
margin-top: 30px;
|
|||
|
|
float: left;
|
|||
|
|
width: 100%;
|
|||
|
|
position: relative;
|
|||
|
|
z-index: 10;
|
|||
|
|
}
|
|||
|
|
footer .ui-repeater .team-enter,
|
|||
|
|
.footer .ui-repeater .team-enter {
|
|||
|
|
position: relative;
|
|||
|
|
}
|
|||
|
|
footer .ui-repeater .team-enter a,
|
|||
|
|
.footer .ui-repeater .team-enter a {
|
|||
|
|
position: absolute;
|
|||
|
|
top: -20px;
|
|||
|
|
height: 75px;
|
|||
|
|
}
|
|||
|
|
footer .ui-repeater .team-enter a .ui-icon-team,
|
|||
|
|
.footer .ui-repeater .team-enter a .ui-icon-team {
|
|||
|
|
margin-left: -38px;
|
|||
|
|
height: 75px;
|
|||
|
|
width: 75px;
|
|||
|
|
}
|
|||
|
|
footer .ui-repeater .team-enter a span,
|
|||
|
|
.footer .ui-repeater .team-enter a span {
|
|||
|
|
margin-top: 55px;
|
|||
|
|
color: #333333;
|
|||
|
|
}
|
|||
|
|
footer .ui-repeater .ui-repeater-item.active span,
|
|||
|
|
.footer .ui-repeater .ui-repeater-item.active span {
|
|||
|
|
color: #de1717;
|
|||
|
|
}
|
|||
|
|
footer .ui-repeater .team-enter.active span,
|
|||
|
|
.footer .ui-repeater .team-enter.active span {
|
|||
|
|
color: #efefef;
|
|||
|
|
}
|
|||
|
|
body {
|
|||
|
|
background-color: #eeeeee;
|
|||
|
|
color: #666666;
|
|||
|
|
}
|
|||
|
|
a {
|
|||
|
|
color: #666666;
|
|||
|
|
}
|
|||
|
|
.wrap-main {
|
|||
|
|
width: 100%;
|
|||
|
|
height: auto;
|
|||
|
|
*zoom: 1;
|
|||
|
|
}
|
|||
|
|
.wrap-main:before,
|
|||
|
|
.wrap-main:after {
|
|||
|
|
content: "";
|
|||
|
|
display: block;
|
|||
|
|
}
|
|||
|
|
.wrap-main:after {
|
|||
|
|
clear: both;
|
|||
|
|
font-size: 0;
|
|||
|
|
height: 0;
|
|||
|
|
line-height: 0;
|
|||
|
|
visibility: hidden;
|
|||
|
|
}
|
|||
|
|
.wrap-main.mt-44 {
|
|||
|
|
margin-top: 44px;
|
|||
|
|
}
|
|||
|
|
.wrap-main.mb-50 {
|
|||
|
|
margin-bottom: 5rem;
|
|||
|
|
}
|
|||
|
|
/**<2A><>ҳ<EFBFBD><D2B3><EFBFBD><EFBFBD>*/
|
|||
|
|
.advertisement {
|
|||
|
|
margin-top: 0.5rem;
|
|||
|
|
margin-bottom: -0.5rem;
|
|||
|
|
}
|
|||
|
|
.advertisement a {
|
|||
|
|
display: block;
|
|||
|
|
font-size: 0px;
|
|||
|
|
}
|
|||
|
|
.advertisement a img {
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
/**<2A>ҵĻ**/
|
|||
|
|
.myactivity {
|
|||
|
|
background-color: #fff;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
.zjbox
|
|||
|
|
{
|
|||
|
|
height:30px;
|
|||
|
|
}
|
|||
|
|
.zjbox li
|
|||
|
|
{
|
|||
|
|
float:left;
|
|||
|
|
margin-left:5px;
|
|||
|
|
height:25px;
|
|||
|
|
width:296px;
|
|||
|
|
font-size:14px;
|
|||
|
|
line-height:25px;
|
|||
|
|
color:#000;
|
|||
|
|
}
|
|||
|
|
.zjbox li span
|
|||
|
|
{
|
|||
|
|
float:left;
|
|||
|
|
display:block;
|
|||
|
|
color:red;
|
|||
|
|
text-align:center;
|
|||
|
|
}
|
|||
|
|
.zjbox li span.span1
|
|||
|
|
{
|
|||
|
|
width:100px;
|
|||
|
|
}
|
|||
|
|
.zjbox li span.span2
|
|||
|
|
{
|
|||
|
|
width:80px;
|
|||
|
|
}
|
|||
|
|
.zjbox li span.span3
|
|||
|
|
{
|
|||
|
|
width:100px;
|
|||
|
|
}
|