@import 'base';
@import 'variable';
.c_color1{
color: @color_1 !important;
}
.c_color2{
color: @color_2 !important;
}
.c_color3{
color: @color_3 !important;
}
.c_color4{
color: @color_4 !important;
}
.c_color5{
color: @color_5 !important;
}
.c_color6{
color: @color_6 !important;
}
.c_bg1{
background: @color_1 !important;
}
.c_bg2{
background: @color_2 !important;
}
.c_bg3{
background: @color_3 !important;
}
.c_bg4{
background: @color_4 !important;
}
.c_bg5{
background: @color_5 !important;
}
.c_bg6{
background: @color_6 !important;
}
//分页
.pagination{
.active{
a,span,a:hover,span:hover,a:focus,span:focus{
background-color: @theme_color_less;
border-color: @theme_color_less;
}
}
a{
color: @theme_color_less;
}
}
html.pc {
.c_f1{
font-size: @fontsize_pc_1 !important;
}
.c_f2{
font-size: @fontsize_pc_2 !important;
}
.c_f3{
font-size: @fontsize_pc_3 !important;
}
.c-container {
width: 1150px;
margin-right: auto;
margin-left: auto;
}
.c-sectiontitle {
font-size: 18px;
color: @color_2;
height: 30px;
}
.c-sectiontitle__body {
position: absolute;
left: 0;
right: 0;
z-index: 2;
}
.c-sectiontitle__block {
// width: 54px*2+72;
background: white;
font-weight: 500;
padding: 0 16px;
}
.c-sectiontitle__line {
position: absolute;
left: 0;
right: 0;
border-top: 1px solid #B2B2B2;
z-index: 1;
top: 12px;
}
.c-morebtn {
margin: 0 auto;
cursor: pointer;
width: 135px;
height: 32px;
border-radius: 23px;
-webkit-border-radius: 23px;
background: transparent;
border: 2px solid @theme_color_less;
color: @theme_color_less;
font-size: 14px;
text-align: center;
-webkit-transition: all ease 0.5s;
-moz-transition: all ease 0.5s;
-ms-transition: all ease 0.5s;
-o-transition: all ease 0.5s;
transition: all ease 0.5s;
* {
line-height: 28px;
}
&:hover{
background: @theme_color_less;
color: white;
}
}
.c-themetitle__main {
font-size: 24px;
font-weight: 500;
color: #353535;
}
.c-themetitle__sub {
font-size: 16px;
margin-top: 16px;
color: #888888;
}
.c-sectiontitle--common {
padding-bottom: @padding_pc_2;
}
.c-imghover {
-webkit-transition: transform ease 1s;
-moz-transition: transform ease 1s;
-ms-transition: transform ease 1s;
-o-transition: transform ease 1s;
transition: transform ease 1s;
-webkit-transform-origin: center;
transform-origin: center;
&:hover{
-webkit-transform: scale(1.2, 1.2);
transform: scale(1.2, 1.2);
}
}
.c-toup{
display: none;
}
}
html.mobiles {
.c-container {
padding: 0 0.3rem;
}
.c-sectiontitle {
font-size: 0.26rem;
color: @color_2;
height: 0.3rem;
}
.c-sectiontitle__body {
position: absolute;
left: 0;
right: 0;
z-index: 2;
}
.c-sectiontitle__block {
// width: 0.32rem*2+1.3;
background: white;
font-weight: 500;
padding: 0 16px;
}
.c-sectiontitle__line {
position: absolute;
left: 0;
right: 0;
border-top: 1px solid #B2B2B2;
z-index: 1;
top: 0.16rem;
}
.c-themetitle__main {
font-size: 0.32rem;
font-weight: 500;
color: #353535;
}
.c-themetitle__sub {
font-size: 0.2rem;
margin-top: 0.2rem;
color: #888888;
}
.c-morebtn {
padding-top: 0.04rem;
margin: 0 auto;
cursor: pointer;
width: 2.32rem;
height: 0.56rem;
border-radius: 0.23rem;
-webkit-border-radius: 0.23rem;
background: transparent;
border: 3px solid @theme_color_less;
color: @theme_color_less;
font-size: 0.26rem;
text-align: center;
* {
// line-height: 0.56rem;
}
}
.c-sectiontitle--common {
padding-bottom: @padding_mobiles_2;
}
.c-toup{
width: 0.7rem;
height: 0.7rem;
text-align: center;
line-height: 0.7rem;
background: @theme_color_less;
color: white;
position: fixed;
right: 0.4rem;
bottom: 0.4rem;
z-index: 1000;
font-size: 0.4rem;
border-radius: 100%;
-webkit-border-radius: 100%;
}
}
.c-default-a {
color: inherit;
text-decoration: none;
&:hover,
&:active,
&:link {
text-decoration: none;
color: inherit;
}
}
.c-h1,
.c-h2,
.c-h3,
.c-h4,
.c-h5,
.c-h6 {
margin: 0;
padding: 0;
line-height: 1.428571429;
font-size: inherit;
font-weight: inherit;
color: inherit;
}
.c-showpicmodal--active{
cursor: pointer;
}