html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(0.3);
transform: scale(0.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(0.3);
-ms-transform: scale(0.3);
transform: scale(0.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
/*==============================css3========================================================*/
.actions .actions-inner,
.actions .actions-inner .add-to-links li a,
.actions .actions-inner button.button span,
.banner-home-content .banner-box-inner .media-body,
.banner-home-content .banner-box-inner .pull-left .fa,
.home-banner-static .box-content img,
.banner-left img,
.catlist_level_top img,
.home-banner-static .box-title {
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
@-webkit-keyframes smallToBig {
from {
-webkit-transform: scale(0.1);
}
to {
-webkit-transform: scale(1);
}
}
@-moz-keyframes smallToBig {
from {
-moz-transform: scale(0.1);
}
to {
-moz-transform: scale(1);
}
}
@-ms-keyframes smallToBig {
from {
-ms-transform: scale(0.1);
}
to {
-ms-transform: scale(1);
}
}
@-webkit-keyframes moveFromBottom {
from {
opacity: 0;
-webkit-transform: translateY(200%);
}
to {
opacity: 1;
-webkit-transform: translateY(0%);
}
}
@-moz-keyframes moveFromBottom {
from {
opacity: 0;
-moz-transform: translateY(200%);
}
to {
opacity: 1;
-moz-transform: translateY(0%);
}
}
@-ms-keyframes moveFromBottom {
from {
opacity: 0;
-ms-transform: translateY(200%);
}
to {
opacity: 1;
-ms-transform: translateY(0%);
}
}
@-webkit-keyframes moveFromTop {
from {
opacity: 0;
-webkit-transform: translateY(-200%);
}
to {
opacity: 1;
-webkit-transform: translateY(0%);
}
}
@-moz-keyframes moveFromTop {
from {
opacity: 0;
-moz-transform: translateY(-200%);
}
to {
opacity: 1;
-moz-transform: translateY(0%);
}
}
@-ms-keyframes moveFromTop {
from {
opacity: 0;
-ms-transform: translateY(-200%);
}
to {
opacity: 1;
-ms-transform: translateY(0%);
}
}
@-webkit-keyframes moveFromLeft {
from {
-webkit-transform: translateX(-100%);
}
to {
-webkit-transform: translateX(0%);
}
}
@-moz-keyframes moveFromLeft {
from {
-moz-transform: translateX(-100%);
}
to {
-moz-transform: translateX(0%);
}
}
@-ms-keyframes moveFromLeft {
from {
-ms-transform: translateX(-100%);
}
to {
-ms-transform: translateX(0%);
}
}
@-webkit-keyframes moveFromRight {
from {
-webkit-transform: translateX(100%);
}
to {
-webkit-transform: translateX(0%);
}
}
@-moz-keyframes moveFromRight {
from {
-moz-transform: translateX(100%);
}
to {
-moz-transform: translateX(0%);
}
}
@-ms-keyframes moveFromRight {
from {
-ms-transform: translateX(100%);
}
to {
-ms-transform: translateX(0%);
}
}
/*======================================================================================*/
/**
* Copyright © 2015 PlazaThemes.com. All rights reserved.
* @author PlazaThemes Team
*/
.pt-banner-container .owl-carousel:hover .owl-controls .owl-buttons {
display: block;
}
.pt-banner-container .owl-carousel .owl-controls {
margin-top: 0;
}
.pt-banner-container .owl-carousel .owl-controls .owl-buttons {
display: none;
}
.pt-banner-container .owl-carousel .owl-controls .owl-buttons div {
background: none;
font-size: 0;
padding: 0;
text-align: center;
position: absolute;
top: 50%;
margin-top: -42px;
}
.pt-banner-container .owl-carousel .owl-controls .owl-buttons div:hover:before {
color: #42565d;
}
.pt-banner-container .owl-carousel .owl-controls .owl-buttons div:before {
color: #bebebe;
font-size: 64px;
font-family: Ionicons;
display: block;
line-height: 78px;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
}
.pt-banner-container .owl-carousel .owl-controls .owl-buttons div.owl-prev {
left: 15px;
}
.pt-banner-container .owl-carousel .owl-controls .owl-buttons div.owl-prev:before {
content: "\f3d2";
}
.pt-banner-container .owl-carousel .owl-controls .owl-buttons div.owl-next {
right: 15px;
}
.pt-banner-container .owl-carousel .owl-controls .owl-buttons div.owl-next:before {
content: "\f3d3";
}
.pt-banner-container .owl-carousel .owl-controls .owl-pagination {
position: absolute;
bottom: 13px;
left: 0;
right: 0;
}
.pt-banner-container .owl-carousel .owl-controls .owl-pagination .owl-page span {
width: 15px;
height: 4px;
margin: 0 5px;
border-radius: 0;
background: #252525;
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
}
.pt-banner-container .owl-carousel .owl-controls .owl-pagination .owl-page:hover span,
.pt-banner-container .owl-carousel .owl-controls .owl-pagination .owl-page.active span {
background: #42565d;
}
.pt-banner-container .pt-url {
display: block;
}
.pt-banner-container .pt-url img {
width: 100%;
vertical-align: middle;
}
.pt-banner-container .pt-banner-caption {
position: absolute;
left: 50%;
top: 50%;
width: 100%;
background: none;
color: #fff;
font-size: 16px;
margin-top: -145px;
margin-left: -410px;
z-index: 999;
text-align: left;
font-family: 'Ek Mukta', sans-serif;
}
.pt-banner-container .pt-banner-caption .pt-banner-content {
display: inline-block;
width: 41%;
position: relative;
}
.pt-banner-container .pt-banner-caption .pt-banner-content h1,
.pt-banner-container .pt-banner-caption .pt-banner-content h2,
.pt-banner-container .pt-banner-caption .pt-banner-content h3 {
text-transform: inherit;
}
.pt-banner-container .pt-banner-caption .pt-banner-content .pt-title1 {
color: #735c4e;
font-size: 50px;
display: none;
margin-bottom: 0;
-webkit-animation: bounceInLeft 1500ms ease-in-out;
-moz-animation: bounceInLeft 1500ms ease-in-out;
-ms-animation: bounceInLeft 1500ms ease-in-out;
animation: bounceInLeft 1500ms ease-in-out;
}
.pt-banner-container .pt-banner-caption .pt-banner-content .pt-title2 {
color: #42565d;
font-size: 60px;
font-weight: bold;
text-transform: uppercase;
-webkit-animation: bounceInLeft 1800ms ease-in-out;
-moz-animation: bounceInLeft 1800ms ease-in-out;
-ms-animation: bounceInLeft 1800ms ease-in-out;
animation: bounceInLeft 1800ms ease-in-out;
}
.pt-banner-container .pt-banner-caption .pt-banner-content .pt-title3 {
display: none;
-webkit-animation: bounceInLeft 2200ms ease-in-out;
-moz-animation: bounceInLeft 2200ms ease-in-out;
-ms-animation: bounceInLeft 2200ms ease-in-out;
animation: bounceIbounceInLeftnDown 2200ms ease-in-out;
}
.pt-banner-container .pt-banner-caption .pt-banner-content .pt-banner-des {
-webkit-animation: bounceInLeft 2000ms ease-in-out;
-moz-animation: bounceInLeft 2000ms ease-in-out;
-ms-animation: bounceInLeft 2000ms ease-in-out;
animation: bounceInLeft 2000ms ease-in-out;
color: #4c4d4d;
font-size: 28px;
font-weight: 500;
margin: 10px 0 8px;
line-height: 35px;
font-family: 'Ek Mukta', sans-serif;
}
.pt-banner-container .pt-banner-caption .pt-banner-content .pt-banner-des p {
margin: 0;
}
.pt-banner-container .pt-banner-caption .pt-banner-content .pt-banner-des span {
display: block;
}
.pt-banner-container .pt-banner-caption .pt-banner-content .shopnow {
background: #333;
color: #fff;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
display: inline-block;
line-height: 48px;
padding: 0 18px;
margin: 30px 0 0;
border-radius: 0;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
-webkit-animation: bounceInLeft 2500ms ease-in-out;
-moz-animation: bounceInLeft 2500ms ease-in-out;
-ms-animation: bounceInLeft 2500ms ease-in-out;
animation: bounceInLeft 2500ms ease-in-out;
}
.pt-banner-container .pt-banner-caption .pt-banner-content .shopnow:hover {
background: #42565d;
}
@media screen and (max-width: 1200px) {
.pt-banner-container .pt-banner-caption {
margin-left: -300px;
}
.pt-banner-container .pt-banner-caption .pt-banner-content .pt-title1 {
font-size: 14px;
}
.pt-banner-container .pt-banner-caption .pt-banner-content .pt-title2 {
font-size: 40px;
}
}
@media screen and (max-width: 992px) {
.pt-banner-container .owl-carousel .owl-controls .owl-buttons div {
display: none;
}
.pt-banner-container .pt-banner-caption {
margin-left: -300px;
}
.pt-banner-container .pt-banner-caption .pt-banner-content .pt-title1 {
font-size: 14px;
}
.pt-banner-container .pt-banner-caption .pt-banner-content .pt-title2 {
font-size: 40px;
}
.pt-banner-container .pt-banner-caption .pt-banner-content .pt-banner-des {
font-size: 20px;
}
}
@media screen and (max-width: 767px) {
.owl-controls .owl-buttons {
display: none !important;
}
.pt-banner-container .pt-banner-caption {
margin-left: -250px;
margin-top: -110px;
}
.pt-banner-container .pt-banner-caption .pt-banner-content .pt-title1 {
font-size: 14px;
}
.pt-banner-container .pt-banner-caption .pt-banner-content .pt-title2 {
font-size: 24px;
}
.pt-banner-container .pt-banner-caption .pt-banner-content .pt-banner-des {
font-size: 16px;
line-height: 20px;
}
.pt-banner-container .pt-banner-caption .pt-banner-content .shopnow {
margin: 15px 0 0;
font-size: 16px;
}
}
@media screen and (max-width: 600px) {
.pt-banner-container .pt-banner-caption {
margin-left: -180px;
margin-top: -90px;
}
.pt-banner-container .pt-banner-caption .pt-banner-content .pt-title1 {
font-size: 14px;
}
.pt-banner-container .pt-banner-caption .pt-banner-content .pt-title2 {
font-size: 24px;
}
.pt-banner-container .pt-banner-caption .pt-banner-content .pt-banner-des {
font-size: 13px;
line-height: 20px;
}
.pt-banner-container .pt-banner-caption .pt-banner-content .shopnow {
margin: 15px 0 0;
font-size: 16px;
line-height: 30px;
}
}
@media screen and (max-width: 480px) {
.pt-banner-container .pt-banner-caption {
margin-left: -155px;
margin-top: -66px;
}
.pt-banner-container .pt-banner-caption .pt-banner-content .pt-title1 {
font-size: 14px;
}
.pt-banner-container .pt-banner-caption .pt-banner-content .pt-title2 {
font-size: 20px;
}
.pt-banner-container .pt-banner-caption .pt-banner-content .pt-banner-des {
font-size: 11px;
line-height: 13px;
}
.pt-banner-container .pt-banner-caption .pt-banner-content .shopnow {
margin: 0;
font-size: 13px;
line-height: 30px;
}
}
@media screen and (max-width: 350px) {
.pt-banner-container .pt-banner-caption {
margin-left: -135px;
margin-top: -60px;
}
.pt-banner-container .pt-banner-caption .pt-banner-content .pt-title1 {
font-size: 14px;
}
.pt-banner-container .pt-banner-caption .pt-banner-content .pt-title2 {
font-size: 14px;
}
.pt-banner-container .pt-banner-caption .pt-banner-content .pt-banner-des {
font-size: 11px;
}
.pt-banner-container .pt-banner-caption .pt-banner-content .shopnow {
margin: 0 0;
font-size: 11px;
line-height: 25px;
}
}
/*===custommenu==============*/
.pt_custommenu {
position: relative;
z-index: 100;
}
.pt_custommenu div.pt_menu {
display: inline-block;
vertical-align: middle;
float: left;
}
.pt_custommenu div.pt_menu:not(.pt_menu_no_child) .parentMenu a:after {
content: "\f107";
font-family: FontAwesome;
font-weight: normal;
font-size: 14px;
}
.pt_custommenu div.pt_menu.act .parentMenu a,
.pt_custommenu div.pt_menu.active .parentMenu a {
color: #42565d;
}
.pt_custommenu div.pt_menu#pt_menu_home a {
position: relative;
padding-left: 0;
}
.pt_custommenu div.pt_menu#pt_menu_home a:after {
display: none;
}
.pt_custommenu div.pt_menu .parentMenu a,
.pt_custommenu div.pt_menu .parentMenu span.block-title {
padding: 25px;
text-decoration: none;
display: block;
text-transform: uppercase;
font-size: 18px;
color: #42565d;
font-family: 'Ek Mukta', sans-serif;
font-weight: bold;
line-height: 14px;
}
.pt_custommenu div.pt_menu .parentMenu a:hover,
.pt_custommenu div.pt_menu .parentMenu span.block-title:hover,
.pt_custommenu div.pt_menu .parentMenu a.act,
.pt_custommenu div.pt_menu .parentMenu span.block-title.act {
color: #42565d;
}
.pt_custommenu div.pt_menu .parentMenu p {
margin: 0;
padding: 0;
}
.pt_custommenu div.popup {
position: absolute;
z-index: 3000;
text-align: left;
width: 904px;
padding: 0;
margin: 0;
box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.6);
background-color: #fff;
}
.pt_custommenu div.popup a {
text-decoration: none;
display: block;
line-height: 28px;
}
.pt_custommenu div.popup a.actParent {
color: #1a75bb;
}
.pt_custommenu div.popup a.act {
color: #1a75bb !important;
}
.pt_custommenu div.popup .itemMenu a.level1,
.pt_custommenu div.popup .itemMenu h4.level1 {
font-size: 18px;
line-height: 20px;
font-weight: 700;
color: #42565d;
font-family: 'Ek Mukta', sans-serif;
text-transform: uppercase;
}
.pt_custommenu div.popup .itemMenu a.level1:hover,
.pt_custommenu div.popup .itemMenu h4.level1:hover {
color: #42565d;
}
.pt_custommenu div.popup .itemMenu a.level1 span,
.pt_custommenu div.popup .itemMenu h4.level1 span {
display: inline-block;
background-color: #fff;
padding-right: 20px;
}
.pt_custommenu div.popup .itemMenu a.level1:not(:first-child),
.pt_custommenu div.popup .itemMenu h4.level1:not(:first-child) {
margin-top: 80px;
}
.pt_custommenu div.popup .itemMenu a.level2,
.pt_custommenu div.popup .itemMenu h4.level2,
.pt_custommenu div.popup .itemMenu a.level3,
.pt_custommenu div.popup .itemMenu h4.level3 {
text-transform: capitalize;
font-weight: normal;
font-size: 16px;
line-height: 35px;
font-family: 'Open Sans', sans-serif;
}
.pt_custommenu div.popup .itemMenu a.level2:hover,
.pt_custommenu div.popup .itemMenu h4.level2:hover,
.pt_custommenu div.popup .itemMenu a.level3:hover,
.pt_custommenu div.popup .itemMenu h4.level3:hover {
color: #42565d;
}
.pt_custommenu div.popup .itemMenu .itemSubMenu {
margin-top: 20px;
}
.pt_custommenu div.popup .block1 {
overflow: hidden;
float: left;
padding: 50px;
}
.pt_custommenu div.popup .block1 .column {
margin-bottom: -99999px;
padding-bottom: 99999px;
}
.pt_custommenu div.popup .block2 {
margin-top: 10px;
float: left;
}
.pt_custommenu div.popup .blockright img {
max-width: 100%;
}
.pt_custommenu div.column {
float: left;
width: 200px;
margin-right: 25px;
}
.pt_custommenu div.column.last {
border-right: 0 none;
margin-right: 0;
padding-right: 0;
}
.pt_custommenu #pt_menu_link {
padding: 0;
}
.pt_custommenu #pt_menu_link .parentMenu ul li {
float: left;
list-style: none;
position: relative;
}
.pt_custommenu .clearBoth {
clear: both;
}
.pt_custommenu .menu-sale,
.pt_custommenu .menu-new {
position: absolute;
color: #fff;
background: url(../images/hot-sale.png) no-repeat center center;
width: 47px;
height: 31px;
line-height: 26px;
top: -15px;
text-align: center;
text-transform: uppercase;
font-size: 12px;
right: 0;
pointer-events: none;
z-index: 1;
}
.pt_custommenu .menu-new {
background: url(../images/news.png) no-repeat center center;
}
.menu-link {
display: inline-block;
vertical-align: middle;
}
.menu-link ul li {
float: left;
}
.menu-link ul li a {
padding: 25px;
text-decoration: none;
display: block;
text-transform: uppercase;
font-size: 18px;
color: #707070;
font-family: 'Ek Mukta', sans-serif;
font-weight: bold;
line-height: 14px;
}
.menu-link ul li:active a,
.menu-link ul li:hover a {
color: #42565d;
}
/* =============================================Mobile Menu ========================================== */
.ma-nav-mobile-container .navbar {
background: none;
border-radius: 0;
border: 0;
margin: 0;
}
.ma-nav-mobile-container .navbar .navbar-inner {
background: #fff;
border: 0 !important;
box-shadow: none !important;
padding: 0;
}
.ma-nav-mobile-container .navbar .navbar-inner .menu-mobile {
display: none;
background: #42565d;
float: left;
width: 100%;
padding: 0 2%;
}
.ma-nav-mobile-container .navbar .navbar-inner .menu-mobile .btn-navbar {
display: none;
margin-top: 10px;
border: 0 !important;
box-shadow: none !important;
background: url("../images/bg-menu-mobile.png") no-repeat 50% 50%;
padding: 10px;
}
.ma-nav-mobile-container .navbar .navbar-inner .menu-mobile .btn-navbar.navbar .btn-navbar:hover {
background: url("../images/bg-menu-mobile.png") no-repeat 50% 50% !important;
font-family: 'helvetica';
}
.ma-nav-mobile-container .navbar .navbar-inner .menu-mobile .btn-navbar .icon-bar {
box-shadow: none !important;
border-radius: 0 !important;
background-color: inherit !important;
}
.ma-nav-mobile-container .navbar .navbar-inner .menu-mobile .brand {
color: #fff;
text-transform: uppercase;
text-shadow: none;
font-size: 18px;
font-weight: 700;
padding: 15px 0;
height: auto;
}
.ma-nav-mobile-container .navbar .navbar-inner .mobilemenu {
height: auto;
display: block;
float: left;
width: 100%;
margin: 10px 0 0;
list-style-type: none;
padding: 0;
margin: 0;
}
.ma-nav-mobile-container .navbar .navbar-inner .mobilemenu ul {
padding: 0;
margin: 0 0 3px;
float: left;
display: block;
width: 100%;
background: #fff;
}
.ma-nav-mobile-container .navbar .navbar-inner .mobilemenu ul li a {
border: 0;
margin: 0;
font-size: 12px;
padding: 5px 10px;
}
.ma-nav-mobile-container .navbar .navbar-inner .mobilemenu li {
background: none;
cursor: pointer;
list-style-type: none;
padding: 0;
margin: 0;
float: left;
display: block;
width: 100%;
position: relative;
}
.ma-nav-mobile-container .navbar .navbar-inner .mobilemenu li .level0.last {
margin-bottom: 10px;
}
.ma-nav-mobile-container .navbar .navbar-inner .mobilemenu li div {
padding: 20px;
background: #aef;
display: block;
clear: both;
float: left;
width: 360px;
}
.ma-nav-mobile-container .navbar .navbar-inner .mobilemenu li.active > a {
color: #42565d;
}
.ma-nav-mobile-container .navbar .navbar-inner .mobilemenu li.active span.head a:before {
content: "\f106";
}
.ma-nav-mobile-container .navbar .navbar-inner .mobilemenu li a {
color: #666;
}
.ma-nav-mobile-container .navbar .navbar-inner .mobilemenu li a:hover {
color: #42565d;
}
.ma-nav-mobile-container .navbar .navbar-inner .mobilemenu span.head {
position: absolute;
top: 16px;
right: 15px;
}
.ma-nav-mobile-container .navbar .navbar-inner .mobilemenu span.head a {
border: 0;
color: #fff;
display: block;
height: 15px;
padding: 0;
margin: 0;
width: 15px;
}
.ma-nav-mobile-container .navbar .navbar-inner .mobilemenu span.head a:before {
content: "\f107";
display: block;
font-family: FontAwesome;
line-height: 15px;
text-align: center;
}
.ma-nav-mobile-container .navbar .navbar-inner a {
text-decoration: none;
border: 1px solid #444444;
line-height: 25px;
padding: 10px;
font-weight: normal;
color: #666;
margin: 0 0 3px;
display: block;
cursor: pointer;
font-size: 14px;
text-transform: capitalize;
}
.ma-nav-mobile-container .navbar .nav li {
padding: 10px 30px 20px 0;
}
.mobilemenu ul a {
padding-left: 15px;
}
.mobilemenu ul ul a {
padding-left: 30px;
}
.mobilemenu ul ul ul a {
padding-left: 45px;
}
.mobilemenu ul ul ul ul a {
padding-left: 60px;
}
.mobilemenu ul ul ul ul ul a {
padding-left: 75px;
}
/*----------- button mobilemenu -------------*/
html,
body {
display: block !important;
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
body {
background: #ffffff;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
color: #555555;
}
a {
color: #8a9ea5;
}
a:hover {
color: #42565d;
text-decoration: none;
}
img {
max-width: 100%;
}
input,
select,
textarea,
button {
vertical-align: middle;
display: inline-block;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
outline: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #5a5a5a;
font-weight: 700;
}
p {
margin-bottom: 10px;
}
input.input-text,
select,
textarea {
height: 34px;
background: #fff;
border: 1px solid #8a9ea5;
outline: none;
padding: 0 10px !important;
}
*:focus,
a:focus {
outline: none;
}
big {
font-size: 125%;
}
dd {
margin-bottom: 24px;
}
ul,
ol {
padding: 0;
margin: 0;
}
ul {
list-style: none;
}
ol {
list-style: decimal;
}
ul > li,
ol > li {
margin: 0;
}
button,
.action.primary,
a.action.primary {
background: none;
border: 0 !important;
margin-bottom: 10px;
overflow: visible;
width: auto;
border: 0;
padding: 0;
margin: 0;
background: transparent;
cursor: pointer;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
}
button:hover,
.action.primary:hover,
a.action.primary:hover {
background: none;
border: 0;
text-shadow: none;
color: #fff;
text-decoration: none;
}
button:hover span,
.action.primary:hover span,
a.action.primary:hover span {
background: #42565d;
border-color: #8a9ea5;
color: #fff;
}
button:focus,
.action.primary:focus,
a.action.primary:focus,
button:active,
.action.primary:active,
a.action.primary:active {
background: none;
border: 0;
}
button span,
.action.primary span,
a.action.primary span {
line-height: 34px;
padding: 0 25px;
display: block;
text-transform: uppercase;
color: #fff;
background: #42565d;
font-size: 11px;
font-weight: 700;
border: 0;
text-align: center;
white-space: nowrap;
}
button span span,
.action.primary span span,
a.action.primary span span {
line-height: 34px;
padding: 0;
border: 0 !important;
}
.modal-popup {
z-index: 9999 !important;
}
.modal-popup .modal-header .action-close {
padding: 20px;
}
.modal-popup .modal-header,
.modal-popup .modal-footer {
border: 0;
}
.modal-popup .modal-content {
border: 0;
box-shadow: none;
}
.owl-container {
margin: 0 -15px;
}
.owl-container .owl-carousel .owl-item {
padding: 0 15px;
}
.owl-container .owl-carousel .owl-controls .owl-buttons {
display: inline-block;
width: auto;
height: auto;
background: none;
position: absolute;
top: 0;
right: 15px;
margin-top: -62px;
text-align: right;
z-index: 2;
}
.owl-container .owl-carousel .owl-controls .owl-buttons div {
background: none;
border: 0;
border-radius: 0;
font-size: 0;
padding: 0 5px;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.owl-container .owl-carousel .owl-controls .owl-buttons div:hover:before {
color: #42565d;
}
.owl-container .owl-carousel .owl-controls .owl-buttons div:before {
color: #8a9ea5;
font-size: 24px;
font-family: Ionicons;
display: block;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
}
.owl-container .owl-carousel .owl-controls .owl-buttons div.owl-prev {
left: 15px;
}
.owl-container .owl-carousel .owl-controls .owl-buttons div.owl-prev:before {
content: "\f3cf";
}
.owl-container .owl-carousel .owl-controls .owl-buttons div.owl-next {
right: 15px;
}
.owl-container .owl-carousel .owl-controls .owl-buttons div.owl-next:before {
content: "\f3d1";
}
.product-reviews-summary {
margin: 10px 0 12px !important;
width: 100%;
display: block;
}
.product-reviews-summary.empty {
display: none;
}
.product-reviews-summary .reviews-actions {
line-height: 25px;
display: inline-block;
width: auto;
margin-top: 2px;
margin-left: 6px;
}
.product-reviews-summary .rating-summary {
display: block;
position: static;
margin: 0;
left: 0;
text-align: center;
}
.product-reviews-summary .rating-summary .rating-result {
width: 75px;
margin-left: -4px;
}
.product-reviews-summary .rating-summary .rating-result:before {
font-size: 20px;
height: 20px;
line-height: 20px;
letter-spacing: -5px;
color: #e1e1e1;
}
.product-reviews-summary .rating-summary .rating-result > span:before {
color: #edbc2b;
font-size: 20px;
line-height: 20px;
height: 20px;
letter-spacing: -5px;
}
.ma-breadcrumbs {
margin-bottom: 20px;
background: url(../images/bgmenu.png) center;
}
#shop_breadcrumbs {
padding: 10px 0;
}
.fotorama__stage .fotorama__stage__frame .fotorama__img {
min-height: 100%;
}
.breadcrumbs {
padding: 80px 0;
line-height: 15px;
margin: 0;
text-transform: capitalize;
text-align: center;
}
.breadcrumbs .shopcate {
font-family: 'Ek Mukta', sans-serif;
font-weight: bold;
font-size: 28px;
text-transform: uppercase;
margin-bottom: 25px;
line-height: 20px;
}
.breadcrumbs .items {
font-size: inherit;
}
.breadcrumbs .items .item {
display: inline;
margin-right: 10px;
}
.breadcrumbs .items .item:not(:last-child):after {
padding: 0px 0px 0px 10px;
content: "\f105";
font-family: FontAwesome;
color: #42565d;
font-size: 15px;
line-height: 15px;
}
.breadcrumbs .items .item a,
.breadcrumbs .items .item strong {
font-size: 15px;
text-decoration: none;
}
.breadcrumbs .items .item a:hover,
.breadcrumbs .items .item strong:hover {
color: #42565d;
}
.breadcrumbs .items .item a {
color: #42565d;
}
.breadcrumbs .items .item strong {
text-transform: capitalize;
font-size: 15px;
font-weight: normal;
color: #42565d;
}
.breadcrumbs .items .item strong:before {
color: #555;
}
.category-image {
margin-bottom: 30px !important;
}
.page-title-wrapper {
position: static;
height: auto;
width: auto;
}
.page-title-wrapper .page-title {
font-size: 20px;
font-weight: 600;
text-transform: uppercase;
margin: 0 0 30px;
}
.checkout-index-index .page-title-wrapper {
position: static;
height: auto;
width: auto;
}
.checkout-index-index .header-bottom {
display: none;
}
.checkout-index-index .header-content {
border-bottom: 1px solid #ccc;
margin-bottom: 40px;
}
.checkout-index-index .action.action-auth-toggle {
color: #999999;
font-size: 14px;
text-transform: uppercase;
font-weight: 600;
}
.checkout-index-index .action.action-auth-toggle:before {
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f090";
font-size: 14px;
margin-right: 5px;
}
.checkout-index-index .opc-progress-bar {
text-align: center;
margin: 0 0 50px;
}
.checkout-index-index .opc {
background: #f5f5f5;
padding: 20px;
}
.checkout-index-index .opc-sidebar {
margin: 0 0 30px !important;
}
.checkout-index-index .opc-sidebar .product-item-details {
padding-left: 120px !important;
}
.checkout-index-index .opc-sidebar .product-item-details .product-item-name-block {
display: inline-block !important;
}
.toolbar-bottom .toolbar {
padding: 30px 20px;
border-top: 1px solid #e7e7e7;
border-bottom: 0;
}
.toolbar-bottom .toolbar .toolbar-sorter,
.toolbar-bottom .toolbar .limiter,
.toolbar-bottom .toolbar .modes {
display: none !important;
}
.toolbar-bottom .toolbar .pages {
display: block;
}
.toolbar {
padding: 0;
position: relative;
margin: 0 0 30px;
}
.toolbar .left-toolbar {
float: left;
background: #fff;
padding-right: 20px;
position: relative;
z-index: 2;
}
.toolbar .toolbar-amount {
display: none;
}
.toolbar .toolbar-sorter {
border-radius: 2px;
float: left;
padding: 0;
position: relative;
margin-right: 25px;
}
.toolbar .toolbar-sorter:after {
background: #ababab;
border-radius: 2px;
content: "\f107";
color: #fff;
font-size: 20px;
font-family: FontAwesome;
display: none;
top: -1px;
bottom: -1px;
right: -1px;
position: absolute;
width: 40px;
z-index: 1;
line-height: 40px;
pointer-events: none;
}
.toolbar .toolbar-sorter .sorter-action {
position: absolute;
left: 100%;
top: 0;
bottom: 0;
}
.toolbar .limiter {
display: inline-block !important;
padding: 0;
position: relative;
margin-right: 40px;
margin-bottom: 10px;
}
.toolbar .limiter:after {
background: #ababab;
border-radius: 2px;
content: "\f107";
color: #fff;
font-size: 20px;
font-family: FontAwesome;
display: none;
top: -1px;
bottom: -1px;
right: -1px;
position: absolute;
width: 40px;
z-index: 1;
line-height: 40px;
pointer-events: none;
}
.toolbar .limiter .limiter-text {
display: none;
}
.toolbar .modes {
display: block;
float: right;
margin: 0;
position: relative;
z-index: 2;
padding: 3px 0;
}
.toolbar .modes .modes-label {
display: none;
}
.toolbar .modes .modes-mode {
width: 30px;
height: 30px;
float: right;
position: relative;
display: block;
margin: 0 0 0 15px;
line-height: 30px;
border: 0;
padding: 0;
}
.toolbar .modes .modes-mode span {
display: none;
font-size: 0;
color: #999999;
text-transform: capitalize;
position: inherit;
}
.toolbar .modes .modes-mode:hover,
.toolbar .modes .modes-mode.active {
background: none;
}
.toolbar .modes .modes-mode:hover:before,
.toolbar .modes .modes-mode.active:before {
color: #42565d;
}
.toolbar .modes .modes-mode:hover span,
.toolbar .modes .modes-mode.active span {
font-weight: 700;
color: #444444;
}
.toolbar .modes .modes-mode:before {
content: "";
margin: 0px;
color: #555555;
font-family: Ionicons;
position: absolute;
top: 0;
bottom: 0;
left: 0px;
right: 0;
display: block;
font-size: 42px;
}
.toolbar .modes .mode-grid:before {
content: "\f35c";
}
.toolbar .modes .mode-list {
border: 0;
border-radius: 0;
padding: 0;
}
.toolbar .modes .mode-list:before {
content: "\f20e";
}
.toolbar .pages .label.pages-label {
position: static;
display: none;
font-weight: normal;
}
.toolbar .pages .pages-items {
display: inline-block;
vertical-align: middle;
}
.toolbar .pages .pages-items .item {
display: inline-block;
font-size: 14px;
line-height: 36px;
margin: 0;
font-weight: normal;
width: 36px;
height: 36px;
background: #fff;
border: 1px solid #e7e7e7;
margin-right: 10px;
}
.toolbar .pages .pages-items .item.current {
background: #42565d;
border: 1px solid #8a9ea5;
}
.toolbar .pages .pages-items .item.current .page {
color: #fff;
}
.toolbar .pages .pages-items .item:hover {
background: #42565d;
border: 1px solid #8a9ea5;
}
.toolbar .pages .pages-items .item:hover .page {
color: #fff;
}
.toolbar .pages .pages-items .item .page {
display: inline;
padding: 0;
background: none;
border: none;
border-radius: 0;
color: #555555;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
width: 36px;
height: 36px;
display: inline-block;
text-align: center;
}
.toolbar .pages .pages-items .item strong.page {
font-weight: normal;
}
.toolbar .pages .pages-items .item .action {
display: block;
height: auto;
width: auto;
padding: 0;
margin: 0;
border: 0;
background: none;
}
.toolbar .pages .pages-items .item .action span {
font-size: 0;
color: #8a9ea5;
text-transform: capitalize;
position: inherit;
}
.toolbar .pages .pages-items .item .action:hover {
border-color: #8a9ea5;
color: #42565d;
}
.toolbar .pages .pages-items .item .action:hover:before {
color: #fff;
}
.toolbar .pages .pages-items .item .action:hover span {
color: #42565d;
}
.toolbar .pages .pages-items .item .action:before {
display: inline-block;
color: #555555;
font-size: 14px;
font-family: FontAwesome;
margin: 0;
}
.toolbar .pages .pages-items .item .action.next:before {
content: "\f101";
}
.toolbar .pages .pages-items .item .action.previous:before {
content: "\f100";
}
.toolbar .pages .pages-items .item .action .label {
display: none;
}
.toolbar label {
font-size: 15px;
color: #333c4a;
font-weight: 400;
padding: 0 10px 0 0;
text-transform: uppercase;
}
.toolbar select {
border: 0;
padding: 5px 20px 5px 5px;
margin: 0;
height: 32px;
cursor: pointer;
color: #999999;
background: #f6f6f6;
font-size: 15px;
font-weight: 400;
text-transform: uppercase;
}
.toolbar select:focus {
box-shadow: none;
}
.bundle-actions .action.primary,
.bundle-options-container .block-bundle-summary .box-tocart .action.primary,
.product-info-main .box-tocart .action.tocart,
.product-options-bottom .box-tocart .action.tocart,
.cart-container .checkout-methods-items .action.primary,
.block-minicart .block-content > .actions > .primary .action.primary,
.methods-shipping .actions-toolbar .action.primary,
.block-authentication .action.action-register,
.block-authentication .action.action-login,
.checkout-payment-method .payment-method-content > .actions-toolbar > .primary .action.primary,
.form-address-edit .actions-toolbar .action.primary,
.multicheckout .action.primary {
line-height: 49px;
padding: 0 15px;
font-size: 18px;
}
.cms-index-index .main-content {
margin: 0;
}
/*Header----------------------------------*/
.header-container {
position: relative;
color: #ffffff;
}
.header-container .top-link {
position: relative;
z-index: 101;
line-height: 50px;
background: #8a9ea5;
}
.header-container .top-link .box-left {
float: left;
}
.header-container .top-link .box-left span:before {
content: "";
font-size: 16px;
font-family: Ionicons;
padding-right: 10px;
color: #fff;
vertical-align: middle;
line-height: 16px;
}
.header-container .top-link .box-left span.free-ship:before {
content: "\f2c3";
}
.header-container .top-link .box-left span.free-ship:after {
background: url(../images/bgtoplink.png) no-repeat center right;
content: "";
padding: 1px;
margin: 0 20px;
}
.header-container .top-link .box-left span.phone:before {
content: "\f4b9";
}
.header-container .top-link .box-right {
float: right;
}
.header-container .top-link .top-link-dropdown {
display: inline-block;
background: url(../images/bgtoplink.png) no-repeat center right;
/*margin-right:20px;*/
}
.header-container .top-link .top-link-dropdown .customer-welcome:hover .customer-menu {
display: block;
}
.header-container .top-link .top-link-dropdown .customer-welcome:hover .customer-menu ul {
display: block;
}
.header-container .top-link .top-link-dropdown .customer-welcome .name .account {
color: #ffffff;
display: block;
font-weight: normal;
position: relative;
text-transform: capitalize;
z-index: 10;
font-size: 14px;
padding-right: 20px;
line-height: 50px;
}
.header-container .top-link .top-link-dropdown .customer-welcome .name .account:hover {
color: #42565d;
cursor: pointer;
}
.header-container .top-link .top-link-dropdown .customer-welcome .name .account:after {
display: block;
content: "\f107";
font-family: FontAwesome;
font-size: 12px;
padding-left: 10px;
line-height: 50px;
float: right;
}
.header-container .top-link .top-link-dropdown.active {
overflow: visible;
}
.header-container .top-link .top-link-dropdown .customer-menu ul {
position: absolute;
z-index: 101;
list-style: none;
display: none;
border: 0;
box-shadow: none;
top: 100%;
right: 0;
padding: 0px 20px;
margin: 0;
text-align: left;
background-color: #8a9ea5;
min-width: 185px;
}
.header-container .top-link .top-link-dropdown .customer-menu ul:before,
.header-container .top-link .top-link-dropdown .customer-menu ul:after {
display: none;
}
.header-container .top-link .top-link-dropdown .customer-menu ul li a {
padding: 10px 0;
line-height: 25px;
display: block;
font-weight: normal;
border-bottom: 1px solid #eee;
border-top: none;
height: inherit;
border-radius: 0;
color: #ffffff;
text-transform: uppercase;
position: relative;
z-index: 10;
font-size: 14px;
}
.header-container .top-link .top-link-dropdown .customer-menu ul li a:hover {
color: #42565d;
}
.header-container .top-link .top-link-dropdown .customer-menu ul li a span {
display: none;
}
.header-container .top-link .top-link-dropdown .customer-menu ul li:hover {
background: none;
}
.header-container .top-link .top-link-dropdown .customer-menu ul li:last-child a {
border: none;
}
.header-container .top-link .top-link-dropdown .customer-menu ul li:last-child:after {
display: none;
}
.header-container .top-link .language-currency {
display: inline-block;
}
.header-container .top-link .language-currency .switcher-language,
.header-container .top-link .language-currency .switcher-currency {
display: inline-block;
position: relative;
cursor: pointer;
line-height: 50px;
}
.header-container .top-link .language-currency .switcher-language .label,
.header-container .top-link .language-currency .switcher-currency .label {
color: #ececec;
font-weight: normal;
text-transform: capitalize;
padding: 0;
}
.header-container .top-link .language-currency .switcher-language .switcher-trigger,
.header-container .top-link .language-currency .switcher-currency .switcher-trigger {
position: relative;
padding-left: 2px;
font-weight: normal;
text-align: left;
color: #ffffff;
display: block;
text-transform: capitalize;
z-index: 10;
font-size: 14px;
}
.header-container .top-link .language-currency .switcher-language .switcher-trigger:hover,
.header-container .top-link .language-currency .switcher-currency .switcher-trigger:hover {
color: #42565d;
}
.header-container .top-link .language-currency .switcher-language .switcher-trigger:after,
.header-container .top-link .language-currency .switcher-currency .switcher-trigger:after {
display: block;
content: "\f107";
font-family: FontAwesome;
font-size: 12px;
padding-left: 10px;
float: right;
}
.header-container .top-link .language-currency .switcher-language .switcher-dropdown,
.header-container .top-link .language-currency .switcher-currency .switcher-dropdown {
position: absolute;
top: 100%;
right: 0;
z-index: 9;
list-style: none;
padding: 0px 20px;
margin: 0;
display: none;
text-align: left;
background-color: #8a9ea5;
}
.header-container .top-link .language-currency .switcher-language .switcher-dropdown a,
.header-container .top-link .language-currency .switcher-currency .switcher-dropdown a {
padding: 10px 0;
line-height: 25px;
display: block;
font-weight: normal;
border-bottom: 1px solid #eee;
border-top: none;
height: inherit;
border-radius: 0;
color: #ffffff;
text-decoration: none;
position: relative;
text-transform: uppercase;
z-index: 10;
font-size: 14px;
}
.header-container .top-link .language-currency .switcher-language .switcher-dropdown a:hover,
.header-container .top-link .language-currency .switcher-currency .switcher-dropdown a:hover {
color: #42565d;
}
.header-container .top-link .language-currency .switcher-language .switcher-options {
cursor: pointer;
display: inline-block;
}
.header-container .top-link .language-currency .switcher-language .switcher-options:hover .ui-dialog {
display: block !important;
}
.header-container .top-link .language-currency .switcher-language .switcher-options:hover .ui-dialog .switcher-dropdown {
display: block;
opacity: 1;
}
.header-container .top-link .language-currency .switcher-language .switcher-options .switcher-trigger .view-english1 .fa {
margin-left: 5px;
}
.header-container .top-link .language-currency .switcher-language .switcher-options .switcher-dropdown {
min-width: 170px;
}
.header-container .top-link .language-currency .switcher-currency {
margin-right: 20px;
background: url(../images/bgtoplink.png) no-repeat center right;
}
.header-container .top-link .language-currency .switcher-currency .switcher-options {
cursor: pointer;
display: inline-block;
position: relative;
}
.header-container .top-link .language-currency .switcher-currency .switcher-options:hover .ui-dialog {
display: block !important;
}
.header-container .top-link .language-currency .switcher-currency .switcher-options:hover .ui-dialog .switcher-dropdown {
display: block;
opacity: 1;
}
.header-container .top-link .language-currency .switcher-currency .switcher-options .switcher-trigger {
padding-right: 20px;
}
.header-container .top-link .language-currency .switcher-currency .switcher-options .switcher-trigger strong {
display: inline-block;
}
.header-container .top-link .language-currency .switcher-currency .switcher-options .switcher-dropdown {
min-width: 154px;
}
.header-container .header-content {
padding: 20px 0 0 0;
position: relative;
z-index: 100;
}
.header-container .header-content .block-search {
width: 100%;
}
.header-container .header-content .block-search form.minisearch {
border: 1px solid #e5e5e5;
height: 50px;
line-height: 50px;
border-radius: 3px;
position: relative;
overflow: hidden;
}
.header-container .header-content .block-search .control {
padding: 0;
}
.header-container .header-content .block-search input {
border: 0;
color: #adadad;
height: 50px;
width: 80%;
margin: -6px 0 0;
}
.header-container .header-content .block-search .action.search {
width: 50px;
height: 48px;
line-height: 50px;
right: 0;
padding: 0;
}
.header-container .header-content .block-search .action.search:hover:before {
color: #42565d;
}
.header-container .header-content .block-search .action.search:before {
font-family: Ionicons;
content: "\f4a4";
font-size: 24px;
height: 48px;
line-height: 50px;
width: 40px;
color: #42565d;
}
.header-container .header-content .top-cart-wrapper {
text-align: right;
line-height: 42px;
}
.header-container .header-content .top-cart-wrapper .link {
padding-right: 20px;
}
.header-container .header-content .top-cart-wrapper .link a {
text-decoration: none;
font-size: 15px;
}
.header-container .header-content .top-cart-wrapper .link a:before {
content: "";
font-family: Ionicons;
font-size: 32px;
padding-right: 15px;
vertical-align: middle;
}
.header-container .header-content .top-cart-wrapper .link.compare a:before {
content: "\f344";
}
.header-container .header-content .top-cart-wrapper .link.wishlist a:before {
content: "\f387";
}
.header-container .header-content .minicart-wrapper {
margin: 0;
display: inline-block;
position: relative;
}
.header-container .header-content .minicart-wrapper:hover:before {
color: #fff;
}
.header-container .header-content .minicart-wrapper:hover .ui-dialog {
display: block !important;
}
.header-container .header-content .minicart-wrapper:before {
content: "\f110";
font-size: 32px;
color: #8a9ea5;
font-family: Ionicons;
display: inline-block;
}
.header-container .header-content .minicart-wrapper .top-cart-contain {
position: relative;
padding: 0;
background: #2b2b2b;
}
.header-container .header-content .minicart-wrapper .close {
display: none;
}
.header-container .header-content .minicart-wrapper .showcart {
padding-left: 4px;
font-size: 15px;
text-transform: capitalize;
color: #ffffff;
}
.header-container .header-content .minicart-wrapper .showcart.active:before,
.header-container .header-content .minicart-wrapper .showcart:hover:before,
.header-container .header-content .minicart-wrapper .showcart.active:hover:before {
content: "\f07a";
color: #fff;
font-family: FontAwesome;
font-size: 25px;
margin-right: 7px;
vertical-align: middle;
}
.header-container .header-content .minicart-wrapper .showcart:before {
display: none !important;
}
.header-container .header-content .minicart-wrapper .showcart .text {
width: auto;
height: auto;
position: relative;
font-size: 15px;
font-weight: 600;
text-transform: capitalize;
display: block;
line-height: 26px;
color: #282828;
}
.header-container .header-content .minicart-wrapper .showcart .text span {
text-transform: lowercase;
}
.header-container .header-content .minicart-wrapper .showcart .qty.empty {
display: block !important;
}
.header-container .header-content .minicart-wrapper .showcart .counter.qty {
background: 0;
color: #555555;
line-height: 22px;
min-width: 57px;
}
.header-container .header-content .minicart-wrapper .showcart .counter.qty .counter-number {
display: none;
}
.header-container .header-content .minicart-wrapper .showcart .counter-label {
position: static;
margin: 0;
padding: 0;
width: auto;
height: inherit;
}
.header-container .header-content .minicart-wrapper .block-minicart {
display: none;
width: 290px;
position: absolute;
top: 100%;
right: 0;
background: #8a9ea5;
padding: 20px;
text-align: left;
border: 1px solid #e1e1e1;
margin: 0;
box-shadow: none;
}
.header-container .header-content .minicart-wrapper .block-minicart:before,
.header-container .header-content .minicart-wrapper .block-minicart:after {
display: block;
border-color: transparent transparent #8a9ea5 transparent;
}
.header-container .header-content .minicart-wrapper .block-minicart .amount .price-wrapper:first-child .price {
font-size: 11px;
font-weight: 400;
}
.header-container .header-content .minicart-wrapper .block-minicart .subtitle.empty {
font-size: 11px;
}
.header-container .header-content .minicart-wrapper .block-minicart .block-content .items-total {
font-size: 11px;
line-height: 24px;
}
.header-container .header-content .minicart-wrapper .block-minicart .block-content .items-total .count {
font-weight: normal;
}
.header-container .header-content .minicart-wrapper .block-minicart .block-content .subtotal {
float: left;
font-size: 10px;
text-transform: uppercase;
font-weight: bold;
line-height: 24px;
}
.header-container .header-content .minicart-wrapper .block-minicart .block-content .subtotal .label {
font-weight: normal;
}
.header-container .header-content .minicart-wrapper .block-minicart .block-content .subtotal .price-container {
display: inline;
}
.header-container .header-content .minicart-wrapper .block-minicart .block-content > .actions {
display: block;
padding: 30px 0 0;
clear: both;
}
.header-container .header-content .minicart-wrapper .block-minicart .block-content > .actions > .primary {
margin: 0;
padding: 0 0 30px;
}
.header-container .header-content .minicart-wrapper .block-minicart .block-content > .actions > .primary .action.primary {
clear: both;
background: none;
padding: 0;
text-transform: uppercase;
margin-bottom: 0;
}
.header-container .header-content .minicart-wrapper .block-minicart .block-content > .actions > .primary .action.primary:hover span {
color: #fff;
}
.header-container .header-content .minicart-wrapper .block-minicart .block-content > .actions > .primary .action.primary span {
line-height: 40px;
padding: 0 25px;
font-weight: 600;
background: #42565d;
color: #fff;
font-size: 14px;
}
.header-container .header-content .minicart-wrapper .block-minicart .block-content > .actions > .secondary .action.viewcart {
line-height: 40px;
padding: 0 25px;
display: block;
text-transform: uppercase;
color: #ffffff;
font-size: 14px;
font-weight: 600;
border: 1px solid #5f5f5f;
border-radius: 0;
text-align: center;
white-space: nowrap;
}
.header-container .header-content .minicart-wrapper .block-minicart .block-content > .actions > .secondary .action.viewcart:hover {
text-decoration: none;
border-color: #8a9ea5;
color: #42565d;
}
.header-container .header-content .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper {
border-color: #8a9ea5;
margin: 0;
display: block;
float: left;
padding: 0;
max-height: 240px !important;
}
.header-container .header-content .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .minicart-items .product-item:first-child {
padding: 20px 0;
}
.header-container .header-content .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .minicart-items .product-item:not(:first-child) {
border-color: #8a9ea5;
}
.header-container .header-content .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .minicart-items .product-item .product-image-container {
float: left;
border: 1px solid #8a9ea5;
}
.header-container .header-content .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .minicart-items .product-item .product-item-name {
text-overflow: ellipsis;
line-height: initial;
word-break: break-all;
}
.header-container .header-content .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .minicart-items .product-item .product-item-name a {
text-transform: capitalize;
color: #fff;
text-decoration: none;
}
.header-container .header-content .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .minicart-items .product-item .product-item-name a:hover {
color: #42565d;
}
.header-container .header-content .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .product-item-details {
padding-left: 120px;
text-align: left;
}
.header-container .header-content .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .product-item-details .details-qty {
margin-top: 0;
float: left;
line-height: 24px;
}
.header-container .header-content .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .product-item-details .details-qty .label {
display: none;
}
.header-container .header-content .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .product-item-details .price {
font-weight: 400 !important;
font-size: 12px !important;
}
.header-container .header-content .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .product-item-details .price-excluding-tax {
margin: 0;
line-height: 10px;
}
.header-container .header-content .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .product-item-pricing {
float: left;
}
.header-container .header-content .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .product-item-pricing .price-container {
float: right;
padding-left: 5px;
}
.header-container .header-content .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .product-item-pricing .label {
width: auto;
padding: 0;
}
.header-container .header-content .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .product-item-pricing .update-cart-item {
line-height: 32px;
padding: 0 12px;
font-size: 12px;
text-transform: capitalize;
font-weight: 400;
}
.header-container .header-content .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .item-qty {
margin-right: 0px;
text-align: center;
width: 35px;
border: none;
color: #f55c59;
background: 0;
}
.header-container .header-content .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .product.actions {
float: left;
margin: 8px 0 0 10px;
display: none;
}
.header-container .header-content .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .product.actions .primary {
float: none;
display: inline-block;
vertical-align: middle;
}
.header-container .header-content .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .action.edit {
width: 16px;
height: 16px;
font-size: 0;
line-height: 0;
background: url("../images/btn_edit.gif") 0 0px no-repeat;
text-indent: -999em;
overflow: hidden;
vertical-align: middle;
}
.header-container .header-content .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .action.edit:before {
display: none;
}
.header-container .header-content .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .action.delete {
width: 16px;
height: 16px;
font-size: 0;
line-height: 0;
background: url("../images/btn_remove.gif") 0 0 no-repeat;
text-indent: -999em;
overflow: hidden;
vertical-align: middle;
}
.header-container .header-content .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .action.delete:before {
display: none;
}
.header-container .header-content .minicart-wrapper .block-minicart .items-total {
margin: 0;
}
.header-container .logo-home {
text-align: center;
display: block;
overflow: hidden;
}
.header-container .logo-home .logo {
margin: 0;
padding: 0;
float: none;
}
.header-container .header-bottom {
position: relative;
z-index: 99;
background: #fff;
}
.header-container .header-bottom .fix-nav {
z-index: 9999999;
position: fixed !important;
left: 0;
top: 0;
width: 100%;
background: #8a9ea5;
}
.header-container .header-bottom .fix-nav .pt_custommenu {
margin-left: 0;
padding-right: 0;
}
.header-container .header-bottom .fix-nav .pt_custommenu div.pt_menu.act .parentMenu a,
.header-container .header-bottom .fix-nav .pt_custommenu div.pt_menu.active .parentMenu a {
color: #42565d;
}
.header-container .header-bottom .fix-nav .pt_custommenu div.pt_menu .parentMenu a.act {
color: #42565d;
}
.header-container .header-bottom .fix-nav .pt_custommenu .menu-link ul li a:hover {
color: #42565d;
}
.header-container .nav-toggle {
display: none;
}
.header-container .header-mobile {
padding: 30px 0;
}
.header-container .header-mobile .header-mobile-container {
position: relative;
}
.header-container .header-mobile .logo {
margin: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 0;
}
.header-container .header-mobile .my-account {
background: #333333;
position: fixed;
top: 0;
z-index: 9999;
left: 0;
height: 100%;
padding-top: 30px;
width: 300px;
overflow: auto;
transform: translate(-320px, 0);
-webkit-transform: translate(-320px, 0);
-moz-transform: translate(-320px, 0);
-ms-transform: translate(-320px, 0);
-o-transform: translate(-320px, 0);
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
}
.header-container .header-mobile .my-account:before {
content: "";
display: block;
height: 30px;
width: 100%;
position: absolute;
top: 0;
left: 0;
}
.header-container .header-mobile .my-account.open-box {
transform: translate(0, 0);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
box-shadow: 1px 0px 6px 0px rgba(0, 0, 0, 0.3);
}
.header-container .header-mobile .my-account .close-icon {
color: #f1f1f1;
width: 30px;
height: 30px;
display: block;
position: absolute;
right: 0;
top: 0;
left: 0;
margin: 0 auto;
cursor: pointer;
font-size: 0;
z-index: 1;
}
.header-container .header-mobile .my-account .close-icon:hover {
color: #42565d;
}
.header-container .header-mobile .my-account .close-icon:before {
content: "\f00d";
display: block;
font-family: FontAwesome;
font-size: 23px;
font-weight: 400;
line-height: 30px;
text-align: center;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.header-container .header-mobile .my-account #tabs-menu .tabs {
background: #8a9ea5;
}
.header-container .header-mobile .my-account #tabs-menu .tabs:after {
content: "";
display: table;
clear: both;
}
.header-container .header-mobile .my-account #tabs-menu .tabs li {
width: 50%;
float: left;
text-align: center;
padding: 0;
}
.header-container .header-mobile .my-account #tabs-menu .tabs li.active a,
.header-container .header-mobile .my-account #tabs-menu .tabs li:hover a {
background: #42565d;
}
.header-container .header-mobile .my-account #tabs-menu .tabs li a {
background: #262626;
color: #fff;
display: block;
font-size: 13px;
letter-spacing: 1px;
font-weight: 600;
line-height: 40px;
padding: 8px 10px;
text-transform: uppercase;
text-decoration: none;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
}
.header-container .header-mobile .my-account #tabs-menu .tabs-content .tab-content {
display: none;
padding: 10px;
}
.header-container .header-mobile .my-account #tabs-menu .tabs-content .tab-content.active {
display: block;
}
.header-container .header-mobile .my-account .header-info {
display: block;
}
.header-container .header-mobile .my-account .header-info p {
margin-left: 20px;
display: inline-block;
vertical-align: middle;
line-height: 41px;
}
.header-container .header-mobile .my-account .header-info p:before {
font-family: FontAwesome;
font-size: 15px;
color: #555555;
content: "\f098";
margin-right: 5px;
float: left;
}
.header-container .header-mobile .my-account .header-info p:first-child {
margin: 0;
}
.header-container .header-mobile .my-account .header-info .info:before {
content: "\f199";
}
.header-container .header-mobile .my-account .social-header {
border-bottom-color: 2px solid #8a9ea5;
display: block;
padding: 10px 0;
margin-bottom: 15px;
text-align: center;
}
.header-container .header-mobile .my-account .social-header li {
display: inline-block;
}
.header-container .header-mobile .my-account .social-header li a {
font-size: 20px;
color: #555555;
display: block;
line-height: 21px;
}
.header-container .header-mobile .my-account .social-header li a:hover {
color: #42565d;
}
.header-container .header-mobile .my-account .links .greet.welcome {
display: none;
}
.header-container .header-mobile .my-account .links .customer-welcome {
display: block;
cursor: pointer;
font-size: 14px;
}
.header-container .header-mobile .my-account .links .customer-welcome.active a.account:after {
content: "\f106";
}
.header-container .header-mobile .my-account .links .customer-welcome.active .customer-menu {
display: block;
}
.header-container .header-mobile .my-account .links .customer-welcome a {
display: block;
border: 1px solid #444;
padding: 10px;
margin-bottom: 3px;
}
.header-container .header-mobile .my-account .links .customer-welcome a:hover {
color: #42565d;
}
.header-container .header-mobile .my-account .links .customer-welcome a.account {
position: relative;
}
.header-container .header-mobile .my-account .links .customer-welcome a.account:after {
position: absolute;
content: "\f107";
display: block;
font-family: FontAwesome;
right: 10px;
top: 50%;
margin-top: -7px;
}
.header-container .header-mobile .my-account .links .customer-welcome a i {
display: none;
}
.header-container .header-mobile .my-account .links .customer-welcome .customer-menu {
display: none;
}
.header-container .header-mobile .my-account .links .customer-welcome ul {
box-shadow: none;
border: 0;
position: static;
background: #fff;
margin-bottom: 3px;
}
.header-container .header-mobile .my-account .links .customer-welcome ul:before,
.header-container .header-mobile .my-account .links .customer-welcome ul:after {
display: none;
}
.header-container .header-mobile .my-account .links .customer-welcome ul li {
background: none !important;
}
.header-container .header-mobile .my-account .links .customer-welcome ul li a {
border: 0;
margin: 0;
font-size: 12px;
padding: 5px 10px;
background: none;
}
.header-container .header-mobile .my-account .links .customer-welcome ul li a:hover {
color: #42565d;
}
.header-container .header-mobile .my-account .switcher .switcher-label {
display: none;
}
.header-container .header-mobile .my-account .switcher .switcher-trigger {
border: 1px solid #444;
cursor: pointer;
font-size: 14px;
padding: 10px;
position: relative;
margin-bottom: 3px;
}
.header-container .header-mobile .my-account .switcher .switcher-trigger.active:after {
content: "\f106";
}
.header-container .header-mobile .my-account .switcher .switcher-trigger:after {
position: absolute;
content: "\f107";
display: block;
font-family: FontAwesome;
right: 10px;
top: 50%;
margin-top: -7px;
}
.header-container .header-mobile .my-account .switcher .switcher-trigger strong span i {
display: none;
}
.header-container .header-mobile .my-account .switcher .switcher-dropdown {
background: #fff;
margin-bottom: 3px;
}
.header-container .header-mobile .my-account .switcher .switcher-dropdown .switcher-option a {
border: 0;
margin: 0;
font-size: 12px;
padding: 8px 10px 6px;
background: none;
display: inline-block;
width: 100%;
text-decoration: none;
}
.header-container .header-mobile .my-account .switcher .switcher-dropdown .switcher-option a:hover {
color: #42565d;
}
.header-container .header-mobile .box-right {
position: absolute;
right: 0;
top: 50%;
margin-top: 8px;
z-index: 9;
}
.header-container .header-mobile .box-right .open-icon {
display: inline-block;
vertical-align: middle;
font-size: 0;
width: 30px;
height: 30px;
position: relative;
cursor: pointer;
}
.header-container .header-mobile .box-right .open-icon:after {
content: "\f039";
color: #666;
display: block;
font-family: FontAwesome;
font-size: 19px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-align: center;
line-height: 33px;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
}
.header-container .header-mobile .box-right .open-icon.close-icon:after {
content: "\f00d";
}
.header-container .header-mobile .minicart-wrapper {
float: none;
display: inline-block;
z-index: 9997;
margin: 0;
vertical-align: middle;
}
.header-container .header-mobile .minicart-wrapper .showcart {
color: #666;
position: relative;
}
.header-container .header-mobile .minicart-wrapper .showcart.active:before,
.header-container .header-mobile .minicart-wrapper .showcart:hover:before,
.header-container .header-mobile .minicart-wrapper .showcart.active:hover:before {
content: "\f07a";
color: #42565d;
font-family: FontAwesome;
font-size: 25px;
margin-right: 0;
vertical-align: middle;
line-height: 30px;
}
.header-container .header-mobile .minicart-wrapper .showcart:before {
content: "\f07a";
color: #666;
font-family: FontAwesome;
font-size: 25px;
margin-right: 0;
vertical-align: middle;
line-height: 30px;
width: 30px;
text-align: center;
}
.header-container .header-mobile .minicart-wrapper .showcart .text {
position: static;
display: none;
vertical-align: middle;
font-size: 14px;
font-weight: 700;
line-height: 30px;
width: auto;
height: auto;
text-transform: uppercase;
}
.header-container .header-mobile .minicart-wrapper .showcart .counter.qty {
width: 21px;
height: 21px;
background: #42565d;
border-radius: 100%;
color: #fff;
font-size: 14px;
font-weight: 700;
text-align: center;
position: absolute;
top: -8px;
right: -8px;
margin: 0;
}
.header-container .header-mobile .minicart-wrapper .block-minicart {
border: 1px solid #8a9ea5;
}
.header-container .header-mobile .minicart-wrapper .block-minicart .block-content .items-total .count {
font-weight: normal;
}
.header-container .header-mobile .minicart-wrapper .block-minicart .block-content .subtotal .label {
font-weight: normal;
}
.header-container .header-mobile .minicart-wrapper .block-minicart .block-content .subtotal .price-container {
padding: .2em .6em .3em;
margin: 5px;
}
.header-container .header-mobile .minicart-wrapper .block-minicart .block-content > .actions > .primary {
margin: 0;
}
.header-container .header-mobile .minicart-wrapper .block-minicart .block-content > .actions > .primary .action.primary {
padding: 10px 20px;
font-size: 14px;
text-transform: uppercase;
line-height: 1.3;
}
.header-container .header-mobile .minicart-wrapper .block-minicart .block-content > .actions > .secondary .action.viewcart {
display: block;
width: 100%;
padding: 10px 15px;
text-transform: uppercase;
font-size: 15px;
border: 1px solid #8a9ea5;
border-radius: 3px;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
}
.header-container .header-mobile .minicart-wrapper .block-minicart .block-content > .actions > .secondary .action.viewcart:hover {
background-color: #42565d;
color: #fff;
border-color: #42565d;
}
.header-container .header-mobile .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper {
border-color: #8a9ea5;
}
.header-container .header-mobile .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .minicart-items .product-item:not(:first-child) {
border-color: #8a9ea5;
}
.header-container .header-mobile .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .minicart-items .product-item .product-item-name a {
color: #414141;
text-decoration: none;
}
.header-container .header-mobile .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .minicart-items .product-item .product-item-name a:hover {
color: #42565d;
text-decoration: none;
}
.header-container .header-mobile .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .product-item-photo {
border: 1px solid #8a9ea5;
border-radius: 5px;
padding: 3px;
}
.header-container .header-mobile .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .product-item-details {
padding-left: 100px;
text-align: left;
}
.header-container .header-mobile .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .product-item-details .price {
font-weight: 600 !important;
font-size: 18px !important;
font-family: 'Poppins', sans-serif;
}
.header-container .header-mobile .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .product-item-pricing .label {
width: auto;
padding: 0;
margin-right: 5px;
}
.header-container .header-mobile .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .product-item-pricing .update-cart-item {
line-height: 32px;
padding: 0 12px;
font-size: 12px;
text-transform: capitalize;
font-weight: 400;
}
.header-container .header-mobile .minicart-wrapper .block-minicart .items-total {
margin: 0 0 10px;
font-weight: 700;
}
.header-container .header-mobile .block-search {
width: 100%;
padding: 0 100px 0 280px !important;
}
.header-container .header-mobile .block-search form.minisearch {
border: 1px solid #e5e5e5;
height: 40px;
line-height: 40px;
border-radius: 3px;
position: relative;
}
.header-container .header-mobile .block-search .control {
padding: 0;
}
.header-container .header-mobile .block-search input {
border: 0;
color: #adadad;
height: 40px;
}
.header-container .header-mobile .block-search .action.search {
width: 40px;
height: 40px;
line-height: 40px;
right: 0;
padding: 0;
}
.header-container .header-mobile .block-search .action.search:hover:before {
color: #42565d;
}
.header-container .header-mobile .block-search .action.search:before {
font-size: 26px;
height: 40px;
line-height: 40px;
width: 40px;
}
/*Checkout--------------------------------------*/
.checkout-cart-index .page-title-wrapper .page-title {
font-size: 40px;
color: #444444;
text-transform: inherit;
font-weight: 700;
text-align: center;
padding: 10px 0;
}
/*Customer-Service---------------------*/
.cms-about-us-page h2 {
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
margin: 0 0 25px;
}
.cms-about-us-page h3 {
font-weight: 700;
font-size: 12px;
text-transform: uppercase;
margin: 20px 0;
}
.cms-about-us-page h4 {
line-height: 40px;
font-size: 24px;
}
.cms-about-us-page p {
margin: 0;
font-size: 14px;
line-height: 20px;
}
.cms-customer-service .col-main,
.cms-privacy-policy-cookie-restriction-mode .col-main {
padding: 40px 0;
}
.cms-customer-service .customer-service .cms-content-important,
.cms-privacy-policy-cookie-restriction-mode .customer-service .cms-content-important,
.cms-customer-service .privacy-policy .cms-content-important,
.cms-privacy-policy-cookie-restriction-mode .privacy-policy .cms-content-important {
margin: 0 0 30px;
}
.cms-customer-service .customer-service table,
.cms-privacy-policy-cookie-restriction-mode .customer-service table,
.cms-customer-service .privacy-policy table,
.cms-privacy-policy-cookie-restriction-mode .privacy-policy table {
line-height: 20px;
font-size: 14px;
letter-spacing: 2px;
margin: 20px 0;
}
.cms-customer-service .customer-service h2,
.cms-privacy-policy-cookie-restriction-mode .customer-service h2,
.cms-customer-service .privacy-policy h2,
.cms-privacy-policy-cookie-restriction-mode .privacy-policy h2 {
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
margin: 0 0 25px;
}
.cms-customer-service .customer-service h3,
.cms-privacy-policy-cookie-restriction-mode .customer-service h3,
.cms-customer-service .privacy-policy h3,
.cms-privacy-policy-cookie-restriction-mode .privacy-policy h3 {
font-weight: 700;
font-size: 12px;
text-transform: uppercase;
margin: 20px 0;
}
.cms-customer-service .customer-service p,
.cms-privacy-policy-cookie-restriction-mode .customer-service p,
.cms-customer-service .privacy-policy p,
.cms-privacy-policy-cookie-restriction-mode .privacy-policy p {
margin: 0;
font-size: 14px;
line-height: 20px;
}
.blog-index-index .breadcrumbs,
.blog-post-view .breadcrumbs {
background: url(../images/bgmenu.png) center;
margin-bottom: 30px;
}
.blog-index-index .header-mobile,
.blog-post-view .header-mobile {
padding: 30px 0;
}
.blog-index-index .sidebar .block,
.blog-post-view .sidebar .block {
padding: 10px;
line-height: 20px;
}
.blog-index-index .sidebar .field.search .control,
.blog-post-view .sidebar .field.search .control {
padding: 10px;
}
.blog-index-index .sidebar .field.search .control input,
.blog-post-view .sidebar .field.search .control input {
width: 100%;
position: absolute;
right: 0;
left: 0;
padding-right: 25% !important;
}
.blog-index-index .sidebar .block-search .action.search,
.blog-post-view .sidebar .block-search .action.search {
top: 11px;
background: none !important;
padding: 5px 6px;
right: 1px;
}
.blog-index-index .main,
.blog-post-view .main {
padding: 0;
}
.blog-index-index .post-bottom .block.related .block-related-post .products-grid .product-item,
.blog-post-view .post-bottom .block.related .block-related-post .products-grid .product-item {
width: 100%;
}
.blog-index-index .post-bottom .block.related .block-related-post .products-grid .product-item .product-item-info .product-item-actions,
.blog-post-view .post-bottom .block.related .block-related-post .products-grid .product-item .product-item-info .product-item-actions {
display: none !important;
}
/*Page-top------------------------------*/
.custom-prd .owl-wrapper-outer {
padding-bottom: 85px;
margin-bottom: -85px;
}
.custom-prd .item .item-inner {
width: auto;
margin: 10px 0 0px;
padding: 10px 10px 6px;
position: relative;
overflow: hidden;
text-align: center;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
}
.custom-prd .item .item-inner:hover {
box-shadow: 0px 0px 15px 2px #efefef;
margin: 10px 0 -79px;
padding: 10px 10px 85px;
z-index: 9;
background: #fff;
}
.custom-prd .item .item-inner:hover .image-container .btn-quickview {
opacity: 1;
-moz-transform: translateY(0);
-webkit-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
}
.custom-prd .item .item-inner:hover .box-info .box-hover {
opacity: 1;
}
.custom-prd .item .item-inner .image-container {
position: relative;
overflow: hidden;
}
.custom-prd .item .item-inner .image-container .btn-quickview {
background: none;
padding: 0;
line-height: inherit;
position: absolute;
top: 40%;
left: 0;
right: 0;
width: 100%;
z-index: 2;
opacity: 0;
-moz-transform: translateY(-20px);
-webkit-transform: translateY(-20px);
-o-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
.custom-prd .item .item-inner .image-container .btn-quickview span {
background: #42565d;
color: #fff;
font-size: 14px;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
padding: 0 12px;
line-height: 36px;
letter-spacing: 0;
display: inline-block;
vertical-align: middle;
position: relative;
text-transform: uppercase;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
}
.custom-prd .item .item-inner .image-container .btn-quickview span:hover {
color: #fff;
background: #42565d;
}
.custom-prd .item .item-inner .image-container .btn-quickview span:before {
content: "\f133";
font-family: Ionicons;
padding: 0 15px 0 0px;
font-size: 21px;
vertical-align: middle;
}
.custom-prd .item .item-inner .image-container .product-item-photo {
display: block;
width: 100%;
padding: 0;
position: relative;
}
.custom-prd .item .item-inner .image-container .product-item-photo .product-image-container {
width: 100% !important;
}
.custom-prd .item .item-inner .image-container .pint {
position: absolute;
top: 10px;
left: 10px;
z-index: 99999;
display: none;
}
.custom-prd .item .item-inner .image-container .sale,
.custom-prd .item .item-inner .image-container .new {
display: inline-block;
color: #fff;
font-size: 0;
font-weight: 700;
text-transform: uppercase;
position: absolute;
top: 0;
left: 0;
height: 28px;
width: 68px;
z-index: 2;
}
.custom-prd .item .item-inner .image-container .sale {
background: url("../images/icon-sale.png") no-repeat 0 0;
}
.custom-prd .item .item-inner .image-container .new {
top: 33px;
background: url("../images/icon-new.png") no-repeat 0 0;
}
.custom-prd .item .item-inner .box-info {
margin-top: 20px;
text-align: center;
}
.custom-prd .item .item-inner .box-info .product-item-description {
font-size: 14px;
line-height: 22px;
}
.custom-prd .item .item-inner .box-info .item-price {
padding: 10px 0;
}
.custom-prd .item .item-inner .box-info .box-hover {
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
opacity: 0;
}
.custom-prd .item .item-inner .box-info .box-hover .product-item-actions {
padding: 30px 0;
display: inline-block;
}
.custom-prd .item .item-inner .box-info .box-hover .add-to-links {
display: inline-block;
margin: 0;
padding: 0;
float: left;
}
.custom-prd .item .item-inner .box-info .box-hover .add-to-links .action {
background: #8a9ea5;
font-weight: normal;
display: inline-block;
float: left;
margin-left: 2px;
font-size: 0;
width: 40px;
height: 40px;
text-align: center;
padding: 0;
line-height: 40px;
vertical-align: middle;
}
.custom-prd .item .item-inner .box-info .box-hover .add-to-links .action:hover {
background: #42565d;
}
.custom-prd .item .item-inner .box-info .box-hover .add-to-links .action:hover:before {
color: #fff;
}
.custom-prd .item .item-inner .box-info .box-hover .add-to-links .action:before {
content: "";
font-family: Ionicons;
font-size: 21px;
color: #42565d;
}
.custom-prd .item .item-inner .box-info .box-hover .add-to-links .action.towishlist:before {
content: "\f387";
}
.custom-prd .item .item-inner .box-info .box-hover .add-to-links .action.tocompare:before {
content: "\f344";
}
.custom-prd .item .item-inner .box-info .actions-primary {
display: inline-block;
float: left;
}
.custom-prd .item .item-inner .box-info .actions-primary .action.tocart:hover span {
background: #42565d;
}
.custom-prd .item .item-inner .box-info .actions-primary .action.tocart:hover span:before {
color: #fff;
}
.custom-prd .item .item-inner .box-info .actions-primary .action.tocart span {
font-size: 0;
display: inline-block;
width: 40px;
height: 40px;
border: none;
background: #8a9ea5;
line-height: 40px;
padding: 0;
font-weight: normal;
}
.custom-prd .item .item-inner .box-info .actions-primary .action.tocart span:before {
content: "\f110";
font-family: Ionicons;
font-size: 21px;
color: #42565d;
}
.custom-prd .item .item-inner .box-info .product-reviews-summary .reviews-actions {
display: none;
}
.product-item-name a {
color: #8a9ea5;
font-size: 13px;
font-weight: 400;
/**text-transform:uppercase;**/
text-transform: Capitalize;
text-decoration: none;
line-height: 18px;
}
.product-item-name a:hover {
color: #42565d;
text-decoration: none;
}
.minimal-price-link {
display: none;
}
.price-box .price-label {
display: none;
}
.price-box .price {
font-size: 16px;
color: #42565d;
font-weight: 600;
}
.price-box .special-price {
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}
.price-box .special-price .price {
color: #d8473a;
}
.price-box .old-price {
display: inline-block;
vertical-align: middle;
}
.price-box .old-price .price {
color: #999999;
font-size: 12px;
font-weight: 400;
text-decoration: line-through;
}
.banner-home .onsale-slider .owl-container {
margin: 0;
}
.banner-home .onsale-slider .owl-container .owl-carousel .owl-controls .owl-buttons {
right: 0;
}
.banner-home .onsale-slider .owl-container .owl-item {
padding: 0;
}
.banner-home .onsale-slider .owl-container .owl-item .product_row .item {
padding-bottom: 15px;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 23px;
}
.banner-home .onsale-slider .owl-container .owl-item .product_row .item .item-inner {
position: relative;
padding: 0 10px;
}
.banner-home .onsale-slider .owl-container .owl-item .product_row .item .item-inner:hover .hot-sale {
top: 80px;
}
.banner-home .onsale-slider .owl-container .owl-item .product_row .item .item-inner .hot-sale {
width: 65px;
height: 65px;
background: #333333;
border-radius: 100%;
color: #fff;
font-weight: 600;
font-size: 22px;
padding: 12px 0;
text-align: center;
display: inline-block;
text-transform: uppercase;
position: absolute;
top: 90px;
right: 10px;
z-index: 2;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
}
.banner-home .onsale-slider .owl-container .owl-item .product_row .item .item-inner .hot-sale .text-sale,
.banner-home .onsale-slider .owl-container .owl-item .product_row .item .item-inner .hot-sale small {
font-size: 11px;
display: block;
width: 100%;
text-align: center;
}
.banner-home .onsale-slider .owl-container .owl-item .product_row .item .item-inner .product-name {
margin-top: 10px;
margin-left: -10px;
padding-right: 53px;
}
.banner-home .onsale-slider .owl-container .owl-item .product_row .item .item-inner .product-name a {
color: #666666;
text-transform: uppercase;
font-size: 11px;
line-height: 15px;
margin: 0;
font-weight: 600;
text-decoration: inherit;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
}
.banner-home .onsale-slider .owl-container .owl-item .product_row .item .item-inner .product-name a:hover {
color: #42565d;
}
.banner-home .onsale-slider .owl-container .owl-item .product_row .item .item-inner .price-box .price-label {
display: none;
}
.banner-home .onsale-slider .owl-container .owl-item .product_row .item:last-child {
border: 0;
margin: 0;
padding: 0;
}
/*Title-------------------------------------------*/
.group-title1 {
text-align: left;
margin-bottom: 20px;
position: relative;
z-index: 1;
font-family: 'Ek Mukta', sans-serif;
}
.group-title1 h2 {
display: inline-block;
color: #42565d;
font-size: 28px;
margin: 0;
font-weight: bold;
text-transform: uppercase;
position: relative;
z-index: 2;
}
#maincontent .blog-slider .group-title1 h2 {
padding-left: 15px;
}
/* Countdown------------------------------------ */
.countdown-container {
z-index: 2;
margin: 0 auto;
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
text-align: center;
background: rgba(138, 158, 165, 0.6);
}
.countdown-container .timer {
width: 25%;
display: inline-block;
margin: 0;
padding: 10px 0;
line-height: 15px;
position: relative;
}
.countdown-container .timer:after {
content: ":";
position: absolute;
right: -0;
top: 30%;
width: 1px;
font-size: 16px;
color: #fff;
}
.countdown-container .timer.sec:after {
display: none;
}
.countdown-container .timer b {
font-size: 16px;
color: #fff;
font-weight: bold;
display: block;
}
.countdown-container .timer span {
color: #fff;
font-size: 13px;
font-weight: normal;
display: block;
}
/*Category-top------------------------------------*/
.pt_categorytop {
margin: 60px 0;
}
.pt_categorytop .group-title1 {
display: none;
}
.catgrid {
margin: 10px 0;
}
.catgrid .item .catlist-content .cat-images {
text-align: center;
}
.catgrid .item .catlist-content .cat-images:hover a {
border-color: #8a9ea5;
}
.catgrid .item .catlist-content .cat-images:hover a img.tnail {
display: none;
}
.catgrid .item .catlist-content .cat-images:hover a img.tnail-hover {
display: block;
}
.catgrid .item .catlist-content .cat-images:hover h3 {
color: #42565d;
}
.catgrid .item .catlist-content .cat-images a {
display: block;
border: 2px solid #e7e7e7;
padding: 30px 0px;
display: inline-block;
width: 100%;
}
.catgrid .item .catlist-content .cat-images a img {
margin: 0 auto;
}
.catgrid .item .catlist-content .cat-images a img.tnail {
display: block;
}
.catgrid .item .catlist-content .cat-images a img.tnail-hover {
display: none;
}
.catgrid .item .catlist-content .cat-images h3 {
color: #42565d;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
margin-top: 28px;
}
.catgrid .item .catlist-content ul {
display: none;
}
.catgrid .item .catlist-content ul li a {
color: #666666;
font-size: 12px;
text-transform: capitalize;
font-weight: 300;
margin-bottom: 13px;
display: block;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
}
.catgrid .item .catlist-content ul li a:hover {
color: #42565d;
}
.catgrid .item .catlist-content ul li a:hover:before {
background: #42565d;
}
.catgrid .item .catlist-content ul li a:before {
content: "";
background: #999999;
width: 7px;
height: 7px;
border-radius: 100%;
display: inline-block;
margin-right: 8px;
}
.catgrid .item .catlist-content ul li.link-category {
margin-top: 10px;
display: inline-block;
}
.catgrid .item .catlist-content ul li.link-category a {
padding: 10px 20px 8px;
background: #9b9b9b;
font-weight: 600;
color: #fff;
display: inline-block;
text-transform: uppercase;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
}
.catgrid .item .catlist-content ul li.link-category a:hover {
background: #444444;
}
.catgrid .item .catlist-content ul li.link-category a:before {
display: none;
}
/* Productstab----------------------------------- */
.producttab-container {
padding-top: 30px;
}
.producttab-container .group-title1 {
margin-bottom: 0;
}
.producttab-container .group-title1 ul.tabs {
text-align: center;
margin-bottom: 15px;
position: relative;
z-index: 1;
}
.producttab-container .group-title1 ul.tabs li {
background: #fff;
display: inline-block;
color: #8a9ea5;
font-size: 24px;
margin: 0;
font-weight: bold;
text-transform: uppercase;
padding: 0 20px;
position: relative;
font-family: 'Ek Mukta', sans-serif;
z-index: 2;
}
.producttab-container .group-title1 ul.tabs li:hover {
color: #42565d;
cursor: pointer;
}
.producttab-container .group-title1 ul.tabs li.active {
color: #42565d;
}
.producttab-container .owl-container {
margin: 0 -8px;
}
.producttab-container .owl-container .owl-item {
padding: 0;
}
/* Feature--------------------------------------- */
.featureproduct-slider {
margin-top: 60px;
}
.featureproduct-slider .group-title1 {
margin-bottom: 15px;
padding-bottom: 20px;
border-bottom: 1px solid #e5e5e5;
}
.featureproduct-slider .group-title1:after {
display: none;
}
.featureproduct-slider .item {
width: 100%;
display: inline-block;
padding-bottom: 20px;
margin-bottom: 15px;
border-bottom: 1px solid #e5e5e5;
}
.featureproduct-slider .item .images-content {
width: 100px;
float: left;
}
.featureproduct-slider .item .feature-content {
margin-left: 120px;
}
.featureproduct-slider .item .feature-content .item-price {
margin-top: 15px;
}
.featureproduct-slider .item .feature-content .item-price .price-box .old-price {
display: block;
vertical-align: middle;
margin-bottom: 3px;
}
.featureproduct-slider .item .feature-content .item-price .price-box .old-price .price {
font-size: 13px;
color: #999999;
font-weight: 400;
}
.featureproduct-slider .item .feature-content .item-price .price-box .special-price {
display: inline-block;
vertical-align: middle;
}
.featureproduct-slider .item .feature-content .item-price .price-box .special-price .price {
color: #3b3b3b;
font-size: 18px;
font-weight: 600;
}
.featureproduct-slider .item:last-child {
border: 0;
margin: 0;
padding: 0;
}
/*bestsellerproduct_container_slider---------------------------------------*/
.bestsellerproduct_container_slider .owl-container {
margin: 0 -8px;
}
.bestsellerproduct_container_slider .owl-container .owl-item {
padding: 0 8px;
}
.bestsellerproduct_container_slider .owl-container .owl-carousel .owl-controls .owl-buttons {
margin-top: -55px;
}
.bestsellerproduct_container_slider .item {
padding: 0;
}
.bestsellerproduct_container_slider .item .item-inner {
display: inline-block;
width: 100%;
margin-bottom: 0;
padding: 18px 0;
}
.bestsellerproduct_container_slider .item .item-inner:hover {
box-shadow: none;
}
.bestsellerproduct_container_slider .item .item-inner .image-container {
width: 100px;
float: left;
}
.bestsellerproduct_container_slider .item .item-inner .box-info {
padding-left: 115px;
margin: 0;
}
.bestsellerproduct_container_slider .item .pint {
display: none;
}
.bestsellerproduct_container_slider .product-reviews-summary .rating-summary {
text-align: left;
}
.bestsellerproduct_container_slider .product-reviews-summary .reviews-actions {
display: none;
}
/*Recentproduct-----------------------------------*/
.recentproduct-container {
margin: 50px 0 30px;
}
.recentproduct-container .owl-container {
margin: 0 -8px;
}
.recentproduct-container .owl-container .owl-item {
padding: 0 8px;
}
/*Vmegamenu---------------------------------------*/
.cms-index-index .pt_vmegamenu {
position: absolute;
}
.nav-container {
border: 0;
}
/*Newsletter Popup ---------------------------------------*/
#newsletter_pop_up {
color: #FFFFFF;
display: none;
margin: -195px 0 0 !important;
min-width: 450px;
padding: 25px 50px;
top: 50% !important;
position: fixed !important;
text-align: center;
}
#newsletter_pop_up .title {
font-size: 36px;
font-weight: 600;
margin-top: 60px;
text-transform: uppercase;
line-height: 30px;
margin-bottom: 0;
color: #000;
}
#newsletter_pop_up .content #newsletter-validate-details .label {
font-size: 13px;
font-weight: 400;
line-height: 22px;
color: #7d7d7d;
margin: 15px 0;
white-space: pre-line;
padding: 0;
vertical-align: top;
border-radius: 0;
display: block;
}
#newsletter_pop_up .content #newsletter-validate-details #newsletters {
margin: 0 0 20px;
width: 380px;
height: 41px;
line-height: 40px;
padding: 0 10px;
border: 0;
background: #ebebeb;
color: #333;
}
#newsletter_pop_up .content #newsletter-validate-details #newsletters-error {
font-size: 12px;
margin-top: -10px;
margin-bottom: 10px;
color: #ff0000;
}
#newsletter_pop_up .content #newsletter-validate-details .subscribe-bottom {
margin-top: 15px;
}
#newsletter_pop_up .content #newsletter-validate-details .subscribe-bottom input {
vertical-align: top;
}
#newsletter_pop_up .content #newsletter-validate-details .subscribe-bottom label {
font-size: 14px;
color: #7d7d7d;
margin-top: 4px;
line-height: 13px;
}
#newsletter_pop_up .content .b-close {
color: #FFFFFF;
cursor: pointer;
display: block;
padding: 0 5px;
text-align: center;
text-decoration: none;
background-color: #5b7882;
min-width: 70px;
height: 24px;
line-height: 24px;
border: 1px solid #5b7882;
font-weight: 600;
text-transform: uppercase;
font-size: 0;
position: absolute;
top: -25px;
right: 0;
}
#newsletter_pop_up .content .b-close:after {
content: "close";
font-size: 10px;
}
/*Banner-static-----------------------------------*/
.banner-static .col {
margin: 30px 0 0;
overflow: hidden;
}
.banner-static .col.col4 {
margin-bottom: 30px;
}
.banner-static .col a {
overflow: hidden;
display: block;
position: relative;
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
-ms-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
}
.banner-static .col a:hover {
transform: scale(1.05, 1.05);
-webkit-transform: scale(1.05, 1.05);
-moz-transform: scale(1.05, 1.05);
-o-transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
}
.banner-static .col a img {
display: block;
}
/*Banner-Center--------------------------------------*/
.banner-center {
margin-top: 40px;
}
.banner-center .col:hover a:before {
transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 740%, 0px);
}
.banner-center .col a {
overflow: hidden;
display: block;
position: relative;
z-index: 9;
}
.banner-center .col a:before {
position: absolute;
top: 0px;
left: 0px;
width: 200%;
height: 50%;
background: rgba(255, 255, 255, 0.2);
content: "";
transition: transform 0.9s ease 0s;
transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -130%, 0px);
z-index: 9;
}
/*Banner-left-------------------------------*/
.banner-left {
padding: 55px 40px;
text-align: center;
background: #e9e9e9;
margin: 20px 0 0;
display: inline-block;
width: 100%;
}
.banner-left h2 {
font-size: 30px;
color: #6a6a6a;
margin: 0;
font-weight: 600;
text-transform: uppercase;
}
/*Banner-left1-------------------------------*/
.banner-left1 {
margin-top: 60px;
}
.banner-products {
padding: 55px 40px;
text-align: center;
background: #e9e9e9;
margin: 0 0 45px;
display: inline-block;
width: 100%;
}
.banner-products h2 {
font-size: 30px;
color: #6a6a6a;
margin: 0;
font-weight: 600;
text-transform: uppercase;
}
/*block-bottom-------------------------------*/
.block-bottom {
border: 1px solid #ededed;
overflow: hidden;
}
.block-bottom .container-bottom {
padding: 0;
}
.block-bottom .linebr {
border-right: 1px solid #ededed;
padding: 0;
}
.block-bottom .linebr:last-child {
border-right: 0;
}
.block-bottom .box {
padding: 100px 75px;
text-align: center;
}
.block-bottom .box i {
font-size: 48px;
font-family: Ionicons;
color: #42565d;
}
.block-bottom .box h3 {
padding: 30px 0 12px;
font-size: 18px;
font-weight: bold;
color: #42565d;
text-transform: uppercase;
}
.block-bottom .box span {
font-size: 16px;
font-weight: 400;
color: #999999;
}
.block-bottom .box p {
font-size: 15px;
margin: 22px 0 0;
line-height: 24px;
}
/*--------------------------------------------*/
.checkout-index-index .page-header {
padding: 0 30px 10px !important;
}
.checkout-index-index .main {
padding: 0;
}
.checkout-container {
padding: 0 30px;
}
.checkout-container .authentication-dropdown._show {
border: 0 !important;
background: #f5f5f5 !important;
}
.checkout-container .modal-inner-wrap .modal-content {
box-shadow: none;
border: none;
border-radius: 0;
background: none;
}
.checkout-container .opc-progress-bar .opc-progress-bar-item > span {
font-size: 1.2rem;
}
.checkout-container .opc-progress-bar .opc-progress-bar-item > span:after {
font-size: 1.4rem;
}
.checkout-container .opc-progress-bar .opc-progress-bar-item._active:before {
background: #42565d;
}
.checkout-container .opc-progress-bar .opc-progress-bar-item._active > span:before {
background: #42565d;
}
.checkout-container .opc-progress-bar .opc-progress-bar-item._active > span:after {
font-size: 1.8rem;
}
.checkout-container .opc-wrapper .step-title {
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 20px;
}
.checkout-container .opc-wrapper .fieldset > .field:not(.choice) > .label {
padding: 0;
display: inline-block;
vertical-align: top;
text-align: left;
width: auto;
float: none;
margin: 0 0 8px;
}
.checkout-container .opc-wrapper .fieldset > .field:not(.choice) > .label:after {
position: static;
margin: 0;
}
.checkout-container .opc-wrapper .fieldset > .field:not(.choice) > .control {
width: auto;
float: none;
}
.checkout-container .opc-wrapper .fieldset > .field:not(.choice) > .control .label {
padding: 0;
}
.checkout-container .opc-sidebar .modal-header {
padding: 0;
min-height: auto;
border: none;
}
.checkout-container .opc-sidebar .modal-content {
-webkit-box-shadow: none;
box-shadow: none;
border: none;
}
.checkout-container .opc-sidebar .modal-content .opc-block-summary {
background: #f5f5f5;
padding: 20px;
border: 0;
border-radius: 0;
margin-bottom: 30px;
}
.checkout-container .opc-sidebar .modal-content .opc-block-summary > .title {
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
border: none;
}
.checkout-container .opc-sidebar .modal-content .opc-block-summary .items-in-cart > .title {
border-bottom: 1px solid #ccc;
padding: 9px 36px 9px 0;
}
.checkout-container .opc-sidebar .modal-content .opc-block-summary .items-in-cart > .title strong {
font-size: 1.0rem;
}
.checkout-container .opc-sidebar .modal-content .opc-block-summary .items-in-cart > .content .product-item-name {
color: #333;
}
.checkout-container .opc-sidebar .modal-content .opc-block-summary .items-in-cart > .content .details-qty {
line-height: normal;
color: #333;
}
.checkout-container .opc-sidebar .modal-content .opc-block-summary .items-in-cart > .content .details-qty .label {
padding-left: 0;
font-weight: normal;
}
.checkout-container .opc-sidebar .modal-content .opc-block-summary .items-in-cart > .content .product-item .price {
font-size: 1.2rem;
color: #333;
}
.checkout-container .opc-sidebar .modal-content .opc-block-shipping-information {
padding: 0;
}
.checkout-container .opc-sidebar .modal-content .opc-block-shipping-information .shipping-information-title {
font-size: 1.4rem;
line-height: normal;
}
.checkout-container .opc-sidebar .modal-content .opc-block-shipping-information .shipping-information-title .action-edit {
top: 0;
}
.main-content {
margin: 0;
}
.main-content .owl-theme .owl-controls .owl-buttons {
right: 8px;
}
.main-content .owl-theme .owl-controls .owl-buttons .owl-page:hover span,
.main-content .owl-theme .owl-controls .owl-buttons .owl-page.active span {
background: #fff;
}
.main-content .owl-theme .owl-controls .owl-buttons .owl-page span {
width: 14px;
height: 14px;
border-radius: 100%;
border: 2px solid #fff;
background: none;
margin: 4px;
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
}
.main-content .brand-slider {
padding: 100px 0;
}
.main-content .brand-slider .group-title1 {
display: none;
}
.main-content .brand-slider .pt-brand-container .owl-container {
margin: 0;
}
.main-content .brand-slider .pt-brand-container .owl-container .owl-carousel .owl-controls .owl-buttons {
right: 15px;
}
.main-content .brand-slider .pt-brand-container .owl-wrapper-outer .owl-item {
padding: 0;
}
.main-content .brand-slider .pt-brand-container .owl-wrapper-outer .owl-item .item-inner {
opacity: 0.6;
}
.main-content .brand-slider .pt-brand-container .owl-wrapper-outer .owl-item .item-inner:hover {
opacity: 1;
}
.main-content .brand-slider .pt-brand-container .owl-wrapper-outer .owl-item .item-inner p {
margin: 0;
}
.main-content .testimo-slider {
padding: 100px 0;
}
.main-content .testimo-slider .pt-testimonial {
position: relative;
}
.main-content .testimo-slider .pt-testimonial .testimonial-content {
line-height: 26px;
font-size: 16px;
text-transform: capitalize;
}
.main-content .testimo-slider .pt-testimonial .testimonial-content .testimonial-image {
float: left;
padding-right: 20px;
}
.main-content .testimo-slider .pt-testimonial .testimonial-content .name {
padding-top: 20px;
display: block;
color: #42565d;
font-weight: 600;
}
.main-content .testimo-slider .pt-testimonial .testimonial-content .job {
color: #b4b5b5;
font-style: italic;
}
.main-content .testimo-slider .pt-testimonial .testimonial-des {
color: #42565d;
font-size: 14px;
line-height: 24px;
font-weight: 400;
font-style: italic;
margin-bottom: 30px;
}
.main-content .testimo-slider .pt-testimonial .testimonial-des:before {
content: "\f10d";
font-size: 24px;
font-family: FontAwesome;
display: block;
padding: 15px 0 20px;
color: #42565d;
}
.main-content .testimo-slider .owl-theme .owl-controls {
text-align: right;
}
.main-content .testimo-slider .owl-theme .owl-controls .owl-page span {
width: 15px;
height: 4px;
margin: 0 5px;
border-radius: 0;
background: #42565d;
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
}
.main-content .testimo-slider .owl-theme .owl-controls .owl-page:hover span,
.main-content .testimo-slider .owl-theme .owl-controls .owl-page.active span {
background: #42565d;
}
.main-content .pt-testimonial-item .testimonial-item li {
overflow: hidden;
margin: 30px 0;
}
.main-content .pt-testimonial-item .testimonial-item li .testimonial-image {
float: left;
width: 100px;
display: block;
}
.main-content .pt-testimonial-item .testimonial-item li .testimonial-content {
margin-left: 130px;
overflow: hidden;
margin-bottom: 15px;
}
.main-content .pt-testimonial-item .testimonial-item li .testimonial-content .testimonial-name {
line-height: 20px;
font-size: 19px;
text-transform: capitalize;
vertical-align: middle;
}
.main-content .pt-testimonial-item .testimonial-item li .testimonial-content .testimonial-job {
float: left;
vertical-align: middle;
font-size: 14px;
font-style: italic;
line-height: 19px;
}
.main-content .pt-testimonial-item .testimonial-item li .testimonial-content .testimonial-email {
color: #42565d;
font-size: 14px;
margin-bottom: 10px;
}
.main-content .pt-testimonial-item .testimonial-item li .testimonial-content .testimonial-testimonial {
margin-bottom: 15px;
float: left;
vertical-align: middle;
font-size: 14px;
font-style: italic;
line-height: 19px;
}
.main-content .pt-testimonial-item .testimonial-item li .testimonial-content .testimonial-created-time {
font-style: italic;
}
.main-content .blog-slider {
padding: 30px 0;
}
.main-content .blog-slider .owl-container {
margin: 0;
}
.main-content .blog-slider .owl-container .owl-carousel .owl-item {
padding: 0;
}
.main-content .blog-slider .owl-container .owl-carousel .owl-controls .owl-buttons {
right: 15px;
}
.main-content .blog-slider .block-recent-posts .item .item-inner {
padding: 0;
border: 0 !important;
}
.main-content .blog-slider .block-recent-posts .item .item-inner .blog-content {
padding-top: 20px;
text-align: left;
}
.main-content .blog-slider .block-recent-posts .item .item-inner .blog-content .time-conment {
text-transform: uppercase;
font-size: 14px;
color: #999;
display: none;
}
.main-content .blog-slider .block-recent-posts .item .item-inner .blog-content .blog-content-inner .blog-title {
font-weight: 600;
text-transform: capitalize;
position: relative;
}
.main-content .blog-slider .block-recent-posts .item .item-inner .blog-content .blog-content-inner .blog-title a {
color: #42565d;
font-size: 20px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display: block;
height: 24px;
}
.main-content .blog-slider .block-recent-posts .item .item-inner .blog-content .blog-content-inner .blog-title a:hover {
color: #42565d;
}
.main-content .blog-slider .block-recent-posts .item .item-inner .blog-content .blog-content-inner .short-des {
padding: 15px 0;
margin: 0;
line-height: 24px;
}
.main-content .blog-slider .block-recent-posts .item .item-inner .blog-content .blog-content-inner .readmore {
color: #fff;
background: #42565d;
line-height: 40px;
display: inline-block;
padding: 2px 35px;
font-weight: 600;
font-size: 16px;
text-transform: uppercase;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
}
.main-content .blog-slider .block-recent-posts .item .item-inner .blog-content .blog-content-inner .readmore:hover {
background: #42565d;
}
.main-content .products {
margin: 0;
}
.main-content .products-list .item {
padding: 0;
}
.main-content .products-list .item:last-child {
margin-bottom: 0;
}
.main-content .products-list .item .item-inner {
display: block;
width: 100%;
border: 0;
margin: 0 0 30px;
padding: 0;
z-index: inherit;
}
.main-content .products-list .item .item-inner:hover {
box-shadow: none;
}
.main-content .products-list .item .item-inner .image-container {
overflow: inherit;
}
.main-content .products-list .item .item-inner .box-info {
text-align: left;
}
.main-content .products-list .item .item-inner .box-info .product-item-name {
min-height: auto;
margin: 25px 0 5px;
}
.main-content .products-list .item .item-inner .box-info .name a {
/*color: @linkcolor;*/
font-size: 22px;
text-transform: uppercase;
font-weight: 600;
}
.main-content .products-list .item .item-inner .box-info .name a:hover {
color: #42565d;
}
.main-content .products-list .item .item-inner .box-info .product-item-description {
clear: both;
color: #777;
font-size: 15px;
margin: 0;
line-height: 24px;
padding: 15px 0;
}
.main-content .products-list .item .item-inner .box-info .product-item-description p {
margin: 0;
}
.main-content .products-list .item .item-inner .box-info .product-item-description a {
font-size: 11px;
display: none;
color: #8a9ea5;
}
.main-content .products-list .item .item-inner .box-info .product-item-description a:hover {
text-decoration: underline;
color: #42565d;
}
.main-content .products-list .item .item-inner .box-info .price-box {
display: block;
margin: 0;
}
.main-content .products-list .item .item-inner .box-info .price-box .price {
font-size: 28px;
}
.main-content .products-list .item .item-inner .box-info .price-box .special-price .price {
font-size: 28px;
}
.main-content .products-list .item .item-inner .box-info .price-box .old-price .price {
font-size: 16px;
}
.main-content .products-list .item .item-inner .box-info .price-box .minimal-price-link {
display: none;
}
.main-content .products-list .item .item-inner .box-info .product-reviews-summary {
display: block;
margin: 14px 0 !important;
}
.main-content .products-list .item .item-inner .box-info .product-reviews-summary .rating-summary {
text-align: left;
}
.main-content .products-list .item .item-inner .box-info .product-reviews-summary .reviews-actions {
display: none;
}
.main-content .products-list .item .item-inner .box-info .box-hover {
text-align: left;
display: inline-block;
width: 100%;
margin-top: 15px;
opacity: 1;
position: static;
}
.main-content .products-list .item .item-inner .box-info .box-hover .product-item-actions {
padding: 0;
}
.main-content .products-list .item .item-inner .box-info .box-hover .actions-primary {
display: inline-block;
position: static;
float: left;
}
.main-content .products-list .item .item-inner .box-info .box-hover .actions-primary .action.tocart:hover span {
background: #42565d;
}
.main-content .products-list .item .item-inner .box-info .box-hover .actions-primary .action.tocart span {
padding: 0 15px;
width: auto;
height: auto;
text-indent: inherit;
color: #fff;
font-size: 15px;
font-weight: bold;
background: #42565d;
line-height: 49px;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
}
.main-content .products-list .item .item-inner .box-info .box-hover .add-to-links {
display: inline-block;
margin: 0;
font-size: 11px;
float: left;
}
.main-content .products-list .item .item-inner .box-info .box-hover .add-to-links .btn-quickview {
background: none;
padding: 0;
display: inline-block;
margin-left: 10px;
}
.main-content .products-list .item .item-inner .box-info .box-hover .add-to-links .btn-quickview span {
background: #e6e6e6;
color: #555555;
font-size: 0;
padding: 0;
width: 50px;
height: 50px;
line-height: 50px;
vertical-align: middle;
position: relative;
text-transform: uppercase;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
}
.main-content .products-list .item .item-inner .box-info .box-hover .add-to-links .btn-quickview span:hover {
background-color: #42565d;
color: #fff;
}
.main-content .products-list .item .item-inner .box-info .box-hover .add-to-links .btn-quickview span:before {
content: "\f133";
font-family: Ionicons;
padding: 0;
font-size: 21px;
}
.main-content .products-list .item .item-inner .box-info .box-hover .add-to-links .action {
display: inline-block;
vertical-align: middle;
margin-left: 10px;
float: left;
width: 50px;
height: 50px;
line-height: 50px;
background: #e6e6e6;
}
.main-content .products-list .item .item-inner .box-info .box-hover .add-to-links .action:hover {
background: #42565d;
}
.main-content .products-list .item .item-inner .box-info .box-hover .add-to-links .action:hover:before {
color: #fff;
}
.main-content .products-list .item .item-inner .box-info .box-hover .add-to-links .action:before {
content: "";
font-family: Ionicons;
font-size: 24px;
color: #555555;
padding: 2px;
}
.main-content .products-list .item .item-inner .box-info .box-hover .add-to-links .action.towishlist:before {
content: "\f387";
}
.main-content .products-list .item .item-inner .box-info .box-hover .add-to-links .action.tocompare:before {
content: "\f344";
}
.main-content .products-grid .products .item {
float: left;
width: 20%;
}
.main-content .products-grid .products .item:nth-of-type(5n+1) {
clear: left;
}
.main-content .products-grid .products.grid {
margin: 0 -15px 30px;
}
.main-content .swatch-attribute.color .swatch-attribute-options .swatch-option {
width: 15px;
height: 15px;
border-radius: 100%;
min-width: 0;
position: relative;
overflow: visible;
}
.main-content .swatch-attribute.color .swatch-attribute-options .swatch-option:before {
content: "";
position: absolute;
left: -3px;
top: -3px;
right: -3px;
bottom: -3px;
border: 2px solid transparent;
border-radius: 100%;
}
.main-content .swatch-attribute.color .swatch-attribute-options .swatch-option.selected {
outline: 0;
}
.main-content .swatch-attribute.color .swatch-attribute-options .swatch-option.selected:before {
border-color: #42565d;
}
.main-content .swatch-attribute.color .swatch-attribute-options .swatch-option.image:not(.disabled):hover,
.main-content .swatch-attribute.color .swatch-attribute-options .swatch-option.color:not(.disabled):hover {
outline: 0;
}
.main-content .swatch-attribute.color .swatch-attribute-options .swatch-option.image:not(.disabled):hover:before,
.main-content .swatch-attribute.color .swatch-attribute-options .swatch-option.color:not(.disabled):hover:before {
border-color: #42565d;
}
.main-content .swatch-attribute .swatch-attribute-options .swatch-option.text {
background: none;
padding: 0 5px;
line-height: 20px;
}
.main-content .swatch-attribute .swatch-attribute-options .swatch-option.selected {
outline: 1px solid #42565d;
}
.main-content .swatch-attribute .swatch-attribute-options .swatch-option:not(.disabled):hover {
outline: 1px solid #42565d;
}
.main-content .cart-container .cart-summary {
background: #fff;
border: 1px solid #8a9ea5;
position: relative;
z-index: 2;
}
.main-content .cart-container .cart-summary > .title {
font-size: 1.3rem;
margin-top: 0.8rem;
}
.main-content .cart-container .cart-summary .block.shipping > .title,
.main-content .cart-container .cart-summary .block.discount > .title {
line-height: normal;
padding: 9px 36px 9px 0px;
border-top: 1px solid #ccc;
}
.main-content .cart-container .cart-summary .block.shipping > .title:after,
.main-content .cart-container .cart-summary .block.discount > .title:after {
font-size: 24px;
color: #313131;
top: 4px;
}
.main-content .cart-container .cart-summary .block.shipping > .title strong,
.main-content .cart-container .cart-summary .block.discount > .title strong {
color: #313131;
font-weight: 500;
margin: 0;
font-size: 0.9rem;
line-height: normal;
}
.main-content .cart-container .cart-summary .block.shipping .field.note,
.main-content .cart-container .cart-summary .block.discount .field.note {
font-size: 14px;
line-height: normal;
}
.main-content .cart-container .cart-summary .block.shipping .fieldset .field:not(.choice) > .label,
.main-content .cart-container .cart-summary .block.discount .fieldset .field:not(.choice) > .label {
font-size: 13px;
color: #333;
font-weight: 400;
}
.main-content .cart-container .cart-summary .block.shipping select,
.main-content .cart-container .cart-summary .block.discount select,
.main-content .cart-container .cart-summary .block.shipping input,
.main-content .cart-container .cart-summary .block.discount input {
border-radius: 5px;
width: 100%;
}
.main-content .cart-container .cart-summary .block.shipping .item-title,
.main-content .cart-container .cart-summary .block.discount .item-title {
font-weight: 500;
font-size: 14px;
color: #333;
margin: 0 0 5px;
}
.main-content .cart-container .cart-summary .block.shipping .item-options,
.main-content .cart-container .cart-summary .block.discount .item-options {
margin: 0;
}
.main-content .cart-container .cart-summary .block.shipping .item-options .radio,
.main-content .cart-container .cart-summary .block.discount .item-options .radio {
float: left;
margin: 0 8px 0 0;
}
.main-content .cart-container .cart-summary .block.shipping .item-options .label,
.main-content .cart-container .cart-summary .block.discount .item-options .label {
vertical-align: top;
font-weight: normal;
padding: 0;
}
.main-content .cart-container .cart-summary .cart-totals th,
.main-content .cart-container .cart-summary .cart-totals td {
border: none;
}
.main-content .cart-container .cart-summary .cart-totals .price {
color: #333;
}
.main-content .cart-container .cart-summary .cart-totals .grand.totals {
border-top: 1px solid #ccc;
}
.main-content .cart-container .cart-summary .checkout button {
padding: 0;
}
.main-content .cart-container .cart-summary .checkout button:hover span {
background: #42565d;
color: #fff;
border-color: #e7e7e7;
}
.main-content .cart-container .cart-summary .checkout button span {
line-height: 50px;
white-space: inherit;
border: 0;
color: #fff;
font-size: 15px;
font-weight: 600;
background: #42565d;
border-radius: 0;
}
.main-content .cart-container .cart-summary .message.warning {
font-size: 12px;
}
.main-content .cart-container .form-cart .cart.table-wrapper .product-item-name {
margin-top: 13px;
}
.main-content .cart-container .form-cart .cart.table-wrapper thead .col {
text-align: center;
border: 0;
font-weight: 400;
padding: 20px 10px;
font-size: 13px;
border-bottom: 1px solid #eef2f5;
text-transform: uppercase;
}
.main-content .cart-container .form-cart .cart.table-wrapper tbody {
border: none;
background: #fff;
}
.main-content .cart-container .form-cart .cart.table-wrapper tbody .col {
border: none;
vertical-align: middle;
padding: 15px;
text-align: center;
}
.main-content .cart-container .form-cart .cart.table-wrapper tbody .col .price {
color: #666666;
font-weight: 400;
font-size: 20px;
}
.main-content .cart-container .form-cart .cart.table-wrapper tbody .col .product-item-details {
vertical-align: middle;
}
.main-content .cart-container .form-cart .cart.table-wrapper tbody .col.qty input {
margin: 0;
color: #575b70;
border: 0;
}
.main-content .cart-container .form-cart .cart.table-wrapper tbody .item-actions td {
padding: 10px;
border-top: none;
border-bottom: 1px solid #f2f2f2;
}
.main-content .cart-container .form-cart .cart.table-wrapper tbody .item-actions td .actions-toolbar .action {
padding: 0;
margin-top: 0;
}
.main-content .cart-container .form-cart .cart.table-wrapper tbody .item-actions td .actions-toolbar .action:hover {
opacity: 1;
color: #42565d;
}
.main-content .cart-container .form-cart .cart.table-wrapper tbody .item-actions td .actions-toolbar .action:before {
-webkit-font-smoothing: antialiased;
font-size: 28px;
line-height: 28px;
color: #575b70;
content: '\e606';
font-family: 'icons-blank-theme';
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.main-content .cart-container .form-cart .cart.table-wrapper tbody .item-actions td .actions-toolbar .action:after {
font-size: 28px;
line-height: 25px;
}
.main-content .cart-container .form-cart .cart.table-wrapper tbody .item-actions td .actions-toolbar .action.action-delete:before {
content: '\e604';
}
.main-content .cart-container .form-cart .cart.table-wrapper tbody .item-actions td .actions-toolbar .action.action-edit:before {
content: '\f044';
font-family: FontAwesome;
font-size: 15px;
line-height: 27px;
}
.main-content .cart-container .form-cart .cart.table-wrapper tbody .item-actions td .actions-toolbar button:before {
display: none !important;
}
.main-content .cart-container .form-cart .cart.table-wrapper tbody .item-actions td .actions-toolbar button span {
line-height: 30px;
}
.main-content .cart-container .form-cart .cart.table-wrapper tbody.cart.item:nth-of-type(2n+2) {
background: #fff;
}
.main-content .cart-container .form-cart .cart.actions .action {
padding: 0;
margin: 10px 0;
}
.main-content .cart-container .form-cart .cart.actions .action.continue {
background: none;
border: 0;
}
.main-content .cart-container .form-cart .cart.actions .action.continue:hover span {
background: #42565d;
color: #fff;
border-color: #8a9ea5 !important;
}
.main-content .cart-container .form-cart .cart.actions .action:before {
line-height: inherit;
display: none;
}
.main-content .cart-container .form-cart .cart.actions .action:hover span {
background: #42565d;
color: #fff;
border-color: #8a9ea5 !important;
}
.main-content .cart-container .form-cart .cart.actions .action.clear {
margin-right: 5px;
}
.main-content .cart-container .form-cart .cart.actions .action span {
line-height: 50px;
padding: 0 25px;
display: block;
text-transform: uppercase;
font-size: 15px;
font-weight: 600;
border: 0;
background: #42565d;
color: #fff;
text-align: center;
white-space: nowrap;
}
.main-content .block.crosssell > .title {
color: #5a5a5a;
text-transform: uppercase;
}
.main-content .checkout-success .actions-toolbar {
margin-top: 30px;
}
/*.block-group-------------------------------------------*/
.block-group {
margin-top: 40px;
}
.block-group .about-testimo {
background: #f8f8f8;
}
.block-group .about-testimo .ct-about-us {
padding: 100px 0;
}
.block-group .about-testimo .ct-about-us .about-content {
text-align: left;
}
.block-group .about-testimo .ct-about-us .about-content h3 {
font-weight: bold;
text-transform: capitalize;
position: relative;
color: #42565d;
font-size: 24px;
margin-bottom: 20px;
}
.block-group .about-testimo .ct-about-us .about-content h4 {
font-family: open sans;
font-weight: 600;
font-size: 20px;
line-height: 30px;
color: #42565d;
}
.block-group .about-testimo .ct-about-us .about-content p {
padding: 13px 0 30px;
margin: 0;
line-height: 27px;
}
.block-group .about-testimo .ct-about-us .about-content a {
color: #fff;
background: #42565d;
line-height: 43px;
display: inline-block;
padding: 0px 25px;
font-weight: bold;
font-size: 16px;
text-transform: uppercase;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
}
.block-group .about-testimo .ct-about-us .about-content a:hover {
background: #42565d;
}
/*custom all-------------------------------------------*/
.customer-account-login .page-title-wrapper .page-title,
.customer-account-create .page-title-wrapper .page-title {
margin: 30px 0 30px;
}
.customer-account-create .actions-toolbar {
margin: 0 !important;
}
.customer-account-create .actions-toolbar .primary {
float: right;
}
.customer-account-create .actions-toolbar .secondary {
float: left;
}
.footer-container {
background: #42565d;
color: #ffffff;
}
.footer-container .footer-top .block-footop {
padding: 20px 0 15px 0;
display: inline-block;
width: 100%;
border-bottom: 1px solid #8a9ea5;
}
.footer-container .footer-top .static-box {
padding: 0;
position: relative;
}
.footer-container .footer-top .static-box:hover .box-title a {
color: #8a9ea5;
}
.footer-container .footer-top .static-box .box-title {
color: #ffffff;
font-family: open sans;
}
.footer-container .footer-top .static-box .box-title a {
font-size: 0;
float: left;
margin-right: 10px;
color: #8a9ea5;
}
.footer-container .footer-top .static-box .box-title a:before {
content: "";
font-family: Ionicons;
font-size: 48px;
}
.footer-container .footer-top .static-box .box-title p.title {
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
}
.footer-container .footer-top .static-box .box-title p.des {
font-size: 12px;
margin-bottom: 0;
color: #c9c9c9;
}
.footer-container .footer-top .static-box.static-box1 .box-title a:before {
content: "\f2c3";
}
.footer-container .footer-top .static-box.static-box2 .box-title a:before {
content: "\f4b9";
}
.footer-container .footer-top .static-box.static-box3 .box-title a:before {
content: "\f2eb";
}
.footer-container .footer-top .static-box.static-box4 .box-title a:before {
content: "\f3b3";
}
.footer-container .footer-middle .footer-static {
padding: 30px 0 20px 0;
color: #ffffff;
font-size: 15px;
font-weight: 500;
border-bottom: 1px solid #8a9ea5;
}
.footer-container .footer-middle .footer-static .f-col .footer-static-title h2 {
color: #ffffff;
font-size: 18px;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 25px;
}
.footer-container .footer-middle .footer-static .f-col .footer-static-content ul {
display: inline-block;
}
.footer-container .footer-middle .footer-static .f-col .footer-static-content ul li {
display: block;
line-height: 30px;
}
.footer-container .footer-middle .footer-static .f-col .footer-static-content ul li a {
text-transform: capitalize;
text-decoration: none;
color: #a2a2a2;
}
.footer-container .footer-middle .footer-static .f-col .footer-static-content ul li a:before {
content: "\f105";
font-family: FontAwesome;
background: 0;
border-radius: 100%;
display: inline-block;
margin-right: 10px;
}
.footer-container .footer-middle .footer-static .f-col .footer-static-content ul li a:hover {
color: #ffffff;
}
.footer-container .footer-middle .footer-static .f-col .footer-static-content .link-web {
margin: 10px 0 0;
}
.footer-container .footer-middle .footer-static .f-col .footer-static-content .link-web ul li {
display: inline-block;
margin: 10px 10px 0 0;
}
.footer-container .footer-middle .footer-static .f-col .footer-static-content .link-web ul li:last-child {
margin: 10px 0 0;
}
.footer-container .footer-middle .footer-static .f-col .footer-static-content .link-web ul li a {
display: block;
font-size: 0;
padding: 0;
text-align: center;
color: #a2a2a2;
border: 0;
}
.footer-container .footer-middle .footer-static .f-col .footer-static-content .link-web ul li a:hover {
color: #ffffff;
background: none;
opacity: 0.8;
}
.footer-container .footer-middle .footer-static .f-col .footer-static-content .link-web ul li a:before {
display: none;
}
.footer-container .footer-middle .footer-static .f-col .footer-static-content .link-web ul li a:after {
display: inline-block;
font-family: Ionicons;
font-size: 20px;
margin-right: 18px;
}
.footer-container .footer-middle .footer-static .f-col .footer-static-content .link-web ul li a.face:after {
content: "\f231";
}
.footer-container .footer-middle .footer-static .f-col .footer-static-content .link-web ul li a.twitter:after {
content: "\f243";
}
.footer-container .footer-middle .footer-static .f-col .footer-static-content .link-web ul li a.rss:after {
content: "\f23d";
}
.footer-container .footer-middle .footer-static .f-col .footer-static-content .link-web ul li a.google:after {
content: "\f234";
}
.footer-container .footer-middle .footer-static .f-col .footer-static-content .link-web ul li a.youtube-play:after {
content: "\f24d";
}
.footer-container .footer-middle .footer-static .f-col .footer-static-content .link-web ul li a.pinterest:after {
content: "\f2b1";
}
.footer-container .footer-middle .footer-static .f-col-1 .footer-static-title {
display: none;
}
.footer-container .footer-middle .footer-static .f-col-1 .footer-static-content {
margin: -20px 0 0;
}
.footer-container .footer-middle .footer-static .f-col-1 .footer-static-content p {
color: #666666;
font-size: 12px;
font-weight: 400;
margin: 20px 0 0;
line-height: 20px;
}
.footer-container .footer-bottom {
padding: 30px 0;
}
.footer-container .footer-bottom .block.newsletter {
width: auto;
margin: 0;
}
.footer-container .footer-bottom .block.newsletter .field {
margin: 0;
}
.footer-container .footer-bottom .block.newsletter .field .text-newletter {
vertical-align: middle;
margin-bottom: 30px;
}
.footer-container .footer-bottom .block.newsletter .field .text-newletter h3 {
font-size: 18px;
color: #ffffff;
font-weight: bold;
text-transform: uppercase;
}
.footer-container .footer-bottom .block.newsletter .field .text-newletter p {
display: none;
}
.footer-container .footer-bottom .block.newsletter .field .control {
width: 85%;
display: inline-block;
vertical-align: middle;
position: relative;
}
.footer-container .footer-bottom .block.newsletter .field .control:before {
display: none;
}
.footer-container .footer-bottom .block.newsletter .field .control input {
background: #fff;
color: #a2a2a2;
display: block;
padding: 0 35.5% 0 10px;
font-size: 15px;
line-height: 52px;
border: 0;
width: 100%;
}
.footer-container .footer-bottom .block.newsletter .field .control input:focus {
outline: none;
box-shadow: none;
}
.footer-container .footer-bottom .block.newsletter .field .control #newsletter-error {
position: absolute;
top: 100%;
font-size: 12px;
color: #ff0000;
}
.footer-container .footer-bottom .block.newsletter .field .control .actions {
position: absolute;
top: 0;
right: 0;
width: auto;
}
.footer-container .footer-bottom .block.newsletter .field .control .actions button.subscribe span {
background: #5b7882;
color: #fff;
line-height: 52px;
font-weight: bold;
font-size: 15px;
padding: 0 35px;
}
.footer-container .footer-bottom .block.newsletter .field .control .actions button.subscribe span:hover {
background: #57727b;
}
.footer-container .footer-bottom .payment {
float: right;
border-bottom: 1px solid #8a9ea5;
margin-bottom: 30px;
}
.footer-container .footer-bottom .payment ul li {
float: right;
padding: 0 0 20px 40px;
}
.footer-container .footer-bottom .payment ul li a {
display: block;
}
.footer-container .footer-bottom .payment ul li a:hover img {
opacity: 0.5;
}
.footer-container .footer-bottom .copyright {
color: #ffffff;
background: none;
font-size: 15px;
text-transform: capitalize;
font-weight: 400;
line-height: 16px;
text-align: right;
padding: 0;
clear: both;
}
.footer-container .footer-bottom .copyright a {
color: #ffffff;
}
.footer-container .footer-bottom .copyright a:hover {
color: #fff;
}
.footer-container .box-footer {
clear: both;
line-height: 20px;
margin-top: 30px;
}
.footer-container .box-footer.box {
color: #a3a3a3;
}
.footer-container .box-footer span {
display: block;
}
.footer-container .box-footer span:nth-child(2) {
padding: 10px 0;
}
.footer-container .box-footer h3 {
font-size: 16px;
font-weight: bold;
color: #fff;
line-height: 20px;
}
.footer-container .box-footer ul {
display: inline;
}
.footer-container .box-footer ul li {
display: inline-block;
}
.footer-container .box-footer ul li.last a {
border-right: 0;
padding-right: 0;
}
.footer-container .box-footer ul li a {
padding: 0 15px;
border-right: 1px solid #cccccc;
color: #a2a2a2;
}
.footer-container .box-footer ul li a:hover {
color: #ffffff;
}
.footer-container .box-footer .boxz {
line-height: 28px;
font-weight: 300;
}
#back_top {
background: #42565d;
bottom: 35px;
display: none;
height: 60px;
position: fixed;
right: 12px;
width: 60px;
line-height: 60px;
z-index: 998;
cursor: pointer;
border: 0;
border-radius: 100%;
text-align: center;
font-size: 30px;
color: #fff;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
}
#back_top:hover {
background: #57727b;
}
#back_top span {
display: none;
}
#back_top:before {
content: "\f102";
font-family: 'FontAwesome';
display: block;
}
.messages {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 99999999;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
}
.contact-index-index .form.contact {
width: 100% !important;
}
.contact-index-index .form.contact .fieldset {
width: 100%;
}
.testimonial-index-index .page-title-wrapper,
.contact-index-index .page-title-wrapper {
margin-top: 30px;
}
.page-layout-2columns-left .sidebar-main,
.page-layout-2columns-right .sidebar-main {
width: auto;
float: none;
}
.sidebar .block {
font-size: 15px;
}
.sidebar .block.filter .block-title {
margin-bottom: 20px;
position: relative;
border-bottom: 1px solid #000;
display: none;
}
.sidebar .block.filter .block-title strong {
padding: 16px;
background: #282828;
color: #fff;
font-size: 12px;
text-transform: uppercase;
display: block;
margin: 0;
line-height: 20px;
font-weight: 700;
}
.sidebar .block.filter .block-content .block-subtitle {
display: none;
}
.sidebar .block.filter .block-content .filter-options .filter-options-title {
margin: 0;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
position: relative;
display: block;
font-size: 22px;
font-family: 'Ek Mukta', sans-serif;
color: #42565d;
text-transform: uppercase;
font-weight: 700;
line-height: 50px;
border-bottom: 1px solid #ededed;
}
.sidebar .block.filter .block-content .filter-options.active .filter-options-title:after {
content: "\f106";
}
.sidebar .block.filter .block-content .filter-options .filter-options-content {
overflow: hidden;
margin: 0;
padding-bottom: 45px;
}
.sidebar .block.filter .block-content .filter-options .filter-options-content:last-child {
padding-bottom: 20px;
}
.sidebar .block.filter .block-content .filter-options .filter-options-content .items .item {
line-height: 50px;
overflow: hidden;
margin: 0;
border-bottom: 1px solid #ededed;
}
.sidebar .block.filter .block-content .filter-options .filter-options-content .items .item a {
width: 100%;
text-align: left;
color: #8a9ea5;
float: left;
clear: both;
font-weight: 400;
font-size: 15px;
font-family: open sans;
text-transform: capitalize;
}
.sidebar .block.filter .block-content .filter-options .filter-options-content .items .item a:hover {
color: #42565d;
}
.sidebar .block.filter .block-content .filter-options .filter-options-content .items .item a:hover .count {
color: #42565d;
}
.sidebar .block.filter .block-content .filter-options .filter-options-item:last-child .filter-options-title {
border: 0;
padding: 0;
}
.sidebar .block.filter .block-content .filter-options .count {
float: right;
}
.sidebar .block .empty {
padding: 10px 20px;
border-left: 2px solid #42565d;
}
.sidebar .block .filter-current strong {
display: none;
}
.sidebar .block .filter-current ol.items li {
padding: 6px 24px 6px 10px;
z-index: 1;
line-height: 1.5;
background: #ffffff url(../images/bkg_block-layered-li.gif) 0 100% repeat-x;
position: relative;
font-size: 12px;
text-align: left;
margin: 0;
}
.sidebar .block .filter-current ol.items li .filter-label {
font-weight: normal;
padding-left: 15px;
text-transform: uppercase;
text-align: left;
background: url(../images/bkg_block-layered-label.gif) 0 4px no-repeat;
display: inline-block;
vertical-align: top;
}
.sidebar .block .filter-current ol.items li .filter-value {
display: inline-block;
vertical-align: top;
}
.sidebar .block .filter-current ol.items li .action.remove {
position: absolute;
right: 4px;
top: 9px;
margin: 0;
display: block;
width: 11px;
height: 11px;
font-size: 0;
line-height: 0;
background: url(../images/btn_remove.gif) 0 0 no-repeat;
text-indent: -999em;
overflow: hidden;
}
.sidebar .block .filter-current ol.items li .action.remove span {
width: 100%;
margin: 15px 0 0;
font-weight: 600;
font-size: 0;
text-transform: uppercase;
}
.sidebar .block .block-actions {
font-size: 11px;
padding: 4px 5px 4px 9px;
background: #cad6e4;
border: 1px solid #dee5e8;
border-width: 1px 0;
text-align: right;
}
.block .block-title {
margin: 0 0 20px;
}
.block .block-title strong {
font-size: 18px;
color: #2b2b2b;
text-transform: uppercase;
}
.block .block-content .box {
margin-bottom: 20px;
}
.block .block-content .box .box-title {
font-weight: 700;
font-size: 14px;
display: block;
margin-bottom: 10px;
}
.block.block-collapsible-nav .title {
height: auto;
width: auto;
margin: 0;
position: static;
}
.block.block-collapsible-nav .title strong {
font-size: 18px;
font-weight: 400;
color: #2b2b2b;
text-transform: uppercase;
}
.block.block-collapsible-nav .content {
background: none;
}
.block.block-collapsible-nav .content .items .item:before {
display: inline-block;
content: "\f00c";
color: #d8d8d8;
font-size: 18px;
font-family: FontAwesome;
vertical-align: middle;
margin-right: 10px;
}
.block.block-collapsible-nav .content .items .item.current > strong {
color: #42565d;
}
.block.block-collapsible-nav .content .items .item > strong,
.block.block-collapsible-nav .content .items .item a {
background: none;
border: 0;
color: #8f8f8f;
display: inline-block;
padding: 0;
font-size: 12px;
font-weight: 700;
line-height: 28px;
text-transform: uppercase;
vertical-align: middle;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
}
.block.block-collapsible-nav .content .items .item a:hover {
background: none;
color: #42565d;
}
.block.block-dashboard-info,
.block.block-dashboard-addresses {
width: 50%;
float: left;
}
.login-container .block .block-title {
border-color: #8a9ea5;
}
.login-container .fieldset {
position: relative;
}
.login-container .fieldset:after {
position: absolute;
margin: 0 !important;
top: 0;
right: 0;
font-size: 14px;
}
.form.password.reset,
.form.send.confirmation,
.form.password.forget,
.form.create.account {
width: 100% !important;
}
.form.password.reset .fieldset,
.form.send.confirmation .fieldset,
.form.password.forget .fieldset,
.form.create.account .fieldset {
width: 50%;
float: left;
}
.form.password.reset .actions-toolbar,
.form.send.confirmation .actions-toolbar,
.form.password.forget .actions-toolbar,
.form.create.account .actions-toolbar {
clear: both;
}
.fieldset > .legend {
width: auto;
font-size: 18px;
color: #2b2b2b;
text-transform: uppercase;
margin-left: 0 !important;
}
.fieldset > .field:not(.choice) > .label {
text-align: left !important;
}
.page-products .toolbar .limiter {
display: block;
}
.page-products .toolbar-bottom .toolbar .limiter {
display: none;
}
.catalog-category-view .main-content {
margin-top: 0;
}
.catalog-category-view .category-view {
margin-bottom: 40px;
}
.bundle-options-container .product-add-form .bundle-options-wrapper .product-options-wrapper legend {
font-weight: 600;
font-size: 18px;
}
.bundle-options-container .product-add-form .bundle-options-wrapper .product-options-wrapper label {
font-weight: 600;
font-size: 14px;
}
.bundle-options-container .product-add-form .bundle-options-wrapper .product-options-wrapper .nested.options-list input {
display: inline-block;
}
.bundle-options-container .product-add-form .bundle-options-wrapper .product-options-wrapper .nested.options-list label {
padding: 0 5px;
font-weight: 400;
}
.bundle-options-container .product-add-form .block-bundle-summary .title {
margin-bottom: 15px;
text-transform: uppercase;
}
.bundle-options-container .product-add-form .block-bundle-summary .title strong {
font-weight: 600;
font-size: 18px;
}
.bundle-options-container .product-add-form .block-bundle-summary .product-details {
margin-top: 20px;
}
.bundle-options-container .product-add-form .block-bundle-summary .product-details .product.name {
font-weight: 400;
font-size: 18px;
margin-bottom: 15px;
display: block;
}
.bundle-options-container .product-add-form .block-bundle-summary .product-details .product-addto-links a {
font-size: 13px;
font-weight: 400;
text-transform: inherit;
color: #444444;
border: 1px solid #cccccc;
padding: 6px 12px 5px;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
}
.bundle-options-container .product-add-form .block-bundle-summary .bundle-summary strong.subtitle {
font-weight: 600;
font-size: 18px;
}
.bundle-options-container .product-add-form .block-bundle-summary .bundle-summary ul li strong.label {
font-weight: 600;
font-size: 14px;
margin-bottom: 10px;
display: block;
text-align: left;
}
.page-product-downloadable .product-add-form .product-options-wrapper .downloads label {
display: block;
margin-bottom: 10px;
}
.page-product-downloadable .product-add-form .product-options-wrapper .downloads label span {
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
}
.page-product-downloadable .product-add-form .product-options-wrapper .downloads #downloadable-links-list label {
float: left;
margin-right: 10px;
}
.page-product-downloadable .product-add-form .product-options-wrapper .downloads #downloadable-links-list label span {
font-size: 14px;
text-transform: capitalize;
}
.page-product-downloadable .product-add-form .actions {
padding-top: 0 !important;
position: static !important;
float: left;
}
.page-product-downloadable .product-add-form .product-options-bottom {
float: none !important;
width: 100% !important;
display: block;
overflow: hidden;
}
.page-product-downloadable .product-add-form .product-options-bottom .price-box {
float: left;
margin-top: 10px;
}
.page-product-downloadable .product-add-form .product-options-bottom .price-box .price-container {
line-height: 30px;
}
.page-product-downloadable .product-add-form .product-options-bottom .box-tocart {
float: left;
margin: 0 0 0 20px;
}
.page-product-downloadable .product-add-form .product-options-bottom .product-social-links {
width: auto !important;
padding: 0 !important;
}
.page-product-downloadable .product-add-form .product-options-bottom .product-social-links .product-addto-links {
display: inline-block;
vertical-align: middle;
}
.page-product-downloadable .product-add-form .product-options-bottom .product-social-links .product-addto-links .action:hover {
background: #42565d;
color: #fff;
}
.page-product-downloadable .product-add-form .product-options-bottom .product-social-links .product-addto-links .action:hover:before {
color: #fff;
}
.page-product-downloadable .product-add-form .product-options-bottom .product-social-links .product-addto-links .action:before {
display: none !important;
}
.page-product-downloadable .product-add-form .product-options-bottom .product-social-links .product-addto-links .action.towishlist:before {
content: "\f004";
}
.page-product-downloadable .product-add-form .product-options-bottom .product-social-links .product-addto-links .action.tocompare:before {
content: "\f012";
}
.page-product-downloadable .product-add-form .product-options-bottom .product-social-links .product-addto-links .action span {
position: static;
}
.page-product-downloadable .product-add-form .product-options-bottom .product-social-links .action {
display: inline-block;
vertical-align: middle;
}
.page-product-downloadable .product-add-form .product-options-bottom .product-social-links .action.mailto {
font-size: 13px;
font-weight: 400;
text-transform: inherit;
color: #444444;
margin: 0;
}
.page-product-downloadable .product-add-form .product-options-bottom .product-social-links .action.mailto:hover {
color: #fff;
}
.page-product-downloadable .product-add-form .product-options-bottom .product-social-links .action.mailto:hover:before {
color: #fff;
}
.page-product-downloadable .product-add-form .product-options-bottom .product-social-links .action.mailto:before {
content: "\f0e0";
display: inline-block;
font-family: FontAwesome;
font-size: 14px;
margin-right: 5px;
color: #444444;
line-height: 25px;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
}
.product-view .product-info-main {
width: 100% !important;
}
.product-view .product-info-main .page-title-wrapper {
margin: 0 0 15px;
}
.product-view .product-info-main .page-title-wrapper .page-title {
color: #8a9ea5;
margin: 0;
font-size: 24px;
text-transform: uppercase;
font-weight: 600;
}
.product-view .product-info-main .box-price-review {
position: relative;
overflow: hidden;
}
.product-view .product-info-main .product-info-stock-sku {
margin: 35px 0 0;
}
.product-view .product-info-main .product-info-stock-sku .available {
text-transform: capitalize;
font-size: 15px;
color: #93c241;
}
.product-view .product-info-main .product-info-stock-sku .available label {
font-weight: normal;
margin: 0;
display: none;
}
.product-view .product-info-main .product-info-stock-sku .available span {
font-weight: normal;
}
.product-view .product-info-main .product-info-stock-sku .available span:before {
content: "\f046";
font-family: FontAwesome;
padding-right: 10px;
}
.product-view .product-info-main .product-info-stock-sku .sku {
color: #555555;
font-size: 15px;
text-transform: uppercase;
padding: 18px 0 0;
}
.product-view .product-info-main .product-reviews-summary {
margin: 22px 0 !important;
top: 0;
right: 0;
}
.product-view .product-info-main .product-reviews-summary .rating-summary {
display: inline;
}
.product-view .product-info-main .product-reviews-summary .reviews-actions {
font-size: 15px;
line-height: 1.25;
text-transform: capitalize;
margin: 1px 0 0 30px;
}
.product-view .product-info-main .product-reviews-summary .reviews-actions .action {
float: left;
text-decoration: none;
color: #adadad;
}
.product-view .product-info-main .product-reviews-summary .reviews-actions .action:hover {
color: #42565d;
}
.product-view .product-info-main .product-reviews-summary .reviews-actions .action.view {
display: block;
}
.product-view .product-info-main .product-reviews-summary .reviews-actions .action.add {
display: none;
}
.product-view .product-info-main .overview {
margin: 30px 0;
color: #8a9ea5;
line-height: 24px;
padding: 10px 0 10px;
border-top: 1px solid #ededed;
font-size: 15px;
}
.product-view .product-info-main .overview p {
margin-bottom: 0;
}
.product-view .product-info-main .price-box {
margin: 0;
}
.product-view .product-info-main .price-box .weee {
line-height: inherit;
}
.product-view .product-info-main .price-box .price {
display: inline-block;
font-weight: 600;
font-size: 36px;
color: #42565d;
}
.product-view .product-info-main .price-box .special-price .price {
color: #d8473a;
}
.product-view .product-info-main .price-box .old-price .price {
color: #838383;
text-decoration: line-through;
font-weight: 400;
font-size: 20px;
}
.product-view .product-info-main .price-box.price-final_price .price-from .price-container .price-label {
display: inline-block;
}
.product-view .product-info-main .price-box.price-final_price .price-to .price-container .price-label {
display: inline-block;
}
.product-view .product-info-main .samples dt.samples-item-title {
font-size: 18px;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 10px;
display: block;
}
.product-view .product-info-main .samples .samples-item {
float: left;
margin: 0 10px 0 0;
font-size: 13px;
}
.product-view .product-info-main .product-add-form .box-tocart {
width: 100%;
margin: 22px 0 15px;
overflow: hidden;
}
.product-view .product-info-main .product-add-form .box-tocart .field.qty {
float: left;
margin: 0;
padding: 0;
}
.product-view .product-info-main .product-add-form .box-tocart .field.qty label {
text-transform: uppercase;
float: left;
margin: 0 28px 0 0;
line-height: 50px;
font-weight: bold;
color: #42565d;
font-size: 15px;
}
.product-view .product-info-main .product-add-form .box-tocart .field.qty .control {
display: inline-block;
}
.product-view .product-info-main .product-add-form .box-tocart .field.qty .control input {
width: 100px !important;
height: 50px;
color: #777;
text-align: center;
font-weight: 700;
background: #f6f6f6;
border: 0;
font-size: 15px;
padding: 0 10px !important;
}
.product-view .product-info-main .product-add-form .actions {
padding-top: 15px;
position: absolute;
}
.product-view .product-info-main .product-add-form .actions .tocart:hover span {
background: #42565d;
}
.product-view .product-info-main .product-add-form .actions .tocart span {
padding: 0 15px;
width: auto;
height: auto;
text-indent: inherit;
color: #fff;
font-size: 15px;
font-weight: bold;
background: #42565d;
line-height: 49px;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
}
.product-view .product-info-main .product-social-links {
width: 100%;
float: left;
padding: 15px 0 15px 236px;
margin: 0 0 15px;
}
.product-view .product-info-main .product-social-links .product-addto-links {
float: left;
margin: 0;
font-size: 12px !important;
line-height: 1.25 !important;
text-align: left !important;
}
.product-view .product-info-main .product-social-links .product-addto-links .action {
float: left;
border: 0;
border-radius: 0;
background: 0;
padding: 0;
margin: 0;
margin-right: 10px;
display: block;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
}
.product-view .product-info-main .product-social-links .product-addto-links .action:hover span {
background: #42565d;
}
.product-view .product-info-main .product-social-links .product-addto-links .action:hover span:before {
color: #fff;
}
.product-view .product-info-main .product-social-links .product-addto-links .action.towishlist {
margin-left: 10px;
}
.product-view .product-info-main .product-social-links .product-addto-links .action.towishlist span:before {
content: "\f387";
}
.product-view .product-info-main .product-social-links .product-addto-links .action.tocompare span:before {
content: "\f344";
}
.product-view .product-info-main .product-social-links .product-addto-links .action span {
background: #e6e6e6;
margin: 0;
position: relative;
display: block;
font-size: 0;
text-align: center;
width: 50px;
height: 50px;
line-height: 50px;
float: none;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
}
.product-view .product-info-main .product-social-links .product-addto-links .action span:before {
content: "";
font-family: Ionicons;
font-size: 24px;
color: #555555;
font-weight: normal;
}
.product-view .product-info-main .product-social-links .action {
float: left;
margin: 0;
font-size: 12px !important;
line-height: 1.25 !important;
text-align: left !important;
}
.product-view .product-info-main .product-social-links .action.mailto {
float: left;
}
.product-view .product-info-main .product-social-links .action.mailto span {
position: relative;
font-size: 0;
width: 50px;
height: 50px;
display: block;
line-height: 50px;
text-align: center;
color: #555555;
background: #e6e6e6;
}
.product-view .product-info-main .product-social-links .action.mailto span:before {
display: inline-block;
font-size: 20px;
font-family: FontAwesome;
content: "\f0e0";
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
}
.product-view .product-info-main .product-social-links .action.mailto:hover span {
background: #42565d;
color: #fff;
border: #8a9ea5;
}
.product-view .product-info-main .product-social-links .action.mailto:before {
display: none !important;
}
.product-view .tabs-content {
display: block;
text-align: center;
}
.product-view .product.detailed {
margin: 20px 0 0;
border: 0;
position: relative;
}
.product-view .product.detailed .data.items .item.title {
background: #FFFFFF;
display: inline;
float: none;
margin: 0;
padding: 0;
position: relative;
}
.product-view .product.detailed .data.items .item.title:first-child:after {
content: "/";
font-size: 24px;
color: #a9a9a9;
padding: 0 5px;
}
.product-view .product.detailed .data.items .item.title a {
position: relative;
display: inline-block;
float: none;
border: 0;
background: #fff;
margin: 0;
font-weight: bold;
color: #8a9ea5;
font-family: 'Ek Mukta';
font-size: 24px;
line-height: 0;
padding: 20px;
text-decoration: none;
text-transform: uppercase;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
}
.product-view .product.detailed .data.items .item.title a:before {
content: "";
padding: 1px;
width: 50px;
margin: 0 auto;
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: #fff;
}
.product-view .product.detailed .data.items .item.title.active a,
.product-view .product.detailed .data.items .item.title:hover a {
padding: 20px;
color: #42565d;
}
.product-view .product.detailed .data.items .item.title.active a:before,
.product-view .product.detailed .data.items .item.title:hover a:before {
background: #42565d;
}
.product-view .product.detailed .data.items .item.content {
border: 1px solid #f0f0f0;
padding: 20px;
text-align: left;
float: left;
margin: 20px 0 0;
min-height: 110px;
overflow: hidden;
width: 100%;
font-family: open sans;
}
.product-view .product.detailed .data.items .item.content .description {
font-size: 15px;
line-height: 23px;
color: #555555;
}
.product-view .product.detailed .data.items .item.content .review-form-actions .action.submit.primary {
font-size: 13px;
color: #fff;
line-height: 20px;
font-weight: 400;
text-transform: inherit;
}
.product-view .product.detailed .data.items .review-toolbar {
border: 0;
}
.product-view .product.detailed .data.items .review-toolbar .toolbar:before {
display: none;
}
.product-view .product.detailed .data.items .review-toolbar .limiter {
background: #fff;
padding: 5px 10px;
}
.product-view .related {
margin: 75px 0 0;
clear: both;
}
.product-view .related .group-title1 {
background: none;
border: none;
text-align: center;
}
.product-view .related .group-title1 h2 {
font-size: 32px;
}
.product-view .related .owl-container {
margin: 0;
}
.product-view .related .owl-container .owl-item {
padding: 0;
}
.product-view .related .block-content .block-actions {
display: none;
}
.product-view .related .block-content .item .choice.related {
display: none;
}
.product-view .upsell {
margin-top: 85px;
}
.product-view .upsell .group-title1 {
text-align: center;
}
.product-view .upsell .group-title1 h2 {
font-size: 32px;
}
.product-view .upsell .owl-container {
margin: 0;
}
.product-view .upsell .owl-container .owl-item {
padding: 0;
}
.product-view .upsell .owl-container .owl-theme .owl-controls {
margin-top: 0;
}
.product-view .upsell .product-item-name {
min-height: auto !important;
}
.product-view .product-media .fotorama__nav-wrap--horizontal {
margin-top: 1em;
}
.table-comparison .cell {
width: auto;
}
.fotorama__nav--thumbs {
text-align: center;
}
.post-list-wrapper .post-list .post-holder {
background: none;
padding: 0;
margin-bottom: 70px;
}
.post-list-wrapper .post-list .post-holder:last-child {
margin: 0;
}
.post-list-wrapper .post-list .post-holder:hover {
box-shadow: none;
}
.post-list-wrapper .post-list .post-holder .post-images {
position: relative;
}
.post-list-wrapper .post-list .post-holder .post-images img {
width: 100%;
}
.post-list-wrapper .post-list .post-holder .post-images .post-info .post-posed-date {
text-transform: uppercase;
text-align: center;
position: absolute;
top: 5px;
left: 5px;
padding: 10px;
background: #fff;
}
.post-list-wrapper .post-list .post-holder .post-images .post-info .post-posed-date .day {
color: #424242;
display: block;
font-size: 20px;
}
.post-list-wrapper .post-list .post-holder .post-images .post-info .post-posed-date .month {
color: #424242;
display: block;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
}
.post-list-wrapper .post-list .post-holder .post-images .post-info .dash {
display: none;
}
.post-list-wrapper .post-list .post-holder .post-images .post-info .post-categories {
display: none;
}
.post-list-wrapper .post-list .post-holder .post-content .post-title {
margin-bottom: 15px;
}
.post-list-wrapper .post-list .post-holder .post-content .post-title a {
color: #333;
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
text-decoration: none;
line-height: initial;
}
.post-list-wrapper .post-list .post-holder .post-content .post-title a:hover {
color: #42565d;
}
.post-list-wrapper .post-list .post-holder .post-content .post-description {
line-height: initial;
font-size: 14px;
}
.post-list-wrapper .post-list .post-holder .post-content .post-read-more {
float: none;
color: #fff;
background: #42565d;
line-height: 40px;
display: inline-block;
padding: 0 23px;
font-weight: 600;
font-size: 13px;
margin-top: 20px;
text-decoration: none;
text-transform: uppercase;
}
.post-list-wrapper .post-list .post-holder .post-content .post-read-more:hover {
background: #666;
}
.blog-search .action.search:hover:before {
color: #42565d !important;
}
.related .group-title1 h2 strong {
text-transform: capitalize;
color: #333333;
font-weight: 600;
font-size: 20px;
}
.related .block-related-post .owl-container {
margin: 0 -8px;
}
.related .block-related-post .owl-container .owl-item {
padding: 0 8px;
}
.related .block-related-post .products-grid .product-item {
width: 100%;
}
.related .block-related-post .products-grid .product-item .product-item-info {
width: 100% !important;
}
.related .block-related-post .products-grid .product-item .product-item-info .product-item-actions {
margin: 0;
}
.post-view .post-holder {
background: none;
padding: 0;
margin-bottom: 70px;
}
.post-view .post-holder:last-child {
margin: 0;
}
.post-view .post-holder:hover {
box-shadow: none;
}
.post-view .post-holder .post-images {
position: relative;
}
.post-view .post-holder .post-images .post-info .post-posed-date {
margin: 20px 0 0;
text-transform: uppercase;
text-align: left;
}
.post-view .post-holder .post-images .post-info .post-posed-date span {
color: #424242;
display: inline-block;
font-size: 20px;
}
.post-view .post-holder .post-images .post-info .dash {
display: none;
}
.post-view .post-holder .post-images .post-info .post-categories {
margin: 20px 0 0;
}
.post-view .post-holder .post-images .post-info .post-categories .label {
padding: 0;
font-weight: 600;
}
form.contact {
margin-bottom: 50px;
}
.message.success {
font-size: 13px !important;
margin: 0;
}
.catalog-product-compare-index td.remove {
padding-bottom: 20px !important;
}
.catalog-product-compare-index .table > tbody {
border-top: 2px solid #ddd;
}
.catalog-product-compare-index .table > tbody th {
padding: 20px 0 0 10px;
display: inline-block;
border: 0 !important;
}
.catalog-product-compare-index .table > tbody th span {
position: inherit !important;
width: auto !important;
font-weight: 400;
font-size: 14px;
}
.catalog-product-compare-index .table > tbody td {
background: none !important;
border-left: 2px solid #ddd !important;
font-size: 13px !important;
}
.catalog-product-compare-index .table > tbody:last-child {
border-bottom: 2px solid #ddd !important;
}
.box-container {
width: 100% !important;
padding: 0 75px;
}
.banner-static .big-sales {
width: 25%;
}
.banner-static .big-sales-h2 {
color: #42565d;
font-weight: bold;
font-size: 30px;
font-family: 'Ek Mukta', sans-serif;
text-transform: uppercase;
text-align: center;
}
@media screen and (min-width: 1920px) {
.footer-container .footer-top .block-footop {
padding: 40px 30px;
}
.countdown-container {
width: 97%;
bottom: 6px;
}
}
@media screen and (min-width: 1580px) {
.header-container .header-content .top-cart-wrapper .link {
padding-right: 50px;
}
.countdown-container {
padding: 0 35px;
}
.producttab-container .group-title1 ul.tabs li {
font-size: 32px;
}
.product-item-name a {
font-size: 16px;
}
.price-box .price {
font-size: 24px;
}
.price-box .old-price .price {
font-size: 16px;
}
.main-content .blog-slider .block-recent-posts .item .item-inner .blog-content .blog-content-inner .short-des {
font-size: 16px;
}
.main-content .testimo-slider .pt-testimonial .testimonial-des {
font-size: 16px;
}
.main-content .about-testimo .ct-about-us .about-content p {
font-size: 16px;
}
.footer-container .footer-top .static-box .box-title a:before {
font-size: 48px;
}
.footer-container .footer-top .static-box .box-title p.title {
font-size: 18px;
}
.footer-container .footer-top .static-box .box-title p.des {
font-size: 15px;
}
.footer-container .box-footer {
padding-right: 20%;
}
.block-bottom .container-bottom {
padding: 0;
}
.block-bottom .box {
padding: 100px 114px;
}
.pt-banner-container .pt-banner-caption {
margin-left: -710px;
}
.custom-prd .item .item-inner .box-info .actions-primary .action.tocart span {
width: 60px;
}
.custom-prd .item .item-inner .box-info .box-hover .add-to-links .action {
width: 60px;
margin-left: 10px;
}
}
@media screen and (max-width: 1200px) {
.header-container .header-content .customer-welcome .customer-menu ul li {
margin: 0 8px 0 0;
padding: 0;
}
.header-container .header-content .customer-welcome .customer-menu ul li:after {
display: none;
}
.header-container .header-content .customer-welcome .customer-menu ul li a {
font-size: 11px;
}
.header-container .header-content .top-cart-wrapper .link {
padding-right: 30px;
}
.header-container .header-content .top-cart-wrapper .link a {
font-size: 14px;
}
.header-container .header-content .top-cart-wrapper .link a:before {
font-size: 20px;
padding-right: 4px;
}
.header-container .customer-welcome .customer-menu ul li a {
font-size: 10px;
}
.header-container .header-phone h2 {
font-size: 15px;
}
.header-container .header-bottom .block-search {
width: 400px;
}
.header-container .header-mobile .block-search .control {
width: 75%;
display: inline-block;
margin: 0;
}
.header-container .header-mobile .block-search input {
display: inline-block;
position: inherit !important;
height: 33px;
width: 100%;
margin: -5px 0 0;
}
.item-content .price-cart .price-box .special-price .price {
font-size: 15px;
}
.item-content .price-cart .price-box .old-price .price {
font-size: 13px;
}
.catgrid .item .catlist-content ul {
margin-left: 145px;
}
.main-content .free-shipping .box .box-inner .fa {
font-size: 55px;
}
.main-content .free-shipping .box .box-inner h4 {
font-size: 14px;
}
.main-content .product-item-name a {
font-weight: 400;
}
.main-content .products-grid .products .item {
width: 33.3333%;
}
.main-content .products-grid .products .item:nth-of-type(3n+1) {
clear: left;
}
.main-content .products-grid .products .item:nth-of-type(5n+1) {
clear: none;
}
.footer-container .footer-top .static-box .box-title a {
/**padding-bottom:10px;
float:none;
display:block;**/
}
.footer-container .footer-bottom .block.newsletter .field .text-newletter h3 {
font-size: 19px;
}
.footer-container .footer-bottom .block.newsletter .field .control input {
padding: 0 48.5% 0 10px;
}
.footer-container .footer-bottom .payment ul li {
padding: 0 0 30px 20px;
}
.post-list-wrapper .post-list .post-holder .post-content .post-title a {
font-size: 20px;
}
.page-title-wrapper .page-title {
font-size: 25px;
}
}
@media screen and (max-width: 1082px) {
.banner-static .big-sales {
width: 50%;
}
.header-container .top-link {
text-align: center;
}
.header-container .top-link .box-left,
.header-container .top-link .box-right {
/**float:none;**/
}
.header-container .header-content .top-cart-wrapper .link {
padding-right: 30px;
}
.header-container .header-content .top-cart-wrapper .link a {
font-size: 14px;
}
.header-container .header-content .top-cart-wrapper .link a:before {
font-size: 14px;
}
.header-container .top-link .box-left .header-static .phone {
display: none;
}
}
@media screen and (max-width: 1300px) {
.footer-middle .container .footer-static .box-footer .link-web {
display: none;
}
}
@media (min-width: 992px) and (max-width: 1365px) {
.footer-container .footer-top .row #footer-delivery {
display: none;
}
.footer-container .footer-top .row .col-md-3 {
width: 33.333%;
}
.header-container .header-content .top-cart-wrapper .link a::before {
font-size: 20px;
}
.header-container .header-content .top-cart-wrapper .link.compare {
display: none;
}
.footer-container .box-footer {
margin-top: 20px;
}
}
@media screen and (max-width: 992px) {
.header-container .header-link {
text-align: center;
}
.header-container .header-content {
text-align: center;
}
.header-container .header-content .logo-home .logo {
display: inline-block;
}
.header-container .header-content .header-phone {
float: none;
display: inline-block;
}
.b-modal,
#newsletter_pop_up {
display: none !important;
}
.banner-home .onsale-slider {
margin: 30px 0 0;
}
.banner-home .onsale-slider .item-inner .product-name a {
font-size: 12px;
}
.main-content .item-content .countdown-container .timer b {
font-size: 14px;
}
.main-content .item-content .price-cart .price-box {
margin: 7px 0 0;
}
.main-content .catgrid .item .catlist-content ul {
margin-left: 80px;
padding: 0;
}
.main-content .catgrid .item .catlist-content ul a {
font-size: 10px;
margin-bottom: 10px;
}
.main-content .blog-slider .blog-image img {
width: 100%;
}
.main-content .products-grid .products .item {
width: 50%;
}
.main-content .products-grid .products .item:nth-of-type(2n+1) {
clear: left;
}
.main-content .products-grid .products .item:nth-of-type(3n+1) {
clear: none;
}
.main-content .products-grid .products .item:nth-of-type(5n+1) {
clear: none;
}
.main-content .products-list .item .item-inner .box-info .box-hover .actions-primary .action.tocart span {
font-size: 11px;
line-height: 40px;
}
.main-content .products-list .item .item-inner .box-info .box-hover .add-to-links .action {
width: 40px;
height: 40px;
line-height: 40px;
}
.main-content .products-list .item .item-inner .box-info .box-hover .add-to-links .btn-quickview span {
width: 40px;
height: 40px;
line-height: 40px;
}
.owl-container .owl-carousel .owl-controls .owl-buttons div {
display: none;
}
.footer-container .footer-top .block.newsletter .field .text-newletter {
display: block;
}
.footer-container .footer-top .block.newsletter .field .control {
float: none;
display: block;
width: auto;
margin-top: 30px;
}
.footer-container .footer-top .social-header {
text-align: left;
margin-top: 15px;
}
.footer-container .footer-middle {
padding: 30px 0 0;
}
.footer-container .footer-middle .footer-static .f-col {
margin: 0;
border: 0;
padding-top: 10px;
padding-bottom: 10px;
}
.footer-container .footer-middle .footer-static .f-col:first-child {
border: 0;
}
.footer-container .footer-middle .footer-static .f-col.active .footer-static-title:after {
content: "\f106";
}
.footer-container .footer-middle .footer-static .f-col .footer-static-title {
cursor: pointer;
position: relative;
}
.footer-container .footer-middle .footer-static .f-col .footer-static-title:after {
content: "\f107";
display: block;
font-family: FontAwesome;
font-size: 20px;
position: absolute;
right: 0;
top: 50%;
margin-top: -10px;
color: #ffffff;
}
.footer-container .footer-middle .footer-static .f-col .footer-static-title h3 {
line-height: 20px;
}
.footer-container .footer-middle .footer-static .f-col .footer-static-content {
display: none;
margin-top: 25px;
margin-bottom: 15px;
}
.footer-container .footer-middle .footer-static .f-col.f-col1 .footer-static-title,
.footer-container .footer-middle .footer-static .f-col.f-col1 .footer-static-content {
display: block;
}
.footer-container .footer-tag {
margin-top: 25px;
}
.footer-container .footer-top .static-box {
margin-bottom: 20px;
}
.footer-container .footer-top .static-box .box-title a {
float: left;
}
.footer-container .footer-top .block.newsletter {
margin: 20px 0 0;
}
.footer-container .footer-top .block.newsletter .field .control {
width: 50%;
}
.footer-container .footer-bottom .copyright {
text-align: left;
}
.footer-container .footer-bottom .footer-payment {
text-align: center;
margin-top: 20px;
}
.bestsellerproduct_container_slider .item .item-inner .image-container {
width: 100%;
height: auto;
}
.bestsellerproduct_container_slider .item .item-inner .box-info {
margin: 10px 0 0;
width: 100%;
padding: 0;
}
.sidebar .block.filter .block-title strong {
font-size: 15px;
}
.sidebar .block.filter .block-content .filter-options .filter-options-item .filter-options-title {
font-size: 13px;
}
.sidebar .block.filter .block-content .filter-options .filter-options-item .filter-options-title:after {
font-size: 14px;
}
.featureproduct-slider .item .images-content {
width: 100%;
}
.featureproduct-slider .item .feature-content {
margin: 10px 0 0;
display: inline-block;
width: 100%;
}
.post-list-wrapper .post-list .post-holder .post-content .post-title a {
font-size: 16px;
}
.toolbar label {
font-size: 11px;
}
.toolbar select {
font-size: 10px;
}
.checkout-cart-index .box-container {
padding: 0 15px;
}
}
@media screen and (max-width: 991px) {
.header-container .top-link .box-left .header-static {
font-size: 14px;
}
.footer-container .footer-bottom .block.newsletter .field .text-newletter h3 {
font-size: 19px;
}
.footer-container .footer-bottom .block.newsletter .field .control input {
padding: 0 34.5% 0 10px;
}
.footer-container .footer-bottom .payment {
width: 100%;
margin-top: 30px;
}
.footer-container .footer-bottom .payment ul li {
float: left;
}
.box-container {
padding: 0 35px;
}
.header-container .header-mobile {
padding: 20px 0;
}
.logo img {
height: 50px;
width: auto;
}
.group-title1 h2,
.banner-static .big-sales-h2 {
font-size: 24px;
}
.main-content .blog-slider .block-recent-posts .item .item-inner .blog-content .blog-content-inner .readmore {
line-height: 30px;
font-weight: 400;
font-size: 14px;
}
.banner-static .col {
margin: 20px 0 0;
}
.main-content .blog-slider .block-recent-posts .item .item-inner .blog-content .blog-content-inner .short-des {
padding: 10px 0;
}
.group-title1 {
margin-bottom: 10px;
}
.cms-index-index #maincontent .box-container .main {
padding-bottom: 10px;
}
}
@media screen and (min-width: 768px) {
.page-wrapper .navigation,
.page-wrapper .breadcrumbs,
.page-wrapper .page-header .header.panel,
.page-wrapper .header.content,
.page-wrapper .footer.content,
.page-wrapper .page-wrapper > .widget,
.page-wrapper .page-wrapper > .page-bottom,
.page-wrapper .block.category.event,
.page-wrapper .top-container,
.page-wrapper .page-main {
max-width: 100%;
padding-left: 0;
padding-right: 0;
}
.block-search {
padding: 0 !important;
}
}
@media screen and (max-width: 767px) {
.banner-static .big-sales {
width: 50%;
}
/*#back_top{display:none !important;}*/
.header-container .header-mobile .block-search .form.minisearch {
height: 42px;
line-height: 42px;
}
.header-container .header-mobile .block-search .form.minisearch .label:before {
font-size: 24px;
}
.header-container .header-mobile .block-search .form.minisearch .control {
border: 0;
}
.header-container .header-mobile .box-right {
top: 0;
}
.opc-estimated-wrapper {
display: none;
}
.block-collapsible-nav {
position: static;
}
.main-content .banner-static .col img {
width: 100%;
}
.main-content .catlist {
margin: 0;
}
.main-content .catlist .catgrid .item .catlist-content ul {
margin-left: 150px;
}
.main-content .catlist .catgrid .item .catlist-content ul a {
font-size: 13px;
}
.main-content .banner-center .col img {
width: 100%;
}
.main-content .banner-center .col.col2 {
margin: 30px 0;
}
.main-content .featureproduct-slider .item .images-content {
width: 100px;
}
.main-content .featureproduct-slider .item .feature-content {
margin: 0 0 0 30px;
width: auto;
display: block;
}
.main-content .breadcrumbs {
margin-top: 40px;
}
.main-content .products-list .item .item-inner .image-container .btn-quickview {
bottom: 20px;
}
.main-content .about-testimo .ct-about-us {
padding: 50px 0;
}
.main-content .testimo-slider,
.main-content .brand-slider {
padding: 50px 0;
}
.products.wrapper.list .product-reviews-summary {
margin: 0;
}
.post-list-wrapper .post-list .post-holder .post-content .post-title {
margin-top: 20px;
}
.sidebar .block-search {
margin: 20px 0 30px;
}
.sidebar .block-search .label {
position: absolute;
right: 21px;
top: 42px;
background: #fff;
padding: 5px;
}
.sidebar .block-search .label:before {
font-size: 28px;
line-height: 20px;
}
.sidebar .block-search .control {
clear: inherit;
border: 0;
}
.sidebar .block-search .control input {
position: inherit !important;
margin: 0;
display: inline-block;
}
.sidebar .block-search .action.search {
right: -10px !important;
}
.product-view .product-info {
margin-top: 25px;
}
.product-view .product.detailed .data.items .item.content {
margin-top: 0;
}
.custom-slide {
position: static;
}
.custom-slide .modal-inner-wrap {
transform: translate(0, 0);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
}
.columns {
display: block;
}
.producttab-container .group-title1 ul.tabs li {
display: block;
}
.bestsellerproduct_container_slider .group-title1 h2 {
font-size: 16px;
}
.bestsellerproduct_container_slider .item .item-inner .image-container {
width: 100px;
}
.bestsellerproduct_container_slider .item .item-inner .box-info {
margin: 0;
width: inherit;
padding-left: 115px;
}
.block-bottom .container-bottom {
padding: 0;
}
.block-bottom .box {
padding: 50px 45px;
}
.box-container {
padding: 0 15px;
}
.navigation,
.breadcrumbs,
.page-header .header.panel,
.header.content,
.footer.content,
.page-main,
.page-wrapper > .widget,
.page-wrapper > .page-bottom,
.block.category.event,
.top-container {
padding: 0;
}
.cms-index-index #maincontent .block-group.box-section .blog-testimo .banner-mid .row .col-xs-12:first-child {
padding-bottom: 15px;
}
}
@media screen and (max-width: 600px) {
.banner-static .big-sales {
width: 100%;
}
.header-container .header-mobile {
text-align: right;
}
.header-container .header-mobile .box-right {
display: inline-block;
float: none;
position: static;
margin: 0;
vertical-align: middle;
}
.header-container .header-mobile .my-account {
text-align: left;
}
.header-container .header-mobile .block-search {
display: inline-block;
vertical-align: middle;
padding: 0 !important;
width: auto;
float: none;
margin: 0;
}
.header-container .header-mobile .block-search .block-title {
cursor: pointer;
display: block;
margin: 0;
}
.header-container .header-mobile .block-search .block-title strong {
display: block;
font-size: 0;
}
.header-container .header-mobile .block-search .block-title strong:before {
display: block;
font-family: FontAwesome;
content: "\f002";
font-size: 18px;
color: #444;
height: 50px;
line-height: 50px;
width: 50px;
text-align: center;
}
.header-container .header-mobile .block-search .block-content {
background: #fff;
position: absolute;
width: 100%;
left: 0;
right: 0;
top: 100%;
z-index: 9999;
padding: 5px 0 0;
display: none;
}
.header-container .header-mobile .block-search .block-content .close-icon {
cursor: pointer;
display: block;
font-size: 0;
position: absolute;
width: 25px;
height: 25px;
right: 0;
bottom: 0;
}
.header-container .header-mobile .block-search .block-content .close-icon:before {
content: "\f00d";
color: #42565d;
display: block;
font-family: FontAwesome;
font-size: 19px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-align: center;
line-height: 22px;
}
.header-container .header-mobile .block-search:hover .block-content {
display: block;
}
.product-item-actions {
display: inline-block !important;
}
.footer-container .footer-top .block.newsletter .field .control {
width: auto;
}
.footer-container .footer-bottom .block.newsletter .field .text-newletter h3 {
font-size: 19px;
}
.footer-container .footer-bottom .block.newsletter .field .control input {
padding: 0 46.7% 0 10px;
}
.header-container .header-mobile {
padding: 5px 0 0 0;
}
.banner-static .col {
margin: 10px 0 0;
}
.cms-index-index #maincontent .block-group.box-section .blog-testimo .banner-mid .row .col-xs-12:first-child {
padding-bottom: 10px;
}
.cms-index-index #maincontent .group-title1 h2,
.banner-static .big-sales-h2 {
font-size: 24px;
}
.cms-index-index .main-content .blog-slider .block-recent-posts .item .item-inner .blog-content .blog-content-inner .blog-title {
font-weight: 400;
}
.cms-index-index .main-content .blog-slider .block-recent-posts .item .item-inner .blog-content .blog-content-inner .short-des {
padding: 5px 0;
}
}
@media screen and (max-width: 547px) {
.header-container .top-link .box-left {
float: none;
line-height: 20px;
}
.header-container .top-link .box-left span {
display: block;
margin: 10px 0;
}
.header-container .top-link .box-left span:after {
display: none;
}
.main-content .products-list .item .item-inner .box-info .box-hover .actions-primary {
display: block;
float: none;
}
.main-content .products-list .item .item-inner .box-info .box-hover .add-to-links {
margin-top: 10px;
}
.main-content .products-list .item .item-inner .box-info .box-hover .add-to-links .action.towishlist {
margin-left: 0;
}
}
@media screen and (min-width: 481px) and (max-width: 991px) {
.footer-container .footer-top .block-footop {
padding: 15px 0 10px 0;
}
.footer-container .footer-middle .footer-static {
padding: 0;
}
.footer-container .footer-middle .footer-static .f-col .footer-static-title h2 {
margin-top: 15px;
margin-bottom: 5px;
font-weight: normal;
}
.footer-container .footer-bottom .block.newsletter .field .text-newletter h3 {
font-weight: normal;
font-size: 20px;
}
.footer-container .footer-middle {
padding: 5px 0 0;
}
.footer-container .box-footer {
margin-top: 10px;
}
.footer-container .footer-middle .footer-static .f-col .footer-static-content {
margin-top: 10px;
}
.footer-container .footer-bottom .block.newsletter .field .text-newletter {
margin-bottom: 10px;
}
.footer-container .footer-bottom .block.newsletter .field .control .actions button.subscribe span {
line-height: 40px;
padding: 0 10px;
}
.footer-container .footer-bottom .block.newsletter .field .control input {
line-height: 40px;
}
.footer-container .footer-bottom .payment {
margin-top: 20px;
}
.footer-container .footer-bottom .payment ul li {
padding: 0 20px 20px 0;
}
.footer-container .footer-top .static-box .box-title a::before {
font-size: 30px;
}
.footer-container .footer-top .static-box .box-title p.title {
font-weight: normal;
}
}
@media screen and (max-width: 480px) {
.main-content .products-grid .products .item {
width: 100%;
}
.main-content .products-grid .products .item:nth-of-type(2n+1) {
clear: none;
}
.main-content .product-view .product-info .product-social-links .product-addto-links {
width: 100%;
margin: 0 0 3px;
}
.footer-container .footer-bottom .block.newsletter .field .text-newletter h3 {
font-size: 19px;
}
.footer-container .footer-bottom .block.newsletter .field .control input {
padding: 0 30% 0 10px;
}
.footer-container .footer-bottom .block.newsletter .field .control .actions button.subscribe span {
font-size: 12px;
padding: 0 10px;
}
.footer-container .footer-top .block-footop {
padding: 20px 0 5px 0;
}
.footer-top .block-footop .row .static-box .box-title p.title {
padding-top: 8px;
}
.footer-container .footer-top .static-box .box-title p.title {
font-weight: normal;
}
.footer-container .footer-top .static-box .box-title a::before {
font-size: 35px;
}
.footer-container .footer-top .static-box .box-title p.title {
font-size: 14px;
}
.footer-container .footer-top .static-box .box-title p.des {
padding-top: 0;
}
.footer-container .footer-middle .footer-static {
padding: 0;
}
.footer-container .box-footer {
margin-top: 10px;
}
.footer-container .footer-middle .footer-static .f-col .footer-static-title h2 {
font-weight: normal;
margin-bottom: 5px;
}
.footer-container .footer-middle .footer-static .f-col .footer-static-content {
margin-bottom: 10px;
}
.footer-container .footer-middle {
padding: 10px 0 0;
}
.footer-container .footer-middle .footer-static .f-col {
padding-top: 0px;
padding-bottom: 10px;
}
.footer-container .footer-bottom {
padding: 20px 0;
}
.footer-container .footer-bottom .block.newsletter .field .text-newletter {
margin-bottom: 10px;
}
.footer-container .footer-bottom .block.newsletter .field .text-newletter h3 {
font-size: 14px;
font-weight: normal;
}
.footer-container .footer-bottom .block.newsletter .field .control input {
line-height: 32px;
}
.footer-container .footer-bottom .block.newsletter .field .control .actions button.subscribe span {
line-height: 32px;
}
.footer-container .footer-bottom .payment {
margin-top: 20px;
margin-bottom: 20px;
}
.footer-container .footer-bottom .payment ul li {
padding: 0 20px 20px 0;
}
.footer-container .footer-middle .footer-static .f-col .footer-static-content {
margin-top: 10px;
}
.footer-container .footer-top .static-box {
margin-bottom: 10px;
}
.footer-container .footer-middle .footer-static .f-col .footer-static-title h2 {
font-size: 16px;
}
.footer-container .footer-bottom .block.newsletter .field .control .actions button.subscribe span {
font-weight: normal;
}
.copyright span {
font-size: 14px;
}
}
@media screen and (max-width: 437px) {
.product-view .product-info-main .product-add-form .actions {
position: static;
}
.product-view .product-info-main .product-social-links {
padding: 15px 0;
margin: 0;
}
}
.fotorama__fullscreen .fotorama--fullscreen {
z-index: 10009999 !important;
}
.fotorama__fullscreen .fotorama--fullscreen .fotorama__thumb {
overflow: inherit !important;
}
.fotorama__thumb-border {
border-color: #e7e7e7 !important;
background-image: none !important;
}
.fotorama__thumb {
background: none !important;
}
.fotorama__fullscreen-icon,
.fotorama__fullscreen-icon:focus,
.fotorama__fullscreen-icon:after,
.fotorama__fullscreen-icon:before,
.fotorama__fullscreen .fotorama__zoom-in:focus,
.fotorama__fullscreen .fotorama__zoom-out:focus,
.fotorama__fullscreen .fotorama__zoom-in:after,
.fotorama__fullscreen .fotorama__zoom-out:after {
border: 0 !important;
outline: none !important;
box-shadow: none !important;
transition: 0 !important;
transition-property: 0 !important;
}
.product-image-photo {
min-height: 100% !important;
min-width: 100% !important;
}
#buy-now span {
background: #fa6400;
color: #fff;
font-size: 15px;
font-weight: bold;
height: auto;
line-height: 49px;
padding: 0 15px;
text-indent: inherit;
transition: all 0.4s ease-out 0s;
width: auto;
}
.product.attibute.description p {
margin-bottom: 0;
}
#customer-reviews .review-item {
padding: 0;
}
#customer-reviews .review-title {
margin: 0 0 10px;
}
#customer-reviews .review-ratings .rating-summary .label {
padding: 0;
}
#customer-reviews .toolbar {
margin: 0 0 10px;
}
#customer-reviews .block-content .pager {
padding: 0;
}
#customer-reviews .block-content .pager .limiter {
margin-bottom: 0;
padding: 0;
}
#review-form .fieldset > .field {
margin: 0 0 15px;
}
#review-form .review-fieldset {
margin: 0 0 20px;
}
.container .product-view .related {
margin: 30px 0 0;
}
#wishlist-view-form {
margin-bottom: 30px;
}
.main-content .blog-slider .owl-container .owl-carousel .owl-item {
padding: 0 15px !important;
}
#addthis {
padding: 15px 0;
}
#activity-blog-content {
line-height: 20px;
list-style: outside none none;
}
.footer-top .block-footop .row .static-box .box-title p.title {
padding-top: 5px;
margin-bottom: 2px;
}
.footer-top .block-footop .row .static-box .box-title p.des {
padding-top: 2px;
}
#pt_custommenu .menu-link ul li a {
color: #42565d;
}
#summary_field {
width: 100%;
height: 80px;
}
#review_field {
width: 100%;
min-height: 120px;
}
.custom-prd #tab_new_product .owl-wrapper-outer {
padding-bottom: 25px;
}
.cms-index-index #maincontent .block-group.box-section {
margin-top: 0;
}
.header-sign-in {
color: #f0f0f0;
padding-right: 20px;
}
.block-viewed-products-grid #ppint {
position: fixed;
}
.block-viewed-products-grid .products-grid .product-item {
width: 100%;
}
/** >>>> Sign In and Sign Up**/
.customer-account-login #maincontent,
.customer-account-create #maincontent {
background: url("https://www.dearlives.com/pub/media/wysiwyg/loginbg/bg.jpg") top center no-repeat;
}
.customer-account-login #maincontent .columns .column.main,
.customer-account-create #maincontent .columns .column.main {
padding-bottom: 0;
}
/*placehold*/
input.ph969595::-webkit-input-placeholder,
textarea.ph969595 ::-webkit-input-placeholder {
color: #969595;
}
input.ph969595:-moz-placeholder,
input.ph969595:-moz-placeholder {
color: #969595;
}
input.ph969595::-moz-placeholder,
input.ph969595::-moz-placeholder {
color: #969595;
}
input.ph969595:-ms-input-placeholder,
input.ph969595:-ms-input-placeholder {
color: #969595;
}
/*单选框*/
.subscribe {
overflow: hidden;
}
.subscribe .spaninput {
position: relative;
width: 20px;
height: 20px;
cursor: pointer;
display: inline-block;
float: left;
margin-right: 12px;
}
.subscribe .spaninput .span {
position: absolute;
width: 20px;
height: 20px;
display: block;
background: #dcdcdc;
top: 0;
left: 0;
}
.subscribe .spaninput .span:after {
content: '';
opacity: 0.1;
display: block;
width: 0px;
height: 0px;
background: #79b42b;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
.subscribe .spaninput .span.on:after {
width: 11px;
height: 11px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
opacity: 1;
}
.subscribe .spaninput input[type="checkbox"] {
cursor: pointer;
display: block;
width: 20px;
height: 20px;
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.subscribe .n {
cursor: pointer;
font-size: 20px;
line-height: 25px;
color: #969595;
float: left;
}
.subscribe .n:hover {
opacity: 0.85;
}
/*loginbox*/
.D_md12 .D_loginBox {
height: 960px;
width: 100%;
position: relative;
}
.D_md12 .D_loginBox .D_login_formbox {
background: #fff;
border-radius: 8px;
padding: 50px 60px;
width: 550px;
height: 730px;
position: absolute;
top: 0;
bottom: 0;
left: 13.5%;
margin: auto 0;
}
.D_md12 .D_loginBox .D_login_formbox .D_formtip {
font-family: Arial;
font-size: 28px;
color: #565d62;
line-height: 30px;
font-weight: bold;
margin-bottom: 20px;
}
.D_md12 .D_loginBox .D_login_formbox .form_list {
width: 100%;
}
.D_md12 .D_loginBox .D_login_formbox .form_list li {
width: 100%;
margin-bottom: 20px;
}
.D_md12 .D_loginBox .D_login_formbox .form_list input,
.D_md12 .D_loginBox .D_login_formbox .form_list select,
.D_md12 .D_loginBox .D_login_formbox .form_list textarea {
border: 1px solid #dcdcdc;
}
.D_md12 .D_loginBox .D_login_formbox .form_list #send2 {
border: 1px solid #79b42b;
}
.D_md12 .D_loginBox .D_login_formbox .form_list li.input_email input,
.D_md12 .D_loginBox .D_login_formbox .form_list li.input_pwd input {
display: block;
width: 100%;
height: 40px;
line-height: 40px;
background: #dcdcdc;
border-radius: 4px;
padding: 0 30px;
font-size: 22px;
color: #565d62;
font-family: Arial;
}
.D_md12 .D_loginBox .D_login_formbox .form_list li.input_login input {
display: block;
width: 100%;
height: 50px;
border-radius: 4px;
text-align: center;
line-height: 50px;
color: #fff;
font-size: 28px;
background: #79b42b;
cursor: pointer;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.D_md12 .D_loginBox .D_login_formbox .form_list li.input_login input:hover {
background: #6ea427;
}
.D_md12 .D_loginBox .D_login_formbox .form_list li.input_singup input {
display: block;
width: 100%;
height: 50px;
border-radius: 4px;
text-align: center;
line-height: 44px;
color: #79b42b;
font-size: 28px;
background: #fff;
cursor: pointer;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
border: 3px solid #79b42b;
}
.D_md12 .D_loginBox .D_login_formbox .form_list li.input_singup input:hover {
background: #6ea427;
border-color: #6ea427;
color: #fff;
}
.D_md12 .D_loginBox .D_login_formbox .form_list .input_other {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.D_md12 .D_loginBox .D_login_formbox .form_list .input_other .other_remeber {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding-right: 15px;
}
.D_md12 .D_loginBox .D_login_formbox .form_list .input_other .other_forgot .link1 {
font-size: 20px;
line-height: 22px;
color: #969595;
}
.D_md12 .D_loginBox .D_login_formbox .form_list .input_other .other_forgot .link1:hover {
color: #79b42b;
}
.D_md12 .D_loginBox .D_login_formbox .form_list li.cutoff_line {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.D_md12 .D_loginBox .D_login_formbox .form_list li.cutoff_line .line {
height: 2px;
background: #969595;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.D_md12 .D_loginBox .D_login_formbox .form_list li.cutoff_line .word {
padding: 0 30px;
color: #969595;
font-size: 22px;
line-height: 24px;
font-weight: bold;
}
.D_md12 .D_loginBox .D_login_formbox .form_list li.login_by_other .other_item {
display: block;
width: 100%;
height: 50px;
line-height: 50px;
margin-bottom: 20px;
color: #fff;
border-radius: 4px;
font-size: 22px;
overflow: hidden;
}
.D_md12 .D_loginBox .D_login_formbox .form_list li.login_by_other .other_item:last-of-type {
margin-bottom: 0px;
}
.D_md12 .D_loginBox .D_login_formbox .form_list li.login_by_other .other_item span {
width: 90%;
margin-left: 50px;
display: block;
text-align: center;
}
.D_md12 .D_loginBox .D_login_formbox .form_list li.login_by_other .facebook span {
background: #3b5998;
}
.D_md12 .D_loginBox .D_login_formbox .form_list li.login_by_other .facebook {
background: #354f88 url("https://www.dearlives.com/pub/media/wysiwyg/facebook.png") left center no-repeat;
}
.D_md12 .D_loginBox .D_login_formbox .form_list li.login_by_other .facebook:hover span {
background: #354f88;
}
.D_md12 .D_loginBox .D_login_formbox .form_list li.login_by_other .twitter span {
background: #45b0e3;
}
.D_md12 .D_loginBox .D_login_formbox .form_list li.login_by_other .twitter {
background: #40a2d1 url("https://www.dearlives.com/pub/media/wysiwyg/twitter.png") left center no-repeat;
}
.D_md12 .D_loginBox .D_login_formbox .form_list li.login_by_other .twitter:hover span {
background: #40a2d1;
}
.D_md12 .D_loginBox .D_login_formbox .form_list li.login_by_other .google span {
background: #de4c34;
}
.D_md12 .D_loginBox .D_login_formbox .form_list li.login_by_other .google {
background: #ce3e26 url("https://www.dearlives.com/pub/media/wysiwyg/google.png") left center no-repeat;
}
.D_md12 .D_loginBox .D_login_formbox .form_list li.login_by_other .google:hover span {
background: #ce3e26;
}
/*signup*/
.D_md12 .D_loginBox .D_login_formbox .form_list li.input_tiptitle {
color: #565d62;
font-size: 24px;
font-weight: bold;
}
.D_md12 .D_loginBox .D_login_formbox .form_list #firstname,
.D_md12 .D_loginBox .D_login_formbox .form_list #password-confirmation,
.D_md12 .D_loginBox .D_login_formbox .form_list #lastname {
display: block;
width: 100%;
height: 40px;
line-height: 40px;
background: #dcdcdc;
border-radius: 4px;
padding: 0 30px;
margin: 15px 0 5px 0;
font-size: 22px;
color: #565d62;
font-family: Arial;
}
.D_md12 .D_loginBox .D_login_formbox .form_list li.input_newsletter {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.subscribe p {
margin-bottom: 0;
}
/** Sign In and Sign Up >>>> **/
/** >>>> Blog Add a Post **/
.D_md12 .OF_box {
overflow: hidden;
padding-bottom: 0px;
}
.D_md12 .d_main_cont {
overflow: hidden;
}
.D_md12 .Blog_series .Leftbox {
float: left;
width: 1305px;
}
.D_md12 .Blog_series .Rightbox {
float: right;
width: 320px;
}
.wkblog-blog-choose .D_md12 .Blog_enter_box .Leftbox .entrys .item .btn {
line-height: 15px;
}
.wkblog-blog-choose .columns .column.main {
padding-bottom: 20px;
}
#savetodraft,
#publish {
text-decoration: none;
cursor: pointer;
}
/*.D_md12 .d_main_cont{padding: 0 75px;}*/
.D_md12 .Blog_series .Rightbox {
padding-left: 10px;
}
.D_md12 .Blog_series .Rightbox .sec1 .btn {
-webkit-transition: all .3s linear;
transition: all .3s linear;
margin-bottom: 10px;
display: block;
border: 2px solid #5b7882;
border-radius: 4px;
width: 100%;
height: 45px;
text-align: center;
line-height: 41px;
font-size: 24px;
color: #5b7882;
font-weight: bold;
padding: 0;
font-family: Open Sans;
}
.D_md12 .Blog_series .Rightbox .sec1 .btn:hover {
color: #fff;
background: #5b7882;
}
.D_md12 .Blog_series .Rightbox .sec2 {
margin-top: 15px;
}
.D_md12 .Blog_series .Rightbox .sec2 .tip {
background: #5b7882;
line-height: 45px;
padding-left: 20px;
height: 45px;
color: #fff;
font-size: 24px;
}
.D_md12 .Blog_series .Rightbox .sec2 .category_list li > a {
display: block;
line-height: 39px;
position: relative;
height: 39px;
border-bottom: 1px solid #c8c8c8;
padding: 0 20px;
font-size: 18px;
color: #5b7882;
}
.D_md12 .Blog_series .Rightbox .sec2 .category_list li > a:after {
content: '>';
position: absolute;
right: 3px;
font-size: 24px;
-webkit-transition: all .3s linear;
transition: all .3s linear;
}
.D_md12 .Blog_series .Rightbox .sec2 .category_list li > a:hover {
font-weight: bold;
}
.D_md12 .Blog_series .Rightbox .sec2 .category_list li > a.on {
font-weight: bold;
}
.D_md12 .Blog_series .Rightbox .sec2 .category_list li > a:hover:after {
right: 8px;
}
.D_md12 .Blog_enter_box .Leftbox .entrys {
overflow: hidden;
margin-bottom: 70px;
}
.D_md12 .Blog_enter_box .Leftbox .entrys .item {
cursor: pointer;
width: 600px;
height: 400px;
position: relative;
}
.D_md12 .Blog_enter_box .Leftbox .entrys .item .btn {
margin: 0 auto;
display: block;
border: 2px solid #fff;
width: 300px;
height: 50px;
line-height: 46px;
border-radius: 10px;
text-align: center;
font-size: 30px;
font-family: Arial;
font-weight: bold;
color: #fff;
}
.D_md12 .Blog_enter_box .Leftbox .entrys .item .btn1 {
-webkit-transition: all .1s linear;
transition: all .1s linear;
opacity: 1;
}
.D_md12 .Blog_enter_box .Leftbox .entrys .item1 {
float: left;
}
.D_md12 .Blog_enter_box .Leftbox .entrys .item2 {
float: right;
}
.D_md12 .Blog_enter_box .Leftbox .entrys .item .imgbox img {
position: relative;
width: 100%;
height: 100%;
}
.D_md12 .Blog_enter_box .Leftbox .entrys .item .btn1 {
position: absolute;
top: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
left: 50%;
}
.D_md12 .Blog_enter_box .Leftbox .entrys .item .shadow {
-webkit-transition: all .3s linear;
transition: all .3s linear;
position: absolute;
width: 100%;
height: 100%;
background: rgba(65, 65, 64, 0.7);
top: 70%;
opacity: 0;
left: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.D_md12 .Blog_enter_box .Leftbox .entrys .item .shadow .textbox {
text-align: center;
}
.D_md12 .Blog_enter_box .Leftbox .entrys .item .shadow .textbox .p1 {
color: #fff;
font-size: 30px;
font-weight: bold;
margin-bottom: 15px;
}
.D_md12 .Blog_enter_box .Leftbox .entrys .item .shadow .textbox .p2 {
color: #fff;
font-size: 22px;
line-height: 40px;
margin-bottom: 15px;
}
.D_md12 .Blog_enter_box .Leftbox .entrys .item:hover .btn1 {
opacity: 0;
}
.D_md12 .Blog_enter_box .Leftbox .entrys .item .btn2 {
width: 250px;
}
.D_md12 .Blog_enter_box .Leftbox .entrys .item:hover .shadow {
opacity: 1;
top: 0;
}
.D_md12 .Blog_enter_box .Leftbox .videobox {
background: #f8f8f8;
padding: 30px 0;
width: 100%;
margin-bottom: 70px;
}
.D_md12 .Blog_enter_box .Leftbox .videobox .txtbox {
width: 793px;
margin: 0 auto 30px;
text-align: center;
}
.D_md12 .Blog_enter_box .Leftbox .videobox .txtbox .p1 {
color: #565d62;
font-size: 28px;
font-weight: bold;
margin-bottom: 25px;
}
.D_md12 .Blog_enter_box .Leftbox .videobox .txtbox .text {
font-size: 18px;
line-height: 30px;
color: #565d62;
margin-bottom: 20px;
}
.D_md12 .Blog_enter_box .Leftbox .videobox .txtbox .p2 {
color: #565d62;
font-size: 20px;
font-weight: bold;
}
.D_md12 .Blog_enter_box .Leftbox .videobox .video {
margin: 0 auto;
width: 793px;
position: relative;
height: 446px;
}
.D_md12 .Blog_enter_box .Leftbox .videobox .video .bg {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
cursor: pointer;
}
.D_md12 .Blog_enter_box .Leftbox .videobox .video .bg:after {
-webkit-transform: translate3d(-50%, -50%, 0);
width: 80px;
height: 80px;
content: '';
display: block;
background: url("https://www.dearlives.com/pub/media/wysiwyg/blog_enter_videplay.png") center no-repeat;
background-size: cover;
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
}
.D_md12 .Blog_enter_box .Leftbox .videobox .video video {
width: 793px;
height: 446px;
}
.D_md12 .Blog_enter_box .Leftbox .stepbox .p1 {
color: #565d62;
text-align: center;
font-size: 28px;
font-weight: bold;
margin-bottom: 40px;
}
.D_md12 .Blog_enter_box .Leftbox .stepbox .imgbox {
text-align: center;
width: 100%;
margin-bottom: 80px;
}
.D_md12 .Blog_enter_box .Leftbox .stepbox .imgbox img {
max-width: 100%;
}
.D_md12 .Blog_enter_box .Leftbox .stepbox .p2 {
color: #565d62;
text-align: center;
font-size: 28px;
font-weight: bold;
margin-bottom: 10px;
}
/**okvideo**/
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .addvideo_btn .btn.okvideo {
position: relative;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .addvideo_btn .btn.okvideo:after {
content: '';
display: block;
width: 10px;
height: 10px;
background: url("https://www.dearlives.com/pub/media/wysiwyg/ok.png") center no-repeat;
background-size: cover !important;
position: absolute;
right: 0;
bottom: 0;
}
.D_md12 .writeblog_box .publish_pop .loadimg,
.D_md12 .Activity_offlineinfo .publish_pop .loadimg {
text-align: center;
}
.D_md12 .writeblog_box .publish_pop .loadimg i,
.D_md12 .Activity_offlineinfo .publish_pop .loadimg i {
width: 50px;
height: 50px;
font-size: 50px;
color: #666;
animation: spin 3000ms infinite linear;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .uploads_img {
position: relative;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .uploads_img .imgtips {
position: absolute;
left: 0;
right: 0;
text-align: center;
top: 0;
bottom: 0;
margin: auto;
display: flex;
width: 100%;
justify-content: center;
align-items: center;
font-size: 20px;
font-weight: bold;
color: #777;
}
/** Blog Add a Post >>>> **/
/** Blog Add a Tutorial >>>> **/
/*文件选择*/
.subscribe_files {
overflow: hidden;
width: 100%;
height: 100%;
}
.subscribe_files .spaninput {
position: relative;
width: 100%;
height: 100%;
cursor: pointer;
}
.subscribe_files .spaninput .span {
position: absolute;
width: 100%;
height: 100%;
display: block;
background: url("https://www.dearlives.com/pub/media/wysiwyg/upload_bg.png") center no-repeat;
background-size: cover;
}
.subscribe_files .spaninput input[type="file"] {
cursor: pointer;
display: block;
width: 100%;
height: 100%;
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.subscribe_files_2 {
overflow: hidden;
width: 90px;
height: 90px;
}
.subscribe_files_2 .spaninput {
position: relative;
width: 90px;
height: 90px;
cursor: pointer;
}
.subscribe_files_2 .spaninput .span {
position: absolute;
width: 90px;
height: 90px;
display: block;
border-radius: 4px;
background: url("https://www.dearlives.com/pub/media/wysiwyg/writeblog_add.png") center no-repeat;
background-size: cover;
}
.subscribe_files_2 .spaninput input[type="file"] {
cursor: pointer;
display: block;
width: 90px;
height: 90px;
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.subscribe_files_2:hover .span {
background: url("https://www.dearlives.com/pub/media/wysiwyg/writeblog_add_on.png") center no-repeat;
background-size: cover;
}
.subscribe_files_3 {
overflow: hidden;
width: 80px;
height: 25px;
}
.subscribe_files_3 .spaninput {
position: relative;
width: 80px;
height: 25px;
cursor: pointer;
}
.subscribe_files_3 .spaninput .span {
position: absolute;
width: 80px;
height: 25px;
display: block;
border-radius: 2px;
background: #9ecfcb;
line-height: 25px;
text-align: center;
font-size: 14px;
color: #fff;
font-weight: bold;
}
.subscribe_files_3 .spaninput input[type="file"] {
cursor: pointer;
display: block;
width: 80px;
height: 25px;
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
/*issue_normal*/
.D_md12 .writeblog_box .Leftbox .form_sec1 {
margin-bottom: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.D_md12 .writeblog_box .Leftbox .form_sec1:after {
content: '';
display: block;
clear: both;
}
.D_md12 .writeblog_box .Leftbox .listimg_box {
width: 359px;
height: 359px;
position: relative;
/*float: left;*/
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.D_md12 .writeblog_box .Leftbox .listimg_box .imgbg {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.D_md12 .writeblog_box .Leftbox .listimg_box .imgbg img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
}
.D_md12 .writeblog_box .Leftbox .listimg_box .shadow {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.D_md12 .writeblog_box .Leftbox .listimg_box .shadow .subscribe_files {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
.D_md12 .writeblog_box .Leftbox .rightform_box {
width: 668px;
/*float: right;*/
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 359px;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
/*margin-left: 100px;*/
padding-left: 100px;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list {
width: 100%;
margin-bottom: 0px;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list li {
height: 40px;
margin-bottom: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list li:last-of-type {
margin-bottom: 0px;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list .text {
float: left;
line-height: 40px;
text-align: left;
font-size: 18px;
color: #565d62;
font-weight: bold;
width: 140px;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
white-space: nowrap;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list .inputbox {
/*width:500px;*/
height: 40px;
float: right;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list .inputbox .inp {
border-style: none;
width: 100%;
height: 40px;
line-height: 40px;
background: #dcdcdc;
border-radius: 4px;
padding: 0 35px;
font-size: 18px;
color: #565d62;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list .inputsele {
position: relative;
width: 100%;
height: 40px;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list .inputsele .sele_inp {
cursor: pointer;
background: #dcdcdc url("https://www.dearlives.com/pub/media/wysiwyg/writeblog_jt.png") right 15px center no-repeat;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list .inputsele.on .sele_inp {
border-radius: 4px 4px 0 0;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list .inputsele .xlbox {
position: absolute;
top: 100%;
left: 0px;
background: #dcdcdc;
border-radius: 0 0 4px 4px;
width: 100%;
display: none;
z-index: 99;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list .inputsele .xlbox .child_cate_box .xl_text {
display: block;
cursor: pointer;
width: 100%;
height: 35px;
line-height: 35px;
padding: 0 35px;
font-size: 16px;
color: #565d62;
border-top: 1px solid #fff;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list .inputsele .xlbox .child_cate_box .xl_text:hover {
color: #fff;
background: #5B7882;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li {
margin-bottom: 30px;
position: relative;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 {
background: #dcdcdc;
border-radius: 5px;
padding: 10px 20px 10px 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .uploadbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .uploads_img {
border: 2px solid #fff;
border-radius: 5px;
padding: 10px 15px;
/*width:898px;*/
max-width: 898px;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .uploads_img .subscribe_files_2 {
float: left;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .uploads_img .imgsbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
float: right;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .uploads_img .imgsbox .imgbox {
overflow: hidden;
width: 90px;
height: 90px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-left: 20px;
border: 1px solid #fff;
border-radius: 3px;
position: relative;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .uploads_img .imgsbox .imgbox .delt {
content: '';
display: block;
width: 26px;
height: 28px;
background: rgba(65, 65, 65, 0.3) url("https://www.dearlives.com/pub/media/wysiwyg/delt.png") center no-repeat;
position: absolute;
top: 100%;
right: 0;
-webkit-transition: all .3s linear;
transition: all .3s linear;
background-size: cover;
cursor: pointer;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .uploads_img .imgsbox .imgbox:hover .delt {
top: auto;
bottom: 0px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .uploads_img .imgsbox img {
max-width: 85px;
max-height: 80px;
width: auto;
height: auto;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .addvideo_btn {
width: 41px;
height: 41px;
margin-left: 16px;
}
/*.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .addvideo_btn .btn:hover::after {content: attr(data-title);display: inline-block;border-radius: 5px;padding-left:30px;padding-top:0px;color:#5b7882;}*/
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .addvideo_btn .btn {
width: 100%;
height: 100%;
background: url("https://www.dearlives.com/pub/media/wysiwyg/writeblog_video.png") center no-repeat;
cursor: pointer;
}
.wkblog-blog-editshare .D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .edits .set_step {
color: #dcdcdc;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .edits .set_step {
font-size: 22px;
color: #565d62;
line-height: 30px;
font-weight: bold;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .edits .set_step .stepnum {
background: none;
width: 25px;
border-style: none;
padding-left: 5px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .edits .edits_btn {
width: 34px;
height: 34px;
margin-top: 20px;
background: url("https://www.dearlives.com/pub/media/wysiwyg/writeblog_edit.png") center no-repeat;
cursor: pointer;
float: right;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .edits .edits_btn:hover,
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .edits .edits_btn.on {
background: url("https://www.dearlives.com/pub/media/wysiwyg/writeblog_edit_on.png") center no-repeat;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec2 {
background: #f5f5f5;
padding: 10px 10px 5px;
display: none;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec2 .step_title {
margin-bottom: 20px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec2 .step_title input {
border-radius: 4px;
border: 2px solid #d6d6d6;
width: 100%;
height: 40px;
line-height: 36px;
padding: 0 8px;
font-size: 20px;
color: #333;
font-weight: bold;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .closebtn {
display: block;
width: 19px;
height: 19px;
background: url("https://www.dearlives.com/pub/media/wysiwyg/writeblog_close.png") center no-repeat;
position: absolute;
top: 10px;
right: 20px;
cursor: pointer;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .closebtn:hover {
background: url("https://www.dearlives.com/pub/media/wysiwyg/writeblog_close_on.png") center no-repeat;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li:first-of-type .closebtn {
display: none;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area .append_btn {
width: 140px;
height: 40px;
border-radius: 4px;
border: 1px solid #565d62;
line-height: 38px;
text-align: center;
font-size: 20px;
color: #565d62;
cursor: pointer;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
float: right;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area .append_btn:hover {
background: #488ba2;
border-color: #488ba2;
color: #fff;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area .append_btn:after {
content: '';
display: block;
clear: both;
}
.D_md12 .writeblog_box .Leftbox .tbtns {
margin-top: 50px;
text-align: center;
font-size: 0px;
}
.D_md12 .writeblog_box .Leftbox .tbtns .btn_item {
display: inline-block;
vertical-align: top;
width: 200px;
height: 50px;
text-align: center;
font-size: 22px;
border-radius: 3px;
line-height: 50px;
color: #fff;
background: #9ecfcb;
border: none;
text-decoration: none;
}
.D_md12 .writeblog_box .Leftbox .tbtns .btn_item:hover {
border: 2px solid #9ecfcb;
color: #9ecfcb;
background: #fff;
}
.D_md12 .writeblog_box .Leftbox .tbtns .btn_item + .btn_item {
margin-left: 50px;
}
.D_md12 .popbox {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
}
.D_md12 .popbox.show {
opacity: 1;
visibility: visible;
-webkit-transition: all .3s linear;
transition: all .3s linear;
}
.D_md12 .popbox .shadow {
width: 100%;
height: 100%;
position: relative;
background: rgba(86, 93, 98, 0.5);
}
.D_md12 .popbox .shadow .popcontain {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
.D_md12 .popbox .shadow .addvideo_contain {
width: 560px;
height: 300px;
background: #fff;
padding: 35px 40px 25px;
}
.D_md12 .popbox .shadow .addvideo_contain .p1 {
color: #565d62;
text-align: center;
font-size: 28px;
font-weight: bold;
margin-bottom: 20px;
}
.D_md12 .popbox .shadow .addvideo_contain .p2 {
color: #565d62;
text-align: center;
font-size: 18px;
font-weight: bold;
margin: 10px 0px !important;
}
.D_md12 .popbox .shadow .addvideo_contain .item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.D_md12 .popbox .shadow .addvideo_contain .item .title {
color: #565d62;
font-size: 18px;
font-weight: bold;
width: 120px;
text-align: left;
line-height: 25px;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.D_md12 .popbox .shadow .addvideo_contain .item .right_cont {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
border-radius: 2px;
height: 25px;
}
.D_md12 .popbox .shadow .addvideo_contain .item1 .right_cont input {
width: 100%;
height: 25px;
line-height: 25px;
padding: 0 15px;
font-size: 13px;
color: #565d62;
background: #dcdcdc;
border-radius: 2px;
border-style: none;
}
.D_md12 .popbox .shadow .addvideo_contain .item1 .right_cont textarea {
width: 100%;
height: 25px;
line-height: 25px;
padding: 0 15px;
font-size: 13px;
color: #565d62;
background: #dcdcdc;
border-radius: 2px;
border-style: none;
}
.D_md12 .popbox .shadow .addvideo_contain .item2 .right_cont {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.D_md12 .popbox .shadow .addvideo_contain .item2 .right_cont .filename_text {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 100%;
height: 25px;
line-height: 25px;
padding: 0 15px;
font-size: 13px;
color: #565d62;
background: #dcdcdc;
border-radius: 2px 0 0 2px;
border-style: none;
}
.D_md12 .popbox .shadow .addvideo_contain .item2 .right_cont .subscribe_files_3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.D_md12 .popbox .shadow .addvideo_contain .okbtn {
display: block;
width: 150px;
height: 40px;
text-align: center;
font-size: 20px;
border-radius: 3px;
font-weight: bold;
line-height: 40px;
color: #fff;
background: #9ecfcb;
margin: 30px auto 0;
}
.D_md12 .popbox .shadow .addvideo_contain {
position: relative;
}
.D_md12 .popbox .shadow .addvideo_contain .pop_closebtn {
display: block;
width: 19px;
height: 19px;
background: url("https://www.dearlives.com/pub/media/wysiwyg/writeblog_close.png") center no-repeat;
position: absolute;
top: 10px;
right: 20px;
cursor: pointer;
}
.D_md12 .popbox .shadow .addvideo_contain .pop_closebtn:hover {
background: url("https://www.dearlives.com/pub/media/wysiwyg/writeblog_close_on.png") center no-repeat;
}
/*普通发布*/
.D_md12 .writeblog_box .Leftbox .rightform_box .list li.sale_isbtn {
height: 29px;
margin: 7px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list li.sale_isbtn .bigbox {
width: 45px;
background: #9ecfcb;
height: 29px;
border-radius: 13px;
border: 1px solid #e2e3c8;
cursor: pointer;
position: relative;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list li.sale_isbtn .tipbox {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
width: 25px;
height: 25px;
border-radius: 50%;
background: #fff;
cursor: pointer;
border: 1px solid #e2e3c8;
margin: 1px;
position: absolute;
right: 0px;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list li.sale_isbtn .bigbox.on .tipbox {
left: 0;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .edits .addp {
font-size: 22px;
font-weight: bold;
color: #565d62;
margin: 0;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1.flex_al_center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.D_md12 .writeblog_box .Blog_series .Rightbox .sec1 .btn {
line-height: 30px;
font-weight: normal;
}
/*拖拽*/
.sortable-ghost {
opacity: 0.4;
background-color: #F4E2C9;
}
.D_md12 .writeblog_box .Leftbox .listimg_box2 {
width: 220px;
height: 220px;
}
.wkblog-blog-editshare .D_md12 .writeblog_box .Leftbox .listimg_box2 {
width: 220px;
height: 160px;
}
.D_md12 .writeblog_box .Leftbox .rightform_box2 {
min-height: 0;
padding-left: 60px;
}
.phone {
display: none !important;
}
.link-dialog .modal-dialog .modal-content .modal-header .close span {
background: none;
font-size: 28px;
font-weight: nomal;
padding-right: 5px;
color: #000;
}
.link-dialog .modal-dialog .modal-content .modal-body input {
boder-style: none;
font-size: 28px;
font-weight: nomal;
border-shadow: none;
}
.link-dialog .modal-dialog .modal-content .modal-body .checkbox {
padding-left: 0;
}
.link-dialog .modal-dialog .modal-content .modal-footer {
margin-top: 0;
}
.link-dialog .modal-dialog .modal-content .modal-footer button.btn-primary {
background-color: #337ab7 !important;
}
.link-dialog .modal-dialog .modal-content .modal-footer button.btn.disabled,
.link-dialog .modal-dialog .modal-content .modal-footer button.btn[disabled] {
filter: alpha(opacity=65);
}
.D_md12 .material_pop .addvideo_contain {
height: auto !important;
}
.material_pop .material_pop_list {
max-height: 300px;
overflow-y: auto;
}
.material_pop .material_pop_list li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
/*-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;*/
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 20px;
position: relative;
}
.material_pop .material_pop_list li input {
height: 25px;
line-height: 25px;
border-radius: 2px;
background: #dcdcdc;
padding: 0 15px;
font-size: 13px;
color: #565d62;
}
.material_pop .material_pop_list li input.name {
width: 120px;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
border-style: none;
}
.material_pop .material_pop_list li input.url {
margin-left: 25px;
max-width: 300px;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
border-style: none;
}
.material_pop .material_pop_addmore {
margin-bottom: 10px;
display: block;
width: 100px;
height: 20px;
text-align: center;
line-height: 18px;
color: #5b7882;
font-size: 14px;
font-weight: bold;
border: 1px solid #5b7882;
border-radius: 3px;
cursor: pointer;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
float: right;
}
.material_pop .material_pop_addmore:hover {
background: #488ba2;
border-color: #488ba2;
color: #fff;
}
.material_pop .material_pop_list li .delt_meterial {
display: block;
width: 8px;
height: 8px;
background: url("https://www.dearlives.com/pub/media/wysiwyg/writeblog_close_on.png") center no-repeat;
position: absolute;
top: 0px;
right: 7px;
cursor: pointer;
background-size: cover !important;
bottom: 0px;
margin: auto 0;
}
.material_pop .material_pop_list li .delt_meterial:hover {
background: url("https://www.dearlives.com/pub/media/wysiwyg/writeblog_close_on.png") center no-repeat;
}
.D_md12 .popbox {
z-index: 999;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list li.doubleli .inputbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list li.doubleli .inputbox .inp {
margin-right: 45px;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list li.doubleli .material {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 235px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list li.doubleli .material .text {
width: 100px;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list li.doubleli .material .addbox {
border: 1px solid #565d62;
border-radius: 4px;
height: 100%;
text-align: center;
font-size: 18px;
line-height: 32px;
padding: 0 20px;
color: #565d62;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-transition: all .3s linear;
transition: all .3s linear;
cursor: pointer;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list li.doubleli .material .addbox:hover {
border-color: #488ba2;
background: #488ba2;
color: #fff;
}
/**表单验证**/
label.error {
color: #ea5560;
font-size: 12px;
margin-bottom: 0px;
}
.D_md12 .writeblog_box .Leftbox .listimg_box .shadow .subscribe_files {
overflow: inherit;
}
.D_md12 .writeblog_box .Leftbox .listimg_box .shadow .subscribe_files label.error {
position: absolute;
top: 100%;
left: 0;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list .inputbox .inp.error {
background: #fbdada;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list li.doubleli .inputbox {
position: relative;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list li.doubleli .inputbox label.error {
position: absolute;
top: 100%;
left: 0;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec2 .step_title input.error {
background: #fbdada;
border-color: #fbdada;
}
.material_pop .material_pop_list li {
position: relative;
}
.material_pop .material_pop_list li label.error {
position: absolute;
top: 100%;
right: 0;
}
.material_pop .material_pop_list li input.error {
background: #fbdada;
}
.material_pop .material_pop_list li label.mine-error {
color: #ea5560;
font-size: 12px;
position: absolute;
top: 100%;
left: 5px;
display: none;
margin-bottom: 0px;
}
.D_md12 .popbox .shadow .addvideo_contain .item1 .right_cont input.error {
background: #fbdada;
}
/** >>>> Blog Add a Tutorial **/
/** >>>> Blog Index **/
.wkblog-blog-viewpost .blog_topic {
padding-top: 5px;
}
.wkblog-blog-viewpost .blog_bazaar {
padding-bottom: 0px;
}
.wkblog-blog-viewpost .craft_main_exchange .row2 .craft_col4 dd span,
.craft_main_vision .row2 .craft_col4 dd span {
padding-top: 0px;
}
.wkblog-blog-viewpost h1 {
margin-bottom: 0px;
}
/** Blog Index >>>> **/
/** >>>> Blog List **/
.D_md12 .Blog_list_box .toper_blog li {
position: relative;
}
.D_md12 .Blog_list_box .toper_blog li img {
width: 100%;
}
.D_md12 .Blog_list_box .toper_blog .title {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 1%;
background: rgba(0, 0, 0, 0.5);
color: #fff;
font-size: 22px;
text-align: center;
box-sizing: border-box;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.D_md12 .Blog_list_box .pager {
margin: 0;
}
.D_md12 .Blog_list_box .pager .next > a,
.D_md12 .Blog_list_box .pager .next > span {
float: none;
}
.D_md12 .listsort_box {
overflow: hidden;
}
.D_md12 .listsort_box li {
float: left;
margin-right: 35px;
font-size: 18px;
padding: 20px 0;
line-height: 20px;
}
.D_md12 .listsort_box li:last-of-type {
margin-right: 0px;
}
.D_md12 .listsort_box li span {
display: inline-block;
vertical-align: top;
height: 20px;
}
.D_md12 .listsort_box li .jt {
margin-left: 5px;
position: relative;
width: 10px;
transition: all .3s linear;
}
.D_md12 .listsort_box li .jt i {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.D_md12 .listsort_box li .jt i:before {
height: 10px;
line-height: 5px;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
}
.D_md12 .listsort_box li.on span,
.D_md12 .listsort_box li:hover span {
color: #ffad69;
}
.D_md12 .listsort_box li.up .jt {
transform: rotate(180deg);
}
.D_md12 .Blog_list_box .blog_list .list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.D_md12 .Blog_list_box .blog_list .list li {
width: 230px;
margin-bottom: 20px;
}
.D_md12 .Blog_list_box .blog_list .list li .imgbox {
overflow: hidden;
display: block;
position: relative;
}
.D_md12 .Blog_list_box .blog_list .list li .imgbox img {
transition: all .5s linear;
}
.D_md12 .Blog_list_box .blog_list .list li:hover .imgbox img {
/*transform: scale(1.05);*/
}
.D_md12 .Blog_list_box .blog_list .list li .videobox {
display: none;
position: absolute;
top: -23px;
left: -34px;
background: #5b7882;
width: 80px;
height: 50px;
transform: rotate(132deg);
}
.D_md12 .Blog_list_box .blog_list .list li.hasvideo .videobox {
display: block;
}
.D_md12 .Blog_list_box .blog_list .list li.hasvideo .videobox:after {
content: "\f03d";
color: #fff;
font-family: 'FontAwesome';
font-size: 16px;
position: absolute;
top: 4px;
left: 39px;
transform: rotate(-132deg);
}
.D_md12 .Blog_list_box .blog_list .list li .descbox {
background: #ebebeb;
padding: 10px 15px;
border-radius: 0 0 4px 4px;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .title {
margin-bottom: 10px;
color: #565d62;
font-size: 16px;
font-weight: bold;
display: block;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .title:hover {
color: #5b7882;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .iconts {
overflow: hidden;
margin-bottom: 12px;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .iconts .icontitem {
float: left;
margin-right: 10px;
min-width: 50px;
font-size: 12px;
color: #bdbdbd;
line-height: 17px;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .iconts .icontitem i {
margin-right: 4px;
font-size: 17px;
float: left;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .iconts .icontitem:last-of-type {
margin-right: 0px;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .iconts .icontitem .num {
line-height: 17px;
position: relative;
top: 2px;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .icontitem:hover {
color: #5b7882;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .namebox {
overflow: hidden;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .namebox .memberbox {
float: left;
display: flex;
align-items: center;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .namebox .memberbox a {
display: flex;
align-items: center;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .namebox .memberbox img {
float: left;
width: 25px;
height: 25px;
border-radius: 50%;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .namebox .memberbox .name {
float: left;
margin-left: 5px;
line-height: 25px;
max-width: 150px;
font-size: 14px;
line-height: 17px;
color: #565d62;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .namebox .memberbox .name.adminname {
color: #dd4814;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .namebox .price {
float: right;
line-height: 25px;
color: #f65c5c;
font-size: 16px;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .namebox .memberbox:hover {
color: #5b7882;
}
/** Blog List >>>> **/
/** >>>> Blog Detail **/
.Blog_info_box .d_main_cont {
width: 1360px;
padding: 40px 30px !important;
margin: 0 auto;
max-width: 100%;
}
.Blog_info_box .Leftbox {
width: 68% !important;
}
.Blog_info_box .Rightbox {
width: 28% !important;
}
.Blog_info_box .blog_info_topbox {
height: 150px;
width: 100%;
position: relative;
}
.Blog_info_box .blog_info_topbox .imgbox {
background: url("https://www.dearlives.com/pub/media/wysiwyg/active_bg.png") center no-repeat;
height: 100%;
width: 100%;
background-size: cover !important;
}
.Blog_info_box .blog_info_topbox .infotext {
position: absolute;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
top: 0;
left: 0;
display: flex;
align-items: center;
flex-wrap: wrap;
align-content: center;
justify-content: center;
}
.Blog_info_box .blog_info_topbox .infotext .headerbox {
width: 120px;
height: 120px;
border-radius: 50%;
overflow: hidden;
display: block;
}
.Blog_info_box .blog_info_topbox .infotext .infotitle {
margin: 15px 0;
text-transform: uppercase;
width: 100%;
text-align: center;
font-size: 25px;
color: #fff;
font-weight: 700;
font-family: "Open Sans Condensed", sans-serif;
}
.Blog_info_box .blog_info_topbox .infotext .infotip_items ul {
text-align: center;
font-size: 0px;
}
.Blog_info_box .blog_info_topbox .infotext .infotip_items li {
border-right: 1px solid #fff;
padding-right: 10px;
margin-right: 10px;
line-height: 12px;
font-size: 12px;
color: #fff;
display: inline-block;
}
.Blog_info_box .blog_info_topbox .infotext .infotip_items li:last-of-type {
margin: 0;
padding: 0px;
border-right: 0px;
}
.Blog_info_box .blog_info_topbox .infotext .infotip_items li a {
color: #fff;
font-size: 14px;
line-height: 14px;
}
.Blog_info_box .blog_info_topbox .infotext .infotip_items li i {
margin-right: 5px;
}
.Blog_info_box .bloginfo_sec {
margin-bottom: 30px;
}
.Blog_info_box .bloginfo_sec .infostep_title {
font-size: 23px;
font-weight: bold;
color: #333;
line-height: 36px;
margin-bottom: 15px;
}
.Blog_info_box .bloginfo_sec .infovideo_box {
margin-bottom: 20px;
}
.Blog_info_box .bloginfo_sec .infovideo_box video {
width: 100%;
max-width: 100%;
}
.Blog_info_box .bloginfo_sec .infoimg_box {
margin-bottom: 20px;
max-height: 1500px;
position: relative;
overflow: hidden;
/*transition: all 2s linear;*/
}
.Blog_info_box .bloginfo_sec .infoimg_box.allhei {
max-height: none;
}
.Blog_info_box .bloginfo_sec .infoimg_box.allhei .shadow {
bottom: 0;
top: inherit;
}
.Blog_info_box .bloginfo_sec .infoimg_box img,
.Blog_info_box .BloginfobBox img {
width: 100%;
max-width: 100%;
margin-bottom: 10px;
}
.Blog_info_box .bloginfo_sec .infoimg_box img:last-of-type {
margin-bottom: 0px;
}
.Blog_info_box .bloginfo_sec .infoimg_box .shadow {
width: 100%;
position: absolute;
top: 1350px;
height: 150px;
background: url("https://www.dearlives.com/pub/media/wysiwyg/white_transition2.png") left bottom repeat-x;
background: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
background: -webkit-gradient(linear, 0 top, 0 bottom, from(rgba(255, 255, 255, 0)), to(#ffffff));
background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
}
.Blog_info_box .bloginfo_sec .infoimg_box .shadow .imgmore {
display: inline-block;
height: 32px;
line-height: 32px;
transition: all .3s linear;
text-align: center;
border: 0;
width: 120px;
border: 1px solid #5b7882;
line-height: 30px;
border-radius: 4px;
font-size: 14px;
color: #5b7882;
position: absolute;
bottom: 20px;
left: 0;
right: 0;
margin: auto;
cursor: pointer;
}
.Blog_info_box .bloginfo_sec .infoimg_box .shadow .imgmore:hover {
color: #fff;
background: #5b7882;
font-weight: bold;
}
.Blog_info_box .bloginfo_sec .infotext_box {
font-size: 17px;
line-height: 30px;
color: #666;
}
/*steppointer*/
.Blog_info_box .Step_points.fixed {
position: fixed;
top: 0px;
background: #fff;
z-index: 88;
padding-top: 10px;
}
.Blog_info_box .Step_points {
overflow: hidden;
padding-bottom: 0px;
border-bottom: 1px solid #999;
margin-bottom: 15px;
width: 100%;
}
.Blog_info_box .Step_points .box1 {
float: left;
width: 80px;
height: 30px;
background: #5B7882;
color: #fff;
font-size: 16px;
line-height: 30px;
text-align: center;
border-radius: 4px;
}
.Blog_info_box .Step_points .box1.price {
background: #F9C134;
color: #fff;
width: 100px;
float: right;
cursor: pointer;
}
.Blog_info_box .Step_points .box2 {
float: left;
margin-left: 30px;
}
.Blog_info_box .Step_points .box2 .list {
overflow: hidden;
}
.Blog_info_box .Step_points .box2 .list li {
cursor: pointer;
margin: 0 10px 10px 0;
background: #fff;
float: left;
border: 1px solid #5B7882;
color: #5B7882;
height: 30px;
line-height: 28px;
text-align: center;
border-radius: 4px;
font-size: 16px;
min-width: 35px;
}
.Blog_info_box .Step_points .box2 .list li:hover {
color: #fff;
background: #5B7882;
}
/*tags*/
.Blog_info_box .tags_box {
border-bottom: 1px solid #eee;
margin-bottom: 20px;
overflow: hidden;
padding-bottom: 20px;
}
.Blog_info_box .tags_box .box1 {
float: left;
height: 25px;
color: #5B7882;
font-size: 16px;
line-height: 30px;
text-align: center;
}
.Blog_info_box .tags_box .box2 {
float: left;
margin-left: 20px;
}
.Blog_info_box .tags_box .box2 .list {
overflow: hidden;
}
.Blog_info_box .tags_box .box2 .list li {
float: left;
margin: 0 10px 10px 0;
}
.Blog_info_box .tags_box .box2 .list li > a {
display: block;
cursor: pointer;
background: #8A9EA5;
border: 1px solid #8A9EA5;
color: #fff;
height: 25px;
line-height: 23px;
text-align: center;
border-radius: 4px;
font-size: 16px;
min-width: 35px;
padding: 0 15px;
}
.Blog_info_box .tags_box .box2 .list li > a:hover {
opacity: 0.8;
}
.Blog_info_box .otherpages_box {
overflow: hidden;
}
.Blog_info_box .otherpages_box a {
display: block;
width: 48.5%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.Blog_info_box .otherpages_box a.prev {
float: left;
text-align: left;
}
.Blog_info_box .otherpages_box a.next {
float: right;
}
.Blog_info_box .otherpages_box a i {
margin-right: 10px;
}
.Blog_info_box .material_box {
margin-bottom: 5px;
}
.Blog_info_box .material_box .tip {
font-size: 23px;
font-weight: bold;
color: #333;
line-height: 36px;
margin-bottom: 15px;
}
.Blog_info_box .material_box .list {
list-style: disc;
padding-left: 18px;
}
.Blog_info_box .material_box .list li {
margin-bottom: 8px;
color: #666;
font-size: 17px;
line-height: 20px;
}
.Blog_info_box .material_box .list li a {
color: #5B7882;
font-size: 17px;
line-height: 20px;
}
.Blog_info_box .material_box .list li a:hover {
font-weight: bold;
}
.Blog_info_box .thumbs-upbox {
overflow: hidden;
margin: 10px 0;
padding-top: 5px;
}
.Blog_info_box .thumbs-up {
text-align: right;
display: inline-block;
line-height: 30px;
position: relative;
float: right;
}
.Blog_info_box .thumbs-up i.fa {
font-size: 30px;
line-height: 30px;
}
.Blog_info_box .thumbs-up:hover,
.Blog_info_box .thumbs-up.on {
color: #eb6100;
}
.Blog_info_box .thumbs-up .add_num {
position: absolute;
top: 30%;
left: 0;
width: 100%;
text-align: center;
color: #eb6100;
z-index: 9;
font-weight: bold;
opacity: 0;
visibility: hidden;
transition: all 1s ease-in-out;
}
.Blog_info_box .thumbs-up .add_num.on {
top: -100%;
visibility: visible;
opacity: 1;
}
.Blog_info_box .thumbs_error_pop.show {
display: block;
}
.Blog_info_box .thumbs_error_pop {
position: fixed;
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
z-index: 999;
top: 0;
left: 0;
display: none;
}
.Blog_info_box .thumbs_error_pop .box {
width: 350px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
height: 120px;
}
.Blog_info_box .thumbs_error_pop .box .tip {
line-height: 30px;
width: 100%;
padding-left: 15px;
box-sizing: border-box;
background: #ebebeb;
font-size: 16px;
width: 80%;
float: left;
}
.Blog_info_box .thumbs_error_pop .box .descbox {
width: 100%;
background: #fff;
padding: 20px 15px;
box-sizing: border-box;
overflow: hidden;
}
.Blog_info_box .thumbs_error_pop .box .close_btn {
cursor: pointer;
float: right;
width: 80px;
height: 30px;
line-height: 30px;
text-align: center;
color: #fff;
font-size: 11px;
width: 20%;
}
.Blog_info_box .thumbs_error_pop .box .descbox p.text {
text-align: center;
}
.Bloglist_box .thumbs_error_pop .box.thumbs_error_pop_box .tips.tip {
width: 80%;
}
.Bloglist_box .thumbs_error_pop .box.thumbs_error_pop_box .close_btn.tip {
width: 20%;
height: 30px;
line-height: 30px;
color: #777;
font-size: 16px;
}
/** Blog Detail >>>> **/
.Activity_home .toolbar {
margin: 0;
text-align: center;
}
/** >>>> Activity **/
.p_lr_75 {
padding: 0 75px;
}
@media screen and (max-width: 991px) {
.p_lr_75 {
padding: 0 35px;
}
}
@media screen and (max-width: 767px) {
.p_lr_75 {
padding: 0 15px;
}
}
.Activity_home .Ac_secitem {
margin-bottom: 55px;
}
.Activity_home .activity_home_sec1 .imglist .owl-controls {
margin-top: 0px;
position: absolute;
bottom: 30px;
width: 100%;
}
.Activity_home .activity_home_sec1 .imglist .owl-controls .owl-pagination {
font-size: 0px;
}
.Activity_home .activity_home_sec1 .imglist .owl-controls .owl-page span {
border-radius: 50%;
margin: 5px 10px;
opacity: 1;
background: #fff;
}
.Activity_home .activity_home_sec1 .imglist .owl-controls .owl-page.active span {
background: #5b7882;
}
.Activity_home .Ac_secitem .ac_sec_tipname {
margin-bottom: 30px;
}
.Activity_home .Ac_secitem .ac_sec_tipname .p1 {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.Activity_home .Ac_secitem .ac_sec_tipname .p1 .left,
.Activity_home .Ac_secitem .ac_sec_tipname .p1 .right {
width: 269px;
height: 2px;
display: block;
}
.Activity_home .Ac_secitem .ac_sec_tipname .p1 .left {
background: url("https://www.dearlives.com/pub/media/wysiwyg/ac_sec_tip_l.png") right center no-repeat;
background-size: cover;
}
.Activity_home .Ac_secitem .ac_sec_tipname .p1 .right {
background: url("https://www.dearlives.com/pub/media/wysiwyg/ac_sec_tip_r.png") left center no-repeat;
background-size: cover;
}
.Activity_home .Ac_secitem .ac_sec_tipname .p1 .name {
font-size: 30px;
font-weight: bold;
color: #565d62;
padding: 0 12px;
line-height: 40px;
}
.Activity_home .Ac_secitem .ac_sec_tipname .p2 {
margin-top: 10px;
text-align: center;
font-size: 18px;
color: #565d62;
}
.Activity_home .activity_home_sec2 .imglist2 li {
position: relative;
overflow: hidden;
}
.Activity_home .activity_home_sec2 .imglist2 li img {
width: 100%;
}
.Activity_home .activity_home_sec2 .imglist2 li .shadow {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.Activity_home .activity_home_sec2 .imglist2 li .shadow .join {
width: 230px;
height: 40px;
border: 2px solid #fff;
border-radius: 9px;
line-height: 36px;
text-align: center;
font-size: 24px;
color: #fff;
font-weight: bold;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.Activity_home .activity_home_sec2 .imglist2 li:hover .shadow {
top: 0;
}
.Activity_home .applybtn,
.Activity_home .morebtn {
display: block;
width: 120px;
height: 30px;
border-radius: 5px;
line-height: 30px;
background: #5b7882;
text-align: center;
color: #fff;
font-size: 22px;
margin: 15px auto 5px;
}
.Activity_home .applybtn {
line-height: 50px;
height: 50px;
font-size: 24px;
font-weight: bold;
margin: 0 auto;
}
.Activity_home .applybtn:hover {
opacity: 0.85;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item {
overflow: hidden;
margin-bottom: 20px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .leftbox {
width: 455px;
float: left;
position: relative;
overflow: hidden;
max-width: 455px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .leftbox .text {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
height: 40px;
background: rgba(235, 235, 233, 0.45);
color: #333;
text-align: center;
font-size: 22px;
line-height: 40px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .leftbox img {
-webkit-transition: all .5s linear;
transition: all .5s linear;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .leftbox:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox {
width: 1245px;
float: right;
position: relative;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .imglist3 {
width: 1120px;
margin: 0 auto;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .controlbtn {
position: absolute;
width: 40px;
height: 40px;
display: block;
top: 0;
bottom: 0;
margin: auto 0;
cursor: pointer;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .controlbtn_left {
background: url("https://www.dearlives.com/pub/media/wysiwyg/leftbtn.png") center no-repeat;
background-size: cover !important;
left: 0;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .controlbtn_right {
background: url("https://www.dearlives.com/pub/media/wysiwyg/rightbtn.png") center no-repeat;
background-size: cover !important;
right: 0;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .controlbtn:hover {
opacity: 0.8;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .imglist3 li:hover {
opacity: 0.86;
}
.Activity_home .activity_home_sec4 .imgsliderBox {
width: 100%;
position: relative;
overflow: hidden;
margin-top: 30px;
}
.Activity_home .activity_home_sec4 .swiper-container {
position: relative;
width: 1770px;
}
.Activity_home .activity_home_sec4 .swiper-container li img {
width: 100%;
}
.Activity_home .activity_home_sec4 .swiper-container li .shadow {
position: absolute;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
top: -100%;
left: 0;
-webkit-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.Activity_home .activity_home_sec4 .swiper-container li .join {
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
width: 230px;
height: 40px;
border: 2px solid #fff;
border-radius: 9px;
line-height: 36px;
text-align: center;
font-size: 24px;
color: #fff;
font-weight: bold;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.Activity_home .activity_home_sec4 .swiper-container li.on .shadow {
top: 0;
}
.Activity_home .activity_home_sec4 .swiper-container li .join:hover {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.activity_list_topname {
width: 100%;
background: #adbbc0;
color: #fff;
font-weight: bold;
font-size: 30px;
line-height: 50px;
text-align: center;
text-transform: uppercase;
}
.Activity_online .activity_online_list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.Activity_online .activity_online_list li {
width: 32%;
margin-bottom: 30px;
}
.Activity_online .activity_online_list li .imgbox {
position: relative;
overflow: hidden;
}
.Activity_online .activity_online_list li .imgbox img {
width: 100%;
margin-bottom: -2px;
}
.Activity_online .activity_online_list li .imgbox .shadow {
width: 100%;
height: 100%;
position: absolute;
top: 100%;
left: 0;
background: rgba(0, 0, 0, 0.5);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-transition: all .3s linear;
transition: all .3s linear;
}
.Activity_online .activity_online_list li .imgbox .shadow .p1 {
padding: 0;
text-align: center;
color: #fff;
font-size: 48px;
font-weight: bold;
text-transform: uppercase;
width: 100%;
font-family: arial;
margin: 5px 0;
}
.Activity_online .activity_online_list li .imgbox .shadow .p1 .num {
margin-right: 20px;
}
.Activity_online .activity_online_list li .imgbox .shadow .p2 {
padding: 0;
margin: 0 0 5px 0;
text-align: center;
color: #fff;
text-transform: uppercase;
font-weight: bold;
font-size: 32px;
width: 100%;
}
.Activity_online .activity_online_list li .descbox {
background: #ebebeb;
width: 100%;
padding: 15px;
position: relative;
}
.Activity_online .activity_online_list li .descbox .name {
color: #565d62;
font-size: 22px;
font-weight: bold;
margin-bottom: 7px;
display: block;
padding-right: 80px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.Activity_online .activity_online_list li .descbox .name:hover {
text-decoration: underline !important;
}
.Activity_online .activity_online_list li .descbox .entries {
color: #565d62;
font-size: 18px;
}
.Activity_online .activity_online_list li .descbox .entries .s1 {
margin-right: 5px;
}
.Activity_online .activity_online_list li .descbox .enter {
display: block;
margin: 10px auto 0;
width: 200px;
height: 40px;
border: 2px solid #5b7882;
border-radius: 4px;
text-align: center;
line-height: 36px;
color: #5b7882;
font-size: 24px;
font-weight: bold;
-webkit-transition: all .3s linear;
transition: all .3s linear;
}
.Activity_online .activity_online_list li .descbox .enter:hover {
background: #5b7882;
color: #fff;
}
.Activity_online .activity_online_list li .descbox .love {
background: url("https://www.dearlives.com/pub/media/wysiwyg/love.png") center no-repeat;
background-size: cover !important;
width: 33px;
height: 30px;
cursor: pointer;
-webkit-transition: all .2s linear;
transition: all .2s linear;
position: absolute;
top: 15px;
right: 15px;
}
.Activity_online .activity_online_list li .descbox .love.on,
.Activity_online .activity_online_list li .descbox .love:hover {
background: url("https://www.dearlives.com/pub/media/wysiwyg/love_on.png") center no-repeat;
}
.Activity_online .activity_online_list li:hover .imgbox .shadow {
top: 0;
}
.Activity_winner .activity_home_sec3 {
margin-top: 20px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .imglist3 li {
position: relative;
opacity: 1 !important;
overflow: hidden;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .imglist3 li .imgbox img {
width: 100%;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .imglist3 li .member_box {
position: absolute;
bottom: 0;
left: -100%;
padding: 10px 10px 10px 20px;
background: #ebebeb;
width: 100%;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .imglist3 li .member_box .title {
display: block;
width: 97%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #565d62;
font-size: 16px;
font-weight: bold;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .imglist3 li .member_box .title:hover {
text-decoration: underline !important;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .imglist3 li .member_box .member {
margin-top: 6px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .imglist3 li .member_box .member .flexbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .imglist3 li .member_box .member .flexbox .name {
font-size: 14px;
color: #565d62;
margin-left: 5px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .imglist3 li .member_box .member .flexbox img {
width: 25px;
height: 25px;
border-radius: 50%;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .imglist3 li .member_box .iconts {
position: absolute;
bottom: 10px;
right: 10px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .imglist3 li .member_box .iconts .icontitem {
color: #b8b8b8;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .imglist3 li .member_box .iconts .icontitem:hover {
color: #5b7882;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .imglist3 li .member_box .iconts .num {
font-size: 13px;
margin-left: 2px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .imglist3 li:hover .member_box {
left: 0;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.D_md12 .w1280 {
width: 1280px;
margin: 0 auto;
}
.D_md12 .Activity_onlineinfo {
font-family: 'Calibri';
}
.D_md12 .Activity_onlineinfo .infoTop {
position: relative;
}
.D_md12 .Activity_onlineinfo .infoTop .textbox {
position: absolute;
bottom: 0px;
height: 28%;
max-height: 280px;
min-height: 180px;
background: rgba(0, 0, 0, 0.4);
width: 100%;
display: flex;
flex-wrap: wrap;
align-content: center;
justify-content: center;
align-items: center;
}
.D_md12 .Activity_onlineinfo .infoTop .textbox .title {
margin: 0;
width: 100%;
text-align: center;
color: #fff;
text-transform: uppercase;
font-size: 70px;
font-weight: bold;
}
.D_md12 .Activity_onlineinfo .infoTop .textbox .time {
width: 100%;
text-align: center;
color: #fff;
margin-top: 30px;
font-size: 20px;
}
.D_md12 .Activity_onlineinfo .infoIntro {
width: 100%;
background: #eaeaea;
padding: 30px 0 50px;
}
.D_md12 .Activity_onlineinfo .infoIntro .lover {
text-align: center;
}
.D_md12 .Activity_onlineinfo .infoIntro .lover .loverbtn {
display: block;
width: 44px;
height: 40px;
background-size: cover !important;
background: url("https://www.dearlives.com/pub/media/wysiwyg/love.png") center no-repeat;
margin: 0 auto;
transition: all 0.2s ease-in-out;
}
.D_md12 .Activity_onlineinfo .infoIntro .lover .loverbtn.on,
.D_md12 .Activity_onlineinfo .infoIntro .lover .loverbtn:hover {
background: url("https://www.dearlives.com/pub/media/wysiwyg/love_on.png") center no-repeat;
}
.D_md12 .Activity_onlineinfo .infoIntro .lover .lovernum {
font-size: 18px;
color: #8e8e8e;
margin-top: 15px;
}
.D_md12 .Activity_onlineinfo .infoIntro .textbox {
width: 850px;
margin: 30px auto 40px;
font-size: 18px;
line-height: 30px;
color: #333333;
text-align: center;
}
.D_md12 .Activity_onlineinfo .infoIntro .textbox .shortdescription {
text-align: left;
}
.D_md12 .Activity_onlineinfo .infoIntro .textbox .shortdescription strong {
font-weight: bold;
}
.D_md12 .Activity_onlineinfo .infoIntro .btns {
text-align: center;
font-size: 0px;
}
.D_md12 .Activity_onlineinfo .infoIntro .btns .btnitem {
transition: all .3s linear;
display: inline-block;
height: 40px;
text-align: center;
border-radius: 4px;
line-height: 36px;
border: 2px solid #5b7882;
width: 200px;
font-size: 24px;
color: #5b7882;
font-family: arial;
}
.D_md12 .Activity_onlineinfo .infoIntro .btns .btn2 {
margin-left: 20px;
}
.D_md12 .Activity_onlineinfo .infoIntro .btns .btnitem.on,
.D_md12 .Activity_onlineinfo .infoIntro .btns .btnitem:hover {
background: #5b7882;
color: #fff;
font-weight: bold;
}
.D_md12 .Activity_onlineinfo .infoPrize {
padding: 50px 0 70px;
}
.D_md12 .Activity_onlineinfo .infoPrize .tiptxt {
text-align: center;
font-size: 36px;
color: #565d62;
font-weight: bold;
text-transform: uppercase;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox {
margin-top: 30px;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox .list {
display: flex;
justify-content: space-between;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li {
width: 300px;
height: 351px;
position: relative;
cursor: pointer;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li dd {
display: none;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li dd:first-of-type {
display: block;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li .imgbox {
border: 1px solid #f0f0f0;
width: 100%;
position: relative;
height: 263px;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li img {
cursor: pointer;
position: absolute;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li .textbox {
width: 100%;
padding: 15px;
position: absolute;
top: 263px;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li .textbox .title {
font-size: 28px;
color: #fff;
margin-bottom: 10px;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li .textbox .probox .partword {
letter-spacing: 1px;
width: 100%;
overflow: hidden;
font-size: 17px;
text-overflow: ellipsis;
white-space: nowrap;
color: #ffffff;
/*word-break: break-all;*/
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li .textbox .probox a {
font-size: 19px;
color: #ffffff;
text-decoration: underline !important;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li .textbox .probox a:hover {
font-weight: bold;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li .textbox .probox .allword {
letter-spacing: 1px;
display: none;
width: 100%;
font-size: 17px;
color: #ffffff;
/*word-break: break-all;*/
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li:hover .partword {
display: none;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li:hover .textbox .probox .allword {
display: block;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li .more {
text-align: center;
position: absolute;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
visibility: visible;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li .more i {
color: #444;
font-size: 25px;
position: relative;
top: 11px;
left: 11px;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li:hover .more i {
top: 10px;
left: 10px;
transition: all .2s linear;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li.li1 .textbox {
background: #718f62;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li.li2 .textbox {
background: #95ab89;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li.li3 .textbox {
background: #aabca1;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li.li4 .textbox {
background: #bfccb8;
}
#lightGallery-action {
margin-left: -46px;
}
.D_md12 .popbox .shadow .addvideo_contain.textword {
width: 560px;
/*max-height:90%;*/
height: 600px;
background: #fff;
padding: 50px 48px 25px;
/*overflow-y:auto;*/
}
.D_md12 .popbox .shadow .addvideo_contain.textword .official_text p {
font-size: 16px;
line-height: 22px;
color: #333;
margin: 10px 0;
}
.D_md12 .popbox .shadow .addvideo_contain.textword .official_text {
max-height: 360px;
margin-bottom: 20px;
overflow-y: auto;
}
.D_md12 .popbox .shadow .addvideo_contain.textword .official_text strong {
font-weight: bold;
}
.D_md12 .Activity_onlineinfo .infoEntries {
padding: 40px 0 40px;
background: #f6f6f6;
}
.D_md12 .Activity_onlineinfo .infoEntries .tiptxt {
text-align: center;
font-size: 36px;
color: #565d62;
font-weight: bold;
text-transform: uppercase;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box {
margin-top: 30px;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list li {
width: 400px;
border: 1px solid #e9e9e9;
background: #fff;
margin-bottom: 37px;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .heads {
padding: 0 22px;
height: 64px;
display: flex;
align-items: center;
justify-content: space-between;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .heads .memberhead_box {
display: flex;
align-items: center;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .heads .memberhead_box .imgbox {
border-radius: 50%;
width: 35px;
height: 35px;
overflow: hidden;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .heads .memberhead_box .imgbox img {
max-width: 100%;
max-height: 100%;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .heads .memberhead_box .name {
font-size: 18px;
margin-left: 13px;
color: #333333;
margin-bottom: 0px;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .heads .price {
cursor: pointer;
font-size: 18px;
color: #FFFFFF;
background: #F9C134;
margin: 0px;
padding: 3px;
border-radius: 3px;
/*min-width: 40px;*/
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .imgbox2 {
padding: 0 10px 9px;
width: 100%;
border-bottom: 1px solid #e9e9e9;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .imgbox2 img {
width: 100%;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .descbox {
padding: 20px;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .descbox .title {
font-size: 22px;
color: #333333;
display: block;
max-width: 97%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .descbox .title:hover {
color: #5b7882;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .descbox .iconts {
overflow: hidden;
margin-top: 15px;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .descbox .iconts .icontitem {
float: left;
margin-right: 20px;
min-width: 50px;
font-size: 16px;
color: #bdbdbd;
line-height: 17px;
cursor: default;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .descbox .iconts .icontitem i {
margin-right: 4px;
font-size: 20px;
float: left;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .descbox .iconts .icontitem:last-of-type {
margin-right: 0px;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .descbox .iconts .icontitem .num {
line-height: 17px;
position: relative;
top: 2px;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .descbox .icontitem:hover {
color: #5b7882;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .heads .memberhead_box:hover,
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list li:hover .imgbox2 {
opacity: 0.8;
}
.D_md12 li.empty {
background: none !important;
border: none !important;
height: auto !important;
margin-bottom: 0px !important;
}
.D_md12 .Activity_onlineinfo .infoWinner {
background: #f6f6f6;
padding: 40px 0;
}
.D_md12 .Activity_onlineinfo .winner_sec {
margin: 40px 0;
}
.D_md12 .Activity_onlineinfo .winner_sec .sec_tip {
text-align: center;
font-size: 36px;
color: #333333;
font-weight: bold;
margin-bottom: 30px;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners {
padding-bottom: 95px;
background: url("https://www.dearlives.com/pub/media/wysiwyg/winner1_bg.png") center bottom no-repeat;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox {
background: #fff;
overflow: hidden;
width: 795px;
/*height: 349px;*/
border: 1px solid #e9e9e9;
margin-left: 180px;
padding: 9px;
box-shadow: 0 15px 10px #ccc;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox .imgbox {
width: 400px;
float: left;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox .imgbox img {
height: auto;
width: 100%;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox .textbox {
width: 325px;
float: right;
padding-right: 25px;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox .textbox .memberhead_box {
display: flex;
align-items: center;
padding-top: 40px;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox .textbox .memberhead_box .headimg {
border-radius: 50%;
width: 71px;
height: 71px;
overflow: hidden;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox .textbox .memberhead_box .headimg img {
max-width: 100%;
max-height: 100%;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox .textbox .memberhead_box .name {
font-size: 24px;
margin-left: 17px;
color: #333333;
font-weight: bold;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox .textbox .title {
font-size: 24px;
font-weight: bold;
color: #333333;
padding: 20px 5px;
display: block;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox .textbox .title:hover {
color: #5b7882;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox .textbox .text {
color: #ff8d8d;
font-size: 22px;
line-height: 30px;
padding: 0 5px;
margin-bottom: 30px;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox .iconts {
overflow: hidden;
margin-top: 15px;
margin-left: 5px;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox .iconts .icontitem {
float: left;
margin-right: 20px;
min-width: 50px;
font-size: 16px;
color: #888888;
line-height: 17px;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox .iconts .icontitem i {
margin-right: 4px;
font-size: 20px;
float: left;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox .iconts .icontitem:last-of-type {
margin-right: 0px;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox .iconts .icontitem .num {
line-height: 17px;
position: relative;
top: 2px;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox .icontitem:hover {
color: #5b7882;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .memberhead_box:hover,
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .imgbox:hover {
opacity: 0.8;
}
.D_md12 .Activity_onlineinfo .winlist .list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.D_md12 .Activity_onlineinfo .winlist .list li {
width: 400px;
border: 1px solid #e9e9e9;
background: #fff;
/*margin-bottom: 37px;*/
}
.D_md12 .Activity_onlineinfo .winlist .list .heads {
padding: 0 22px;
height: 64px;
display: flex;
align-items: center;
justify-content: space-between;
}
.D_md12 .Activity_onlineinfo .winlist .list .heads .memberhead_box {
display: flex;
align-items: center;
}
.D_md12 .Activity_onlineinfo .winlist .list .heads .memberhead_box .imgbox {
border-radius: 50%;
width: 35px;
height: 35px;
overflow: hidden;
}
.D_md12 .Activity_onlineinfo .winlist .list .heads .memberhead_box .imgbox img {
max-width: 100%;
max-height: 100%;
}
.D_md12 .Activity_onlineinfo .winlist .list .heads .memberhead_box .name {
font-size: 18px;
margin-left: 13px;
color: #333333;
}
.D_md12 .Activity_onlineinfo .winlist .list .heads .price {
font-size: 18px;
color: #ff8d8d;
/*min-width: 40px;*/
}
.D_md12 .Activity_onlineinfo .winlist .list .imgbox2 {
padding: 0 10px 9px;
width: 100%;
border-bottom: 1px solid #e9e9e9;
}
.D_md12 .Activity_onlineinfo .winlist .list .imgbox2 img {
width: 100%;
}
.D_md12 .Activity_onlineinfo .winlist .list .descbox {
padding: 20px;
}
.D_md12 .Activity_onlineinfo .winlist .list .descbox .title {
font-size: 22px;
color: #333333;
display: block;
max-width: 97%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.D_md12 .Activity_onlineinfo .winlist .list .descbox .title:hover {
color: #5b7882;
}
.D_md12 .Activity_onlineinfo .winlist .list .descbox .iconts {
overflow: hidden;
margin-top: 15px;
}
.D_md12 .Activity_onlineinfo .winlist .list .descbox .iconts .icontitem {
float: left;
margin-right: 20px;
min-width: 50px;
font-size: 16px;
color: #bdbdbd;
line-height: 17px;
}
.D_md12 .Activity_onlineinfo .winlist .list .descbox .iconts .icontitem i {
margin-right: 4px;
font-size: 20px;
float: left;
}
.D_md12 .Activity_onlineinfo .winlist .list .descbox .iconts .icontitem:last-of-type {
margin-right: 0px;
}
.D_md12 .Activity_onlineinfo .winlist .list .descbox .iconts .icontitem .num {
line-height: 17px;
position: relative;
top: 2px;
}
.D_md12 .Activity_onlineinfo .winlist .list .descbox .icontitem:hover {
color: #5b7882;
}
.D_md12 .Activity_onlineinfo .winlist .list .heads .memberhead_box:hover,
.D_md12 .Activity_onlineinfo .winlist .list li:hover .imgbox2 {
opacity: 0.8;
}
.D_md12 .Activity_offlineinfo .infoTop .imgbox {
max-height: 300px;
overflow: hidden;
}
.D_md12 .Activity_offlineinfo .infoTop .imgbox img {
width: 100%;
}
.D_md12 .Activity_offlineinfo .infoIntro .textbox .offline_field {
display: flex;
align-items: center;
justify-content: space-around;
flex-wrap: wrap;
margin-top: 20px;
border-top: 1px solid #666;
padding-top: 18px;
}
.D_md12 .Activity_offlineinfo .infoIntro .textbox .offline_field li {
width: 33%;
display: flex;
align-items: flex-start;
justify-content: center;
margin-bottom: 8px;
}
.D_md12 .Activity_offlineinfo .infoIntro .textbox .offline_field li.address {
width: 100%;
}
.D_md12 .Activity_offlineinfo .infoIntro .textbox .offline_field li i {
margin-right: 4px;
position: relative;
top: 7px;
}
.D_md12 .Activity_offlineinfo .infoIntro .textbox .offline_field li .text {
margin-left: 4px;
}
.D_md12 .Activity_offlineinfo .offline_wordbox {
margin-top: 45px;
}
.w1170 {
width: 1170px;
margin: 0 auto;
}
.ovhi {
overflow: hidden;
}
.D_md12 .Activity_offlineinfo .cpjs_list li {
overflow: hidden;
margin-bottom: 30px;
}
.D_md12 .Activity_offlineinfo .tipbox {
width: 225px;
float: left;
position: relative;
}
.D_md12 .Activity_offlineinfo .tipbox .num {
font-size: 160px;
font-family: arial;
color: #eeeeee;
line-height: 160px;
position: relative;
}
.D_md12 .Activity_offlineinfo .tipbox .name {
position: absolute;
width: 137px;
height: 45px;
border-radius: 5px;
text-align: center;
line-height: 45px;
font-size: 20px;
color: #fff;
background: #9ecfcb;
top: 64px;
left: 0;
}
.D_md12 .Activity_offlineinfo .tipbox .name:after {
content: '';
display: block;
position: absolute;
width: 110px;
height: 1px;
background: #e5e5e5;
top: 0;
bottom: 0;
margin: auto 0;
left: 116px;
}
.D_md12 .Activity_offlineinfo .descbox {
width: 920px;
float: right;
color: #666;
font-size: 17px;
line-height: 30px;
}
.D_md12 .Activity_offlineinfo .textbox {
color: #666;
font-size: 17px;
line-height: 30px;
}
.D_md12 .Activity_offlineinfo .textbox strong,
.D_md12 .Activity_offlineinfo .textbox b {
font-weight: bold;
}
.D_md12 .Activity_offlineinfo .textbox a {
text-decoration: underline !important;
}
.D_md12 .Activity_offlineinfo .textbox a:hover {
font-weight: bold;
}
.D_md12 .Activity_offlineinfo .offline_wordbox .infoimg_box {
margin-bottom: 20px;
max-height: 1500px;
position: relative;
overflow: hidden;
/*transition: all 2s linear;*/
}
.D_md12 .Activity_offlineinfo .offline_wordbox .infoimg_box.allhei {
max-height: none;
}
.D_md12 .Activity_offlineinfo .offline_wordbox .infoimg_box.allhei .shadow {
bottom: 0;
top: inherit;
}
.D_md12 .Activity_offlineinfo .offline_wordbox .infoimg_box img {
width: 100%;
max-width: 100%;
margin-bottom: 10px;
}
.D_md12 .Activity_offlineinfo .offline_wordbox .infoimg_box h3 {
margin: 10px 0;
}
.D_md12 .Activity_offlineinfo .offline_wordbox .infoimg_box img:last-of-type {
margin-bottom: 0px;
}
.D_md12 .Activity_offlineinfo .offline_wordbox .infoimg_box .shadow {
width: 100%;
position: absolute;
top: 1350px;
height: 150px;
background: url(../images/white_transition2.png) left bottom repeat-x;
background: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
background: -webkit-gradient(linear, 0 top, 0 bottom, from(rgba(255, 255, 255, 0)), to(#ffffff));
background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
}
.D_md12 .Activity_offlineinfo .offline_wordbox .infoimg_box .shadow .imgmore {
display: inline-block;
height: 32px;
line-height: 32px;
transition: all .3s linear;
text-align: center;
border: 0;
width: 120px;
border: 1px solid #5b7882;
line-height: 30px;
border-radius: 4px;
font-size: 14px;
color: #5b7882;
position: absolute;
bottom: 20px;
left: 0;
right: 0;
margin: auto;
cursor: pointer;
}
.D_md12 .Activity_offlineinfo .offline_wordbox .infoimg_box .shadow .imgmore:hover {
color: #fff;
background: #5b7882;
font-weight: bold;
}
.D_md12 .Activity_offlineinfo .offline_wordbox .infovideo_box video {
width: 100%;
max-width: 100%;
}
.D_md12 .Activity_offlineinfo .offline_addcont {
width: 920px;
float: right;
/*width: 100%;*/
}
.D_md12 .Activity_offlineinfo .offline_addcont.hide {
display: none !important;
}
.D_md12 .Activity_offlineinfo .offline_addcont .append_btn {
width: 200px;
height: 50px;
border-radius: 4px;
border: 2px solid #488ba2;
line-height: 46px;
text-align: center;
font-size: 22px;
color: #fff;
cursor: pointer;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
margin: 0 auto;
background: #488ba2;
}
.D_md12 .Activity_offlineinfo .offline_addcont .append_btn:hover {
opacity: 0.8;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox {
padding: 20px;
border: 1px solid #eee;
border-radius: 5px;
display: none;
margin-top: 40px;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .formsec {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #eee;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .formsec .formtips {
font-weight: bold;
color: #333;
font-size: 25px;
margin-bottom: 15px;
text-transform: uppercase;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .imginputs {
overflow: hidden;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .imginputs .oldimgs {
margin-bottom: 30px;
width: 100%;
padding: 10px;
border: 1px solid #e1e1e1;
border-radius: 2px;
background: #f2f2f2;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: flex-start;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .imginputs .oldimgs .oldimg_item {
overflow: hidden;
width: 90px;
height: 90px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-right: 15px;
border: 1px solid #fff;
border-radius: 3px;
position: relative;
cursor: pointer;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .imginputs .oldimgs .oldimg_item img {
max-width: 85px;
max-height: 80px;
width: auto;
height: auto;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .imginputs .oldimgs .oldimg_item .scimg {
display: block;
width: 18px;
height: 20px;
background: rgba(65, 65, 65, 0.3) url("https://www.dearlives.com/pub/media/wysiwyg/delt.png") center no-repeat;
position: absolute;
bottom: 0px;
right: 0;
-webkit-transition: all .3s linear;
transition: all .3s linear;
cursor: pointer;
background-size: cover;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox li {
margin-bottom: 15px;
max-width: 100%;
padding-left: 20px;
position: relative;
display: flex;
align-items: center;
padding-right: 20px;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .imginputs li:before {
content: '';
display: block;
width: 5px;
height: 5px;
border-radius: 50%;
background: #000;
position: absolute;
left: 0;
top: 15px;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .imginputs li .imgdesc_box {
flex: 1 1 auto;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .imginputs li .imgdesc {
border: 1px solid #eee;
padding: 0 15px;
height: 35px;
line-height: 33px;
font-size: 16px;
color: #333;
width: 100%;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .imginputs li .imginput_box {
display: flex;
align-items: center;
justify-content: space-between;
padding-right: 20px;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .formsec .imginp_cont {
display: flex;
align-items: center;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .formsec .imginp_cont .filename {
width: 250px;
height: 35px;
border: 1px solid #eee;
background: #f2f2f2;
flex: 0 0 auto;
line-height: 23px;
padding: 0 15px;
color: #333;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .formsec .imginp_cont .subscribe_files_3 {
height: 35px;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .formsec .imginp_cont .subscribe_files_3 .spaninput {
height: 35px;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .formsec .imginp_cont .subscribe_files_3 .spaninput .span {
height: 35px;
line-height: 35px;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .formsec .imginp_cont .subscribe_files_3 .spaninput input[type="file"] {
height: 35px;
line-height: 35px;
width: 100%;
font-size: 100px;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .imginputs li .delt {
display: block;
width: 11px;
height: 11px;
background: url("https://www.dearlives.com/pub/media/wysiwyg/writeblog_close.png") center no-repeat;
cursor: pointer;
background-size: cover !important;
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto 0;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .imginputs li .delt:hover {
background: url(../images/writeblog_close_on.png) center no-repeat;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .addmore {
float: right;
margin: 0px 20px 0 0;
display: block;
width: 100px;
height: 30px;
text-align: center;
line-height: 28px;
color: #5b7882;
font-size: 16px;
font-weight: bold;
border: 1px solid #5b7882;
border-radius: 3px;
cursor: pointer;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .addmore:hover {
background: #488ba2;
border-color: #488ba2;
color: #fff;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .videoinputs li {
display: flex;
align-items: center;
padding-left: 0px;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .videoinputs li .left {
font-size: 18px;
line-height: 35px;
text-align: left;
width: 80px;
display: block;
flex: 0 0 auto;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .videoinputs li .right {
flex: 1 1 auto;
margin-left: 10px;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .videoinputs li .linksinp {
border: 1px solid #eee;
padding: 0 15px;
height: 35px;
line-height: 33px;
font-size: 16px;
color: #333;
width: 100%;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .videoinputs .or {
font-size: 20px;
font-weight: bold;
width: 80px;
text-align: left;
margin-bottom: 15px;
}
.D_md12 .Activity_offlineinfo .offline_wordbox .btns {
text-align: center;
font-size: 0px;
}
.D_md12 .Activity_offlineinfo .offline_wordbox .btns .btnitem {
transition: all .3s linear;
cursor: pointer;
display: inline-block;
width: 123px;
height: 35px;
border-radius: 2px;
background: #9ecfcb;
line-height: 35px;
text-align: center;
font-size: 16px;
color: #fff;
font-weight: bold;
}
.D_md12 .Activity_offlineinfo .offline_wordbox .btns .btnitem + .btnitem {
margin-left: 20px;
}
.D_md12 .Activity_offlineinfo .offline_wordbox .btns .btnitem:hover {
background: #488ba2;
}
.D_md12 .email_pop .popcontain {
height: 380px !important;
}
.D_md12 .email_pop .mailform .list li {
margin-bottom: 15px;
display: flex;
align-items: center;
}
.D_md12 .email_pop .mailform .list li .left {
font-size: 18px;
line-height: 35px;
text-align: left;
width: 80px;
display: block;
flex: 0 0 auto;
}
.D_md12 .email_pop .mailform .list li .required {
color: red;
padding-left: 5px;
}
.D_md12 .email_pop .mailform .list li input {
flex: 1 1 auto;
margin-left: 10px;
border: 1px solid #eee;
padding: 0 15px;
height: 35px;
line-height: 33px;
font-size: 16px;
color: #333;
width: 100%;
}
.D_md12 .offline_comments {
margin-top: 30px;
width: 920px;
float: right;
}
.D_md12 .offline_comments .comments_list .tips {
font-weight: bold;
font-size: 25px;
margin-bottom: 30px;
}
.D_md12 .offline_comments .comments_list .list li {
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px dashed #ccc;
}
.D_md12 .offline_comments .comments_list .list li .headbox a {
display: flex;
align-items: center;
}
.D_md12 .offline_comments .comments_list .list li .headbox .headimg {
margin-right: 8px;
display: inline-block;
width: 50px;
height: 50px;
border-radius: 50%;
overflow: hidden;
}
.D_md12 .offline_comments .comments_list .list li .descbox {
float: none;
padding-left: 58px;
overflow: hidden;
}
.D_md12 .offline_comments .comments_list .list li .descbox .text {
font-size: 16px;
line-height: 20px;
margin-bottom: 10px;
}
.D_md12 .offline_comments .comments_list .list li .descbox .time {
float: right;
font-size: 13px;
color: #ccc;
line-height: 15px;
}
.D_md12 .offline_comments .comments_list .btns {
margin: 20px 0 30px;
}
.D_md12 .offlineform_pop.popbox .shadow .addvideo_contain {
height: auto;
}
.D_md12 .offlineform_pop.popbox .shadow .addvideo_contain .item {
margin-bottom: 15px;
}
.D_md12 .offlineform_pop.popbox .shadow .addvideo_contain .item textarea {
height: 50px;
line-height: 18px;
padding: 3px 15px;
}
.D_md12 .offlineform_pop.popbox .shadow .addvideo_contain .item .right_cont {
min-height: 25px;
height: auto;
}
.w1070 {
width: 1070px;
margin: 0 auto;
max-width: 98%;
}
.enter_activity1 .shareit_box .tiptext {
text-align: center;
font-size: 30px;
color: #565d62;
margin-bottom: 20px;
}
.enter_activity1 .related_activity .secname {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.enter_activity1 .related_activity .secname .left,
.enter_activity1 .related_activity .secname .right {
width: 269px;
height: 2px;
display: block;
flex: 0 1 auto;
}
.enter_activity1 .related_activity .secname .left {
background: url("https://www.dearlives.com/pub/media/wysiwyg/ac_sec_tip_l.png") right center no-repeat;
background-size: cover;
}
.enter_activity1 .related_activity .secname .right {
background: url("https://www.dearlives.com/pub/media/wysiwyg/ac_sec_tip_r.png") left center no-repeat;
background-size: cover;
}
.enter_activity1 .related_activity .secname .name {
font-size: 24px;
color: #697177;
padding: 0 12px;
line-height: 30px;
white-space: nowrap;
}
.enter_activity1 .related_activity .related_list {
margin: 30px 0;
}
.enter_activity1 .related_activity .related_list .list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.enter_activity1 .related_activity .related_list .list li {
margin-bottom: 25px;
max-width: 32%;
width: 340px;
}
.enter_activity1 .related_activity .related_list .list li .imgbox {
position: relative;
}
.enter_activity1 .related_activity .related_list .list li .imgbox .choosebox {
display: none;
cursor: pointer;
text-align: center;
position: absolute;
bottom: 0px;
left: 0;
width: 100%;
height: 35px;
background: rgba(91, 120, 130, 0.7);
overflow: hidden;
}
.enter_activity1 .related_activity .related_list .list li .imgbox .choosebox .enter {
margin-top: 0px;
line-height: 35px;
font-size: 22px;
color: #fff;
transition: all .2s linear;
}
.enter_activity1 .related_activity .related_list .list li .imgbox .choosebox .fa {
line-height: 35px;
font-size: 22px;
color: #fff;
}
.enter_activity1 .related_activity .related_list .list li.on .imgbox .choosebox,
.enter_activity1 .related_activity .related_list .list li:hover .imgbox .choosebox {
display: block;
}
.enter_activity1 .related_activity .related_list .list li.on .imgbox .choosebox .enter {
margin-top: -35px;
}
.enter_activity1 .related_activity .related_list .list li img {
width: 100%;
}
.enter_activity1 .related_activity .related_list .list li .descbox {
background: #f2f2f2;
padding: 15px 10px;
text-align: center;
}
.enter_activity1 .related_activity .related_list .list li .descbox .title {
font-weight: bold;
display: block;
max-width: 97%;
color: #333;
font-size: 16px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.enter_activity1 .related_activity .related_list .list li .descbox .title:hover {
text-decoration: underline !important;
}
.enter_activity1 .related_activity .related_list .list li .descbox .time {
margin-top: 15px;
font-size: 12px;
color: #999;
}
.enter_activity1 .related_activity .related_list .btnsbox {
margin: 20px 0;
display: flex;
justify-content: center;
}
.enter_activity1 .related_activity .related_list .btnsbox a {
transition: all .1s linear;
display: block;
width: 200px;
height: 50px;
text-align: center;
font-size: 24px;
font-weight: bold;
border: 3px solid #9ecfcb;
border-radius: 5px;
line-height: 44px;
color: #9ecfcb;
}
.enter_activity1 .related_activity .related_list .btnsbox a:hover {
background: #9ecfcb;
color: #fff;
}
.enter_activity1 .related_activity .related_list .btnsbox .ok {
margin-left: 50px;
}
.enter_activity2 .btnsbox {
display: flex;
justify-content: center;
margin: 20px 0;
}
.enter_activity2 .btnsbox a {
transition: all .1s linear;
display: block;
width: 200px;
height: 50px;
text-align: center;
font-size: 24px;
font-weight: bold;
border: 3px solid #5b7882;
border-radius: 5px;
line-height: 44px;
color: #5b7882;
}
.enter_activity2 .btnsbox .official {
margin-left: 50px;
}
.enter_activity2 .btnsbox .official:hover {
background: #5b7882;
color: #fff;
}
.enter_activity2 .btnsbox .write {
background: #5b7882;
color: #fff;
}
.enter_activity2 .btnsbox .write:hover {
opacity: 0.8;
}
.enter_activity2 .related_blogs .secname {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.enter_activity2 .related_blogs .secname .left,
.enter_activity2 .related_blogs .secname .right {
width: 269px;
height: 2px;
display: block;
flex: 0 1 auto;
}
.enter_activity2 .related_blogs .secname .left {
background: url("https://www.dearlives.com/pub/media/wysiwyg/ac_sec_tip_l.png") right center no-repeat;
background-size: cover;
}
.enter_activity2 .related_blogs .secname .right {
background: url("https://www.dearlives.com/pub/media/wysiwyg/ac_sec_tip_r.png") left center no-repeat;
background-size: cover;
}
.enter_activity2 .related_blogs .secname .name {
font-size: 24px;
color: #697177;
padding: 0 12px;
line-height: 30px;
white-space: nowrap;
}
.enter_activity2 .related_blogs .list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 30px 0;
}
.enter_activity2 .related_blogs .list li {
margin-bottom: 25px;
max-width: 24%;
width: 250px;
}
.enter_activity2 .related_blogs .list li .imgbox {
position: relative;
}
.enter_activity2 .related_blogs .list li .imgbox .choosebox {
display: none;
cursor: pointer;
text-align: center;
position: absolute;
bottom: 0px;
left: 0;
width: 100%;
height: 35px;
background: rgba(91, 120, 130, 0.7);
overflow: hidden;
}
.enter_activity2 .related_blogs .list li .imgbox .choosebox .enter {
margin-top: 0px;
line-height: 35px;
font-size: 22px;
color: #fff;
transition: all .2s linear;
}
.enter_activity2 .related_blogs .list li .imgbox .choosebox .fa {
line-height: 35px;
font-size: 22px;
color: #fff;
}
.enter_activity2 .related_blogs .list li.on .imgbox .choosebox,
.enter_activity2 .related_blogs .list li:hover .imgbox .choosebox {
display: block;
}
.enter_activity2 .related_blogs .list li.on .imgbox .choosebox .enter {
margin-top: -35px;
}
.enter_activity2 .related_blogs .list li img {
vertical-align: top;
}
.enter_activity2 .related_blogs .list li .descbox {
background: #f2f2f2;
padding: 15px 10px;
text-align: center;
}
.enter_activity2 .related_blogs .list li .descbox .title {
font-weight: bold;
display: block;
max-width: 97%;
color: #333;
font-size: 14px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.enter_activity2 .related_blogs .list li .descbox .title:hover {
text-decoration: underline !important;
}
.enter_activity2 .related_blogs .list li .descbox .time {
margin-top: 15px;
font-size: 12px;
color: #999;
}
.enter_activity2 .related_blogs .list li .descbox .iconts {
overflow: hidden;
margin-top: 12px;
display: flex;
align-items: center;
justify-content: center;
}
.enter_activity2 .related_blogs .list li .descbox .iconts .icontitem {
margin-right: 10px;
min-width: 50px;
font-size: 12px;
color: #bdbdbd;
line-height: 17px;
}
.enter_activity2 .related_blogs .list li .descbox .iconts .icontitem i {
margin-right: 4px;
font-size: 17px;
float: left;
}
.enter_activity2 .related_blogs .list li .descbox .iconts .icontitem:last-of-type {
margin-right: 0px;
}
.enter_activity2 .related_blogs .list li .descbox .iconts .icontitem .num {
line-height: 17px;
position: relative;
top: 2px;
}
.enter_activity2 .related_blogs .list li .descbox .icontitem:hover {
color: #5b7882;
}
.enter_activity2 .related_blogs .btnsbox {
margin: 20px 0;
display: flex;
justify-content: center;
}
.enter_activity2 .related_blogs .btnsbox a {
transition: all .1s linear;
display: block;
width: 200px;
height: 50px;
text-align: center;
font-size: 24px;
font-weight: bold;
border: 3px solid #9ecfcb;
border-radius: 5px;
line-height: 44px;
color: #9ecfcb;
}
.enter_activity2 .related_blogs .btnsbox a:hover {
background: #9ecfcb;
color: #fff;
}
.enter_activity2 .related_blogs .btnsbox .ok {
margin-left: 50px;
}
/** Activity >>>> **/
/** >>>> Add This Share **/
.D_md12 .enter_activity1 .addthis_inline_share_toolbox #atstbx {
text-align: center;
padding-bottom: 20px;
}
/** Add This Share >>>> **/
/** >>>> Blog Mobie **/
@media screen and (max-width: 374px) {
/**Register Login**/
.D_md12 .D_loginBox .D_login_formbox .form_list li.login_by_other .other_item span {
width: 85%;
}
/**Register Login**/
/**Blog Detail**/
.Blog_info_box .blog_info_topbox .infotext .infotitle {
margin: 0 0 15px 0;
font-size: 15px !important;
line-height: 18px !important;
}
/**Blog Detail**/
/**Blog List**/
.D_md12 .Blog_list_box .blog_list .list li .descbox .title {
font-size: 13px !important;
margin-bottom: 8px;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .iconts .icontitem:nth-of-type(2) {
display: none;
}
.D_md12 .popbox .shadow .addvideo_contain .item2 .right_cont .filename_text {
width: 60px;
}
/**Blog List**/
}
@media screen and (max-width: 767px) {
.account.wkblog-blog-choose .page-main,
.cms-privacy-policy .page-main {
padding-top: 0;
}
/**Register Login**/
.D_md12 .D_loginBox {
height: auto;
background: none;
position: static;
}
.D_md12 .D_loginBox .D_login_formbox {
position: static;
width: 100%;
height: auto;
padding: 0;
}
.customer-account-login #maincontent,
.customer-account-create #maincontent {
background: none;
}
.D_md12 .D_loginBox .D_login_formbox .D_formtip {
margin-bottom: 15px;
}
/**Register Login**/
/**Blog Add a Post**/
.wkblog-blog-choose .account .page-main,
.wkblog-blog-choose .cms-privacy-policy .page-main {
padding-top: 0;
}
.D_md12 .Blog_series .Leftbox {
width: 100%;
}
.D_md12 .Blog_enter_box .Leftbox .entrys .item {
width: 100%;
height: auto;
margin-bottom: 10px;
}
.D_md12 .Blog_enter_box .Leftbox .entrys .item .shadow {
opacity: 1 !important;
padding: 15px 10px;
top: 0;
background: rgba(65, 65, 65, 0.3);
}
.D_md12 .Blog_enter_box .Leftbox .entrys .item .btn1 {
display: none;
}
.D_md12 .Blog_enter_box .Leftbox .entrys .item .shadow .textbox .p1 {
font-size: 20px;
margin-bottom: 10px;
}
.D_md12 .Blog_enter_box .Leftbox .entrys .item .shadow .textbox .p2 {
font-size: 14px;
line-height: 16px;
}
.D_md12 .Blog_enter_box .Leftbox .entrys .item .btn {
width: 130px;
height: 30px;
line-height: 26px;
font-size: 16px;
}
.D_md12 .Blog_enter_box .Leftbox .entrys {
margin-bottom: 20px;
}
.D_md12 .Blog_enter_box .Leftbox .videobox {
width: 100%;
margin-bottom: 20px;
}
.D_md12 .Blog_enter_box .Leftbox .videobox .txtbox {
max-width: 100%;
padding: 0 10px;
margin: 0 auto 10px;
}
.D_md12 .Blog_enter_box .Leftbox .videobox .txtbox .p1 {
font-size: 20px;
margin-bottom: 10px;
}
.D_md12 .Blog_enter_box .Leftbox .videobox .txtbox .text {
font-size: 14px;
line-height: 16px;
}
.D_md12 .Blog_enter_box .Leftbox .videobox .txtbox .p2 {
font-size: 17px;
}
.D_md12 .Blog_enter_box .Leftbox .videobox .video {
height: auto;
padding: 0 10px;
max-width: 100%;
}
.D_md12 .Blog_enter_box .Leftbox .videobox .video video {
width: 100%;
height: auto;
max-width: 100%;
}
.D_md12 .Blog_enter_box .Leftbox .videobox .video .bg {
display: none !important;
}
.D_md12 .Blog_enter_box .Leftbox .stepbox .p1 {
font-size: 20px;
margin-bottom: 20px;
}
.D_md12 .Blog_enter_box .Leftbox .stepbox .imgbox {
padding: 0 10px;
margin-bottom: 30px;
}
.D_md12 .Blog_enter_box .Leftbox .stepbox .p2 {
font-size: 22px;
}
.D_md12 .Blog_series .Rightbox {
width: 100%;
}
.D_md12 .Blog_series .Rightbox .sec1 {
display: flex;
justify-content: space-between;
}
.D_md12 .writeblog_box .Blog_series .Rightbox .sec1 .btn {
width: 48%;
font-size: 18px;
line-height: 30px;
}
.D_md12 .Blog_series .Rightbox .sec2 .category_list {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
margin-top: 10px;
}
.D_md12 .Blog_series .Rightbox .sec2 .category_list li {
padding: 5px 5px;
}
.D_md12 .Blog_series .Rightbox .sec2 .category_list li > a {
border: none;
padding: 0 5px;
background: #5b7882;
color: #fff;
line-height: 24px;
height: auto;
font-size: 14px;
border-radius: 3px;
}
.D_md12 .Blog_series .Rightbox .sec2 .category_list li > a:after {
display: none;
}
/*20171130*/
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .uploads_img .imgtips {
font-size: 12px;
}
/**Blog Add a Post**/
/**Blog Add a Tutoria**/
.D_md12 .writeblog_box .Leftbox .form_sec1 {
flex-wrap: wrap;
margin-bottom: 20px;
}
.D_md12 .writeblog_box .Leftbox .listimg_box {
max-width: 359px;
max-height: 359px;
width: 100vw;
height: 100vw;
margin: 0 auto;
display: none;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list li.phone_headimg {
display: flex !important;
margin-bottom: 20px;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list li.phone_headimg .inputbox {
border-radius: 4px;
height: 30px;
display: flex;
float: none;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list li.phone_headimg .phone_headimg_name {
flex: 1 1 auto;
width: 100%;
height: 30px;
line-height: 30px;
padding: 0 15px;
font-size: 13px;
color: #565d62;
background: #dcdcdc;
border-radius: 4px 0 0 4px;
border-style: none;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list li.phone_headimg .subscribe_files_3 {
flex: 0 0 auto;
height: 30px;
line-height: 30px;
width: 90px;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list li.phone_headimg .subscribe_files_3 .spaninput {
height: 30px;
line-height: 30px;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list li.phone_headimg .subscribe_files_3 .spaninput .span {
height: 30px;
line-height: 30px;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list li.phone_headimg .subscribe_files_3 .spaninput .spaninput input[type="file"] {
height: 30px;
}
.D_md12 .writeblog_box .Leftbox .rightform_box {
width: 100%;
min-height: auto;
padding-left: 0px;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list li {
height: 30px;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list .text {
font-size: 15px;
width: 100px;
line-height: 30px;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list .inputbox {
height: 30px;
width: 80%;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list .inputsele {
height: 30px;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list .inputbox .inp {
padding: 0 25px;
font-size: 15px;
line-height: 30px;
height: 30px;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list .inputsele .xlbox .child_cate_box .xl_text {
height: 30px;
line-height: 30px;
padding: 0 25px;
font-size: 14px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 {
padding: 10px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .uploads_img {
padding: 10px;
}
.subscribe_files_2,
.subscribe_files_2 .spaninput,
.subscribe_files_2 .spaninput .span,
.subscribe_files_2 .spaninput input[type="file"] {
width: 40px;
height: 40px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li {
margin-bottom: 20px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .addvideo_btn {
margin-left: 10px;
width: 20px;
height: 20px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .addvideo_btn .btn {
width: 20px;
height: 20px;
background-size: cover !important;
padding: 0;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .edits {
width: 60px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .edits .edits_btn {
width: 20px;
height: 20px;
background-size: cover !important;
margin-top: 10px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .edits .set_step {
font-size: 14px;
line-height: 20px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .edits .set_step .num {
font-size: 14px;
padding: 0 5px;
line-height: 20px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .closebtn {
width: 10px;
height: 10px;
background-size: cover;
right: 15px;
top: 5px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .uploads_img .imgsbox .imgbox {
width: 40px;
height: 40px;
margin-left: 10px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .uploads_img .imgsbox img {
max-width: 35px;
max-height: 35px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .uploads_img .imgsbox .imgbox .delt {
top: auto;
bottom: 0px;
width: 13px;
height: 14px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area .append_btn {
float: none;
margin: 0 auto;
width: 150px;
height: 30px;
line-height: 26px;
font-size: 16px;
}
.D_md12 .writeblog_box .Leftbox .tbtns {
display: flex;
justify-content: space-around;
margin-top: 20px;
margin-bottom: 30px;
}
.D_md12 .writeblog_box .Leftbox .tbtns .btn_item {
width: 32%;
max-width: 150px;
height: 35px;
line-height: 35px;
font-size: 12px;
margin: 0 !important;
font-weight: normal;
white-space: nowrap;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec2 .step_title input {
font-size: 14px;
font-weight: normal;
}
.D_md12 .popbox .shadow .addvideo_contain {
max-width: 98%;
padding: 20px 10px 20px;
height: auto;
}
.D_md12 .popbox .shadow .addvideo_contain .p1 {
font-size: 20px;
}
.D_md12 .popbox .shadow .addvideo_contain .item .title {
font-size: 14px;
width: 90px;
}
.D_md12 .popbox .shadow .addvideo_contain .p2 {
font-size: 16px;
/*padding:5px 0 !important;*/
margin: 7px 0 !important;
}
.D_md12 .popbox .shadow .addvideo_contain .item1 .right_cont input,
.D_md12 .popbox .shadow .addvideo_contain .item2 .right_cont .filename_text {
font-size: 12px;
padding: 0 10px;
}
.subscribe_files_3 .spaninput .span {
font-size: 12px;
width: 100%;
}
.subscribe_files_3 .spaninput input[type="file"] {
width: 100%;
}
.subscribe_files_3 .spaninput {
width: 100%;
}
.D_md12 .popbox .shadow .addvideo_contain .item2 .right_cont .subscribe_files_3 {
width: 90px;
}
.D_md12 .popbox .shadow .addvideo_contain .okbtn {
clear: both;
font-size: 17px;
width: 100px;
height: 30px;
line-height: 30px;
margin: 20px auto 0;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list li {
height: auto;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list li.doubleli .inputbox .inp {
margin-right: 10px;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list .inputbox .inp[name="price"] {
width: 50px;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list li.phone_headimg .phone_headimg_name {
width: 60px;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list li.doubleli .material {
width: auto;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list li.doubleli .material .text {
width: 70px;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list li.doubleli .material .addbox {
height: 30px;
line-height: 26px;
font-size: 13px;
padding: 0 10px;
}
.material_pop .material_pop_list li input {
padding: 0 10px;
font-size: 12px;
}
.material_pop .material_pop_list li input.name {
width: 100px;
}
.material_pop .material_pop_list li input.url {
margin-left: 10px;
}
.wkblog-blog-tutorial .page-wrapper .page-main {
padding-top: 0;
}
/**Blog Add a Tutoria**/
/**Blog List**/
.D_md12 .listsort_box li {
font-size: 14px;
}
.D_md12 .Blog_list_box .blog_list .list li .imgbox img {
width: 100%;
}
.D_md12 .Blog_list_box .blog_list .list {
justify-content: space-between;
}
.D_md12 .Blog_list_box .blog_list .list li {
width: 48%;
margin-bottom: 20px;
}
.D_md12 .Blog_list_box .blog_list .list li.hasvideo .videobox:after {
font-size: 14px;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox {
padding: 10px 5px;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .title {
font-size: 14px;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .iconts {
display: flex;
justify-content: flex-start;
margin-bottom: 10px;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .iconts .icontitem {
min-width: auto;
margin-right: 10px;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .iconts .icontitem:last-of-type {
margin-right: 0px;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .iconts .icontitem i {
font-size: 14px;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .iconts .icontitem .num {
top: 0;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .namebox .memberbox img {
width: 20px;
height: 20px;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .namebox .memberbox .name {
font-size: 12px;
line-height: 14px;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .namebox .price {
font-size: 14px;
font-weight: bold;
line-height: 20px;
}
/**Blog List**/
/**Blog Detail**/
.Blog_info_box .blog_info_topbox {
height: 120px;
min-height: 120px;
max-height: 150px;
}
.Blog_info_box .blog_info_topbox .infotext .infotitle {
margin: 0 0 15px 0;
font-size: 16px;
line-height: 18px;
}
.Blog_info_box .blog_info_topbox .infotext .infotip_items li a {
line-height: 12px;
font-size: 12px;
}
.Blog_info_box .d_main_cont {
width: 100%;
padding: 20px 15px 0px !important;
}
.Blog_info_box .Rightbox {
width: 100% !important;
}
.D_md12 .Blog_series .Leftbox {
width: 100% !important;
}
.Blog_info_box .Step_points {
margin-bottom: 10px;
}
.Blog_info_box .Step_points .box1 {
width: 50px;
font-size: 12px;
height: 25px;
line-height: 25px;
}
.Blog_info_box .Step_points .box1.price {
width: 80px;
}
.Blog_info_box .Step_points .box2 {
margin-left: 0px;
}
.Blog_info_box .Step_points .box2 .list li {
margin: 0 0 10px 10px;
height: 25px;
line-height: 23px;
font-size: 12px;
min-width: 25px;
}
.Blog_info_box .bloginfo_sec .infoimg_box {
max-height: 750px;
}
.Blog_info_box .bloginfo_sec .infoimg_box .shadow {
top: 600px;
}
.Blog_info_box .bloginfo_sec .infostep_title {
font-size: 18px;
line-height: 25px;
margin-bottom: 10px;
}
.Blog_info_box .bloginfo_sec .infotext_box {
font-size: 14px;
line-height: 18px;
}
.Blog_info_box .tags_box .box1 {
line-height: 20px;
height: 20px;
font-size: 12px;
}
.Blog_info_box .tags_box .box2 {
margin-left: 0px;
}
.Blog_info_box .tags_box .box2 .list li {
margin: 0 0 8px 5px;
}
.Blog_info_box .tags_box .box2 .list li > a {
padding: 0 8px;
font-size: 12px;
height: 20px;
line-height: 18px;
}
.Blog_info_box .otherpages_box {
margin-bottom: 25px;
}
.Blog_info_box .otherpages_box a {
width: 98%;
margin-bottom: 8px;
float: left !important;
font-size: 12px;
}
.Blog_info_box .material_box .tip {
font-size: 18px;
line-height: 25px;
margin-bottom: 10px;
}
.Blog_info_box .material_box .list li {
font-size: 14px;
line-height: 18px;
}
.Blog_info_box .material_box .list li a {
font-size: 14px;
line-height: 18px;
}
/**Blog Detail**/
/**Activity**/
.Activity_home .Ac_secitem {
margin-bottom: 20px;
}
.Activity_home .activity_home_sec1 .imglist .owl-controls {
bottom: 5px;
}
.Activity_home .activity_home_sec1 .imglist .owl-controls .owl-pagination {
height: auto;
}
.Activity_home .activity_home_sec1 .imglist .owl-controls .owl-page span {
width: 6px;
height: 6px;
margin: 0px 3px;
}
.Activity_home .Ac_secitem .ac_sec_tipname .p1 .name {
font-size: 17px;
line-height: 20px;
white-space: nowrap;
}
.Activity_home .Ac_secitem .ac_sec_tipname .p2 {
font-size: 14px;
margin-top: 3px;
}
.Activity_home .Ac_secitem .ac_sec_tipname {
margin-bottom: 15px;
}
.Activity_home .activity_home_sec2 .imglist2 .owl-controls {
margin-top: 5px;
}
.Activity_home .activity_home_sec2 .imglist2 .owl-controls .owl-pagination {
font-size: 0px;
}
.Activity_home .activity_home_sec2 .imglist2 .owl-controls .owl-page span {
width: 6px;
height: 6px;
margin: 0px 3px;
}
.Activity_home .applybtn,
.Activity_home .morebtn {
font-size: 14px;
width: 80px;
height: 25px;
line-height: 25px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .leftbox {
width: 100%;
max-width: none;
margin: 0 auto;
float: none;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .leftbox .text {
font-size: 15px;
line-height: 30px;
height: 30px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .leftbox img {
width: 100%;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox {
width: 100%;
margin-top: 5px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .imglist3 {
width: 100%;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .imglist3 li {
margin: 0 5px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .controlbtn {
width: 20px;
height: 20px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .controlbtn_left {
left: 3px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .controlbtn_right {
right: 3px;
}
.Activity_home .activity_home_sec4 .imgsliderBox {
margin-top: 15px;
}
.Activity_home .activity_home_sec4 .swiper-container {
width: 100%;
}
.Activity_home .activity_home_sec4 .swiper-container .swiper-pagination {
position: static;
}
.Activity_home .activity_home_sec4 .swiper-container .swiper-pagination-bullet {
width: 6px;
height: 6px;
border-radius: 50%;
margin: 0 3px;
opacity: 0.5;
background: #869791;
}
.Activity_home .activity_home_sec4 .swiper-container .swiper-pagination-bullet-active {
background: #869791;
opacity: 1;
}
.activity_list_topname {
font-size: 20px;
line-height: 35px;
}
.Activity_online .activity_online_list li {
width: 100%;
margin-bottom: 20px;
}
.Activity_online .activity_online_list li .imgbox .shadow {
top: 0 !important;
height: auto;
}
.Activity_online .activity_online_list li .imgbox .shadow .p1 {
font-size: 14px;
}
.Activity_online .activity_online_list li .imgbox .shadow .p1 .num {
margin-right: 13px;
}
.Activity_online .activity_online_list li .imgbox .shadow .p2 {
font-size: 12px;
}
.Activity_online .activity_online_list li .descbox {
padding: 10px 8px;
}
.Activity_online .activity_online_list li .descbox .name {
font-size: 16px;
padding-right: 35px;
margin-bottom: 5px;
}
.Activity_online .activity_online_list li .descbox .love {
width: 16px;
height: 15px;
top: 10px;
right: 8px;
}
.Activity_online .activity_online_list li .descbox .entries {
font-size: 13px;
}
.Activity_online .activity_online_list li .descbox .enter {
width: 100px;
height: 25px;
font-size: 14px;
line-height: 21px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .imglist3 li .member_box {
position: static;
padding: 3px 5px;
overflow: hidden;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .imglist3 li .member_box .title {
font-size: 14px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .imglist3 li .member_box .member img {
width: 20px;
height: 20px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .imglist3 li .member_box .member .flexbox .name {
font-size: 12px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .imglist3 li .member_box .iconts {
position: static;
float: right;
margin-top: 2px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .imglist3 li .member_box .iconts .num {
font-size: 12px;
}
.D_md12 .Activity_onlineinfo .infoTop .textbox {
min-height: auto;
height: auto;
position: static;
background: #EAEAEA;
}
.D_md12 .Activity_onlineinfo .infoTop .textbox .title {
font-size: 25px;
line-height: 28px;
padding-top: 10px;
color: #000;
}
.D_md12 .Activity_onlineinfo .infoTop .textbox .time {
margin: 10px 0 0 0;
font-size: 14px;
padding-bottom: 10px;
color: #000;
}
.D_md12 .Activity_onlineinfo .infoIntro {
padding: 0px 0 10px;
}
.D_md12 .Activity_onlineinfo .infoIntro .lover .loverbtn {
width: 27px;
height: 25px;
}
.D_md12 .Activity_onlineinfo .infoIntro .lover .lovernum {
font-size: 14px;
margin-top: 8px;
}
.D_md12 .Activity_onlineinfo .infoIntro .textbox {
width: 96%;
font-size: 16px;
line-height: 19px;
margin: 20px auto;
}
.D_md12 .Activity_onlineinfo .infoIntro .btns .btnitem {
font-size: 14px;
width: 100px;
max-width: 50%;
height: 30px;
line-height: 26px;
}
.D_md12 .Activity_onlineinfo .infoPrize {
padding: 20px 0;
}
.D_md12 .Activity_onlineinfo .infoPrize .tiptxt {
font-size: 25px;
}
.D_md12 .w1280 {
width: 98%;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox .list {
flex-wrap: wrap;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li {
width: 100%;
height: auto;
margin-bottom: 20px;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li .textbox {
position: static;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li .textbox .title {
font-size: 20px;
margin-bottom: 8px;
text-align: center;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li .textbox .probox .allword,
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li .textbox .probox .partword {
font-size: 14px;
text-align: center;
line-height: 18px;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li .textbox .probox .allword a,
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li .textbox .probox .partword a {
font-size: 17px;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li .textbox .probox .partword {
display: none;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li .textbox .probox .allword {
display: block;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li .more i {
font-size: 25px;
color: #333;
top: 5px !important;
left: 5px !important;
}
.D_md12 .Activity_onlineinfo .infoEntries .tiptxt {
font-size: 25px;
}
.D_md12 .Activity_onlineinfo .infoEntries {
padding: 20px 0;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box {
margin-top: 25px;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list li {
width: 49.5%;
margin-bottom: 20px;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .heads {
padding: 0 5px;
min-height: 45px;
height: auto;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .heads .memberhead_box .imgbox {
width: 25px;
height: 25px;
flex: 0 0 auto;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .imgbox2 {
padding: 0 5px 5px;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .heads .price {
font-size: 14px;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .heads .memberhead_box .name {
font-size: 13px;
margin-left: 3px;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .descbox {
padding: 7px 5px;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .descbox .title {
font-size: 14px;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .descbox .iconts {
margin-top: 5px;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .descbox .iconts {
display: flex;
align-items: center;
justify-content: space-between;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .descbox .iconts .icontitem {
font-size: 12px;
margin-right: 0px;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .descbox .iconts .icontitem i {
font-size: 16px;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .descbox .iconts .icontitem:last-of-type {
display: none;
}
.D_md12 .popbox .shadow .addvideo_contain.textword {
padding: 20px 10px;
}
.D_md12 .popbox .shadow .addvideo_contain.textword .official_text p {
font-size: 14px;
line-height: 20px;
}
.D_md12 .Activity_onlineinfo .winner_sec {
margin: 20px 0;
}
.D_md12 .Activity_onlineinfo .winner_sec .sec_tip {
font-size: 18px;
margin-bottom: 18px;
color: #000;
border: none;
font-style: italic;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners {
background: none;
padding-bottom: 0px;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox {
width: 100%;
margin-left: 0px;
box-shadow: none;
padding: 0 0 10px;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox .imgbox {
width: 100%;
float: none;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox .textbox {
width: 100%;
float: none;
padding-right: 0;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox .textbox .memberhead_box {
padding: 10px 10px;
justify-content: center;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox .textbox .memberhead_box .headimg {
width: 30px;
height: 30px;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox .textbox .memberhead_box .name {
font-size: 14px;
margin-left: 5px;
font-weight: normal;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox .textbox .title {
padding: 0px 10px;
font-size: 16px;
text-align: center;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox .textbox .text {
padding: 5px 10px 0;
text-align: center;
font-size: 14px;
line-height: 16px;
margin-bottom: 0px;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox .iconts {
display: flex;
align-items: center;
justify-content: space-around;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox .iconts .icontitem {
font-size: 12px;
margin-right: 0px;
min-width: auto;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox .iconts .icontitem i {
font-size: 16px;
}
.D_md12 .Activity_onlineinfo .winlist .list li {
width: auto;
/*margin-bottom: 20px;*/
}
.D_md12 .Activity_onlineinfo .winlist .list .heads {
padding: 0 5px;
min-height: 45px;
height: auto;
}
.D_md12 .Activity_onlineinfo .winlist .list .heads .memberhead_box .imgbox {
width: 25px;
height: 25px;
flex: 0 0 auto;
}
.D_md12 .Activity_onlineinfo .winlist .list .imgbox2 {
padding: 0 5px 5px;
}
.D_md12 .Activity_onlineinfo .winlist .list .heads .price {
font-size: 14px;
}
.D_md12 .Activity_onlineinfo .winlist .list .heads .memberhead_box .name {
font-size: 13px;
margin-left: 3px;
}
.D_md12 .Activity_onlineinfo .winlist .list .descbox {
padding: 7px 5px;
}
.D_md12 .Activity_onlineinfo .winlist .list .descbox .title {
font-size: 14px;
}
.D_md12 .Activity_onlineinfo .winlist .list .descbox .iconts {
margin-top: 8px;
}
.D_md12 .Activity_onlineinfo .winlist .list .descbox .iconts {
display: flex;
align-items: center;
justify-content: space-between;
}
.D_md12 .Activity_onlineinfo .winlist .list .descbox .iconts .icontitem {
font-size: 12px;
margin-right: 0px;
}
.D_md12 .Activity_onlineinfo .winlist .list .descbox .iconts .icontitem i {
font-size: 16px;
}
.owl-theme .owl-controls .owl-page span {
width: 6px;
height: 6px;
margin: 2px 3px;
border-radius: 50%;
}
.D_md12 .Activity_onlineinfo .winlist .list .descbox .iconts .icontitem:last-of-type {
display: none;
}
.D_md12 .Activity_offlineinfo .infoIntro .textbox .offline_field li {
width: 100%;
}
.D_md12 .Activity_offlineinfo .infoIntro .textbox .offline_field li i {
top: 2px;
}
.w1170 {
width: 98%;
}
.D_md12 .Activity_offlineinfo .cpjs_list li {
margin-bottom: 20px;
}
.D_md12 .Activity_offlineinfo .offline_wordbox {
margin-top: 30px;
}
.D_md12 .Activity_offlineinfo .tipbox {
width: 100%;
float: none;
}
.D_md12 .Activity_offlineinfo .tipbox .num {
display: none;
}
.D_md12 .Activity_offlineinfo .tipbox .name {
position: static;
width: 100%;
text-align: center;
background: none;
color: #000;
font-size: 22px;
font-weight: bold;
}
.D_md12 .Activity_offlineinfo .tipbox .name:after {
display: none;
}
.D_md12 .Activity_offlineinfo .descbox {
width: 100%;
}
.D_md12 .Activity_offlineinfo .textbox {
font-size: 14px;
line-height: 25px;
}
.D_md12 .Activity_offlineinfo .offline_wordbox .infoimg_box {
max-height: 750px;
}
.D_md12 .Activity_offlineinfo .offline_wordbox .infoimg_box .shadow {
top: 600px;
}
.D_md12 .Activity_offlineinfo .offline_addcont {
width: 100%;
}
.D_md12 .Activity_offlineinfo .offline_addcont .append_btn {
width: 130px;
height: 35px;
line-height: 31px;
font-size: 16px;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox {
margin-top: 20px;
padding: 10px 5px;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .formsec .formtips {
font-size: 18px;
text-align: center;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .imginputs .oldimgs {
padding: 8px 5px;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .imginputs .oldimgs .oldimg_item {
width: 40px;
height: 40px;
margin-right: 5px;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .imginputs .oldimgs .oldimg_item img {
max-width: 35px;
max-height: 35px;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .imginputs .oldimgs .oldimg_item .scimg {
width: 13px;
height: 14px;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox li {
padding-left: 0px;
flex-wrap: wrap;
padding-right: 18px;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .imginputs li:before {
display: none;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .imginputs li .imginput_box {
width: 100%;
margin-bottom: 7px;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .formsec .imginp_cont .filename {
flex: 1 1 auto;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .formsec .imginp_cont .subscribe_files_3 {
width: 80px;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .imginputs li .imginput_box {
padding-right: 0px;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .formsec .imginp_cont {
width: 100%;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .imginputs li .delt {
width: 8px;
height: 8px;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .addmore {
margin: 0 auto;
float: none;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .addmore {
height: 25px;
line-height: 23px;
width: 80px;
font-size: 14px;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .videoinputs li .left {
font-size: 15px;
width: 50px;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .videoinputs li {
padding-right: 0px;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .videoinputs li .right {
width: auto;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .videoinputs .or {
font-size: 15px;
width: 50px;
}
.D_md12 .Activity_offlineinfo .offline_wordbox .btns .btnitem {
width: 100px;
height: 25px;
line-height: 25px;
font-size: 14px;
}
.D_md12 .offline_comments {
width: 100%;
}
.D_md12 .offline_comments .comments_list .tips {
font-size: 18px;
text-align: center;
margin-bottom: 20px;
}
.D_md12 .offline_comments .comments_list .list li .headbox .headimg {
width: 35px;
height: 35px;
}
.D_md12 .offline_comments .comments_list .list li .descbox {
padding-left: 43px;
}
.D_md12 .offline_comments .comments_list .list li .descbox .text {
font-size: 14px;
line-height: 18px;
}
.D_md12 .email_pop .mailform .list li .left {
width: 60px;
font-size: 14px;
}
.enter_activity1 .related_activity .secname .left,
.enter_activity1 .related_activity .secname .right {
display: none;
}
.enter_activity1 .related_activity .secname .name {
padding: 0px;
font-size: 20px;
color: #565d62;
font-weight: bold;
}
.enter_activity1 .related_activity .related_list .list li {
width: 49%;
max-width: none;
margin-bottom: 10px;
}
.enter_activity1 .related_activity .related_list .list li .imgbox .choosebox .enter {
line-height: 30px;
font-size: 14px;
}
.enter_activity1 .related_activity .related_list .list li .imgbox .choosebox .fa {
line-height: 30px;
font-size: 14px;
}
.enter_activity1 .related_activity .related_list .list li.on .imgbox .choosebox .enter {
margin-top: -30px;
}
.enter_activity1 .related_activity .related_list .list li .descbox {
padding: 8px 5px;
}
.enter_activity1 .related_activity .related_list .list li .descbox .title {
font-size: 13px;
}
.enter_activity1 .related_activity .related_list .list li .descbox .time {
margin-top: 8px;
}
.enter_activity1 .related_activity .related_list .btnsbox a {
width: 120px;
height: 30px;
line-height: 24px;
font-size: 14px;
}
.enter_activity1 .related_activity .related_list .btnsbox .ok {
margin-left: 10px;
}
.enter_activity2 .btnsbox a {
width: 120px;
height: 30px;
line-height: 24px;
font-size: 14px;
}
.enter_activity2 .btnsbox .official {
margin-left: 10px;
}
.enter_activity2 .related_blogs .secname .left,
.enter_activity2 .related_blogs .secname .right {
display: none;
}
.enter_activity2 .related_blogs .secname .name {
padding: 0px;
font-size: 20px;
color: #565d62;
font-weight: bold;
}
.enter_activity2 .related_blogs .list li {
width: 49%;
max-width: none;
margin-bottom: 10px;
}
.enter_activity2 .related_blogs .list li .descbox {
padding: 8px 5px;
}
.enter_activity2 .related_blogs .list li .imgbox .choosebox {
display: block !important;
height: 30px;
position: static;
}
.enter_activity2 .related_blogs .list li .imgbox .choosebox .enter {
line-height: 30px;
font-size: 14px;
}
.enter_activity2 .related_blogs .list li .imgbox .choosebox .fa {
line-height: 30px;
font-size: 14px;
}
.enter_activity2 .related_blogs .list li.on .imgbox .choosebox .enter {
margin-top: -30px;
}
.enter_activity2 .related_blogs .list li .descbox .title {
font-size: 13px;
}
.enter_activity2 .related_blogs .list li .descbox .time {
margin-top: 8px;
}
.enter_activity2 .related_blogs .list li .descbox .iconts .icontitem {
min-width: auto;
margin-right: 6px;
}
.enter_activity2 .related_blogs .list li .descbox .iconts .icontitem i {
font-size: 14px;
}
.enter_activity2 .related_blogs .list li .descbox .iconts .icontitem .num {
font-size: 12px;
top: 0;
}
.enter_activity2 .related_blogs .btnsbox a {
width: 120px;
height: 30px;
line-height: 24px;
font-size: 14px;
}
.enter_activity2 .related_blogs .related_list .btnsbox .ok {
margin-left: 10px;
}
/**Activity**/
}
@media screen and (min-width: 500px) and (max-width: 767px) {
/**Blog Add a Tutoria**/
.D_md12 .writeblog_box .Leftbox .form_sec1 {
flex-wrap: nowrap;
}
.D_md12 .writeblog_box .Leftbox .listimg_box {
max-width: 300px;
max-height: 300px;
}
.D_md12 .writeblog_box .Leftbox .listimg_box2 {
max-width: 180px;
max-height: 180px;
}
.wkblog-blog-editshare .D_md12 .writeblog_box .Leftbox .listimg_box2 {
max-width: 220px;
max-height: 160px;
}
.D_md12 .writeblog_box .Leftbox .rightform_box {
padding-left: 30px;
margin-top: 0px;
}
/**Blog Add a Tutoria**/
/**Blog List**/
.D_md12 .Blog_list_box .blog_list .list li {
width: 32%;
margin-bottom: 20px;
}
.D_md12 .Blog_list_box .blog_list .list li .imgbox img {
width: 100%;
}
/**Blog List**/
/**Activity**/
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .imglist3 li {
margin: 0 25px;
}
.Activity_online .activity_online_list li {
width: 49%;
margin-bottom: 20px;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox .list {
flex-wrap: wrap;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li {
width: 49%;
height: auto;
margin-bottom: 20px;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li .textbox {
position: static;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li .textbox .title {
font-size: 20px;
margin-bottom: 8px;
text-align: center;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li .textbox .probox .allword,
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li .textbox .probox .partword {
font-size: 14px;
text-align: center;
line-height: 18px;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li .textbox .probox .allword a,
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li .textbox .probox .partword a {
font-size: 17px;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li .textbox .probox .partword {
display: none;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li .textbox .probox .allword {
display: block;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .descbox .iconts .icontitem:last-of-type {
display: block;
}
.D_md12 .Activity_onlineinfo .winlist .list .descbox .iconts .icontitem:last-of-type {
display: block;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox {
width: 100%;
margin-left: 0px;
box-shadow: none;
padding: 5px 5px;
max-width: 795px;
display: flex;
align-items: center;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox .imgbox {
width: 400px;
flex: 0 1 auto;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox .textbox {
width: 325px;
padding: 0 0 0 5px;
flex: 1 1 auto;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox .textbox .memberhead_box {
justify-content: left;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox .textbox .text,
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox .textbox .title {
text-align: left;
}
.D_md12 .offlineform_pop.popbox .shadow .addvideo_contain .item {
margin-bottom: 8px;
}
.D_md12 .offlineform_pop.popbox .shadow .addvideo_contain .item .title {
width: 85px;
}
/**Activity**/
}
@media screen and (min-width: 768px) and (max-width: 991px) {
/**Register Login**/
.D_md12 .D_loginBox .D_login_formbox {
left: 0;
right: 0;
margin: auto;
}
/**Register Login**/
/**Blog Add a Post**/
.D_md12 .Blog_series .Leftbox {
width: 100%;
}
.D_md12 .Blog_enter_box .Leftbox .entrys {
display: flex;
justify-content: space-between;
}
.D_md12 .Blog_enter_box .Leftbox .entrys .item {
width: 49%;
height: auto;
margin-bottom: 10px;
}
.D_md12 .Blog_enter_box .Leftbox .entrys .item .shadow {
opacity: 1 !important;
padding: 15px 10px;
top: 0;
background: rgba(65, 65, 65, 0.3);
}
.D_md12 .Blog_enter_box .Leftbox .entrys .item .btn1 {
display: none;
}
.D_md12 .Blog_enter_box .Leftbox .entrys .item .shadow .textbox .p1 {
font-size: 20px;
margin-bottom: 10px;
}
.D_md12 .Blog_enter_box .Leftbox .entrys .item .shadow .textbox .p2 {
font-size: 14px;
line-height: 16px;
}
.D_md12 .Blog_enter_box .Leftbox .entrys .item .btn {
width: 130px;
height: 30px;
line-height: 26px;
font-size: 16px;
}
.D_md12 .Blog_enter_box .Leftbox .entrys {
margin-bottom: 20px;
}
.D_md12 .Blog_enter_box .Leftbox .videobox {
width: 100%;
margin-bottom: 20px;
}
.D_md12 .Blog_enter_box .Leftbox .videobox .txtbox {
max-width: 100%;
padding: 0 10px;
margin: 0 auto 30px;
}
.D_md12 .Blog_enter_box .Leftbox .videobox .txtbox .p1 {
font-size: 20px;
margin-bottom: 10px;
}
.D_md12 .Blog_enter_box .Leftbox .videobox .txtbox .text {
font-size: 14px;
line-height: 16px;
}
.D_md12 .Blog_enter_box .Leftbox .videobox .txtbox .p2 {
font-size: 17px;
}
.D_md12 .Blog_enter_box .Leftbox .videobox .video {
height: auto;
padding: 0 10px;
max-width: 100%;
}
.D_md12 .Blog_enter_box .Leftbox .videobox .video video {
width: 100%;
height: auto;
max-width: 100%;
}
/*.D_md12 .Blog_enter_box .Leftbox .videobox .video .bg{display: none !important;}*/
.D_md12 .Blog_enter_box .Leftbox .stepbox .p1 {
font-size: 20px;
margin-bottom: 20px;
}
.D_md12 .Blog_enter_box .Leftbox .stepbox .imgbox {
padding: 0 10px;
margin-bottom: 30px;
}
.D_md12 .Blog_enter_box .Leftbox .stepbox .p2 {
font-size: 22px;
}
.D_md12 .Blog_series .Rightbox {
width: 100%;
}
.D_md12 .Blog_series .Rightbox .sec1 {
display: flex;
justify-content: space-between;
}
.D_md12 .Blog_series .Rightbox .sec1 .btn {
width: 48%;
font-size: 18px;
}
.D_md12 .Blog_series .Rightbox .sec2 .category_list {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
margin-top: 10px;
}
.D_md12 .Blog_series .Rightbox .sec2 .category_list li {
padding: 5px 5px;
}
.D_md12 .Blog_series .Rightbox .sec2 .category_list li > a {
border: none;
padding: 0 9px;
background: #5b7882;
color: #fff;
line-height: 24px;
height: auto;
font-size: 14px;
border-radius: 3px;
}
.D_md12 .Blog_series .Rightbox .sec2 .category_list li > a:after {
display: none;
}
/**Blog Add a Post**/
/**Blog Add a Tutoria**/
.D_md12 .writeblog_box .Leftbox .form_sec1 {
flex-wrap: nowrap;
margin-bottom: 20px;
}
.D_md12 .writeblog_box .Leftbox .listimg_box2 {
width: 180px;
height: 180px;
}
.wkblog-blog-editshare .D_md12 .writeblog_box .Leftbox .listimg_box2 {
width: 220px;
height: 160px;
}
.D_md12 .writeblog_box .Leftbox .rightform_box {
width: 100%;
min-height: auto;
padding-left: 30px;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list li {
height: 40px;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list .text {
font-size: 15px;
width: 100px;
line-height: 40px;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list .inputbox {
height: 40px;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list .inputsele {
height: 40px;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list .inputbox .inp {
padding: 0 25px;
font-size: 15px;
line-height: 40px;
height: 40px;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list .inputbox .inp[name="price"] {
width: 70px;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list .inputsele .xlbox .child_cate_box .xl_text {
height: 40px;
line-height: 40px;
padding: 0 25px;
font-size: 14px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 {
padding: 10px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .uploads_img {
padding: 10px;
}
.subscribe_files_2,
.subscribe_files_2 .spaninput,
.subscribe_files_2 .spaninput .span,
.subscribe_files_2 .spaninput input[type="file"] {
width: 40px;
height: 40px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li {
margin-bottom: 20px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .addvideo_btn {
margin-left: 10px;
width: 20px;
height: 20px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .addvideo_btn .btn {
width: 20px;
height: 20px;
background-size: cover !important;
padding: 0;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .edits {
width: 80px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .edits .edits_btn {
width: 20px;
height: 20px;
background-size: cover !important;
margin-top: 10px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .edits .set_step {
font-size: 14px;
line-height: 20px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .edits .set_step .num {
font-size: 14px;
padding: 0 5px;
line-height: 20px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .closebtn {
width: 10px;
height: 10px;
background-size: cover;
right: 15px;
top: 5px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .uploads_img .imgsbox .imgbox {
width: 40px;
height: 40px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .uploads_img .imgsbox img {
max-width: 35px;
max-height: 35px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .uploads_img .imgsbox .imgbox .delt {
top: auto;
bottom: 0px;
width: 13px;
height: 14px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area .append_btn {
float: none;
margin: 0 auto;
width: 150px;
height: 30px;
line-height: 26px;
font-size: 16px;
}
.D_md12 .writeblog_box .Leftbox .tbtns {
display: flex;
justify-content: space-around;
margin-top: 20px;
margin-bottom: 30px;
}
.D_md12 .writeblog_box .Leftbox .tbtns .btn_item {
width: 32%;
max-width: 150px;
height: 35px;
line-height: 35px;
font-size: 12px;
margin: 0 !important;
font-weight: normal;
white-space: nowrap;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec2 .step_title input {
font-size: 14px;
font-weight: normal;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list li {
height: auto;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list li.doubleli .inputbox .inp {
margin-right: 20px;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list li.doubleli .material {
width: auto;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list li.doubleli .material .text {
width: 80px;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list li.doubleli .material .addbox {
height: 30px;
line-height: 26px;
font-size: 15px;
padding: 0 20px;
}
/**Blog Add a Tutoria**/
/**Blog List**/
.D_md12 .listsort_box li {
font-size: 14px;
}
.D_md12 .Blog_list_box .blog_list .list li .imgbox img {
width: 100%;
}
.D_md12 .Blog_list_box .blog_list .list {
justify-content: space-between;
}
.D_md12 .Blog_list_box .blog_list .list li {
width: 24%;
margin-bottom: 20px;
}
.D_md12 .Blog_list_box .blog_list .list li.hasvideo .videobox:after {
font-size: 14px;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox {
padding: 10px 5px;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .title {
font-size: 14px;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .iconts {
display: flex;
justify-content: flex-start;
margin-bottom: 10px;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .iconts .icontitem {
min-width: auto;
margin-right: 10px;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .iconts .icontitem:last-of-type {
margin-right: 0px;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .iconts .icontitem i {
font-size: 14px;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .iconts .icontitem .num {
top: 0;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .namebox .memberbox img {
width: 20px;
height: 20px;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .namebox .memberbox .name {
font-size: 12px;
line-height: 14px;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .namebox .price {
font-size: 14px;
font-weight: bold;
line-height: 20px;
}
/**Blog List**/
/**Blog Detail**/
.Blog_info_box .blog_info_topbox .infotext .infotitle {
margin: 0 0 15px 0;
font-size: 20px;
line-height: 24px;
}
.Blog_info_box .blog_info_topbox .infotext .infotip_items li a {
line-height: 14px;
font-size: 14px;
}
.Blog_info_box .d_main_cont {
width: 100%;
padding: 20px 15px 0px !important;
}
.Blog_info_box .Rightbox {
width: 100% !important;
}
.D_md12 .Blog_series .Leftbox {
width: 100% !important;
}
.Blog_info_box .Step_points {
margin-bottom: 10px;
}
.Blog_info_box .Step_points .box1 {
font-size: 16px;
}
.Blog_info_box .Step_points .box2 {
margin-left: 0px;
}
.Blog_info_box .Step_points .box2 .list li {
margin: 0 0 10px 10px;
font-size: 14px;
}
.Blog_info_box .bloginfo_sec .infoimg_box {
max-height: 1000px;
}
.Blog_info_box .bloginfo_sec .infoimg_box .shadow {
top: 850px;
}
.Blog_info_box .bloginfo_sec .infotext_box {
font-size: 16px;
line-height: 20px;
}
.Blog_info_box .tags_box .box2 {
margin-left: 0px;
}
.Blog_info_box .tags_box .box2 .list li {
margin: 0 0 8px 5px;
}
.Blog_info_box .otherpages_box {
margin-bottom: 25px;
}
/**Blog Detail**/
/**Activity**/
.Activity_home .Ac_secitem {
margin-bottom: 25px;
}
.Activity_home .activity_home_sec1 .imglist .owl-controls {
bottom: 10px;
}
.Activity_home .activity_home_sec1 .imglist .owl-controls .owl-pagination {
height: auto;
}
.Activity_home .activity_home_sec1 .imglist .owl-controls .owl-page span {
width: 10px;
height: 10px;
margin: 0px 5px;
}
.Activity_home .Ac_secitem .ac_sec_tipname .p1 .name {
font-size: 22px;
line-height: 28px;
white-space: nowrap;
}
.Activity_home .Ac_secitem .ac_sec_tipname .p2 {
font-size: 16px;
margin-top: 3px;
}
.Activity_home .Ac_secitem .ac_sec_tipname {
margin-bottom: 15px;
}
.Activity_home .activity_home_sec2 .imglist2 .owl-controls {
margin-top: 5px;
}
.Activity_home .activity_home_sec2 .imglist2 .owl-controls .owl-pagination {
font-size: 0px;
}
.Activity_home .activity_home_sec2 .imglist2 .owl-controls .owl-page span {
width: 10px;
height: 10px;
margin: 0px 5px;
}
.Activity_home .applybtn,
.Activity_home .morebtn {
font-size: 14px;
width: 80px;
height: 25px;
line-height: 25px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item {
display: flex;
align-items: center;
flex-wrap: nowrap;
justify-content: space-between;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .leftbox {
flex: 1 0 auto;
width: 235px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .leftbox .text {
font-size: 15px;
line-height: 30px;
height: 30px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox {
overflow: hidden;
flex: 2 1 auto;
margin-left: 25px;
width: 438px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .imglist3 {
width: 100%;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .imglist3 li {
margin: 0 1px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .controlbtn {
width: 20px;
height: 20px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .controlbtn_left {
left: 3px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .controlbtn_right {
right: 3px;
}
.Activity_home .activity_home_sec4 .imgsliderBox {
margin-top: 15px;
}
.Activity_home .activity_home_sec4 .swiper-container {
width: 100%;
}
.Activity_home .activity_home_sec4 .swiper-container .swiper-pagination {
position: static;
}
.Activity_home .activity_home_sec4 .swiper-container .swiper-pagination-bullet {
width: 10px;
height: 10px;
border-radius: 50%;
margin: 0 5px;
opacity: 0.5;
background: #869791;
}
.Activity_home .activity_home_sec4 .swiper-container .swiper-pagination-bullet-active {
background: #869791;
opacity: 1;
}
.activity_list_topname {
font-size: 20px;
line-height: 35px;
}
.Activity_online .activity_online_list li {
width: 49%;
margin-bottom: 20px;
}
.Activity_online .activity_online_list li .imgbox .shadow {
top: 0 !important;
height: auto;
}
.Activity_online .activity_online_list li .imgbox .shadow .p1 {
font-size: 14px;
}
.Activity_online .activity_online_list li .imgbox .shadow .p1 .num {
margin-right: 13px;
}
.Activity_online .activity_online_list li .imgbox .shadow .p2 {
font-size: 12px;
}
.Activity_online .activity_online_list li .descbox {
padding: 10px 8px;
}
.Activity_online .activity_online_list li .descbox .name {
font-size: 16px;
padding-right: 35px;
margin-bottom: 5px;
}
.Activity_online .activity_online_list li .descbox .love {
width: 16px;
height: 15px;
top: 10px;
right: 8px;
}
.Activity_online .activity_online_list li .descbox .entries {
font-size: 13px;
}
.Activity_online .activity_online_list li .descbox .enter {
width: 100px;
height: 25px;
font-size: 14px;
line-height: 21px;
}
.Activity_winner .activity_home_sec3 .winners_box .winners_item {
align-items: flex-start;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .imglist3 li .member_box {
position: static;
padding: 3px 5px;
overflow: hidden;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .imglist3 li .member_box .title {
font-size: 14px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .imglist3 li .member_box .member img {
width: 20px;
height: 20px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .imglist3 li .member_box .member .flexbox .name {
font-size: 12px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .imglist3 li .member_box .iconts {
/*position: static;float: right;margin-top: 2px;*/
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .imglist3 li .member_box .iconts .num {
font-size: 12px;
}
.D_md12 .Activity_onlineinfo .infoTop .textbox {
min-height: auto;
height: auto;
position: static;
background: #EAEAEA;
}
.D_md12 .Activity_onlineinfo .infoTop .textbox .title {
font-size: 30px;
line-height: 35px;
padding-top: 5px;
color: #000;
}
.D_md12 .Activity_onlineinfo .infoTop .textbox .time {
margin-top: 5px;
font-size: 16px;
padding-bottom: 3px;
color: #000;
}
.D_md12 .Activity_onlineinfo .infoIntro {
padding: 20px 0;
}
.D_md12 .Activity_onlineinfo .infoIntro .lover .loverbtn {
width: 27px;
height: 25px;
}
.D_md12 .Activity_onlineinfo .infoIntro .lover .lovernum {
font-size: 14px;
margin-top: 8px;
}
.D_md12 .Activity_onlineinfo .infoIntro .textbox {
width: 96%;
font-size: 16px;
line-height: 19px;
margin: 20px auto;
max-width: 850px;
}
.D_md12 .Activity_onlineinfo .infoIntro .btns .btnitem {
font-size: 14px;
width: 120px;
max-width: 50%;
height: 30px;
line-height: 26px;
}
.D_md12 .Activity_onlineinfo .infoPrize {
padding: 20px 0;
}
.D_md12 .Activity_onlineinfo .infoPrize .tiptxt {
font-size: 25px;
}
.D_md12 .w1280 {
width: 98%;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox .list {
flex-wrap: wrap;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li {
width: 49.5%;
height: auto;
margin-bottom: 20px;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li .textbox {
position: static;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li .textbox .title {
font-size: 20px;
margin-bottom: 8px;
text-align: center;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li .textbox .probox .allword,
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li .textbox .probox .partword {
font-size: 14px;
text-align: center;
line-height: 18px;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li .textbox .probox .allword a,
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li .textbox .probox .partword a {
font-size: 17px;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li .textbox .probox .partword {
display: none;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li .textbox .probox .allword {
display: block;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li .more {
visibility: visible !important;
background: none;
width: auto;
height: auto;
/*top:5px;left:5px;*/
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li .more i {
font-size: 25px;
color: #333;
top: 5px !important;
left: 5px !important;
}
.D_md12 .Activity_onlineinfo .infoEntries .tiptxt {
font-size: 25px;
}
.D_md12 .Activity_onlineinfo .infoEntries {
padding: 20px 0;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box {
margin-top: 25px;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list li {
width: 33%;
margin-bottom: 20px;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .heads {
padding: 0 5px;
min-height: 45px;
height: auto;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .heads .memberhead_box .imgbox {
width: 30px;
height: 30px;
flex: 0 0 auto;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .imgbox2 {
padding: 0 5px 5px;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .heads .price {
font-size: 15px;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .heads .memberhead_box .name {
font-size: 15px;
margin-left: 5px;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .descbox {
padding: 7px 5px;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .descbox .title {
font-size: 16px;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .descbox .iconts {
margin-top: 5px;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .descbox .iconts {
display: flex;
align-items: center;
justify-content: space-between;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .descbox .iconts .icontitem {
font-size: 12px;
margin-right: 0px;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .descbox .iconts .icontitem i {
font-size: 16px;
}
.D_md12 .Activity_onlineinfo .winner_sec {
margin: 20px 0;
}
.D_md12 .Activity_onlineinfo .winner_sec .sec_tip {
font-size: 25px;
margin-bottom: 18px;
color: #000;
border: none;
font-style: italic;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners {
background: none;
padding-bottom: 0px;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox {
width: 100%;
margin: 0 auto;
box-shadow: none;
padding: 10px 10px;
max-width: 795px;
display: flex;
align-items: center;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox .imgbox {
width: 400px;
flex: 0 1 auto;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox .textbox {
width: 325px;
padding: 0 0 0 5px;
flex: 1 1 auto;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox .textbox .memberhead_box {
padding: 10px 10px;
justify-content: center;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox .textbox .memberhead_box .headimg {
width: 40px;
height: 40px;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox .textbox .memberhead_box .name {
font-size: 18px;
margin-left: 8px;
font-weight: normal;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox .textbox .title {
padding: 0px 10px;
font-size: 18px;
text-align: center;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox .textbox .text {
padding: 5px 10px 0;
text-align: center;
font-size: 18px;
line-height: 22px;
margin-bottom: 0px;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox .iconts {
display: flex;
align-items: center;
justify-content: space-around;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox .iconts .icontitem {
font-size: 12px;
margin-right: 0px;
min-width: auto;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox .iconts .icontitem i {
font-size: 16px;
}
.D_md12 .Activity_onlineinfo .winlist .list li {
width: auto;
/*margin-bottom: 20px;*/
}
.D_md12 .Activity_onlineinfo .winlist .list .heads {
padding: 0 5px;
min-height: 45px;
height: auto;
}
.D_md12 .Activity_onlineinfo .winlist .list .heads .memberhead_box .imgbox {
width: 25px;
height: 25px;
flex: 0 0 auto;
}
.D_md12 .Activity_onlineinfo .winlist .list .imgbox2 {
padding: 0 5px 5px;
}
.D_md12 .Activity_onlineinfo .winlist .list .heads .price {
font-size: 15px;
}
.D_md12 .Activity_onlineinfo .winlist .list .heads .memberhead_box .name {
font-size: 15px;
margin-left: 5px;
}
.D_md12 .Activity_onlineinfo .winlist .list .descbox {
padding: 7px 5px;
}
.D_md12 .Activity_onlineinfo .winlist .list .descbox .title {
font-size: 16px;
}
.D_md12 .Activity_onlineinfo .winlist .list .descbox .iconts {
margin-top: 8px;
}
.D_md12 .Activity_onlineinfo .winlist .list .descbox .iconts {
display: flex;
align-items: center;
justify-content: space-between;
}
.D_md12 .Activity_onlineinfo .winlist .list .descbox .iconts .icontitem {
font-size: 12px;
margin-right: 0px;
}
.D_md12 .Activity_onlineinfo .winlist .list .descbox .iconts .icontitem i {
font-size: 16px;
}
.owl-theme .owl-controls .owl-page span {
width: 8px;
height: 8px;
margin: 2px 3px;
border-radius: 50%;
}
.D_md12 .Activity_offlineinfo .infoIntro .textbox .offline_field li {
width: 49%;
}
.D_md12 .Activity_offlineinfo .infoIntro .textbox .offline_field li i {
top: 2px;
}
.w1170 {
width: 98%;
}
.D_md12 .Activity_offlineinfo .cpjs_list li {
margin-bottom: 20px;
}
.D_md12 .Activity_offlineinfo .offline_wordbox {
margin-top: 30px;
}
.D_md12 .Activity_offlineinfo .tipbox {
width: 100%;
float: none;
}
.D_md12 .Activity_offlineinfo .tipbox .num {
display: none;
}
.D_md12 .Activity_offlineinfo .tipbox .name {
position: static;
width: 100%;
text-align: center;
background: none;
color: #000;
font-size: 22px;
font-weight: bold;
}
.D_md12 .Activity_offlineinfo .tipbox .name:after {
display: none;
}
.D_md12 .Activity_offlineinfo .descbox {
width: 100%;
}
.D_md12 .Activity_offlineinfo .textbox {
font-size: 16px;
line-height: 27px;
}
.D_md12 .Activity_offlineinfo .offline_wordbox .infoimg_box {
max-height: 1300px;
}
.D_md12 .Activity_offlineinfo .offline_wordbox .infoimg_box .shadow {
top: 1150px;
}
.D_md12 .Activity_offlineinfo .offline_addcont {
width: 100%;
}
.D_md12 .Activity_offlineinfo .offline_addcont .append_btn {
width: 130px;
height: 35px;
line-height: 31px;
font-size: 16px;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox {
margin-top: 20px;
padding: 10px 5px;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .formsec .formtips {
font-size: 18px;
text-align: center;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .imginputs .oldimgs {
padding: 8px 5px;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .imginputs .oldimgs .oldimg_item {
width: 40px;
height: 40px;
margin-right: 5px;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .imginputs .oldimgs .oldimg_item img {
max-width: 35px;
max-height: 35px;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .imginputs .oldimgs .oldimg_item .scimg {
width: 13px;
height: 14px;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox li {
padding-left: 0px;
flex-wrap: wrap;
/*padding-right: 18px;*/
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .imginputs li:before {
display: none;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .imginputs li .imginput_box {
width: 100%;
margin-bottom: 7px;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .formsec .imginp_cont .filename {
flex: 1 1 auto;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .formsec .imginp_cont .subscribe_files_3 {
/*width: 100px;*/
}
.subscribe_files_3 .spaninput {
max-width: 100%;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .formsec .imginp_cont .subscribe_files_3 .spaninput .span {
max-width: 100%;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .imginputs li .imginput_box {
padding-right: 0px;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .formsec .imginp_cont {
width: 100%;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .imginputs li .delt {
/*width: 8px;height: 8px;*/
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .addmore {
margin: 0 auto;
float: none;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .addmore {
height: 25px;
line-height: 23px;
width: 80px;
font-size: 14px;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .videoinputs li .left {
font-size: 15px;
width: 50px;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .videoinputs li {
padding-right: 0px;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .videoinputs li .right {
width: auto;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .videoinputs .or {
font-size: 15px;
width: 50px;
}
.D_md12 .Activity_offlineinfo .offline_wordbox .btns .btnitem {
width: 100px;
height: 25px;
line-height: 25px;
font-size: 14px;
}
.D_md12 .offline_comments {
width: 100%;
}
.D_md12 .offline_comments .comments_list .tips {
font-size: 18px;
text-align: center;
margin-bottom: 20px;
}
.D_md12 .offline_comments .comments_list .list li .headbox .headimg {
width: 35px;
height: 35px;
}
.D_md12 .offline_comments .comments_list .list li .descbox {
padding-left: 43px;
}
.D_md12 .offline_comments .comments_list .list li .descbox .text {
font-size: 14px;
line-height: 18px;
}
/**Activity**/
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
/**Register Login**/
.D_md12 .D_loginBox .D_login_formbox {
left: 0;
right: 0;
margin: auto;
}
/**Register Login**/
/**Blog Add a Post**/
.D_md12 .Blog_series .Leftbox {
width: 80%;
}
.D_md12 .Blog_enter_box .Leftbox .entrys {
display: flex;
justify-content: space-between;
}
.D_md12 .Blog_enter_box .Leftbox .entrys .item {
width: 49%;
height: auto;
margin-bottom: 10px;
}
.D_md12 .Blog_enter_box .Leftbox .entrys .item .shadow {
opacity: 1 !important;
padding: 15px 10px;
top: 0;
background: rgba(65, 65, 65, 0.3);
}
.D_md12 .Blog_enter_box .Leftbox .entrys .item .btn1 {
display: none;
}
.D_md12 .Blog_enter_box .Leftbox .entrys .item .shadow .textbox .p1 {
font-size: 20px;
margin-bottom: 10px;
}
.D_md12 .Blog_enter_box .Leftbox .entrys .item .shadow .textbox .p2 {
font-size: 14px;
line-height: 16px;
}
.D_md12 .Blog_enter_box .Leftbox .entrys .item .btn {
width: 130px;
height: 30px;
line-height: 26px;
font-size: 16px;
}
.D_md12 .Blog_enter_box .Leftbox .entrys {
margin-bottom: 20px;
}
.D_md12 .Blog_enter_box .Leftbox .videobox {
width: 100%;
margin-bottom: 20px;
}
.D_md12 .Blog_enter_box .Leftbox .videobox .txtbox {
max-width: 100%;
padding: 0 10px;
margin: 0 auto 30px;
}
.D_md12 .Blog_enter_box .Leftbox .videobox .txtbox .p1 {
font-size: 20px;
margin-bottom: 10px;
}
.D_md12 .Blog_enter_box .Leftbox .videobox .txtbox .text {
font-size: 14px;
line-height: 16px;
}
.D_md12 .Blog_enter_box .Leftbox .videobox .txtbox .p2 {
font-size: 17px;
}
.D_md12 .Blog_enter_box .Leftbox .videobox .video {
height: auto;
padding: 0 10px;
max-width: 100%;
}
.D_md12 .Blog_enter_box .Leftbox .videobox .video video {
width: 100%;
height: auto;
max-width: 100%;
}
/*.D_md12 .Blog_enter_box .Leftbox .videobox .video .bg{display: none !important;}*/
.D_md12 .Blog_enter_box .Leftbox .stepbox .p1 {
font-size: 20px;
margin-bottom: 20px;
}
.D_md12 .Blog_enter_box .Leftbox .stepbox .imgbox {
padding: 0 10px;
margin-bottom: 30px;
}
.D_md12 .Blog_enter_box .Leftbox .stepbox .p2 {
font-size: 22px;
}
.D_md12 .Blog_series .Rightbox {
width: 19%;
}
.D_md12 .Blog_series .Rightbox .sec1 .btn {
font-size: 18px;
}
.D_md12 .Blog_series .Rightbox .sec2 .category_list {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
margin-top: 10px;
}
.D_md12 .Blog_series .Rightbox .sec2 .category_list li {
padding: 5px 5px;
}
.D_md12 .Blog_series .Rightbox .sec2 .category_list li > a {
border: none;
padding: 0 9px;
background: #5b7882;
color: #fff;
line-height: 24px;
height: auto;
font-size: 14px;
border-radius: 3px;
}
.D_md12 .Blog_series .Rightbox .sec2 .category_list li > a:after {
display: none;
}
/**Blog Add a Post**/
/**Blog Add a Tutoria**/
.D_md12 .writeblog_box .Leftbox .form_sec1 {
flex-wrap: nowrap;
margin-bottom: 20px;
}
.D_md12 .writeblog_box .Leftbox .listimg_box2 {
width: 180px;
height: 180px;
}
.wkblog-blog-editshare .D_md12 .writeblog_box .Leftbox .listimg_box2 {
width: 220px;
height: 160px;
}
.D_md12 .writeblog_box .Leftbox .rightform_box {
width: 100%;
min-height: auto;
padding-left: 30px;
/*margin-top: 20px;*/
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list li {
height: 40px;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list .text {
font-size: 15px;
width: 100px;
line-height: 40px;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list .inputbox {
height: 40px;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list .inputsele {
height: 40px;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list .inputbox .inp {
padding: 0 25px;
font-size: 15px;
line-height: 40px;
height: 40px;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list li.doubleli .inputbox .inp[name="price"] {
width: 70px;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list .inputsele .xlbox .child_cate_box .xl_text {
height: 40px;
line-height: 40px;
padding: 0 25px;
font-size: 14px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 {
padding: 10px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .uploads_img {
padding: 10px;
}
.subscribe_files_2,
.subscribe_files_2 .spaninput,
.subscribe_files_2 .spaninput .span,
.subscribe_files_2 .spaninput input[type="file"] {
width: 40px;
height: 40px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li {
margin-bottom: 20px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .addvideo_btn {
margin-left: 10px;
width: 20px;
height: 20px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .addvideo_btn .btn {
width: 20px;
height: 20px;
background-size: cover !important;
padding: 0;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .edits {
width: 80px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .edits .edits_btn {
width: 20px;
height: 20px;
background-size: cover !important;
margin-top: 10px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .edits .set_step {
font-size: 14px;
line-height: 20px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .edits .set_step .num {
font-size: 14px;
padding: 0 5px;
line-height: 20px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .closebtn {
width: 10px;
height: 10px;
background-size: cover;
right: 15px;
top: 5px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .uploads_img .imgsbox .imgbox {
width: 40px;
height: 40px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .uploads_img .imgsbox img {
max-width: 35px;
max-height: 35px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .uploads_img .imgsbox .imgbox .delt {
top: auto;
bottom: 0px;
width: 13px;
height: 14px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area .append_btn {
float: none;
margin: 0 auto;
width: 150px;
height: 30px;
line-height: 26px;
font-size: 16px;
}
.D_md12 .writeblog_box .Leftbox .tbtns {
display: flex;
justify-content: space-around;
margin-top: 20px;
margin-bottom: 30px;
}
.D_md12 .writeblog_box .Leftbox .tbtns .btn_item {
width: 32%;
max-width: 150px;
height: 35px;
line-height: 35px;
font-size: 12px;
margin: 0 !important;
font-weight: normal;
white-space: nowrap;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec2 .step_title input {
font-size: 14px;
font-weight: normal;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list li {
height: auto;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list li.doubleli .inputbox .inp {
margin-right: 20px;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list li.doubleli .material {
width: auto;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list li.doubleli .material .text {
width: 80px;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list li.doubleli .material .addbox {
height: 30px;
line-height: 26px;
font-size: 15px;
padding: 0 20px;
}
/**Blog Add a Tutoria**/
/**Blog List**/
.D_md12 .listsort_box li {
font-size: 14px;
}
.D_md12 .Blog_list_box .blog_list .list li .imgbox img {
width: 100%;
}
.D_md12 .Blog_list_box .blog_list .list {
justify-content: space-between;
}
.D_md12 .Blog_list_box .blog_list .list li {
width: 24%;
margin-bottom: 20px;
}
.D_md12 .Blog_list_box .blog_list .list li.hasvideo .videobox:after {
font-size: 14px;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox {
padding: 10px 5px;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .title {
font-size: 14px;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .iconts {
display: flex;
justify-content: flex-start;
margin-bottom: 10px;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .iconts .icontitem {
min-width: auto;
margin-right: 10px;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .iconts .icontitem:last-of-type {
margin-right: 0px;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .iconts .icontitem i {
font-size: 14px;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .iconts .icontitem .num {
top: 0;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .namebox .memberbox img {
width: 20px;
height: 20px;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .namebox .memberbox .name {
font-size: 12px;
line-height: 14px;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .namebox .price {
font-size: 14px;
font-weight: bold;
line-height: 20px;
}
/**Blog List**/
/**Blog Detail**/
.Blog_info_box .d_main_cont {
width: 100%;
padding: 20px 15px 0;
}
.D_md12 .Blog_info_box .Leftbox {
width: 79% !important;
}
.D_md12 .Blog_info_box .Rightbox {
width: 19% !important;
}
/**Blog Detail**/
/**Activity**/
.Activity_home .Ac_secitem {
margin-bottom: 25px;
}
.Activity_home .activity_home_sec1 .imglist .owl-controls {
bottom: 10px;
}
.Activity_home .activity_home_sec1 .imglist .owl-controls .owl-pagination {
height: auto;
}
.Activity_home .activity_home_sec1 .imglist .owl-controls .owl-page span {
width: 10px;
height: 10px;
margin: 0px 5px;
}
.Activity_home .Ac_secitem .ac_sec_tipname .p1 .name {
font-size: 22px;
line-height: 28px;
white-space: nowrap;
}
.Activity_home .Ac_secitem .ac_sec_tipname .p2 {
font-size: 16px;
margin-top: 3px;
}
.Activity_home .Ac_secitem .ac_sec_tipname {
margin-bottom: 15px;
}
.Activity_home .activity_home_sec2 .imglist2 .owl-controls {
margin-top: 5px;
}
.Activity_home .activity_home_sec2 .imglist2 .owl-controls .owl-pagination {
font-size: 0px;
}
.Activity_home .activity_home_sec2 .imglist2 .owl-controls .owl-page span {
width: 10px;
height: 10px;
margin: 0px 5px;
}
.Activity_home .applybtn,
.Activity_home .morebtn {
font-size: 14px;
width: 80px;
height: 25px;
line-height: 25px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item {
display: flex;
align-items: center;
flex-wrap: nowrap;
justify-content: space-between;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .leftbox {
flex: 1 0 auto;
width: 285px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .leftbox .text {
font-size: 18px;
line-height: 30px;
height: 30px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox {
overflow: hidden;
flex: 2 1 auto;
margin-left: 25px;
width: 532px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .imglist3 {
width: 100%;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .imglist3 li {
margin: 0 1px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .controlbtn {
width: 20px;
height: 20px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .controlbtn_left {
left: 3px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .controlbtn_right {
right: 3px;
}
.Activity_home .activity_home_sec4 .imgsliderBox {
margin-top: 15px;
}
.Activity_home .activity_home_sec4 .swiper-container {
width: 100%;
}
.Activity_home .activity_home_sec4 .swiper-container .swiper-pagination {
position: static;
}
.Activity_home .activity_home_sec4 .swiper-container .swiper-pagination-bullet {
width: 10px;
height: 10px;
border-radius: 50%;
margin: 0 5px;
opacity: 0.5;
background: #869791;
}
.Activity_home .activity_home_sec4 .swiper-container .swiper-pagination-bullet-active {
background: #869791;
opacity: 1;
}
.activity_list_topname {
font-size: 20px;
line-height: 35px;
}
.Activity_online .activity_online_list li {
width: 33%;
margin-bottom: 20px;
}
.Activity_online .activity_online_list li .imgbox .shadow {
top: 0 !important;
height: auto;
}
.Activity_online .activity_online_list li .imgbox .shadow .p1 {
font-size: 14px;
}
.Activity_online .activity_online_list li .imgbox .shadow .p1 .num {
margin-right: 13px;
}
.Activity_online .activity_online_list li .imgbox .shadow .p2 {
font-size: 12px;
}
.Activity_online .activity_online_list li .descbox {
padding: 10px 8px;
}
.Activity_online .activity_online_list li .descbox .name {
font-size: 16px;
padding-right: 35px;
margin-bottom: 5px;
}
.Activity_online .activity_online_list li .descbox .love {
width: 16px;
height: 15px;
top: 10px;
right: 8px;
}
.Activity_online .activity_online_list li .descbox .entries {
font-size: 13px;
}
.Activity_online .activity_online_list li .descbox .enter {
width: 100px;
height: 25px;
font-size: 14px;
line-height: 21px;
}
.Activity_winner .activity_home_sec3 .winners_box .winners_item {
align-items: flex-start;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .imglist3 li .member_box {
position: static;
padding: 3px 5px;
overflow: hidden;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .imglist3 li .member_box .title {
font-size: 14px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .imglist3 li .member_box .member img {
width: 20px;
height: 20px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .imglist3 li .member_box .member .flexbox .name {
font-size: 12px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .imglist3 li .member_box .iconts {
/*position: static;float: right;margin-top: 2px;*/
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .imglist3 li .member_box .iconts .num {
font-size: 12px;
}
.D_md12 .Activity_onlineinfo .infoTop .textbox {
min-height: auto;
height: auto;
/*position: static;background: #EAEAEA;*/
}
.D_md12 .Activity_onlineinfo .infoTop .textbox .title {
font-size: 30px;
line-height: 35px;
padding-top: 5px;
/*color: #000;*/
}
.D_md12 .Activity_onlineinfo .infoTop .textbox .time {
margin-top: 5px;
font-size: 16px;
padding-bottom: 8px;
/*color: #000;*/
}
.D_md12 .Activity_onlineinfo .infoIntro {
padding: 20px 0;
}
.D_md12 .Activity_onlineinfo .infoIntro .lover .loverbtn {
width: 27px;
height: 25px;
}
.D_md12 .Activity_onlineinfo .infoIntro .lover .lovernum {
font-size: 14px;
margin-top: 8px;
}
.D_md12 .Activity_onlineinfo .infoIntro .textbox {
width: 96%;
font-size: 16px;
line-height: 19px;
margin: 20px auto;
max-width: 850px;
}
.D_md12 .Activity_onlineinfo .infoIntro .btns .btnitem {
font-size: 14px;
width: 120px;
max-width: 50%;
height: 30px;
line-height: 26px;
}
.D_md12 .Activity_onlineinfo .infoPrize {
padding: 20px 0;
}
.D_md12 .Activity_onlineinfo .infoPrize .tiptxt {
font-size: 25px;
}
.D_md12 .w1280 {
width: 98%;
max-width: 1280px;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox .list {
flex-wrap: wrap;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li {
width: 24.5%;
height: auto;
margin-bottom: 20px;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li .textbox {
position: static;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li .textbox .title {
font-size: 20px;
margin-bottom: 8px;
text-align: center;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li .textbox .probox .allword,
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li .textbox .probox .partword {
font-size: 14px;
text-align: center;
line-height: 18px;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li .textbox .probox .allword a,
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li .textbox .probox .partword a {
font-size: 17px;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li .textbox .probox .partword {
display: none;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li .textbox .probox .allword {
display: block;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li .more i {
font-size: 25px;
color: #333;
top: 5px !important;
left: 5px !important;
}
.D_md12 .Activity_onlineinfo .infoEntries .tiptxt {
font-size: 25px;
}
.D_md12 .Activity_onlineinfo .infoEntries {
padding: 20px 0;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box {
margin-top: 25px;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list li {
width: 33%;
margin-bottom: 20px;
max-width: 400px;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .heads {
padding: 0 5px;
min-height: 45px;
height: auto;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .heads .memberhead_box .imgbox {
width: 32px;
height: 32px;
flex: 0 0 auto;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .imgbox2 {
padding: 0 5px 5px;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .heads .price {
font-size: 16px;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .heads .memberhead_box .name {
font-size: 16px;
margin-left: 5px;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .descbox {
padding: 7px 5px;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .descbox .title {
font-size: 16px;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .descbox .iconts {
margin-top: 5px;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .descbox .iconts {
display: flex;
align-items: center;
justify-content: space-between;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .descbox .iconts .icontitem {
font-size: 12px;
margin-right: 0px;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .descbox .iconts .icontitem i {
font-size: 16px;
}
.D_md12 .Activity_onlineinfo .winner_sec {
margin: 20px 0;
}
.D_md12 .Activity_onlineinfo .winner_sec .sec_tip {
font-size: 25px;
margin-bottom: 25px;
color: #000;
border: none;
font-style: italic;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners {
padding-bottom: 0px;
padding-bottom: 70px;
background-size: 100% auto;
width: 950px;
margin: 0 auto;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox {
width: 100%;
margin: 0 0 0 70px;
box-shadow: none;
padding: 10px 10px;
max-width: 650px;
display: flex;
align-items: center;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox .imgbox {
width: 400px;
flex: 0 1 auto;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox .textbox {
width: 325px;
padding: 0 0 0 5px;
flex: 1 1 auto;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox .textbox .memberhead_box {
padding: 10px 10px;
justify-content: center;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox .textbox .memberhead_box .headimg {
width: 30px;
height: 30px;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox .textbox .memberhead_box .name {
font-size: 16px;
margin-left: 8px;
font-weight: normal;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox .textbox .title {
padding: 0px 10px;
font-size: 15px;
text-align: center;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox .textbox .text {
padding: 5px 10px 0;
text-align: center;
font-size: 16px;
line-height: 20px;
margin-bottom: 0px;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox .iconts {
display: flex;
align-items: center;
justify-content: space-around;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox .iconts .icontitem {
font-size: 12px;
margin-right: 0px;
min-width: auto;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox .iconts .icontitem i {
font-size: 16px;
}
.D_md12 .Activity_onlineinfo .winlist .list li {
width: auto;
max-width: 400px;
}
.D_md12 .Activity_onlineinfo .winlist .list .heads {
padding: 0 5px;
min-height: 45px;
height: auto;
}
.D_md12 .Activity_onlineinfo .winlist .list .heads .memberhead_box .imgbox {
width: 32px;
height: 32px;
flex: 0 0 auto;
}
.D_md12 .Activity_onlineinfo .winlist .list .imgbox2 {
padding: 0 5px 5px;
}
.D_md12 .Activity_onlineinfo .winlist .list .heads .price {
font-size: 16px;
}
.D_md12 .Activity_onlineinfo .winlist .list .heads .memberhead_box .name {
font-size: 16px;
margin-left: 5px;
}
.D_md12 .Activity_onlineinfo .winlist .list .descbox {
padding: 7px 5px;
}
.D_md12 .Activity_onlineinfo .winlist .list .descbox .title {
font-size: 18px;
}
.D_md12 .Activity_onlineinfo .winlist .list .descbox .iconts {
margin-top: 8px;
}
.D_md12 .Activity_onlineinfo .winlist .list .descbox .iconts {
display: flex;
align-items: center;
justify-content: space-between;
}
.D_md12 .Activity_onlineinfo .winlist .list .descbox .iconts .icontitem {
font-size: 12px;
margin-right: 0px;
min-width: auto;
}
.D_md12 .Activity_onlineinfo .winlist .list .descbox .iconts .icontitem i {
font-size: 16px;
}
.owl-theme .owl-controls .owl-page span {
width: 8px;
height: 8px;
margin: 2px 3px;
border-radius: 50%;
}
.D_md12 .Activity_offlineinfo .infoIntro .textbox .offline_field li {
/*width: 49%;*/
}
.D_md12 .Activity_offlineinfo .infoIntro .textbox .offline_field li i {
top: 2px;
}
.w1170 {
width: 98%;
}
.D_md12 .Activity_offlineinfo .cpjs_list li {
margin-bottom: 20px;
}
.D_md12 .Activity_offlineinfo .offline_wordbox {
margin-top: 30px;
}
.D_md12 .Activity_offlineinfo .tipbox {
width: 100%;
float: none;
}
.D_md12 .Activity_offlineinfo .tipbox .num {
display: none;
}
.D_md12 .Activity_offlineinfo .tipbox .name {
margin-bottom: 15px;
position: static;
width: 100%;
text-align: center;
background: none;
color: #000;
font-size: 25px;
font-weight: bold;
}
.D_md12 .Activity_offlineinfo .tipbox .name:after {
display: none;
}
.D_md12 .Activity_offlineinfo .descbox {
width: 100%;
}
.D_md12 .Activity_offlineinfo .textbox {
font-size: 16px;
line-height: 27px;
}
.D_md12 .Activity_offlineinfo .offline_wordbox .infoimg_box {
max-height: 1300px;
}
.D_md12 .Activity_offlineinfo .offline_wordbox .infoimg_box .shadow {
top: 1150px;
}
.D_md12 .Activity_offlineinfo .offline_addcont {
width: 100%;
}
.D_md12 .Activity_offlineinfo .offline_addcont .append_btn {
width: 130px;
height: 35px;
line-height: 31px;
font-size: 16px;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox {
margin-top: 20px;
padding: 20px;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .formsec .formtips {
font-size: 20px;
text-align: center;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .videoinputs li .left {
font-size: 15px;
width: 50px;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .videoinputs li {
padding-right: 0px;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .videoinputs li .right {
width: auto;
}
.D_md12 .Activity_offlineinfo .offline_addcont .addcont_formbox .videoinputs .or {
font-size: 15px;
width: 50px;
}
.D_md12 .Activity_offlineinfo .offline_wordbox .btns .btnitem {
width: 100px;
height: 25px;
line-height: 25px;
font-size: 14px;
}
.D_md12 .offline_comments {
width: 100%;
}
.D_md12 .offline_comments .comments_list .tips {
font-size: 18px;
text-align: center;
margin-bottom: 20px;
}
.D_md12 .offline_comments .comments_list .list li .headbox .headimg {
width: 35px;
height: 35px;
}
.D_md12 .offline_comments .comments_list .list li .descbox {
padding-left: 43px;
}
.D_md12 .offline_comments .comments_list .list li .descbox .text {
font-size: 14px;
line-height: 18px;
}
/**Activity**/
.banner-static-home .row .col .textbox .text {
font-size: 20px;
line-height: 25px;
}
}
@media screen and (max-width: 1183px) {
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .imglist3 li .member_box {
display: none;
}
}
@media screen and (min-width: 1200px) and (max-width: 1365px) {
/**Blog Add a Post**/
.D_md12 .Blog_series .Leftbox {
width: 80%;
}
.D_md12 .Blog_enter_box .Leftbox .entrys {
display: flex;
justify-content: space-between;
}
.D_md12 .Blog_enter_box .Leftbox .entrys .item {
width: 49%;
height: auto;
margin-bottom: 10px;
}
.D_md12 .Blog_enter_box .Leftbox .entrys .item .shadow {
opacity: 1 !important;
padding: 15px 10px;
top: 0;
background: rgba(65, 65, 65, 0.3);
}
.D_md12 .Blog_enter_box .Leftbox .entrys .item .btn1 {
display: none;
}
.D_md12 .Blog_enter_box .Leftbox .entrys .item .shadow .textbox .p1 {
font-size: 20px;
margin-bottom: 10px;
}
.D_md12 .Blog_enter_box .Leftbox .entrys .item .shadow .textbox .p2 {
font-size: 14px;
line-height: 16px;
}
.D_md12 .Blog_enter_box .Leftbox .entrys .item .btn {
width: 130px;
height: 30px;
line-height: 26px;
font-size: 16px;
}
.D_md12 .Blog_enter_box .Leftbox .entrys {
margin-bottom: 20px;
}
.D_md12 .Blog_enter_box .Leftbox .videobox {
width: 100%;
margin-bottom: 20px;
}
.D_md12 .Blog_enter_box .Leftbox .videobox .txtbox {
max-width: 100%;
padding: 0 10px;
margin: 0 auto 30px;
}
.D_md12 .Blog_enter_box .Leftbox .videobox .txtbox .p1 {
font-size: 20px;
margin-bottom: 10px;
}
.D_md12 .Blog_enter_box .Leftbox .videobox .txtbox .text {
font-size: 14px;
line-height: 16px;
}
.D_md12 .Blog_enter_box .Leftbox .videobox .txtbox .p2 {
font-size: 17px;
}
.D_md12 .Blog_enter_box .Leftbox .videobox .video {
height: auto;
padding: 0 10px;
max-width: 100%;
}
.D_md12 .Blog_enter_box .Leftbox .videobox .video video {
width: 100%;
height: auto;
max-width: 100%;
}
/*.D_md12 .Blog_enter_box .Leftbox .videobox .video .bg{display: none !important;}*/
.D_md12 .Blog_enter_box .Leftbox .stepbox .p1 {
font-size: 20px;
margin-bottom: 20px;
}
.D_md12 .Blog_enter_box .Leftbox .stepbox .imgbox {
padding: 0 10px;
margin-bottom: 30px;
}
.D_md12 .Blog_enter_box .Leftbox .stepbox .p2 {
font-size: 22px;
}
.D_md12 .Blog_series .Rightbox {
width: 19%;
}
.D_md12 .Blog_series .Rightbox .sec1 .btn {
font-size: 18px;
}
/**Blog Add a Post**/
/**Blog Add a Tutoria**/
.D_md12 .writeblog_box .Leftbox .form_sec1 {
flex-wrap: nowrap;
margin-bottom: 20px;
}
.D_md12 .writeblog_box .Leftbox .listimg_box2 {
width: 220px;
height: 220px;
}
.wkblog-blog-editshare .D_md12 .writeblog_box .Leftbox .listimg_box2 {
width: 220px;
height: 160px;
}
.D_md12 .writeblog_box .Leftbox .rightform_box {
width: 100%;
min-height: auto;
padding-left: 40px;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list li {
height: 40px;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list .text {
font-size: 16px;
width: 100px;
line-height: 40px;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list .inputbox {
height: 40px;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list .inputsele {
height: 40px;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list .inputbox .inp {
padding: 0 25px;
font-size: 15px;
line-height: 40px;
height: 40px;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list .inputsele .xlbox .child_cate_box .xl_text {
height: 40px;
line-height: 40px;
padding: 0 25px;
font-size: 14px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 {
padding: 10px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .uploads_img {
padding: 10px;
}
.subscribe_files_2,
.subscribe_files_2 .spaninput,
.subscribe_files_2 .spaninput .span,
.subscribe_files_2 .spaninput input[type="file"] {
width: 60px;
height: 60px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li {
margin-bottom: 20px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .addvideo_btn {
margin-left: 10px;
width: 25px;
height: 25px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .addvideo_btn .btn {
width: 25px;
height: 25px;
background-size: cover !important;
padding: 0;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .edits {
width: 80px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .edits .edits_btn {
width: 25px;
height: 25px;
background-size: cover !important;
margin-top: 10px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .edits .set_step {
font-size: 16px;
line-height: 20px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .edits .set_step .num {
font-size: 16px;
padding: 0 5px;
line-height: 20px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .closebtn {
width: 15px;
height: 15px;
background-size: cover;
right: 20px;
top: 10px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .uploads_img .imgsbox .imgbox {
width: 60px;
height: 60px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .uploads_img .imgsbox img {
max-width: 55px;
max-height: 55px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .uploads_img .imgsbox .imgbox .delt {
top: auto;
bottom: 0px;
width: 16px;
height: 18px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area .append_btn {
width: 200px;
height: 36px;
line-height: 32px;
font-size: 16px;
}
.D_md12 .writeblog_box .Leftbox .tbtns {
margin-top: 30px;
margin-bottom: 30px;
display: flex;
justify-content: center;
}
.D_md12 .writeblog_box .Leftbox .tbtns .btn_item {
height: 40px;
line-height: 40px;
font-size: 16px;
font-weight: normal;
white-space: nowrap;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec2 .step_title input {
font-size: 14px;
font-weight: normal;
}
/**Blog Add a Tutoria**/
/**Blog List**/
.D_md12 .listsort_box li {
font-size: 14px;
}
.D_md12 .Blog_list_box .blog_list .list li .imgbox img {
width: 100%;
}
.D_md12 .Blog_list_box .blog_list .list {
justify-content: space-between;
}
.D_md12 .Blog_list_box .blog_list .list li {
width: 24%;
margin-bottom: 20px;
}
.D_md12 .Blog_list_box .blog_list .list li.hasvideo .videobox:after {
font-size: 14px;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox {
padding: 10px 5px;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .title {
font-size: 16px;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .iconts {
display: flex;
justify-content: flex-start;
margin-bottom: 10px;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .iconts .icontitem {
min-width: auto;
margin-right: 10px;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .iconts .icontitem:last-of-type {
margin-right: 0px;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .iconts .icontitem i {
font-size: 16px;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .iconts .icontitem .num {
top: 2px;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .namebox .memberbox img {
width: 25px;
height: 25px;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .namebox .memberbox .name {
font-size: 14px;
line-height: 14px;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .namebox .price {
font-size: 14px;
font-weight: bold;
line-height: 25px;
}
/**Blog List**/
/**Activity**/
.Activity_home .Ac_secitem {
margin-bottom: 25px;
}
.Activity_home .activity_home_sec1 .imglist .owl-controls {
bottom: 10px;
}
.Activity_home .activity_home_sec1 .imglist .owl-controls .owl-pagination {
height: auto;
}
.Activity_home .activity_home_sec1 .imglist .owl-controls .owl-page span {
width: 10px;
height: 10px;
margin: 0px 5px;
}
.Activity_home .Ac_secitem .ac_sec_tipname .p1 .name {
font-size: 22px;
line-height: 28px;
white-space: nowrap;
}
.Activity_home .Ac_secitem .ac_sec_tipname .p2 {
font-size: 16px;
margin-top: 3px;
}
.Activity_home .Ac_secitem .ac_sec_tipname {
margin-bottom: 15px;
}
.Activity_home .activity_home_sec2 .imglist2 .owl-controls {
margin-top: 5px;
}
.Activity_home .activity_home_sec2 .imglist2 .owl-controls .owl-pagination {
font-size: 0px;
}
.Activity_home .activity_home_sec2 .imglist2 .owl-controls .owl-page span {
width: 10px;
height: 10px;
margin: 0px 5px;
}
.Activity_home .applybtn,
.Activity_home .morebtn {
font-size: 14px;
width: 80px;
height: 25px;
line-height: 25px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item {
display: flex;
align-items: center;
flex-wrap: nowrap;
justify-content: space-between;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .leftbox {
flex: 1 0 auto;
width: 291px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .leftbox .text {
font-size: 18px;
line-height: 30px;
height: 30px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox {
overflow: hidden;
flex: 2 1 auto;
margin-left: 25px;
width: 526px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .imglist3 {
width: 100%;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .imglist3 li {
margin: 0 1px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .controlbtn {
width: 30px;
height: 30px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .controlbtn_left {
left: 5px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .controlbtn_right {
right: 10px;
}
.Activity_home .activity_home_sec4 .imgsliderBox {
margin-top: 15px;
}
.Activity_home .activity_home_sec4 .swiper-container {
width: 100%;
}
.Activity_home .activity_home_sec4 .swiper-container .swiper-pagination {
position: static;
}
.Activity_home .activity_home_sec4 .swiper-container .swiper-pagination-bullet {
width: 10px;
height: 10px;
border-radius: 50%;
margin: 0 5px;
opacity: 0.5;
background: #869791;
}
.Activity_home .activity_home_sec4 .swiper-container .swiper-pagination-bullet-active {
background: #869791;
opacity: 1;
}
.activity_list_topname {
font-size: 30px;
line-height: 40px;
}
.Activity_online .activity_online_list li {
width: 33%;
margin-bottom: 20px;
}
.Activity_online .activity_online_list li .imgbox .shadow .p1 {
font-size: 20px;
}
.Activity_online .activity_online_list li .imgbox .shadow .p1 .num {
margin-right: 13px;
}
.Activity_online .activity_online_list li .imgbox .shadow .p2 {
font-size: 20px;
}
.Activity_online .activity_online_list li .descbox {
padding: 10px 8px;
}
.Activity_online .activity_online_list li .descbox .name {
font-size: 16px;
padding-right: 35px;
margin-bottom: 5px;
}
.Activity_online .activity_online_list li .descbox .love {
width: 16px;
height: 15px;
top: 10px;
right: 8px;
}
.Activity_online .activity_online_list li .descbox .entries {
font-size: 13px;
}
.Activity_online .activity_online_list li .descbox .enter {
width: 100px;
height: 25px;
font-size: 14px;
line-height: 21px;
}
.Activity_winner .activity_home_sec3 .winners_box .winners_item {
align-items: flex-start;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .imglist3 li .member_box {
padding: 3px 5px;
left: 0 !important;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .imglist3 li .member_box .title {
font-size: 14px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .imglist3 li .member_box .member img {
width: 20px;
height: 20px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .imglist3 li .member_box .member .flexbox .name {
font-size: 12px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .imglist3 li .member_box .iconts {
bottom: 3px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .imglist3 li .member_box .iconts .num {
font-size: 12px;
}
.D_md12 .Activity_onlineinfo .infoTop .textbox {
min-height: auto;
height: auto;
/*position: static;background: #EAEAEA;*/
}
.D_md12 .Activity_onlineinfo .infoTop .textbox .title {
font-size: 45px;
line-height: 55px;
padding-top: 10px;
/*color: #000;*/
}
.D_md12 .Activity_onlineinfo .infoTop .textbox .time {
margin-top: 8px;
font-size: 18px;
padding-bottom: 15px;
/*color: #000;*/
}
.D_md12 .Activity_onlineinfo .infoIntro {
padding: 20px 0;
}
.D_md12 .Activity_onlineinfo .infoIntro .lover .loverbtn {
width: 27px;
height: 25px;
}
.D_md12 .Activity_onlineinfo .infoIntro .lover .lovernum {
font-size: 16px;
margin-top: 8px;
}
.D_md12 .Activity_onlineinfo .infoIntro .textbox {
width: 96%;
/*font-size: 16px;line-height: 19px;*/
margin: 20px auto;
max-width: 850px;
}
.D_md12 .Activity_onlineinfo .infoIntro .btns .btnitem {
font-size: 15px;
width: 130px;
max-width: 50%;
height: 30px;
line-height: 26px;
}
.D_md12 .Activity_onlineinfo .infoPrize {
padding: 30px 0 50px;
}
.D_md12 .Activity_onlineinfo .infoPrize .tiptxt {
font-size: 25px;
}
.D_md12 .w1280 {
width: 98%;
max-width: 1280px;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox .list {
flex-wrap: wrap;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li {
max-width: 24.5%;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li .textbox .title {
font-size: 20px;
margin-bottom: 8px;
text-align: center;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li .textbox .probox .allword,
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li .textbox .probox .partword {
font-size: 14px;
text-align: center;
line-height: 18px;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li .textbox .probox .allword a,
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li .textbox .probox .partword a {
font-size: 17px;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li .more i {
font-size: 25px;
}
.D_md12 .Activity_onlineinfo .infoEntries .tiptxt {
font-size: 25px;
}
.D_md12 .Activity_onlineinfo .infoEntries {
padding: 30px 0 50px;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box {
margin-top: 25px;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list li {
width: 33%;
margin-bottom: 20px;
max-width: 400px;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .heads {
min-height: 45px;
height: auto;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .heads .memberhead_box .imgbox {
flex: 0 0 auto;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .heads .price {
font-size: 16px;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .heads .memberhead_box .name {
font-size: 16px;
margin-left: 5px;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .descbox .title {
font-size: 16px;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .descbox .iconts {
margin-top: 5px;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .descbox .iconts {
display: flex;
align-items: center;
justify-content: space-between;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .descbox .iconts .icontitem {
font-size: 12px;
margin-right: 0px;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .descbox .iconts .icontitem i {
font-size: 16px;
}
.D_md12 .Activity_onlineinfo .winner_sec {
margin: 20px 0;
}
.D_md12 .Activity_onlineinfo .winner_sec .sec_tip {
font-size: 25px;
margin-bottom: 18px;
color: #000;
border: none;
font-style: italic;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners {
/*background: none;*/
padding-bottom: 80px;
background-size: 100% auto;
width: 1170px;
margin: 0 auto;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox {
width: 100%;
margin: 0 0 0 120px;
padding: 10px 10px;
max-width: 750px;
display: flex;
align-items: center;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox .imgbox {
width: 400px;
flex: 0 1 auto;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox .textbox {
width: 325px;
padding: 0 0 0 5px;
flex: 1 1 auto;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox .textbox .memberhead_box {
padding: 10px 10px;
justify-content: center;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox .textbox .memberhead_box .headimg {
width: 40px;
height: 40px;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox .textbox .memberhead_box .name {
font-size: 18px;
margin-left: 8px;
font-weight: normal;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox .textbox .title {
padding: 0px 10px;
font-size: 20px;
text-align: center;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox .textbox .text {
padding: 5px 10px 0;
text-align: center;
font-size: 18px;
line-height: 24px;
margin-bottom: 0px;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox .iconts {
display: flex;
align-items: center;
justify-content: space-around;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox .iconts .icontitem {
font-size: 14px;
margin-right: 0px;
min-width: auto;
}
.D_md12 .Activity_onlineinfo .winner_sec1 .winsec1_winners .infobox .iconts .icontitem i {
font-size: 17px;
}
.D_md12 .Activity_onlineinfo .winlist .list li {
width: auto;
max-width: 400px;
}
.D_md12 .Activity_onlineinfo .winlist .list .heads {
min-height: 45px;
height: auto;
}
.D_md12 .Activity_onlineinfo .winlist .list .heads .memberhead_box .imgbox {
width: 32px;
height: 32px;
flex: 0 0 auto;
}
.D_md12 .Activity_onlineinfo .winlist .list .heads .price {
font-size: 16px;
}
.D_md12 .Activity_onlineinfo .winlist .list .heads .memberhead_box .name {
font-size: 16px;
margin-left: 5px;
}
.D_md12 .Activity_onlineinfo .winlist .list .descbox .title {
font-size: 18px;
}
.D_md12 .Activity_onlineinfo .winlist .list .descbox .iconts {
margin-top: 8px;
}
.D_md12 .Activity_onlineinfo .winlist .list .descbox .iconts {
display: flex;
align-items: center;
justify-content: space-between;
}
.D_md12 .Activity_onlineinfo .winlist .list .descbox .iconts .icontitem {
font-size: 12px;
margin-right: 0px;
min-width: auto;
}
.D_md12 .Activity_onlineinfo .winlist .list .descbox .iconts .icontitem i {
font-size: 16px;
}
.owl-theme .owl-controls .owl-page span {
width: 8px;
height: 8px;
margin: 2px 3px;
border-radius: 50%;
}
/**Activity**/
}
@media screen and (min-width: 1366px) and (max-width: 1480px) {
/**Blog Add a Post**/
.D_md12 .Blog_series .Leftbox {
width: 80%;
max-width: 1305px;
}
.D_md12 .Blog_enter_box .Leftbox .entrys {
display: flex;
justify-content: space-between;
}
.D_md12 .Blog_enter_box .Leftbox .entrys .item {
width: 49%;
height: auto;
margin-bottom: 10px;
max-width: 600px;
}
.D_md12 .Blog_enter_box .Leftbox .entrys .item .shadow {
opacity: 1 !important;
padding: 15px 10px;
top: 0;
background: rgba(65, 65, 65, 0.3);
}
.D_md12 .Blog_enter_box .Leftbox .entrys .item .btn1 {
display: none;
}
.D_md12 .Blog_enter_box .Leftbox .entrys .item .shadow .textbox .p1 {
font-size: 20px;
margin-bottom: 10px;
}
.D_md12 .Blog_enter_box .Leftbox .entrys .item .shadow .textbox .p2 {
font-size: 14px;
line-height: 16px;
}
.D_md12 .Blog_enter_box .Leftbox .entrys .item .btn {
width: 130px;
height: 30px;
line-height: 26px;
font-size: 16px;
}
.D_md12 .Blog_enter_box .Leftbox .entrys {
margin-bottom: 20px;
}
.D_md12 .Blog_enter_box .Leftbox .videobox {
width: 100%;
margin-bottom: 20px;
}
.D_md12 .Blog_enter_box .Leftbox .videobox .txtbox {
max-width: 100%;
padding: 0 10px;
margin: 0 auto 30px;
}
.D_md12 .Blog_enter_box .Leftbox .videobox .txtbox .p1 {
font-size: 20px;
margin-bottom: 10px;
}
.D_md12 .Blog_enter_box .Leftbox .videobox .txtbox .text {
font-size: 14px;
line-height: 16px;
}
.D_md12 .Blog_enter_box .Leftbox .videobox .txtbox .p2 {
font-size: 17px;
}
.D_md12 .Blog_enter_box .Leftbox .videobox .video {
height: auto;
padding: 0 10px;
max-width: 100%;
}
.D_md12 .Blog_enter_box .Leftbox .videobox .video video {
width: 100%;
height: auto;
max-width: 100%;
}
/*.D_md12 .Blog_enter_box .Leftbox .videobox .video .bg{display: none !important;}*/
.D_md12 .Blog_enter_box .Leftbox .stepbox .p1 {
font-size: 20px;
margin-bottom: 20px;
}
.D_md12 .Blog_enter_box .Leftbox .stepbox .imgbox {
padding: 0 10px;
margin-bottom: 30px;
}
.D_md12 .Blog_enter_box .Leftbox .stepbox .p2 {
font-size: 22px;
}
.D_md12 .Blog_series .Rightbox {
width: 19%;
max-width: 320px;
}
.D_md12 .Blog_series .Rightbox .sec1 .btn {
font-size: 18px;
}
/**Blog Add a Post**/
/**Blog Add a Tutoria**/
.D_md12 .writeblog_box .Leftbox .form_sec1 {
flex-wrap: nowrap;
margin-bottom: 20px;
}
.D_md12 .writeblog_box .Leftbox .listimg_box {
/*max-width: 320px;max-height: 320px;width: 100vw;height: 100vw;margin:0 auto;*/
}
.D_md12 .writeblog_box .Leftbox .rightform_box {
width: 100%;
min-height: auto;
padding-left: 40px;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list li {
height: 40px;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list .text {
font-size: 16px;
width: 100px;
line-height: 40px;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list .inputbox {
height: 40px;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list .inputsele {
height: 40px;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list .inputbox .inp {
padding: 0 25px;
font-size: 15px;
line-height: 40px;
height: 40px;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list .inputsele .xlbox .child_cate_box .xl_text {
height: 40px;
line-height: 40px;
padding: 0 25px;
font-size: 14px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 {
padding: 10px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .uploads_img {
padding: 10px;
}
.subscribe_files_2,
.subscribe_files_2 .spaninput,
.subscribe_files_2 .spaninput .span,
.subscribe_files_2 .spaninput input[type="file"] {
width: 60px;
height: 60px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li {
margin-bottom: 20px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .addvideo_btn {
margin-left: 10px;
width: 25px;
height: 25px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .addvideo_btn .btn {
width: 25px;
height: 25px;
background-size: cover !important;
padding: 0;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .edits {
width: 80px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .edits .edits_btn {
width: 25px;
height: 25px;
background-size: cover !important;
margin-top: 10px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .edits .set_step {
font-size: 16px;
line-height: 20px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .edits .set_step .num {
font-size: 16px;
padding: 0 5px;
line-height: 20px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .closebtn {
width: 15px;
height: 15px;
background-size: cover;
right: 20px;
top: 10px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .uploads_img .imgsbox .imgbox {
width: 60px;
height: 60px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .uploads_img .imgsbox img {
max-width: 55px;
max-height: 55px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .uploads_img .imgsbox .imgbox .delt {
top: auto;
bottom: 0px;
width: 16px;
height: 18px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area .append_btn {
width: 200px;
height: 36px;
line-height: 32px;
font-size: 16px;
}
.D_md12 .writeblog_box .Leftbox .tbtns {
margin-top: 30px;
margin-bottom: 30px;
display: flex;
justify-content: center;
}
.D_md12 .writeblog_box .Leftbox .tbtns .btn_item {
height: 40px;
line-height: 40px;
font-size: 16px;
font-weight: normal;
white-space: nowrap;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec2 .step_title input {
font-size: 14px;
font-weight: normal;
}
/**Blog Add a Tutoria**/
/**Blog List**/
.D_md12 .listsort_box li {
font-size: 14px;
}
.D_md12 .Blog_list_box .blog_list .list li .imgbox img {
width: 100%;
}
.D_md12 .Blog_list_box .blog_list .list {
justify-content: space-between;
}
.D_md12 .Blog_list_box .blog_list .list li {
width: 24%;
margin-bottom: 20px;
}
.D_md12 .Blog_list_box .blog_list .list li.hasvideo .videobox:after {
font-size: 14px;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox {
padding: 10px 5px;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .title {
font-size: 14px;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .iconts {
display: flex;
justify-content: flex-start;
margin-bottom: 10px;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .iconts .icontitem {
min-width: auto;
margin-right: 10px;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .iconts .icontitem:last-of-type {
margin-right: 0px;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .iconts .icontitem i {
font-size: 14px;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .iconts .icontitem .num {
top: 0;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .namebox .memberbox img {
width: 25px;
height: 25px;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .namebox .memberbox .name {
font-size: 14px;
line-height: 14px;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .namebox .price {
font-size: 14px;
font-weight: bold;
line-height: 25px;
}
/**Blog List**/
/**Activity**/
.Activity_home .Ac_secitem {
margin-bottom: 25px;
}
.Activity_home .activity_home_sec1 .imglist .owl-controls {
bottom: 10px;
}
.Activity_home .activity_home_sec1 .imglist .owl-controls .owl-pagination {
height: auto;
}
.Activity_home .activity_home_sec1 .imglist .owl-controls .owl-page span {
width: 10px;
height: 10px;
margin: 0px 5px;
}
.Activity_home .Ac_secitem .ac_sec_tipname .p1 .name {
font-size: 22px;
line-height: 28px;
white-space: nowrap;
}
.Activity_home .Ac_secitem .ac_sec_tipname .p2 {
font-size: 16px;
margin-top: 3px;
}
.Activity_home .Ac_secitem .ac_sec_tipname {
margin-bottom: 15px;
}
.Activity_home .activity_home_sec2 .imglist2 .owl-controls {
margin-top: 5px;
}
.Activity_home .activity_home_sec2 .imglist2 .owl-controls .owl-pagination {
font-size: 0px;
}
.Activity_home .activity_home_sec2 .imglist2 .owl-controls .owl-page span {
width: 10px;
height: 10px;
margin: 0px 5px;
}
.Activity_home .applybtn,
.Activity_home .morebtn {
font-size: 14px;
width: 80px;
height: 25px;
line-height: 25px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item {
display: flex;
align-items: center;
flex-wrap: nowrap;
justify-content: space-between;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .leftbox {
flex: 1 0 auto;
width: 291px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .leftbox .text {
font-size: 18px;
line-height: 30px;
height: 30px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox {
overflow: hidden;
flex: 2 1 auto;
margin-left: 25px;
width: 526px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .imglist3 {
width: 100%;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .imglist3 li {
margin: 0 1px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .controlbtn {
width: 30px;
height: 30px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .controlbtn_left {
left: 5px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .controlbtn_right {
right: 10px;
}
.Activity_home .activity_home_sec4 .imgsliderBox {
margin-top: 15px;
}
.Activity_home .activity_home_sec4 .swiper-container {
width: 100%;
}
.Activity_home .activity_home_sec4 .swiper-container .swiper-pagination {
position: static;
}
.Activity_home .activity_home_sec4 .swiper-container .swiper-pagination-bullet {
width: 10px;
height: 10px;
border-radius: 50%;
margin: 0 5px;
opacity: 0.5;
background: #869791;
}
.Activity_home .activity_home_sec4 .swiper-container .swiper-pagination-bullet-active {
background: #869791;
opacity: 1;
}
.D_md12 .Activity_onlineinfo .infoTop .textbox {
min-height: auto;
height: auto;
/*position: static;background: #EAEAEA;*/
}
.D_md12 .Activity_onlineinfo .infoTop .textbox .title {
font-size: 45px;
line-height: 55px;
padding-top: 10px;
/*color: #000;*/
}
.D_md12 .Activity_onlineinfo .infoTop .textbox .time {
margin-top: 8px;
font-size: 18px;
padding-bottom: 15px;
/*color: #000;*/
}
.D_md12 .Activity_onlineinfo .infoIntro {
padding: 20px 0;
}
.D_md12 .Activity_onlineinfo .infoIntro .lover .loverbtn {
width: 27px;
height: 25px;
}
.D_md12 .Activity_onlineinfo .infoIntro .lover .lovernum {
font-size: 16px;
margin-top: 8px;
}
.D_md12 .Activity_onlineinfo .infoIntro .textbox {
width: 96%;
/*font-size: 16px;line-height: 19px;*/
margin: 20px auto;
max-width: 850px;
}
.D_md12 .Activity_onlineinfo .infoIntro .btns .btnitem {
font-size: 15px;
width: 130px;
max-width: 50%;
height: 30px;
line-height: 26px;
}
.D_md12 .Activity_onlineinfo .infoPrize {
padding: 30px 0 50px;
}
.D_md12 .w1280 {
width: 98%;
max-width: 1280px;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox .list {
flex-wrap: wrap;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li {
max-width: 24.5%;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li .textbox .title {
margin-bottom: 8px;
text-align: center;
font-size: 20px;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li .textbox .probox .allword,
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li .textbox .probox .partword {
font-size: 14px;
text-align: center;
line-height: 18px;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li .textbox .probox .allword a,
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li .textbox .probox .partword a {
font-size: 17px;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li .more i {
font-size: 25px;
}
.D_md12 .Activity_onlineinfo .infoEntries .tiptxt {
font-size: 25px;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list li {
width: 33%;
margin-bottom: 20px;
max-width: 400px;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .heads {
min-height: 45px;
height: auto;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .heads .memberhead_box .imgbox {
flex: 0 0 auto;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .descbox .iconts {
display: flex;
align-items: center;
justify-content: space-between;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .descbox .iconts .icontitem {
margin-right: 0px;
}
/**Activity**/
}
@media screen and (min-width: 1481px) and (max-width: 1920px) {
/**Blog Add a Post**/
.D_md12 .Blog_series .Leftbox {
width: 80%;
max-width: 1305px;
}
.D_md12 .Blog_enter_box .Leftbox .entrys {
display: flex;
justify-content: space-between;
}
.D_md12 .Blog_enter_box .Leftbox .entrys .item {
width: 49%;
height: auto;
margin-bottom: 10px;
max-width: 600px;
}
.D_md12 .Blog_enter_box .Leftbox .entrys .item .shadow {
opacity: 1 !important;
padding: 15px 10px;
top: 0;
background: rgba(65, 65, 65, 0.3);
}
.D_md12 .Blog_enter_box .Leftbox .entrys .item .btn1 {
display: none;
}
.D_md12 .Blog_enter_box .Leftbox .entrys .item .shadow .textbox .p1 {
font-size: 20px;
margin-bottom: 10px;
}
.D_md12 .Blog_enter_box .Leftbox .entrys .item .shadow .textbox .p2 {
font-size: 14px;
line-height: 16px;
}
.D_md12 .Blog_enter_box .Leftbox .entrys .item .btn {
width: 130px;
height: 30px;
line-height: 26px;
font-size: 16px;
}
.D_md12 .Blog_enter_box .Leftbox .entrys {
margin-bottom: 20px;
}
.D_md12 .Blog_enter_box .Leftbox .videobox {
width: 100%;
margin-bottom: 20px;
}
.D_md12 .Blog_enter_box .Leftbox .videobox .txtbox {
max-width: 100%;
padding: 0 10px;
margin: 0 auto 30px;
}
.D_md12 .Blog_enter_box .Leftbox .videobox .txtbox .p1 {
font-size: 20px;
margin-bottom: 10px;
}
.D_md12 .Blog_enter_box .Leftbox .videobox .txtbox .text {
font-size: 14px;
line-height: 16px;
}
.D_md12 .Blog_enter_box .Leftbox .videobox .txtbox .p2 {
font-size: 17px;
}
.D_md12 .Blog_enter_box .Leftbox .videobox .video {
height: auto;
padding: 0 10px;
max-width: 100%;
}
.D_md12 .Blog_enter_box .Leftbox .videobox .video video {
width: 100%;
height: auto;
max-width: 100%;
}
/*.D_md12 .Blog_enter_box .Leftbox .videobox .video .bg{display: none !important;}*/
.D_md12 .Blog_enter_box .Leftbox .stepbox .p1 {
font-size: 20px;
margin-bottom: 20px;
}
.D_md12 .Blog_enter_box .Leftbox .stepbox .imgbox {
padding: 0 10px;
margin-bottom: 30px;
}
.D_md12 .Blog_enter_box .Leftbox .stepbox .p2 {
font-size: 22px;
}
.D_md12 .Blog_series .Rightbox {
width: 19%;
max-width: 320px;
}
.D_md12 .Blog_series .Rightbox .sec1 .btn {
font-size: 18px;
}
/**Blog Add a Post**/
/**Blog List**/
.D_md12 .listsort_box li {
font-size: 14px;
}
.D_md12 .Blog_list_box .blog_list .list li .imgbox img {
width: 100%;
}
.D_md12 .Blog_list_box .blog_list .list {
justify-content: space-between;
}
.D_md12 .Blog_list_box .blog_list .list li {
width: 24%;
margin-bottom: 20px;
}
.D_md12 .Blog_list_box .blog_list .list li.hasvideo .videobox:after {
font-size: 14px;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox {
padding: 10px 5px;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .title {
font-size: 14px;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .iconts {
display: flex;
justify-content: flex-start;
margin-bottom: 10px;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .iconts .icontitem {
min-width: auto;
margin-right: 10px;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .iconts .icontitem:last-of-type {
margin-right: 0px;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .iconts .icontitem i {
font-size: 14px;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .iconts .icontitem .num {
top: 0;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .namebox .memberbox img {
width: 25px;
height: 25px;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .namebox .memberbox .name {
font-size: 14px;
line-height: 14px;
}
.D_md12 .Blog_list_box .blog_list .list li .descbox .namebox .price {
font-size: 14px;
font-weight: bold;
line-height: 25px;
}
/**Blog List**/
/**Activity**/
.Activity_home .Ac_secitem {
margin-bottom: 25px;
}
.Activity_home .activity_home_sec1 .imglist .owl-controls {
bottom: 10px;
}
.Activity_home .activity_home_sec1 .imglist .owl-controls .owl-pagination {
height: auto;
}
.Activity_home .activity_home_sec1 .imglist .owl-controls .owl-page span {
width: 10px;
height: 10px;
margin: 0px 5px;
}
.Activity_home .Ac_secitem .ac_sec_tipname .p1 .name {
font-size: 22px;
line-height: 28px;
white-space: nowrap;
}
.Activity_home .Ac_secitem .ac_sec_tipname .p2 {
font-size: 16px;
margin-top: 3px;
}
.Activity_home .Ac_secitem .ac_sec_tipname {
margin-bottom: 15px;
}
.Activity_home .activity_home_sec2 .imglist2 .owl-controls {
margin-top: 5px;
}
.Activity_home .activity_home_sec2 .imglist2 .owl-controls .owl-pagination {
font-size: 0px;
}
.Activity_home .activity_home_sec2 .imglist2 .owl-controls .owl-page span {
width: 10px;
height: 10px;
margin: 0px 5px;
}
.Activity_home .applybtn,
.Activity_home .morebtn {
font-size: 14px;
width: 80px;
height: 25px;
line-height: 25px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item {
display: flex;
align-items: center;
flex-wrap: nowrap;
justify-content: space-between;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .leftbox {
flex: 1 0 auto;
width: 291px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .leftbox .text {
font-size: 18px;
line-height: 30px;
height: 30px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox {
overflow: hidden;
flex: 2 1 auto;
margin-left: 25px;
width: 526px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .imglist3 {
width: 1120px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .imglist3 li {
margin: 0 1px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .controlbtn {
width: 40px;
height: 40px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .controlbtn_left {
left: 5px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .controlbtn_right {
right: 10px;
}
.Activity_home .activity_home_sec4 .imgsliderBox {
margin-top: 15px;
}
.Activity_home .activity_home_sec4 .swiper-container {
width: 100%;
}
.Activity_home .activity_home_sec4 .swiper-container .swiper-pagination {
position: static;
}
.Activity_home .activity_home_sec4 .swiper-container .swiper-pagination-bullet {
width: 10px;
height: 10px;
border-radius: 50%;
margin: 0 5px;
opacity: 0.5;
background: #869791;
}
.Activity_home .activity_home_sec4 .swiper-container .swiper-pagination-bullet-active {
background: #869791;
opacity: 1;
}
.D_md12 .Activity_onlineinfo .infoTop .textbox {
min-height: auto;
height: auto;
}
.D_md12 .Activity_onlineinfo .infoTop .textbox .title {
font-size: 45px;
line-height: 55px;
padding-top: 10px;
}
.D_md12 .Activity_onlineinfo .infoTop .textbox .time {
margin-top: 8px;
font-size: 18px;
padding-bottom: 15px;
}
.D_md12 .Activity_onlineinfo .infoIntro {
padding: 20px 0;
}
.D_md12 .Activity_onlineinfo .infoIntro .lover .loverbtn {
width: 27px;
height: 25px;
}
.D_md12 .Activity_onlineinfo .infoIntro .lover .lovernum {
font-size: 16px;
margin-top: 8px;
}
.D_md12 .Activity_onlineinfo .infoIntro .textbox {
width: 96%;
margin: 20px auto;
max-width: 850px;
}
.D_md12 .Activity_onlineinfo .infoIntro .btns .btnitem {
font-size: 15px;
width: 130px;
max-width: 50%;
height: 30px;
line-height: 26px;
}
.D_md12 .Activity_onlineinfo .infoPrize {
padding: 30px 0 50px;
}
.D_md12 .w1280 {
width: 98%;
max-width: 1280px;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox .list {
flex-wrap: wrap;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li {
max-width: 24.5%;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li .textbox .title {
margin-bottom: 8px;
text-align: center;
font-size: 20px;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li .textbox .probox .allword,
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li .textbox .probox .partword {
font-size: 14px;
text-align: center;
line-height: 18px;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li .textbox .probox .allword a,
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li .textbox .probox .partword a {
font-size: 17px;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li .more i {
font-size: 25px;
}
.D_md12 .Activity_onlineinfo .infoEntries .tiptxt {
font-size: 25px;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list li {
width: 33%;
margin-bottom: 20px;
max-width: 400px;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .heads {
min-height: 45px;
height: auto;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .heads .memberhead_box .imgbox {
flex: 0 0 auto;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .descbox .iconts {
display: flex;
align-items: center;
justify-content: space-between;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .descbox .iconts .icontitem {
margin-right: 0px;
}
/**Activity**/
}
@media screen and (max-width: 480px) {
/**Register Login**/
.D_md12 .D_loginBox .D_login_formbox .D_formtip {
font-size: 22px;
font-weight: normal;
}
.D_md12 .D_loginBox .D_login_formbox .form_list li.input_email input,
.D_md12 .D_loginBox .D_login_formbox .form_list li.input_pwd input {
font-size: 20px;
height: 35px;
line-height: 35px;
}
.D_md12 .D_loginBox .D_login_formbox .form_list li.input_login input,
.D_md12 .D_loginBox .D_login_formbox .form_list li.input_singup input {
height: 40px;
line-height: 24px;
font-size: 24px;
}
.D_md12 .D_loginBox .D_login_formbox .form_list li {
margin-bottom: 20px;
}
.D_md12 .D_loginBox .D_login_formbox .form_list .input_other .other_forgot .link1 {
font-size: 16px;
}
.D_md12 .D_loginBox .D_login_formbox .form_list li.cutoff_line .word {
font-size: 20px;
line-height: 22px;
font-weight: normal;
}
.D_md12 .D_loginBox .D_login_formbox .form_list li.login_by_other .other_item {
height: 40px;
line-height: 40px;
font-size: 18px;
}
.footer-container .footer-bottom .block.newsletter {
margin-bottom: 20px;
}
.footer-container .footer-bottom .payment {
display: none;
}
.subscribe .n {
font-size: 16px;
}
.D_md12 .D_loginBox .D_login_formbox .form_list li.input_tiptitle {
font-size: 20px;
font-weight: normal;
}
.D_md12 .D_loginBox .D_login_formbox .form_list #firstname,
.D_md12 .D_loginBox .D_login_formbox .form_list #password-confirmation,
.D_md12 .D_loginBox .D_login_formbox .form_list #lastname {
height: 30px;
line-height: 30px;
padding: 0 20px;
margin: 15px 0 5px 0;
font-size: 20px;
}
.D_md12 .D_loginBox .D_login_formbox .form_list li.input_login input,
.D_md12 .D_loginBox .D_login_formbox .form_list li.input_singup input {
font-size: 22px;
}
/**Register Login**/
}
/** Blog Mobie >>>> **/
.ma-nav-mobile-container .navbar .navbar-inner .mobilemenu li a {
color: #f6f6f6;
}
.ma-nav-mobile-container .navbar .navbar-inner .mobilemenu ul {
background: #42565d;
}
.ma-nav-mobile-container .navbar .navbar-inner .mobilemenu ul li a {
font-size: 14px;
}
.ma-nav-mobile-container .navbar .navbar-inner .mobilemenu ul li a:hover {
color: #ddd;
}
.header-container .header-mobile .my-account .switcher .switcher-dropdown {
background: #42565d;
}
.header-container .header-mobile .my-account .switcher .switcher-dropdown li a,
.header-container .header-mobile .my-account .switcher .switcher-dropdown .switcher-option a {
font-size: 14px;
color: #f6f6f6;
}
#tab-content-2 .header.links {
display: none;
}
.cms-index-index p {
margin-bottom: 0;
}
.cms-index-index .main-content .blog-slider {
padding: 20px 0 20px 0;
}
.cms-index-index .banner-static .col.col4 {
margin-bottom: 20px;
}
.cms-index-index .owl-container .owl-carousel .owl-controls .owl-buttons {
margin-top: -50px;
}
@media screen and (max-width: 600px) {
.header-container .header-mobile .block-search {
padding: 0 !important;
}
.header-container .header-mobile .block-search:hover .block-content {
display: flex !important;
}
.header-container .header-mobile .block-search .block-content .close-icon {
top: -6px;
}
.wkblog-blog-title .header-container .header-mobile .block-search .block-title strong::before {
height: 20px;
line-height: 45px;
}
}
@media screen and (max-width: 639px) {
.block-search {
margin-top: 0;
}
.cms-index-index .banner-static .col.col4 {
margin-bottom: 15px;
}
.cms-index-index .main-content .blog-slider {
padding: 10px 0;
}
}
@media screen and (max-width: 767px) {
/**Product Detail Style Fix**/
.toolbar .modes .modes-mode {
width: 20px;
height: 20px;
line-height: 20px;
}
.toolbar .modes .modes-mode:before {
font-size: 22px;
}
.toolbar .limiter {
margin-right: 0px;
margin-bottom: 0px;
}
.toolbar label {
margin-right: 5px;
padding: 0px;
font-size: 10px;
}
.toolbar .modes .modes-mode {
margin: 0 0 0 5px;
}
.toolbar .modes .mode-list {
margin: 0 0 0 0;
}
.toolbar {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.toolbar:before,
.toolbar:after {
display: none;
}
.toolbar select {
padding: 0 5px !important;
}
.sorter-action:before {
font-size: 22px;
}
.toolbar .toolbar-sorter {
margin-right: 22px;
}
}
@media screen and (min-width: 768px) {
/**Blog Detail**/
.Blog_info_box embed {
min-height: 400px;
}
/**Blog Detail**/
}
@media screen and (min-width: 975px) {
/**Blog Detail**/
.Blog_info_box .Step_points.fixed {
top: 65px;
}
/**Blog List**/
.D_md12 .Blog_list_box .categoryRight {
margin-top: 30px;
}
/**Blog List**/
}
@media screen and (max-width: 479px) {
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
padding: 0 10px;
}
.cms-index-index #maincontent .group-title1 h2,
.banner-static .big-sales-h2 {
font-size: 20px;
}
.cms-index-index .banner-static .col.col4 {
margin-bottom: 10px;
}
.cms-index-index #maincontent .box-container .main {
padding-bottom: 5px;
}
#maincontent .blog-slider .group-title1 h2 {
padding-left: 0;
text-align: center;
display: inherit;
}
.cms-index-index #maincontent .blog-slider .owl-container .owl-carousel .owl-item {
padding: 0 !important;
}
.group-title1 {
margin-bottom: 5px;
}
.main-content .blog-slider .block-recent-posts .item .item-inner .blog-content {
padding-top: 10px;
}
.main-content .blog-slider .block-recent-posts .item .item-inner .blog-content .blog-content-inner .blog-title a {
font-size: 18px;
height: 20px;
}
.cms-index-index .main-content .blog-slider .block-recent-posts .item .item-inner .blog-content .blog-content-inner .short-des {
padding: 0;
}
.main-content .blog-slider .block-recent-posts .item .item-inner .blog-content .blog-content-inner .readmore {
display: none;
}
.cms-index-index .main-content .blog-slider {
padding: 10px 0 0 0;
}
}
.header-container .header-mobile .my-account #tabs-menu .tabs li a {
line-height: 30px;
font-size: 14px;
font-weight: 400;
}
#newsletter-validate-details .newsletter label span {
color: #444;
font-size: 14px;
}
#newsletter-validate-details .actions .action span {
font-size: 16px;
font-weight: normal;
border-radius: 3px;
}
.wkblog-blog-tutorial .page-wrapper {
font-size: 100%;
}
.top-link ul,
.top-link ol {
margin-bottom: 0px;
}
.top-link strong {
font-weight: normal;
}
/*Top Search*/
#search_mini_form > div.field.search > div.selectbox {
position: relative;
}
#search_mini_form > div.field.search > div.selectbox .inputbox {
background: #fafafa;
}
.mc_shop_searchbox .list li .selectbox .inputbox input {
height: 31px;
line-height: 31px;
font-size: 13px;
color: #333;
padding: 0 10px;
width: 160px;
background: transparent;
}
.mc_shop_searchbox .list li .xlbox {
z-index: 2;
display: none;
position: absolute;
top: 100%;
left: 0;
background: #fafafa;
width: 100%;
border-top: 1px solid #eee;
}
.mc_shop_searchbox .list li .xlbox a {
height: 30px;
display: flex;
align-items: center;
padding-left: 10px;
font-size: 14px;
color: #333;
}
.mc_shop_searchbox .list li .xlbox a:hover {
color: #e4393c;
background: #f5f5f5;
}
.mc_shop_searchbox .list li.search_time .inputbox {
background: #fafafa url("https://www.dearlives.com/pub/media/wysiwyg/order-icons_05.png") right 10px center no-repeat;
cursor: pointer;
}
.mc_shop_searchbox .list li.search_time .inputbox input {
cursor: pointer;
}
.mc_shop_searchbox .list li.search_time .inputbox:hover {
background: #fafafa url("https://www.dearlives.com/pub/media/wysiwyg/order-icons_03.png") right 10px center no-repeat;
}
.mc_shop_searchbox .list li.search_time .selectbox:hover .xlbox {
display: block;
}
.header-container .header-content .block-search .pctopsearch_selectbox {
position: relative;
border: 1px solid #e5e5e5;
border-right: 0px;
}
.header-container .header-content .block-search .pctopsearch_selectbox .inputbox input {
cursor: pointer;
height: 48px;
line-height: 48px;
font-size: 13px;
color: #333;
padding: 0 10px;
width: 100px;
background: transparent;
margin-top: 0px;
flex: 0 0 auto;
}
.header-container .header-content .block-search .pctopsearch_selectbox .xlbox {
z-index: 2;
display: none;
position: absolute;
top: 100%;
left: 0;
background: #ffffff;
width: 100%;
border-top: 1px solid #eee;
}
.header-container .header-content .block-search .pctopsearch_selectbox .xlbox a {
height: 30px;
display: flex;
align-items: center;
padding-left: 10px;
font-size: 14px;
color: #333;
}
.header-container .header-content .block-search .pctopsearch_selectbox .xlbox a:hover {
color: #e4393c;
background: #fffff;
}
.header-container .header-content .block-search .pctopsearch_selectbox .inputbox {
background: #ffffff url("https://www.dearlives.com/pub/media/wysiwyg/order-icons_05.png") right 10px center no-repeat;
cursor: pointer;
}
.header-container .header-content .block-search .pctopsearch_selectbox .inputbox:hover {
background: #ffffff url("https://www.dearlives.com/pub/media/wysiwyg/order-icons_03.png") right 10px center no-repeat;
}
.header-container .header-content .block-search .pctopsearch_selectbox:hover .xlbox {
display: block;
}
.header-container .block-search .block-content {
display: flex;
align-items: stretch;
}
.header-container .header-content .block-search form.minisearch {
flex: 1 1 auto;
border-left: 0px;
}
.header-mobile .header-mobile-container .block-search .phonetopsearch_selectbox {
position: relative;
border: 1px solid #e5e5e5;
border-right: 0px;
}
.header-mobile .header-mobile-container .block-search .phonetopsearch_selectbox .inputbox input {
cursor: pointer;
height: 36px;
line-height: 36px;
font-size: 11px;
color: #333;
padding: 0 5px;
width: 80px;
background: transparent;
margin-top: 0px;
flex: 0 0 auto;
}
.header-mobile .header-mobile-container .block-search .phonetopsearch_selectbox .xlbox {
z-index: 2;
display: none;
position: absolute;
top: 100%;
left: 0;
background: #ffffff;
width: 100%;
border-top: 2px solid #eee;
}
.header-mobile .header-mobile-container .block-search .phonetopsearch_selectbox .xlbox a {
height: 25px;
display: flex;
align-items: center;
padding-left: 5px;
font-size: 12px;
color: #333;
}
.header-mobile .header-mobile-container .block-search .phonetopsearch_selectbox .xlbox a:hover {
color: #e4393c;
background: #ffffff;
}
.header-mobile .header-mobile-container .block-search .phonetopsearch_selectbox .inputbox {
background: #ffffff url("https://www.dearlives.com/pub/media/wysiwyg/order-icons_05.png") right 10px center no-repeat;
cursor: pointer;
}
.header-mobile .header-mobile-container .block-search .phonetopsearch_selectbox .inputbox:hover {
background: #ffffff url("https://www.dearlives.com/pub/media/wysiwyg/order-icons_03.png") right 10px center no-repeat;
}
/*.header-mobile .header-mobile-container .block-search .phonetopsearch_selectbox:hover .xlbox{display: block;}*/
.header-mobile .block-search .block-content {
display: flex;
align-items: stretch;
}
.header-mobile .header-mobile-container .block-search form.minisearch {
flex: 1 1 auto;
border-left: 0px;
}
#maincontent .sidebar .filter-current ol.items li {
padding: 6px 24px 6px 0;
background: url(../images/bgmenu.png) center;
}
#maincontent .sidebar .block .filter-current ol.items li .filter-label {
padding-left: 10px;
}
#maincontent .sidebar .block .block-actions {
background: none;
border: none;
font-size: 14px;
}
.category-shop .toolbar-sorter .sort-asc::before {
-webkit-font-smoothing: antialiased;
font-size: 28px;
line-height: 32px;
color: #808080;
content: '\e613';
font-family: 'icons-blank-theme';
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.category-shop .toolbar-sorter .sort-desc::before {
-webkit-font-smoothing: antialiased;
font-size: 28px;
line-height: 32px;
color: #808080;
content: '\e614';
font-family: 'icons-blank-theme';
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.header-container .top-link .top-link-dropdown {
background: none;
}
li.bazaar a.parent:after {
content: "\f107";
font-family: FontAwesome;
font-weight: normal;
font-size: 14px;
padding-left: 5px;
}
li.bazaar div.popup {
display: none;
}
li.bazaar div.popup a:first-child {
padding-bottom: 0;
}
li.bazaar:hover div.popup {
display: block;
width: 150px;
}
li.activity:hover div.popup {
width: 200px;
}
#chatbox {
display: none;
width: 300px;
height: 400px;
position: fixed;
bottom: 0;
right: 0;
max-width: 100%;
max-height: 100%;
z-index: 999;
}
#chatclose {
position: absolute;
right: 5px;
top: 10px;
background: #76b51b;
width: 20px;
font-size: 20px;
}
#chatwhite {
width: 100%;
height: 30px;
background: #fff;
position: absolute;
bottom: 0px;
line-height: 30px;
font-size: 20px;
text-align: center;
cursor: pointer;
}
#chatwhite .fa.fa-sign-out {
color: #999;
}
.D_md12 .supplies_pop.popbox .shadow .addvideo_contain .apply_okbtn,
.D_md12 .supplies_pop.popbox .shadow .addvideo_contain .cancel_closebtn,
.D_md12 .supplies_pop.popbox .shadow .addvideo_contain .address_okbtn {
width: 150px;
height: 40px;
text-align: center;
font-size: 20px;
border-radius: 3px;
font-weight: bold;
line-height: 40px;
color: #fff;
background: #9ecfcb;
padding: 5px 10px;
display: unset;
margin: 0px 10px;
}
.D_md12 .Activity_onlineinfo .infoIntro .btns .btnitem.supplies {
width: 280px !important;
margin: 0 0 20px 0 !important;
height: auto !important;
padding: 5px;
line-height: 18px;
}
.D_md12 .supplies_pop.popbox .shadow .addvideo_contain.textword .official_text {
margin-bottom: 10px;
}
.D_md12 .supplies_pop.popbox .shadow .addvideo_contain.textword .official_text {
overflow-y: hidden;
}
.D_md12 .supplies_pop.popbox .shadow .addvideo_contain.textword {
height: 260px;
}
.D_md12 .supplies_pop.popbox .shadow .addvideo_contain.textword.no_free_left {
height: 200px;
}
.D_md12 .supplies_pop.popbox .shadow .addvideo_contain.textword.no_free_left .text {
font-size: 22px;
text-align: center;
padding: 20px;
color: #666;
}
.D_md12 .supplies_pop.popbox .shadow .addvideo_contain.textword.no_free_left .text a {
color: #42565d;
font-weight: bold;
}
.D_md12 .supplies_pop.popbox .shadow .addvideo_contain .shipping_address .address_okbtn {
background: #fff;
border: 1px solid #9ecfcb;
color: #9ecfcb;
}
.D_md12 .supplies_pop.popbox .shadow .addvideo_contain .shipping_address {
text-align: center;
margin: 15px 10px;
}
.D_md12 .supplies_pop.popbox .shadow .addvideo_contain .confirm_cancel {
text-align: center;
}
.D_md12 .supplies_pop.popbox .shadow .addvideo_contain.textword .official_text p {
text-indent: unset;
text-align: center;
}
.D_md12 .supplies_pop.popbox .shadow .addvideo_contain.textword .stock_left {
color: #999;
padding: 15px 0;
text-align: center;
}
.D_md12 .supplies_pop.popbox .shadow .addvideo_contain.textword {
padding: 20px 40px;
}
.wkblog-blog-share .pager .next > a,
.wkblog-blog-share .pager .next > span {
float: none;
}
.product-view .product-info-main .page-title-wrapper .page-title {
font-weight: normal;
font-size: 20px;
}
.page-title-wrapper.notshow {
display: none;
}
.catalog-product-view .page-title-wrapper.notshow {
display: block;
}
.D_md12 .login_pop.popbox .shadow .addvideo_contain.textword {
width: 280px;
}
.D_md12 .login_pop.popbox .shadow .addvideo_contain.textword .official_text p {
font-size: 20px;
}
.D_md12 .login_pop.popbox .shadow .addvideo_contain .login_okbtn,
.D_md12 .login_pop.popbox .shadow .addvideo_contain .back_closebtn {
width: 120px;
height: 30px;
text-align: center;
font-size: 18px;
border-radius: 3px;
font-weight: bold;
line-height: 30px;
color: #fff;
background: #9ecfcb;
padding: 5px 10px;
display: unset;
margin: 0px 10px;
}
.D_md12 .login_pop.popbox .shadow .addvideo_contain.textword .official_text {
margin-bottom: 15px;
}
.D_md12 .login_pop.popbox .shadow .addvideo_contain.textword {
height: 140px;
}
.D_md12 .login_pop.popbox .shadow .addvideo_contain.textword.no_free_left .text a {
color: #42565d;
font-weight: bold;
}
.D_md12 .login_pop.popbox .shadow .addvideo_contain .confirm_cancel {
text-align: center;
}
.D_md12 .login_pop.popbox .shadow .addvideo_contain.textword .official_text p {
text-indent: unset;
text-align: center;
}
.D_md12 .login_pop.popbox .shadow .addvideo_contain.textword .stock_left {
color: #999;
padding: 15px 0;
text-align: center;
}
.D_md12 .login_pop.popbox .shadow .addvideo_contain.textword {
padding: 20px 40px;
}
.wk_commentlable p.WK_tdpadfirstedit a {
color: #5b7882;
}
.customer-account-forgotpassword #form-validate .field.note {
font-size: 18px;
color: #79b42b;
}
/**2018-01-01 START**/
/**UPDATE COLLECTION**/
/**DESKTOP PART**/
.D_md12 .writeblog_box .Leftbox .rightform_box .list .inputsele .xlbox {
max-height: 300px;
overflow-y: auto;
}
a.linkTo_login {
text-align: right;
display: block;
text-decoration: underline !important;
}
a.linkTo_login:hover {
color: #000;
}
.header-content .minicart-moveable .counter .counter-label {
color: #8a9ea5;
}
.banner-static-home .row .col {
position: relative;
}
.banner-static-home .row .col .textbox {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
}
.banner-static-home .row .col .textbox .text {
font-size: 40px;
font-family: Calibri;
color: #fff;
line-height: 50px;
text-transform: uppercase;
padding: 40px;
text-align: center;
text-shadow: 2px 2px 4px #999;
}
.box-section .box-container .bigsales .row .col {
position: relative;
}
.box-section .box-container .bigsales .row .col img {
vertical-align: bottom;
}
.box-section .box-container .bigsales .row .col .title {
width: 100%;
background: rgba(0, 0, 0, 0.4);
position: absolute;
left: 0;
bottom: 0;
text-align: center;
}
.box-section .box-container .bigsales .row .col .title span {
font-size: 40px;
line-height: 60px;
color: #fff;
vertical-align: bottom;
}
.product-image-photo {
min-height: auto !important;
}
.minicart-wrapper .block-minicart {
color: #000;
}
.header-container .header-content .top-cart-wrapper {
display: flex;
justify-content: space-between;
}
.header-container .header-content .top-cart-wrapper .link {
padding-right: 0px;
}
.header-container .header-content .top-cart-wrapper .link a:before {
padding-right: 8px;
font-size: 28px;
}
#search_mini_form2 .search-autocomplete ul li {
border-left: none;
border-right: none;
border-top: none;
border-bottom: 1px solid #f0f0f0;
}
#search_mini_form2 .search-autocomplete ul li span {
color: #333;
}
.search-autocomplete ul li .material_pop .material_pop_list::-webkit-scrollbar {
width: 5px;
height: 4px;
background-color: #F5F5F5;
}
.material_pop .material_pop_list::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background: #fff;
}
.material_pop .material_pop_list::-webkit-scrollbar-thumb {
border-radius: 3px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: rgba(0, 0, 0, 0.7);
}
.material_pop .material_pop_list::-webkit-scrollbar-thumb:hover {
border-radius: 3px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #07aaf7;
}
.material_pop .material_pop_addmore {
height: 25px;
line-height: 23px;
}
body.modal-open {
position: fixed;
width: 100%;
}
.wkblog-blog-title .d_main_cont .favorite-o {
font-size: 26px;
line-height: 30px;
float: right;
display: block;
cursor: pointer;
color: #666;
}
.wkblog-blog-title .d_main_cont .favorite,
.wkblog-blog-title .infotip_items .fa-heart {
color: #E1514F;
}
.main-content .cart-container .cart-summary .checkout button span,
.main-content .cart-container .form-cart .cart.actions .action span {
line-height: 40px;
}
.checkout-cart-index .pint {
display: none;
}
.checkout-index-index .header-content {
border-bottom: none;
margin-bottom: 0px;
}
.checkout-index-index .checkout-container {
margin: 0px;
padding: 0px;
}
.header-container .header-content .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .minicart-items .product-item .product-item-name a {
max-height: 35px;
overflow: hidden;
display: block;
}
.table:not(.cart):not(.totals) > thead > tr > th,
.table:not(.cart):not(.totals) > thead > tr > td {
border-bottom: none;
}
.catalog-product-compare-index .pint {
display: none;
}
.product-reviews-summary .rating-summary {
text-align: left;
}
/**Hot blogs**/
.Bloglist_box .rightbox .info_hotnews .MC_news_list2 {
padding: 15px 10px;
}
.Bloglist_box .rightbox .info_hotnews .MC_news_list2 .swiper-container {
height: 940px;
}
.Bloglist_box .rightbox .info_hotnews .MC_news_list2 li {
border: 1px solid #e9e9e9;
border-radius: 1px;
margin-bottom: 15px;
/*height: auto !important;*/
}
.Bloglist_box .rightbox .info_hotnews .MC_news_list2 li .sec1 {
padding: 0 10px;
height: 61px;
display: flex;
align-items: center;
justify-content: space-between;
}
.Bloglist_box .rightbox .info_hotnews .MC_news_list2 li .sec1 .headbox {
display: flex;
align-items: center;
overflow: hidden;
}
.Bloglist_box .rightbox .info_hotnews .MC_news_list2 li .sec1 .headbox:hover {
opacity: 0.8;
}
.Bloglist_box .rightbox .info_hotnews .MC_news_list2 li .sec1 .headimg {
width: 34px;
height: 34px;
border: 1px solid #f2f2f2;
border-radius: 50%;
margin-right: 10px;
}
.Bloglist_box .rightbox .info_hotnews .MC_news_list2 li .sec1 .name {
font-size: 14px;
color: #333333;
line-height: 16px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.Bloglist_box .rightbox .info_hotnews .MC_news_list2 li .sec1 .time {
font-size: 12px;
color: #888888;
width: 65px;
text-align: right;
flex: 0 0 auto;
}
.Bloglist_box .rightbox .info_hotnews .MC_news_list2 li .sec2 {
margin: 0 10px 10px;
overflow: hidden;
}
.Bloglist_box .rightbox .info_hotnews .MC_news_list2 li .sec2 img {
width: 100%;
height: auto;
transition: all .4s linear;
}
.Bloglist_box .rightbox .info_hotnews .MC_news_list2 li .sec2 img:hover {
transform: scale(1.1);
}
.Bloglist_box .rightbox .info_hotnews .MC_news_list2 li .sec3 {
border-top: 1px solid #e9e9e9;
padding: 10px 15px 8px;
}
.Bloglist_box .rightbox .info_hotnews .MC_news_list2 li .sec3 .title {
display: block;
max-width: 97%;
font-weight: bold;
color: #333;
font-size: 15px;
margin-bottom: 5px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.Bloglist_box .rightbox .info_hotnews .MC_news_list2 li .sec3 .title:hover {
text-decoration: underline !important;
}
.Bloglist_box .rightbox .info_hotnews .MC_news_list2 li .sec3 .txt {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 14px;
color: #333;
}
/*2018-3-19*/
.main-content .cart-container .form-cart .cart.table-wrapper thead .col .text {
font-size: 16px;
font-weight: 600;
}
.main-content .cart-container .form-cart .cart.table-wrapper tbody .item-actions td .actions-toolbar .action-towishlist::before {
content: '\f387';
font-family: Ionicons;
font-size: 22px;
padding-right: 5px;
padding-left: 3px;
}
.main-content .cart-container .form-cart .cart.table-wrapper tbody .item-actions td .actions-toolbar .action-edit {
display: none;
}
.main-content .cart-container .form-cart .cart.table-wrapper .quantity_box_button_down,
.main-content .cart-container .form-cart .cart.table-wrapper .quantity_box_button_up {
display: inline-block;
line-height: 28px;
padding: 0 12px;
cursor: pointer;
}
.main-content .cart-container .form-cart .cart.table-wrapper tbody .control.qty {
border: 1px solid #d4d4d4;
width: 120px;
margin: 0 auto;
}
.main-content .cart-container .form-cart .cart.table-wrapper tbody .col.qty input {
background: #f4f4f4;
}
.checkout-index-index .opc-wrapper .shipping-address-item.selected-item {
border-color: #5b7882;
}
.checkout-index-index .opc-wrapper .shipping-address-item.selected-item::after {
background: #5b7882;
}
.checkout-index-index .modal-popup .modal-inner-wrap {
width: 600px !important;
}
.checkout-index-index .opc-wrapper .edit-address-link {
margin-top: 20px;
}
.checkout-index-index .fieldset > .field {
margin: 0 0 20px;
}
.checkout-index-index .field.street span {
color: #555555;
}
.checkout-index-index .field.street .control .label {
display: none;
}
.checkout-index-index #shipping-save-in-address-book {
margin: 0;
display: inline;
}
.checkout-index-index .modal-popup .modal-footer {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.checkout-index-index .opc-block-shipping-information .shipping-information-title .action-edit::before {
content: '\f044';
font-family: FontAwesome;
}
.checkout-payment-method .billing-address-same-as-shipping-block input {
margin: 0;
}
.checkout-payment-method .actions-toolbar > .primary .action-cancel {
margin-top: 0;
}
.checkout-payment-method .payment-option._collapsible .payment-option-content {
display: block;
}
.checkout-onepage-success .column.main {
min-height: 100px;
}
.checkout-success {
text-align: center;
padding: 30px 0;
background-color: #eee;
}
.checkout-success .congratulations {
font-size: 16px;
font-weight: 600;
}
.checkout-success .actions-toolbar {
text-align: center;
}
.checkout-success .actions-toolbar .primary {
float: none;
}
.checkout-success .actions-toolbar .primary .view-order {
margin-right: 20px;
}
.opc-wrapper .step-content {
margin: 0 0 20px;
}
.opc-wrapper .shipping-address-item {
margin: 0;
}
.opc-block-summary .minicart-items-wrapper {
max-height: 440px;
}
.opc-wrapper .action-show-popup {
margin: 20px 0;
}
.table-checkout-shipping-method thead th {
font-weight: 600;
}
.checkout-container .opc-sidebar .modal-content .opc-block-shipping-information {
display: none;
}
.wk-comment-box .WK_tbodyingedit_content .wk_textarea p {
display: inline-block;
}
.wk-comment-box .WK_tbodyingedit_content .wk_textarea img {
width: 25px;
}
.wk-comment-box .WK_tbodyingedit_content .wk_textarea .wk_textarea a {
color: #5b7882;
font-weight: bold;
}
.wk-comment-box .hiddenComment {
visibility: hidden;
height: 1px;
}
.wk-comment-box .trumbowyg-box,
.trumbowyg-editor {
margin: 20px auto 0 auto;
}
.wk-comment-box .wk-lowercommentbox #commit {
margin: 0px auto 5px;
}
.hottags_box {
background: #f8f8f8;
margin-top: 30px;
}
.hottags_box .tip {
height: 68px;
line-height: 68px;
background: #efefef;
color: #333;
font-size: 20px;
padding: 0 20px;
text-transform: uppercase;
}
.hottags_box .htags_abox {
padding: 15px 5px;
font-size: 0px;
}
.hottags_box .htags_abox a {
margin: 5px;
transition: all .3s linear;
display: inline-block;
border: 1px solid #8a9ea5;
border-radius: 4px;
height: 30px;
text-align: center;
line-height: 28px;
font-size: 14px;
color: #8a9ea5;
padding: 0 8px;
font-family: Open Sans;
}
.hottags_box .htags_abox a:hover {
color: #fff;
background: #8a9ea5;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list li.sale_isbtn .bigbox.on {
background: #ccc;
}
.product-view .product.detailed .data.items .item.title .counter {
display: none;
}
.two_imgswitch .two_pcimg {
position: relative;
}
.two_imgswitch .two_moblieimg {
display: none;
position: relative;
}
.two_imgswitch .to_other_pc {
width: 75px;
height: 40px;
display: block;
position: absolute;
top: 23.6%;
left: 12.34%;
}
.two_imgswitch .to_other_mobile {
width: 140px;
height: 60px;
display: block;
position: absolute;
top: 36.5%;
left: 30.8%;
}
.two_imgswitch .two_pcimg img,
.two_imgswitch .two_moblieimg img {
width: 100%;
}
div[name="shippingAddress.country_id"] .select option:first-child {
display: none;
}
.errorpagebox {
overflow: hidden;
background: #f0f0f0;
background-size: cover;
font-family: 'Open Sans', sans-serif;
font-size: 100%;
height: 100%;
width: 100%;
}
.not-found {
margin: 150px auto 150px;
padding: 112px 48px 112px 48px;
background: #fff;
border-radius: 5px;
width: 55%;
overflow: hidden;
}
.not-found .notfound-top h1 {
font-size: 152px;
color: #8A9EA5;
padding-top: 30px;
}
.not-found .notfound-top {
float: left;
width: 45%;
text-align: center;
}
.not-found .content {
float: right;
width: 50%;
padding-left: 48px;
border-left: 2px solid #8A9EA5;
text-align: center;
}
.not-found .content h3 {
font-size: 14px;
font-weight: 500;
line-height: 25px;
color: #656262;
margin: 20px 0px;
}
.not-found .otherlinks {
font-size: 0px;
}
.not-found .otherlinks li {
display: inline-block;
font-size: 14px;
padding: 0 5px;
}
.not-found .otherlinks li a {
color: #8A9EA5;
}
.not-found .otherlinks li a:hover {
color: #42565D;
}
.Activity_onlineinfo .infoTop .imgbox img {
width: 100%;
margin-bottom: -2px;
}
/*top shop toggle 20180330*/
.header-container .header-content .minicart-wrapper .block-minicart {
background: #fff;
}
.header-container .header-content .minicart-wrapper .block-minicart:before,
.header-container .header-content .minicart-wrapper .block-minicart:after {
border-color: transparent transparent #ccc transparent;
}
.header-container .header-content .minicart-wrapper .block-minicart .block-content .subtotal {
text-align: center;
float: none;
margin: 0;
font-size: 12px;
}
.header-container .header-content .minicart-wrapper .block-minicart .block-content > .actions {
margin-top: 0px;
padding: 20px 0 0;
}
.header-container .header-content .minicart-wrapper .block-minicart .block-content .items-total {
display: none;
}
.header-container .header-content .minicart-wrapper .block-minicart .amount .price-wrapper:first-child .price {
font-size: 16px;
}
.paypal.after:before {
margin: 0 5px;
}
.header-container .header-content .minicart-wrapper .block-minicart .block-content > .actions > .primary {
padding: 0 0 20px;
}
.header-container .header-content .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .minicart-items .product-item .product-item-name a {
color: #000;
font-size: 12px;
}
.header-container .header-content .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .product-item-details {
padding-left: 88px;
}
.header-container .header-content .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .item-qty {
border: 1px solid #ccc;
color: #000;
width: 50px;
}
.minicart-items .product-item-name {
margin: 0 0 0px;
}
.header-container .header-content .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .product-item-pricing .price-container {
float: none;
padding-left: 0px;
margin-bottom: 8px;
}
.header-container .header-content .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .product-item-pricing .update-cart-item span {
padding: 0 10px;
line-height: 28px;
}
.header-container .header-content .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .product-item-pricing .update-cart-item {
line-height: 28px;
padding: 0px;
}
.header-container .header-content .minicart-wrapper .block-minicart .block-content > .actions > .primary .paypal input {
vertical-align: top;
}
.paypal.after:before {
line-height: 30px;
}
.header-container .header-content .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .product-item-details .price {
font-size: 15px !important;
margin: 2px 0 5px;
line-height: 20px;
font-weight: bold !important;
}
.header-container .header-content .minicart-wrapper .block-minicart .block-content > .actions > .secondary .action.viewcart {
background: #42565d !important;
color: #fff !important;
}
.header-container .header-content .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .product-item-details .options.active {
border-bottom: 1px solid #ccc;
margin-bottom: 5px;
}
.header-container .header-content .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .product-item-details .options .list {
overflow: hidden;
line-height: 16px;
}
.header-container .header-content .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .product-item-details .options .list .label {
padding: 0px;
float: left;
}
.header-container .header-content .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .product-item-details .options .list .values {
float: left;
line-height: 16px;
margin-left: 10px;
font-size: 12px;
margin-bottom: 10px;
}
/*activity online titlechange*/
.activity_timerange {
font-weight: bold;
text-transform: uppercase;
}
.D_md12 .Activity_onlineinfo .infoTop .online_textbox {
display: none;
}
.textindent-999 {
position: absolute;
text-indent: -9999999px;
}
.D_md12 .newlistsort {
overflow: hidden;
}
.D_md12 .newlistsort ul {
float: right;
}
.D_md12 .newlistsort .current_list {
float: left;
line-height: 60px;
}
.D_md12 .newlistsort .current_list > * {
margin: 0 5px;
color: #606060;
}
.D_md12 .newlistsort .current_list > a:hover {
color: #000;
}
.D_md12 .newblog_list {
margin-bottom: 40px;
}
.D_md12 .newblog_list ul.list li {
display: flex;
justify-content: space-between;
padding: 20px 0;
border-bottom: 1px solid #f0f0f0;
align-items: center;
}
.D_md12 .newblog_list ul.list li .imgbox {
float: left;
margin-right: 20px;
flex: 0 0 auto;
width: 316px;
min-height: 50px;
font-size: 13px;
line-height: 19px;
}
.D_md12 .newblog_list ul.list li .descbox .title {
font-size: 19px;
font-weight: bold;
color: #333;
line-height: 22px;
display: block;
overflow: hidden;
max-height: 44px;
margin-bottom: 8px;
}
.D_md12 .newblog_list ul.list li .descbox .title:hover {
color: #5b7882;
}
.D_md12 .newblog_list ul.list li .descbox .desc {
font-size: 16px;
line-height: 20px;
color: #555;
max-height: 60px;
overflow: hidden;
margin-bottom: 5px;
}
.D_md12 .newblog_list ul.list li .descbox .times {
font-size: 14px;
color: #777;
margin-bottom: 8px;
}
.D_md12 .newblog_list ul.list li .descbox .times .author {
color: #5b7882;
margin-right: 15px;
}
.D_md12 .newblog_list ul.list li .descbox .iconts .icontitem {
margin-right: 5px;
font-size: 14px;
cursor: default;
}
.D_md12 .newblog_list ul.list li .descbox .tags {
margin-bottom: 10px;
}
.D_md12 .newblog_list ul.list li .descbox .tags a {
font-size: 14px;
color: #5b7882;
}
.D_md12 .Newblog_page .new_hotblog {
margin-top: 30px;
background: #efefef;
}
.D_md12 .Newblog_page .new_hotblog .tip {
height: 68px;
line-height: 68px;
background: #efefef;
color: #333;
font-size: 20px;
padding: 0 20px;
text-transform: uppercase;
margin: 0;
}
.D_md12 .Newblog_page .MC_news_list2 {
background: #fff;
flex: 1 1 auto;
width: 100%;
}
.D_md12 .Newblog_page .MC_news_list2 .swiper-container {
height: 940px;
}
.D_md12 .Newblog_page .MC_news_list2 li {
border: 1px solid #e9e9e9;
border-radius: 1px;
margin-bottom: 15px;
}
.D_md12 .Newblog_page .MC_news_list2 li .sec2 {
margin: 10px;
overflow: hidden;
}
.D_md12 .Newblog_page .MC_news_list2 li .sec2 img {
width: 100%;
height: auto;
transition: all .4s linear;
}
.D_md12 .Newblog_page .MC_news_list2 li .sec2 img:hover {
transform: scale(1.1);
}
.D_md12 .Newblog_page .MC_news_list2 li .sec3 {
border-top: 1px solid #e9e9e9;
padding: 10px 15px 8px;
}
.D_md12 .Newblog_page .MC_news_list2 li .sec3 .title {
display: block;
max-width: 97%;
font-weight: bold;
color: #333;
font-size: 15px;
margin-bottom: 5px;
line-height: 19px;
max-height: 38px;
overflow: hidden;
}
.D_md12 .Newblog_page .MC_news_list2 li .sec3 .title:hover {
text-decoration: underline !important;
}
.D_md12 .Newblog_page .MC_news_list2 li .sec3 .txt {
font-size: 14px;
color: #333;
line-height: 18px;
max-height: 54px;
overflow: hidden;
}
.D_md12 .Newblog_page .MC_news_list2 li .tags {
margin-bottom: 10px;
padding: 0 15px;
}
.D_md12 .Newblog_page .MC_news_list2 li .tags a {
font-size: 14px;
color: #5b7882;
}
.writeblog_m_btn {
display: none;
position: fixed;
left: 0px;
top: 40%;
background: #9CCCC8;
color: #fff;
padding: 10px;
border-radius: 0px 5px 5px 0;
font-size: 18px;
}
.D_md12 .Blog_series .Rightbox .sec2 .tip {
padding-left: 0px;
text-align: center;
}
.hottags_box .tip {
text-align: center;
padding: 0px;
}
.D_md12 .Newblog_page .new_hotblog .tip {
text-align: center;
padding: 0px;
}
.Bloglist_box .rightbox .info_hotnews .tip {
text-align: center;
}
.wkblog-blog-addshare .D_md12 .writeblog_box .Leftbox .listimg_box {
height: 160px;
}
.bolginfo_current_list {
display: block;
color: #fff;
font-size: 14px;
clear: both;
text-align: center;
width: 100%;
}
.bolginfo_current_list > a {
color: #fff;
}
.bolginfo_current_list > * {
margin: 0 5px;
}
.wkblog-category-category .pager .previous > a,
.pager .previous > span {
float: none;
}
.header-container .logo-home .logo {
float: left;
}
.banner-static .col a img {
height: auto !important;
}
.banner-static-home .row .col .textbox .text {
padding: 35px 25px;
}
.menu-link {
float: left;
}
.banner-static .col a img {
width: 100%;
}
#lucian_header123 > div.header-content.visible-lg.visible-md > div > div {
display: flex;
align-items: center;
}
.at-share-dock.atss {
z-index: 900 !important;
}
#formSubmit {
width: 100%;
}
#formSubmit {
width: 100%;
}
#formCloseChat {
display: none;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .imglist3 li .member_box {
padding: 10px !important;
left: 0;
background: rgba(235, 235, 233, 0.45);
position: static;
display: block !important;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .imglist3 li .member_box .iconts .icontitem {
color: #565d62;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .imglist3 li .member_box .member .flexbox .name {
margin-bottom: 0px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .imglist3 li .member_box .title {
line-height: 20px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .leftbox .text {
position: static;
line-height: 67px !important;
height: 67px !important;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .leftbox img {
transform: scale(1) !important;
vertical-align: middle;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .imglist3 li .imgbox img {
vertical-align: middle;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item {
margin-bottom: 40px;
}
#chatbox #chatclosemobile {
display: none;
}
#chatbox.inphone #chatclosemobile {
display: block;
width: 50%;
text-align: center;
background: #fafafa;
position: absolute;
left: 0px;
bottom: 30px;
height: 50px;
color: #717171;
line-height: 50px;
border-bottom: 1px solid #d3d3d3;
border-top: 1px solid #d3d3d3;
}
.infovideo_box iframe {
height: 500px;
}
.wkblog-blog-sharetitle .d_main_cont .favorite-o {
font-size: 26px;
line-height: 30px;
float: right;
display: block;
cursor: pointer;
color: #666;
}
.changeheadimg_box #clipArea {
margin-bottom: 0px;
}
.changeheadimg_box .cliparea_tips {
margin: 5px 0 10px;
text-align: center;
font-size: 12px;
color: #919191;
}
.upicon {
display: none;
}
.upicon i {
animation: spin 2000ms infinite linear;
width: 15px;
height: 15px;
font-size: 15px;
color: #488BA2;
}
.uploading .upicon {
display: block;
}
.img_upicon i {
position: absolute;
right: 5px;
bottom: 5px;
}
.video_upicon i {
position: absolute;
right: 3px;
bottom: 3px;
width: 12px;
height: 12px;
font-size: 12px;
}
.addvideo_btn {
position: relative;
}
.ma-nav-mobile-container .navbar .navbar-inner .mobilemenu li.active > a {
color: #fff;
}
.ma-nav-mobile-container .navbar .navbar-inner .mobilemenu li .level2 .have_sub span.head a:before {
content: "\f107";
}
.ma-nav-mobile-container .navbar .navbar-inner .mobilemenu li .level2 .have_sub.active span.head a:before {
content: "\f106";
}
.BloginfobBox a {
color: #5b7882;
}
.BloginfobBox strong {
font-weight: bold;
}
.D_md12 .newblog_list ul.list li {
justify-content: flex-start;
}
.D_md12 .Blog_series .Rightbox .sec2 .category_list li > a {
padding: 0 20px 0 30px;
font-size: 15px;
height: 33px;
line-height: 33px;
border-bottom: none;
}
.D_md12 .Blog_series .Rightbox .sec2 .category_list li > a:after {
display: none;
content: "\f105";
font: normal normal normal 14px/1 FontAwesome;
font-size: 24px;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
height: 24px;
top: 0;
bottom: 0px;
margin: auto;
line-height: 24px;
}
.D_md12 .Blog_series .Rightbox .sec2 .category_list .libox .child_cate {
padding: 10px 0;
}
.D_md12 .Blog_series .Rightbox .sec2 .category_list .libox {
border-bottom: 1px solid #c8c8c8;
}
.D_md12 .Blog_series .Rightbox .sec2 .category_list .parent_cate {
display: block;
line-height: 49px;
position: relative;
height: 49px;
padding: 0 20px;
font-size: 18px;
color: #5b7882;
}
.D_md12 .Blog_series .Rightbox .sec2 .category_list .parent_cate .slide {
position: absolute;
right: 15px;
font-size: 24px;
cursor: pointer;
height: 100%;
width: 15px;
}
.D_md12 .Blog_series .Rightbox .sec2 .category_list .parent_cate .slide:hover i {
font-weight: bold;
}
.D_md12 .Blog_series .Rightbox .sec2 .category_list .parent_cate .slide i {
height: 24px;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
}
.D_md12 .Blog_series .Rightbox .sec2 .category_list .parent_cate .slide i.fa-angle-up {
display: none;
}
.D_md12 .Blog_series .Rightbox .sec2 .category_list .parent_cate > a:hover {
font-weight: bold;
}
.D_md12 .Blog_series .Rightbox .sec2 .category_list .libox.open .parent_cate > a {
font-weight: bold;
}
.D_md12 .Blog_series .Rightbox .sec2 .category_list .libox.open .parent_cate {
border-bottom: 1px dashed #c8c8c8;
}
.D_md12 .Blog_series .Rightbox .sec2 .category_list .libox.open .parent_cate .slide i.fa-angle-up {
display: block;
}
.D_md12 .Blog_series .Rightbox .sec2 .category_list .libox.open .parent_cate .slide i.fa-angle-down {
display: none;
}
.D_md12 .Blog_series .Rightbox .sec2 .category_list .libox .child_cate {
display: none;
}
.D_md12 .Blog_series .Rightbox .sec2 .category_list li > a {
padding: 10px 20px;
line-height: 22px;
height: auto;
font-size: 16px;
}
.trumbowyg-box .trumbowyg-editor strong {
font-weight: bold;
}
.blog-post-contestlist .toolbar .pages {
text-align: center;
}
.D_md12 .Blog_series .Rightbox .sec2 .category_list .parent_cate a.on {
font-weight: bold;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list .inputsele .xlbox .child_cate_box {
display: none;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list .inputsele .xlbox .parent_cate {
/*text-transform:uppercase;*/
display: block;
cursor: pointer;
width: 100%;
height: 40px;
line-height: 40px;
padding: 0 35px;
font-size: 18px;
color: #565d62;
border-top: 1px solid #fff;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list .inputsele .xlbox .parent_cate:hover,
.D_md12 .writeblog_box .Leftbox .rightform_box .list .inputsele .xlbox .xl_sec.open .parent_cate {
color: #fff;
background: #5B7882;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list .inputsele .xlbox .child_cate_box .xl_text {
font-size: 16px;
padding: 0 45px 0 40px;
}
.D_md12 .Blog_list_box .categoryRight .category_list {
color: #606060;
}
.D_md12 .Rightbox .category_list a {
color: #606060;
}
.D_md12 .Blog_list_box .blog_list > .title > .text:first-child {
font-size: 20px;
line-height: 30px;
}
.D_md12 .Blog_list_box .blog_list > .title > .text:last-child {
font-weight: bold;
font-size: 30px;
margin: 50px 0 30px;
line-height: 35px;
}
.updown_item {
padding: 50px 0 0;
}
.updown_item .Ac_secitem {
margin-bottom: 0px;
display: none;
}
.updown_item .show_activityimgs {
text-align: center;
font-size: 0px;
color: #fff;
}
.updown_item .show_activityimgs .button_toggle {
cursor: pointer;
font-size: 25px;
padding: 20px 0px;
background: #8A9EA5;
color: #fff;
transition: all .5s linear;
}
.updown_item .show_activityimgs .button_toggle:hover,
.updown_item .show_activityimgs .button_toggle.on {
background: #5B7782;
}
.updown_item .show_activityimgs .button_toggle .fa-caret-up {
display: none;
}
.updown_item .show_activityimgs .button_toggle.on .fa-caret-up {
display: inline-block;
}
.updown_item .show_activityimgs .button_toggle.on .fa-caret-down {
display: none;
}
.updown_item .show_activityimgs .button_toggle i {
margin-left: 10px;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li.li1 .textbox {
background: #5b7782;
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li.li2 .textbox {
background: rgba(91, 119, 130, 0.75);
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li.li3 .textbox {
background: rgba(91, 119, 130, 0.65);
}
.D_md12 .Activity_onlineinfo .infoPrize .prizebox li.li4 .textbox {
background: rgba(91, 119, 130, 0.45);
}
.success_txt {
text-align: center;
color: #8a9ea5;
font-size: 50px;
margin-bottom: 40px;
font-weight: bold;
font-family: 'Calibri';
}
.success_img {
margin: 0 0 30px 0;
}
.enter_activity1 .shareit_box .tiptext {
font-size: 20px;
}
/**2018-4-14 */
.column.main .recommond-product .product-items {
margin-left: 0 !important;
}
/**2018-4-23 */
.D_md12 .infoEntries .entries_box .list .imgbox2.hasvideo a {
position: relative;
overflow: hidden;
display: block;
}
.D_md12 .infoEntries .entries_box .list .imgbox2.hasvideo .videobox {
display: none;
position: absolute;
top: -23px;
left: -34px;
background: #5b7882;
width: 80px;
height: 50px;
transform: rotate(132deg);
}
.D_md12 .infoEntries .entries_box .list .imgbox2.hasvideo .videobox {
display: block;
}
.D_md12 .infoEntries .entries_box .list .imgbox2.hasvideo .videobox:after {
content: "\f03d";
color: #fff;
font-family: 'FontAwesome';
font-size: 16px;
position: absolute;
top: 4px;
left: 39px;
transform: rotate(-132deg);
}
#entercontest p {
text-align: center;
padding: 20px 0;
}
#chatopen {
display: none !important;
}
#maincontent .introvideo {
padding: 15px 0;
}
.footer-container .footer-middle .footer-static .f-col .footer-static-content .link-web ul li a.instagram .fa.fa-instagram {
color: #a2a2a2;
font-size: 20px;
}
.D_md12 .WK_tbodyingedit_content .wk_commentlable .WK_tdpadfirstedit img.img {
border-radius: 50%;
}
.D_md12 .updateinfo {
width: 80%;
margin: 20px auto;
padding: 20px;
background: #FFFFCC;
font-size: 14px;
font-family: Microsoft Yahei;
line-height: 20px;
word-break: break-all;
}
.D_md12 .updateinfo a {
font-weight: bold;
}
.D_md12 .updateinfo.hidden {
display: none;
}
.D_md12 .MC_box .MC_Topsec .MC_ind_linklist1 li i.fa-followed {
color: #42565d;
}
.customer-account-create .D_md12 .D_loginBox .D_login_formbox {
padding: 40px 60px;
height: 770px;
}
.customer-account-create .D_md12 .D_loginBox .D_login_formbox .input_captcha .label {
padding: 0px;
}
.customer-account-create .D_md12 .D_loginBox .D_login_formbox .input_captcha .label span {
font-weight: normal;
font-size: 14px;
font-family: "Open Sans";
line-height: 30px;
color: #565d62;
}
.customer-account-create .D_md12 .D_loginBox .D_login_formbox .input_captcha .captcha-reload span {
padding: 0 20px;
background: #565d62;
font-size: 12px;
font-weight: normal;
border-radius: 3px;
}
.customer-account-create .D_md12 .D_loginBox .D_login_formbox .input_captcha_warning .label span {
color: #e02b27;
}
.D_md12 .MC_box .MC_Topsec .headbox .headimg img {
width: 120px;
height: 120px;
max-width: 100% !important;
}
.customer-account-index a:hover,
.customer-account-index a:focus {
text-decoration: none;
}
.pt_custommenu div.popup .itemMenu .itemSubMenu {
margin-top: 10px;
}
.pt_custommenu div.popup .itemMenu a.level1 span,
.pt_custommenu div.popup .itemMenu h4.level1 span {
padding-right: 10px;
}
.pt_custommenu div.popup .itemMenu a.level1:not(:first-child),
.pt_custommenu div.popup .itemMenu h4.level1:not(:first-child) {
margin-top: 30px;
}
.catalog-category-view .category-view {
display: none;
}
/**2018-10-31 Updated**/
.header-container .top-link .box-left .link > a {
color: #cedadc;
height: 30px;
line-height: 30px;
font-size: 16px;
}
.header-container .top-link .box-left .link:hover > a {
color: #fff;
}
.header-container .top-link .box-left .DN_Compare > a {
padding-left: 32px;
background: url(https://www.dearlives.com/pub/media/images/d_index_top01.png) left center no-repeat;
}
.header-container .top-link .box-left .DN_Compare:hover > a {
background: url(https://www.dearlives.com/pub/media/images/d_index_top01_on.png) left center no-repeat;
}
.header-container .top-link .box-left .DN_Wishlist > a {
padding-left: 34px;
background: url(https://www.dearlives.com/pub/media/images/d_index_top02.png) left center no-repeat;
}
.header-container .top-link .box-left .DN_Wishlist:hover > a {
background: url(https://www.dearlives.com/pub/media/images/d_index_top02_on.png) left center no-repeat;
}
.header-container .top-link .box-left .DN_Cart > a {
padding-left: 28px;
background: url(https://www.dearlives.com/pub/media/images/d_index_top03.png) left center no-repeat;
}
.header-container .top-link .box-left .DN_Cart:hover > a {
background: url(https://www.dearlives.com/pub/media/images/d_index_top03_on.png) left center no-repeat;
}
/**.minicart-wrapper .action.showcart::before {font-size: 22px;line-height: 22px;color: #cedadc;content: "\f110";font-family: Ionicons;vertical-align: middle;height: 30px;}**/
.header-container .header-content.header-content-fix {
padding: 0 75px;
}
.header-container .header-content .minicart-wrapper::before {
content: "\f110";
font-size: 22px;
color: #cedadc;
padding-left: 15px;
}
.header-container .header-content .minicart-wrapper:hover {
color: #fff;
}
.header-content .minicart-moveable .counter .counter-label {
color: #cedadc;
}
.header-content .minicart-moveable .counter .counter-label:hover {
color: #fff;
}
.header-container .header-content .minicart-wrapper .showcart {
font-size: 16px;
padding-left: 0;
}
.header-container .top-link .box-left .minicart-wrapper .showcart span::before {
line-height: 33px;
padding: 0 0 0 1px;
}
.minicart-wrapper .action.showcart .counter.qty {
overflow: visible;
}
.header-container .top-link .box-left span::before {
padding-right: 0;
}
/*Index*/
.DN_w1775 {
max-width: 1775px;
margin: 0 auto;
width: 92.44%;
}
body.modal-open {
position: fixed;
width: 100%;
}
/*顶部*/
.dn-box input:focus {
outline: none;
}
.dn-box form,
.dn-box input,
.dn-box button,
.dn-box select,
.dn-box textarea {
outline: none;
vertical-align: middle;
}
.dn-box textarea {
resize: none;
}
.dn-box textarea,
.dn-box input,
.dn-box select {
border: none;
margin: 0;
padding: 0;
}
.dn-box .DN_header {
background: #8a9ea5;
width: 100%;
height: 50px;
padding: 10px 0;
}
.dn-box .DN_header .DN_ShopThree {
float: left;
height: 30px;
}
.dn-box .DN_header .DN_PersonThree {
float: right;
height: 30px;
}
.dn-box .DN_header .DN_ShopThree .item {
float: left;
}
.dn-box .DN_header .DN_ShopThree .item + .item {
margin-left: 30px;
}
.dn-box .DN_header .DN_ShopThree .item > a {
color: #cedadc;
height: 30px;
line-height: 30px;
font-size: 16px;
display: block;
}
.dn-box .DN_header .DN_ShopThree .item:hover > a {
color: #fff;
}
.dn-box .DN_header .DN_ShopThree .DN_Compare > a {
padding-left: 32px;
background: url(https://www.dearlives.com/pub/media/images/d_index_top01.png) left center no-repeat;
}
.dn-box .DN_header .DN_ShopThree .DN_Compare:hover > a {
background: url(https://www.dearlives.com/pub/media/images/d_index_top01_on.png) left center no-repeat;
}
.dn-box .DN_header .DN_ShopThree .DN_Wishlist > a {
padding-left: 34px;
background: url(https://www.dearlives.com/pub/media/images/d_index_top02.png) left center no-repeat;
}
.dn-box .DN_header .DN_ShopThree .DN_Wishlist:hover > a {
background: url(https://www.dearlives.com/pub/media/images/d_index_top02_on.png) left center no-repeat;
}
.dn-box .DN_header .DN_ShopThree .DN_Cart > a {
padding-left: 28px;
background: url(https://www.dearlives.com/pub/media/images/d_index_top03.png) left center no-repeat;
}
.dn-box .DN_header .DN_ShopThree .DN_Cart:hover > a {
background: url(https://www.dearlives.com/pub/media/images/d_index_top03_on.png) left center no-repeat;
}
.dn-box .DN_header .DN_ShopThree .DN_Cart {
position: relative;
}
.dn-box .DN_header .DN_ShopThree .DN_Cart:hover .DN_cart_sub {
display: block;
}
.dn-box .DN_header .DN_ShopThree .DN_Cart .DN_cart_sub {
display: none;
position: absolute;
z-index: 99;
background: #fff;
border: 1px solid #5b7882;
border-radius: 2px;
left: -20px;
top: 100%;
padding: 20px;
width: 300px;
}
.dn-box .DN_header .DN_ShopThree .DN_Cart .DN_cart_sub .totalnum {
text-align: center;
font-size: 12px;
line-height: 24px;
color: #000;
}
.dn-box .DN_header .DN_ShopThree .DN_Cart .DN_cart_sub .totalnum .price {
font-size: 16px;
line-height: 24px;
}
.dn-box .DN_header .DN_ShopThree .DN_Cart .DN_cart_sub .payfor {
margin-top: 20px;
}
.dn-box .DN_header .DN_ShopThree .DN_Cart .DN_cart_sub .payfor .goToCheck {
text-align: center;
}
.dn-box .DN_header .DN_ShopThree .DN_Cart .DN_cart_sub .payfor .goToCheck a {
display: block;
width: 170px;
margin: 0 auto;
background: #42565d;
color: #fff;
height: 32px;
border-radius: 5px;
line-height: 32px;
font-size: 13px;
font-weight: bold;
text-align: center;
}
.dn-box .DN_header .DN_ShopThree .DN_Cart .DN_cart_sub .payfor .or {
text-align: center;
font-size: 14px;
width: 100%;
text-transform: uppercase;
margin: 5px 0;
}
.dn-box .DN_header .DN_ShopThree .DN_Cart .DN_cart_sub .payfor .paypal {
text-align: center;
margin-bottom: 20px;
}
.dn-box .DN_header .DN_ShopThree .DN_Cart .DN_cart_sub .shopCart_list {
max-height: 240px;
overflow-y: auto;
border-top: 1px solid #5b7882;
border-bottom: 1px solid #5b7882;
}
.dn-box .DN_header .DN_ShopThree .DN_Cart .DN_cart_sub .shopCart_list li {
overflow: hidden;
padding: 20px 0;
}
.dn-box .DN_header .DN_ShopThree .DN_Cart .DN_cart_sub .shopCart_list li + li {
border-top: 1px solid #5b7882;
}
.dn-box .DN_header .DN_ShopThree .DN_Cart .DN_cart_sub .shopCart_list li .imgbox {
float: left;
width: 71px;
height: 71px;
border: 1px solid #ccc;
border-radius: 2px;
margin-right: 10px;
overflow: hidden;
}
.dn-box .DN_header .DN_ShopThree .DN_Cart .DN_cart_sub .shopCart_list li .infobox {
float: right;
width: 160px;
}
.dn-box .DN_header .DN_ShopThree .DN_Cart .DN_cart_sub .shopCart_list li .infobox .title {
font-size: 12px;
line-height: 18px;
max-height: 36px;
overflow: hidden;
display: block;
}
.dn-box .DN_header .DN_ShopThree .DN_Cart .DN_cart_sub .shopCart_list li .infobox .title:hover {
color: #5b7882;
}
.dn-box .DN_header .DN_ShopThree .DN_Cart .DN_cart_sub .shopCart_list li .infobox .s_price {
font-weight: bold;
color: #000;
margin-top: 2px;
}
.dn-box .DN_header .DN_ShopThree .DN_Cart .DN_cart_sub .shopCart_list li .infobox .getnum {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.dn-box .DN_header .DN_ShopThree .DN_Cart .DN_cart_sub .shopCart_list li .infobox .getnum .numbox {
padding: 3px 5px;
text-align: center;
border: 1px solid #ccc;
color: #000;
width: 50px;
margin-right: 5px;
height: 22px;
line-height: 20px;
}
.dn-box .DN_header .DN_ShopThree .DN_Cart .DN_cart_sub .shopCart_list li .infobox .getnum .update {
background: #42565d;
border: none;
text-align: center;
color: #fff;
text-transform: uppercase;
padding: 0 10px;
display: none;
height: 22px;
line-height: 22px;
cursor: pointer;
font-size: 12px;
font-weight: bold;
}
.dn-box .DN_header .DN_ShopThree .DN_Cart .DN_cart_sub .viewcart {
margin-top: 20px;
}
.dn-box .DN_header .DN_ShopThree .DN_Cart .DN_cart_sub .viewcart a {
height: 40px;
display: block;
line-height: 40px;
background: #42565d;
color: #fff;
text-transform: uppercase;
text-align: center;
width: 100%;
font-weight: bold;
font-size: 13px;
}
.dn-box .DN_header .DN_PersonThree .item {
float: left;
font-size: 16px;
height: 30px;
line-height: 30px;
padding-left: 35px;
color: #d8e1e2;
border-radius: 3px;
display: block;
}
.dn-box .DN_header .DN_PersonThree .item:hover {
color: #fff;
}
.dn-box .DN_header .DN_PersonThree .DN_AddNew {
float: left;
background: #5b7882 url(https://www.dearlives.com/pub/media/images/d_index_top04.png) 10px center no-repeat;
width: 112px;
}
.dn-box .DN_header .DN_PersonThree .DN_AddNew:hover {
background: #5b7882 url(https://www.dearlives.com/pub/media/images/d_index_top04_on.png) 10px center no-repeat;
}
.dn-box .DN_header .DN_PersonThree .DN_SignIn {
width: 100px;
float: left;
background: #5b7882 url(https://www.dearlives.com/pub/media/images/d_index_top05.png) 10px center no-repeat;
margin-left: 30px;
}
.dn-box .DN_header .DN_PersonThree .DN_SignIn:hover {
background: #5b7882 url(https://www.dearlives.com/pub/media/images/d_index_top05_on.png) 10px center no-repeat;
}
.dn-box .DN_header .DN_PersonThree.haslogin .DN_SignIn {
display: none;
}
.dn-box .DN_header .DN_PersonThree.haslogin .DN_AccountBox {
display: block;
}
.dn-box .DN_header .DN_PersonThree .DN_AccountBox {
display: none;
position: relative;
width: 140px;
float: left;
background: #5b7882 url(https://www.dearlives.com/pub/media/images/d_index_top05.png) 10px center no-repeat;
margin-left: 30px;
}
.dn-box .DN_header .DN_PersonThree .DN_AccountBox:hover {
background: #5b7882 url(https://www.dearlives.com/pub/media/images/d_index_top05_on.png) 10px center no-repeat;
}
.dn-box .DN_header .DN_PersonThree .DN_AccountBox a {
color: #d8e1e2;
}
.dn-box .DN_header .DN_PersonThree .DN_AccountBox a:hover {
color: #fff;
}
.dn-box .DN_header .DN_PersonThree .DN_AccountBox .accountNav {
position: absolute;
width: 140px;
left: 0px;
top: 100%;
display: none;
padding-top: 2px;
}
.dn-box .DN_header .DN_PersonThree .DN_AccountBox:hover .accountNav {
display: block;
}
.dn-box .DN_header .DN_PersonThree .DN_AccountBox .accountNav .list {
padding: 0 8px;
background: #5b7882;
}
.dn-box .DN_header .DN_PersonThree .DN_AccountBox .accountNav .list a {
padding: 10px 0;
line-height: 25px;
display: block;
font-weight: normal;
border-bottom: 1px solid #eee;
border-top: none;
height: inherit;
border-radius: 0;
color: #d8e1e2;
text-transform: uppercase;
position: relative;
z-index: 10;
font-size: 12px;
}
.dn-box .DN_header .DN_PersonThree .DN_AccountBox .accountNav .list a:hover {
color: #fff;
}
.dn-box .DN_MainHead {
height: 130px;
background: #fff;
}
.dn-box .DN_MainHead .DN_w1775 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 100%;
}
.dn-box .DN_MainHead .DN_logo {
width: 129px;
height: 71px;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.dn-box .DN_MainHead .DN_MainNav {
-webkit-box-flex: 2;
-ms-flex: 2 0 auto;
flex: 2 0 auto;
margin-left: 100px;
width: 650px;
}
.dn-box .DN_MainHead .DN_MainNav .list {
float: left;
}
.dn-box .DN_MainHead .DN_MainNav .list li {
float: left;
position: relative;
}
.dn-box .DN_MainHead .DN_MainNav .list li > a {
padding: 25px 22px;
display: block;
line-height: 14px;
font-weight: bold;
text-transform: uppercase;
font-size: 18px;
color: #3c555c;
font-family: 'Ek Mukta', sans-serif;
}
.dn-box .DN_MainHead .DN_MainNav .list li:first-of-type > a {
padding-left: 0px;
}
.dn-box .DN_MainHead .DN_MainNav .list li.hasSubnav > a:after {
content: "\f107";
font-family: FontAwesome;
font-weight: normal;
font-size: 14px;
padding-left: 5px;
}
.dn-box .DN_MainHead .DN_MainNav .list li.on > a,
.dn-box .DN_MainHead .DN_MainNav .list li > a:hover {
color: #3180a5;
}
.dn-box .DN_MainHead .DN_MainNav .list li .DN_sNav {
z-index: 3;
display: none;
position: absolute;
min-width: 100%;
top: 100%;
left: 0px;
background: #fff;
-webkit-box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.6);
box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.6);
}
.dn-box .DN_MainHead .DN_MainNav .list li .DN_sNav a {
padding: 25px 22px;
display: block;
line-height: 14px;
font-weight: bold;
text-transform: uppercase;
font-size: 16px;
color: #3c555c;
font-family: 'Ek Mukta', sans-serif;
white-space: nowrap;
}
.dn-box .DN_MainHead .DN_MainNav .list li .DN_sNav a:hover {
color: #3180a5;
}
.dn-box .DN_MainHead .DN_MainNav .list li:hover .DN_sNav {
display: block;
}
.dn-box .DN_MainHead.fix {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 19;
height: 64px;
background: #8A9EA5;
}
.dn-box .DN_MainHead.fix > .DN_w1775 {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.dn-box .DN_MainHead.fix .DN_logo {
display: none;
}
.dn-box .DN_MainHead.fix .DN_TopSearch {
display: none;
}
.dn-box .DN_MainHead.fix .DN_MainNav li > a {
/*line-height: 64px;*/
color: #42565d;
padding: 0 25px;
}
.dn-box .DN_MainHead.fix .DN_MainNav li:hover > a {
color: #fff;
}
.dn-box .DN_MainHead .DN_TopSearch {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
height: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.dn-box .DN_MainHead .DN_TopSearch .Search_textbox {
float: left;
border: 1px solid #e6e6e6;
border-radius: 3px 0 0 3px;
height: 50px;
width: 600px;
-webkit-box-flex: 1.5;
-ms-flex: 1.5 1.5 auto;
flex: 1.5 1.5 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.dn-box .DN_MainHead .DN_TopSearch .Search_textbox .DN_Search_selectbox {
position: relative;
width: 100px;
}
.dn-box .DN_MainHead .DN_TopSearch .Search_textbox .DN_Search_selectbox .inputbox {
background: #ffffff url(https://www.dearlives.com/pub/media/images/d_order-icons_05.png) right 10px center no-repeat;
cursor: pointer;
}
.dn-box .DN_MainHead .DN_TopSearch .Search_textbox .DN_Search_selectbox .inputbox:hover {
background: #ffffff url(https://www.dearlives.com/pub/media/images/d_order-icons_03.png) right 10px center no-repeat;
cursor: pointer;
}
.dn-box .DN_MainHead .DN_TopSearch .Search_textbox .DN_Search_selectbox .inputbox input {
cursor: pointer;
height: 48px;
line-height: 48px;
font-size: 13px;
color: #333;
padding: 0 10px;
width: 100px;
background: transparent;
margin-top: 0px;
}
.dn-box .DN_MainHead .DN_TopSearch .Search_textbox .DN_Search_selectbox .xlbox {
z-index: 2;
display: none;
position: absolute;
top: 100%;
left: 0;
background: #ffffff;
width: 100%;
border-top: 1px solid #eee;
}
.dn-box .DN_MainHead .DN_TopSearch .Search_textbox .DN_Search_selectbox .xlbox a {
height: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 10px;
font-size: 14px;
color: #333;
}
.dn-box .DN_MainHead .DN_TopSearch .Search_textbox .DN_Search_selectbox .xlbox a:hover {
color: #3180a5;
}
.dn-box .DN_MainHead .DN_TopSearch .Search_textbox .DN_Search_inputbox {
-webkit-box-flex: 2;
-ms-flex: 2 1 auto;
flex: 2 1 auto;
}
.dn-box .DN_MainHead .DN_TopSearch .Search_textbox .DN_Search_inputbox input {
height: 48px;
line-height: 48px;
padding: 0 10px;
width: 100%;
}
.dn-box .DN_MainHead .DN_TopSearch .DN_Search_btn {
float: right;
height: 50px;
width: 100px;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
max-width: 100px;
}
.dn-box .DN_MainHead .DN_TopSearch .DN_Search_btn .searchbtn {
cursor: pointer;
border-radius: 0px 3px 3px 0px;
height: 100%;
width: 100%;
background: #8a9ea5 url(https://www.dearlives.com/pub/media/images/d_headsearch.png) center no-repeat;
border: none;
}
.dn-box .DN_MainHead .DN_TopSearch .DN_Search_btn .searchbtn[disabled] {
cursor: none;
pointer-events: none;
}
/*Banner*/
.DN_Banner {
width: 100%;
position: relative;
}
.DN_Banner img.img2 {
display: none;
}
.DN_Banner .btn {
z-index: 2;
display: block;
position: absolute;
top: 0;
width: 24px;
height: 78px;
bottom: 0;
margin: auto;
text-align: center;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.DN_Banner .prev_btn {
left: 15px;
}
.DN_Banner .next_btn {
right: 15px;
}
.DN_Banner .btn i {
font-size: 60px;
line-height: 78px;
color: #bebebe;
}
.DN_Banner .btn i:hover {
color: #3180a5;
}
.DN_Banner:hover .btn {
opacity: 1;
filter: alpha(opacity=100);
}
.DN_Banner .swiper-pagination {
bottom: 20px;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
width: auto;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding: 8px 15px;
background: rgba(220, 220, 220, 0.9);
border-radius: 14px;
height: 28px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.DN_Banner .swiper-pagination .swiper-pagination-bullet {
display: block;
margin: 0;
width: 12px;
height: 12px;
opacity: 1;
filter: alpha(opacity=100);
border-radius: 50%;
border: 2px solid #9ea7a9;
background: none;
}
.DN_Banner .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
margin-left: 12px;
}
.DN_Banner .swiper-pagination .swiper-pagination-bullet:hover,
.DN_Banner .swiper-pagination .swiper-pagination-bullet-active {
background: #9ea7a9;
}
/*index主体内容*/
.DN_indexMainCont .DN_indexMainCont_item {
margin-top: 62px;
}
.DN_indexMainCont .DN_indexMainCont_item .SecName {
width: 305px;
height: 73px;
margin: 0 auto 30px;
background: url(https://www.dearlives.com/pub/media/images/index_sectitle.png) center center no-repeat;
text-align: center;
line-height: 63px;
color: #42565d;
font-size: 28px;
text-transform: uppercase;
font-weight: bold;
}
.DN_indexMainCont .DN_indexContSec_editor .DN_indexEditorbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.DN_indexMainCont .DN_indexContSec_editor .DN_indexEditorbox .imgbox1 {
width: 23.66%;
max-width: 420px;
}
.DN_indexMainCont .DN_indexContSec_editor .DN_indexEditorbox .imgbox2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: justify;
align-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 76%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 1355px;
}
.DN_indexMainCont .DN_indexContSec_editor .DN_indexEditorbox .imgbox2 .imgitem {
padding-left: 2%;
width: 33.33%;
}
.DN_indexMainCont .DN_indexContSec_editor .DN_indexEditorbox .imgbox_item .imgitem {
border-radius: 3px;
overflow: hidden;
position: relative;
}
.DN_indexMainCont .DN_indexContSec_editor .DN_indexEditorbox .imgbox_item .imgitem > a {
display: block;
position: relative;
overflow: hidden;
}
.DN_indexMainCont .DN_indexContSec_editor .DN_indexEditorbox .imgbox_item .imgitem > a img {
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.DN_indexMainCont .DN_indexContSec_editor .DN_indexEditorbox .imgbox_item .imgitem > a:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.DN_indexMainCont .DN_indexContSec_editor .DN_indexEditorbox .imgbox_item .imgitem .textbox {
position: absolute;
bottom: 0px;
background: rgba(0, 0, 0, 0.3);
width: 100%;
text-align: center;
font-size: 22px;
line-height: 25px;
color: #fff;
padding: 7px 30px;
height: 65px;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.DN_indexMainCont .DN_indexContSec_video .DN_indexVideobox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.DN_indexMainCont .DN_indexContSec_video .DN_indexVideobox .videobox1 {
width: 49.01%;
max-width: 870px;
}
.DN_indexMainCont .DN_indexContSec_video .DN_indexVideobox .videobox2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: justify;
align-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 49.01%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 870px;
}
.DN_indexMainCont .DN_indexContSec_video .DN_indexVideobox .videobox2 .videoitem {
width: 49%;
}
.DN_indexMainCont .DN_indexContSec_video .DN_indexVideobox .videobox_item .video {
position: relative;
border-radius: 3px;
overflow: hidden;
}
.DN_indexMainCont .DN_indexContSec_video .DN_indexVideobox .videobox_item .video .shadow {
cursor: pointer;
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.2);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: all .3s linear;
transition: all .3s linear;
}
.DN_indexMainCont .DN_indexContSec_video .DN_indexVideobox .videobox_item .video .shadow .play {
background: url(https://www.dearlives.com/pub/media/images/d_indexvideo_play.png) center center no-repeat;
background-size: 100%;
display: block;
-webkit-transition: all .5s linear;
transition: all .5s linear;
}
.DN_indexMainCont .DN_indexContSec_video .DN_indexVideobox .videobox1 .video .shadow .play {
width: 97px;
height: 97px;
}
.DN_indexMainCont .DN_indexContSec_video .DN_indexVideobox .videobox2 .video .shadow .play {
width: 46px;
height: 46px;
}
.DN_indexMainCont .DN_indexContSec_video .DN_indexVideobox .videobox_item .video .shadow:hover {
background: rgba(0, 0, 0, 0.35);
}
.DN_indexMainCont .DN_indexContSec_video .DN_indexVideobox .videobox_item .video .shadow:hover .play {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
.DN_indexMainCont .DN_indexContSec_video .DN_indexVideobox .videobox_item .textbox a {
display: block;
padding: 8px 5px;
font-size: 20px;
color: #59707b;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-align: center;
}
.DN_indexMainCont .DN_indexContSec_video .DN_indexVideobox .videobox_item .textbox a:hover {
color: #000;
}
.DN_mediabox_pop {
background: rgba(0, 0, 0, 0.9);
opacity: 0;
position: fixed;
width: 100%;
height: 100%;
top: -101%;
left: 0;
overflow-y: auto;
z-index: -9999;
}
.DN_mediabox_pop .popcont {
width: 600px;
margin: auto;
position: absolute;
height: 450px;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.DN_mediabox_pop .popcont .close {
width: 22px;
height: 22px;
background: url(https://www.dearlives.com/pub/media/images/d_pop_close_white.png) center no-repeat;
position: absolute;
left: 102%;
top: -30px;
cursor: pointer;
}
.DN_mediabox_pop .popcont .contbox {
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.DN_mediabox_pop .popcont .contbox video {
width: 60px;
height: 45px;
margin: 0 auto;
max-width: 100%;
opacity: 0;
-webkit-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}
.DN_mediabox_pop.show .popcont .contbox video {
opacity: 1;
margin-top: 0px;
width: 600px;
height: 450px;
}
.DN_mediabox_pop.show {
opacity: 1;
top: 0;
z-index: 9999;
}
.DN_mediabox_pop .popcont .contbox video {
border: 4px solid #fff;
border-radius: 5px;
}
.DN_indexMainCont .DN_indexContSec_sale .DN_indexSalebox .list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.DN_indexMainCont .DN_indexContSec_sale .DN_indexSalebox .list li {
border: 2px solid #eeeeee;
position: relative;
width: 19.5%;
max-width: 340px;
}
/*.DN_indexMainCont .DN_indexContSec_sale .DN_indexSalebox .list li+li{margin-left: 15px;}*/
.DN_indexMainCont .DN_indexContSec_sale .DN_indexSalebox .list li .imgbox .img {
border-radius: 50%;
overflow: hidden;
max-width: 90%;
margin: 60px auto 0;
}
.DN_indexMainCont .DN_indexContSec_sale .DN_indexSalebox .list li .imgbox img {
border-radius: 50%;
width: 100%;
-webkit-transition: all .5s linear;
transition: all .5s linear;
}
.DN_indexMainCont .DN_indexContSec_sale .DN_indexSalebox .list li:hover .imgbox img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.DN_indexMainCont .DN_indexContSec_sale .DN_indexSalebox .list li .textbox {
background: #fff;
height: 85px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.DN_indexMainCont .DN_indexContSec_sale .DN_indexSalebox .list li .textbox p {
font-size: 22px;
color: #59707b;
line-height: 30px;
max-height: 60px;
overflow: hidden;
text-align: center;
padding: 0 5px;
}
.DN_indexMainCont .DN_indexContSec_sale .DN_indexSalebox .list li .hot {
display: block;
position: absolute;
width: 42px;
height: 70px;
top: -2px;
right: 10px;
background: url(https://www.dearlives.com/pub/media/images/d_index_hot.png) center center no-repeat;
}
.DN_indexMainCont .DN_indexContSec_sale .DN_indexSalebox .list li:hover .textbox p {
color: #c60e35;
}
.DN_indexMainCont .DN_indexContSec_activity .DN_indexActivitybox {
position: relative;
}
.DN_indexMainCont .DN_indexContSec_activity .activelist {
position: relative;
}
.DN_indexMainCont .DN_indexContSec_activity .activelist .item {
width: 420px;
}
.DN_indexMainCont .DN_indexContSec_activity .activelist .item .imgbox {
overflow: hidden;
-webkit-transition: all .5s linear;
transition: all .5s linear;
}
.DN_indexMainCont .DN_indexContSec_activity .activelist .item .infobox {
background: #fff;
padding: 20px 5px 20px 10px;
overflow: hidden;
height: 76px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.DN_indexMainCont .DN_indexContSec_activity .activelist .item .infobox .titlebox {
line-height: 24px;
max-height: 48px;
font-size: 20px;
color: #42565d;
width: 270px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.DN_indexMainCont .DN_indexContSec_activity .activelist .item .infobox .more {
display: block;
width: 130px;
height: 36px;
background: #42565d;
border-radius: 2px;
color: #fff;
text-align: center;
line-height: 36px;
font-size: 17px;
-webkit-transition: all .5s linear;
transition: all .5s linear;
}
.DN_indexMainCont .DN_indexContSec_activity .activelist .item .infobox .titlebox a {
line-height: 24px;
font-size: 20px;
color: #42565d;
}
.DN_indexMainCont .DN_indexContSec_activity .activelist .item:hover .infobox .titlebox a {
color: #000;
}
.DN_indexMainCont .DN_indexContSec_activity .activelist .item .infobox .more:hover {
opacity: 0.85;
}
.DN_indexMainCont .DN_indexContSec_activity .activelist .item:hover .imgbox {
opacity: 0.85;
}
.DN_indexMainCont .DN_indexContSec_activity .swiper-pagination {
position: absolute;
right: 0px;
top: -50px;
left: auto;
font-size: 20px;
color: #717881;
border: 1px solid #e5e5e5;
padding: 0 8px;
height: 32px;
line-height: 30px;
width: auto;
}
.DN_indexMainCont .DN_indexContSec_activity .btn {
z-index: 2;
display: block;
position: absolute;
top: 65px;
width: 60px;
height: 130px;
text-align: center;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
background: rgba(0, 0, 0, 0.4);
}
.DN_indexMainCont .DN_indexContSec_activity .prev_btn {
left: 0px;
border-radius: 0 5px 5px 0;
}
.DN_indexMainCont .DN_indexContSec_activity .next_btn {
right: 0px;
border-radius: 5px 0 0 5px;
}
.DN_indexMainCont .DN_indexContSec_activity .btn i {
font-size: 60px;
line-height: 130px;
color: #b3b3b3;
}
.DN_indexMainCont .DN_indexContSec_activity .btn i:hover {
color: #1466c8;
}
.DN_indexMainCont .DN_indexContSec_activity:hover .btn {
opacity: 1;
filter: alpha(opacity=100);
}
/*底部*/
.DN_Bottom {
background: #42565d;
margin-top: 62px;
}
.DN_Bottom .DN_bottomsec1 .bottom_sjlist {
padding: 30px 0;
border-bottom: 1px solid #8a9ea5;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.DN_Bottom .DN_bottomsec1 .bottom_sjlist li + li {
margin-left: 165px;
}
.DN_Bottom .DN_bottomsec1 .bottom_sjlist li img.img1 {
display: block;
}
.DN_Bottom .DN_bottomsec1 .bottom_sjlist li img.img2 {
display: none;
}
.DN_Bottom .DN_bottomsec1 .bottom_sjlist li:hover img.img2 {
display: block;
}
.DN_Bottom .DN_bottomsec1 .bottom_sjlist li:hover img.img1 {
display: none;
}
.DN_Bottom .DN_bottomsec2 .w1775contbox {
padding: 25px 0 65px;
border-bottom: 1px solid #8a9ea5;
overflow: hidden;
}
.DN_Bottom .DN_bottomsec2 .btm_about {
float: left;
width: 330px;
}
.DN_Bottom .DN_bottomsec2 .logofoo {
margin-bottom: 30px;
display: block;
}
.DN_Bottom .DN_bottomsec2 .info1 {
color: #a3a3a3;
font-size: 15px;
line-height: 20px;
margin-bottom: 25px;
}
.DN_Bottom .DN_bottomsec2 .info2 {
color: #fff;
font-size: 15px;
line-height: 22px;
font-family: "Open Sans", sans-serif;
margin-bottom: 25px;
}
.DN_Bottom .DN_bottomsec2 .foo_shares {
overflow: hidden;
}
.DN_Bottom .DN_bottomsec2 .foo_shares li {
float: left;
margin-right: 30px;
}
.DN_Bottom .DN_bottomsec2 .foo_shares li i {
color: #a2a2a2;
font-size: 20px;
}
.DN_Bottom .DN_bottomsec2 .foo_shares li i:hover {
color: #fff;
}
.DN_Bottom .DN_bottomsec2 .foonav {
overflow: hidden;
float: left;
margin-left: 120px;
}
.DN_Bottom .DN_bottomsec2 .foonav li {
float: left;
width: 430px;
}
.DN_Bottom .DN_bottomsec2 .foonav dt > a {
color: #ffffff;
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
font-family: "Open Sans", sans-serif;
display: inline-block;
margin-bottom: 30px;
}
.DN_Bottom .DN_bottomsec2 .foonav dd {
margin: 0;
}
.DN_Bottom .DN_bottomsec2 .foonav dd > a {
color: #a2a2a2;
font-size: 15px;
text-transform: capitalize;
line-height: 36px;
display: block;
}
.DN_Bottom .DN_bottomsec2 .foonav dd > a:before {
content: "\f105";
font-family: FontAwesome;
background: 0;
border-radius: 100%;
display: inline-block;
margin-right: 10px;
}
.DN_Bottom .DN_bottomsec2 .foonav dd > a:hover {
color: #fff;
}
.DN_Bottom .DN_bottomsec3 {
padding: 30px 0;
overflow: hidden;
}
.DN_Bottom .DN_bottomsec3 .Subscribe {
float: left;
}
.DN_Bottom .DN_bottomsec3 .Subscribe .tip {
font-weight: 600;
color: #fff;
margin-bottom: 25px;
}
.DN_Bottom .DN_bottomsec3 .subscribe_input {
height: 52px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 690px;
max-width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.DN_Bottom .DN_bottomsec3 .subscribe_input input[type="text"] {
float: left;
line-height: 52px;
height: 52px;
background: #fff;
padding: 0 11px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 540px;
color: #a2a2a2;
font-size: 15px;
}
.DN_Bottom .DN_bottomsec3 .subscribe_input .submit {
display: block;
float: left;
width: 150px;
height: 52px;
line-height: 52px;
text-align: center;
color: #fff;
font-size: 15px;
background: #5b7882;
font-weight: 600;
padding: 0 18px;
}
.DN_Bottom .DN_bottomsec3 .subscribe_input .submit span {
background: #5b7882;
padding: 0;
}
.DN_Bottom .DN_bottomsec3 .other {
float: right;
}
.DN_Bottom .DN_bottomsec3 .payment {
overflow: hidden;
float: right;
padding-bottom: 30px;
border-bottom: 1px solid #8a9ea5;
margin-bottom: 30px;
}
.DN_Bottom .DN_bottomsec3 .payment li {
float: right;
margin-left: 40px;
}
.DN_Bottom .DN_bottomsec3 .payment li:hover {
opacity: 0.5;
filter: alpha(opacity=50);
}
.DN_Bottom .DN_bottomsec3 .copyright {
text-align: right;
color: #fff;
font-size: 15px;
font-family: "Open Sans", sans-serif;
background: none;
}
/*返回顶部*/
.back-top {
-webkit-transition: all 0.5s linear;
transition: all 0.5s linear;
width: 60px;
height: 60px;
border-radius: 50%;
background: #42565D;
line-height: 60px;
text-align: center;
position: fixed;
bottom: 35px;
right: 12px;
opacity: 0;
filter: alpha(opacity=0);
display: block;
z-index: -1;
}
.back-top:before {
content: "\f102";
font-family: 'FontAwesome';
display: block;
color: #fff;
font-size: 30px;
}
.back-top:hover {
background: #42565D;
}
.back-top.show {
opacity: 1;
filter: alpha(opacity=100);
z-index: 19;
}
/*商城首页*/
.DN_ShopIndex_Content {
/*margin-top: 30px;*/
}
.DN_ShopIndex_Content > .w1775contbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.DN_ShopIndex_Content .DN_ShopIndex_leftNav {
width: 200px;
border: 1px solid #4c6d79;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.DN_ShopIndex_Content .DN_ShopIndex_leftNav .list li .navTip {
height: 66px;
padding: 0 8px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background: #4c6d79;
}
.DN_ShopIndex_Content .DN_ShopIndex_leftNav .list li:hover .navTip,
.DN_ShopIndex_Content .DN_ShopIndex_leftNav .list li.on .navTip {
background: #fff;
}
.DN_ShopIndex_Content .DN_ShopIndex_leftNav .list li.li1 .navTip .bgimg {
background: url(https://www.dearlives.com/pub/media/images/d_shopindex_left01.png) center center no-repeat;
width: 21px;
height: 21px;
}
.DN_ShopIndex_Content .DN_ShopIndex_leftNav .list li.li1:hover .navTip .bgimg,
.DN_ShopIndex_Content .DN_ShopIndex_leftNav .list li.li1.on .navTip .bgimg {
background: url(https://www.dearlives.com/pub/media/images/d_shopindex_left01_on.png) center center no-repeat;
}
.DN_ShopIndex_Content .DN_ShopIndex_leftNav .list li.li2 .navTip .bgimg {
background: url(https://www.dearlives.com/pub/media/images/d_shopindex_left02.png) center center no-repeat;
width: 21px;
height: 29px;
}
.DN_ShopIndex_Content .DN_ShopIndex_leftNav .list li.li2:hover .navTip .bgimg,
.DN_ShopIndex_Content .DN_ShopIndex_leftNav .list li.li2.on .navTip .bgimg {
background: url(https://www.dearlives.com/pub/media/images/d_shopindex_left02_on.png) center center no-repeat;
}
.DN_ShopIndex_Content .DN_ShopIndex_leftNav .list li.li3 .navTip .bgimg {
background: url(https://www.dearlives.com/pub/media/images/d_shopindex_left03.png) center center no-repeat;
width: 21px;
height: 21px;
}
.DN_ShopIndex_Content .DN_ShopIndex_leftNav .list li.li3:hover .navTip .bgimg,
.DN_ShopIndex_Content .DN_ShopIndex_leftNav .list li.li3.on .navTip .bgimg {
background: url(https://www.dearlives.com/pub/media/images/d_shopindex_left03_on.png) center center no-repeat;
}
.DN_ShopIndex_Content .DN_ShopIndex_leftNav .list li.li4 .navTip .bgimg {
background: url(https://www.dearlives.com/pub/media/images/d_shopindex_left04.png) center center no-repeat;
width: 23px;
height: 28px;
}
.DN_ShopIndex_Content .DN_ShopIndex_leftNav .list li.li4:hover .navTip .bgimg,
.DN_ShopIndex_Content .DN_ShopIndex_leftNav .list li.li4.on .navTip .bgimg {
background: url(https://www.dearlives.com/pub/media/images/d_shopindex_left04_on.png) center center no-repeat;
}
.DN_ShopIndex_Content .DN_ShopIndex_leftNav .list li.li5 .navTip .bgimg {
background: url(https://www.dearlives.com/pub/media/images/d_shopindex_left05.png) center center no-repeat;
width: 21px;
height: 21px;
}
.DN_ShopIndex_Content .DN_ShopIndex_leftNav .list li.li5:hover .navTip .bgimg,
.DN_ShopIndex_Content .DN_ShopIndex_leftNav .list li.li5.on .navTip .bgimg {
background: url(https://www.dearlives.com/pub/media/images/d_shopindex_left05_on.png) center center no-repeat;
}
.DN_ShopIndex_Content .DN_ShopIndex_leftNav .list li.li6 .navTip .bgimg {
background: url(https://www.dearlives.com/pub/media/images/d_shopindex_left06.png) center center no-repeat;
width: 21px;
height: 21px;
}
.DN_ShopIndex_Content .DN_ShopIndex_leftNav .list li.li6:hover .navTip .bgimg,
.DN_ShopIndex_Content .DN_ShopIndex_leftNav .list li.li5.on .navTip .bgimg {
background: url(https://www.dearlives.com/pub/media/images/d_shopindex_left06_on.png) center center no-repeat;
}
.DN_ShopIndex_Content .DN_ShopIndex_leftNav .list li .txt {
line-height: 20px;
color: #fff;
font-weight: bold;
font-size: 15px;
display: block;
text-align: left;
padding: 0 12px 0 8px;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.DN_ShopIndex_Content .DN_ShopIndex_leftNav .list li:hover .txt,
.DN_ShopIndex_Content .DN_ShopIndex_leftNav .list li.on .txt {
color: #3180a5;
}
.DN_ShopIndex_Content .DN_ShopIndex_leftNav .list li .jt {
cursor: pointer;
display: block;
width: 13px;
height: 100%;
background: url(https://www.dearlives.com/pub/media/images/d_shopindex_left_jt.png) center no-repeat;
}
.DN_ShopIndex_Content .DN_ShopIndex_leftNav .list li:hover .jt,
.DN_ShopIndex_Content .DN_ShopIndex_leftNav .list li.on .jt {
background: url(https://www.dearlives.com/pub/media/images/d_shopindex_left_on.png) center no-repeat;
}
.DN_ShopIndex_Content .DN_ShopIndex_leftNav .list li + li {
border-top: 1px solid #98a8ad;
}
.DN_ShopIndex_Content .DN_ShopIndex_leftNav .list li .navSub {
display: none;
border-top: 1px solid #98a8ad;
padding: 10px 0;
}
.DN_ShopIndex_Content .DN_ShopIndex_leftNav .list li .navSub dl a {
display: block;
width: 100%;
line-height: 18px;
font-size: 14px;
color: #536a76;
padding: 6px 20px;
}
.DN_ShopIndex_Content .DN_ShopIndex_leftNav .list li .navSub dl a:hover {
color: #3180a5;
}
.DN_ShopIndex_Content .DN_ShopIndex_leftNav .list li:first-of-type .navSub {
display: block;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont {
/*width: 1560px;flex:1 1 auto;max-width: 1560px;*/
}
/*shop baner*/
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Banner {
width: 100%;
position: relative;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Banner img {
/*width: 100%;height: auto;*/
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Banner .btn {
z-index: 2;
display: block;
position: absolute;
top: 0;
width: 24px;
height: 78px;
bottom: 0;
margin: auto;
text-align: center;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Banner .prev_btn {
left: 15px;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Banner .next_btn {
right: 15px;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Banner .btn i {
font-size: 60px;
line-height: 78px;
color: #bebebe;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Banner .btn i:hover {
color: #3180a5;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Banner:hover .btn {
opacity: 1;
filter: alpha(opacity=100);
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Banner .swiper-pagination {
bottom: 20px;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
width: auto;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding: 8px 15px;
background: rgba(220, 220, 220, 0.9);
border-radius: 14px;
height: 28px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Banner .swiper-pagination .swiper-pagination-bullet {
display: block;
margin: 0;
width: 12px;
height: 12px;
opacity: 1;
filter: alpha(opacity=100);
border-radius: 50%;
border: 2px solid #9ea7a9;
background: none;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Banner .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
margin-left: 12px;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Banner .swiper-pagination .swiper-pagination-bullet:hover,
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Banner .swiper-pagination .swiper-pagination-bullet-active {
background: #9ea7a9;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_ContSec {
padding-top: 60px;
margin-bottom: 30px;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_ContSec .DN_ShopIndex_SecTitle {
margin: 30px auto;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_ContSec .DN_ShopIndex_SecTitle .txt {
font-size: 30px;
text-align: center;
color: #243c59;
text-transform: uppercase;
line-height: 32px;
padding-bottom: 23px;
background: url(https://www.dearlives.com/pub/media/images/d_shopindex_sectitle.jpg) center bottom no-repeat;
font-weight: bold;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_ContSec + .DN_ShopIndex_ContSec {
border-top: 1px solid #e5e5e5;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox1 .list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox1 .list li {
width: 368px;
margin-bottom: 20px;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox1 .list li .imgbox {
position: relative;
/*width:368px;height: 282px;*/
overflow: hidden;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox1 .list li .shadow {
display: none !important;
-webkit-transition: all .5s linear;
transition: all .5s linear;
border-radius: 50%;
position: absolute;
width: 282px;
height: 282px;
border: 200px solid #fff;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-box-sizing: content-box !important;
box-sizing: content-box !important;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox1 .list li:hover .shadow {
border-radius: 0%;
width: 370px;
height: 370px;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox1 .list li .title {
text-align: center;
color: #3c5069;
font-size: 17px;
margin: 20px 0;
line-height: 21px;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox1 .list li:hover .title {
color: #3180a5;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox1 .list li .imgr {
/*width: 320px;height: 320px;*/
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox1 .list li img {
border-radius: 50%;
-webkit-transition: all .5s linear;
transition: all .5s linear;
/*width: 300px;height: auto;*/
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox1 .list li:hover img {
border-radius: 3px;
width: 100%;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox2 .imgboxwarp {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox2 .imgbox1 {
width: 715px;
padding-right: 7px;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox2 .imgbox2 {
width: 817px;
-ms-flex-line-pack: justify;
align-content: space-between;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: 20px;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox2 .imgbox2 .s_imgboxtop {
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox2 .imgbox2 .s_imgboxfoot {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox2 .imgboxwarp .imgbox {
position: relative;
overflow: hidden;
border-radius: 5px;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox2 .imgboxwarp .imgbox .title {
position: absolute;
bottom: 0;
width: 100%;
left: 0;
background: rgba(0, 0, 0, 0.3);
text-align: center;
color: #fff;
font-weight: bold;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 2px;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox2 .imgboxwarp .imgbox1 .title {
font-size: 30px;
height: 130px;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox2 .imgboxwarp .s_imgboxtop .title {
font-size: 30px;
height: 120px;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox2 .imgboxwarp .imgbox_l .title {
font-size: 20px;
height: 90px;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox2 .imgboxwarp .imgbox_r .title {
font-size: 20px;
height: 90px;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox2 .imgboxwarp .imgbox_r {
margin-left: 20px;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox2 .imgboxwarp .imgbox img {
-webkit-transition: all .5s linear;
transition: all .5s linear;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox2 .imgboxwarp .imgbox:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox3 {
position: relative;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .swiper-pagination {
position: absolute;
right: 0px;
top: -50px;
left: auto;
font-size: 20px;
color: #717881;
border: 1px solid #e5e5e5;
padding: 0 8px;
height: 32px;
line-height: 30px;
width: auto;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .DN_ShopIndex_shoplist_s3 .btn {
z-index: 2;
display: block;
position: absolute;
top: 120px;
width: 60px;
height: 130px;
text-align: center;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
background: rgba(255, 255, 255, 0.6);
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .DN_ShopIndex_shoplist_s3 .prev_btn {
left: 0px;
border-radius: 0 5px 5px 0;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .DN_ShopIndex_shoplist_s3 .next_btn {
right: 0px;
border-radius: 5px 0 0 5px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .DN_ShopIndex_shoplist_s3 .btn i {
font-size: 60px;
line-height: 130px;
color: #b3b3b3;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .DN_ShopIndex_shoplist_s3 .btn i:hover {
color: #1466c8;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .DN_ShopIndex_shoplist_s3:hover .btn {
opacity: 1;
filter: alpha(opacity=100);
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .DN_ShopIndex_shoplist_s3 .item {
border-radius: 3px;
position: relative;
overflow: hidden;
padding: 0 1px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .DN_ShopIndex_shoplist_s3 .item .imgbox {
overflow: hidden;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .DN_ShopIndex_shoplist_s3 .item .infobox {
padding: 25px 20px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .DN_ShopIndex_shoplist_s3 .item .infobox .title {
color: #98aaba;
font-size: 16px;
line-height: 20px;
white-space: nowrap;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .DN_ShopIndex_shoplist_s3 .item .infobox .title:hover {
color: #c60e35;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .DN_ShopIndex_shoplist_s3 .item .infobox .pricebox {
margin-top: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .DN_ShopIndex_shoplist_s3 .item .infobox .pricebox .price1 {
color: #c60e35;
font-size: 26px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .DN_ShopIndex_shoplist_s3 .item .infobox .pricebox .price2 {
color: #42565d;
font-size: 18px;
text-decoration: line-through;
margin-left: 10px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .DN_ShopIndex_shoplist_s3 .item .infobox .Buyinfo {
margin-top: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .DN_ShopIndex_shoplist_s3 .item .infobox .Buyinfo .Buybut {
display: block;
width: 120px;
height: 34px;
line-height: 34px;
text-align: center;
background: #42565d;
color: #fff;
font-size: 16px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .DN_ShopIndex_shoplist_s3 .item .infobox .Buyinfo .starbox {
margin-left: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .DN_ShopIndex_shoplist_s3 .item .infobox .Buyinfo .starbox .star {
display: none;
width: 15px;
height: 15px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .DN_ShopIndex_shoplist_s3 .item .infobox .Buyinfo .starbox .star + .star {
margin-left: 7px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .DN_ShopIndex_shoplist_s3 .item .infobox .Buyinfo .starbox .star.on {
background: url(https://www.dearlives.com/pub/media/images/star.png) center center no-repeat;
display: block;
background-size: 100%;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .DN_ShopIndex_shoplist_s3 .item {
border: 1px solid #c60e35;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .DN_ShopIndex_shoplist_s3 .item .hotbox {
display: none;
background: #c60e35;
color: #fff;
line-height: 13px;
font-size: 12px;
padding: 38px 0 5px 0;
width: 114px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
text-align: center;
position: absolute;
top: -18px;
right: -42px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .DN_ShopIndex_shoplist_s3 .item.hotshop .hotbox {
display: block;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .DN_ShopIndex_shoplist_s3 .item .infobox .Buyinfo .Buybut:hover {
background: #c60e35;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox4 {
position: relative;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .swiper-pagination {
position: absolute;
right: 0px;
top: -50px;
left: auto;
font-size: 20px;
color: #717881;
border: 1px solid #e5e5e5;
padding: 0 8px;
height: 32px;
line-height: 30px;
width: auto;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .DN_ShopIndex_shoplist_s4 .btn {
z-index: 2;
display: block;
position: absolute;
top: 120px;
width: 60px;
height: 130px;
text-align: center;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
background: rgba(255, 255, 255, 0.6);
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .DN_ShopIndex_shoplist_s4 .prev_btn {
left: 0px;
border-radius: 0 5px 5px 0;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .DN_ShopIndex_shoplist_s4 .next_btn {
right: 0px;
border-radius: 5px 0 0 5px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .DN_ShopIndex_shoplist_s4 .btn i {
font-size: 60px;
line-height: 130px;
color: #b3b3b3;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .DN_ShopIndex_shoplist_s4 .btn i:hover {
color: #1466c8;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .DN_ShopIndex_shoplist_s4:hover .btn {
opacity: 1;
filter: alpha(opacity=100);
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .DN_ShopIndex_shoplist_s4 .item {
border-radius: 3px;
position: relative;
overflow: hidden;
padding: 0 1px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .DN_ShopIndex_shoplist_s4 .item .imgbox {
overflow: hidden;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .DN_ShopIndex_shoplist_s4 .item .infobox {
padding: 25px 20px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .DN_ShopIndex_shoplist_s4 .item .infobox .title {
color: #98aaba;
font-size: 16px;
line-height: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .DN_ShopIndex_shoplist_s4 .item .infobox .title:hover {
color: #c60e35;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .DN_ShopIndex_shoplist_s4 .item .infobox .pricebox {
margin-top: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .DN_ShopIndex_shoplist_s4 .item .infobox .pricebox .price1 {
color: #42565d;
font-size: 26px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .DN_ShopIndex_shoplist_s4 .item .infobox .pricebox .price2 {
color: #42565d;
font-size: 18px;
text-decoration: line-through;
margin-left: 10px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .DN_ShopIndex_shoplist_s4 .item .infobox .Buyinfo {
margin-top: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .DN_ShopIndex_shoplist_s4 .item .infobox .Buyinfo .Buybut {
display: block;
width: 120px;
height: 34px;
line-height: 34px;
text-align: center;
background: #42565d;
color: #fff;
font-size: 16px;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .DN_ShopIndex_shoplist_s4 .item .infobox .Buyinfo .starbox {
margin-left: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .DN_ShopIndex_shoplist_s4 .item .infobox .Buyinfo .starbox .star {
display: none;
width: 15px;
height: 15px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .DN_ShopIndex_shoplist_s4 .item .infobox .Buyinfo .starbox .star + .star {
margin-left: 7px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .DN_ShopIndex_shoplist_s4 .item .infobox .Buyinfo .starbox .star.on {
background: url(https://www.dearlives.com/pub/media/images/star.png) center center no-repeat;
display: block;
background-size: 100%;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .DN_ShopIndex_shoplist_s4 .item {
border: 1px solid #ddd;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .DN_ShopIndex_shoplist_s4 .item .hotbox {
display: none;
background: #c60e35;
color: #fff;
line-height: 13px;
font-size: 12px;
padding: 38px 0 5px 0;
width: 114px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
text-align: center;
position: absolute;
top: -18px;
right: -42px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .DN_ShopIndex_shoplist_s4 .item.hotshop .hotbox {
display: block;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .DN_ShopIndex_shoplist_s4 .item .infobox .Buyinfo .Buybut:hover {
background: #c60e35;
}
.DN_Bottom .DN_bottomsec2 .foonav li dt .jt {
display: none;
}
.DN_indexContSec_gg .img1 {
display: block;
}
.DN_indexContSec_gg .img2 {
display: none;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Banner img.img1 {
display: block;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Banner img.img2 {
display: none;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .DN_ShopIndex_shoplist_s3 .item .imgbox img {
width: 100%;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .DN_ShopIndex_shoplist_s4 .item .imgbox img {
width: 100%;
}
.DN_TopHead_phone .box1 .btns .acc .xlbox {
z-index: 18;
}
.DN_indexMainCont .DN_indexContSec_video .DN_indexVideobox .videobox_item .video video {
display: none;
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
max-width: 100%;
width: auto;
max-height: 100%;
height: auto;
}
.DN_indexMainCont .DN_indexContSec_video .DN_indexVideobox .videobox_item .video.on video {
z-index: 2;
display: block;
}
.DN_indexMainCont .DN_indexContSec_video .DN_indexVideobox .videobox_item .video.on .shadow {
background: #000 !important;
}
.DN_ShopIndex_Content .DN_ShopIndex_leftNav .list {
position: relative;
}
.DN_ShopIndex_Content .DN_ShopIndex_leftNav .list li {
/*position: relative;*/
}
.DN_ShopIndex_Content .DN_ShopIndex_leftNav .list li:hover .navSub2 {
display: block;
}
.DN_ShopIndex_Content .DN_ShopIndex_leftNav .list li .navSub2 {
min-height: 537px;
display: none;
position: absolute;
padding-left: 14px;
background: #fff;
left: 100%;
top: -1px;
z-index: 99;
}
.DN_ShopIndex_Content .DN_ShopIndex_leftNav .list li .navSub2 .box {
height: 537px;
border: 1px solid #e6e6e6;
width: 745px;
padding: 0 20px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-height: 537px;
overflow: auto;
}
.DN_ShopIndex_Content .DN_ShopIndex_leftNav .list li .navSub2 a:hover {
color: #EB7839;
}
.DN_ShopIndex_Content .DN_ShopIndex_leftNav .list li .navSub2 dl {
width: 25%;
margin: 20px 0;
}
.DN_ShopIndex_Content .DN_ShopIndex_leftNav .list li .navSub2 dt a {
font-size: 16px;
color: #333333;
font-weight: bold;
margin-bottom: 8px;
display: block;
}
.DN_ShopIndex_Content .DN_ShopIndex_leftNav .list li .navSub2 dd a {
font-size: 14px;
color: #808080;
margin-bottom: 3px;
display: block;
}
.header-container.DN_header .DN_w1775 .header-content.DN_ShopThree {
padding: 0;
}
.dn-box .DN_MainHead .DN_MainNav .list li .DN_sNav dd {
margin-bottom: 0;
}
.dn-box .DN_MainHead .DN_MainNav .list li .DN_sNav dd:first-child {
border-bottom: 1px solid #f0f0f0;
}
.dn-box .pt-banner-container .owl-carousel .owl-controls .owl-pagination .owl-page span {
height: 6px;
border-radius: 2px;
}
.dn-index.cms-index-index .container.box-container {
display: none;
}
.cms-shop-index #shop_breadcrumbs {
display: none;
}
.cms-shop-index .box-container {
padding: 0 !important;
}
.cms-shop-index div.item {
vertical-align: middle;
}
.cms-shop-index .columns .column.main {
padding-bottom: 0;
}
.cms-shop-index .tipname p {
margin-bottom: 0;
}
.cms-shop-index .block-static-block.widget,
.cms-shop-index .block-cms-link.widget {
margin-bottom: 0;
}
.customer-account-forgotpassword #email_address,
.customer-account-createpassword #password,
.customer-account-createpassword #password-confirmation {
border: 1px solid #8a9ea5;
}
/**2018-01-01 START**/
/**UPDATE COLLECTION**/
/**MOBILE PART**/
/**@media min-width**/
@media screen and (min-width: 1920px) {
.cms-index-index .columns .column.main {
padding-bottom: 20px;
}
}
@media screen and (min-width: 767px) {
.opc-block-summary .minicart-items-wrapper {
min-height: 300px;
}
}
/**@media min-width and max-width**/
@media screen and (min-width: 1481px) and (max-width: 1920px) {
.box-section .box-container .bigsales .row .col .title span {
font-size: 34px;
line-height: 54px;
}
.cms-index-index .columns .column.main {
padding-bottom: 20px;
}
.infovideo_box iframe {
height: 460px;
}
}
@media screen and (min-width: 1366px) and (max-width: 1480px) {
.banner-static-home .row .col .textbox .text {
font-size: 36px;
line-height: 46px;
padding: 20px;
text-shadow: 2px 2px 2px #999;
}
.box-section .box-container .bigsales .row .col .title span {
font-size: 32px;
line-height: 52px;
}
.cms-index-index .columns .column.main {
padding-bottom: 20px;
}
.banner-static-home .row .col .textbox .text {
font-size: 25px;
line-height: 30px;
}
.infovideo_box iframe {
height: 400px;
}
}
@media screen and (min-width: 1200px) and (max-width: 1365px) {
.banner-static-home .row .col .textbox .text {
font-size: 34px;
line-height: 44px;
padding: 20px;
text-shadow: 2px 2px 2px #999;
}
.box-section .box-container .bigsales .row .col .title span {
font-size: 22px;
line-height: 42px;
}
.cms-index-index .columns .column.main {
padding-bottom: 20px;
}
.banner-static-home .row .col .textbox .text {
font-size: 25px;
line-height: 30px;
}
.infovideo_box iframe {
height: 400px;
}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .closebtn {
width: 15px;
height: 15px;
}
.material_pop .material_pop_list li .delt_meterial {
height: 12px;
width: 12px;
}
.banner-static-home .row .col .textbox .text {
font-size: 32px;
line-height: 42px;
padding: 20px;
text-shadow: 2px 2px 2px #999;
}
.box-section .box-container .bigsales .row .col .title span {
font-size: 20px;
line-height: 40px;
}
.cms-index-index .columns .column.main {
padding-bottom: 20px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .leftbox .text {
line-height: 52px !important;
height: 52px !important;
}
.infovideo_box iframe {
height: 400px;
}
.D_md12 .Blog_series .Rightbox .sec1 .btn {
font-size: 16px !important;
}
.D_md12 .Blog_series .Rightbox .sec2 .tip {
font-size: 18px;
height: 40px;
line-height: 40px;
}
.D_md12 .Blog_series .Rightbox .sec2 .category_list .parent_cate {
font-size: 15px;
padding: 0 10px;
line-height: 40px;
height: 40px;
}
.D_md12 .Blog_series .Rightbox .sec2 .category_list .parent_cate .slide {
font-size: 18px;
right: 10px;
}
.D_md12 .Blog_series .Rightbox .sec2 .category_list .parent_cate .slide i {
height: 18px;
}
.D_md12 .Blog_series .Rightbox .sec2 .category_list .libox .child_cate {
padding: 5px 0;
}
.D_md12 .Blog_series .Rightbox .sec2 .category_list li > a {
padding: 0 10px 0 15px;
font-size: 13px;
line-height: 28px;
height: 28px;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.D_md12 .Blog_series .Rightbox {
padding-left: 0px;
}
.material_pop .material_pop_list li .delt_meterial {
height: 12px;
width: 12px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .closebtn {
width: 15px;
height: 15px;
}
.banner-static-home .row .col .textbox .text {
font-size: 15px;
line-height: 18px;
padding: 20px;
text-shadow: 2px 2px 2px #999;
}
.box-section .box-container .bigsales .row .col .title span {
font-size: 18px;
line-height: 38px;
}
#lucian_header123 > div.header-mobile.visible-xs > div > div > div.box-right > div > div {
position: absolute;
right: 0px;
}
.header-container .header-mobile .block-search input {
line-height: 33px;
}
#mini-cart .product-item .product-image-wrapper {
width: 71px !important;
height: 71px !important;
}
#mini-cart .product-item .product-image-photo {
width: 70px !important;
height: 70px !important;
max-width: none !important;
top: 0;
bottom: 1px;
}
#mini-cart .product-item .update-cart-item > span {
line-height: 25px;
}
.minicart-wrapper .product .actions {
margin: -26px 0 0;
}
#mini-cart > li.item.product.product-item > div > div > div.product-item-pricing > div.price-container > span > span {
font-size: normal;
}
.minicart-items .item-qty {
margin-right: 0px;
width: 50px;
}
#mini-cart > li.item.product.product-item > div > div > div.product.actions > div.primary {
display: none;
}
#maincontent > div > div > div.column.main > div.product-view > div > div > div.row > div.col-sm-7.col-xs-12 > div > div.box-inner1 > div.box-info-des > div {
margin: 15px 0;
}
#maincontent > div > div > div.column.main > div.product-view > div > div > div.row > div.col-sm-7.col-xs-12 > div > div.box-inner1 > div.box-price-review > div.product-info-stock-sku {
margin-top: 15px;
}
#maincontent > div > div > div.column.main > div.product-view > div > div > div.row > div.col-sm-7.col-xs-12 > div > div.product-social-links {
display: flex;
}
#maincontent > div > div > div.column.main > div.product-view > div > div > div.row > div.col-sm-7.col-xs-12 > div > div.product-social-links > div {
display: flex;
}
#maincontent > div > div > div.column.main > div.product-view > div > div > div.row > div.col-sm-7.col-xs-12 > div > div.product-social-links > div > a.towishlist {
margin-left: 5px;
}
#maincontent > div > div > div.column.main > div.product-view > div > div > div.row > div.col-sm-7.col-xs-12 > div > div.product-social-links > div > a {
margin-right: 5px;
}
#maincontent > div > div > div.column.main > div.cart-container > div.cart-summary > ul > li > button.action > span {
padding: 8px 0;
font-size: 12px;
line-height: 17px;
}
.banner-static-home .row .col .textbox .text {
font-size: 15px;
line-height: 18px;
padding: 10px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .imglist3 li .member_box {
position: absolute !important;
background: #ebebeb;
padding: 3px 5px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .leftbox .text {
height: 52px !important;
line-height: 52px !important;
}
.infovideo_box iframe {
height: 300px;
}
/*.D_md12 .Blog_series .Rightbox .sec2{display: none;}*/
}
@media screen and (min-width: 481px) and (max-width: 767px) {
.banner-static-home .row .col .textbox .text {
font-size: 26px;
line-height: 36px;
padding: 20px;
text-shadow: 2px 2px 2px #999;
}
.box-section .box-container .bigsales .row .col .title span {
font-size: 16px;
line-height: 36px;
}
.infovideo_box iframe {
height: 200px;
}
}
@media screen and (min-width: 350px) and (max-width: 480px) {
.banner-static-home .row .col .textbox .text {
font-size: 24px;
line-height: 34px;
padding: 20px;
text-shadow: 2px 2px 2px #999;
}
.box-section .box-container .bigsales .row .col .title span {
font-size: 16px;
line-height: 36px;
}
.infovideo_box iframe {
height: 180px;
}
}
/**@media max-width**/
@media screen and (max-width: 1900px) {
.D_md12 .MC_box .MC_Topsec .headbox .headimg img {
width: 90px;
height: 90px;
max-width: 100% !important;
}
}
@media screen and (max-width: 1024px) {
.Blog_info_box .bloginfo_sec .infoimg_box .shadow {
display: none !important;
}
.Blog_info_box .bloginfo_sec .infoimg_box {
max-height: none;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .closebtn {
width: 15px;
height: 15px;
}
}
@media screen and (max-width: 767px) {
.D_md12 .Blog_series .Rightbox {
padding-left: 0px;
}
.D_md12 .Blog_series .Rightbox .sec1 .btn {
width: 49%;
height: 35px;
line-height: 31px;
font-size: 15px;
margin-bottom: 0px;
}
.D_md12 .Blog_list_box .blog_list .list li {
margin-bottom: 10px;
width: 49%;
}
.D_md12 .Blog_series .Rightbox .sec2 .tip {
padding-left: 5px;
line-height: 35px;
height: 35px;
font-size: 16px;
}
.D_md12 .Blog_series .Rightbox .sec2 {
margin-top: 10px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .uploads_img .imgsbox .imgbox .delt {
width: 18px;
height: 19px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .closebtn {
width: 13px;
height: 13px;
}
.material_pop .material_pop_list li .delt_meterial {
height: 12px;
width: 12px;
}
.Bloglist_box {
padding: 10px 0 !important;
}
#maincontent .craft_main_exchange .row1 .craft_col2 ul,
.craft_main_vision .row1 .craft_col2 ul {
padding: 2px 0;
font-size: 12px;
line-height: 15px;
}
#maincontent .craft_main_exchange .row1 .craft_col2 ul h2,
.craft_main_vision .row1 .craft_col2 ul h2 {
margin-bottom: 0px;
font-size: 15px;
line-height: 17px;
}
#maincontent .craft_main_exchange .row2 .craft_col4,
.craft_main_vision .row2 .craft_col4 {
margin-bottom: 12px;
width: 49%;
}
#maincontent .craft_more {
font-size: 12px;
line-height: 30px;
height: 30px;
width: 120px;
}
#maincontent .craft_P90 {
padding: 30px 0;
}
.wkblog-blog-viewpost #maincontent .blog_topic {
padding-top: 5px;
}
#maincontent .craft_main_title h1 {
font-size: 20px;
}
#maincontent .craft_main_exchange .row2 .craft_col4 dd h4,
.craft_main_vision .row2 .craft_col4 dd h4 {
font-size: 14px;
}
#maincontent .craft_main_learning .row2 .craft_col4 dd,
.craft_main_tao .row1 .craft_col4 dd,
.craft_main_exchange .row2 .craft_col4 dd,
.craft_main_vision .row2 .craft_col4 dd {
margin-top: 3px;
line-height: 16px;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list li {
margin-bottom: 10px;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list .text {
font-size: 12px;
width: 80px;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list .inputbox .inp {
padding: 0 5px;
font-size: 12px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 {
padding: 5px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .sec1 .uploads_img {
padding: 5px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li {
margin-bottom: 30px;
}
.D_md12 .writeblog_box .Leftbox .from_sec2 .formcont_area li .closebtn {
top: -15px;
right: 0px;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list li.phone_headimg {
margin-bottom: 10px;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list li.phone_headimg .phone_headimg_name {
padding: 0 5px;
font-size: 12px;
}
#back_top {
width: 40px;
height: 40px;
line-height: 40px;
font-size: 27px;
}
a.linkTo_login {
margin-bottom: 20px;
}
.Blog_info_box .thumbs-up i.fa {
font-size: 20px;
}
.bestsellerproduct_container_slider .item .item-inner {
display: flex;
}
.bestsellerproduct_container_slider .item .item-inner .image-container {
float: none;
flex: 0 0 auto;
}
.bestsellerproduct_container_slider .item .item-inner .box-info {
padding-left: 10px;
}
.cart.table-wrapper .product-item-photo {
max-width: none !important;
position: static;
}
.product-image-photo {
display: flex;
min-height: auto !important;
min-width: auto !important;
}
.custom-slide {
position: fixed;
left: 0;
}
.main-content .cart-container .cart-summary {
top: 0px !important;
}
.main-content .cart-container .form-cart .cart.actions .action span {
padding: 0px;
width: 208px;
display: inline-block;
}
.main-content .cart-container .form-cart .cart.actions .action {
width: 100%;
text-align: center;
}
.main-content .cart-container .form-cart .cart.actions .action.continue {
margin: 10px 0 0;
}
.material_pop .material_pop_list li {
margin-bottom: 35px;
}
.material_pop .material_pop_list li .delt_meterial {
top: -50px;
width: 15px;
height: 15px;
right: 10px;
}
#product_addtocart_form > div > fieldset > div.actions > button {
padding: 0;
}
#product-updatecart-button {
width: 49%;
}
#product-addtocart-button {
width: 49%;
}
#buy-now {
width: 49%;
}
.product-view .product-info-main .product-social-links .product-addto-links {
width: 66%;
}
.product-view .product-info-main .product-social-links .action {
width: 33%;
}
.product-view .product-info-main .product-social-links .product-addto-links .action {
width: 50%;
border-right: 1px solid #fff;
margin-right: 0px;
}
.product-view .product-info-main .product-social-links .product-addto-links .action span {
width: 100%;
}
.product-view .product-info-main .product-social-links .action.mailto span {
width: 100%;
}
.product-view .product-info-main .product-add-form .box-tocart .field.qty {
width: 99%;
display: flex;
}
.product-view .product-info-main .product-add-form .box-tocart .field.qty .control {
flex: 1 1 auto;
}
.product-view .product-info-main .product-add-form .box-tocart .field.qty .control input {
width: 100% !important;
}
.product-view .product-info-main .product-add-form .actions {
padding-top: 0px;
}
.product-view .product-info-main .product-social-links .product-addto-links .action.towishlist {
margin-left: 0px;
}
#maincontent > div > div > div.column.main > div.block.widget.block-viewed-products-grid > div.block-content > div .product-item-info {
text-align: center;
}
#lucian_header123 > div.header-mobile.visible-xs > div > div > div.box-right > div > div {
position: absolute;
right: 0px;
}
.header-container .header-mobile .block-search input {
line-height: 33px;
}
#mini-cart .product-item .product-image-wrapper {
width: 71px !important;
height: 71px !important;
}
#mini-cart .product-item .product-image-photo {
width: 70px !important;
height: 70px !important;
max-width: none !important;
top: 0;
bottom: 1px;
}
#maincontent > div > div > div.column.main > div.product-view > div > div > div.row > div.col-sm-7.col-xs-12 > div > div.box-inner1 > div.box-price-review {
text-align: center;
}
#mini-cart > li.product-item .details-qty.qty {
display: flex;
align-items: center;
}
#mini-cart .product-item .product.actions {
float: none;
margin: 5px 0 0px;
}
#mini-cart .product-item .item-qty {
margin-right: 0px;
}
#mini-cart .product-item .update-cart-item {
padding: 0 0 0 8px;
flex: 1 1 auto;
}
#mini-cart .product-item .update-cart-item > span {
padding: 0px;
width: 100%;
line-height: 25px;
}
.minicart-wrapper .block-minicart:before {
right: 5px;
}
.minicart-wrapper .block-minicart:after {
right: 4px;
}
#mini-cart .product-item {
padding: 10px 0;
}
#mini-cart > li.item.product.product-item > div > div > div.product.actions > div.primary {
display: none;
}
.modal-popup.modal-slide {
left: 0px;
}
.checkout-index-index .modal-popup .modal-inner-wrap {
width: 95% !important;
margin: 5px auto;
}
.Newblog_page .newblog_home_sec1 {
margin-bottom: 20px;
}
.D_md12 .newlistsort .current_list {
line-height: 24px;
text-align: center;
float: none;
font-size: 14px;
}
.D_md12 .newlistsort ul {
float: none;
text-align: center;
justify-content: center;
}
.D_md12 .listsort_box li {
padding: 10px 0;
}
.D_md12 .newblog_list ul.list li {
flex-wrap: wrap;
text-align: center;
align-items: center;
}
.D_md12 .newblog_list ul.list li .imgbox {
margin-right: 0px;
float: none;
/*flex:0 0 auto;*/
width: 100%;
text-align: center;
margin-bottom: 10px;
}
.D_md12 .newblog_list ul.list li .descbox .title {
font-size: 15px;
line-height: 17px;
max-height: 34px;
}
.D_md12 .newblog_list ul.list li .descbox .desc {
font-size: 13px;
line-height: 16px;
max-height: 32px;
}
.D_md12 .newblog_list ul.list li .imgbox img {
width: 100%;
}
.D_md12 .Newblog_page .new_hotblog .tip {
height: 40px;
line-height: 40px;
font-size: 15px;
font-weight: bold;
}
.D_md12 .Newblog_page .MC_news_list2 li .sec2 {
margin: 5px;
}
.D_md12 .Newblog_page .MC_news_list2 li .sec3 {
padding: 8px 5px;
}
.D_md12 .Newblog_page .MC_news_list2 li .sec3 .title {
font-size: 13px;
margin-bottom: 3px;
}
.D_md12 .Newblog_page .MC_news_list2 li .sec3 .txt {
font-size: 12px;
line-height: 16px;
max-height: 32px;
}
.D_md12 .Newblog_page .MC_news_list2 li .tags {
display: none;
}
.writeblog_m_btn {
display: block;
}
.D_md12 .Newblog_page .MC_news_list2 .swiper-container {
height: auto;
padding-bottom: 30px;
}
.Bloglist_box .rightbox .info_hotnews {
display: block !important;
padding-bottom: 0px !important;
}
.Bloglist_box .rightbox .info_hotnews .MC_news_list2 {
width: 100%;
margin-left: 0px;
margin-top: 10px;
}
.Bloglist_box .rightbox .info_hotnews .MC_news_list2 .swiper-container {
height: auto;
/*padding-bottom: 20px;*/
}
.Bloglist_box .rightbox .info_hotnews .MC_news_list2 {
padding: 25px 5px;
}
.Bloglist_box .rightbox .info_hotnews .MC_news_list2 li {
margin-bottom: 0px;
margin-right: 0px;
}
.Bloglist_box .rightbox .info_hotnews .MC_news_list2 li .sec1 {
height: auto;
padding: 5px 5px;
flex-wrap: wrap;
justify-content: center;
}
.Bloglist_box .rightbox .info_hotnews .MC_news_list2 li .sec1 .headimg {
width: 25px;
height: 25px;
margin-right: 5px;
}
.Bloglist_box .rightbox .info_hotnews .MC_news_list2 li .sec1 .name {
font-size: 11px;
line-height: 13px;
font-weight: normal;
max-height: 26px;
}
.Bloglist_box .rightbox .info_hotnews .MC_news_list2 li .sec1 .time {
font-size: 11px;
width: 100%;
text-align: center;
}
.Bloglist_box .rightbox .info_hotnews .MC_news_list2 li .sec2 {
margin: 0 5px 0px;
}
.Bloglist_box .rightbox .info_hotnews .MC_news_list2 li .sec3 {
padding: 5px 5px;
text-align: center;
line-height: 18px;
}
.Bloglist_box .rightbox .info_hotnews .MC_news_list2 li .sec3 .title {
font-size: 12px;
margin-bottom: 0px;
}
.Bloglist_box .rightbox .info_hotnews .MC_news_list2 li .sec3 .txt {
font-size: 11px;
}
.Bloglist_box .rightbox .info_hotnews .MC_news_list2 .swiper-pagination {
padding-top: 10px;
position: static;
}
.hottags_box {
padding-bottom: 0px;
}
.hottags_box .tip {
height: 40px;
line-height: 40px;
font-size: 15px;
font-weight: bold;
}
.hottags_box .htags_abox a {
height: 28px;
line-height: 26px;
}
/*activity online titlechange*/
.activity_timerange {
display: none;
}
.D_md12 .Activity_onlineinfo .infoTop .online_textbox {
display: block;
}
.not-found {
width: 96%;
margin: 80px 2%;
padding: 50px 20px;
}
.not-found .notfound-top {
float: none;
width: 100%;
}
.not-found .notfound-top h1 {
font-size: 80px;
padding-top: 0px;
}
.not-found .content {
border: none;
width: 100%;
float: none;
padding-left: 0px;
margin-top: 20px;
}
.not-found .content img {
width: 51px;
height: 50px;
}
.not-found .content h3 {
line-height: 20px;
font-size: 12px;
}
.not-found .otherlinks li {
font-size: 12px;
}
.two_imgswitch .two_pcimg {
display: none;
}
.two_imgswitch .two_moblieimg {
display: block;
width: 100%;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .leftbox .text {
line-height: 50px;
height: 50px;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .imglist3 li .member_box {
padding: 3px 5px !important;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .imglist3 li .member_box .title {
line-height: 14px;
font-size: 12px;
}
.Activity_winner .activity_home_sec3 .winners_box .winners_item .rightbox .imglist3 li .member_box .iconts {
display: none;
}
.Activity_home .Ac_secitem .ac_sec_tipname .p1 .name {
flex: 1 0 auto;
}
.D_md12 .Blog_series .Rightbox > .sec2,
.D_md12 .Blog_series .Rightbox.categoryRight .sec2 {
display: none;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list .inputsele .xlbox .xl_text.no-child {
padding: 0 !important;
}
.D_md12 .Blog_list_box .toper_blog .title {
font-size: 15px;
}
.D_md12 .Blog_list_box .blog_list > .title > .text:last-child {
font-weight: bold;
font-size: 20px;
margin: 30px 0 20px;
line-height: 30px;
}
.D_md12 .Blog_list_box .blog_list > .title > .text:first-child {
font-size: 14px;
line-height: 25px;
}
.updown_item {
padding: 0 0 0 0;
}
.updown_item .show_activityimgs .button_toggle {
padding: 10px 0;
font-size: 13px;
}
.success_txt {
font-size: 35px;
margin-bottom: 20px;
}
.enter_activity1 .shareit_box .tiptext {
font-size: 17px;
}
.D_md12 .MC_box .MineFollow_pop .shadow .addvideo_contain {
padding: 25px 0;
}
.customer-account-create .D_md12 .D_loginBox .D_login_formbox {
padding: 0px;
height: auto;
}
.D_md12 .Activity_onlineinfo .infoIntro .btns .btnitem.supplies {
width: 100% !important;
}
.Activity_home .activity_home_sec3 .winners_box .winners_item .rightbox .imglist3 li .member_box .member .flexbox img {
width: 20px;
height: 20px;
}
}
@media screen and (max-width: 480px) {
.checkout-cart-index .input-text.qty {
height: 20px;
}
.checkout-cart-index .main-content .cart-container .form-cart .cart.table-wrapper tbody .control.qty {
width: 70px;
}
.checkout-cart-index .main-content .cart-container .form-cart .cart.table-wrapper tbody .input-text.qty {
width: 22px;
height: 28px;
padding: 0 2px !important;
}
.checkout-cart-index .main-content .cart-container .form-cart .cart.table-wrapper tbody .quantity_box_button_down,
.checkout-cart-index .main-content .cart-container .form-cart .cart.table-wrapper tbody .quantity_box_button_up {
line-height: 26px;
padding: 0 6px;
}
.Blog_info_box .blog_info_topbox .infotext .infotip_items li.time {
display: none;
}
.Blog_info_box .blog_info_topbox .infotext .infotip_items li.price {
display: none;
}
.infovideo_box iframe {
height: 180px;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .heads .price {
min-width: 39%;
}
.D_md12 .Activity_onlineinfo .infoEntries .entries_box .list .heads .price .vote {
display: none;
}
.dn-box .pt-banner-container .owl-carousel .owl-controls .owl-pagination .owl-page span {
height: 4px;
border-radius: 2px;
}
}
@media (max-width: 374px) {
.two_imgswitch .two_pcimg {
display: none;
}
.two_imgswitch .two_moblieimg {
display: block;
width: 100%;
}
}
@media screen and (max-width: 350px) {
.banner-static-home .row .col .textbox .text {
font-size: 20px;
line-height: 30px;
padding: 15px;
text-shadow: 2px 2px 2px #999;
}
.box-section .box-container .bigsales .row .col .title span {
font-size: 14px;
line-height: 34px;
}
.product-view .product.detailed .data.items .item.title a {
font-size: 20px;
padding: 10px;
}
}
@media (min-width: 500px) and (max-width: 767px) {
.Bloglist_box .rightbox .info_hotnews .MC_news_list2 li .sec1 {
flex-wrap: nowrap;
justify-content: space-between;
}
.Bloglist_box .rightbox .info_hotnews .MC_news_list2 li .sec1 .headimg {
margin-right: 5px;
}
.Bloglist_box .rightbox .info_hotnews .MC_news_list2 li .sec1 .time {
text-align: right;
}
.Bloglist_box .rightbox .info_hotnews .MC_news_list2 li .sec3 {
text-align: left;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.Bloglist_box .rightbox .info_hotnews .MC_news_list2 {
width: 100%;
margin-left: 0px;
margin-top: 15px;
}
.Bloglist_box .rightbox .info_hotnews .MC_news_list2 .swiper-container {
height: auto;
padding-bottom: 20px;
}
.Bloglist_box .rightbox .info_hotnews .MC_news_list2 {
padding: 25px 10px 0;
}
.Bloglist_box .rightbox .info_hotnews .MC_news_list2 li {
line-height: 16px;
}
.Bloglist_box .rightbox .info_hotnews .MC_news_list2 li .sec1 {
height: auto;
padding: 5px 8px;
}
.Bloglist_box .rightbox .info_hotnews .MC_news_list2 li .sec1 .headimg {
width: 28px;
height: 28px;
margin-right: 5px;
}
.Bloglist_box .rightbox .info_hotnews .MC_news_list2 li .sec1 .name {
font-size: 12px;
font-weight: normal;
line-height: 15px;
}
.Bloglist_box .rightbox .info_hotnews .MC_news_list2 li .sec1 .time {
font-size: 11px;
}
.Bloglist_box .rightbox .info_hotnews .MC_news_list2 li .sec2 {
margin: 0 8px 8px;
}
.Bloglist_box .rightbox .info_hotnews .MC_news_list2 li .sec3 {
padding: 5px 8px;
}
.Bloglist_box .rightbox .info_hotnews .MC_news_list2 li .sec3 .title {
font-size: 14px;
margin-bottom: 3px;
}
.Bloglist_box .rightbox .info_hotnews .MC_news_list2 li .sec3 .txt {
font-size: 13px;
}
.Bloglist_box .rightbox .info_hotnews .MC_news_list2 .swiper-pagination {
padding-top: 10px;
position: static;
}
.hottags_box .tip {
height: 40px;
line-height: 40px;
font-size: 15px;
font-weight: bold;
}
/*activity online titlechange*/
.activity_timerange {
display: none;
}
.D_md12 .Activity_onlineinfo .infoTop .online_textbox {
display: block;
}
.not-found {
width: 92%;
}
.two_imgswitch .two_pcimg {
display: none;
}
.two_imgswitch .two_moblieimg {
display: block;
width: 100%;
}
.D_md12 .Newblog_page .new_hotblog .tip {
height: 40px;
line-height: 40px;
font-size: 15px;
font-weight: bold;
}
.D_md12 .Newblog_page .MC_news_list2 li .sec2 {
margin: 5px;
}
.D_md12 .Newblog_page .MC_news_list2 li .sec3 {
padding: 8px 5px;
}
.D_md12 .Newblog_page .MC_news_list2 li .sec3 .title {
font-size: 13px;
margin-bottom: 3px;
}
.D_md12 .Newblog_page .MC_news_list2 li .sec3 .txt {
font-size: 12px;
line-height: 16px;
max-height: 32px;
}
.D_md12 .Newblog_page .MC_news_list2 li .tags {
display: none;
}
.writeblog_m_btn {
display: block;
}
.D_md12 .Newblog_page .MC_news_list2 .swiper-container {
height: auto;
padding-bottom: 30px;
}
.D_md12 .Blog_series .Rightbox > .sec2,
.D_md12 .Blog_series .Rightbox.categoryRight .sec2 {
display: none !important;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list .inputsele .xlbox .parent_cate {
padding: 0 25px;
font-size: 16px;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list .inputsele .xlbox .child_cate_box .xl_text {
padding: 0 35px 0 30px !important;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list .inputsele .xlbox .xl_text.no-child {
padding: 0 !important;
}
.D_md12 .Blog_list_box .toper_blog .title {
font-size: 15px;
}
.Blog_info_box .blog_info_topbox .infotext .infotitle {
margin-bottom: 8px;
}
.D_md12 .Blog_list_box .blog_list > .title > .text:last-child {
font-weight: bold;
font-size: 23px;
margin: 30px 0 20px;
line-height: 30px;
}
.D_md12 .Blog_list_box .blog_list > .title > .text:first-child {
font-size: 17px;
line-height: 25px;
}
.updown_item {
padding: 0 0 0 0;
}
.updown_item .show_activityimgs .button_toggle {
padding: 10px 0;
font-size: 15px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.box-container {
padding: 0 35px;
}
.D_md12 .Blog_series .Leftbox {
width: 75% !important;
}
.D_md12 .Blog_series .Rightbox {
width: 25% !important;
}
.D_md12 .Blog_series .Rightbox .sec1 {
display: flex;
justify-content: space-between;
}
.D_md12 .Blog_series .Rightbox .sec1 .btn {
width: 49%;
font-size: 14px;
height: 40px;
line-height: 36px;
}
.D_md12 .Blog_series .Rightbox .sec2 .tip {
font-size: 18px;
height: 40px;
line-height: 40px;
}
.Bloglist_box .rightbox .info_hotnews .tip {
font-size: 16px !important;
height: 50px !important;
line-height: 50px !important;
}
.Blog_info_box .d_main_cont {
padding: 30px 0 0 !important;
}
.Bloglist_box .rightbox .info_hotnews .MC_news_list2 li .sec1 {
text-align: center;
justify-content: center;
flex-wrap: wrap;
}
.Bloglist_box .rightbox .info_hotnews .MC_news_list2 li .sec1 .name {
font-weight: normal;
line-height: 17px;
font-size: 13px;
}
.Bloglist_box .rightbox .info_hotnews .MC_news_list2 li .sec1 .headimg {
width: 25px;
height: 25px;
border: none;
margin-right: 5px;
}
.Bloglist_box .rightbox .info_hotnews .MC_news_list2 li .sec1 .time {
width: 100%;
font-size: 12px;
text-align: center;
}
.Bloglist_box .rightbox .info_hotnews .MC_news_list2 li .sec2 {
margin: 0 5px;
}
.Bloglist_box .rightbox .info_hotnews .MC_news_list2 li .sec3 {
padding: 5px;
}
.Bloglist_box .rightbox .info_hotnews .MC_news_list2 li .sec3 {
text-align: center;
line-height: 16px;
}
.hottags_box .tip {
font-size: 16px !important;
height: 50px !important;
line-height: 50px !important;
}
.not-found {
width: 92%;
}
.two_imgswitch .two_pcimg {
display: none;
}
.two_imgswitch .two_moblieimg {
display: block;
width: 100%;
}
.D_md12 .Newblog_page .new_hotblog .tip {
font-size: 16px !important;
height: 50px !important;
line-height: 50px !important;
}
.D_md12 .Newblog_page .MC_news_list2 li .sec2 {
margin: 5px;
}
.D_md12 .Newblog_page .MC_news_list2 li .sec3 {
padding: 8px 5px;
}
.D_md12 .Newblog_page .MC_news_list2 li .sec3 .title {
font-size: 13px;
margin-bottom: 3px;
}
.D_md12 .Newblog_page .MC_news_list2 li .sec3 .txt {
font-size: 12px;
line-height: 16px;
max-height: 32px;
}
.D_md12 .Newblog_page .MC_news_list2 li .tags {
display: none;
}
.logo img {
height: 50px;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list .inputsele .xlbox .parent_cate {
padding: 0 25px;
font-size: 16px;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list .inputsele .xlbox .child_cate_box .xl_text {
padding: 0 35px 0 30px !important;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list .inputsele .xlbox .xl_text.no-child {
padding: 0 !important;
}
.Blog_info_box .blog_info_topbox .infotext .infotitle {
margin-bottom: 8px;
}
.D_md12 .Blog_series .Rightbox .sec2 .category_list {
display: block;
}
.D_md12 .Blog_series .Rightbox .sec2 .category_list li > a {
background: none;
color: #606060;
height: auto;
line-height: 19px;
}
.D_md12 .Blog_list_box .blog_list > .title > .text:last-child {
font-weight: bold;
font-size: 25px;
margin: 50px 0 30px;
line-height: 30px;
}
.D_md12 .Blog_list_box .blog_list > .title > .text:first-child {
font-size: 17px;
line-height: 25px;
}
.updown_item {
padding: 0 0 0 0;
}
.updown_item .show_activityimgs .button_toggle {
padding: 15px 0;
}
.updown_item .show_activityimgs .button_toggle {
padding: 10px 0;
font-size: 15px;
}
}
@media (min-width: 1200px) and (max-width: 1366px) {
.logo img {
height: 60px;
}
}
@media (min-width: 1200px) {
.not-found {
width: 92%;
max-width: 1060px;
}
}
@media screen and (min-width: 1481px) and (max-width: 1750px) {
.banner-static-home .row .col .textbox .text {
font-size: 30px;
line-height: 40px;
}
}
@media screen (min-width: 1921px) {
.D_md12 .Blog_enter_box .Leftbox .entrys .item .shadow .textbox .p1 {
font-size: 20px;
margin-bottom: 10px;
}
.D_md12 .Blog_enter_box .Leftbox .entrys .item .btn1 {
display: none;
}
.D_md12 .Blog_enter_box .Leftbox .entrys .item .shadow {
opacity: 1 !important;
padding: 15px 10px;
top: 0;
background: rgba(65, 65, 65, 0.3);
}
.D_md12 .Blog_enter_box .Leftbox .entrys .item .shadow .textbox .p2 {
font-size: 14px;
line-height: 16px;
}
.D_md12 .Blog_enter_box .Leftbox .entrys .item .btn {
width: 130px;
height: 30px;
font-size: 16px;
}
}
@media screen and (max-width: 1920px) and (min-width: 1481px) {
.D_md12 .Blog_enter_box .Leftbox .stepbox .imgbox {
padding: 0 0;
}
}
@media (max-width: 1366px) and (min-width: 1200px) {
.D_md12 .writeblog_box .Leftbox .rightform_box .list .inputsele .xlbox .parent_cate {
padding: 0 25px;
font-size: 16px;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list .inputsele .xlbox .child_cate_box .xl_text {
padding: 0 35px 0 30px !important;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list .inputsele .xlbox .xl_text.no-child {
padding: 0 !important;
}
}
@media (max-width: 1480px) and (min-width: 1367px) {
.D_md12 .writeblog_box .Leftbox .rightform_box .list .inputsele .xlbox .parent_cate {
padding: 0 25px;
font-size: 16px;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list .inputsele .xlbox .child_cate_box .xl_text {
padding: 0 35px 0 30px !important;
}
.D_md12 .writeblog_box .Leftbox .rightform_box .list .inputsele .xlbox .xl_text.no-child {
padding: 0 !important;
}
}
@media screen and (max-width: 1480px) and (min-width: 1366px) {
.D_md12 .Blog_series .Rightbox .sec1 .btn {
font-size: 16px;
}
.D_md12 .Blog_series .Rightbox .sec2 .tip {
font-size: 18px;
}
.D_md12 .Blog_series .Rightbox .sec2 .category_list .parent_cate {
font-size: 16px;
padding: 0 15px;
height: 40px;
line-height: 40px;
}
.D_md12 .Blog_series .Rightbox .sec2 .category_list li > a {
font-size: 14px;
line-height: 20px;
padding: 8px 0 8px 20px;
}
.D_md12 .Blog_list_box .blog_list > .title > .text:last-child {
font-weight: bold;
font-size: 25px;
margin: 50px 0 30px;
line-height: 30px;
}
}
.DN_pc {
display: block;
}
.DN_phone {
display: none;
}
#search_mini_form .DN_Search_selectbox .fa-angle-down::before {
content: none;
}
@media (max-width: 374px) {
.DN_TopHead_phone .box2 .otherbtns .mainnav_btn_phone {
margin-left: 5px !important;
width: 6vw !important;
}
#mobile_minicart .minicart-wrapper .action.showcart::before {
font-size: 40px !important;
line-height: 35px !important;
color: #5b7882;
height: 40px !important;
}
#mobile_minicart .minicart-wrapper .action.showcart .counter.qty {
background: #eb7839;
width: 15px !important;
height: 15px !important;
line-height: 15px !important;
border-radius: 10px;
font-size: 9px !important;
position: absolute;
left: 25px !important;
top: -6px !important;
}
#mobile_search {
width: 480px;
max-width: 70vw !important;
height: 30px !important;
border-radius: 20px;
max-height: 60px;
background: #778a91 !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#mobile_search #search_mini_form .DN_Search_selectbox .fa-angle-down::before {
content: "\f107";
}
#mobile_search #search,
#mobile_search #search_mini_form .DN_Search_selectbox input {
background: none;
color: #c4d2d7;
}
#mobile_search #search_mini_form .DN_Search_selectbox .inputbox {
width: 80px;
}
#mobile_search #search_mini_form .DN_Search_selectbox input {
width: 60px;
}
#mobile_search #search {
text-indent: 75px !important;
width: 350px !important;
}
#mobile_search #search_mini_form .DN_Search_selectbox {
position: relative;
bottom: 0;
left: 13px !important;
color: #c4d2d7;
top: 24px;
width: 80px;
}
#mobile_search #search_mini_form .DN_Search_selectbox .xlbox {
display: none;
background: #778a91;
padding: 5px 5px;
position: absolute;
width: 80px;
line-height: 20px;
left: -15px;
}
#mobile_search #search_mini_form .DN_Search_selectbox .xlbox a {
display: block;
color: #d8e1e2;
text-align: center;
font-size: 12px;
}
}
@media (max-width: 413px) {
#mobile_search {
background: #778a91 !important;
}
}
@media (max-width: 767px) {
.DN_pc {
display: none;
}
.DN_phone {
display: block;
}
.w9733 {
width: 97.33%;
margin: 0 auto;
}
.w9333 {
width: 93.33%;
margin: 0 auto;
}
.DN_w1775 {
width: 97.33%;
margin: 0 auto;
}
.DN_TopHead_phone {
padding: 8px 0;
background: #8a9ea5;
position: relative;
z-index: 19;
}
.DN_TopHead_phone .box1 .logo {
max-width: 30vw;
display: block;
margin: 0;
}
.DN_TopHead_phone .box1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 10px;
}
.DN_TopHead_phone .box1 .btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.DN_TopHead_phone .box1 .btns .sign {
display: block;
margin-left: 10px;
}
.DN_TopHead_phone .box1 .btns.login .sign {
display: none;
}
.DN_TopHead_phone .box1 .btns .acc {
display: none;
margin-left: 10px;
position: relative;
}
.DN_TopHead_phone .box1 .btns.login .acc {
display: block;
}
.DN_TopHead_phone .box1 .btns.login .acc i {
margin-left: 5px;
}
.DN_TopHead_phone .box1 .btns .btn > a {
background: #5b7882;
padding: 3px 0;
color: #d8e1e2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 20vw;
font-size: 13px;
border-radius: 3px;
width: 100px;
}
.DN_TopHead_phone .box1 .btns .acc .xlbox {
display: none;
position: absolute;
background: #5b7882;
padding: 5px 5px;
right: 0;
width: 100%;
}
.DN_TopHead_phone .box1 .btns .acc .xlbox a {
display: block;
color: #d8e1e2;
text-align: center;
font-size: 12px;
}
.DN_TopHead_phone .box1 .btns .acc .xlbox a + a {
border-top: 1px solid #8a9ea5;
}
.DN_TopHead_phone .box2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.DN_TopHead_phone .box2 .headsearch_phone {
width: 520px;
max-width: 68vw;
height: 40px;
border-radius: 20px;
max-height: 60px;
background: #778a91;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.DN_TopHead_phone .box2 .headsearch_phone .getinputbox {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
}
.DN_TopHead_phone .box2 .headsearch_phone .getinputbox input {
background: none;
max-width: 100%;
}
.DN_TopHead_phone .box2 .headsearch_phone .getinputbox .selectbox {
position: relative;
width: 145px;
padding-left: 5px;
max-width: 20vw;
height: 100%;
}
.DN_TopHead_phone .box2 .headsearch_phone .getinputbox .selectbox .txtbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-right: 5px;
position: relative;
height: 100%;
}
.DN_TopHead_phone .box2 .headsearch_phone .getinputbox .selectbox .txtbox input {
line-height: 100%;
color: #c4d2d7;
font-size: 12px;
}
.DN_TopHead_phone .box2 .headsearch_phone .getinputbox .selectbox .txtbox i {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
color: #c4d2d7;
font-size: 12px;
}
.DN_TopHead_phone .box2 .headsearch_phone .getinputbox .selectbox .xlbox {
display: none;
background: #778a91;
padding: 5px 5px;
left: 0px;
width: 100%;
position: absolute;
}
.DN_TopHead_phone .box2 .headsearch_phone .getinputbox .selectbox .xlbox a {
display: block;
color: #d8e1e2;
text-align: center;
font-size: 12px;
}
.DN_TopHead_phone .box2 .headsearch_phone .getinputbox .selectbox .xlbox a + a {
border-top: 1px solid #8a9ea5;
}
.DN_TopHead_phone .box2 .headsearch_phone .getinputbox .inputbox {
-webkit-box-flex: 2;
-ms-flex: 2 2 auto;
flex: 2 2 auto;
height: 100%;
padding: 0 5px 0 8px;
}
.DN_TopHead_phone .box2 .headsearch_phone .getinputbox .inputbox input {
width: 100%;
line-height: 100%;
height: 100%;
color: #c4d2d7;
}
.DN_TopHead_phone .box2 .headsearch_phone .getinputbox .inputbox input::-webkit-input-placeholder {
/* WebKit browsers */
color: #c4d2d7;
}
.DN_TopHead_phone .box2 .headsearch_phone .getinputbox .inputbox input:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #c4d2d7;
}
.DN_TopHead_phone .box2 .headsearch_phone .getinputbox .inputbox input::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #c4d2d7;
}
.DN_TopHead_phone .box2 .headsearch_phone .getinputbox .inputbox input:-ms-input-placeholder {
/* Internet Explorer 10+ */
color: #c4d2d7;
}
.DN_TopHead_phone .box2 .headsearch_phone .search_btn {
-webkit-box-flex: 0;
-ms-flex: 0 2 auto;
flex: 0 2 auto;
width: 55px;
height: 100%;
background: url(https://www.dearlives.com/pub/media/images/d_headsearch.png) center no-repeat;
background-size: 18px;
}
.DN_TopHead_phone .box2 .otherbtns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.DN_TopHead_phone .box2 .otherbtns .shopcar {
position: relative;
width: 6.66vw;
max-width: 43px;
}
.DN_TopHead_phone .box2 .otherbtns .shopcar .num {
position: absolute;
border-radius: 50%;
background: #eb7839;
color: #fff;
width: 18px;
height: 18px;
line-height: 18px;
text-align: center;
font-size: 12px;
top: -7px;
right: -7px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.DN_TopHead_phone .box2 .otherbtns .mainnav_btn_phone {
cursor: pointer;
margin-left: 10px;
margin-top: 10px;
position: relative;
width: 6.5vw;
max-width: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.DN_TopHead_phone .DN_TopHead_phone_MainNavPop {
display: none;
position: fixed;
z-index: 99;
top: 0;
width: 100vw;
height: 100vh;
left: 0;
}
.DN_TopHead_phone .DN_TopHead_phone_MainNavPop .shadow {
position: absolute;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.4);
}
.DN_TopHead_phone .DN_TopHead_phone_MainNavPop .DN_MainNav_phone {
width: 75vw;
overflow-y: auto;
position: absolute;
top: 0;
left: 0;
max-width: 570px;
background: #f5f5f5;
/*padding:80px 0 0 50px;*/
padding: 60px 0 0 30px;
}
.DN_TopHead_phone .DN_TopHead_phone_MainNavPop .DN_MainNav_phone .close {
background: url(https://www.dearlives.com/pub/media/images/mainnav_phone_close.png) center no-repeat;
background-size: 100%;
width: 20px;
height: 20px;
position: absolute;
right: 25px;
top: 30px;
}
.DN_TopHead_phone .DN_TopHead_phone_MainNavPop .DN_MainNav_phone .pnav_contbox li {
border-bottom: 1px solid #cccccc;
}
.DN_TopHead_phone .DN_TopHead_phone_MainNavPop .DN_MainNav_phone .pnav_contbox li .u1 {
padding: 20px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.DN_TopHead_phone .DN_TopHead_phone_MainNavPop .DN_MainNav_phone .pnav_contbox li .u1 a {
font-size: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: bold;
color: #6d7b81;
}
.DN_TopHead_phone .DN_TopHead_phone_MainNavPop .DN_MainNav_phone .pnav_contbox li .u1 img {
width: 28px;
margin-right: 10px;
}
.DN_TopHead_phone .DN_TopHead_phone_MainNavPop .DN_MainNav_phone .pnav_contbox li .u1 .jt {
width: 22px;
height: 22px;
padding: 15px;
background: url(https://www.dearlives.com/pub/media/images/mainnav_phone_jt1.png) center no-repeat;
display: block;
-webkit-box-sizing: content-box !important;
box-sizing: content-box !important;
}
.DN_TopHead_phone .DN_TopHead_phone_MainNavPop .DN_MainNav_phone .pnav_contbox li .u1 .jt.on {
background: url(https://www.dearlives.com/pub/media/images/mainnav_phone_jt2.png) center no-repeat;
}
.DN_TopHead_phone .DN_TopHead_phone_MainNavPop .DN_MainNav_phone .pnav_contbox li .u2 {
display: none;
padding-left: 40px;
}
.DN_TopHead_phone .DN_TopHead_phone_MainNavPop .DN_MainNav_phone .pnav_contbox li .u2 a {
display: block;
font-size: 17px;
color: #6d7b81;
margin-bottom: 15px;
}
.DN_Banner img.img1 {
display: none;
}
.DN_Banner img.img2 {
display: block;
}
.DN_Banner .swiper-pagination {
bottom: 10px;
height: 20px;
padding: 0 8px;
}
.DN_Banner .swiper-pagination .swiper-pagination-bullet {
width: 10px;
height: 10px;
}
.DN_Banner .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
margin-left: 6px;
}
.DN_indexMainCont .DN_indexMainCont_item .SecName2 {
margin-bottom: 15px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.DN_indexMainCont .DN_indexMainCont_item .SecName2 .tip {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: bold;
font-size: 18px;
color: #42565d;
}
.DN_indexMainCont .DN_indexMainCont_item .SecName2 .tip img {
margin-right: 8px;
width: 25px;
}
.DN_indexMainCont .DN_indexMainCont_item .SecName2 .more {
font-size: 13px;
color: #71797c;
padding-right: 15px;
background: url(https://www.dearlives.com/pub/media/images/phone_indexsec_more.jpg) right center no-repeat;
background-size: 10px 10px;
}
.DN_indexMainCont .DN_indexMainCont_item {
margin-top: 35px;
}
.DN_indexMainCont .DN_indexContSec_editor .DN_indexEditorbox .imgbox1 {
display: none;
}
.DN_indexMainCont .DN_indexContSec_editor .DN_indexEditorbox .imgbox2 {
width: 100%;
}
.DN_indexMainCont .DN_indexContSec_editor .DN_indexEditorbox .imgbox2 .imgitem img {
width: 100%;
}
.DN_indexMainCont .DN_indexContSec_editor .DN_indexEditorbox .imgbox2 .imgitem:nth-child(n+5) {
display: none;
}
.DN_indexMainCont .DN_indexContSec_editor .DN_indexEditorbox .imgbox2 .imgitem {
width: 49%;
padding: 0;
margin-bottom: 10px;
}
.DN_indexMainCont .DN_indexContSec_editor .DN_indexEditorbox .imgbox_item .imgitem .textbox {
font-size: 13px;
line-height: 15px;
padding: 5px;
height: auto;
}
.DN_indexMainCont .DN_indexContSec_editor .DN_indexEditorbox .imgbox2 .imgitem:nth-child(n+3) {
margin-bottom: 0px;
}
.DN_indexMainCont .DN_indexContSec_video .DN_indexVideobox .videobox2 .videoitem:nth-child(n+3) {
display: none;
width: 100%;
}
.DN_indexMainCont .DN_indexContSec_video .DN_indexVideobox .videobox2 .videoitem {
width: 49%;
}
.DN_indexMainCont .DN_indexContSec_video .DN_indexVideobox .videobox2 {
width: 100%;
margin-top: 10px;
}
.DN_indexMainCont .DN_indexContSec_video .DN_indexVideobox .videobox2 .videoitem img {
width: 100%;
}
.DN_indexMainCont .DN_indexContSec_video .DN_indexVideobox .videobox1 {
width: 100%;
}
.DN_indexMainCont .DN_indexContSec_video .DN_indexVideobox .videobox1 .video .shadow .play {
width: 40px;
height: 40px;
}
.DN_indexMainCont .DN_indexContSec_video .DN_indexVideobox {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.DN_indexMainCont .DN_indexContSec_video .DN_indexVideobox .videobox2 .video .shadow .play {
width: 30px;
height: 30px;
}
.DN_indexMainCont .DN_indexContSec_video .DN_indexVideobox .videobox_item .textbox a {
font-size: 14px;
text-align: center;
}
.DN_mediabox_pop .popcont {
max-width: 100%;
height: auto;
}
.DN_mediabox_pop.show .popcont .contbox video {
height: auto;
}
.DN_mediabox_pop .popcont .contbox {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.DN_mediabox_pop .popcont .close {
top: 20px;
right: 20px;
left: auto;
}
.DN_indexMainCont .DN_indexContSec_sale .DN_indexSalebox .list {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.DN_indexMainCont .DN_indexContSec_sale .swiper-pagination {
width: 100%;
position: static;
}
.DN_indexMainCont .DN_indexContSec_sale .swiper-pagination .swiper-pagination-bullet {
margin: 0 5px;
}
.DN_indexMainCont .DN_indexContSec_sale .DN_indexSalebox .list li .textbox p {
font-size: 14px;
line-height: 17px;
}
.DN_indexMainCont .DN_indexContSec_sale .DN_indexSalebox .list li .hot {
background: url(https://www.dearlives.com/pub/media/images/d_index_hot.png) center top no-repeat;
background-size: 90%;
}
.DN_indexMainCont .DN_indexContSec_sale .DN_indexSalebox .list li .textbox {
height: 60px;
}
.DN_indexMainCont .DN_indexContSec_activity .swiper-pagination {
/*display: none;*/
border: none;
padding: 0;
position: static;
height: auto;
}
.DN_indexMainCont .DN_indexContSec_activity .btn {
display: none;
}
.DN_indexMainCont .DN_indexContSec_activity .swiper-pagination .swiper-pagination-bullet {
margin: 0 3px;
background: #42565d;
}
.DN_indexMainCont .DN_indexContSec_activity .activelist .item .infobox {
height: auto;
padding: 5px 8px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
/*justify-content: center;*/
}
.DN_indexMainCont .DN_indexContSec_activity .activelist .item .infobox .titlebox {
width: 100%;
/*text-align: center;*/
}
.DN_indexMainCont .DN_indexContSec_activity .activelist .item .infobox .titlebox a {
font-size: 18px;
line-height: 20px;
}
.DN_indexMainCont .DN_indexContSec_activity .activelist .item .infobox .more {
font-size: 13px;
margin-top: 8px;
display: none;
}
.DN_Bottom {
margin-top: 30px;
}
.DN_Bottom .DN_bottomsec2 .w1775contbox {
padding: 30px 0 20px;
}
.DN_Bottom .DN_bottomsec1 .bottom_sjlist {
padding: 15px 0;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.DN_Bottom .DN_bottomsec1 .bottom_sjlist li + li {
margin: 0;
}
.DN_Bottom .DN_bottomsec1 .bottom_sjlist li {
width: 15%;
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.DN_Bottom .DN_bottomsec1 .bottom_sjlist li img {
width: 30px;
}
.DN_Bottom .DN_bottomsec2 .btm_about {
width: 100%;
border-bottom: 1px solid #8a9ea5;
margin-bottom: 20px;
float: none;
}
.DN_Bottom .DN_bottomsec2 .foonav {
margin-left: 0;
float: none;
}
.DN_Bottom .DN_bottomsec2 .foonav li {
width: 100%;
float: none;
}
.DN_Bottom .DN_bottomsec2 .foonav li dt {
position: relative;
}
.DN_Bottom .DN_bottomsec2 .foonav li dt .jt {
display: block;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
width: 40px;
height: 20px;
background: url(https://www.dearlives.com/pub/media/images/d_shopindex_left_jt.png) center center no-repeat;
}
.DN_Bottom .DN_bottomsec2 .foonav li .s {
display: none;
}
.DN_Bottom .DN_bottomsec2 .foonav dt > a {
margin-bottom: 15px;
}
.DN_Bottom .DN_bottomsec3 .Subscribe {
float: none;
}
.DN_Bottom .DN_bottomsec3 .other {
float: none;
}
.DN_Bottom .DN_bottomsec3 .Subscribe .tip {
margin-bottom: 15px;
}
.DN_Bottom .DN_bottomsec3 .payment {
display: none;
}
.DN_Bottom .DN_bottomsec3 .copyright {
text-align: left;
font-size: 12px;
margin-top: 20px;
}
.DN_Bottom .DN_bottomsec3 .subscribe_input input[type="text"] {
width: 60%;
}
.DN_indexContSec_gg .img1 {
display: none;
}
.DN_indexContSec_gg .img2 {
display: block;
width: 100%;
}
.DN_ShopIndex_Content > .w1775contbox {
width: 100%;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox {
width: 97.33%;
margin: 0 auto;
}
.DN_ShopIndex_rightCont {
width: 100% !important;
overflow: hidden;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Banner img.img1 {
display: none;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Banner img.img2 {
display: block;
width: 100%;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Banner .swiper-pagination {
bottom: 10px;
height: 20px;
padding: 0 8px;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Banner .swiper-pagination .swiper-pagination-bullet {
width: 10px;
height: 10px;
}
.DN_ShopIndex_PhoneNav {
background: #fff;
position: relative;
z-index: 18;
}
.DN_ShopIndex_PhoneNav .swiper-container {
overflow: inherit;
padding-top: 20px;
}
.DN_ShopIndex_PhoneNav .sd2 {
display: none;
}
.DN_ShopIndex_PhoneNav .swiper-slide {
position: static;
width: auto;
}
.DN_ShopIndex_PhoneNav .swiper-slide .d1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 40px;
padding: 0 10px;
background: url(https://www.dearlives.com/pub/media/images/line.jpg) right center no-repeat;
}
.DN_ShopIndex_PhoneNav .swiper-slide .d1 img {
margin-right: 8px;
}
.DN_ShopIndex_PhoneNav .swiper-slide .d1 > a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 40px;
margin-right: 10px;
}
.DN_ShopIndex_PhoneNav .swiper-slide .d1 .jt {
display: block;
width: 13px;
height: 7px;
background: url(https://www.dearlives.com/pub/media/images/d_shopindex_left_jt2.png) center no-repeat;
}
.DN_ShopIndex_PhoneNav .swiper-slide.on .d1 > a {
color: #3180a5;
border-bottom: 2px solid #3180a5;
}
.DN_ShopIndex_PhoneNav .sd2 {
left: 0;
padding: 20px;
min-height: 180px;
position: absolute;
width: 100vw;
background: rgba(0, 0, 0, 0.7);
z-index: 18;
}
.DN_ShopIndex_PhoneNav .sd2 a {
color: #dfe5e7;
font-size: 15px;
}
.DN_ShopIndex_PhoneNav .sd2 dd {
float: left;
margin: 5px 6px;
}
.DN_ShopIndex_PhoneNav .sd2 dl {
overflow: hidden;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_ContSec {
padding-top: 0px;
margin-bottom: 0px;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_ContSec .DN_ShopIndex_SecTitle .txt {
background: none;
font-size: 20px;
padding-bottom: 0px;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox1 .list li {
width: 49%;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox1 .list li .title {
font-size: 14px;
margin: 10px 0;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox1 .list li:nth-child(n+5) {
display: none;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox2 .imgboxwarp {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox2 .imgboxwarp img {
width: 100%;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox2 .imgbox1 {
width: 100%;
padding-right: 0px;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox2 .imgbox2 {
margin-left: 0px;
margin-top: 10px;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox2 .imgbox2 .s_imgboxtop {
margin-bottom: 10px;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox2 .imgbox2 .s_imgboxfoot .imgbox_l {
width: 49%;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox2 .imgbox2 .s_imgboxfoot .imgbox_r {
width: 49%;
margin-left: 0px;
margin-left: 10px;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox2 .imgboxwarp .s_imgboxtop .title,
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox2 .imgboxwarp .imgbox1 .title {
height: 60px;
font-size: 18px;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox2 .imgboxwarp .imgbox_r .title,
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox2 .imgboxwarp .imgbox_l .title {
height: 40px;
font-size: 15px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .swiper-pagination {
width: 100%;
position: static;
border: none;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .swiper-pagination {
width: 100%;
position: static;
border: none;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .swiper-pagination .swiper-pagination-bullet {
margin: 0 5px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .swiper-pagination .swiper-pagination-bullet {
margin: 0 5px;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_ContSec + .DN_ShopIndex_ContSec {
border-top: none;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .DN_ShopIndex_shoplist_s3 .item .infobox .Buyinfo .Buybut {
width: 70px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .DN_ShopIndex_shoplist_s3 .item .infobox .Buyinfo .Buybut span {
display: none;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .DN_ShopIndex_shoplist_s4 .item .infobox .Buyinfo .Buybut {
width: 70px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .DN_ShopIndex_shoplist_s4 .item .infobox .Buyinfo .Buybut span {
display: none;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Banner .swiper-pagination {
display: none;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .DN_ShopIndex_shoplist_s3 .item .infobox {
padding: 10px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .DN_ShopIndex_shoplist_s3 .item .infobox .title {
font-size: 13px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .DN_ShopIndex_shoplist_s3 .item .infobox .pricebox {
margin-top: 10px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .DN_ShopIndex_shoplist_s3 .item .infobox .pricebox .price1 {
font-size: 20px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .DN_ShopIndex_shoplist_s3 .item .infobox .pricebox .price2 {
font-size: 13px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .DN_ShopIndex_shoplist_s3 .item .infobox .Buyinfo .Buybut {
font-size: 13px;
height: 30px;
line-height: 30px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .DN_ShopIndex_shoplist_s4 .item .infobox {
padding: 10px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .DN_ShopIndex_shoplist_s4 .item .infobox .title {
font-size: 13px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .DN_ShopIndex_shoplist_s4 .item .infobox .pricebox {
margin-top: 10px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .DN_ShopIndex_shoplist_s4 .item .infobox .pricebox .price1 {
font-size: 20px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .DN_ShopIndex_shoplist_s4 .item .infobox .pricebox .price2 {
font-size: 13px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .DN_ShopIndex_shoplist_s4 .item .infobox .Buyinfo .Buybut {
font-size: 13px;
height: 30px;
line-height: 30px;
}
.DN_ShopIndex_PhoneNav .tipname {
margin: 10px 0;
}
.DN_ShopIndex_PhoneNav .tipname p {
display: inline-block;
color: #6d7b81;
font-size: 20px;
padding-right: 30px;
background: url(https://www.dearlives.com/pub/media/images/shop_phonejt2.png) right center no-repeat;
background-size: 13px !important;
font-weight: bold;
}
.DN_ShopIndex_PhoneNav .tipname.on p {
background: url(https://www.dearlives.com/pub/media/images/shop_phonejt.png) right center no-repeat;
}
.DN_ShopIndex_PhoneNav .box {
border-top: 1px solid #e6e6e6;
padding-top: 15px;
display: none;
}
.DN_ShopIndex_PhoneNav .box .itembox .d1 {
overflow: hidden;
margin-bottom: 15px;
}
.DN_ShopIndex_PhoneNav .box .itembox .d1 a {
color: #8d9aa0;
font-size: 18px;
font-weight: bold;
float: left;
}
.DN_ShopIndex_PhoneNav .box .itembox .d1 img {
margin-right: 8px;
}
.DN_ShopIndex_PhoneNav .box .itembox .d1 .jt {
float: right;
display: block;
width: 12px;
height: 12px;
background: url(https://www.dearlives.com/pub/media/images/shop_phonejt3.jpg) center no-repeat;
background-size: 100% !important;
}
.DN_ShopIndex_PhoneNav .box .itembox .d1 .jt.on {
background: url(https://www.dearlives.com/pub/media/images/shop_phonejt4.jpg) center no-repeat;
}
.DN_ShopIndex_PhoneNav .box .itembox .slidenav_box {
display: none;
}
.DN_ShopIndex_PhoneNav .box .itembox .slidenav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 15px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.DN_ShopIndex_PhoneNav .box .itembox .slidenav dl {
width: 33.33%;
margin-bottom: 15px;
}
.DN_ShopIndex_PhoneNav .box .itembox .slidenav dl dt {
margin-bottom: 8px;
}
.DN_ShopIndex_PhoneNav .box .itembox .slidenav dl dt a {
color: #eb7839;
font-size: 14px;
line-height: 16px;
display: block;
}
.DN_ShopIndex_PhoneNav .box .itembox .slidenav dl dd a {
color: #808080;
font-size: 12px;
margin-top: 3px;
display: block;
}
#mobile_minicart .minicart-wrapper .action.showcart::before {
font-size: 55px;
line-height: 40px;
color: #5b7882;
height: 50px;
}
#mobile_minicart .minicart-wrapper .action.showcart .counter.qty {
background: #eb7839;
width: 20px;
height: 20px;
line-height: 20px;
border-radius: 10px;
font-size: 12px;
position: absolute;
left: 35px;
top: -8px;
}
#mobile_search {
width: 480px;
max-width: 68vw;
height: 40px;
border-radius: 20px;
max-height: 60px;
background: #778a91;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #778a91 url(https://www.dearlives.com/pub/media/images/d_headsearch.png) right no-repeat;
background-size: 18px;
background-position: 97% 12px;
}
#mobile_search #search_mini_form .DN_Search_selectbox .fa-angle-down::before {
content: "\f107";
}
#mobile_search #search,
#mobile_search #search_mini_form .DN_Search_selectbox input {
background: none;
color: #c4d2d7;
}
#mobile_search #search_mini_form .DN_Search_selectbox .inputbox {
width: 80px;
}
#mobile_search #search_mini_form .DN_Search_selectbox input {
width: 60px;
}
#mobile_search #search {
text-indent: 90px;
width: 400px;
}
#mobile_search #search_mini_form .DN_Search_selectbox {
position: relative;
bottom: 0;
left: 20px;
color: #c4d2d7;
top: 24px;
width: 80px;
}
#mobile_search #search_mini_form .DN_Search_selectbox .xlbox {
display: none;
background: #778a91;
padding: 5px 5px;
position: absolute;
width: 80px;
line-height: 20px;
left: -15px;
}
#mobile_search #search_mini_form .DN_Search_selectbox .xlbox a {
display: block;
color: #d8e1e2;
text-align: center;
font-size: 12px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .DN_ShopIndex_shoplist_s4 .btn {
top: 60px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.DN_pc {
display: none;
}
.DN_phone {
display: block;
}
.w9733 {
width: 97.33%;
margin: 0 auto;
}
.w9333 {
width: 93.33%;
margin: 0 auto;
}
.DN_w1775 {
width: 97.33%;
margin: 0 auto;
}
.DN_TopHead_phone {
padding: 15px 0;
background: #8a9ea5;
position: relative;
z-index: 19;
}
.DN_TopHead_phone .box1 .logo {
max-width: 20vw;
display: block;
margin: 0;
}
.DN_TopHead_phone .box1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 10px;
}
.DN_TopHead_phone .box1 .btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.DN_TopHead_phone .box1 .btns .sign {
display: block;
margin-left: 10px;
}
.DN_TopHead_phone .box1 .btns.login .sign {
display: none;
}
.DN_TopHead_phone .box1 .btns .acc {
display: none;
margin-left: 10px;
position: relative;
}
.DN_TopHead_phone .box1 .btns.login .acc {
display: block;
}
.DN_TopHead_phone .box1 .btns.login .acc i {
margin-left: 5px;
}
.DN_TopHead_phone .box1 .btns .btn > a {
background: #5b7882;
padding: 5px 0;
color: #d8e1e2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 20vw;
font-size: 14px;
border-radius: 3px;
width: 140px;
}
.DN_TopHead_phone .box1 .btns .acc .xlbox {
display: none;
position: absolute;
background: #5b7882;
padding: 5px 5px;
right: 0;
width: 100%;
}
.DN_TopHead_phone .box1 .btns .acc .xlbox a {
display: block;
color: #d8e1e2;
text-align: center;
font-size: 12px;
}
.DN_TopHead_phone .box1 .btns .acc .xlbox a + a {
border-top: 1px solid #8a9ea5;
}
.DN_TopHead_phone .box2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.DN_TopHead_phone .box2 .headsearch_phone {
width: 520px;
max-width: 68vw;
height: 40px;
border-radius: 20px;
max-height: 60px;
background: #778a91;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.DN_TopHead_phone .box2 .headsearch_phone .getinputbox {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
}
.DN_TopHead_phone .box2 .headsearch_phone .getinputbox input {
background: none;
max-width: 100%;
}
.DN_TopHead_phone .box2 .headsearch_phone .getinputbox .selectbox {
position: relative;
width: 145px;
padding-left: 20px;
max-width: 20vw;
height: 100%;
}
.DN_TopHead_phone .box2 .headsearch_phone .getinputbox .selectbox .txtbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-right: 5px;
position: relative;
height: 100%;
}
.DN_TopHead_phone .box2 .headsearch_phone .getinputbox .selectbox .txtbox input {
text-align: center;
line-height: 100%;
color: #c4d2d7;
font-size: 12px;
}
.DN_TopHead_phone .box2 .headsearch_phone .getinputbox .selectbox .txtbox i {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
color: #c4d2d7;
font-size: 12px;
}
.DN_TopHead_phone .box2 .headsearch_phone .getinputbox .selectbox .xlbox {
display: none;
background: #778a91;
padding: 5px 5px;
left: 0px;
width: 100%;
position: absolute;
}
.DN_TopHead_phone .box2 .headsearch_phone .getinputbox .selectbox .xlbox a {
display: block;
color: #d8e1e2;
text-align: center;
font-size: 12px;
}
.DN_TopHead_phone .box2 .headsearch_phone .getinputbox .selectbox .xlbox a + a {
border-top: 1px solid #8a9ea5;
}
.DN_TopHead_phone .box2 .headsearch_phone .getinputbox .inputbox {
-webkit-box-flex: 2;
-ms-flex: 2 2 auto;
flex: 2 2 auto;
height: 100%;
padding: 0 20px 0 20px;
}
.DN_TopHead_phone .box2 .headsearch_phone .getinputbox .inputbox input {
width: 100%;
line-height: 100%;
height: 100%;
color: #c4d2d7;
}
.DN_TopHead_phone .box2 .headsearch_phone .getinputbox .inputbox input::-webkit-input-placeholder {
/* WebKit browsers */
color: #c4d2d7;
}
.DN_TopHead_phone .box2 .headsearch_phone .getinputbox .inputbox input:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #c4d2d7;
}
.DN_TopHead_phone .box2 .headsearch_phone .getinputbox .inputbox input::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #c4d2d7;
}
.DN_TopHead_phone .box2 .headsearch_phone .getinputbox .inputbox input:-ms-input-placeholder {
/* Internet Explorer 10+ */
color: #c4d2d7;
}
.DN_TopHead_phone .box2 .headsearch_phone .search_btn {
-webkit-box-flex: 0;
-ms-flex: 0 2 auto;
flex: 0 2 auto;
width: 55px;
height: 100%;
background: url(https://www.dearlives.com/pub/media/images/d_headsearch.png) center no-repeat;
background-size: 18px;
}
.DN_TopHead_phone .box2 .otherbtns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.DN_TopHead_phone .box2 .otherbtns .shopcar {
position: relative;
width: 6.66vw;
max-width: 43px;
}
.DN_TopHead_phone .box2 .otherbtns .shopcar .num {
position: absolute;
border-radius: 50%;
background: #eb7839;
color: #fff;
width: 18px;
height: 18px;
line-height: 18px;
text-align: center;
font-size: 12px;
top: -7px;
right: -7px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.DN_TopHead_phone .box2 .otherbtns .mainnav_btn_phone {
cursor: pointer;
margin-left: 15px;
position: relative;
width: 6.5vw;
max-width: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.DN_TopHead_phone .DN_TopHead_phone_MainNavPop {
display: none;
position: fixed;
z-index: 99;
top: 0;
width: 100vw;
height: 100vh;
left: 0;
}
.DN_TopHead_phone .DN_TopHead_phone_MainNavPop .shadow {
position: absolute;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.4);
}
.DN_TopHead_phone .DN_TopHead_phone_MainNavPop .DN_MainNav_phone {
width: 75vw;
height: 65vh;
overflow-y: auto;
position: absolute;
top: 0;
left: 0;
max-width: 570px;
background: #f5f5f5;
/*padding:80px 0 0 50px;*/
padding: 60px 0 0 30px;
}
.DN_TopHead_phone .DN_TopHead_phone_MainNavPop .DN_MainNav_phone .close {
background: url(https://www.dearlives.com/pub/media/images/mainnav_phone_close.png) center no-repeat;
background-size: 100%;
width: 20px;
height: 20px;
position: absolute;
right: 25px;
top: 30px;
opacity: 0.6;
}
.DN_TopHead_phone .DN_TopHead_phone_MainNavPop .DN_MainNav_phone .pnav_contbox li {
border-bottom: 1px solid #cccccc;
}
.DN_TopHead_phone .DN_TopHead_phone_MainNavPop .DN_MainNav_phone .pnav_contbox li .u1 {
padding: 20px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.DN_TopHead_phone .DN_TopHead_phone_MainNavPop .DN_MainNav_phone .pnav_contbox li .u1 a {
font-size: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: bold;
color: #6d7b81;
}
.DN_TopHead_phone .DN_TopHead_phone_MainNavPop .DN_MainNav_phone .pnav_contbox li .u1 img {
width: 28px;
margin-right: 10px;
}
.DN_TopHead_phone .DN_TopHead_phone_MainNavPop .DN_MainNav_phone .pnav_contbox li .u1 .jt {
width: 22px;
height: 22px;
padding: 15px;
background: url(https://www.dearlives.com/pub/media/images/mainnav_phone_jt1.png) center no-repeat;
display: block;
-webkit-box-sizing: content-box !important;
box-sizing: content-box !important;
}
.DN_TopHead_phone .DN_TopHead_phone_MainNavPop .DN_MainNav_phone .pnav_contbox li .u1 .jt.on {
background: url(https://www.dearlives.com/pub/media/images/mainnav_phone_jt2.png) center no-repeat;
}
.DN_TopHead_phone .DN_TopHead_phone_MainNavPop .DN_MainNav_phone .pnav_contbox li .u2 {
display: none;
padding-left: 40px;
}
.DN_TopHead_phone .DN_TopHead_phone_MainNavPop .DN_MainNav_phone .pnav_contbox li .u2 a {
display: block;
font-size: 17px;
color: #6d7b81;
margin-bottom: 15px;
}
.DN_Banner img.img1 {
display: none;
}
.DN_Banner img.img2 {
display: block;
width: 100%;
}
.DN_Banner .swiper-pagination {
bottom: 10px;
height: 20px;
padding: 0 8px;
}
.DN_Banner .swiper-pagination .swiper-pagination-bullet {
width: 10px;
height: 10px;
}
.DN_Banner .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
margin-left: 6px;
}
.DN_indexMainCont .DN_indexMainCont_item .SecName2 {
margin-bottom: 15px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.DN_indexMainCont .DN_indexMainCont_item .SecName2 .tip {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: bold;
font-size: 18px;
color: #42565d;
}
.DN_indexMainCont .DN_indexMainCont_item .SecName2 .tip img {
margin-right: 8px;
width: 25px;
}
.DN_indexMainCont .DN_indexMainCont_item .SecName2 .more {
font-size: 13px;
color: #71797c;
padding-right: 15px;
background: url(https://www.dearlives.com/pub/media/images/phone_indexsec_more.jpg) right center no-repeat;
background-size: 10px 10px;
}
.DN_indexMainCont .DN_indexMainCont_item {
margin-top: 35px;
}
.DN_indexMainCont .DN_indexContSec_editor .DN_indexEditorbox .imgbox1 {
display: none;
}
.DN_indexMainCont .DN_indexContSec_editor .DN_indexEditorbox .imgbox2 {
width: 100%;
}
.DN_indexMainCont .DN_indexContSec_editor .DN_indexEditorbox .imgbox2 .imgitem img {
width: 100%;
}
.DN_indexMainCont .DN_indexContSec_editor .DN_indexEditorbox .imgbox2 .imgitem:nth-child(n+5) {
display: none;
}
.DN_indexMainCont .DN_indexContSec_editor .DN_indexEditorbox .imgbox2 .imgitem {
width: 49%;
padding: 0;
margin-bottom: 10px;
}
.DN_indexMainCont .DN_indexContSec_editor .DN_indexEditorbox .imgbox_item .imgitem .textbox {
font-size: 13px;
line-height: 15px;
padding: 5px;
height: auto;
}
.DN_indexMainCont .DN_indexContSec_editor .DN_indexEditorbox .imgbox2 .imgitem:nth-child(n+3) {
margin-bottom: 0px;
}
.DN_indexMainCont .DN_indexContSec_video .DN_indexVideobox .videobox2 .videoitem:nth-child(n+3) {
display: none;
width: 100%;
}
.DN_indexMainCont .DN_indexContSec_video .DN_indexVideobox .videobox2 .videoitem {
width: 100%;
}
.DN_indexMainCont .DN_indexContSec_video .DN_indexVideobox .videobox2 {
width: 33.5%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 10px;
}
.DN_indexMainCont .DN_indexContSec_video .DN_indexVideobox .videobox2 .videoitem img {
width: 100%;
}
.DN_indexMainCont .DN_indexContSec_video .DN_indexVideobox .videobox1 {
width: 66%;
}
.DN_indexMainCont .DN_indexContSec_video .DN_indexVideobox .videobox1 .video .shadow .play {
width: 40px;
height: 40px;
}
.DN_indexMainCont .DN_indexContSec_video .DN_indexVideobox {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.DN_indexMainCont .DN_indexContSec_video .DN_indexVideobox .videobox2 .video .shadow .play {
width: 30px;
height: 30px;
}
.DN_indexMainCont .DN_indexContSec_video .DN_indexVideobox .videobox_item .textbox a {
font-size: 14px;
text-align: center;
}
.DN_mediabox_pop .popcont {
max-width: 100%;
height: auto;
}
.DN_mediabox_pop.show .popcont .contbox video {
height: auto;
}
.DN_mediabox_pop .popcont .contbox {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.DN_mediabox_pop .popcont .close {
top: 20px;
right: 20px;
left: auto;
}
.DN_indexMainCont .DN_indexContSec_sale .DN_indexSalebox .list {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.DN_indexMainCont .DN_indexContSec_sale .DN_indexSalebox .list li {
max-width: none;
}
.DN_indexMainCont .DN_indexContSec_sale .swiper-pagination {
width: 100%;
position: static;
}
.DN_indexMainCont .DN_indexContSec_sale .swiper-pagination .swiper-pagination-bullet {
margin: 0 3px;
background: #42565d;
}
.DN_indexMainCont .DN_indexContSec_sale .DN_indexSalebox .list li .textbox p {
font-size: 14px;
line-height: 17px;
}
.DN_indexMainCont .DN_indexContSec_sale .DN_indexSalebox .list li .hot {
background: url(https://www.dearlives.com/pub/media/images/d_index_hot.png) center top no-repeat;
background-size: 90%;
}
.DN_indexMainCont .DN_indexContSec_sale .DN_indexSalebox .list li .textbox {
height: 60px;
}
.DN_indexMainCont .DN_indexContSec_activity .swiper-pagination {
/*display: none;*/
border: none;
padding: 0;
position: static;
height: auto;
}
.DN_indexMainCont .DN_indexContSec_activity .btn {
display: none;
}
.DN_indexMainCont .DN_indexContSec_activity .swiper-pagination .swiper-pagination-bullet {
margin: 0 3px;
background: #42565d;
}
.DN_indexMainCont .DN_indexContSec_activity .activelist .item .infobox {
height: auto;
padding: 5px 8px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
/*justify-content: center;*/
}
.DN_indexMainCont .DN_indexContSec_activity .activelist .item .infobox .titlebox {
width: 100%;
/*text-align: center;*/
}
.DN_indexMainCont .DN_indexContSec_activity .activelist .item .infobox .titlebox a {
font-size: 18px;
line-height: 20px;
}
.DN_indexMainCont .DN_indexContSec_activity .activelist .item .infobox .more {
font-size: 13px;
margin-top: 8px;
}
.DN_Bottom {
margin-top: 30px;
}
.DN_Bottom .DN_bottomsec2 .w1775contbox {
padding: 30px 0 20px;
}
.DN_Bottom .DN_bottomsec1 .bottom_sjlist {
padding: 15px 0;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.DN_Bottom .DN_bottomsec1 .bottom_sjlist li + li {
margin: 0;
}
.DN_Bottom .DN_bottomsec1 .bottom_sjlist li {
width: 15%;
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.DN_Bottom .DN_bottomsec1 .bottom_sjlist li img {
width: 30px;
}
.DN_Bottom .DN_bottomsec2 .btm_about {
width: 100%;
border-bottom: 1px solid #8a9ea5;
margin-bottom: 20px;
float: none;
}
.DN_Bottom .DN_bottomsec2 .foonav {
margin-left: 0;
float: none;
}
.DN_Bottom .DN_bottomsec2 .foonav li {
width: 100%;
float: none;
}
.DN_Bottom .DN_bottomsec2 .foonav li dt {
position: relative;
}
.DN_Bottom .DN_bottomsec2 .foonav li dt .jt {
display: block;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
width: 40px;
height: 20px;
background: url(https://www.dearlives.com/pub/media/images/d_shopindex_left_jt.png) center center no-repeat;
}
.DN_Bottom .DN_bottomsec2 .foonav li .s {
display: none;
}
.DN_Bottom .DN_bottomsec2 .foonav dt > a {
margin-bottom: 15px;
}
.DN_Bottom .DN_bottomsec3 .Subscribe {
float: none;
}
.DN_Bottom .DN_bottomsec3 .other {
float: none;
}
.DN_Bottom .DN_bottomsec3 .Subscribe .tip {
margin-bottom: 15px;
}
.DN_Bottom .DN_bottomsec3 .payment {
display: none;
}
.DN_Bottom .DN_bottomsec3 .copyright {
text-align: left;
font-size: 12px;
margin-top: 20px;
}
.DN_Bottom .DN_bottomsec3 .subscribe_input input[type="text"] {
width: 400px;
}
.DN_ShopIndex_Content > .w1775contbox {
width: 100%;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox {
width: 97.33%;
margin: 0 auto;
}
.DN_ShopIndex_rightCont {
width: 100% !important;
overflow: hidden;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Banner img.img1 {
display: none;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Banner img.img2 {
display: block;
width: 100%;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Banner .swiper-pagination {
bottom: 10px;
height: 20px;
padding: 0 8px;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Banner .swiper-pagination .swiper-pagination-bullet {
width: 10px;
height: 10px;
}
.DN_ShopIndex_PhoneNav {
background: #fff;
position: relative;
z-index: 18;
}
.DN_ShopIndex_PhoneNav .swiper-container {
overflow: inherit;
padding-top: 20px;
}
.DN_ShopIndex_PhoneNav .sd2 {
display: none;
}
.DN_ShopIndex_PhoneNav .swiper-slide {
position: static;
width: auto;
}
.DN_ShopIndex_PhoneNav .swiper-slide .d1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 40px;
padding: 0 10px;
background: url(https://www.dearlives.com/pub/media/images/line.jpg) right center no-repeat;
}
.DN_ShopIndex_PhoneNav .swiper-slide .d1 img {
margin-right: 8px;
}
.DN_ShopIndex_PhoneNav .swiper-slide .d1 > a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 40px;
margin-right: 10px;
}
.DN_ShopIndex_PhoneNav .swiper-slide .d1 .jt {
display: block;
width: 13px;
height: 7px;
background: url(https://www.dearlives.com/pub/media/images/d_shopindex_left_jt2.png) center no-repeat;
}
.DN_ShopIndex_PhoneNav .swiper-slide.on .d1 > a {
color: #3180a5;
border-bottom: 2px solid #3180a5;
}
.DN_ShopIndex_PhoneNav .sd2 {
left: 0;
padding: 20px;
min-height: 180px;
position: absolute;
width: 100vw;
background: rgba(0, 0, 0, 0.7);
z-index: 18;
}
.DN_ShopIndex_PhoneNav .sd2 a {
color: #dfe5e7;
font-size: 15px;
}
.DN_ShopIndex_PhoneNav .sd2 dd {
float: left;
margin: 5px 6px;
}
.DN_ShopIndex_PhoneNav .sd2 dl {
overflow: hidden;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_ContSec {
padding-top: 0px;
margin-bottom: 0px;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_ContSec .DN_ShopIndex_SecTitle .txt {
background: none;
font-size: 20px;
padding-bottom: 0px;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox1 .list li {
width: 24.5%;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox1 .list li .title {
font-size: 14px;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox2 .imgboxwarp .s_imgboxtop .title,
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox2 .imgboxwarp .imgbox1 .title {
height: 60px;
font-size: 18px;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox2 .imgboxwarp .imgbox_r .title,
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox2 .imgboxwarp .imgbox_l .title {
height: 40px;
font-size: 15px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .swiper-pagination {
width: 100%;
position: static;
border: none;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .swiper-pagination {
width: 100%;
position: static;
border: none;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .swiper-pagination .swiper-pagination-bullet {
margin: 0 5px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .swiper-pagination .swiper-pagination-bullet {
margin: 0 5px;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_ContSec + .DN_ShopIndex_ContSec {
border-top: none;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .DN_ShopIndex_shoplist_s3 .item .infobox .Buyinfo .Buybut {
width: 70px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .DN_ShopIndex_shoplist_s3 .item .infobox .Buyinfo .Buybut span {
display: none;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .DN_ShopIndex_shoplist_s4 .item .infobox .Buyinfo .Buybut {
width: 70px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .DN_ShopIndex_shoplist_s4 .item .infobox .Buyinfo .Buybut span {
display: none;
}
.DN_ShopIndex_PhoneNav .tipname {
margin: 10px 0;
}
.DN_ShopIndex_PhoneNav .tipname p {
display: inline-block;
color: #6d7b81;
font-size: 20px;
padding-right: 30px;
background: url(https://www.dearlives.com/pub/media/images/shop_phonejt2.png) right center no-repeat;
background-size: 13px !important;
font-weight: bold;
}
.DN_ShopIndex_PhoneNav .tipname.on p {
background: url(https://www.dearlives.com/pub/media/images/shop_phonejt.png) right center no-repeat;
}
.DN_ShopIndex_PhoneNav .box {
border-top: 1px solid #e6e6e6;
padding-top: 15px;
display: none;
}
.DN_ShopIndex_PhoneNav .box .itembox .d1 {
overflow: hidden;
margin-bottom: 15px;
}
.DN_ShopIndex_PhoneNav .box .itembox .d1 a {
color: #8d9aa0;
font-size: 18px;
font-weight: bold;
float: left;
}
.DN_ShopIndex_PhoneNav .box .itembox .d1 img {
margin-right: 8px;
}
.DN_ShopIndex_PhoneNav .box .itembox .d1 .jt {
float: right;
display: block;
width: 12px;
height: 12px;
background: url(https://www.dearlives.com/pub/media/images/shop_phonejt3.jpg) center no-repeat;
background-size: 100% !important;
}
.DN_ShopIndex_PhoneNav .box .itembox .d1 .jt.on {
background: url(https://www.dearlives.com/pub/media/images/shop_phonejt4.jpg) center no-repeat;
}
.DN_ShopIndex_PhoneNav .box .itembox .slidenav_box {
display: none;
}
.DN_ShopIndex_PhoneNav .box .itembox .slidenav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 15px;
}
.DN_ShopIndex_PhoneNav .box .itembox .slidenav dl {
width: 25%;
margin-bottom: 15px;
}
.DN_ShopIndex_PhoneNav .box .itembox .slidenav dl dt {
margin-bottom: 8px;
}
.DN_ShopIndex_PhoneNav .box .itembox .slidenav dl dt a {
color: #eb7839;
font-size: 14px;
line-height: 16px;
display: block;
}
.DN_ShopIndex_PhoneNav .box .itembox .slidenav dl dd a {
color: #808080;
font-size: 12px;
margin-top: 3px;
display: block;
}
#mobile_minicart .minicart-wrapper .action.showcart::before {
font-size: 65px;
line-height: 38px;
color: #5b7882;
height: 40px;
}
#mobile_minicart .minicart-wrapper .action.showcart .counter.qty {
background: #eb7839;
width: 20px;
height: 20px;
line-height: 20px;
border-radius: 10px;
font-size: 12px;
position: absolute;
left: 45px;
top: -5px;
}
#mobile_search {
width: 480px;
max-width: 68vw;
height: 40px;
border-radius: 20px;
max-height: 60px;
background: #778a91;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #778a91 url(https://www.dearlives.com/pub/media/images/d_headsearch.png) right no-repeat;
background-size: 18px;
background-position: 445px 12px;
}
#mobile_search #search_mini_form .DN_Search_selectbox .fa-angle-down::before {
content: "\f107";
}
#mobile_search #search,
#mobile_search #search_mini_form .DN_Search_selectbox input {
background: none;
color: #c4d2d7;
}
#mobile_search #search_mini_form .DN_Search_selectbox .inputbox {
width: 80px;
}
#mobile_search #search_mini_form .DN_Search_selectbox input {
width: 60px;
}
#mobile_search #search {
text-indent: 100px;
width: 400px;
}
#mobile_search #search_mini_form .DN_Search_selectbox {
position: relative;
bottom: 0;
left: 20px;
color: #c4d2d7;
top: 24px;
width: 80px;
}
#mobile_search #search_mini_form .DN_Search_selectbox .xlbox {
display: none;
background: #778a91;
padding: 5px 5px;
position: absolute;
width: 80px;
line-height: 20px;
left: -15px;
}
#mobile_search #search_mini_form .DN_Search_selectbox .xlbox a {
display: block;
color: #d8e1e2;
text-align: center;
font-size: 12px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.DN_pc {
display: none;
}
.DN_phone {
display: block;
}
.w9733 {
width: 97.33%;
margin: 0 auto;
}
.w9333 {
width: 93.33%;
margin: 0 auto;
}
.DN_w1775 {
width: 97.33%;
margin: 0 auto;
}
.DN_TopHead_phone {
padding: 15px 0;
background: #8a9ea5;
position: relative;
z-index: 19;
}
.DN_TopHead_phone .box1 .logo {
max-width: 20vw;
display: block;
margin: 0;
}
.DN_TopHead_phone .box1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 10px;
}
.DN_TopHead_phone .box1 .btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.DN_TopHead_phone .box1 .btns .sign {
display: block;
margin-left: 10px;
}
.DN_TopHead_phone .box1 .btns.login .sign {
display: none;
}
.DN_TopHead_phone .box1 .btns .acc {
display: none;
margin-left: 10px;
position: relative;
}
.DN_TopHead_phone .box1 .btns.login .acc {
display: block;
}
.DN_TopHead_phone .box1 .btns.login .acc i {
margin-left: 5px;
}
.DN_TopHead_phone .box1 .btns .btn > a {
background: #5b7882;
padding: 5px 0;
color: #d8e1e2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 20vw;
font-size: 14px;
border-radius: 3px;
width: 140px;
}
.DN_TopHead_phone .box1 .btns .acc .xlbox {
display: none;
position: absolute;
background: #5b7882;
padding: 5px 5px;
right: 0;
width: 100%;
}
.DN_TopHead_phone .box1 .btns .acc .xlbox a {
display: block;
color: #d8e1e2;
text-align: center;
font-size: 12px;
}
.DN_TopHead_phone .box1 .btns .acc .xlbox a + a {
border-top: 1px solid #8a9ea5;
}
.DN_TopHead_phone .box2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.DN_TopHead_phone .box2 .headsearch_phone {
width: 520px;
max-width: 68vw;
height: 40px;
border-radius: 20px;
max-height: 60px;
background: #778a91;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.DN_TopHead_phone .box2 .headsearch_phone .getinputbox {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
}
.DN_TopHead_phone .box2 .headsearch_phone .getinputbox input {
background: none;
max-width: 100%;
}
.DN_TopHead_phone .box2 .headsearch_phone .getinputbox .selectbox {
position: relative;
width: 145px;
padding-left: 20px;
max-width: 20vw;
height: 100%;
}
.DN_TopHead_phone .box2 .headsearch_phone .getinputbox .selectbox .txtbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-right: 5px;
position: relative;
height: 100%;
}
.DN_TopHead_phone .box2 .headsearch_phone .getinputbox .selectbox .txtbox input {
text-align: center;
line-height: 100%;
color: #c4d2d7;
font-size: 12px;
}
.DN_TopHead_phone .box2 .headsearch_phone .getinputbox .selectbox .txtbox i {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
color: #c4d2d7;
font-size: 12px;
}
.DN_TopHead_phone .box2 .headsearch_phone .getinputbox .selectbox .xlbox {
display: none;
background: #778a91;
padding: 5px 5px;
left: 0px;
width: 100%;
position: absolute;
}
.DN_TopHead_phone .box2 .headsearch_phone .getinputbox .selectbox .xlbox a {
display: block;
color: #d8e1e2;
text-align: center;
font-size: 12px;
}
.DN_TopHead_phone .box2 .headsearch_phone .getinputbox .selectbox .xlbox a + a {
border-top: 1px solid #8a9ea5;
}
.DN_TopHead_phone .box2 .headsearch_phone .getinputbox .inputbox {
-webkit-box-flex: 2;
-ms-flex: 2 2 auto;
flex: 2 2 auto;
height: 100%;
padding: 0 20px 0 20px;
}
.DN_TopHead_phone .box2 .headsearch_phone .getinputbox .inputbox input {
width: 100%;
line-height: 100%;
height: 100%;
color: #c4d2d7;
}
.DN_TopHead_phone .box2 .headsearch_phone .getinputbox .inputbox input::-webkit-input-placeholder {
/* WebKit browsers */
color: #c4d2d7;
}
.DN_TopHead_phone .box2 .headsearch_phone .getinputbox .inputbox input:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #c4d2d7;
}
.DN_TopHead_phone .box2 .headsearch_phone .getinputbox .inputbox input::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #c4d2d7;
}
.DN_TopHead_phone .box2 .headsearch_phone .getinputbox .inputbox input:-ms-input-placeholder {
/* Internet Explorer 10+ */
color: #c4d2d7;
}
.DN_TopHead_phone .box2 .headsearch_phone .search_btn {
-webkit-box-flex: 0;
-ms-flex: 0 2 auto;
flex: 0 2 auto;
width: 55px;
height: 100%;
background: url(https://www.dearlives.com/pub/media/images/d_headsearch.png) center no-repeat;
background-size: 18px;
}
.DN_TopHead_phone .box2 .otherbtns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.DN_TopHead_phone .box2 .otherbtns .shopcar {
position: relative;
width: 6.66vw;
max-width: 43px;
}
.DN_TopHead_phone .box2 .otherbtns .shopcar .num {
position: absolute;
border-radius: 50%;
background: #eb7839;
color: #fff;
width: 18px;
height: 18px;
line-height: 18px;
text-align: center;
font-size: 12px;
top: -7px;
right: -7px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.DN_TopHead_phone .box2 .otherbtns .mainnav_btn_phone {
cursor: pointer;
margin-left: 15px;
position: relative;
width: 6.5vw;
max-width: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.DN_TopHead_phone .DN_TopHead_phone_MainNavPop {
display: none;
position: fixed;
z-index: 99;
top: 0;
width: 100vw;
height: 100vh;
left: 0;
}
.DN_TopHead_phone .DN_TopHead_phone_MainNavPop .shadow {
position: absolute;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.4);
}
.DN_TopHead_phone .DN_TopHead_phone_MainNavPop .DN_MainNav_phone {
width: 75vw;
height: 65vh;
overflow-y: auto;
position: absolute;
top: 0;
left: 0;
max-width: 570px;
background: #f5f5f5;
/*padding:80px 0 0 50px;*/
padding: 60px 0 0 30px;
}
.DN_TopHead_phone .DN_TopHead_phone_MainNavPop .DN_MainNav_phone .close {
background: url(https://www.dearlives.com/pub/media/images/mainnav_phone_close.png) center no-repeat;
background-size: 100%;
width: 20px;
height: 20px;
position: absolute;
right: 25px;
top: 30px;
}
.DN_TopHead_phone .DN_TopHead_phone_MainNavPop .DN_MainNav_phone .pnav_contbox li {
border-bottom: 1px solid #cccccc;
}
.DN_TopHead_phone .DN_TopHead_phone_MainNavPop .DN_MainNav_phone .pnav_contbox li .u1 {
padding: 20px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.DN_TopHead_phone .DN_TopHead_phone_MainNavPop .DN_MainNav_phone .pnav_contbox li .u1 a {
font-size: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: bold;
color: #6d7b81;
}
.DN_TopHead_phone .DN_TopHead_phone_MainNavPop .DN_MainNav_phone .pnav_contbox li .u1 img {
width: 28px;
margin-right: 10px;
}
.DN_TopHead_phone .DN_TopHead_phone_MainNavPop .DN_MainNav_phone .pnav_contbox li .u1 .jt {
width: 22px;
height: 22px;
padding: 15px;
background: url(https://www.dearlives.com/pub/media/images/mainnav_phone_jt1.png) center no-repeat;
display: block;
-webkit-box-sizing: content-box !important;
box-sizing: content-box !important;
}
.DN_TopHead_phone .DN_TopHead_phone_MainNavPop .DN_MainNav_phone .pnav_contbox li .u1 .jt.on {
background: url(https://www.dearlives.com/pub/media/images/mainnav_phone_jt2.png) center no-repeat;
}
.DN_TopHead_phone .DN_TopHead_phone_MainNavPop .DN_MainNav_phone .pnav_contbox li .u2 {
display: none;
padding-left: 40px;
}
.DN_TopHead_phone .DN_TopHead_phone_MainNavPop .DN_MainNav_phone .pnav_contbox li .u2 a {
display: block;
font-size: 17px;
color: #6d7b81;
margin-bottom: 15px;
}
.DN_Banner img.img1 {
display: block;
}
.DN_Banner img.img2 {
display: none;
}
.DN_Banner .swiper-pagination {
bottom: 10px;
height: 20px;
padding: 0 8px;
}
.DN_Banner .swiper-pagination .swiper-pagination-bullet {
width: 10px;
height: 10px;
}
.DN_Banner .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
margin-left: 6px;
}
.DN_indexMainCont .DN_indexMainCont_item .SecName2 {
margin-bottom: 15px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.DN_indexMainCont .DN_indexMainCont_item .SecName2 .tip {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: bold;
font-size: 18px;
color: #42565d;
}
.DN_indexMainCont .DN_indexMainCont_item .SecName2 .tip img {
margin-right: 8px;
width: 25px;
}
.DN_indexMainCont .DN_indexMainCont_item .SecName2 .more {
font-size: 13px;
color: #71797c;
padding-right: 15px;
background: url(https://www.dearlives.com/pub/media/images/phone_indexsec_more.jpg) right center no-repeat;
background-size: 10px 10px;
}
.DN_indexMainCont .DN_indexMainCont_item {
margin-top: 35px;
}
.DN_indexMainCont .DN_indexContSec_editor .DN_indexEditorbox .imgbox1 {
display: none;
}
.DN_indexMainCont .DN_indexContSec_editor .DN_indexEditorbox .imgbox2 {
width: 100%;
}
.DN_indexMainCont .DN_indexContSec_editor .DN_indexEditorbox .imgbox2 .imgitem img {
width: 100%;
}
/*.DN_indexMainCont .DN_indexContSec_editor .DN_indexEditorbox .imgbox2 .imgitem:nth-child(n+5){display: none;}*/
.DN_indexMainCont .DN_indexContSec_editor .DN_indexEditorbox .imgbox2 .imgitem {
width: 33%;
padding: 0;
margin-bottom: 10px;
}
.DN_indexMainCont .DN_indexContSec_editor .DN_indexEditorbox .imgbox_item .imgitem .textbox {
font-size: 13px;
line-height: 15px;
padding: 5px;
height: auto;
}
.DN_indexMainCont .DN_indexContSec_editor .DN_indexEditorbox .imgbox2 .imgitem:nth-child(n+3) {
margin-bottom: 0px;
}
.DN_indexMainCont .DN_indexContSec_video .DN_indexVideobox .videobox1 .video .shadow .play {
width: 40px;
height: 40px;
}
.DN_indexMainCont .DN_indexContSec_video .DN_indexVideobox {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.DN_indexMainCont .DN_indexContSec_video .DN_indexVideobox .videobox2 .video .shadow .play {
width: 30px;
height: 30px;
}
.DN_indexMainCont .DN_indexContSec_video .DN_indexVideobox .videobox_item .textbox a {
font-size: 14px;
}
.DN_mediabox_pop .popcont {
max-width: 100%;
height: auto;
}
.DN_mediabox_pop.show .popcont .contbox video {
height: auto;
}
.DN_mediabox_pop .popcont .contbox {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.DN_mediabox_pop .popcont .close {
top: 20px;
right: 20px;
left: auto;
}
.DN_indexMainCont .DN_indexContSec_sale .DN_indexSalebox .list {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.DN_indexMainCont .DN_indexContSec_sale .DN_indexSalebox .list li {
max-width: none;
}
.DN_indexMainCont .DN_indexContSec_sale .swiper-pagination {
width: 100%;
position: static;
}
.DN_indexMainCont .DN_indexContSec_sale .swiper-pagination .swiper-pagination-bullet {
margin: 0 3px;
background: #42565d;
}
.DN_indexMainCont .DN_indexContSec_sale .DN_indexSalebox .list li .textbox p {
font-size: 14px;
line-height: 17px;
}
.DN_indexMainCont .DN_indexContSec_sale .DN_indexSalebox .list li .hot {
background: url(https://www.dearlives.com/pub/media/images/d_index_hot.png) center top no-repeat;
background-size: 90%;
}
.DN_indexMainCont .DN_indexContSec_sale .DN_indexSalebox .list li .textbox {
height: 60px;
}
.DN_indexMainCont .DN_indexContSec_activity .swiper-pagination {
/*display: none;*/
border: none;
padding: 0;
position: static;
height: auto;
}
.DN_indexMainCont .DN_indexContSec_activity .btn {
display: none;
}
.DN_indexMainCont .DN_indexContSec_activity .swiper-pagination .swiper-pagination-bullet {
margin: 0 3px;
background: #42565d;
}
.DN_indexMainCont .DN_indexContSec_activity .activelist .item .infobox {
height: auto;
padding: 5px 8px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
/*justify-content: center;*/
}
.DN_indexMainCont .DN_indexContSec_activity .activelist .item .infobox .titlebox {
width: 100%;
/*text-align: center;*/
}
.DN_indexMainCont .DN_indexContSec_activity .activelist .item .infobox .titlebox a {
font-size: 18px;
line-height: 20px;
}
.DN_indexMainCont .DN_indexContSec_activity .activelist .item .infobox .more {
font-size: 13px;
margin-top: 8px;
}
.DN_Bottom {
margin-top: 30px;
}
.DN_Bottom .DN_bottomsec2 .w1775contbox {
padding: 30px 0 20px;
}
.DN_Bottom .DN_bottomsec1 .bottom_sjlist {
padding: 15px 0;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.DN_Bottom .DN_bottomsec1 .bottom_sjlist li + li {
margin: 0;
}
.DN_Bottom .DN_bottomsec1 .bottom_sjlist li {
width: 15%;
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.DN_Bottom .DN_bottomsec1 .bottom_sjlist li img {
width: 30px;
}
.DN_Bottom .DN_bottomsec2 .btm_about {
width: 100%;
border-bottom: 1px solid #8a9ea5;
margin-bottom: 20px;
float: none;
}
.DN_Bottom .DN_bottomsec2 .foonav {
margin-left: 0;
float: none;
}
.DN_Bottom .DN_bottomsec2 .foonav li {
width: 100%;
float: none;
}
.DN_Bottom .DN_bottomsec2 .foonav li dt {
position: relative;
}
.DN_Bottom .DN_bottomsec2 .foonav li dt .jt {
display: block;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
width: 40px;
height: 20px;
background: url(https://www.dearlives.com/pub/media/images/d_shopindex_left_jt.png) center center no-repeat;
}
.DN_Bottom .DN_bottomsec2 .foonav li .s {
display: none;
}
.DN_Bottom .DN_bottomsec2 .foonav dt > a {
margin-bottom: 15px;
}
.DN_Bottom .DN_bottomsec3 .Subscribe {
float: none;
}
.DN_Bottom .DN_bottomsec3 .other {
float: none;
}
.DN_Bottom .DN_bottomsec3 .Subscribe .tip {
margin-bottom: 15px;
}
.DN_Bottom .DN_bottomsec3 .payment {
display: none;
}
.DN_Bottom .DN_bottomsec3 .copyright {
text-align: left;
font-size: 12px;
margin-top: 20px;
}
.DN_Bottom .DN_bottomsec3 .subscribe_input input[type="text"] {
width: 450px;
}
.DN_ShopIndex_Content > .w1775contbox {
width: 100%;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox {
width: 97.33%;
margin: 0 auto;
}
.DN_ShopIndex_rightCont {
width: 100% !important;
overflow: hidden;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Banner img.img1 {
display: none;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Banner img.img2 {
display: block;
width: 100%;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Banner .swiper-pagination {
bottom: 10px;
height: 20px;
padding: 0 8px;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Banner .swiper-pagination .swiper-pagination-bullet {
width: 10px;
height: 10px;
}
.DN_ShopIndex_PhoneNav {
background: #fff;
position: relative;
z-index: 18;
}
.DN_ShopIndex_PhoneNav .swiper-container {
overflow: inherit;
padding-top: 20px;
}
.DN_ShopIndex_PhoneNav .sd2 {
display: none;
}
.DN_ShopIndex_PhoneNav .swiper-slide {
position: static;
width: auto;
}
.DN_ShopIndex_PhoneNav .swiper-slide .d1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 40px;
padding: 0 10px;
background: url(https://www.dearlives.com/pub/media/images/line.jpg) right center no-repeat;
}
.DN_ShopIndex_PhoneNav .swiper-slide .d1 img {
margin-right: 8px;
}
.DN_ShopIndex_PhoneNav .swiper-slide .d1 > a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 40px;
margin-right: 10px;
}
.DN_ShopIndex_PhoneNav .swiper-slide .d1 .jt {
display: block;
width: 13px;
height: 7px;
background: url(https://www.dearlives.com/pub/media/images/d_shopindex_left_jt2.png) center no-repeat;
}
.DN_ShopIndex_PhoneNav .swiper-slide.on .d1 > a {
color: #3180a5;
border-bottom: 2px solid #3180a5;
}
.DN_ShopIndex_PhoneNav .sd2 {
left: 0;
padding: 20px;
min-height: 180px;
position: absolute;
width: 100vw;
background: rgba(0, 0, 0, 0.7);
z-index: 18;
}
.DN_ShopIndex_PhoneNav .sd2 a {
color: #dfe5e7;
font-size: 15px;
}
.DN_ShopIndex_PhoneNav .sd2 dd {
float: left;
margin: 5px 6px;
}
.DN_ShopIndex_PhoneNav .sd2 dl {
overflow: hidden;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_ContSec {
padding-top: 0px;
margin-bottom: 0px;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_ContSec .DN_ShopIndex_SecTitle .txt {
background: none;
font-size: 20px;
padding-bottom: 0px;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox1 .list li {
width: 24.5%;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox1 .list li .title {
font-size: 14px;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox2 .imgboxwarp .s_imgboxtop .title,
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox2 .imgboxwarp .imgbox1 .title {
height: 60px;
font-size: 18px;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox2 .imgboxwarp .imgbox_r .title,
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox2 .imgboxwarp .imgbox_l .title {
height: 40px;
font-size: 15px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .swiper-pagination {
width: 100%;
position: static;
border: none;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .swiper-pagination {
width: 100%;
position: static;
border: none;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .swiper-pagination .swiper-pagination-bullet {
margin: 0 5px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .swiper-pagination .swiper-pagination-bullet {
margin: 0 5px;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_ContSec + .DN_ShopIndex_ContSec {
border-top: none;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .DN_ShopIndex_shoplist_s3 .item .infobox .Buyinfo .Buybut {
width: 70px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .DN_ShopIndex_shoplist_s3 .item .infobox .Buyinfo .Buybut span {
display: none;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .DN_ShopIndex_shoplist_s4 .item .infobox .Buyinfo .Buybut {
width: 70px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .DN_ShopIndex_shoplist_s4 .item .infobox .Buyinfo .Buybut span {
display: none;
}
.DN_ShopIndex_PhoneNav .tipname {
margin: 10px 0;
}
.DN_ShopIndex_PhoneNav .tipname p {
display: inline-block;
color: #6d7b81;
font-size: 20px;
padding-right: 30px;
background: url(https://www.dearlives.com/pub/media/images/shop_phonejt2.png) right center no-repeat;
background-size: 13px !important;
font-weight: bold;
}
.DN_ShopIndex_PhoneNav .tipname.on p {
background: url(https://www.dearlives.com/pub/media/images/shop_phonejt.png) right center no-repeat;
}
.DN_ShopIndex_PhoneNav .box {
border-top: 1px solid #e6e6e6;
padding-top: 15px;
display: none;
}
.DN_ShopIndex_PhoneNav .box .itembox .d1 {
overflow: hidden;
margin-bottom: 15px;
}
.DN_ShopIndex_PhoneNav .box .itembox .d1 a {
color: #8d9aa0;
font-size: 18px;
font-weight: bold;
float: left;
}
.DN_ShopIndex_PhoneNav .box .itembox .d1 img {
margin-right: 8px;
}
.DN_ShopIndex_PhoneNav .box .itembox .d1 .jt {
float: right;
display: block;
width: 12px;
height: 12px;
background: url(https://www.dearlives.com/pub/media/images/shop_phonejt3.jpg) center no-repeat;
background-size: 100% !important;
}
.DN_ShopIndex_PhoneNav .box .itembox .d1 .jt.on {
background: url(https://www.dearlives.com/pub/media/images/shop_phonejt4.jpg) center no-repeat;
}
.DN_ShopIndex_PhoneNav .box .itembox .slidenav_box {
display: none;
}
.DN_ShopIndex_PhoneNav .box .itembox .slidenav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 15px;
}
.DN_ShopIndex_PhoneNav .box .itembox .slidenav dl {
width: 20%;
margin-bottom: 15px;
}
.DN_ShopIndex_PhoneNav .box .itembox .slidenav dl dt {
margin-bottom: 8px;
}
.DN_ShopIndex_PhoneNav .box .itembox .slidenav dl dt a {
color: #eb7839;
font-size: 14px;
line-height: 16px;
display: block;
}
.DN_ShopIndex_PhoneNav .box .itembox .slidenav dl dd a {
color: #808080;
font-size: 12px;
margin-top: 3px;
display: block;
}
#mobile_minicart .minicart-wrapper .action.showcart::before {
font-size: 65px;
line-height: 38px;
color: #5b7882;
height: 40px;
}
#mobile_minicart .minicart-wrapper .action.showcart .counter.qty {
background: #eb7839;
width: 20px;
height: 20px;
line-height: 20px;
border-radius: 10px;
font-size: 12px;
position: absolute;
left: 45px;
top: -5px;
}
#mobile_search {
width: 520px;
max-width: 68vw;
height: 40px;
border-radius: 20px;
max-height: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #778a91 url(https://www.dearlives.com/pub/media/images/d_headsearch.png) right no-repeat;
background-size: 18px;
background-position: 485px 12px;
}
#mobile_search #search_mini_form .DN_Search_selectbox .fa-angle-down::before {
content: "\f107";
}
#mobile_search #search,
#mobile_search #search_mini_form .DN_Search_selectbox input {
background: none;
color: #c4d2d7;
}
#mobile_search #search_mini_form .DN_Search_selectbox .inputbox {
width: 80px;
}
#mobile_search #search_mini_form .DN_Search_selectbox input {
width: 60px;
}
#mobile_search #search {
text-indent: 100px;
width: 400px;
}
#mobile_search #search_mini_form .DN_Search_selectbox {
position: relative;
bottom: 0;
left: 20px;
color: #c4d2d7;
top: 24px;
width: 80px;
}
#mobile_search #search_mini_form .DN_Search_selectbox .xlbox {
display: none;
background: #778a91;
padding: 5px 5px;
position: absolute;
width: 80px;
line-height: 20px;
left: -15px;
}
#mobile_search #search_mini_form .DN_Search_selectbox .xlbox a {
display: block;
color: #d8e1e2;
text-align: center;
font-size: 12px;
}
}
@media (min-width: 1200px) and (max-width: 1349px) {
.dn-box .DN_MainHead .DN_logo {
width: 100px;
height: auto;
}
.dn-box .DN_header .DN_ShopThree .item > a {
font-size: 14px;
}
.dn-box .DN_header .DN_PersonThree .item {
font-size: 14px;
}
.dn-box .DN_MainHead .DN_MainNav {
margin-left: 45px;
width: 530px;
}
.dn-box .DN_MainHead .DN_TopSearch .Search_textbox {
width: 305px;
}
.dn-box .DN_MainHead .DN_MainNav .list li > a {
font-size: 20px;
padding: 25px 15px;
}
.dn-box .DN_MainHead .DN_MainNav .list li .DN_sNav a {
font-size: 13px;
padding: 20px 15px;
}
.dn-box .DN_MainHead .DN_TopSearch .DN_Search_btn {
max-width: 75px;
}
.dn-box .DN_MainHead .DN_TopSearch .DN_Search_btn .searchbtn {
background-size: 22px;
}
.DN_indexMainCont .DN_indexMainCont_item {
margin-top: 50px;
}
.DN_indexMainCont .DN_indexMainCont_item .SecName {
font-size: 23px;
}
.DN_indexMainCont .DN_indexContSec_editor .DN_indexEditorbox .imgbox_item .imgitem .textbox {
font-size: 14px;
line-height: 19px;
}
.DN_indexMainCont .DN_indexContSec_video .DN_indexVideobox .videobox_item .textbox a {
font-size: 14px;
}
.DN_indexMainCont .DN_indexContSec_editor .DN_indexEditorbox .imgbox2 .imgitem {
padding-left: 2%;
}
.DN_indexMainCont .DN_indexContSec_sale .DN_indexSalebox .list li .textbox p {
font-size: 14px;
line-height: 20px;
}
.DN_indexMainCont .DN_indexContSec_activity .activelist .item .infobox .titlebox a {
font-size: 14px;
}
.DN_indexMainCont .DN_indexContSec_activity .activelist .item .infobox .more {
width: 90px;
height: 26px;
line-height: 26px;
font-size: 13px;
}
.DN_indexMainCont .DN_indexContSec_activity .swiper-pagination {
font-size: 15px;
}
.DN_Bottom .DN_bottomsec1 .bottom_sjlist li + li {
margin-left: 100px;
}
.DN_Bottom .DN_bottomsec2 .w1775contbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.DN_Bottom .DN_bottomsec2 .foonav {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
margin-left: 80px;
}
.DN_Bottom .DN_bottomsec2 .foonav li {
width: 33%;
}
.DN_Bottom .DN_bottomsec1 .bottom_sjlist li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.DN_Bottom .DN_bottomsec1 .bottom_sjlist li img {
width: 70%;
}
.DN_Bottom .DN_bottomsec3 .subscribe_input input[type="text"] {
width: 450px;
}
.DN_indexMainCont .DN_indexContSec_activity .btn {
width: 40px;
height: 80px;
}
.DN_indexMainCont .DN_indexContSec_activity .btn i {
line-height: 80px;
font-size: 40px;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Banner .swiper-pagination {
bottom: 10px;
height: 20px;
padding: 0 8px;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Banner .swiper-pagination .swiper-pagination-bullet {
width: 10px;
height: 10px;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Banner .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
margin-left: 6px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .DN_ShopIndex_shoplist_s4 .btn {
width: 40px;
height: 90px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .DN_ShopIndex_shoplist_s4 .btn i {
line-height: 90px;
font-size: 50px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .DN_ShopIndex_shoplist_s3 .btn i {
line-height: 90px;
font-size: 50px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .DN_ShopIndex_shoplist_s3 .btn {
width: 40px;
height: 90px;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_ContSec .DN_ShopIndex_SecTitle {
margin: 20px auto;
}
.DN_ShopIndex_Content .DN_ShopIndex_leftNav .list li .txt {
font-size: 14px;
font-weight: normal;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_ContSec .DN_ShopIndex_SecTitle .txt {
font-size: 20px;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox1 .list {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox1 .list li {
width: 23.5%;
margin-right: 0.333%;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox1 .list li .imgbox {
max-width: 100%;
height: auto;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox1 .list li .shadow {
display: none;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox1 .list li .title {
font-size: 14px;
margin: 15px 10px;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_ContSec {
padding-top: 20px;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox2 .imgboxwarp .imgbox1 .title {
font-size: 16px;
height: 50px;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox2 .imgboxwarp .s_imgboxtop .title {
font-size: 16px;
height: 50px;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox2 .imgboxwarp .imgbox_l .title {
font-size: 14px;
height: 30px;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox2 .imgboxwarp .imgbox_r .title {
font-size: 14px;
height: 30px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .swiper-pagination {
font-size: 14px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .swiper-pagination {
font-size: 14px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .DN_ShopIndex_shoplist_s3 .item .infobox .Buyinfo .Buybut {
width: 100px;
height: 30px;
line-height: 30px;
font-size: 14px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .DN_ShopIndex_shoplist_s4 .item .infobox .Buyinfo .Buybut {
width: 100px;
height: 30px;
line-height: 30px;
font-size: 14px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .DN_ShopIndex_shoplist_s3 .item .infobox {
padding: 15px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .DN_ShopIndex_shoplist_s4 .item .infobox {
padding: 15px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .DN_ShopIndex_shoplist_s3 .item .infobox .title {
font-size: 13px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .DN_ShopIndex_shoplist_s4 .item .infobox .title {
font-size: 13px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .DN_ShopIndex_shoplist_s3 .item .infobox .pricebox {
margin-top: 14px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .DN_ShopIndex_shoplist_s4 .item .infobox .pricebox {
margin-top: 14px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .DN_ShopIndex_shoplist_s4 .item .infobox .pricebox .price1 {
font-size: 22px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .DN_ShopIndex_shoplist_s4 .item .infobox .pricebox .price2 {
font-size: 15px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .DN_ShopIndex_shoplist_s3 .item .infobox .pricebox .price1 {
font-size: 22px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .DN_ShopIndex_shoplist_s3 .item .infobox .pricebox .price2 {
font-size: 15px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .DN_ShopIndex_shoplist_s3 .item .infobox .Buyinfo .Buybut {
font-size: 12px;
width: 90px;
height: 28px;
line-height: 28px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .DN_ShopIndex_shoplist_s4 .item .infobox .Buyinfo .Buybut {
font-size: 12px;
width: 90px;
height: 28px;
line-height: 28px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .DN_ShopIndex_shoplist_s3 .item .infobox .Buyinfo .starbox {
margin-left: 15px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .DN_ShopIndex_shoplist_s4 .item .infobox .Buyinfo .starbox {
margin-left: 15px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .DN_ShopIndex_shoplist_s3 .item .infobox .Buyinfo .starbox .star {
width: 12px;
height: 12px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .DN_ShopIndex_shoplist_s3 .item .infobox .Buyinfo .starbox .star + .star {
margin-left: 4px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .DN_ShopIndex_shoplist_s4 .item .infobox .Buyinfo .starbox .star {
width: 12px;
height: 12px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .DN_ShopIndex_shoplist_s4 .item .infobox .Buyinfo .starbox .star + .star {
margin-left: 4px;
}
}
@media (min-width: 1350px) and (max-width: 1480px) {
.dn-box .DN_header .DN_ShopThree .item > a {
font-size: 14px;
}
.dn-box .DN_header .DN_PersonThree .item {
font-size: 14px;
}
.dn-box .DN_MainHead .DN_MainNav {
margin-left: 60px;
width: 600px;
}
.dn-box .DN_MainHead .DN_TopSearch .Search_textbox {
width: 375px;
}
.dn-box .DN_MainHead .DN_MainNav .list li > a {
font-size: 20px;
padding: 25px 16px;
}
.dn-box .DN_MainHead .DN_MainNav .list li .DN_sNav a {
font-size: 14px;
padding: 20px;
}
.dn-box .DN_MainHead .DN_TopSearch .DN_Search_btn {
max-width: 75px;
}
.dn-box .DN_MainHead .DN_TopSearch .DN_Search_btn .searchbtn {
background-size: 22px;
}
.DN_indexMainCont .DN_indexMainCont_item .SecName {
font-size: 23px;
}
.DN_indexMainCont .DN_indexContSec_editor .DN_indexEditorbox .imgbox_item .imgitem .textbox {
font-size: 15px;
line-height: 19px;
}
.DN_indexMainCont .DN_indexContSec_video .DN_indexVideobox .videobox_item .textbox a {
font-size: 15px;
}
.DN_indexMainCont .DN_indexContSec_editor .DN_indexEditorbox .imgbox2 .imgitem {
padding-left: 2%;
}
.DN_indexMainCont .DN_indexContSec_sale .DN_indexSalebox .list li .textbox p {
font-size: 15px;
line-height: 20px;
}
.DN_indexMainCont .DN_indexContSec_activity .activelist .item .infobox .titlebox a {
font-size: 15px;
}
.DN_indexMainCont .DN_indexContSec_activity .activelist .item .infobox .more {
width: 100px;
height: 30px;
line-height: 30px;
font-size: 15px;
}
.DN_indexMainCont .DN_indexContSec_activity .swiper-pagination {
font-size: 15px;
}
.DN_Bottom .DN_bottomsec1 .bottom_sjlist li + li {
margin-left: 100px;
}
.DN_Bottom .DN_bottomsec2 .w1775contbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.DN_Bottom .DN_bottomsec2 .foonav {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
margin-left: 80px;
}
.DN_Bottom .DN_bottomsec2 .foonav li {
width: 33%;
}
.DN_Bottom .DN_bottomsec1 .bottom_sjlist li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.DN_Bottom .DN_bottomsec1 .bottom_sjlist li img {
width: 70%;
}
.DN_Bottom .DN_bottomsec3 .subscribe_input input[type="text"] {
width: 450px;
}
.DN_indexMainCont .DN_indexContSec_activity .btn {
width: 50px;
height: 100px;
}
.DN_indexMainCont .DN_indexContSec_activity .btn i {
line-height: 100px;
font-size: 50px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .DN_ShopIndex_shoplist_s4 .btn {
width: 40px;
height: 90px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .DN_ShopIndex_shoplist_s4 .btn i {
line-height: 90px;
font-size: 50px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .DN_ShopIndex_shoplist_s3 .btn i {
line-height: 90px;
font-size: 50px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .DN_ShopIndex_shoplist_s3 .btn {
width: 40px;
height: 90px;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_ContSec .DN_ShopIndex_SecTitle {
margin: 20px auto;
}
.DN_ShopIndex_Content .DN_ShopIndex_leftNav .list li .txt {
font-size: 14px;
font-weight: normal;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_ContSec .DN_ShopIndex_SecTitle .txt {
font-size: 20px;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox1 .list {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox1 .list li {
width: 23.5%;
margin-right: 0.333%;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox1 .list li .imgbox {
max-width: 100%;
height: auto;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox1 .list li .shadow {
display: none;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox1 .list li .title {
font-size: 15px;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_ContSec {
padding-top: 20px;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox2 .imgboxwarp .imgbox1 .title {
font-size: 24px;
height: 80px;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox2 .imgboxwarp .s_imgboxtop .title {
font-size: 24px;
height: 80px;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox2 .imgboxwarp .imgbox_l .title {
font-size: 17px;
height: 60px;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox2 .imgboxwarp .imgbox_r .title {
font-size: 17px;
height: 60px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .swiper-pagination {
font-size: 14px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .swiper-pagination {
font-size: 14px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .DN_ShopIndex_shoplist_s3 .item .infobox .Buyinfo .Buybut {
width: 100px;
height: 30px;
line-height: 30px;
font-size: 14px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .DN_ShopIndex_shoplist_s4 .item .infobox .Buyinfo .Buybut {
width: 100px;
height: 30px;
line-height: 30px;
font-size: 14px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .DN_ShopIndex_shoplist_s3 .item .infobox {
padding: 15px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .DN_ShopIndex_shoplist_s4 .item .infobox {
padding: 15px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .DN_ShopIndex_shoplist_s3 .item .infobox .title {
font-size: 14px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .DN_ShopIndex_shoplist_s4 .item .infobox .title {
font-size: 14px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .DN_ShopIndex_shoplist_s3 .item .infobox .pricebox {
margin-top: 14px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .DN_ShopIndex_shoplist_s4 .item .infobox .pricebox {
margin-top: 14px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .DN_ShopIndex_shoplist_s3 .item .infobox .pricebox .price1 {
font-size: 22px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .DN_ShopIndex_shoplist_s3 .item .infobox .pricebox .price2 {
font-size: 15px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .DN_ShopIndex_shoplist_s4 .item .infobox .pricebox .price1 {
font-size: 22px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .DN_ShopIndex_shoplist_s4 .item .infobox .pricebox .price2 {
font-size: 15px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .DN_ShopIndex_shoplist_s3 .item .infobox .Buyinfo .Buybut {
font-size: 12px;
width: 90px;
height: 28px;
line-height: 28px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .DN_ShopIndex_shoplist_s4 .item .infobox .Buyinfo .Buybut {
font-size: 12px;
width: 90px;
height: 28px;
line-height: 28px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .DN_ShopIndex_shoplist_s3 .item .infobox .Buyinfo .starbox {
margin-left: 15px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .DN_ShopIndex_shoplist_s4 .item .infobox .Buyinfo .starbox {
margin-left: 15px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .DN_ShopIndex_shoplist_s3 .item .infobox .Buyinfo .starbox .star {
width: 12px;
height: 12px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .DN_ShopIndex_shoplist_s3 .item .infobox .Buyinfo .starbox .star + .star {
margin-left: 4px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .DN_ShopIndex_shoplist_s4 .item .infobox .Buyinfo .starbox .star {
width: 12px;
height: 12px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .DN_ShopIndex_shoplist_s4 .item .infobox .Buyinfo .starbox .star + .star {
margin-left: 4px;
}
}
@media (min-width: 1481px) and (max-width: 1919px) {
.dn-box .DN_header .DN_ShopThree .item > a {
font-size: 14px;
}
.dn-box .DN_header .DN_PersonThree .item {
font-size: 14px;
}
.dn-box .DN_MainHead .DN_MainNav {
margin-left: 80px;
}
.dn-box .DN_MainHead .DN_TopSearch .Search_textbox {
width: 375px;
}
.dn-box .DN_MainHead .DN_MainNav .list li > a {
font-size: 22px;
padding: 25px 20px;
}
.dn-box .DN_MainHead .DN_MainNav .list li .DN_sNav a {
font-size: 14px;
padding: 20px;
}
.dn-box .DN_MainHead .DN_TopSearch .DN_Search_btn {
max-width: 75px;
}
.dn-box .DN_MainHead .DN_TopSearch .DN_Search_btn .searchbtn {
background-size: 22px;
}
.DN_indexMainCont .DN_indexMainCont_item .SecName {
font-size: 23px;
}
.DN_indexMainCont .DN_indexContSec_editor .DN_indexEditorbox .imgbox_item .imgitem .textbox {
font-size: 18px;
}
.DN_indexMainCont .DN_indexContSec_video .DN_indexVideobox .videobox_item .textbox a {
font-size: 17px;
}
.DN_indexMainCont .DN_indexContSec_editor .DN_indexEditorbox .imgbox2 .imgitem {
padding-left: 2%;
}
.DN_indexMainCont .DN_indexContSec_sale .DN_indexSalebox .list li .textbox p {
font-size: 16px;
line-height: 24px;
}
.DN_indexMainCont .DN_indexContSec_activity .activelist .item .infobox .titlebox a {
font-size: 16px;
}
.DN_indexMainCont .DN_indexContSec_activity .activelist .item .infobox .more {
width: 100px;
height: 30px;
line-height: 30px;
font-size: 15px;
}
.DN_indexMainCont .DN_indexContSec_activity .swiper-pagination {
font-size: 16px;
}
.DN_Bottom .DN_bottomsec1 .bottom_sjlist li + li {
margin-left: 130px;
}
.DN_Bottom .DN_bottomsec2 .w1775contbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.DN_Bottom .DN_bottomsec2 .foonav {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.DN_Bottom .DN_bottomsec2 .foonav li {
width: 33%;
}
.DN_Bottom .DN_bottomsec1 .bottom_sjlist li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.DN_Bottom .DN_bottomsec1 .bottom_sjlist li img {
width: 92%;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_ContSec .DN_ShopIndex_SecTitle .txt {
font-size: 25px;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox1 .list li {
width: 23.5%;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox1 .list li .imgbox {
max-width: 100%;
height: auto;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox1 .list li .shadow {
display: none;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_ContSec {
padding-top: 40px;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox2 .imgboxwarp .imgbox1 .title {
font-size: 24px;
height: 80px;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox2 .imgboxwarp .s_imgboxtop .title {
font-size: 24px;
height: 80px;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox2 .imgboxwarp .imgbox_l .title {
font-size: 17px;
height: 60px;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox2 .imgboxwarp .imgbox_r .title {
font-size: 17px;
height: 60px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .swiper-pagination {
font-size: 16px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .DN_ShopIndex_shoplist_s3 .item .infobox .Buyinfo .Buybut {
width: 100px;
height: 30px;
line-height: 30px;
font-size: 14px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .DN_ShopIndex_shoplist_s4 .item .infobox .Buyinfo .Buybut {
width: 100px;
height: 30px;
line-height: 30px;
font-size: 14px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox3 .DN_ShopIndex_shoplist_s3 .item .infobox {
padding: 15px;
}
.DN_ShopIndex_Content .DN_ShopIndex_Secbox4 .DN_ShopIndex_shoplist_s4 .item .infobox {
padding: 15px;
}
}
@media (min-width: 1920px) {
.DN_w1775 {
width: 1775px;
}
.DN_indexMainCont .DN_indexContSec_editor .DN_indexEditorbox .imgbox1 {
width: 420px;
-webkit-box-flex: 0;
-ms-flex: 0 0 420px;
flex: 0 0 420px;
}
.DN_indexMainCont .DN_indexContSec_editor .DN_indexEditorbox .imgbox2 {
width: 1355px;
}
.DN_indexMainCont .DN_indexContSec_editor .DN_indexEditorbox .imgbox2 .imgitem {
padding-left: 31px;
width: 451px;
}
.DN_indexMainCont .DN_indexContSec_video .DN_indexVideobox .videobox1 {
width: 870px;
-webkit-box-flex: 0;
-ms-flex: 0 0 870px;
flex: 0 0 870px;
}
.DN_indexMainCont .DN_indexContSec_video .DN_indexVideobox .videobox2 {
width: 870px;
}
.DN_indexMainCont .DN_indexContSec_video .DN_indexVideobox .videobox2 .videoitem {
width: 422px;
}
.DN_indexMainCont .DN_indexContSec_sale .DN_indexSalebox .list li {
width: 340px;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox1 .list li .imgr {
width: 368px;
height: 368px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.DN_ShopIndex_Content .DN_ShopIndex_rightCont .DN_ShopIndex_Secbox1 .list li img {
border-radius: 50%;
-webkit-transition: all .5s linear;
transition: all .5s linear;
width: 300px;
height: auto;
}
.dn-box .DN_MainHead .DN_MainNav .list li > a {
font-size: 22px;
}
}