article {
	display: block;
}

aside {
	display: block;
}
details {
	display: block;
}
figcaption {
	display: block;
}
figure {
	display: block;
}
footer {
	display: block;
}
header {
	display: block;
}
hgroup {
	display: block;
}
nav {
	display: block;
}
section {
	display: block;
}
summary {
	display: block;
}
* {
	box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
html {
	font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent;
}
body {
	margin: 0px;
}
a {
	background: none;
}
a:focus {
	outline: dotted thin;
}
a:active {
	outline: 0px;
}
a:hover {
	outline: 0px;
}
h1 {
	margin: 0px;
}
h2 {
	margin: 0px;
}
h3 {
	margin: 0px;
}
h4 {
	margin: 0px;
}
h5 {
	margin: 0px;
}
h6 {
	margin: 0px;
}
p {
	margin: 0px;
}
::selection {
	background:#0099d2; color: rgb(255, 255, 255);
}
ul {
	list-style: none; margin: 0px; padding: 0px;
}
ol {
	list-style: none; margin: 0px; padding: 0px;
}
dl {
	list-style: none; margin: 0px; padding: 0px;
}
dd {
	list-style: none; margin: 0px; padding: 0px;
}
img {
	border: 0px currentColor; border-image: none; height: auto; vertical-align: middle; max-width: 100%;
}
iframe {
	max-width: 100%;
}
figure {
	margin: 0px;
}
table {
	border-collapse: collapse; border-spacing: 0;
}
html {
	font-size: 100%; -ms-overflow-x: hidden;
}
body {
	background: rgb(255, 255, 255); color: rgb(57, 57, 57); line-height: normal; font-family: "Myriad Pro", Arial, "FZLanTingHei-R-GBK", 方正兰亭黑, "Microsoft YaHei", 微软雅黑, STHeiti, 华文黑体, SimSun, 宋体, sans-serif; font-size: 100%; -ms-overflow-x: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
a {
	color: inherit; text-decoration: none;
}
a:focus {
	
}
p a {
	color: rgb(31, 134, 87);
}
.js-sensor {
	margin-left: 0px; display: none;
}
@media only screen and (min-width:61.87em)
{
.js-sensor {
	margin-left: 1px;
}
}
form {
	margin: 0px;
}
fieldset {
	margin: 0px; padding: 0px; border: currentColor; border-image: none;
}
button {
	border-radius: 0px; -webkit-appearance: none; -moz-border-radius: 0; -webkit-border-radius: 0;
}
input {
	border-radius: 0px; -webkit-appearance: none; -moz-border-radius: 0; -webkit-border-radius: 0;
}
textarea {
	border-radius: 0px; -webkit-appearance: none; -moz-border-radius: 0; -webkit-border-radius: 0;
}
button[disabled] {
	cursor: default;
}
input[disabled] {
	cursor: default;
}
textarea {
	overflow: auto; vertical-align: top;
}
button {
	font-family: inherit; font-size: 100%;
}
input {
	font-family: inherit; font-size: 100%;
}
select {
	font-family: inherit; font-size: 100%;
}
textarea {
	font-family: inherit; font-size: 100%;
}
input[type='checkbox'] {
	width: auto;
}
input[type='radio'] {
	width: auto;
}
button {
	background: none; border: currentColor; border-image: none;
}
:-ms-input-placeholder {
	color: rgb(177, 177, 177); opacity: 1;
}
.radio-description {
	margin-bottom: 1.1em;
}
input[type='text'] {
	background: rgb(255, 255, 255); padding: 23px; border-radius: 4px; border: 1px solid rgb(204, 204, 204); border-image: none; width: 100%; -moz-border-radius: 4px; -webkit-border-radius: 4px;
}
input[type='password'] {
	background: rgb(255, 255, 255); padding: 23px; border-radius: 4px; border: 1px solid rgb(204, 204, 204); border-image: none; width: 100%; -moz-border-radius: 4px; -webkit-border-radius: 4px;
}
input[type='text']:focus {
	border: 1px solid #0099d2; border-image: none;
}
input[type='text']:hover {
	border: 1px solid #0099d2; border-image: none;
}
input[type='password']:focus {
	border: 1px solid#0099d2; border-image: none;
}
input[type='password']:hover {
	border: 1px solid #0099d2; border-image: none;
}
label {
	margin-bottom: 20px; display: block;
}
.field {
	margin: 20px 0px;
}
.field::after {
	clear: both; display: table; content: "";
}
.field .instructions {
	margin: 20px 0px 0px; color: rgb(204, 204, 204); font-size: 0.87rem;
}
.field + .instructions {
	margin: 0px;
}
.brick-shadow > :first-child.field {
	margin-top: 0px;
}
.brick > :first-child.field {
	margin-top: 0px;
}
.brick-m > :first-child.field {
	margin-top: 0px;
}
.brick-s > :first-child.field {
	margin-top: 0px;
}
.basic-input {
	position: relative;
}
.basic-input .icon {
	top: 50%; right: 20px; position: absolute; transform: translateY(-50%); -webkit-transform: translateY(-50%);
}
.basic-input .navigation-filters .filter-name::after {
	top: 50%; right: 20px; position: absolute; transform: translateY(-50%); -webkit-transform: translateY(-50%);
}
.navigation-filters .basic-input .filter-name::after {
	top: 50%; right: 20px; position: absolute; transform: translateY(-50%); -webkit-transform: translateY(-50%);
}
form .subtitle {
	color: rgb(31, 134, 87); padding-top: 10px; font-weight: 500; display: block;
}
textarea {
	padding: 20px; border-radius: 3px; border: 1px solid rgb(204, 204, 204); border-image: none; width: 100%; -moz-border-radius: 3px; -webkit-border-radius: 3px; resize: none;
}
textarea:focus {
	border: 1px solid#0099d2; border-image: none;
}
textarea:hover {
	border: 1px solid #0099d2; border-image: none;
}
.check-item {
	margin-bottom: 20px; position: relative;
}
.check-item label {
	margin-bottom: 0px; vertical-align: top; display: inline-block;
}
.check-item input[type='checkbox'] {
	visibility: hidden;
}
.check-item .checkbox {
	margin: 0px 25px 0px 13px; border: 1px solid rgb(204, 204, 204); border-image: none; width: 32px; height: 32px; vertical-align: top; display: inline-block; position: relative; cursor: pointer;
}
.check-item .checkbox:focus {
	outline: 0px;
}
.check-item .checkbox::before {
	background: url("../image/sprite-icons.png") -592px -93px; left: 7px; top: 7px; width: 20px; height: 20px; position: absolute; content: "";
}
.check-item .checked_checkbox {
	border: 1px solid#0099d2; border-image: none;
}
.check-item .checked_checkbox::before {
	background: url("../image/sprite-icons.png") -592px -118px;
}
.check-item .checked_checkbox + label {
	color: rgb(0, 0, 0);
}
select {
	left: 0px; width: 100%; height: 100%; bottom: 0px; position: absolute; opacity: 0;
}
.select_label {
	padding: 20px; border-radius: 4px; border: 1px solid rgb(204, 204, 204); border-image: none; width: 100%; line-height: 1.5em; display: inline-block; -moz-border-radius: 4px; -webkit-border-radius: 4px;
}
.responsive_select {
	width: 100%;
}
.icon-input {
	position: relative; background-color: rgb(255, 255, 255);
}
.csstransforms .icon-input .icon-wrapper {
	left: 20px; top: 50%; position: absolute; transform: translateY(-50%); -webkit-transform: translateY(-50%);
}
.icon-input .icon-wrapper {
	left: 20px; top: 20px; line-height: 0px; padding-right: 10px; border-right-color: rgb(204, 204, 204); border-right-width: 1px; border-right-style: solid; position: absolute;
}
.icon-input .icon-wrapper .icon {
	opacity: 0.4;
}
.icon-input .icon-wrapper .navigation-filters .filter-name::after {
	opacity: 0.4;
}
.navigation-filters .icon-input .icon-wrapper .filter-name::after {
	opacity: 0.4;
}
.icon-input input {
	background: none; width: 100%; padding-left: 70px;
}
.icon-input input:focus + .icon-wrapper .icon {
	opacity: 1;
}
.icon-input input:focus + .icon-wrapper .navigation-filters .filter-name::after {
	opacity: 1;
}
.navigation-filters .icon-input input:focus + .icon-wrapper .filter-name::after {
	opacity: 1;
}
.icon-input input:hover + .icon-wrapper .icon {
	opacity: 1;
}
.icon-input input:hover + .icon-wrapper .navigation-filters .filter-name::after {
	opacity: 1;
}
.navigation-filters .icon-input input:hover + .icon-wrapper .filter-name::after {
	opacity: 1;
}
.icon-input .select_label {
	padding-left: 60px;
}
.radio-item {
	position: relative;
}
.radio-item img {
	pointer-events: none;
}
.radio-item label {
	border-radius: 10px; border: 1px solid rgb(228, 228, 228); border-image: none; color: rgb(151, 151, 151); padding-left: 50px; font-size: 1rem; font-weight: 700; margin-bottom: 0px; display: block; -moz-border-radius: 10px; -webkit-border-radius: 10px;
}
.radio-item label .main {
	padding: 15px 15px 15px 0px; display: inline-block;
}
.radio-item label .light {
	color: rgb(0, 0, 0); font-size: 0.81rem; font-weight: 500;
}
.radio-item label .aside {
	background: rgb(237, 237, 237); padding: 14px 30px; border-radius: 0px 10px 10px 0px; float: right; display: inline-block;
}
.radio-item input[type='radio'] {
	visibility: hidden;
}
.radio-item .radio {
	background: url("../image/sprite-icons.png") -580px -150px; left: 10px; top: 11px; width: 30px; height: 30px; position: absolute; cursor: pointer;
}
.radio-item .checked_radio {
	background: url("../image/sprite-icons.png") -580px -198px;
}
.radio-item .checked_radio + label {
	background: rgb(255, 255, 255); border: 2px solid#0099d2; border-image: none; color: rgb(0, 0, 0);
}
.radio-item .checked_radio + label .light {
	color: rgb(57, 57, 57);
}
.radio-item.single label {
	border: currentColor; border-image: none; padding-left: 70px;
}
.radio-item.single .checked_radio + label {
	border: currentColor; border-image: none;
}
.radio-item.radio-color {
	display: inline-block; transform: none;
}
.radio-item.radio-color .radio {
	background: url("../image/color-check-mask.png") no-repeat -38px 0px; border-radius: 0px; border: currentColor; border-image: none; left: auto; top: auto; width: 36px; height: 36px; display: block; position: relative; transform: none; -webkit-transform: none;
}
.radio-item.radio-color label {
	background: rgb(0, 0, 0); margin: 0px; padding: 0px; border-radius: 0px; border: currentColor; border-image: none; left: 9px; top: 7px; width: 20px; height: 20px; position: absolute; pointer-events: none;
}
.radio-item.radio-color label .main {
	display: none;
}
.radio-item.radio-color .checked_radio {
	background-position: 1px 0px;
}
.radio-item.white .radio::before {
	background: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); border-image: none; left: 4px; top: 4px;
}
.radio-item.red .radio::before {
	background: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); border-image: none; left: 4px; top: 4px;
}
.radio-item.black .radio::before {
	background: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); border-image: none; left: 4px; top: 4px;
}
.radio-item.black .icon {
	display: none;
}
.radio-item.black .navigation-filters .filter-name::after {
	display: none;
}
.navigation-filters .radio-item.black .filter-name::after {
	display: none;
}
.radio-item.black .checked_radio + .icon {
	left: 21px; top: 20px; display: block; position: absolute;
}
.radio-item.black .navigation-filters .checked_radio + .filter-name::after {
	left: 21px; top: 20px; display: block; position: absolute;
}
.navigation-filters .radio-item.black .checked_radio + .filter-name::after {
	left: 21px; top: 20px; display: block; position: absolute;
}
.radio-item.black .checked_radio::before {
	background: rgb(0, 0, 0); border: currentColor; border-image: none; left: 5px; top: 5px;
}
.radio-item.white .radio::before {
	background: rgb(255, 255, 255);
}
.radio-item.red .checked_radio {
	border: 1px solid rgb(204, 204, 204); border-image: none;
}
.radio-item.red .checked_radio::before {
	background: rgb(236, 117, 117); border: currentColor; border-image: none; left: 5px; top: 5px;
}
.radio-item.dark label {
	background: rgb(247, 247, 247);
}
.radio-item.dark .checked_radio + label {
	background: rgb(255, 255, 255);
}
.radio-item.xl {
	position: relative;
}
.radio-item.xl label {
	border-radius: 9px; padding-left: 60px; -moz-border-radius: 9px; -webkit-border-radius: 9px;
}
.csstransforms .radio-item.xl .radio {
	transform: none; -webkit-transform: none;
}
.radio-item.xl .radio {
	left: 20px; top: 25px; display: block;
}
.radio-item.xl .main {
	padding: 25px 15px 15px 0px;
}
.radio-item.xl .title {
	font-weight: 700; margin-bottom: 20px;
}
.radio-item.xl .info {
	color: rgb(123, 123, 123); font-weight: 300;
}
.radio-item.xl .info p {
	padding-bottom: 15px;
}
.radio-item.xl .info p span {
	margin-left: 30px;
}
.radio-item.xl .checked_radio + label {
	background: rgb(255, 255, 255);
}
.radio-item.xl .checked_radio + label .links {
	display: block;
}
.radio-item.xl .links {
	right: 30px; bottom: 8px; display: none; position: absolute;
}
.radio-item.xl .links a {
	margin: 0px 10px; color:#0099d2; font-weight: 500;
}
.radio-item.pay label {
	padding: 20px 10px 20px 54px; border-radius: 9px; line-height: 90px; min-height: 90px; -moz-border-radius: 9px; -webkit-border-radius: 9px;
}
.radio-item.pay .radio {
	left: 12px; top: 41px;
}
.csstransforms .radio-item.pay .radio {
	top: 50%; position: absolute; transform: translateY(-50%); -webkit-transform: translateY(-50%);
}
.radio-item.pay .checked_radio + label {
	background: rgb(255, 255, 255);
}
@media only screen and (min-width:46.87em)
{
.radio-item.pay label {
	padding: 20px 30px 20px 80px;
}
.radio-item.pay .radio {
	left: 35px;
}
}
.input-button-item input {
	border-width: 1px medium 1px 1px; border-style: solid none solid solid; border-color: rgb(204, 204, 204) currentColor rgb(204, 204, 204) rgb(204, 204, 204); margin: 0px; padding: 16px; border-radius: 3px 0px 0px 3px; border-image: none; width: 76%; height: 52px; float: left;
}
.input-button-item .button {
	border-width: 1px 1px 1px medium; border-style: solid solid solid none; border-color: rgb(38, 157, 101) rgb(38, 157, 101) rgb(38, 157, 101) currentColor; border-image: none; width: 24%; height: 52px; padding-right: 0px; padding-left: 0px; position: relative;
}
.input-button-item .button span {
	left: 50%; top: 50%; position: absolute; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);
}
.input-button-item .message {
	font-size: 1rem; margin-top: 20px; display: none;
}
.input-button-item .message .text {
	margin-left: 10px;
}
.input-button-item .message .icon {
	float: left;
}
.input-button-item .message .navigation-filters .filter-name::after {
	float: left;
}
.navigation-filters .input-button-item .message .filter-name::after {
	float: left;
}
.input-button-item.success input {
	border: 1px solid#0099d2; border-image: none; display: block;
}
.input-button-item.success .message {
	color:#0099d2; display: block;
}
.input-button-item.error input {
	border: 1px solid rgb(236, 117, 117); border-image: none;
}
.input-button-item.error .message {
	color: rgb(236, 117, 117); font-size: 1rem; display: block;
}
.input-button-item.search input {
	width: 50%; border-top-left-radius: 6px; border-bottom-left-radius: 6px;
}
.input-button-item.search .button {
	width: 55px; border-top-right-radius: 6px; border-bottom-right-radius: 6px;
}
@media only screen and (max-width:61.87em) and (min-width:46.87em)
{
.input-button-item.search input {
	width: 30%;
}
}
@media only screen and (min-width:61.87em)
{
.input-button-item.search input {
	width: 20%;
}
}
.input-big-radio {
	background: rgb(247, 247, 247); border-radius: 8px; border: 1px solid rgb(204, 204, 204); border-image: none; overflow: hidden; clear: both; margin-bottom: 20px; position: relative; -moz-border-radius: 8px; -webkit-border-radius: 8px;
}
.input-big-radio label {
	margin: 0px; text-align: center; color: rgb(123, 123, 123); overflow: hidden; font-size: 0.87rem; display: block;
}
.input-big-radio label span {
	padding: 29px 6px; text-align: center; display: block;
}
.input-big-radio label .main {
	width: 60%; float: left; max-width: 200px;
}
.input-big-radio label .aside {
	background: rgb(237, 237, 237); padding: 29px; width: 39%; border-left-color: rgb(204, 204, 204); border-left-width: 1px; border-left-style: solid; float: right; max-width: 170px;
}
.input-big-radio .radio {
	left: 0px; top: 0px; width: 100%; bottom: 0px; position: absolute; cursor: pointer;
}
.input-big-radio input[type='radio'] {
	visibility: hidden;
}
.input-big-radio .checked_radio {
	border-radius: 8px; border: 2px solid#0099d2; border-image: none; -moz-border-radius: 8px; -webkit-border-radius: 8px;
}
.input-big-radio .checked_radio + label {
	background: rgb(255, 255, 255); color: rgb(0, 0, 0);
}
.input-big-radio .checked_radio + label .aside {
	background: rgb(253, 253, 253);
}
input[type='text'].error {
	border-color: rgb(236, 117, 117);
}
textarea .error {
	border-color: rgb(236, 117, 117);
}
label.error {
	padding: 10px; color: rgb(236, 117, 117); font-size: 1rem; font-weight: bold;
}
.wrapper {
	margin: 0px auto; padding: 0px 0.75rem; max-width: 1200px;
}
.wrapper::after {
	clear: both; display: table; content: "";
}
.col-left {
	float: left;
}
.g {
	letter-spacing: -0.35em;
}
.g > * {
	letter-spacing: normal;
}
.gi {
	letter-spacing: normal;
}
@media only screen and (min-width:46.87em)
{
.gi {
	vertical-align: top; display: inline-block;
}
}
@media only screen and (max-width:46.87em)
{
.g-wrapper-s {
	margin-left: -4px;
}
.g-wrapper-s .gi {
	padding-bottom: 4px; padding-left: 4px;
}
}
@media only screen and (max-width:61.87em) and (min-width:46.87em)
{
.g-wrapper-s {
	margin-left: -8px;
}
.g-wrapper-s .gi {
	padding-left: 8px;
}
}
@media only screen and (min-width:61.87em)
{
.g-wrapper-s {
	margin-left: -18px;
}
.g-wrapper-s .gi {
	padding-left: 18px;
}
}
@media only screen and (max-width:61.87em) and (min-width:46.87em)
{
.g-wrapper-l {
	margin-left: -24px;
}
.g-wrapper-l .gi {
	padding-left: 24px;
}
}
@media only screen and (min-width:61.87em)
{
.g-wrapper-l {
	margin-left: -60px;
}
.g-wrapper-l .gi {
	padding-left: 60px;
}
}
.hidden {
	display: none !important;
}
.l-space {
	margin-bottom: 10px;
}
.l-space-m {
	margin-bottom: 20px;
}
@media only screen and (max-width:61.87em) and (min-width:46.87em)
{
.l-space {
	margin-bottom: 16px;
}
.l-space-m {
	margin-bottom: 24px;
}
}
@media only screen and (min-width:61.87em)
{
.l-space {
	margin-bottom: 40px;
}
.l-space-m {
	margin-bottom: 30px;
}
}
.one-whole {
	letter-spacing: normal; word-spacing: normal; vertical-align: top; display: inline-block;
}
.one-half {
	letter-spacing: normal; word-spacing: normal; vertical-align: top; display: inline-block;
}
.two-quarters {
	letter-spacing: normal; word-spacing: normal; vertical-align: top; display: inline-block;
}
.three-sixths {
	letter-spacing: normal; word-spacing: normal; vertical-align: top; display: inline-block;
}
.one-third {
	letter-spacing: normal; word-spacing: normal; vertical-align: top; display: inline-block;
}
.two-sixths {
	letter-spacing: normal; word-spacing: normal; vertical-align: top; display: inline-block;
}
.two-thirds {
	letter-spacing: normal; word-spacing: normal; vertical-align: top; display: inline-block;
}
.four-sixths {
	letter-spacing: normal; word-spacing: normal; vertical-align: top; display: inline-block;
}
.one-quarter {
	letter-spacing: normal; word-spacing: normal; vertical-align: top; display: inline-block;
}
.three-quarters {
	letter-spacing: normal; word-spacing: normal; vertical-align: top; display: inline-block;
}
.one-fifth {
	letter-spacing: normal; word-spacing: normal; vertical-align: top; display: inline-block;
}
.two-fifths {
	letter-spacing: normal; word-spacing: normal; vertical-align: top; display: inline-block;
}
.three-fifths {
	letter-spacing: normal; word-spacing: normal; vertical-align: top; display: inline-block;
}
.four-fifths {
	letter-spacing: normal; word-spacing: normal; vertical-align: top; display: inline-block;
}
.one-whole {
	width: 100%;
}
.one-half {
	width: 50%;
}
.two-quarters {
	width: 50%;
}
.three-sixths {
	width: 50%;
}
.one-third {
	width: 33.33%;
}
.two-sixths {
	width: 33.33%;
}
.two-thirds {
	width: 66.66%;
}
.four-sixths {
	width: 66.66%;
}
.one-quarter {
	width: 25%;
}
.three-quarters {
	width: 75%;
}
.one-fifth {
	width: 20%;
}
.two-fifths {
	width: 40%;
}
.three-fifths {
	width: 60%;
}
.four-fifths {
	width: 80%;
}
.one-sixth {
	width: 16.66%;
}
.five-sixths {
	width: 83.33%;
}
@media only screen and (min-width:46.87em)
{
.lap-one-whole {
	width: 100%;
}
.lap-one-half {
	width: 50%;
}
.lap-two-quarters {
	width:50%;
}
.lap-three-sixths {
	width:50%;
}
.lap-one-third {
	width: 33.33%;
}
.lap-two-sixths {
	width: 33.33%;
}
.lap-two-thirds {
	width: 66.66%;
}
.lap-four-sixths {
	width: 66.66%;
}
.lap-one-quarter {
	width: 25%;
}
.lap-three-quarters {
	width: 75%;
}
.lap-one-fifth {
	width: 20%;
}
.lap-two-fifths {
	width: 40%;
}
.lap-three-fifths {
	width: 60%;
}
.lap-four-fifths {
	width: 80%;
}
.lap-one-sixth {
	width: 16.66%;
}
.lap-five-sixths {
	width: 83.33%;
}
}
@media only screen and (min-width:61.87em)
{
.desk-one-whole {
	width: 100%;
}
.desk-one-half {
	width: 33.3%;
}
.desk-two-quarters {
	width: 50%;
}
.desk-three-sixths {
	width: 50%;
}
.desk-one-third {
	width: 33.33%;
}
.desk-two-sixths {
	width: 33.33%;
}
.desk-two-thirds {
	width: 66.66%;
}
.desk-four-sixths {
	width: 66.66%;
}
.desk-one-quarter {
	width: 25%;
}
.desk-three-quarters {
	width: 75%;
}
.desk-one-fifth {
	width: 20%;
}
.desk-two-fifths {
	width: 40%;
}
.desk-three-fifths {
	width: 60%;
}
.desk-four-fifths {
	width: 80%;
}
.desk-one-sixth {
	width: 16.66%;
}
.desk-five-sixths {
	width: 83.33%;
}
}
.js-collapse .js-collapse-content {
	display: none;
}
.js-collapse.is-active .js-collapse-content {
	display: block;
}
.js-tab-content .js-tab {
	display: none;
}
.js-tab-content .js-tab.is-active {
	display: block;
}
.js-tab-content .form-actions .button {
	padding: 20px 10px;
}
@media only screen and (max-width:46.87em)
{
.js-tab-content .form-actions .button-light {
	padding: 0px; line-height: 72px; min-height: 72px;
}
.js-tab-content .form-actions .button {
	min-height: 76px;
}
}
.brick::after {
	clear: both; display: table; content: "";
}
.brick-m::after {
	clear: both; display: table; content: "";
}
.brick-s::after {
	clear: both; display: table; content: "";
}
.brick :first-child.row {
	margin-top: 0px;
}
.brick-m :first-child.row {
	margin-top: 0px;
}
.brick-s :first-child.row {
	margin-top: 0px;
}
.brick {
	padding: 50px 0px;
}
.brick .row {
	margin-top: 50px;
}
@media only screen and (min-width:61.87em)
{
.brick {
	padding: 100px 0px;
}
.brick .row {
	margin-top: 100px;
}
}
.brick-m {
	padding: 34px 0px;
}
.brick-m .row {
	margin-top: 34px;
}
@media only screen and (min-width:61.87em)
{
.brick-m {
	padding: 70px 0px;
}
.brick-m .row {
	margin-top: 70px;
}
}
.brick-s {
	padding: 25px 0px;
}
.brick-shadow {
	background: linear-gradient(rgb(250, 250, 250) 0%, rgb(255, 255, 255) 100%); padding: 10px; border-top-color: rgb(226, 226, 226); border-top-width: 1px; border-top-style: solid;
}
@media only screen and (min-width:46.87em)
{
.brick-shadow {
	padding: 20px;
}
}
@media only screen and (min-width:61.87em)
{
.brick-shadow {
	padding: 40px 30px;
}
}
.slab-white-border :first-child.brick-shadow {
	border-top-color: currentColor; border-top-width: medium; border-top-style: none;
}
.brick-bottom {
	padding-bottom: 20px;
}
.brick-bottom::after {
	clear: both; display: table; content: "";
}
@media only screen and (min-width:46.87em)
{
.brick-bottom {
	padding-bottom: 30px;
}
}
@media only screen and (min-width:61.87em)
{
.brick-bottom {
	padding-bottom: 50px;
}
}
.button {
	margin: 0px; padding: 20px 38px; width: 100%; text-align: center; line-height: 1; font-size: 1rem; font-weight: bold; display: block; cursor: pointer;
}
.button-light {
	margin: 0px; padding: 20px 38px; width: 100%; text-align: center; line-height: 1; font-size: 1rem; font-weight: bold; display: block; cursor: pointer;
}
.button-transparent {
	margin: 0px; padding: 20px 38px; width: 100%; text-align: center; line-height: 1; font-size: 1rem; font-weight: bold; display: block; cursor: pointer;
}
.button-s.button {
	padding: 10px 20px; min-width: 80px;
}
.button-s.button-light {
	padding: 10px 20px; min-width: 80px;
}
.button-s.button-transparent {
	padding: 10px 20px; min-width: 80px;
}
@media only screen and (min-width:46.87em)
{
.button {
	width: auto; display: inline-block;
}
.button-light {
	width: auto; display: inline-block;
}
.button-transparent {
	width: auto; display: inline-block;
}
}
.button {
	background:#0099d2; border: 2px solid#0099d2; border-image: none; color: rgb(255, 255, 255);
}
.button:hover {
	background: #0099d2; border-color: #0099d2;
}
.button:active {
	background: rgb(255, 255, 255); color:#0099d2;
}
.button-light {
	background: rgb(212, 238, 225); border: 2px solid transparent; border-image: none; color: rgb(31, 134, 87);
}
.button-light:hover {
	background: #0099d2; color: rgb(255, 255, 255);
}
.button-light:active {
	background:#0099d2; color: rgb(255, 255, 255);
}
.button-transparent {
	padding: 12px; border: 3px solid rgb(255, 255, 255); border-image: none; color: rgb(255, 255, 255);
}
.center-text {
	text-align: center;
}
@media only screen and (min-width:61.87em)
{
.desk-right-text {
	text-align: right;
}
}
.h-alpha {
	display: block;
}
.h-beta {
	display: block;
}
.h-gamma {
	display: block;
}
.h-delta {
	display: block;
}
.h-epsilon {
	display: block;
}
.h-alpha .highlight {
	color: rgb(31, 134, 87);
}
.h-beta .highlight {
	color: rgb(31, 134, 87);
}
.h-gamma .highlight {
	color: rgb(31, 134, 87);
}
.h-delta .highlight {
	color: rgb(31, 134, 87);
}
.h-epsilon .highlight {
	color: rgb(31, 134, 87);
}
.h-alpha .block {
	display: block;
}
.h-beta .block {
	display: block;
}
.h-gamma .block {
	display: block;
}
.h-delta .block {
	display: block;
}
.h-epsilon .block {
	display: block;
}
.h-alpha {
	font-size: 2rem; margin-bottom: 12px;
}
@media only screen and (max-width:61.87em) and (min-width:46.87em)
{
.h-alpha {
	font-size: 1.87rem; margin-bottom: 16px;
}
}
@media only screen and (min-width:61.87em)
{
.h-alpha {
	font-size: 2.12rem; margin-bottom: 24px;
}
}
.h-beta {
	font-size: 1.87rem; margin-bottom: 10px;
}
@media only screen and (max-width:61.87em) and (min-width:46.87em)
{
.h-beta {
	font-size: 1.75rem; margin-bottom: 14px;
}
}
@media only screen and (min-width:61.87em)
{
.h-beta {
	font-size: 1.87rem; margin-bottom: 22px;
}
}
.h-gamma {
	font-size: 1.75rem; margin-bottom: 8px;
}
@media only screen and (max-width:61.87em) and (min-width:46.87em)
{
.h-gamma {
	font-size: 1.5rem; margin-bottom: 12px;
}
}
@media only screen and (min-width:61.87em)
{
.h-gamma {
	font-size: 1.62rem; margin-bottom: 18px;
}
}
.h-delta {
	font-size: 1.37rem;
}
@media only screen and (max-width:61.87em) and (min-width:46.87em)
{
.h-delta {
	font-size: 1.25rem;
}
}
@media only screen and (min-width:61.87em)
{
.h-delta {
	font-size: 1.25rem;
}
}
.h-epsilon {
	font-size: 1.25rem;
}
@media only screen and (max-width:61.87em) and (min-width:46.87em)
{
.h-epsilon {
	font-size: 1rem;
}
}
@media only screen and (min-width:61.87em)
{
.h-epsilon {
	font-size: 1rem;
}
}
.height-fixed-area {
	position: relative;
}
.height-fixed-area::after {
	background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%); width: 100%; height: 30px; bottom: 0px; position: absolute; content: "";
}
.height-fixed-area::before {
	background: linear-gradient(rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%); top: 0px; width: 100%; height: 30px; position: absolute; z-index: 2; content: "";
}
.height-fixed-area .height-fixed-area-wrapper {
	overflow: auto; max-height: 300px;
}
.height-fixed-area .height-fixed-area-content {
	margin: 30px 0px;
}
@media only screen and (min-width:46.87em)
{
.height-fixed-area .height-fixed-area-content {
	margin-right: 10px;
}
}
.icon {
	background-position: 0px 0px; display: inline-block; background-image: url("../image/sprite-icons.svg"); background-repeat: no-repeat;
}
.navigation-filters .filter-name::after {
	background-position: 0px 0px; display: inline-block; background-image: url("../image/sprite-icons.svg"); background-repeat: no-repeat;
}
.no-svg .icon {
	background-image: url("../image/sprite-icons.png");
}
.no-svg .navigation-filters .filter-name::after {
	background-image: url("../image/sprite-icons.png");
}
.navigation-filters .no-svg .filter-name::after {
	background-image: url("../image/sprite-icons.png");
}
.icon-letter {
	background-position: -82px 0px; width: 35px; height: 25px;
}
.icon-headsets {
	background-position: -82px -33px; width: 35px; height: 35px;
}
.icon-kiosk {
	background-position: -82px -75px; width: 35px; height: 35px;
}
.icon-radio {
	background-position: -82px -120px; width: 35px; height: 30px;
}
.icon-weibo {
	background-position: -129px -241px; width: 25px; height: 25px;
}
.icon-instagram {
	background-position: -126px -268px; width: 25px; height: 25px;
}
.icon-pinterest {
	background-position: -125px -294px; width: 25px; height: 25px;
}
.icon-linkedin {
	background-position: -127px -323px; width: 25px; height: 25px;
}
.icon-wechat {
	background-position: -128px -350px; width: 25px; height: 25px;
}
.icon-search {
	background-position: -129px -129px; width: 18px; height: 16px;
}
.icon-cart {
	background-position: -130px -152px; width: 29px; height: 28px;
}
.icon-cart-green {
	background-position: -130px -210px; width: 29px; height: 28px;
}
.icon-messages {
	background-position: -130px -185px; width: 16px; height: 16px;
}
.icon-menu-green {
	background-position: -168px 0px; width: 32px; height: 24px;
}
.icon-menu-white {
	background-position: -168px -32px; width: 32px; height: 24px;
}
.icon-plus {
	background-position: -189px -76px; width: 17px; height: 17px;
}
.icon-minus {
	background-position: -189px -136px; width: 17px; height: 17px;
}
.icon-play {
	background-position: 0px -236px; width: 55px; height: 55px;
}
.icon-next {
	background-position: 0px -72px; width: 35px; height: 67px;
}
.icon-prev {
	background-position: 0px -150px; width: 35px; height: 67px;
}
.icon-next-s {
	background-position: -8px -390px; width: 5px; height: 9px;
}
.icon-prev-s {
	background-position: 0px -390px; width: 5px; height: 9px;
}
.icon-top {
	background-position: -174px -234px; width: 20px; height: 20px;
}
.icon-bottom {
	background-position: -174px -210px; width: 20px; height: 20px;
}
.icon-59inch {
	background-position: -235px -7px; width: 36px; height: 46px;
}
.icon-55inch {
	background-position: -295px -790px; width: 45px; height: 45px;
}
.icon-battery {
	background-position: -235px -63px; width: 36px; height: 46px;
}
.icon-android {
	background-position: -235px -120px; width: 36px; height: 46px;
}
.icon-chip {
	background-position: -235px -173px; width: 36px; height: 36px;
}
.icon-flash {
	background-position: -234px -222px; width: 36px; height: 36px;
}
.icon-flash2 {
	background-position: -235px -268px; width: 36px; height: 46px;
}
.icon-fuji-chips {
	background-position: -235px -324px; width: 36px; height: 36px;
}
.icon-hdr {
	background-position: -235px -370px; width: 36px; height: 36px;
}
.icon-light {
	background-position: -235px -410px; width: 36px; height: 36px;
}
.icon-ppi {
	background-position: -235px -453px; width: 36px; height: 36px;
}
.icon-ram {
	background-position: -235px -501px; width: 36px; height: 36px;
}
.icon-tf {
	background-position: -235px -700px; width: 36px; height: 46px;
}
.icon-video {
	background-position: -235px -595px; width: 36px; height: 36px;
}
.icon-touch {
	background-position: -235px -638px; width: 36px; height: 46px;
}
.icon-capture {
	background-position: -235px -545px; width: 36px; height: 36px;
}
.icon-wifi {
	background-position: -444px -573px; width: 36px; height: 46px;
}
.icon-battery2 {
	background-position: -300px -231px; width: 36px; height: 46px;
}
.icon-ccmos {
	background-position: -370px -286px; width: 45px; height: 45px;
}
.icon-handtouch {
	background-position: -235px -760px; width: 45px; height: 45px;
}
.icon-47inch {
	background-position: -300px -10px; width: 45px; height: 45px;
}
.icon-50inch {
	background-position: -300px -64px; width: 45px; height: 45px;
}
.icon-car {
	background-position: -300px -121px; width: 45px; height: 45px;
}
.icon-barcode {
	background-position: -300px -174px; width: 45px; height: 45px;
}
.icon-game {
	background-position: -300px -285px; width: 45px; height: 45px;
}
.icon-search-poster {
	background-position: -300px -739px; width: 45px; height: 45px;
}
.icon-cam-back {
	background-position: -370px -11px; width: 45px; height: 45px;
}
.icon-cam-front {
	background-position: -370px -66px; width: 45px; height: 45px;
}
.icon-mirror {
	background-position: -370px -120px; width: 45px; height: 45px;
}
.icon-line {
	background-position: -370px -175px; width: 45px; height: 45px;
}
.icon-beauty {
	background-position: -370px -232px; width: 45px; height: 45px;
}
.icon-charge {
	background-position: -370px -338px; width: 45px; height: 45px;
}
.icon-gif {
	background-position: -370px -458px; width: 45px; height: 45px;
}
.icon-hd {
	background-position: -370px -514px; width: 45px; height: 45px;
}
.icon-o-click {
	background-position: -370px -572px; width: 45px; height: 45px;
}
.icon-panoramic {
	background-position: -370px -630px; width: 45px; height: 45px;
}
.icon-otg {
	background-position: -370px -686px; width: 45px; height: 45px;
}
.icon-voice-capture {
	background-position: -370px -739px; width: 45px; height: 45px;
}
.icon-keyboard {
	background-position: -435px -460px; width: 45px; height: 45px;
}
.icon-lens {
	background-position: -435px -516px; width: 45px; height: 45px;
}
.icon-mobile-wallet {
	background-position: -435px -628px; width: 45px; height: 45px;
}
.icon-remoter {
	background-position: -435px -682px; width: 45px; height: 45px;
}
.icon-slow-capture {
	background-position: -435px -745px; width: 45px; height: 45px;
}
.icon-arrow-left {
	background-position: -300px -356px; width: 36px; height: 36px;
}
.icon-tick {
	background-position: -175px -314px; width: 15px; height: 20px;
}
.icon-close {
	background-position: -175px -332px; width: 15px; height: 15px;
}
.icon-star-light {
	background-position: -180px -355px; width: 15px; height: 15px;
}
.icon-star-medium {
	background-position: -180px -382px; width: 15px; height: 15px;
}
.icon-star-dark {
	background-position: -180px -408px; width: 15px; height: 15px;
}
.icon-close-circle {
	background-position: -173px -433px; width: 41px; height: 41px;
}
.icon-grey-arrow-down {
	background-position: -180px -480px; width: 17px; height: 10px;
}
.navigation-filters .filter-name::after {
	background-position: -180px -480px; width: 17px; height: 10px;
}
.icon-green-arrow-down {
	background-position: 0px -520px; width: 17px; height: 10px;
}
.icon-green-arrow-up {
	background-position: 0px -540px; width: 17px; height: 10px;
}
.icon-bottom-green {
	background-position: -178px -264px; width: 17px; height: 14px;
}
.icon-top-green {
	background-position: -178px -287px; width: 17px; height: 14px;
}
.icon-tick-rounded {
	background-position: -2px -428px; width: 66px; height: 66px;
}
.icon-tick-green {
	background-position: -179px -318px; width: 9px; height: 9px;
}
.icon-tick-green-big {
	background-position: -183px -500px; width: 17px; height: 17px;
}
.icon-percentage {
	background-position: -130px -399px; width: 12px; height: 13px;
}
.icon-users {
	background-position: -130px -425px; width: 13px; height: 14px;
}
.icon-gift {
	background-position: -130px -452px; width: 12px; height: 12px;
}
.icon-star-circle {
	background-position: -127px -496px; width: 46px; height: 46px;
}
.icon-user-circle {
	background-position: -127px -552px; width: 46px; height: 46px;
}
.icon-dollar-circle {
	background-position: -126px -616px; width: 46px; height: 46px;
}
.icon-shop-circle {
	background-position: -127px -679px; width: 46px; height: 46px;
}
.icon-back-square {
	background-position: -298px -356px; width: 30px; height: 30px;
}
.icon-box {
	background-position: -297px -356px; width: 35px; height: 45px;
}
.icon-box2 {
	background-position: -300px -455px; width: 35px; height: 35px;
}
.icon-crown {
	background-position: -300px -490px; width: 35px; height: 35px;
}
.icon-marker {
	background-position: -300px -520px; width: 40px; height: 40px;
}
.icon-cake {
	background-position: -300px -560px; width: 26px; height: 30px;
}
.icon-box3 {
	background-position: -299px -600px; width: 34px; height: 26px;
}
.icon-creditcard {
	background-position: -300px -630px; width: 40px; height: 40px;
}
.icon-crono {
	background-position: -300px -679px; width: 36px; height: 32px;
}
.icon-phone {
	background-position: -430px -15px; width: 39px; height: 39px;
}
.icon-webchat2 {
	background-position: -432px -70px; width: 42px; height: 42px;
}
.icon-headsets2 {
	background-position: -430px -128px; width: 44px; height: 33px;
}
.icon-back-big {
	background-position: -435px -178px; width: 74px; height: 74px;
}
.icon-document {
	background-position: -435px -268px; width: 74px; height: 74px;
}
.icon-settings {
	background-position: -435px -344px; width: 74px; height: 74px;
}
.icon-battery-charged {
	background-position: -520px -8px; width: 27px; height: 15px;
}
.icon-shopping-bag {
	background-position: -520px -36px; width: 22px; height: 26px;
}
.icon-upload {
	background-position: -520px -79px; width: 31px; height: 21px;
}
.icon-mobile {
	background-position: -520px -110px; width: 16px; height: 30px;
}
.icon-sync {
	background-position: -520px -153px; width: 23px; height: 19px;
}
.icon-academic {
	background-position: -520px -188px; width: 26px; height: 19px;
}
.icon-app {
	background-position: -520px -219px; width: 28px; height: 15px;
}
.icon-wrench {
	background-position: -520px -241px; width: 10px; height: 22px;
}
.icon-box-file {
	background-position: -520px -276px; width: 22px; height: 20px;
}
.icon-user2 {
	background-position: -520px -306px; width: 24px; height: 24px;
}
.icon-card2 {
	background-position: -520px -345px; width: 26px; height: 17px;
}
.icon-grey-circle {
	background-position: -590px -11px; width: 17px; height: 17px;
}
.icon-green-circle {
	background-position: -590px -45px; width: 17px; height: 17px;
}
.icon-grey-circle {
	background-position: -590px -11px; width: 17px; height: 17px;
}
.icon-grey-square {
	background-position: -590px -80px; width: 16px; height: 16px;
}
.icon-green-square {
	background-position: -590px -116px; width: 16px; height: 16px;
}
.icon-grey-radio {
	background-position: -580px -150px; width: 29px; height: 29px;
}
.icon-green-radio {
	background-position: -580px -198px; width: 29px; height: 29px;
}
.icon-grey-check {
	background-position: -580px -249px; width: 27px; height: 27px;
}
.icon-form-home {
	background-position: -576px -394px; width: 34px; height: 27px;
}
.icon-form-id {
	background-position: -580px -450px; width: 34px; height: 28px;
}
.icon-form-location {
	background-position: -577px -510px; width: 34px; height: 27px;
}
.icon-form-select {
	background-position: -578px -572px; width: 34px; height: 30px;
}
.icon-form-user {
	background-position: -573px -635px; width: 34px; height: 21px;
}
.icon-arrow-down {
	background-position: -190px -538px; width: 8px; height: 6px;
}
.icon-arrow-top {
	background-position: -190px -527px; width: 8px; height: 6px;
}
.icon-arrow-down-green {
	background-position: -190px -564px; width: 8px; height: 6px;
}
.icon-arrow-top-green {
	background-position: -190px -554px; width: 8px; height: 6px;
}
.icon-clock {
	background-position: 0px -584px; width: 17px; height: 17px;
}
.icon-join-us {
	background-position: -378px -794px; width: 27px; height: 37px;
}
.main-list {
	font-size: 1rem;
}
.main-list li {
	padding: 8px 0px; border-bottom-color: #0099d2; border-bottom-width: 1px; border-bottom-style: solid;
}
.main-list li a {
	display: block;
}
.main-list li a:hover {
	color:#0099d2;
}
@media only screen and (max-width:61.87em) and (min-width:46.87em)
{
.main-list {
	font-size: 0.87rem;
}
}
@media only screen and (min-width:61.87em)
{
.main-list {
	font-size: 1.12rem;
}
}
.number-heading {
	margin-bottom: 30px;
}
.number-heading .number-wrapper {
	background:#0099d2; padding: 5px; border-radius: 50%; width: 56px; height: 56px; text-align: center; margin-right: 10px; vertical-align: middle; display: inline-block; position: relative; -moz-border-radius: 50%; -webkit-border-radius: 50%;
}
.number-heading .number {
	background:#0099d2; border-radius: 50%; border: 2px solid rgb(255, 255, 255); border-image: none; width: 46px; height: 46px; text-align: center; color: rgb(255, 255, 255); line-height: 46px; font-size: 1.25rem; font-weight: 700; display: inline-block; -moz-border-radius: 50%; -webkit-border-radius: 50%;
}
.number-heading .heading {
	font-size: 1rem; font-weight: 700; vertical-align: middle; display: inline-block;
}
.product-advice {
	margin: 0px 0px 10px; color: rgb(51, 110, 164); font-size: 1.25rem; font-weight: bold;
}
.product-advice .icon {
	background-position: -124px -421px; border-radius: 50%; width: 25px; height: 25px; margin-right: 8px; vertical-align: middle; display: inline-block; background-color: rgb(51, 110, 164);
}
.product-advice .navigation-filters .filter-name::after {
	background-position: -124px -421px; border-radius: 50%; width: 25px; height: 25px; margin-right: 8px; vertical-align: middle; display: inline-block; background-color: rgb(51, 110, 164);
}
.navigation-filters .product-advice .filter-name::after {
	background-position: -124px -421px; border-radius: 50%; width: 25px; height: 25px; margin-right: 8px; vertical-align: middle; display: inline-block; background-color: rgb(51, 110, 164);
}
@media only screen and (min-width:46.87em)
{
.product-advice .icon {
	background-position: -118px -414px; width: 38px; height: 38px;
}
.product-advice .navigation-filters .filter-name::after {
	background-position: -118px -414px; width: 38px; height: 38px;
}
.navigation-filters .product-advice .filter-name::after {
	background-position: -118px -414px; width: 38px; height: 38px;
}
}
.slab-light {
	background-color: rgb(237, 237, 237);
}
.slab-extra-light {
	background-color: rgb(247, 247, 247);
}
.slab-white {
	background-color: rgb(255, 255, 255);
}
.slab-white-border {
	border: 1px solid rgb(226, 226, 226); border-image: none; background-color: rgb(255, 255, 255);
}
.slab-shadow {
	margin-bottom: 8px; box-shadow: 0px 4px 4px rgba(0,0,0,0.1);
}
.slick-slider {
	display: block; position: relative; box-sizing: border-box; -ms-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -moz-box-sizing: border-box; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; user-select: none;
}
.slick-list {
	margin: 0px; padding: 0px; overflow: hidden; display: block; position: relative;
}
.slick-list:focus {
	
}
.slick-loading .slick-list {
	background: no-repeat center rgb(255, 255, 255);
}
.slick-list.dragging {
	cursor: pointer;
}
.slick-slider .slick-track {
	transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);
}
.slick-track {
	left: 0px; top: 0px; display: block; position: relative;
}
.slick-track::before {
	display: table; content: "";
}
.slick-track::after {
	display: table; content: "";
}
.slick-track::after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}
.slick-slide {
	height: 100%; float: left; display: none; min-height: 1px;
}
[dir='rtl'] .slick-slide {
	float: right;
}
.slick-slide img {
	display: block;
}
.slick-slide.slick-loading img {
	display: none;
}
.slick-slide.dragging img {
	pointer-events: none;
}
.slick-initialized .slick-slide {
	display: block;
}
.slick-loading .slick-slide {
	visibility: hidden;
}
.slick-vertical .slick-slide {
	border: 1px solid transparent; border-image: none; height: auto; display: block;
}
.accesories .accesories-title {
	margin-right: 30px; display: inline-block;
}
.accesories .accesories-list {
	display: inline-block;
}
.accesories .accesories-list li {
	display: inline-block;
}
.accesories .accesories-list a {
	padding: 0px 15px; color: rgb(31, 134, 87); font-weight: 700;
}
.access-icon {
	text-align: center; color: rgb(255, 255, 255); border-bottom-color:#0099d2; border-bottom-width: 5px; border-bottom-style: solid; position: relative; cursor: pointer;
}
.access-icon a:hover .badge-icon {
	background: rgb(255, 255, 255);
}
.access-icon a:hover .icon-letter {
	background-position: -82px -159px;
}
.access-icon a:hover .icon-headsets {
	background-position: -82px -192px;
}
.access-icon a:hover .icon-kiosk {
	background-position: -82px -234px;
}
.access-icon a:hover .icon-radio {
	background-position: -82px -279px;
}
.access-icon img {
	width: 100%;
}
.access-icon .content {
	left: 0px; top: 0px; width: 100%; height: 100%; padding-top: 10%; position: absolute;
}
.access-icon .badge-icon {
	margin: -42px 0px 0px -42px; left: 50%; top: 50%; position: absolute;
}
.access-icon .heading {
	font-size: 1.5rem;
}
.access-icon p {
	left: 0px; width: 100%; bottom: 10%; font-size: 1rem; position: absolute;
}
@media only screen and (max-width:61.87em) and (min-width:46.87em)
{
.access-icon .heading {
	font-size: 1.25rem;
}
.access-icon p {
	font-size: 0.87rem;
}
}
@media only screen and (min-width:61.87em)
{
.access-icon .badge-icon {
	margin: -61px 0px 0px -61px;
}
.access-icon .heading {
	font-size: 1.37rem;
}
}
.badge {
	padding: 25px 0px; text-align: center; display: inline-block;
}
.badge-icon {
	background:#0099d2; border-radius: 50%; width: 72px; height: 72px; text-align: center; line-height: 72px; margin-bottom: 20px; display: inline-block; position: relative;
}
.badge-icon .icon {
	vertical-align: middle;
}
.badge-icon .navigation-filters .filter-name::after {
	vertical-align: middle;
}
.navigation-filters .badge-icon .filter-name::after {
	vertical-align: middle;
}
.csstransforms .badge-icon .icon {
	left: 50%; top: 50%; position: absolute; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);
}
.csstransforms .badge-icon .navigation-filters .filter-name::after {
	left: 50%; top: 50%; position: absolute; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);
}
.navigation-filters .csstransforms .badge-icon .filter-name::after {
	left: 50%; top: 50%; position: absolute; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);
}
.badge-icon.transparent {
	background: inherit; border: 2px solid#0099d2; border-image: none;
}
@media only screen and (max-width:46.87em) and (min-width:31.25em)
{
.badge-icon {
	width: 80px; height: 80px; line-height: 80px;
}
}
@media only screen and (min-width:46.87em)
{
.badge-icon {
	width: 80px; height: 80px; line-height: 80px;
}
}
.badge-icon.xl {
	width: 84px; height: 84px; line-height: 84px;
}
@media only screen and (min-width:61.87em)
{
.badge-icon.xl {
	width: 122px; height: 122px; line-height: 122px;
}
}
.badge-info {
	text-align: center; color: rgb(123, 123, 123); font-size: 0.81rem;
}
.badge-lateral {
	padding: 10px 0px; text-align: left;
}
.badge-lateral::after {
	clear: both; display: table; content: "";
}
.badge-lateral .badge-icon {
	margin: 0px; float: left;
}
.badge-lateral .badge-info {
	padding: 8px 8px 4px 82px; text-align: left;
}
.badge-lateral .badge-info .h-epsilon {
	color: rgb(0, 0, 0); margin-bottom: 8px;
}
@media only screen and (max-width:46.87em) and (min-width:31.25em)
{
.badge-lateral .badge-info {
	padding-left: 90px;
}
}
@media only screen and (min-width:46.87em)
{
.badge-lateral .badge-info {
	padding-left: 98px;
}
}
@media only screen and (min-width:46.87em)
{
.badge-lateral {
	padding: 16px 0px;
}
}
.semi-transparent .badge-info {
	font-size: 1.12rem; margin-top: 15px;
}
.semi-transparent .strong {
	color: rgb(0, 0, 0);
}
@media only screen and (min-width:46.87em)
{
.badge-big-wrapper {
	border-radius: 50%; border: 1px solid rgb(31, 134, 87); border-image: none; width: 180px; height: 180px; line-height: 180px; position: relative; -moz-border-radius: 50%; -webkit-border-radius: 50%;
}
.csstransforms .badge-big-wrapper .badge-icon {
	left: 50%; top: 50%; position: absolute; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);
}
}
.badge-simple .badge-icon {
	background: none; width: auto; height: auto;
}
.box {
	padding: 14px; border: 1px solid rgb(224, 224, 224); border-image: none; text-align: center; position: relative;
}
.box .button {
	margin-top: 12px; min-width: 80px;
}
@media only screen and (min-width:61.87em)
{
.box .box-heading-highlight {
	font-size: 1.37rem; min-height: 52px;
}
.box .box-subheading {
	font-size: 1.25rem;
}
.box .box-subheading::after {
	width: 84px;
}
}
.box-photo {
	padding: 30px 0px 20px; display: block;
}
.box-heading {
	font-size: 1rem; font-weight: normal; min-height: 38px;
}
.box-heading-highlight {
	font-size: 1.06rem; min-height: 40px;
}
@media only screen and (max-width:61.87em) and (min-width:46.87em)
{
.box-heading-highlight {
	font-size: 1rem;
}
}
@media only screen and (min-width:61.87em)
{
.box-heading-highlight {
	font-size: 1.37rem; min-height: 52px;
}
}
.box-subheading {
	color: rgb(123, 123, 123); font-size: 1rem; font-weight: bold; margin-top: 14px; position: relative;
}
.box-subheading span {
	display: block;
}
.box-subheading::after {
	background: rgb(204, 204, 204); margin: 10px auto 0px; width: 66px; height: 1px; display: block; content: "";
}
@media only screen and (max-width:61.87em) and (min-width:46.87em)
{
.box-subheading {
	font-size: 0.81rem;
}
}
@media only screen and (min-width:61.87em)
{
.box-subheading {
	font-size: 1.25rem;
}
.box-subheading::after {
	width: 84px;
}
}
.box-price {
	font-size: 1rem; font-weight: bold; margin-top: 10px;
}
.box-price-offer span {
	padding: 0px 4px;
}
.box-price-offer strong {
	padding: 0px 4px;
}
.box-price-offer .reduced {
	color: rgb(255, 51, 0);
}
.box-price-offer .normal {
	font-weight: normal; text-decoration: line-through;
}
.box-price-offer .text {
	color: rgb(31, 134, 87);
}
.box-link {
	color: rgb(31, 134, 87); font-size: 0.93rem; font-weight: bold; margin-top: 12px; display: block;
}
.box-details .rating {
	width: 49%; vertical-align: middle; display: inline-block;
}
.box-details .box-price {
	width: 49%; vertical-align: middle; display: inline-block;
}
.box-details .rating .comments {
	margin: 4px 0px 0px; display: block;
}
.box-details .box-price {
	color: rgb(31, 134, 87); font-size: 1.25rem;
}
.box-details .box-price .normal {
	color: rgb(57, 57, 57); font-size: 0.81rem; display: block;
}
.box .progress-bar {
	left: 0px; top: 15px; width: 100%; position: absolute;
}
.box-promo {
	background: rgb(255, 51, 0); border-radius: 100px; top: 10px; width: 65px; height: 65px; text-align: center; right: 18%; color: rgb(255, 255, 255); line-height: 65px; font-size: 1rem; display: block; position: absolute;
}
.box-highlight {
	background: linear-gradient(rgb(223, 247, 236) 0%, rgb(255, 255, 255) 100%) rgb(223, 247, 236);
}
.box-features {
	top: 30px; right: 30px; position: absolute;
}
.box-feature {
	border-radius: 100px; width: 38px; height: 38px; color: rgb(255, 255, 255); line-height: 38px; margin-bottom: 5px;
}
.box-feature.red {
	background: rgb(223, 82, 64);
}
.box-feature.blue {
	background: rgb(62, 110, 167);
}
.box-feature.green {
	background: #0099d2;
}
@media only screen and (max-width:46.87em)
{
.box-view-more {
	margin: 0px; padding: 0px; width: 100%; display: table; border-collapse: collapse;
}
.box-view-more .main-list {
	display: block;
}
.box-view-more .main-list li {
	border: currentColor; border-image: none;
}
.box-view-more .button {
	background: none; padding: 10px 0px; border: currentColor; border-image: none; color: rgb(31, 134, 87); margin-top: 0px;
}
.box-view-more .content {
	margin: 0px; padding: 0px; vertical-align: middle; display: table-cell;
}
}
@media only screen and (min-width:46.87em)
{
.box-view-more {
	text-align: left;
}
.box-view-more .button {
	display: block;
}
}
@media only screen and (min-width:61.87em)
{
.box-view-more .h-gamma {
	margin: 10px 0px;
}
.box-view-more .button {
	margin-top: 20px;
}
}
.grid-box {
	letter-spacing: -0.35em;
}
.grid-box .box {
	width: 50%; letter-spacing: normal; font-size: 1rem; vertical-align: top; border-top-color: currentColor; border-left-color: currentColor; border-top-width: medium; border-left-width: medium; border-top-style: none; border-left-style: none; display: inline-block;
}
.grid-box :last-child.box {
	border-right-color: transparent;
}
.grid-box .box-big {
	width: 100%;
}
@media only screen and (max-width:46.87em)
{
.grid-box :nth-child(2n).box {
	border-right-color: transparent;
}
}
@media only screen and (max-width:61.87em) and (min-width:46.87em)
{
.grid-box .box {
	width: 33.33%;
}
.grid-box :nth-child(3n).box {
	border-right-color: transparent;
}
.grid-box .box-big {
	width: 50%;
}
}
@media only screen and (min-width:61.87em)
{
.grid-box .box {
	width: 25%;
}
.grid-box :nth-child(4n).box {
	border-right-color: transparent;
}
.grid-box .box-big {
	width: 50%;
}
}
.grid-special {
	letter-spacing: -0.35em;
}
.grid-special .box {
	width: 50%; letter-spacing: normal; vertical-align: top; border-top-color: currentColor; border-left-color: currentColor; border-top-width: medium; border-left-width: medium; border-top-style: none; border-left-style: none; display: inline-block;
}
.grid-special :last-child.box {
	border-right-color: transparent;
}
.grid-special .box-big {
	width: 100%;
}
@media only screen and (max-width:46.87em)
{
.grid-special :nth-child(2).box {
	border-right-color: transparent;
}
.grid-special :nth-child(3).box {
	border-right-color: transparent;
}
.grid-special :nth-child(5).box {
	border-right-color: transparent;
}
}
@media only screen and (min-width:46.87em)
{
.grid-special .box {
	width: 25%;
}
.grid-special :nth-child(3).box {
	border-right-color: transparent;
}
.grid-special :nth-child(7).box {
	border-right-color: transparent;
}
.grid-special .box-big {
	width: 50%;
}
}
.grid-box-thirds {
	letter-spacing: -0.35em;
}
.grid-box-thirds .box {
	width: 50%; letter-spacing: normal; vertical-align: top; border-top-color: currentColor; border-left-color: currentColor; border-top-width: medium; border-left-width: medium; border-top-style: none; border-left-style: none; display: inline-block;
}
.grid-box-thirds :last-child.box {
	border-right-color: transparent;
}
@media only screen and (max-width:46.87em)
{
.grid-box-thirds :nth-child(2n).box {
	border-right-color: transparent;
}
}
@media only screen and (min-width:46.87em)
{
.grid-box-thirds .box {
	width: 33.33%;
}
.grid-box-thirds :nth-child(3n).box {
	border-right-color: transparent;
}
}
.list-box .box {
	border: currentColor; border-image: none;
}
@media only screen and (min-width:46.87em)
{
.list-box + .list-box {
	border-left-color: rgb(224, 224, 224); border-left-width: 1px; border-left-style: solid;
}
}
.box-banner {
	padding: 0px; border: currentColor; border-image: none; overflow: hidden; position: relative;
}
.box-banner img {
	height: 100%; max-height: none; min-width: 100%; max-width: none;
}
.csstransforms .box-banner .content {
	left: 50%; top: 50%; position: absolute; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);
}
.box-banner .content {
	top: 40%; width: 80%; text-align: center; color: rgb(255, 255, 255); position: absolute;
}
.box-banner .h-delta {
	margin-bottom: 20px;
}
.box-banner .banner-subtitle {
	font-size: 1.12rem; margin-top: 25px;
}
.box-banner.sm img {
	width: 100%;
}
.box-big {
	overflow: hidden;
}
.box-big .box-photo {
	width: 50%; vertical-align: middle; display: inline-block;
}
.box-big .box-photo img {
	height: auto; max-width: 100%;
}
.box-big .box-info {
	width: 45%; vertical-align: middle; display: inline-block;
}
.box-big .box-info.left {
	padding-right: 25px;
}
.box-big .box-info.right {
	padding-left: 25px;
}
.box-big .box-info .box-heading {
	font-size: 1.5rem; margin-bottom: 15px;
}
.box-big .rating {
	width: 100%;
}
.box-big .rating span {
	display: inline-block;
}
.box-big .rating .comments {
	font-size: 0.81rem; display: inline-block;
}
.box-big .box-price span {
	display: block;
}
.box-big .box-price .normal {
	font-size: 1.25rem; margin-bottom: 5px;
}
.box-big .box-price .reduced {
	font-size: 1.75rem;
}
.top-bar .box {
	padding-top: 50px;
}
.top-bar .box-promo {
	top: 30px;
}
.breadcrumb {
	display: none;
}
@media only screen and (min-width:61.87em)
{
.breadcrumb {
	padding: 19px 0px 14px; display: block;
}
.breadcrumb::after {
	clear: both; display: table; content: "";
}
.breadcrumb li {
	color: rgb(123, 123, 123); font-size: 0.87rem; float: left;
}
.breadcrumb a {
	display: block;
}
.breadcrumb a span {
	padding: 0px 10px;
}
.breadcrumb .current {
	color: rgb(0, 0, 0);
}
}
@media only screen and (max-width:61.87em)
{
.breadcrumb {
	padding: 19px 0px 14px; display: block;
}
.breadcrumb::after {
	clear: both; display: table; content: "";
}
.breadcrumb li {
	color: rgb(123, 123, 123); font-size: 0.87rem; float: left;
}
.breadcrumb a {
	display: block;
}
.breadcrumb a span {
	padding: 0px 10px;
}
.breadcrumb .current {
	color: rgb(0, 0, 0);
}
}
.buying-actions {
	margin: 10px 0px; padding: 20px;
}
@media only screen and (min-width:46.87em)
{
.buying-actions {
	padding: 20px 12px;
}
}
.buying-actions .one-half {
	padding: 0px 8px;
}
.buying-actions .two-quarters {
	padding: 0px 8px;
}
.buying-actions .three-sixths {
	padding: 0px 8px;
}
@media only screen and (min-width:46.87em)
{
.buying-actions .one-half {
	padding: 0px;
}
.buying-actions .two-quarters {
	padding: 0px;
}
.buying-actions .three-sixths {
	padding: 0px;
}
}
.buying-actions .button-light {
	padding: 15px 8px; margin-top: 10px;
}
.buying-actions .button {
	padding: 15px 8px; margin-top: 10px;
}
@media only screen and (min-width:46.87em)
{
.buying-actions .button-light {
	margin: 0px; width: 100%;
}
.buying-actions .button {
	margin: 0px; width: 100%;
}
}
@media only screen and (min-width:46.87em)
{
.buying-actions .gi {
	padding: 0px 8px; vertical-align: middle;
}
}
.buying-price {
	padding: 20px 0px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid;
}
.buying-price .price {
	color: rgb(255, 51, 0); font-size: 1.5rem; font-weight: normal; margin-right: 8px;
}
@media only screen and (min-width:46.87em)
{
.buying-price .price {
	font-size: 1.87rem;
}
}
.buying-price .old-price {
	font-size: 1rem; font-weight: 300; text-decoration: line-through;
}
@media only screen and (min-width:46.87em)
{
.buying-price .old-price {
	font-size: 1.25rem;
}
}
.buying-price .text {
	color: rgb(31, 134, 87); line-height: 30px; font-size: 0.81rem; float: right;
}
@media only screen and (min-width:46.87em)
{
.buying-price .text {
	line-height: 36px;
}
}
.cart-product {
	padding: 20px 0px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid;
}
.cart-product::after {
	clear: both; display: table; content: "";
}
@media only screen and (min-width:46.87em)
{
.cart-product {
	padding: 20px 10px;
}
}
.cart-product-image {
	width: 78px; text-align: center; float: left;
}
.cart-product-info {
	padding-left: 88px; position: relative;
}
.cart-product-info::after {
	clear: both; display: table; content: "";
}
.cart-product-description {
	font-size: 1rem;
}
.cart-product-description p {
	margin-top: 8px;
}
.cart-product-description .heading {
	color: rgb(0, 0, 0); font-size: 1rem; font-weight: bold; display: block;
}
@media only screen and (min-width:46.87em)
{
.cart-product-description {
	font-size: 0.81rem;
}
.cart-product-description .heading {
	color: rgb(0, 0, 0); font-size: 0.87rem;
}
}
.cart-product-price {
	font-size: 1.5rem;
}
.cart-product-price .reduced {
	color: rgb(57, 57, 57); font-size: 1rem; font-weight: normal; text-decoration: line-through; display: block;
}
.cart-product-price.offer {
	color: rgb(255, 51, 0); font-size: 1.12rem;
}
.cart-product-price.highlight {
	color: rgb(31, 134, 87); font-size: 1.12rem;
}
@media only screen and (min-width:46.87em)
{
.cart-product-price {
	font-size: 1.25rem;
}
.cart-product-price .reduced {
	font-size: 0.87rem;
}
.cart-product-price .highlight {
	font-size: 1rem;
}
}
.cart-product-l .cart-product-image {
	width: 78px;
}
.cart-product-l .cart-product-info {
	padding-left: 88px;
}
@media only screen and (min-width:46.87em)
{
.cart-product-l .cart-product-image {
	width: 114px;
}
.cart-product-l .cart-product-info {
	padding-left: 134px;
}
.cart-product-l .cart-product-description {
	font-size: 0.87rem;
}
.cart-product-l .cart-product-description .heading {
	font-size: 1rem;
}
}
:last-child.cart-product-l {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.confirmation-message {
	padding: 34px 10px; text-align: center; overflow: hidden; border-bottom-color: rgb(237, 237, 237); border-bottom-width: 1px; border-bottom-style: solid; position: relative;
}
.confirmation-message .content-message {
	margin: 0px auto; width: 80%;
}
.confirmation-message .icon {
	margin-bottom: 20px;
}
.confirmation-message .navigation-filters .filter-name::after {
	margin-bottom: 20px;
}
.navigation-filters .confirmation-message .filter-name::after {
	margin-bottom: 20px;
}
@media only screen and (min-width:46.87em)
{
.confirmation-message {
	padding: 52px 10px;
}
.confirmation-message .content-message {
	width: 60%; max-width: 500px;
}
.confirmation-message .icon {
	margin: 0px 20px 0px 0px; float: left;
}
.confirmation-message .navigation-filters .filter-name::after {
	margin: 0px 20px 0px 0px; float: left;
}
.navigation-filters .confirmation-message .filter-name::after {
	margin: 0px 20px 0px 0px; float: left;
}
.confirmation-message .h-delta {
	padding: 10px 0px;
}
}
@media only screen and (min-width:46.87em)
{
.confirmation-message {
	padding: 85px 10px;
}
}
.counter-box {
	font-size: 0.87rem; position: relative;
}
.counter-box .number {
	background: none; padding: 10px 28px; text-align: center;
}
.counter-box .btn {
	top: 0px; width: 40px; height: 100%; text-align: center; color: rgb(123, 123, 123); line-height: 40px; position: absolute; cursor: pointer;
}
.counter-box .minus {
	left: 0px;
}
.counter-box .plus {
	right: 0px;
}
.counter-box + p {
	font-size: 0.87rem; margin-top: 6px;
}
.delivery-specs {
	margin: 20px 0px 0px;
}
.delivery-specs .gi {
	padding: 0px 8px; text-align: center; border-right-color: rgb(204, 204, 204); border-right-width: 1px; border-right-style: solid;
}
.delivery-specs :last-child.gi {
	border: currentColor; border-image: none;
}
.feature-product {
	position: relative;
}
@media only screen and (max-width:46.87em)
{
.feature-product {
	margin: 10px 0px;
}
}
.feature-product-image {
	width: 100%;
}
.feature-product-content {
	padding: 10% 10px 10% 45%; left: 0px; top: 0px; width: 100%; color: rgb(255, 255, 255); position: absolute;
}
.feature-product-content.dark {
	color: rgb(57, 57, 57);
}
@media only screen and (max-width:46.87em) and (min-width:31.25em)
{
.feature-product-content {
	padding-bottom: 6%;
}
}
@media only screen and (max-width:61.87em) and (min-width:46.87em)
{
.feature-product-content {
	padding-bottom: 6%;
}
}
@media only screen and (min-width:61.87em)
{
.feature-product-content {
	padding-bottom: 6%;
}
}
.feature-product-heading {
	height: 2.1em; color: rgb(31, 134, 87); line-height: 1.1; font-size: 2.12rem; font-weight: normal;
}
@media only screen and (max-width:46.87em) and (min-width:31.25em)
{
.feature-product-heading {
	font-size: 2.75rem;
}
}
@media only screen and (max-width:61.87em) and (min-width:46.87em)
{
.feature-product-heading {
	font-size: 2.37rem;
}
}
@media only screen and (min-width:61.87em)
{
.feature-product-heading {
	font-size: 2.81rem;
}
}
@media only screen and (min-width:75em)
{
.feature-product-heading {
	font-size: 3.75rem;
}
}
.feature-product-description {
	line-height: 1.2; font-size: 1.62rem; margin-top: 6px;
}
.feature-product-description strong {
	font-size: 1.37rem; display: block;
}
@media only screen and (max-width:46.87em) and (min-width:31.25em)
{
.feature-product-description {
	font-size: 2.12rem; margin-top: 20px;
}
.feature-product-description strong {
	font-size: 1.62rem;
}
}
@media only screen and (max-width:61.87em) and (min-width:46.87em)
{
.feature-product-description {
	font-size: 1.93rem;
}
.feature-product-description strong {
	font-size: 1.5rem;
}
}
@media only screen and (min-width:61.87em)
{
.feature-product-description {
	font-size: 2.37rem;
}
.feature-product-description strong {
	font-size: 2.18rem;
}
}
@media only screen and (min-width:75em)
{
.feature-product-description {
	margin-top: 15px;
}
}
.filter-check {
	text-align: center;
}
.filter-check .filter-check-title {
	display: none;
}
.filter-check .check-item {
	margin-right: 8px; display: inline-block;
}
.filter-check .field {
	margin-bottom: 0px;
}
.filter-check .checkbox {
	visibility: hidden; position: relative; z-index: 10;
}
.filter-check label {
	padding: 0px 5px; left: 0px; top: 0px; width: 100%; height: 46px; text-align: center; line-height: 46px; font-size: 0.87rem; position: absolute; z-index: 0; cursor: pointer;
}
.filter-check .checked_checkbox + label {
	border-radius: 3px; border: 1px solid rgb(31, 134, 87); border-image: none; color: rgb(31, 134, 87); -moz-border-radius: 3px; -webkit-border-radius: 3px;
}
@media only screen and (min-width:61.87em)
{
.filter-check {
	padding: 30px; text-align: left;
}
.filter-check .filter-check-title {
	font-weight: bold; display: block;
}
.filter-check .check-item {
	margin-bottom: 35px; display: block;
}
.filter-check label {
	height: 25px; text-align: left; line-height: 25px; display: inline; position: static;
}
.filter-check .checked_checkbox + label {
	border-radius: 3px; border: currentColor; border-image: none; color: rgb(57, 57, 57); -moz-border-radius: 3px; -webkit-border-radius: 3px;
}
.filter-check .checkbox {
	margin: 0px 20px 0px 0px; border-radius: 2px; width: 24px; height: 24px; visibility: visible; -moz-border-radius: 2px; -webkit-border-radius: 2px;
}
.filter-check .checkbox::before {
	left: 3px; top: 3px; width: 16px; height: 16px;
}
.csstransforms .filter-check .checkbox::before {
	left: 50%; top: 50%; position: absolute; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);
}
.filter-check .filter-check {
	font-size: 0.87rem;
}
.filter-check label {
	font-size: 0.87rem;
}
.filter-check .filter-check-title {
	font-size: 0.87rem;
}
}
.filter-product {
	background: rgb(249, 249, 249); padding: 12px 20px;
}
.filter-product .filter-title {
	width: 100%; text-align: left; display: block;
}
.filter-product .filters {
	width: 100%; text-align: left; display: block;
}
.filter-product .filter-title {
	width: 34%;
}
.filter-product .filter-title {
	font-size: 0.87rem; vertical-align: middle; display: inline-block;
}
.filter-product .filters {
	font-size: 0.87rem; vertical-align: middle; display: inline-block;
}
.filter-product .filters {
	width: 65%; text-align: right;
}
.filter-product .filters li {
	padding-left: 10px; vertical-align: middle; display: inline-block;
}
.filter-product .filters li .icons {
	line-height: 0.6; vertical-align: middle; display: inline-block;
}
.filter-product .filters li .icons .top.active .icon {
	background-position: -190px -554px;
}
.filter-product .filters li .icons .top.active .navigation-filters .filter-name::after {
	background-position: -190px -554px;
}
.navigation-filters .filter-product .filters li .icons .top.active .filter-name::after {
	background-position: -190px -554px;
}
.filter-product .filters li .icons .bottom.active .icon {
	background-position: -190px -564px;
}
.filter-product .filters li .icons .bottom.active .navigation-filters .filter-name::after {
	background-position: -190px -564px;
}
.navigation-filters .filter-product .filters li .icons .bottom.active .filter-name::after {
	background-position: -190px -564px;
}
.filter-product .filters li.active .text {
	color: rgb(31, 134, 87);
}
@media only screen and (min-width:61.87em)
{
.filter-product {
	margin: 0px auto; width: 92%;
}
}
.filter-product + .grid-box-thirds {
	border-top-color: rgb(224, 224, 224); border-top-width: 1px; border-top-style: solid;
}
.hero {
	position: relative;
}
.hero-image img {
	width: 100%; height: auto; display: inline-block;
}
@media only screen and (min-width:46.87em)
{
.hero-image {
	overflow: hidden; position: relative; max-height: 472px;
}
.hero-image.center {
	height: 364px;
}
.hero-image.center img {
	top: 50%; margin-top: -25%; position: relative;
}
.csstransforms .hero-image.center img {
	margin: 0px; top: 50%; position: relative; transform: translateY(-50%); -webkit-transform: translateY(-50%);
}
}
@media only screen and (min-width:61.87em)
{
.hero-image {
	max-height: 542px;
}
.hero-image.center {
	height: 525px;
}
}
@media all and (min-width:1920px)
{
.hero-image {
	max-height: 640px;
}
.hero-image.center {
	height: 640px;
}
}
.hero-content {
	top: 50%; text-align: center; position: absolute; transform: translateY(-50%); -webkit-transform: translateY(-50%);
}
.no-csstransforms .hero-content {
	top: 24%;
}
.hero-content .title {
	color: rgb(31, 134, 87); line-height: 1; font-size: 2.5rem; font-weight: normal;
}
.hero-content .title span {
	line-height: 1;
}
.hero-content .subtitle {
	font-size: 1.12rem;
}
.hero-content .subtitle strong {
	line-height: 1.1; font-size: 2.37rem; display: block;
}
.hero-content .button {
	margin-top: 20px;
}
.hero-content.light .title {
	color: rgb(255, 255, 255);
}
.hero-content.light .subtitle {
	color: rgb(255, 255, 255);
}
@media only screen and (max-width:46.87em) and (min-width:31.25em)
{
.hero-content .title span {
	font-size: 3.75rem;
}
.hero-content .subtitle {
	font-size: 1.5rem;
}
.hero-content .subtitle strong {
	font-size: 2.75rem;
}
}
@media only screen and (min-width:46.87em)
{
.hero-content .title {
	font-size: 2.37rem;
}
.hero-content .title span {
	font-size: 4.12rem;
}
.hero-content .subtitle {
	font-size: 2rem;
}
.hero-content .subtitle strong {
	font-size: 3.12rem;
}
}
@media only screen and (min-width:75em)
{
.hero-content .title {
	font-size: 3.31rem;
}
.hero-content .title span {
	font-size: 5.93rem;
}
.hero-content .subtitle {
	font-size: 2.87rem;
}
.hero-content .subtitle strong {
	font-size: 4.56rem;
}
}
@media only screen and (max-width:46.87em)
{
.hero-content-right {
	left: 5%; top: 8%; text-align: left; transform: none; -webkit-transform: none;
}
}
@media only screen and (max-width:61.87em) and (min-width:46.87em)
{
.hero-content-right {
	right: 35px;
}
}
@media only screen and (min-width:61.87em)
{
.hero-content-right {
	right: 10%;
}
}
.hero-content-left {
	width: 50%;
}
.hero-content-invisible {
	display: none;
}
.hero-tabs {
	position: relative;
}
.hero-tabs-panel-wrapper {
	padding: 0px; left: 0px; top: 0px; width: 100%; height: 100%; right: 0px; position: absolute;
}
.hero-tabs-panel {
	width: 100%; height: 100%;
}
.hero-tabs-panel .slick-list {
	height: 100%;
}
.hero-tabs-panel .slick-list .slick-track {
	height: 100%;
}
.hero-tabs-panel .slick-list .slick-track .hero-panel {
	padding: 0px;
}
.hero-tabs-panel .slick-list .slick-track .hero-panel .hero-panel-custom {
	background: rgba(0, 0, 0, 0.7); padding: 32px 12px 68px; width: 50%; height: 100%; max-width: 400px;
}
@media only screen and (min-width:46.87em)
{
.hero-tabs-panel .slick-list .slick-track .hero-panel .hero-panel-custom {
	width: 44%;
}
}
@media only screen and (min-width:61.87em)
{
.hero-tabs-panel .slick-list .slick-track .hero-panel .hero-panel-custom {
	max-width: 332px;
}
}
.hero-panel {
	padding: 32px 12px 68px; color: rgb(255, 255, 255);
}
.hero-panel .antetitle {
	color: rgb(31, 134, 87); padding-bottom: 10px; font-size: 1.75rem; border-bottom-color: currentColor; border-bottom-width: 1px; border-bottom-style: solid; display: block;
}
.hero-panel .title {
	font-size: 2.12rem; font-weight: normal; margin-top: 10px;
}
.hero-panel .subtitle {
	font-size: 1.12rem; margin-top: 4px;
}
@media only screen and (max-width:46.87em) and (min-width:31.25em)
{
.hero-panel .antetitle {
	font-size: 2.37rem;
}
.hero-panel .title {
	font-size: 2.75rem; margin-top: 10px;
}
.hero-panel .subtitle {
	font-size: 1.5rem; margin-top: 4px;
}
}
@media only screen and (min-width:46.87em)
{
.hero-panel {
	width: 44%;
}
.hero-panel .antetitle {
	font-size: 3.87rem;
}
.hero-panel .title {
	font-size: 4.25rem;
}
.hero-panel .subtitle {
	font-size: 2rem;
}
}
.hero-tab-group {
	left: 0px; width: 100%; bottom: 0px; letter-spacing: -0.35em; position: absolute;
}
@media only screen and (min-width:46.87em)
{
.hero-tab-group {
	width: 44%; position: absolute; max-width: 400px;
}
}
@media only screen and (min-width:61.87em)
{
.hero-tab-group {
	max-width: 332px;
}
}
.hero-tab {
	background:#0099d2; padding: 16px; width: 33.3%; color: rgb(255, 255, 255); line-height: 1; letter-spacing: normal; font-size: 1.5rem; font-weight: bold; vertical-align: bottom; border-right-color: rgb(39, 161, 103); border-right-width: 1px; border-right-style: solid; display: inline-block; cursor: pointer;
}
:last-child.hero-tab {
	border-right-color: currentColor; border-right-width: medium; border-right-style: none;
}
.hero-tab.active {
	border-top-color: rgb(38, 157, 100); border-top-width: 4px; border-top-style: solid;
}
@media only screen and (min-width:46.87em)
{
.hero-tab {
	font-size: 1.12rem;
}
}
.icon-list {
	font-size: 1.12rem;
}
.icon-list li {
	padding: 10px 0px;
}
.icon-list .icon-wrapper {
	text-align: center; margin-right: 12px; vertical-align: middle; display: inline-block; min-width: 34px;
}
@media only screen and (min-width:46.87em)
{
.icon-list {
	font-size: 0.93rem;
}
}
.menu-tabs li {
	background: rgb(247, 247, 247); border-width: 1px 1px 1px medium; border-style: solid solid solid none; border-color: rgb(228, 228, 228) rgb(228, 228, 228) rgb(228, 228, 228) currentColor; border-image: none; text-align: center; vertical-align: bottom; display: inline-block;
}
.menu-tabs li:first-child {
	border-left-color: rgb(228, 228, 228); border-left-width: 1px; border-left-style: solid;
}
.menu-tabs li a {
	padding: 20px; color: rgb(123, 123, 123); font-size: 0.81rem; font-weight: 700; display: block;
}
@media only screen and (min-width:46.87em)
{
.menu-tabs li a {
	font-size: 1rem;
}
}
.menu-tabs li.is-active {
	background: rgb(255, 255, 255); border-top-color: rgb(31, 134, 87); border-bottom-color: currentColor; border-top-width: 4px; border-bottom-width: medium; border-top-style: solid; border-bottom-style: none;
}
.menu-tabs li.is-active a {
	color: rgb(0, 0, 0); font-weight: 700;
}
.menu-tabs .current {
	display: none;
}
@media only screen and (max-width:46.87em)
{
.menu-tabs.mobile-drop-menu {
	margin: 10px; position: relative;
}
.menu-tabs.mobile-drop-menu .mobile-drop-menu-name {
	padding: 10px 18px; border: 1px solid rgb(204, 204, 204); border-image: none; color: rgb(57, 57, 57); font-size: 1.12rem; position: relative;
}
.menu-tabs.mobile-drop-menu .mobile-drop-menu-name .current {
	color: rgb(123, 123, 123); display: block;
}
.menu-tabs.mobile-drop-menu .mobile-drop-menu-name::after {
	background-position: -158px -198px; top: 0px; width: 50px; height: 100%; right: 0px; bottom: 0px; display: block; position: absolute; content: ""; background-image: url("../image/sprite-icons.svg"); background-repeat: no-repeat; background-color:#0099d2;
}
.menu-tabs.mobile-drop-menu ul {
	background: rgb(247, 247, 247); border-radius: 2px; border: 1px solid rgb(204, 204, 204); border-image: none; left: 0px; top: 99%; width: 100%; display: none; position: absolute; z-index: 100;
}
.menu-tabs.mobile-drop-menu li {
	background: rgb(255, 255, 255); border-width: medium medium 1px; border-style: none none solid; border-color: currentColor currentColor rgb(204, 204, 204); margin: 0px; border-image: none; width: 100%; font-size: 1rem; display: block;
}
.menu-tabs.mobile-drop-menu li a {
	padding: 15px; display: block;
}
.menu-tabs.mobile-drop-menu li:last-child {
	border: currentColor; border-image: none;
}
.menu-tabs.mobile-drop-menu li.is-active {
	border-top-color: currentColor; border-top-width: medium; border-top-style: none;
}
.menu-tabs.mobile-drop-menu li.is-active a {
	color: rgb(123, 123, 123);
}
.menu-tabs.is-open ul {
	display: block;
}
}
.menu-tabs.lateral {
	display: none;
}
.menu-tabs.lateral li {
	background: rgb(247, 247, 247); border-width: medium medium 1px; border-style: none none solid; border-color: currentColor currentColor rgb(226, 226, 226); width: 100%; text-align: left; display: block;
}
.menu-tabs.lateral li:first-child {
	border-top-color: rgb(226, 226, 226); border-top-width: 1px; border-top-style: solid;
}
.menu-tabs.lateral li.is-active {
	background: rgb(255, 255, 255); border-left-color: rgb(31, 134, 87); border-left-width: 4px; border-left-style: solid;
}
@media only screen and (min-width:46.87em)
{
.menu-tabs.lateral .menu-tabs-plan {
	padding: 0px;
}
}
@media only screen and (min-width:61.87em)
{
.menu-tabs.lateral {
	display: block;
}
}
.news {
	overflow: hidden; padding-bottom: 10px; font-size: 0.87rem;
}
@media only screen and (min-width:61.87em)
{
.news {
	font-size: 1rem;
}
}
.news-photo {
	float: left; display: block;
}
@media only screen and (max-width:46.87em)
{
.news-photo {
	width: 58px;
}
}
@media only screen and (max-width:61.87em) and (min-width:46.87em)
{
.news-photo {
	width: 40px;
}
}
@media only screen and (min-width:61.87em)
{
.news-photo {
	width: 68px;
}
}
.news-text {
	padding: 12px 0px; line-height: 1.3; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid; display: block;
}
@media only screen and (max-width:46.87em)
{
.news-text {
	margin-left: 70px; min-height: 64px;
}
}
@media only screen and (max-width:61.87em) and (min-width:46.87em)
{
.news-text {
	padding: 2px 0px; margin-left: 50px; min-height: 48px;
}
}
@media only screen and (min-width:61.87em)
{
.news-text {
	margin-left: 80px; min-height: 80px;
}
}
.navigation {
	color: rgb(123, 123, 123); font-size: 0.87rem; font-weight: bold;
}
.navigation li {
	margin: 0px 14px; display: inline-block;
}
.navigation a {
	padding: 4px 2px; display: inline-block;
}
.navigation span {
	color: rgb(57, 57, 57);
}
.navigation a:hover {
	color: rgb(57, 57, 57); font-weight: bold;
}
.navigation .is-active a {
	color: rgb(57, 57, 57); font-weight: bold;
}
.navigation .is-active a {
	border-bottom-color:#0099d2; border-bottom-width: 2px; border-bottom-style: solid;
}
@media only screen and (min-width:61.87em)
{
.navigation {
	font-size: 1rem;
}
}
.navigation-filters {
	margin: 0px 0.75em; position: relative;
}
.navigation-filters li {
	font-size: 0.87rem;
}
.navigation-filters .filter-name {
	font-size: 0.87rem; font-weight: bold;
}
@media only screen and (max-width:46.87em)
{
.navigation-filters .filter-name {
	padding: 10px 18px; border: 1px solid rgb(204, 204, 204); border-image: none; color: rgb(57, 57, 57); font-size: 1.12rem; position: relative;
}
.navigation-filters .filter-name .current {
	color: rgb(123, 123, 123);
}
.navigation-filters .filter-name::after {
	top: 16px; right: 10px; position: absolute; content: "";
}
.navigation-filters ul {
	background: rgb(247, 247, 247); border-radius: 2px; border: 1px solid rgb(204, 204, 204); border-image: none; left: 0px; top: 99%; width: 100%; display: none; position: absolute; z-index: 100;
}
.navigation-filters li {
	margin: 0px; padding: 6px 14px; font-size: 1rem; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid; display: block;
}
.navigation-filters li a {
	display: block;
}
.navigation-filters li:last-child {
	border: currentColor; border-image: none;
}
.navigation-filters li.is-active a {
	border: currentColor; border-image: none;
}
}
.navigation-filters.is-open ul {
	display: block;
}
@media only screen and (min-width:46.87em)
{
.navigation-filters {
	text-align: right;
}
.navigation-filters .filter-name {
	display: inline-block;
}
.navigation-filters ul {
	display: inline-block;
}
.navigation-filters .filter-name .current {
	display: none;
}
}
.navi-scroll {
	width: 42px; right: 32px; bottom: 32px; display: none; position: fixed; z-index: 999; min-height: 74px;
}
@media only screen and (max-width:46.87em)
{
.navi-scroll {
	width: 48px; right: 6px; bottom: 30px; min-height: 92px;
}
}
.navi-scroll .navi-scroll-content {
	width: 100%; height: 100%; text-align: center; position: relative;
}
.navi-scroll .navi-scroll-content a {
	width: 42px; height: 36px; overflow: hidden; display: block; position: relative; background-color: rgb(237, 237, 237);
}
@media only screen and (max-width:46.87em)
{
.navi-scroll .navi-scroll-content a {
	width: 48px; height: 43px; background-color: rgba(237, 237, 237, 0.6);
}
}
.navi-scroll .navi-scroll-content a span {
	width: 78px; height: 36px; text-align: center; color: rgb(255, 255, 255); line-height: 36px; font-size: 14px; display: none;
}
.navi-scroll .navi-scroll-content a i {
	background-position: center; top: 50%; width: 20px; height: 20px; right: 0px; position: absolute; background-repeat: no-repeat;
}
@media only screen and (max-width:46.87em)
{
.navi-scroll .navi-scroll-content a i {
	width: 48px; height: 43px;
}
}
.navi-scroll .navi-scroll-content a:hover {
	width: 120px; margin-left: -78px; background-color: #0099d2;
}
@media only screen and (max-width:46.87em)
{
.navi-scroll .navi-scroll-content a:hover {
	margin-left: 0px; background-color: rgb(237, 237, 237);
}
}
.navi-scroll .navi-scroll-content a:hover span {
	display: block;
}
@media only screen and (max-width:46.87em)
{
.navi-scroll .navi-scroll-content a:hover span {
	display: none;
}
}
.navi-scroll .navi-scroll-content .survey-btn i {
	width: 18px; height: 18px; right: 12px; margin-top: -9px; background-image: url("../image/feedback-icon.png");
}
@media not all, not all, not all, not all
{
.navi-scroll .navi-scroll-content .survey-btn i {
	background-image: url("../image/feedback-icon@2x.png"); background-size: 18px 18px;
}
}
@media only screen and (max-width:46.87em)
{
.navi-scroll .navi-scroll-content .survey-btn i {
	right: 15px;
}
}
@media only screen and (max-width:46.87em)
{
.navi-scroll .navi-scroll-content .survey-btn:hover {
	width: 48px;
}
}
.navi-scroll .navi-scroll-content .survey-btn:hover i {
	background-image: url("../image/feedback-icon-active.png");
}
@media only screen and (max-width:46.87em)
{
.navi-scroll .navi-scroll-content .survey-btn:hover i {
	background-image: url("../image/feedback-icon.png");
}
}
@media only screen and (max-width:46.87em)
{
.navi-scroll .navi-scroll-content .survey-btn-normal {
	display: none;
}
}
.navi-scroll .navi-scroll-content .survey-btn-mobile {
	display: none;
}
@media only screen and (max-width:46.87em)
{
.navi-scroll .navi-scroll-content .survey-btn-mobile {
	display: block;
}
}
.navi-scroll .navi-scroll-content .scroll-top-btn {
	margin-bottom: 2px;
}
@media only screen and (max-width:46.87em)
{
.navi-scroll .navi-scroll-content .scroll-top-btn {
	margin-bottom: 6px;
}
}
.navi-scroll .navi-scroll-content .scroll-top-btn i {
	width: 20px; height: 20px; right: 11px; margin-top: -10px; background-image: url("../image/backtop-icon.png");
}
@media not all, not all, not all, not all
{
.navi-scroll .navi-scroll-content .scroll-top-btn i {
	background-image: url("../image/backtop-icon@2x.png"); background-size: 20px 20px;
}
}
@media only screen and (max-width:46.87em)
{
.navi-scroll .navi-scroll-content .scroll-top-btn i {
	right: 14px;
}
}
@media only screen and (max-width:46.87em)
{
.navi-scroll .navi-scroll-content .scroll-top-btn:hover {
	width: 48px;
}
}
.navi-scroll .navi-scroll-content .scroll-top-btn:hover i {
	background-image: url("../image/backtop-icon-active.png");
}
@media only screen and (max-width:46.87em)
{
.navi-scroll .navi-scroll-content .scroll-top-btn:hover i {
	background-image: url("../image/backtop-icon.png");
}
}
.online-chat {
	background:#0099d2; padding: 15px; color: rgb(255, 255, 255); display: inline-block;
}
.online-chat .info {
	padding: 0px 15px; vertical-align: middle; display: inline-block;
}
.online-chat .online-chat-info {
	vertical-align: middle; display: inline-block;
}
.online-chat .online-chat-icon {
	vertical-align: middle; display: inline-block;
}
.online-chat .online-chat-icon {
	text-align: center; padding-left: 15px;
}
.online-chat .online-chat-info {
	border-right-color: rgb(255, 255, 255); border-right-width: 1px; border-right-style: solid;
}
.online-chat .online-chat-info p {
	font-size: 0.75rem; font-weight: 700; margin-bottom: 3px;
}
.online-chat .online-chat-info p:last-child {
	margin-bottom: 0px;
}
.online-chat .mobile-info {
	padding-left: 15px; font-weight: 700; display: none;
}
@media only screen and (max-width:46.87em)
{
.online-chat {
	padding: 15px 0px;
}
.online-chat .mobile-info {
	vertical-align: middle; border-left-color: rgb(255, 255, 255); border-left-width: 1px; border-left-style: solid; display: inline-block;
}
.online-chat .online-chat-info {
	width: 55%; border-right-color: currentColor; border-right-width: medium; border-right-style: none;
}
.online-chat .online-chat-info .info {
	width: 77%;
}
.online-chat .online-chat-icon {
	padding: 0px 15px 0px 0px;
}
}
.options-title {
	text-align: center;
}
.options-title .h-delta {
	padding: 10px 20px 10px 0px; border-right-color: rgb(204, 204, 204); border-right-width: 1px; border-right-style: solid; display: inline-block; position: relative;
}
.options-title .h-epsilon {
	padding: 10px 20px 10px 0px; border-right-color: rgb(204, 204, 204); border-right-width: 1px; border-right-style: solid; display: inline-block; position: relative;
}
.options-title .h-delta::after {
	background: url("../image/arrow.png") no-repeat; top: 15px; width: 20px; height: 20px; right: -19px; position: absolute; content: "";
}
.options-title .h-epsilon::after {
	background: url("../image/arrow.png") no-repeat; top: 15px; width: 20px; height: 20px; right: -19px; position: absolute; content: "";
}
.options-title .options-labels {
	padding: 10px 20px; display: inline-block;
}
.options-title .options-labels img {
	margin-right: 15px;
}
.pagination {
	margin: 0px auto; text-align: center; overflow: hidden;
}
.pagination li {
	background: rgb(255, 255, 255); border-radius: 50%; width: 50px; height: 50px; text-align: center; color: rgb(31, 134, 87); line-height: 50px; margin-right: 13px; display: inline-block; -moz-border-radius: 50%; -webkit-border-radius: 50%;
}
.pagination li a {
	font-size: 1.12rem; display: block;
}
.pagination li.active {
	background:#0099d2; color: rgb(255, 255, 255);
}
.pagination li:hover {
	background: #0099d2; color: rgb(255, 255, 255);
}
.product-detail-top {
	padding: 20px 0px 0px;
}
.product-detail-top::after {
	clear: both; display: table; content: "";
}
.product-detail-top .product-detail-content {
	text-align: center;
}
@media only screen and (min-width:46.87em)
{
.product-detail-top .product-detail-content {
	margin: 0px auto 40px; width: 80%;
}
}
.product-detail-left {
	padding: 20px 0px;
}
.product-detail-left::after {
	clear: both; display: table; content: "";
}
@media only screen and (min-width:46.87em)
{
.product-detail-left .product-detail-image {
	width: 50%; float: right;
}
.product-detail-left .product-detail-content {
	width: 50%; margin-top: 40px; float: left;
}
.product-detail-left .product-detail-content .heading {
	text-align: left;
}
}
.product-detail-right {
	padding: 20px 0px;
}
.product-detail-right::after {
	clear: both; display: table; content: "";
}
@media only screen and (min-width:46.87em)
{
.product-detail-right .product-detail-image {
	width: 50%; float: left;
}
.product-detail-right .product-detail-content {
	width: 50%; margin-top: 40px; float: right;
}
.product-detail-right .product-detail-content .heading {
	text-align: left;
}
}
.product-detail-bottom {
	padding: 20px 0px;
}
.product-detail-bottom::after {
	clear: both; display: table; content: "";
}
.product-detail-bottom .product-detail-content {
	text-align: center; padding-bottom: 10px; border-bottom-color: rgb(237, 237, 237); border-bottom-width: 1px; border-bottom-style: solid;
}
.product-detail-bottom .product-detail-content > p {
	margin-bottom: 1em;
}
@media only screen and (min-width:46.87em)
{
.product-detail-bottom .product-detail-content {
	margin: 0px auto; width: 80%; padding-bottom: 20px;
}
}
.product-detail-image img {
	width: 100%;
}
.product-detail-content {
	color: rgb(57, 57, 57); font-size: 0.87rem;
}
.product-detail-content p {
	color: rgb(102, 102, 102); line-height: 1.5em;
}
.product-detail-content .heading {
	text-align: center; color: rgb(0, 0, 0); font-size: 1.62rem; margin-bottom: 10px;
}
@media only screen and (min-width:46.87em)
{
.product-detail-content .heading {
	font-size: 1.87rem; margin-bottom: 20px;
}
}
@media only screen and (min-width:61.87em)
{
.product-detail-content .heading {
	font-size: 2.12rem; margin-bottom: 30px;
}
}
@media only screen and (min-width:61.87em)
{
.product-detail-content {
	font-size: 1.12rem;
}
}
.product-gallery::after {
	clear: both; display: table; content: "";
}
.product-gallery-view {
	width: 62.5%; float: right;
}
@media only screen and (max-width:61.87em) and (min-width:46.87em)
{
.product-gallery-view {
	width: 100%; float: none;
}
}
.product-gallery-items {
	width: 37.5%; float: left;
}
@media only screen and (max-width:61.87em) and (min-width:46.87em)
{
.product-gallery-items {
	width: 100%; float: none;
}
}
.product-gallery-items li {
	padding: 6px 0px 0px; text-align: center;
}
@media only screen and (max-width:61.87em) and (min-width:46.87em)
{
.product-gallery-items li {
	padding: 20px 8px; display: inline-block;
}
}
@media only screen and (min-width:61.87em)
{
.product-gallery-items li {
	padding: 30px 0px 0px;
}
}
.product-gallery-items a {
	margin: 0px auto; padding: 12px; border-radius: 50%; border: 1px solid rgb(237, 237, 237); border-image: none; width: 77px; height: 77px; display: block;
}
@media only screen and (max-width:61.87em) and (min-width:46.87em)
{
.product-gallery-items a {
	width: 53px; height: 53px;
}
}
.product-gallery-items a img {
	max-height: 100%; max-width: 100%;
}
.product-gallery-items .is-active a {
	border-color:#0099d2;
}
.purchase-info {
	background: rgb(255, 255, 255); padding: 20px;
}
.purchase-info .info {
	width: 49%; vertical-align: middle; display: inline-block;
}
.purchase-info .actions {
	width: 49%; vertical-align: middle; display: inline-block;
}
.purchase-info .info {
	color: rgb(123, 123, 123); font-size: 0.87rem;
}
.purchase-info .info .text {
	display: block;
}
.purchase-info .info .price {
	color: rgb(255, 51, 0); font-size: 1.87rem; font-weight: normal; margin-top: 10px; display: block;
}
.purchase-info .info .old-price {
	color: rgb(0, 0, 0); text-decoration: line-through;
}
.purchase-info .actions {
	text-align: center;
}
.purchase-info .actions .button {
	margin-bottom: 20px;
}
.purchase-info .actions .button {
	padding: 20px; display: block; min-width: 120px;
}
.purchase-info .actions .button-light {
	padding: 20px; display: block; min-width: 120px;
}
@media only screen and (max-width:61.87em) and (min-width:46.87em)
{
.purchase-info .info {
	width: 30%;
}
.purchase-info .actions {
	width: 69%;
}
.purchase-info .actions .button {
	margin-right: 10px;
}
.purchase-info .actions .button {
	display: inline-block;
}
.purchase-info .actions .button-light {
	display: inline-block;
}
}
@media only screen and (min-width:46.87em)
{
.purchase-info .info {
	font-size: 1.12rem;
}
.purchase-info .info::after {
	clear: both; display: table; content: "";
}
.purchase-info .info .price {
	font-size: 2.5rem;
}
.purchase-info .info .price {
	vertical-align: middle; display: inline-block;
}
.purchase-info .info .old-price {
	vertical-align: middle; display: inline-block;
}
.purchase-info .actions .button {
	min-width: 160px;
}
.purchase-info .actions .button-light {
	min-width: 160px;
}
}
@media only screen and (min-width:61.87em)
{
.purchase-info {
	padding: 50px; position: relative;
}
.purchase-info::after {
	background: rgb(255, 255, 255); left: 100%; top: 0px; width: 300%; height: 100%; right: 0px; display: block; position: absolute; content: "";
}
.purchase-info .price {
	margin: 20px 0px;
}
.purchase-info .info {
	width: auto; display: block;
}
.purchase-info .actions {
	width: auto; display: block;
}
.purchase-info .actions {
	width: 30%;
}
}
.purchase-store {
	background: linear-gradient(to right, rgb(255, 255, 255) 0%, rgb(235, 235, 235) 100%); padding: 20px; clear: both;
}
.purchase-store p {
	width: 48%; text-align: left; color: rgb(123, 123, 123); vertical-align: top; display: inline-block;
}
.purchase-store ul {
	width: 50%; text-align: center; vertical-align: top; display: inline-block;
}
.purchase-store ul a {
	color: rgb(31, 134, 87); font-weight: bold;
}
.purchase-store ul a:hover {
	color: rgb(0, 0, 0);
}
@media only screen and (max-width:61.87em) and (min-width:46.87em)
{
.purchase-store {
	padding: 30px;
}
}
@media only screen and (min-width:46.87em)
{
.purchase-store p {
	width: 35%; font-size: 1.12rem;
}
.purchase-store ul {
	width: 60%; text-align: left;
}
}
@media only screen and (min-width:61.87em)
{
.purchase-store {
	background: linear-gradient(to right, rgb(251, 251, 251) 0%, rgb(245, 245, 245) 67%, rgb(245, 245, 245) 100%); padding: 40px 0px 40px 40px;
}
.purchase-store p {
	width: auto; margin-bottom: 2em;
}
.purchase-store ul {
	display: block;
}
}
.product-thumbnail {
	overflow: hidden;
}
.product-thumbnail li {
	background: rgb(255, 255, 255); margin: 2px; border: 1px solid rgb(204, 204, 204); border-image: none; float: left;
}
.products-nav {
	font-size: 1.12rem; border-bottom-color: rgb(237, 237, 237); border-bottom-width: 1px; border-bottom-style: solid;
}
.products-nav::after {
	clear: both; display: table; content: "";
}
.products-nav a {
	padding: 6px; color: rgb(31, 134, 87); margin-left: 20px; float: right;
}
.products-nav a span {
	vertical-align: middle; display: inline-block;
}
.products-nav a .icon {
	margin: 2px 2px 4px;
}
.products-nav a .navigation-filters .filter-name::after {
	margin: 2px 2px 4px;
}
.navigation-filters .products-nav a .filter-name::after {
	margin: 2px 2px 4px;
}
.products-nav .back {
	margin: 0px; color: rgb(123, 123, 123); float: left;
}
@media only screen and (max-width:46.87em)
{
.products-nav {
	padding: 20px 0px 15px;
}
}
.progress-bar-title {
	text-align: center; color:#0099d2; font-size: 1rem; margin-bottom: 10px;
}
.progress-bar .bar {
	margin: 0px auto; width: 80%; position: relative;
}
.progress-bar .whole-bar {
	background: rgb(121, 195, 158); border-radius: 2px; width: 100%; height: 13px; -moz-border-radius: 2px; -webkit-border-radius: 2px;
}
.progress-bar .progress {
	background: rgb(121, 195, 158); border-radius: 2px; width: 100%; height: 13px; -moz-border-radius: 2px; -webkit-border-radius: 2px;
}
.progress-bar .progress {
	background:#0099d2; left: 0px; top: 0px; position: absolute;
}
.progress-bar .sm {
	height: 10px;
}
.progress-bar .sm .whole-bar {
	background: rgb(255, 255, 255); height: 10px;
}
.progress-bar .sm .progress {
	background: rgb(255, 255, 255); height: 10px;
}
.progress-bar .sm .progress {
	background:#0099d2;
}
.progress-bar.detail {
	background: rgb(245, 245, 245); padding: 15px 0px;
}
.progress-bar.detail .progress-time {
	padding: 0px 10px; width: 30%; text-align: center; vertical-align: middle; display: inline-block;
}
.progress-bar.detail .progress-time .progress-title {
	font-size: 1.12rem;
}
.progress-bar.detail .progress-time .progress-subtitle {
	color: rgb(123, 123, 123); font-size: 0.81rem;
}
.progress-bar.detail .progress-info {
	padding: 0px 15px; width: 70%; font-size: 0.81rem; vertical-align: middle; border-left-color: rgb(204, 204, 204); border-left-width: 1px; border-left-style: solid; display: inline-block;
}
.progress-bar.detail .bar {
	margin: 14px 0px 18px; width: 100%;
}
.progress-bar.detail .bar .whole-bar {
	background: rgb(255, 255, 255); height: 28px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 3px; border-bottom-style: solid;
}
.progress-bar.detail .bar .progress {
	background: rgb(255, 255, 255); height: 28px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 3px; border-bottom-style: solid;
}
.progress-bar.detail .bar .progress {
	background:#0099d2; border-bottom-color: rgb(32, 132, 85); border-bottom-width: 3px; border-bottom-style: solid;
}
.progress-bar.detail .info-top .left {
	text-align: left;
}
.progress-bar.detail .info-top .center {
	color: rgb(123, 123, 123);
}
.progress-bar.detail .info-bottom {
	text-align: left; color: rgb(123, 123, 123);
}
@media only screen and (max-width:46.87em)
{
.progress-bar .info-top .left {
	font-size: 1.12rem; margin-right: 10px;
}
.progress-bar .info-top .right {
	font-size: 1.12rem; margin-top: 5px; display: block;
}
}
@media only screen and (min-width:46.87em)
{
.progress-bar.detail {
	padding: 20px 0px;
}
.progress-bar.detail .progress-time {
	padding: 0px 35px; width: 40%;
}
.progress-bar.detail .progress-time .progress-title {
	margin-bottom: 25px;
}
.progress-bar.detail .progress-info {
	padding: 0px 35px; width: 60%;
}
.progress-bar.detail .info-top span {
	display: inline-block;
}
.progress-bar.detail .info-top .right {
	text-align: right;
}
.progress-bar.detail .info-top .right {
	width: 25%;
}
.progress-bar.detail .info-top .left {
	width: 25%;
}
.progress-bar.detail .info-top .center {
	width: 50%;
}
.progress-bar.detail .info-bottom {
	text-align: center;
}
}
.qr-button {
	background:#0099d2; padding: 12px; float: left;
}
.qr-button img {
	width: 56px; height: 56px;
}
.qr-code {
	display: inline-block;
}
.qr-code .qr-image {
	background: rgb(237, 237, 237); padding: 12px;
}
.qr-code .qr-image img {
	width: 120px; height: 120px;
}
.qr-code .qr-description {
	background:#0099d2; padding: 12px; text-align: center; color: rgb(255, 255, 255); font-size: 0.81rem; font-weight: 700;
}

.rating .stars.one {
	background-position: 0px -14px;
}
.rating .stars.two {
	background-position: 0px -28px;
}
.rating .stars.three {
	background-position: 0px -42px;
}
.rating .stars.four {
	background-position: 0px -56px;
}
.rating .stars.five {
	background-position: 0px -70px;
}
.rating .comments {
	font-size: 0.81rem; margin-left: 8px;
}

.green-rating .stars.one {
	background-position: -9px -26px;
}
.green-rating .stars.two {
	background-position: -9px -47px;
}
.green-rating .stars.three {
	background-position: -9px -70px;
}
.green-rating .stars.four {
	background-position: -9px -88px;
}
.green-rating .stars.five {
	background-position: -9px -107px;
}
.search-store {
	background: rgba(255, 255, 255, 0.4); margin: 0px auto; padding: 6px; border-radius: 6px; width: 90%;
}
.search-store .input-button-item {
	border-radius: 6px; overflow: hidden;
}
.search-store input {
	border: currentColor; border-image: none; font-size: 1.25rem;
}
@media only screen and (min-width:46.87em)
{
.search-store {
	width: 72%;
}
.search-store input {
	height: 56px;
}
.search-store .button {
	height: 56px;
}
.search-store input {
	font-size: 1.12rem;
}
}
@media only screen and (min-width:61.87em)
{
.search-store {
	max-width: 714px;
}
.search-store input {
	height: 72px;
}
.search-store .button {
	height: 72px;
}
.search-store input {
	padding: 24px 22px 22px;
}
}
.search-store-wrapper {
	left: 0px; top: 40%; width: 100%; position: absolute;
}
.showcase {
	color: rgb(255, 255, 255); position: relative;
}
.showcase img {
	width: 100%;
}
.showcase .heading {
	font-size: 1.87rem; font-weight: bold;
}
.showcase .subheading {
	font-size: 1.75rem; font-weight: normal;
}
.showcase .subheading span {
	display: block;
}
.showcase p {
	font-size: 0.81rem; margin-top: 14px;
}
.showcase p + p {
	margin-top: 4px;
}
.showcase .showcase-content {
	width: 100%;
}
@media only screen and (max-width:61.87em) and (min-width:46.87em)
{
.showcase .heading {
	font-size: 2.37rem;
}
.showcase .subheading {
	font-size: 2.25rem;
}
}
@media only screen and (min-width:61.87em)
{
.showcase .heading {
	font-size: 3.12rem;
}
.showcase .subheading {
	font-size: 3rem;
}
.showcase p {
	font-size: 1rem; margin-top: 18px;
}
}
.showcase-left-bottom {
	left: 0px; bottom: 12%; position: absolute;
}
.showcase-left-bottom .wrapper {
	padding: 0px 34px;
}
@media only screen and (min-width:61.87em)
{
.showcase-left-bottom {
	bottom: 18%;
}
}
.showcase-left-top {
	left: 0px; top: 6%; position: absolute;
}
.showcase-left-top .wrapper {
	padding: 0px 34px;
}
@media only screen and (min-width:61.87em)
{
.showcase-left-top {
	top: 10%;
}
}
.showcase-center {
	left: 0px; top: 0px; height: 100%; text-align: center; position: absolute;
}
.showcase-center .wrapper {
	vertical-align: middle; display: inline-block;
}
.showcase-center::before {
	height: 100%; vertical-align: middle; display: inline-block; content: "";
}
.store-location {
	padding: 20px; font-size: 1rem;
}
.store-location .h-epsilon {
	font-size: 1rem; margin-bottom: 22px;
}
.store-location p + p {
	margin-top: 10px;
}
.store-location p span {
	vertical-align: middle; display: inline-block;
}
@media only screen and (max-width:46.87em)
{
.store-location .gi {
	margin-top: 6px;
}
}
@media only screen and (min-width:46.87em)
{
.store-location {
	padding: 26px 14px; font-size: 0.93rem;
}
.store-location p + p {
	margin-top: 10px;
}
.store-location .h-epsilon {
	padding: 0px 18px; margin-bottom: 26px;
}
.store-location .gi {
	padding: 4px 18px 0px 30px; border-left-color: rgb(204, 204, 204); border-left-width: 1px; border-left-style: solid; min-height: 66px;
}
.store-location :first-child.gi {
	border: currentColor; border-image: none;
}
}
@media only screen and (max-width:46.87em)
{
.store-location-info .store-name {
	padding-right: 78px; position: relative;
}
.store-location-info .store-name .view-details {
	top: 0px; right: 0px; position: absolute;
}
}
.store-location-details {
	padding: 8px 10px 10px; border: 1px solid rgb(204, 204, 204); border-image: none; margin-top: 10px;
}
.store-location-details p span {
	padding-right: 12px;
}
.store-location-details p span:last-child {
	padding-right: 0px;
}
@media only screen and (max-width:46.87em)
{
.store-location-details .icon-clock {
	display: none;
}
}
@media only screen and (min-width:46.87em)
{
.store-location-details {
	padding: 20px 0px; margin-top: 20px;
}
}
.video {
	text-align: center; position: relative;
}
.video .video-bg {
	width: 100%;
}
.video .icon {
	margin: -27px 0px 0px -27px; left: 50%; top: 50%; position: absolute;
}
.video .navigation-filters .filter-name::after {
	margin: -27px 0px 0px -27px; left: 50%; top: 50%; position: absolute;
}
.navigation-filters .video .filter-name::after {
	margin: -27px 0px 0px -27px; left: 50%; top: 50%; position: absolute;
}
.add-cart-form .gi {
	vertical-align: middle;
}
.add-cart-form .input-big-radio {
	margin: 10px 0px;
}
.animated-items {
	transition:left 0.3s, margin 0.3s; left: 0px; width: 150%; margin-left: 0px; position: relative;
}
@media only screen and (min-width:46.87em)
{
.animated-items {
	width: 125%;
}
.animated-items.active {
	margin-left: -10%;
}
}
@media only screen and (max-width:61.87em) and (min-width:46.87em)
{
.animated-items.active {
	margin-left: -20%;
}
}
@media only screen and (min-width:61.87em)
{
.animated-items {
	width: 120%;
}
}
@media only screen and (max-width:46.87em)
{
.animated-items {
	width: 100%;
}
}
.animated-items .item-animated {
	padding: 0px 3px; transition:width 0.3s; width: 33.33%; display: inline-block; position: relative;
}
.animated-items .item-animated::after {
	clear: both; display: table; content: "";
}
.animated-items .item-animated.third-item {
	display: none;
}
.animated-items .item-animated.fourth-item {
	display: none;
}
.animated-items .item-animated.active {
	width: 100%;
}
@media only screen and (min-width:46.87em)
{
.animated-items .item-animated {
	width: 20%;
}
.animated-items .item-animated.third-item {
	display: inline-block;
}
}
@media only screen and (min-width:61.87em)
{
.animated-items .item-animated {
	width: 16.66%;
}
.animated-items .item-animated.fourth-item {
	display: inline-block;
}
}
@media only screen and (max-width:46.87em)
{
.animated-items .item-animated {
	width: 50%;
}
}
.animated-items .open {
	background: rgb(22, 155, 113); width: 66.66%; padding-left: 0px; border-left-color: rgb(22, 155, 113); border-left-width: 3px; border-left-style: solid;
}
.animated-items .open .item-animated-view .item-animated-title {
	opacity: 0;
}
.animated-items .open .item-animated-view .item-animated-price {
	opacity: 0;
}
.animated-items .open .item-animated-content {
	left: 50%;
}
@media only screen and (min-width:46.87em)
{
.animated-items .open {
	width: 40%;
}
}
@media only screen and (min-width:61.87em)
{
.animated-items .open {
	width: 33.33%;
}
}
@media only screen and (max-width:46.87em)
{
.animated-items .open {
	width: 50%;
}
.animated-items .open .item-animated-content {
	left: 100%; z-index: 11; opacity: 1;
}
}
@media only screen and (max-width:46.87em)
{
.animated-items :nth-child(2n).open .item-animated-content {
	left: -100%; z-index: 11;
}
}
.animated-items .item-animated .photo {
	padding: 0px 35px; margin-bottom: 20px;
}
.animated-items .photo {
	text-align: center;
}
.animated-items .photo img {
	width: 100%; max-width: 100%;
}
@media only screen and (max-width:46.87em)
{
.animated-items {
	left: 0px;
}
.animated-items .second-item {
	transition:left 0.3s; left: 0px;
}
.animated-items .second-item.open {
	left: -33.4%;
}
.animated-items .item-view-more {
	padding: 20px 0px 0px; width: 66.5%;
}
}
.item-animated-title {
	text-align: center; color: rgb(57, 57, 57); line-height: 1.1em; font-size: 1.37rem; font-weight: 200; margin-bottom: 8px; min-height: 2.2em;
}
@media only screen and (min-width:46.87em)
{
.item-animated-title {
	font-size: 1.5rem;
}
}
.item-animated-view {
	background: rgb(255, 255, 255); border-bottom-color: rgb(203, 204, 203); border-bottom-width: 3px; border-bottom-style: solid; position: relative; z-index: 2;
}
.item-animated-view > a {
	padding: 28px 0px 35px; display: block;
}
@media only screen and (min-width:46.87em)
{
.item-animated-view > a {
	padding-bottom: 20px;
}
}
.item-animated-view .item-animated-price {
	text-align: center; color: rgb(31, 134, 87); font-size: 1.5rem;
}
@media only screen and (min-width:46.87em)
{
.item-animated-view .item-animated-price {
	font-size: 1.62rem;
}
}
.item-animated-content {
	background: linear-gradient(120.999992deg, rgb(22, 155, 113) 0%, rgb(22, 155, 113) 50%, rgb(28, 161, 119) 51%, rgb(22, 155, 113) 100%); padding: 12px 10px; transition:left 0.3s; left: 3px; top: 0px; height: 100%; color: rgb(255, 255, 255); overflow: hidden; margin-right: 3px; position: absolute; z-index: 1;
}
.item-animated-content .item-animated-title {
	text-align: left; color: rgb(255, 255, 255); font-size: 1.25rem; font-weight: 400; margin-bottom: 10px; min-height: 0px;
}
.item-animated-content .item-animated-price {
	text-align: left; color: rgb(255, 255, 255); font-size: 1.25rem; margin-bottom: 0.4em;
}
.item-animated-content .subtitle {
	line-height: 1.2; font-size: 1.12rem; font-weight: bold; margin-bottom: 0.4em;
}
.item-animated-content .item-animated-description {
	line-height: 1.2; font-size: 0.87rem;
}
.item-animated-content .button-transparent {
	padding: 6px 12px; font-size: 0.81rem; margin-top: 1em; display: block;
}
@media only screen and (min-width:46.87em)
{
.item-animated-content {
	padding: 18px 10px;
}
.item-animated-content .item-animated-title {
	font-size: 1.5rem;
}
.item-animated-content .item-animated-price {
	font-size: 1.62rem;
}
.item-animated-content .subtitle {
	font-size: 1.25rem;
}
.item-animated-content .button-transparent {
	margin-top: 1.5em;
}
}
@media only screen and (min-width:61.87em)
{
.item-animated-content {
	padding: 18px;
}
.item-animated-content .item-animated-price {
	margin-bottom: 0.8em;
}
.item-animated-content .subtitle {
	margin-bottom: 0.8em;
}
}
@media only screen and (min-width:75em)
{
.item-animated-content .button-transparent {
	padding: 12px; margin-top: 3em;
}
}
@media only screen and (max-width:46.87em)
{
.item-animated-content {
	opacity: 0;
}
}
.item-animated-view-more {
	padding: 0px 3px; width: 66.6%; min-height: 86px;
}
.item-animated-view-more .item-view {
	border: currentColor; border-image: none;
}
.item-animated-view-more .text-green {
	display: none;
}
.item-animated-view-more .button {
	margin: 10px auto; font-size: 1rem; display: block;
}
.item-animated-view-more img {
	display: none;
}
@media only screen and (min-width:46.87em)
{
.item-animated-view-more {
	width: 20%; position: relative;
}
.item-animated-view-more .button {
	margin: 0px 8%; padding: 20px 0px; left: 0px; width: 84%; bottom: 20px; white-space: nowrap; position: absolute;
}
.item-animated-view-more img {
	display: block;
}
}
@media only screen and (max-width:61.87em) and (min-width:46.87em)
{
.item-animated-view-more {
	width: 80%; display: block;
}
.item-animated-view-more .photo {
	text-align: right;
}
.item-animated-view-more img {
	display: none;
}
.item-animated-view-more .button {
	display: none;
}
.item-animated-view-more .text-green {
	color: rgb(31, 134, 87); line-height: 5rem; padding-right: 2rem; font-size: 1.5rem; text-decoration: underline; display: block;
}
}
@media only screen and (min-width:61.87em)
{
.item-animated-view-more {
	width: 16.66%;
}
}
@media only screen and (max-width:46.87em)
{
.item-animated-view-more {
	width: 100%;
}
}
.buying-details {
	background: linear-gradient(rgb(255, 255, 255) 0%, rgb(242, 242, 242) 100%); padding: 14px 0px 0px;
}
.buying-details .input-big-radio label span {
	padding: 16px 6px;
}
.buying-details .options-title {
	margin: 20px 0px;
}
@media only screen and (max-width:61.87em) and (min-width:46.87em)
{
.buying-details {
	padding: 22px 0px;
}
}
@media only screen and (min-width:61.87em)
{
.buying-details {
	padding: 28px 0px;
}
}
.cart {
	padding: 5px 0px 0px;
}
.cart .h-delta {
	font-weight: normal; margin-bottom: 14px;
}
.cart .field {
	margin: 8px 0px;
}
.cart .cart-button {
	margin: 10px 0px; width: 100%;
}
.cart .area {
	padding: 20px 20px 0px;
}
.cart .area + .cart-product {
	border-top-color: rgb(204, 204, 204); border-top-width: 1px; border-top-style: solid;
}
.cart .highlight {
	background: rgb(252, 252, 252);
}
.cart-details-show {
	color: rgb(31, 134, 87); position: relative;
}
.cart-details-show::before {
	background-position: 0px -520px; top: 3px; width: 17px; height: 10px; right: -24px; display: block; position: absolute; content: " "; background-image: url("../image/sprite-icons.svg"); background-repeat: no-repeat;
}
.cart-details-show.active::before {
	background-position: 0px -540px;
}
.cart-details-content {
	padding: 20px 20px 0px; display: none;
}
.cart-details-content.show {
	display: block;
}
.chat-structure {
	position: relative;
}
.chat-structure .qr-code {
	right: 0px; bottom: 90px; display: none; position: absolute;
}
.chat-structure .online-chat {
	margin-right: 5px; float: left;
}
@media only screen and (max-width:46.87em)
{
.chat-structure .online-chat {
	float: none;
}
}
.online-chat {
	background:#0099d2; padding: 15px; color: rgb(255, 255, 255); display: inline-block;
}
.online-chat .info {
	padding: 0px 15px; vertical-align: middle; display: inline-block;
}
.online-chat .online-chat-info {
	vertical-align: middle; display: inline-block;
}
.online-chat .online-chat-icon {
	vertical-align: middle; display: inline-block;
}
.online-chat .online-chat-icon {
	text-align: center; padding-left: 15px;
}
.online-chat .online-chat-info {
	border-right-color: rgb(255, 255, 255); border-right-width: 1px; border-right-style: solid;
}
.online-chat .online-chat-info p {
	font-size: 0.75rem; font-weight: 700; margin-bottom: 3px;
}
.online-chat .online-chat-info p:last-child {
	margin-bottom: 0px;
}
.online-chat .mobile-info {
	padding-left: 15px; font-weight: 700; display: none;
}
@media only screen and (max-width:46.87em)
{
.online-chat {
	padding: 15px 0px;
}
.online-chat .mobile-info {
	vertical-align: middle; border-left-color: rgb(255, 255, 255); border-left-width: 1px; border-left-style: solid; display: inline-block;
}
.online-chat .online-chat-info {
	width: 55%; border-right-color: currentColor; border-right-width: medium; border-right-style: none;
}
.online-chat .online-chat-info .info {
	width: 77%;
}
.online-chat .online-chat-icon {
	padding: 0px 15px 0px 0px;
}
}
.qr-button {
	background:#0099d2; padding: 12px; display: inline-block;
}
.qr-button .picture {
	width: 56px; height: 56px;
}
.qr-code {
	display:none;
}
.qr-code .qr-image {
	background: rgb(237, 237, 237); padding: 12px;
}
.qr-code .qr-description {
	background:#0099d2; padding: 12px; text-align: center; color: rgb(255, 255, 255); font-size: 0.81rem; font-weight: 700;
}
.comments {
	font-size: 1rem;
}
.comments li {
	padding: 35px 10px; border-bottom-color: rgb(237, 237, 237); border-bottom-width: 1px; border-bottom-style: solid;
}
.comments li::after {
	clear: both; display: table; content: "";
}
.comments .comments-title {
	font-size: 1.5rem; float: left;
}
.comments .comments-subtitle {
	font-size: 1.12rem; float: right;
}
.comments .photo {
	float: left;
}
.comments .photo img {
	border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;
}
.comments .content {
	padding-left: 120px;
}
.comments .name {
	padding-right: 10px; margin-bottom: 10px;
}
.comments .name span {
	display: block;
}
.comments .name .strong {
	font-weight: 700;
}
.comments .comment .green-rating {
	margin-top: 14px;
}
@media only screen and (min-width:46.87em)
{
.comments .comments-subtitle p {
	display: inline-block;
}
.comments .comments-subtitle .green-rating {
	display: inline-block;
}
.comments .name {
	vertical-align: top; display: inline-block;
}
.comments .comment {
	vertical-align: top; display: inline-block;
}
.comments .name {
	width: 20%;
}
.comments .name .strong {
	margin-bottom: 10px;
}
.comments .comment {
	width: 80%;
}
}
.community-stories li {
	padding: 8px 0px; margin-bottom: 6px; border-bottom-color: rgb(237, 237, 237); border-bottom-width: 1px; border-bottom-style: solid;
}
.community-stories li::after {
	clear: both; display: table; content: "";
}
@media only screen and (min-width:46.87em)
{
.community-stories li {
	padding: 20px 0px;
}
}
@media only screen and (min-width:46.87em)
{
.community-stories li {
	padding: 28px 0px;
}
}
.community-stories .story-photo {
	width: 57px; margin-right: 15px; float: left;
}
.community-stories .story-photo img {
	border: 1px solid rgb(237, 237, 237); border-image: none; width: 100%;
}
.community-stories .story-content {
	overflow: hidden;
}
.community-stories .story-title {
	font-size: 0.93rem; margin-bottom: 6px;
}
@media only screen and (min-width:46.87em)
{
.community-stories .story-title {
	margin-bottom: 12px; float: left; max-width: 70%;
}
}
.community-stories .story-date {
	font-size: 0.87rem; margin-bottom: 6px;
}
@media only screen and (min-width:46.87em)
{
.community-stories .story-date {
	text-align: right; float: right;
}
}
.community-stories .story-info {
	font-size: 1rem; margin-bottom: 6px;
}
@media only screen and (min-width:46.87em)
{
.community-stories .story-info {
	clear: both;
}
}
.dual-banner {
	position: relative;
}
.dual-banner img {
	width: 100%;
}
.dual-banner a {
	width: 100%; height: 50%; position: absolute;
}
.dual-banner .first-link {
	left: 0px; top: 0px;
}
.dual-banner .second-link {
	left: 0px; top: 50%;
}
@media only screen and (min-width:46.87em)
{
.dual-banner a {
	width: 50%; height: 100%;
}
.dual-banner .first-link {
	left: 0px; top: 0px;
}
.dual-banner .second-link {
	left: 50%; top: 0px;
}
}
.faq li {
	padding: 25px 0px; font-size: 1.12rem; border-top-color: rgb(226, 226, 226); border-top-width: 1px; border-top-style: solid;
}
.faq li a {
	color: rgb(31, 134, 87);
}
.faq .bottom {
	padding: 35px 0px; text-align: center; border-top-color: rgb(226, 226, 226); border-top-width: 1px; border-top-style: solid;
}
.faq .is-hidden {
	display: none;
}
@media only screen and (min-width:46.87em)
{
.faq {
	font-size: 1rem;
}
}
.main-footer {
	background: rgb(255, 255, 255); padding: 14px 0px;
}
@media only screen and (max-width:61.87em) and (min-width:46.87em)
{
.main-footer {
	padding: 30px 0px;
}
}
@media only screen and (min-width:61.87em)
{
.main-footer {
	padding: 10px 0px;
}
}
@media only screen and (max-width:46.87em)
{
.footer-prominent-area {
	display: none;
}
.footer-prominent-area .gi {
	padding-bottom: 6px;
}
}
@media only screen and (min-width:46.87em)
{
.footer-prominent-area {
	padding-bottom: 40px;
}
.footer-prominent-area .gi {
	padding-right: 8px;
}
.footer-prominent-area :last-child.gi {
	padding-right: 0px;
}
}
.footer-prominent-button {
	padding: 17px 40px; display: block; min-height: 112px;
}
.footer-prominent-button::after {
	clear: both; display: table; content: "";
}
.footer-prominent-button .img {
	width: 40%; text-align: left; vertical-align: middle; display: inline-block;
}
.footer-prominent-button .img img {
	margin-top: 5px;
}
.footer-prominent-button .text {
	margin: 25px 0px; font-size: 0.87rem; font-weight: bold; vertical-align: middle; float: right; display: inline-block;
}
@media only screen and (min-width:46.87em)
{
.footer-prominent-button .text {
	font-size: 1rem;
}
}
@media only screen and (min-width:61.87em)
{
.footer-prominent-button .text {
	font-size: 1.25rem;
}
}
@media only screen and (min-width:46.87em)
{
.footer-prominent-button {
	padding: 17px 15px;
}
}
@media only screen and (min-width:61.87em)
{
.footer-prominent-button {
	padding: 17px 40px; font-size: 1.25rem;
}
}
.footer-prominent-button.primary {
	background:#0099d2; color: rgb(255, 255, 255);
}
.footer-prominent-button.primary:hover {
	background: #0099d2;
}
.footer-prominent-button.secondary {
	background: rgb(237, 237, 237); color: rgb(51, 51, 51);
}
.footer-prominent-button.secondary:hover {
	background: rgb(204, 204, 204);
}
.footer-prominent-button.tertiary {
	background: linear-gradient(to right, rgb(240, 156, 72) 0%, rgb(237, 126, 15) 58%, rgb(237, 126, 15) 100%); color: rgb(255, 255, 255);
}
.footer-prominent-button.tertiary:hover {
	background: rgb(255, 130, 5);
}
.footer-prominent-button.tertiary .img {
	
}
.footer-sitemap li {
	border-bottom-color: rgb(237, 237, 237); border-bottom-width: 1px; border-bottom-style: solid; position: relative;
}
.footer-sitemap li ul {
	padding: 0px 20px 10px;
}
@media only screen and (max-width:46.87em)
{
.footer-sitemap li ul {
	display: none;
}
}
@media only screen and (min-width:46.87em)
{
.footer-sitemap li ul {
	padding: 0px;
}
}
.footer-sitemap li li {
	border: currentColor; border-image: none;
}
.footer-sitemap li li a {
	margin: 10px 0px; color: rgb(123, 123, 123); font-size: 0.93rem; display: block;
}
.footer-sitemap li li a:hover {
	color: rgb(31, 134, 87);
}
.footer-sitemap li .toggle {
	background: url("../image/plus-minus-icon.svg") no-repeat 0px 0px; top: 0px; width: 63px; height: 60px; right: 0px; display: block; position: absolute; z-index: 2; cursor: pointer;
}
.footer-sitemap li .toggle.active {
	background-position: 0px -63px;
}
@media only screen and (min-width:46.87em)
{
.footer-sitemap li .toggle {
	display: none;
}
}
@media only screen and (min-width:46.87em)
{
.footer-sitemap li {
	border: currentColor; border-image: none;
}
}
.footer-sitemap .m-item {
	padding: 20px 0px; color: rgb(31, 134, 87); font-size: 1.12rem; font-weight: bold; display: block;
}
@media only screen and (min-width:46.87em)
{
.footer-sitemap .m-item {
	padding: 0px; margin-bottom: 20px; display: inline-block;
}
}
@media only screen and (min-width:46.87em)
{
.footer-sitemap {
	padding-bottom: 20px; border-bottom-color: rgb(237, 237, 237); border-bottom-width: 1px; border-bottom-style: solid;
}
}
@media only screen and (max-width:46.87em)
{
.footer-sitemap {
	display: none;
}
}
.footer-tools .wrapper::after {
	clear: both; display: table; content: "";
}
@media only screen and (min-width:46.87em)
{
.footer-tools {
	border-bottom-color: rgb(237, 237, 237); border-bottom-width: 1px; border-bottom-style: solid;
}
}
.footer-social {
	padding: 20px 0px; color: rgb(123, 123, 123); font-size: 0.93rem; border-bottom-color: rgb(237, 237, 237); border-bottom-width: 1px; border-bottom-style: solid;
}
.footer-social::after {
	clear: both; display: table; content: "";
}
.footer-social .text {
	padding: 10px 0px; float: left;
}
.footer-social .text-join-us {
	margin-left: 30px; display: none;
}
@media only screen and (min-width:61.87em)
{
.footer-social .text-join-us {
	display: inline-block;
}
}
.footer-social .text-link {
	background: none; padding: 10px 0px; border-radius: 0px; border: currentColor; border-image: none; color: rgb(123, 123, 123); margin-left: 30px; float: left; display: none;
}
@media only screen and (min-width:61.87em)
{
.footer-social .text-link {
	display: inline-block;
}
}
.footer-social .text-link:hover {
	background: none; color: #0099d2;
}
.footer-social .link-join-us {
	padding: 0px 7px; display: none;
}
@media only screen and (min-width:61.87em)
{
.footer-social .link-join-us {
	display: inline-block;
}
}
.footer-social a {
	background:#0099d2; padding: 3px; border-radius: 4px; border: 1px solid#0099d2; border-image: none; margin-left: 8px; float: left;
}
.footer-social a:hover {
	background: #0099d2; border-color: #0099d2;
}
.footer-social a:active {
	background: none;
}
.footer-social a:active .icon-weibo {
	background-position: -130px 2px;
}
.footer-social a:active .icon-instagram {
	background-position: -127px -23px;
}
.footer-social a:active .icon-pinterest {
	background-position: -125px -47px;
}
.footer-social a:active .icon-linkedin {
	background-position: -128px -75px;
}
.footer-social a:active .icon-wechat {
	background-position: -130px -101px;
}
@media only screen and (min-width:46.87em)
{
.footer-social {
	border: currentColor; border-image: none; float: left;
}
.footer-social .text {
	padding: 12px 0px;
}
.footer-social a {
	padding: 6px 8px;
}
}
.footer-subscribe {
	padding: 20px 0px; text-align: left; border-bottom-color: rgb(237, 237, 237); border-bottom-width: 1px; border-bottom-style: solid;
}
@media only screen and (min-width:46.87em)
{
.footer-subscribe {
	border: currentColor; border-image: none; float: right; max-width: 560px;
}
}
@media only screen and (max-width:46.87em)
{
.footer-subscribe::after {
	clear: both; display: table; content: "";
}
}
.footer-subscribe .second-about-contact {
	margin-top: 0px;
}
@media only screen and (max-width:46.87em)
{
.footer-subscribe .second-about-contact {
	margin-top: 10px;
}
}
.footer-subscribe .about-contact .about-contact-info {
	text-align: left;
}
.footer-info {
	padding: 24px 0px; text-align: center; color: rgb(123, 123, 123); font-size: 0.81rem; position: relative;
}

.footer-info .copy {
	float: left;
}
.footer-info .chat-structure {
	float: right;
}
.footer-info .footer-identification {
	margin-left: 15px;
}
@media only screen and (max-width:46.87em)
{
.footer-info .copy {
	width: 100%; float: none;
}
.footer-info .footer-identification {
	margin-top: 5px; margin-right: auto; margin-left: auto;
}
.footer-info .chat-structure {
	width: 100%; margin-top: 20px; float: none;
}
.footer-info .online-chat {
	display: block;
}
.footer-info .qr-button {
	display: none;
}
.footer-info .qr-code {
	display: none !important;
}
}
@media only screen and (max-width:61.87em) and (min-width:46.87em)
{
.footer-info .copy {
	width: 33%;
}
}
@media only screen and (min-width:46.87em)
{
.footer-info {
	text-align: left;
}
}
.form-actions::after {
	clear: both; display: table; content: "";
}
.form-actions .form-actions-left {
	width: 49%; float: left;
}
.form-actions .form-actions-right {
	width: 49%; text-align: right; float: right;
}
.full-carousel .slick-dots {
	left: 0px; width: 100%; text-align: center; bottom: 0px; position: absolute;
}
.hero-tabs .slick-dots {
	left: 0px; width: 100%; text-align: center; bottom: 0px; position: absolute;
}
.full-carousel .slick-dots li {
	vertical-align: bottom; display: inline-block;
}
.hero-tabs .slick-dots li {
	vertical-align: bottom; display: inline-block;
}
.full-carousel .slick-dots button {
	background: rgb(32, 132, 85); margin: 0px 6px; padding: 0px; width: 56px; height: 3px; text-indent: -9999em; display: block; cursor: pointer;
}
.hero-tabs .slick-dots button {
	background: rgb(32, 132, 85); margin: 0px 6px; padding: 0px; width: 56px; height: 3px; text-indent: -9999em; display: block; cursor: pointer;
}
.full-carousel .slick-dots .slick-active button {
	background: rgb(255, 255, 255); height: 8px;
}
.full-carousel .slick-dots button:hover {
	background: rgb(255, 255, 255); height: 8px;
}
.hero-tabs .slick-dots .slick-active button {
	background: rgb(255, 255, 255); height: 8px;
}
.hero-tabs .slick-dots button:hover {
	background: rgb(255, 255, 255); height: 8px;
}
@media only screen and (max-width:61.87em)
{
.full-carousel .icon-prev {
	display: none !important;
}
.full-carousel .icon-next {
	display: none !important;
}
.hero-tabs .icon-prev {
	display: none !important;
}
.hero-tabs .icon-next {
	display: none !important;
}
}
@media only screen and (min-width:46.87em)
{
.full-carousel .slick-dots {
	padding: 0px 35px; text-align: right; bottom: 14px;
}
.hero-tabs .slick-dots {
	padding: 0px 35px; text-align: right; bottom: 14px;
}
}
@media only screen and (min-width:61.87em)
{
.full-carousel .slick-dots {
	padding: 0px 20px; left: auto; right: 10%;
}
.hero-tabs .slick-dots {
	padding: 0px 20px; left: auto; right: 10%;
}
.full-carousel .icon-prev {
	top: 50%; text-indent: -9999em; margin-top: -17px; display: block; position: absolute; z-index: 3; cursor: pointer;
}
.full-carousel .icon-next {
	top: 50%; text-indent: -9999em; margin-top: -17px; display: block; position: absolute; z-index: 3; cursor: pointer;
}
.hero-tabs .icon-prev {
	top: 50%; text-indent: -9999em; margin-top: -17px; display: block; position: absolute; z-index: 3; cursor: pointer;
}
.hero-tabs .icon-next {
	top: 50%; text-indent: -9999em; margin-top: -17px; display: block; position: absolute; z-index: 3; cursor: pointer;
}
.full-carousel .icon-prev:hover {
	opacity: 0.5;
}
.full-carousel .icon-next:hover {
	opacity: 0.5;
}
.hero-tabs .icon-prev:hover {
	opacity: 0.5;
}
.hero-tabs .icon-next:hover {
	opacity: 0.5;
}
.full-carousel .icon-prev {
	left: 54px;
}
.hero-tabs .icon-prev {
	left: 54px;
}
.full-carousel .icon-next {
	right: 54px;
}
.hero-tabs .icon-next {
	right: 54px;
}
}
.main-header {
	position: relative; z-index: 100; box-shadow: 0px 3px 3px #e6e6e6;
}
.main-header .upper-area {
	background: #0bb0ee; color: rgb(255, 255, 255); font-size: 0.81rem; min-height: 10px;
}
.main-header .upper-area a {
	color: rgb(255, 255, 255);
}
.main-header .upper-area .wrapper {
	display: none;
}
@media only screen and (min-width:61.87em)
{
.main-header .upper-area .wrapper {
	text-align: right; display: block;
}
}
@media only screen and (min-width:61.87em)
{
.main-header .upper-area li + li {
	border-left-color: rgb(247, 247, 247); border-left-width: 1px; border-left-style: solid;
}
.main-header .upper-area a {
	padding: 8px 20px 6px; line-height: 20px; display: block; min-height: 35px;
}
.main-header .upper-area a:hover {
	background: #0099d2;
}
.main-header .upper-area .search {
	font-size: 1rem;
}
.main-header .upper-area .search a {
	padding: 8px 20px 2px;
}
}
.main-header .upper-area .menu-sec {
	float: left;
}
.main-header .search input {
	background: #0099d2; border-width: 0px;
}
.main-header .search button {
	background: #0099d2;
}
@media only screen and (max-width:46.87em)
{
.main-header .search :-ms-input-placeholder {
	color: rgb(255, 255, 255); opacity: 0.5;
}
.main-header .search button {
	border-color: #0099d2;
}
}
@media only screen and (min-width:61.87em)
{
.main-header .search a.active {
	background: #0099d2;
}
.main-header .search .search-form {
	background: rgb(237, 237, 237); top: 42px; width: 100%; right: 0px; display: none; position: absolute; z-index: 9; box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
}
.main-header .search .search-form::after {
	clear: both; display: table; content: "";
}
.main-header .search .search-form.show {
	display: block;
}
.main-header .search .search-form .main-form {
	padding: 20px; width: 50%; float: right;
}
.main-header .search input {
	background: rgb(255, 255, 255); border-width: 1px;
}
.main-header .search button {
	background:#0099d2;
}
}
.main-header .log-area a::after {
	clear: both; display: table; content: "";
}
.main-header .log-area a .text {
	float: left;
}
.main-header .log-area a .icon-messages {
	margin: 0px 10px 0px 18px; float: left;
}
.main-header .log-area a .n-messages {
	float: left;
}
.main-header .menu-lang .languages {
	background:#ffffff; display: none;
}
.main-header .menu-lang .languages a {
	font-weight: bold;
}
.main-header .menu-lang .languages.show {
	display: block;
}
.main-header .menu-lang a.active {
	background: #0099d2;
}
@media only screen and (min-width:61.87em)
{
.main-header .menu-lang > a {
	border-right-color: #0099d2; border-right-width: 1px; border-right-style: solid;
}
.main-header .menu-lang .languages {
	top: 42px; width: 100%; right: -50%; position: absolute; z-index: 10; box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
}
.main-header .menu-lang .languages .h-epsilon {
	margin: 1em 0px; text-align: left; color: rgb(41, 41, 41);
}
.main-header .menu-lang .languages ul {
	text-align: left;
}
.main-header .menu-lang .languages li {
	border: currentColor; border-image: none; width: 12.1%; text-align: left; vertical-align: top; display: inline-block;
}
.main-header .menu-lang .languages a {
	color: rgb(123, 123, 123);
}
.main-header .menu-lang .languages a.current {
	color:#0099d2;
}
.main-header .menu-lang .languages a:hover {
	background: none; color:#0099d2;
}
}
.main-header .bottom-area {
	background: rgb(255, 255, 255);
}
@media only screen and (min-width:61.87em)
{
.main-header .bottom-area .wrapper {
	overflow: visible;
}
.main-header .bottom-area .wrapper::after {
	clear: both; display: table; content: "";
}
}
.main-header .logo {
	margin: 0px auto; padding: 20px 0px 0px; width: 60%; text-align: center;
}
@media only screen and (min-width:61.87em)
{
.main-header .logo {
	margin: 6px 0px 5px; padding: 0px; width: 280px; text-align: left; float: left;
}

}
.main-header .js-open-menu {
	margin: 20px 0px; float: left;
}
@media only screen and (min-width:61.87em)
{
.main-header .js-open-menu {
	display: none;
}
}
.main-header .shop-cart {
	margin: 20px 0px; float: right;
}
.main-header .shop-cart .text {
	display: none;
}
.main-header .shop-cart a {
	padding-right: 20px; display: block; position: relative;
}
.main-header .shop-cart .n-item-cart {
	background:#0099d2; padding: 7px 0px; border-radius: 50%; top: -12px; width: 29px; height: 29px; text-align: center; right: 0px; color: rgb(255, 255, 255); line-height: 1em; font-weight: bold; display: block; position: absolute;
}
.main-header .shop-cart:active {
	border-radius: 5px; border: 1px solid#0099d2; border-image: none; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
.main-header .shop-cart:active a {
	padding: 11px 29px 11px 9px;
}
.main-header .shop-cart:active .text {
	color:#0099d2;
}
.main-header .shop-cart:active .icon {
	background-position: -130px -210px;
}
.main-header .shop-cart:active .navigation-filters .filter-name::after {
	background-position: -130px -210px;
}
.navigation-filters .main-header .shop-cart:active .filter-name::after {
	background-position: -130px -210px;
}
@media only screen and (min-width:61.87em)
{
.main-header .shop-cart {
	margin: 10px 0px; min-width: 167px;
}
.main-header .shop-cart a {
	padding: 12px 30px 12px 10px; border-radius: 4px; border: 1px solid rgb(232, 232, 232); border-image: none; display: block;
}
.main-header .shop-cart a::after {
	clear: both; display: table; content: "";
}
.main-header .shop-cart .text {
	padding: 8px; color: rgb(123, 123, 123); font-size: 0.81rem; font-weight: 900; float: left; display: inline;
}
.main-header .shop-cart .icon-cart {
	float: right;
}
.main-header .shop-cart .n-item-cart {
	top: 6px; right: 6px;
}
}
.main-header .main-menu {
	background: rgb(0, 155, 114); top: 0px; width: 100%; right: 0px; display: none; position: absolute;
}
.main-header .main-menu.show {
	display: block;
}
.main-header .main-menu .menu a {
	padding: 20px; color: rgb(255, 255, 255); display: block;
}
.main-header .main-menu .menu > li > a {
	font-size: 1.12rem; border-bottom-color: #0099d2; border-bottom-width: 1px; border-bottom-style: solid;
}
@media only screen and (min-width:61.87em)
{
.main-header .main-menu .menu > li > a {
	border: currentColor; border-image: none; font-size: 0.93rem;
}
}
.main-header .main-menu .m-item {
	font-weight: bold; position: relative;
}
.main-header .main-menu .m-item .toggle {
	background: url("../image/sprite-icons.svg") no-repeat -168px -57px; top: 0px; width: 58px; height: 58px; right: 0px; display: block; position: absolute; z-index: 2;
}
.main-header .main-menu .m-item .toggle.active {
	background-position: -168px -114px;
}
@media only screen and (min-width:61.87em)
{
.main-header .main-menu .m-item .toggle {
	display: none;
}
}
.main-header .main-menu .sub-menu {
	background:#0099d2; display: none;
}
.main-header .main-menu .sub-menu a {
	padding: 15px 30px;
}
@media only screen and (max-width:46.87em)
{
.main-header .main-menu .sub-menu.show {
	display: block;
}
}
@media only screen and (max-width:61.87em) and (min-width:46.87em)
{
.main-header .main-menu .sub-menu.show {
	display: block;
}
}
.main-header .main-menu .languages {
	background: rgb(237, 237, 237); display: none;
}
.main-header .main-menu .languages.show {
	overflow: hidden; display: block;
}
.main-header .main-menu .languages p {
	margin: 1em 0px;
}
.main-header .main-menu .languages li {
	width: 48%; display: inline-block;
}
.main-header .main-menu .languages a {
	padding: 8px; color: rgb(41, 41, 41); line-height: 1.3;
}
.main-header .main-menu .languages a.active {
	color:#0099d2;
}
.main-header .main-menu .languages a:hover {
	color:#0099d2;
}
@media only screen and (max-width:46.87em)
{
.main-header .main-menu .lang-link {
	position: relative;
}
.main-header .main-menu .lang-link::after {
	background: url("../image/sprite-icons.svg") no-repeat -189px -76px; top: 24px; width: 17px; height: 17px; right: 14px; display: block; position: absolute; content: "";
}
.main-header .main-menu .lang-link.active::after {
	background-position: -189px -135px;
}
}
@media only screen and (max-width:61.87em) and (min-width:46.87em)
{
.main-header .main-menu .gi {
	display: block;
}
.main-header .main-menu .log-area .hide {
	display: none;
}
}
@media only screen and (min-width:61.87em)
{
.main-header .main-menu {
	background: none; width: auto; float: right; display: block; position: relative;
}
.main-header .main-menu .menu {
	margin: 30px 0px 0px;
}
.main-header .main-menu .menu::after {
	clear: both; display: table; content: "";
}
.main-header .main-menu .menu li {
	padding-bottom: 28px; float: left;
}
.main-header .main-menu .menu a {
	padding: 0px 20px 29px; color: rgb(123, 123, 123); display: inline;
}
.main-header .main-menu .menu .m-item span {
	padding: 4px 0px;
}
.main-header .main-menu .menu li:hover {
	position: relative;
}
.main-header .main-menu .menu li:hover .m-item {
	color: rgb(57, 57, 57);
}
.main-header .main-menu .menu li:hover .sub-menu {
	display: block;
}
.main-header .main-menu .menu .is-active .m-item {
	color: rgb(57, 57, 57);
}
/*.main-header .main-menu .menu .is-active .m-item span {
	border-bottom-color: rgb(11, 176, 238); border-bottom-width: 2px; border-bottom-style: solid;
}*/
.bott{
    border-bottom-color: rgb(11, 176, 238); border-bottom-width: 2px; border-bottom-style: solid;
}
.main-header .main-menu .sub-menu {
	left: 50%; top: 26px; width: 200px; margin-top: 20px; margin-left: -100px; display: none; position: absolute; z-index: 4;
}
.main-header .main-menu .sub-menu::before {
	border-width: 0px 10px 10px; border-style: solid; border-color: transparent transparent rgb(56, 172, 129); left: 50%; top: -9px; width: 0px; height: 0px; margin-left: -10px; position: absolute; content: " ";
}
.main-header .main-menu .sub-menu li {
	margin: 0px; padding: 0px; border-bottom-color: rgb(59, 207, 137); border-bottom-width: 1px; border-bottom-style: solid; float: none;
}
.main-header .main-menu .sub-menu a {
	padding: 10px; text-align: center; color: rgb(255, 255, 255); display: block;
}
.main-header .main-menu .sub-menu a:hover {
	background: rgb(62, 189, 142); color: rgb(255, 255, 255);
}
}
.main-header .mobile-tools {
	background: rgb(0, 155, 114);
}
.main-header .mobile-tools::after {
	clear: both; display: table; content: "";
}
.main-header .mobile-tools .js-close-menu {
	padding: 15px 0px 15px 8px; color:#0099d2; float: left;
}
.main-header .mobile-tools .log-area {
	padding: 15px 8px 15px 0px; color: rgb(255, 255, 255); float: right;
}
.main-header .mobile-tools .log-area .gi {
	margin: 0px 0px 0px 8px; width: auto; font-size: 0.87rem; float: left;
}
.main-header .mobile-tools .log-area :first-child.gi {
	padding-right: 8px; border-right-color: rgb(255, 255, 255); border-right-width: 1px; border-right-style: solid;
}
.main-header .mobile-tools .log-area a {
	color: rgb(255, 255, 255); font-size: 0.87rem;
}
@media only screen and (min-width:61.87em)
{
.main-header .mobile-tools {
	display: none;
}
}
.list-access-icon .wrapper {
	padding: 0px;
}
@media only screen and (max-width:46.87em) and (min-width:31.25em)
{
.list-access-icon .access-icon {
	width: 50%; vertical-align: top; display: inline-block;
}
}
.location-map .menu-tabs {
	padding: 10px 10px 5px;
}
.location-map .js-tab {
	padding: 10px 10px 5px;
}
.location-map .map {
	height: 322px;
}
.location-map .map img {
	max-width: none;
}
@media only screen and (max-width:61.87em) and (min-width:46.87em)
{
.location-map {
	margin-top: 18px;
}
}
@media only screen and (min-width:61.87em)
{
.location-map {
	margin-top: 32px;
}
.location-map .menu-tabs {
	padding: 20px 20px 10px;
}
.location-map .js-tab {
	padding: 20px 20px 10px;
}
.location-map .map {
	height: 600px;
}
}
.location-map-legend ul {
	margin-top: 16px;
}
.location-map-legend section {
	padding: 20px 10px;
}
@media only screen and (max-width:46.87em) and (min-width:31.25em)
{
.location-map-legend li {
	width: 49%; padding-right: 10px; vertical-align: top; display: inline-block;
}
}
@media only screen and (max-width:61.87em) and (min-width:46.87em)
{
.location-map-legend li {
	width: 32%; padding-right: 10px; vertical-align: top; display: inline-block;
}
}
@media only screen and (min-width:61.87em)
{
.location-map-legend {
	padding: 0px; border-left-color: rgb(226, 226, 226); border-left-width: 1px; border-left-style: solid;
}
.location-map-legend section {
	padding: 20px;
}
.location-map-legend section + section {
	border-top-color: rgb(226, 226, 226); border-top-width: 1px; border-top-style: solid;
}
}
.location-address {
	padding: 26px 0px;
}
.location-address .list-store {
	margin: 12px 0px 22px;
}
.location-address .list-store li:nth-child(2n) {
	background: rgb(247, 247, 247);
}
.location-address .store-location {
	position: relative;
}
.location-address .store-location .marker {
	background: url("../image/marker.png") no-repeat; left: 10px; top: 10px; width: 35px; height: 48px; text-align: center; color: rgb(255, 255, 255); padding-top: 10px; font-size: 1rem; display: block; position: absolute;
}
@media only screen and (max-width:46.87em)
{
.location-address .store-location {
	padding-left: 54px;
}
}
@media only screen and (min-width:46.87em)
{
.location-address {
	padding: 30px 0px;
}
.location-address .list-store {
	margin: 20px 0px 40px;
}
.location-address .store-location-info {
	padding-left: 42px;
}
.location-address .store-location-details {
	padding-left: 42px;
}
.location-address .store-location .marker {
	left: 26px; top: 26px;
}
}
@media only screen and (min-width:61.87em)
{
.location-address {
	padding: 40px 0px 12px;
}
.location-address .list-store {
	margin: 40px 0px 30px; padding: 10px;
}
.location-address .store-location-info {
	padding-left: 32px;
}
.location-address .store-location-details {
	padding-left: 32px;
}
}
.location-directory .view-content {
	padding: 18px 0px; text-align: center; font-weight: bold;
}
.message-box {
	background: rgb(247, 247, 247); padding: 20px; border-radius: 8px; border: 1px solid rgb(237, 237, 237); border-image: none; position: relative;
}
.message-box::after {
	clear: both; display: table; content: "";
}
.message-box-picture {
	float: left;
}
.message-box-content {
	padding-left: 75px; position: relative;
}
.message-box-title {
	width: 70%; font-size: 1rem; margin-bottom: 6px;
}
@media only screen and (min-width:46.87em)
{
.message-box-title {
	margin-bottom: 10px;
}
}
.message-box-date {
	font-size: 0.87rem; margin-bottom: 6px;
}
@media only screen and (min-width:46.87em)
{
.message-box-date {
	top: 0px; right: 0px; position: absolute;
}
}
.message-box-details {
	font-size: 1rem;
}
.message-box-actions {
	top: -20px; right: -20px; position: absolute;
}
@media only screen and (max-width:46.87em)
{
.myOppo-menu {
	padding: 12px 0px;
}
.myOppo-menu .navigation {
	display: none;
}
}
@media only screen and (min-width:46.87em)
{
.myOppo-menu {
	padding: 18px 0px 16px;
}
.myOppo-menu::after {
	clear: both; display: table; content: "";
}
.myOppo-menu .h-gamma {
	margin: 0px; float: left;
}
.myOppo-menu .h-beta {
	margin: 0px; float: left;
}
.myOppo-menu .navigation {
	float: right;
}
}
@media only screen and (min-width:61.87em)
{
.myOppo-menu {
	padding: 24px 0px 20px;
}
}
.nearer-center {
	padding: 5px 25px 25px; font-size: 1.12rem;
}
.nearer-center .center-title {
	color: rgb(31, 134, 87); font-size: 1.12rem; font-weight: 500; margin-bottom: 20px;
}
.nearer-center .center-name {
	margin-bottom: 15px;
}
.nearer-center .center-name p {
	font-size: 1.25rem;
}
.nearer-center .center-name a {
	color: rgb(31, 134, 87);
}
.nearer-center .center-direction {
	padding-bottom: 10px;
}
.nearer-center .center-phone {
	display: inline-block;
}
.nearer-center .center-distance {
	display: inline-block;
}
.nearer-center .center-phone {
	margin-right: 15px;
}
@media only screen and (min-width:46.87em)
{
.nearer-center .h-epsilon {
	margin-bottom: 35px;
}
.nearer-center .center-name {
	padding: 0px 20px; font-size: 1rem; vertical-align: top; border-right-color: rgb(204, 204, 204); border-right-width: 1px; border-right-style: solid; display: inline-block; min-height: 70px;
}
.nearer-center .center-direction {
	padding: 0px 20px; font-size: 1rem; vertical-align: top; border-right-color: rgb(204, 204, 204); border-right-width: 1px; border-right-style: solid; display: inline-block; min-height: 70px;
}
.nearer-center .center-phone {
	padding: 0px 20px; font-size: 1rem; vertical-align: top; border-right-color: rgb(204, 204, 204); border-right-width: 1px; border-right-style: solid; display: inline-block; min-height: 70px;
}
.nearer-center .center-distance {
	padding: 0px 20px; font-size: 1rem; vertical-align: top; border-right-color: rgb(204, 204, 204); border-right-width: 1px; border-right-style: solid; display: inline-block; min-height: 70px;
}
.nearer-center .center-direction {
	width: 40%;
}
.nearer-center .center-phone {
	width: 20%; margin-right: 0px;
}
.nearer-center .center-distance {
	width: 20%; border-right-color: currentColor; border-right-width: medium; border-right-style: none;
}
.nearer-center .center-name {
	width: 20%; padding-left: 0px;
}
.nearer-center .center-name p {
	font-size: 0.93rem; margin-bottom: 25px;
}
}
@media only screen and (min-width:61.87em)
{
.nearer-center {
	padding: 35px 30px;
}
.nearer-center .center-title {
	font-size: 1rem;
}
}
.details-title {
	font-size: 1.37rem; margin-bottom: 30px;
}
@media only screen and (min-width:46.87em)
{
.details-title {
	font-size: 1rem; margin-bottom: 50px;
}
}
.details-subtitle {
	font-size: 1.25rem; margin-bottom: 10px;
}
@media only screen and (min-width:46.87em)
{
.details-subtitle {
	font-size: 1rem; margin-bottom: 25px;
}
}
.order-details {
	padding: 30px 20px;
}
.order-details li {
	padding-bottom: 20px;
}
.order-details li span {
	color: rgb(123, 123, 123); font-size: 1.12rem; font-weight: 300;
}
.order-details li p {
	color: rgb(123, 123, 123); font-size: 1.12rem; font-weight: 300;
}
.order-details li span {
	margin-bottom: 10px; display: inline-block;
}
.order-details li .phone {
	padding-right: 30px;
}
.order-details li .normal-link {
	color: rgb(31, 134, 87); font-size: 1.25rem;
}
@media only screen and (min-width:46.87em)
{
.order-details {
	padding: 35px 35px 50px;
}
.order-details li {
	width: 25%; padding-left: 40px; vertical-align: top; border-left-color: rgb(204, 204, 204); border-left-width: 1px; border-left-style: solid; display: inline-block;
}
.order-details li span {
	font-size: 1rem;
}
.order-details li p {
	font-size: 1rem;
}
.order-details li.location {
	width: 50%; border-left-color: currentColor; border-left-width: medium; border-left-style: none;
}
}
@media only screen and (max-width:61.87em) and (min-width:46.87em)
{
.order-details .location {
	padding-left: 0px;
}
}
.prices-plan-specs .prices-plan-specs-detail {
	padding: 20px; border: 1px solid rgb(204, 204, 204); border-image: none; display: none;
}
.prices-plan-specs .prices-plan-specs-detail.is-active {
	display: block;
}
.prices-plan-specs .prices-plan-specs-detail li {
	padding: 20px 0px; color: rgb(131, 131, 131); border-bottom-color: rgb(228, 228, 228); border-bottom-width: 1px; border-bottom-style: solid;
}
.prices-plan-specs .prices-plan-specs-detail li:first-child {
	color: rgb(31, 134, 87);
}
.prices-plan-specs .prices-plan-specs-detail li:last-child {
	border: currentColor; border-image: none;
}
.product-index {
	font-family: "Microsoft YaHei"; background-color: rgb(247, 247, 247);
}
@media only screen and (min-width:61.87em)
{
.product-index {
	font-family: "Microsoft YaHei";
}
}
.font-normal {
	font-family: "微软雅黑";
}
.main-flagship {
	height: 736px; display: none;
}
@media only screen and (min-width:61.87em)
{
.main-flagship {
	display: block;
}
}
.hover-box {
	overflow: hidden; display: block;
}
.hover-box:hover .hover-animation {
	transition:transform 1s; transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -webkit-transition: transform 1s ease; -moz-transition: transform 1s ease; -o-transition: transform 1s ease;
}
.hover-animation {
	transition:transform 1s; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -webkit-transition: transform 1s ease; -moz-transition: transform 1s ease; -o-transition: transform 1s ease;
}
.left-up {
	width: 770px; height: 364px; position: relative;
}
.left-up .left-up-img {
	left: 0px; top: 0px; width: 770px; position: absolute;
}
.left-up .left-up-text {
	left: 0px; top: 0px; width: 770px; position: absolute; z-index: 2;
}
.left-down {
	width: 770px; height: 364px; margin-top: 10px; position: relative;
}
.left-down .left-down-img {
	left: 0px; top: 0px; width: 770px; position: absolute;
}
.left-down .left-down-text {
	left: 0px; top: 0px; width: 770px; position: absolute; z-index: 2;
}
.whole-right {
	width: 396px; height: 738px; overflow: hidden; position: relative;
}
.whole-right .whole-right-img {
	left: 0px; top: 0px; width: 396px; height: 738px; position: absolute;
}
.whole-right .whole-right-text {
	left: 0px; top: 0px; width: 396px; height: 738px; position: absolute; z-index: 2;
}
.flagship-mobile {
	display: block;
}
@media only screen and (min-width:61.87em)
{
.flagship-mobile {
	display: none;
}
}
.box-products .wrapper {
	padding: 0px; width: 100%;
}
.oppo-feature .wrapper {
	padding: 0px; width: 100%;
}
@media only screen and (min-width:61.87em)
{
.box-products .wrapper {
	margin: 90px auto 0px; padding: 0px 0.75rem; max-width: 1200px;
}
.oppo-feature .wrapper {
	margin: 90px auto 0px; padding: 0px 0.75rem; max-width: 1200px;
}
}
.desk-title {
	display: none;
}
@media only screen and (min-width:61.87em)
{
.desk-title {
	background: url("../image/product-gallery/title-bg.png") no-repeat center; width: 1176px; height: 30px; text-align: center; font-size: 1.43rem; display: block;
}
}
.icon-more img {
	margin-top: -4px;
}
.brick-name {
	display: none;
}
@media only screen and (min-width:61.87em)
{
.brick-name {
	margin-top: 20px; margin-bottom: 15px; display: block;
}
.brick-name .serial-slogan {
	color: rgb(120, 120, 120);
}
.brick-name .serial-slogan .serial-name {
	color: rgb(30, 30, 30);
}
.brick-name::after {
	clear: both; display: table; content: "";
}
.brick-name span {
	height: 20px; line-height: 20px; font-size: 1.12rem; display: inline-block;
}
.brick-name span img {
	width: 20px;
}
}
.brick-list::after {
	clear: both; display: table; content: "";
}
.brick-item {
	width: 100%; padding-top: 20px; padding-bottom: 20px; margin-bottom: 6px; border-bottom-color: rgb(227, 226, 226); border-bottom-width: 1px; border-bottom-style: solid; box-shadow: 0px 0px 5px rgba(0,0,0,0.1); background-color: rgb(255, 255, 255);
}
.brick-item::after {
	clear: both; display: table; content: "";
}
@media only screen and (min-width:61.87em)
{
.brick-item {
	padding: 60px 10px 45px; transition:transform 0.3s; width: 286px; margin-right: 10px; border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none; float: left; box-shadow: none; transform: translate3d(0px, 0px, 0px); background-color: rgb(255, 255, 255); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -webkit-transition: transform 0.3s ease; -moz-transition: transform 0.3s ease; -o-transition: transform 0.3s ease;
}
.brick-item:hover {
	transition:transform 0.3s; box-shadow: 0px 15px 30px rgba(0,0,0,0.1); transform: translate3d(0px, -2px, 0px); -webkit-transform: translate3d(0, -2px, 0); -moz-transform: translate3d(0, -2px, 0); -o-transform: translate3d(0, -2px, 0); -webkit-transition: transform 0.3s ease; -moz-transition: transform 0.3s ease; -o-transition: transform 0.3s ease;
}
}
.brick-item-last {
	margin-right: 0px; margin-bottom: 0px;
}
.brick-img {
	width: 45%; padding-right: 20px; padding-left: 20px; float: left;
}
@media only screen and (min-width:61.87em)
{
.brick-img {
	width: 100%; padding-right: 52.5px; padding-left: 52.5px; float: none;
}
}
.brick-content {
	width: 55%; padding-right: 20px; padding-left: 0px; float: left;
}
@media only screen and (min-width:61.87em)
{
.brick-content {
	width: 100%; padding-right: 10px; padding-left: 10px; float: none;
}
}
.brick-title {
	text-align: center; color: rgb(20, 20, 20); line-height: 20px; font-size: 1rem; margin-top: 35px;
}
@media only screen and (min-width:61.87em)
{
.brick-title {
	line-height: 20px; font-size: 1rem;
}
}
.brick-desc {
	text-align: center; color: rgb(160, 160, 160); line-height: 18px; font-size: 0.75rem; margin-top: 4px;
}
@media only screen and (min-width:61.87em)
{
.brick-desc {
	line-height: 20px; font-size: 0.87rem;
}
}
.brick-learn-more {
	margin: 15px auto 0px; padding: 5px; border-radius: 4px; border: 1px solid rgb(0, 146, 95); border-image: none; width: 60%; text-align: center; color: rgb(0, 146, 95); font-size: 13px; display: block;
}
@media only screen and (min-width:61.87em)
{
.brick-learn-more {
	display: none;
}
}
.brick-mobile-more {
	width: 100%; text-align: center; color: rgb(60, 60, 60); line-height: 60px; margin-bottom: 12px; border-bottom-color: rgb(227, 226, 226); border-bottom-width: 1px; border-bottom-style: solid; display: block; box-shadow: 0px 0px 5px rgba(0,0,0,0.1); background-color: rgb(255, 255, 255);
}
@media only screen and (min-width:61.87em)
{
.brick-mobile-more {
	display: none;
}
}
.feature-item {
	margin-bottom: 0px;
}
.feature-item::after {
	clear: both; display: table; content: "";
}
@media only screen and (min-width:61.87em)
{
.feature-item {
	margin-top: 25px; margin-bottom: 100px;
}
}
.feature-second {
	margin-top: 6px;
}
@media only screen and (min-width:61.87em)
{
.feature-second {
	margin-top: 0px;
}
}
.other-link {
	text-align: center; color: rgb(31, 134, 87); margin-top: 30px; margin-bottom: 20px; display: block;
}
.other-link a {
	width: 23.5%; text-align: center; float: left; display: block;
}
.other-link span {
	float: left;
}
@media only screen and (min-width:61.87em)
{
.other-link {
	display: none;
}
}
.tabs-blank {
	display: block;
}
@media only screen and (min-width:61.87em)
{
.tabs-blank {
	display: none;
}
}
.tabs-mobile {
	width: 100%; display: block; position: relative;
}
.tabs-mobile::after {
	clear: both; display: table; content: "";
}
.tabs-mobile.active {
	left: 0px; top: 0px; position: fixed;
}
@media only screen and (min-width:61.87em)
{
.tabs-mobile {
	display: none;
}
}
.tabs-mobile li {
	width: 25%; height: 50px; text-align: center; color: rgb(60, 60, 60); line-height: 50px; font-size: 1rem; float: left; background-color: rgb(247, 247, 247);
}
.tabs-mobile li.active {
	color: rgb(0, 139, 86); font-weight: bold; border-bottom-color: rgb(0, 139, 86); border-bottom-width: 2px; border-bottom-style: solid;
}
@media only screen and (max-width:46.87em)
{
.product-menu {
	padding: 12px 0px;
}
.product-menu .navigation {
	display: none;
}
.product-menu .h-delta {
	display: none;
}
.product-menu .h-epsilon {
	display: none;
}
.product-menu .navigation.mobile-visible {
	padding: 20px 0px 15px; display: block;
}
.product-menu .h-delta.mobile-visible {
	padding: 20px 0px 15px; display: block;
}
.product-menu .h-epsilon.mobile-visible {
	padding: 20px 0px 15px; display: block;
}
}
@media only screen and (min-width:46.87em)
{
.product-menu {
	padding: 18px 0px 16px;
}
.product-menu::after {
	clear: both; display: table; content: "";
}
.product-menu .h-delta {
	margin: 0px; float: left;
}
.product-menu .h-epsilon {
	margin: 0px; float: left;
}
.product-menu .navigation {
	float: right;
}
}
@media only screen and (min-width:61.87em)
{
.product-menu {
	padding: 24px 0px 20px;
}
.header-fixed .product-menu {
	background: rgb(255, 255, 255); left: 0px; top: 0px; width: 100%; position: fixed; z-index: 100;
}
}
@media only screen and (min-width:46.87em)
{
.products-nav {
	display: none;
}
}
@media only screen and (min-width:61.87em)
{
.header-fixed .main-content {
	padding-top: 72px;
}
}
.product-support .gi {
	padding: 25px 0px; border-bottom-color: rgb(226, 226, 226); border-bottom-width: 1px; border-bottom-style: solid;
}
.product-support :last-child.gi {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.product-support .support-content {
	vertical-align: middle; display: inline-block;
}
.product-support .support-icon {
	width: 29%; text-align: center; vertical-align: middle; display: inline-block;
}
.product-support .support-subtitle {
	color: rgb(123, 123, 123); padding-top: 5px; font-weight: 500;
}
.product-support .support-title {
	font-size: 1.12rem;
}
.product-support .support-links a {
	color: rgb(31, 134, 87); padding-top: 10px; font-size: 1.12rem; display: block;
}
.product-support .support-photo {
	margin-bottom: 30px;
}
.product-support.photo {
	text-align: center;
}
.product-support.photo .support-content {
	display: block;
}
.product-support .badge {
	padding: 0px; vertical-align: middle;
}
.product-support .badge .badge-icon {
	margin-bottom: 0px;
}
@media only screen and (min-width:46.87em)
{
.product-support {
	text-align: center;
}
.product-support .gi {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.product-support .support-icon {
	margin: 0px auto 40px; display: block;
}
.product-support .support-content {
	font-size: 0.93rem;
}
.product-support .support-content p {
	font-weight: 500;
}
.product-support .support-title {
	font-size: 0.93rem;
}
.product-support .support-subtitle {
	font-size: 0.93rem;
}
.product-support .support-links a {
	font-size: 0.93rem;
}
}
.purchase-list-header {
	display: none;
}
@media only screen and (min-width:61.87em)
{
.purchase-list-header {
	padding: 18px 30px; overflow: hidden; display: block;
}
.purchase-list-header li {
	padding-left: 16px; font-size: 1rem; float: left;
}
.purchase-list-header li + li {
	border-left-color: rgb(237, 237, 237); border-left-width: 1px; border-left-style: solid;
}
.purchase-list-header .first {
	width: 61%;
}
.purchase-list-header .second {
	width: 17%;
}
.purchase-list-header .third {
	width: 14%;
}
.purchase-list-header .four {
	width: 8%;
}
}
.purchase-list .cart-product-price {
	width: 42%; margin-top: 14px; float: right;
}
.purchase-list .counter-box {
	width: 56%; margin-top: 14px; float: left; max-width: 120px;
}
.purchase-list .cart-product-delete {
	top: 0px; right: 0px; position: absolute;
}
.purchase-list .cart-product-description {
	padding-right: 38px;
}
@media only screen and (max-width:46.87em)
{
.purchase-list .cart-product-price {
	text-align: center;
}
}
@media only screen and (min-width:61.87em)
{
.purchase-list .cart-product-info {
	padding-right: 38px;
}
.purchase-list .cart-product-description {
	width: 60%; padding-right: 18px; float: left;
}
.purchase-list .cart-product-price {
	width: 22%; padding-left: 18px; margin-top: 0px;
}
.purchase-list .counter-box {
	width: 15%; margin-top: 0px;
}
}
@media only screen and (min-width:61.87em)
{
.purchase-list-summary .cart-product-description {
	width: 68%; padding-right: 0px;
}
.purchase-list-summary .cart-product-price {
	width: 28%;
}
}
.related-content .h-delta {
	margin-bottom: 6px;
}
.related-content .h-epsilon {
	margin-bottom: 18px;
}
@media only screen and (max-width:46.87em)
{
.related-content .gi + .gi {
	margin-top: 36px;
}
}
@media only screen and (min-width:61.87em)
{
.related-content .h-delta {
	margin-bottom: 12px;
}
.related-content .h-epsilon {
	margin-bottom: 24px;
}
}
.specs-summary .wrapper {
	padding: 0px;
}
.specs-summary .badge-group {
	background: rgb(247, 247, 247); padding: 25px 20px;
}
@media only screen and (max-width:46.87em)
{
.specs-summary .badge {
	display: block;
}
}
@media only screen and (max-width:46.87em) and (min-width:31.25em)
{
.specs-summary .badge {
	width: 50%; vertical-align: top; display: inline-block;
}
}
@media only screen and (min-width:46.87em)
{
.specs-summary ul .badge {
	border-top-color: rgb(237, 237, 237); border-top-width: 1px; border-top-style: solid;
}
.specs-summary ul :nth-child(-n+3).badge {
	border: currentColor; border-image: none;
}
}
@media only screen and (min-width:61.87em)
{
.specs-summary .product-purchase {
	width: 33.33%; float: right;
}
.specs-summary .badge-group {
	padding: 50px 20px; width: 66.66%; float: left;
}
}
.specs {
	background: rgb(237, 237, 237); overflow: hidden; position: relative;
}
.specs .wrapper {
	padding: 0px;
}
.specs-info {
	background: rgb(237, 237, 237); padding: 40px 20px; text-align: center;
}
.specs-info .h-alpha {
	text-align: left;
}
.specs-info img {
	padding-top: 25px; max-width: 90%;
}
.specs-details {
	position: relative; z-index: 2;
}
.specs-badges {
	background: rgb(247, 247, 247); padding: 40px 20px 30px; position: relative; z-index: 10;
}
.specs-table {
	background: rgb(255, 255, 255); padding: 20px; width: 100%; position: relative; z-index: 10;
}
.specs-table caption {
	margin: 20px 0px; text-align: left; font-size: 1.5rem; font-weight: bold;
}
.specs-table table {
	width: 100%;
}
.specs-table tr {
	border-bottom-color: rgb(232, 232, 232); border-bottom-width: 1px; border-bottom-style: solid;
}
.specs-table .specs-title {
	padding: 20px 10px; width: 20%; text-align: left; font-size: 0.93rem;
}
.specs-table .specs-text {
	width: 79%; color: rgb(0, 0, 0); font-size: 0.81rem;
}
.specs-table .is-hidden {
	display: none;
}
.specs-bottom {
	text-align: center; margin-top: 35px;
}
.specs-bottom .button {
	margin: 0px auto; padding: 20px; width: 80%; max-width: 300px;
}
.specs-bottom .button .icon {
	margin-right: 5px;
}
.specs-bottom .button .navigation-filters .filter-name::after {
	margin-right: 5px;
}
.navigation-filters .specs-bottom .button .filter-name::after {
	margin-right: 5px;
}
.top-icon .icon {
	background-position: -174px -233px;
}
.top-icon .navigation-filters .filter-name::after {
	background-position: -174px -233px;
}
.navigation-filters .top-icon .filter-name::after {
	background-position: -174px -233px;
}
@media only screen and (max-width:61.87em) and (min-width:46.87em)
{
.specs-info {
	width: 33%; float: left;
}
.specs-badges {
	width: 66%; float: right;
}
.specs-table {
	clear: both;
}
}
@media only screen and (min-width:46.87em)
{
.specs::after {
	background: rgb(247, 247, 247); left: 34%; top: 0px; width: 66%; height: 100%; position: absolute; z-index: 0; content: "";
}
}
@media only screen and (min-width:61.87em)
{
.specs-badges {
	padding: 0px;
}
.specs-info {
	padding: 40px; width: 33%; float: left;
}
.specs-details {
	background: rgb(247, 247, 247); padding: 40px 30px; width: 66%; float: right;
}
.specs-table {
	background: rgb(247, 247, 247);
}
}
@media only screen and (min-width:75em)
{
.specs::after {
	left: 50%; margin-left: -192px;
}
}
.steps {
	border-width: 1px 1px medium; border-style: solid solid none; border-color: rgb(226, 226, 226) rgb(226, 226, 226) currentColor; border-image: none;
}
.steps .step-heading {
	font-size: 1.12rem; vertical-align: middle; display: inline-block;
}
.steps li {
	background: rgb(247, 247, 247); padding: 26px 0px 30px; width: 33.33%; text-align: center; color: rgb(204, 204, 204); display: inline-block; position: relative;
}
.steps li .icon {
	display: none;
}
.steps li .navigation-filters .filter-name::after {
	display: none;
}
.navigation-filters .steps li .filter-name::after {
	display: none;
}
.steps li.one {
	z-index: 3;
}
.steps li.two {
	z-index: 2;
}
.steps li.three {
	z-index: 1;
}
.steps li.one::after {
	background: url("../image/steps-sprite.png") no-repeat -65px -13px; top: 0px; width: 20px; height: 100%; right: -20px; position: absolute; z-index: 20; content: "";
}
.steps li.two::after {
	background: url("../image/steps-sprite.png") no-repeat -65px -13px; top: 0px; width: 20px; height: 100%; right: -20px; position: absolute; z-index: 20; content: "";
}
.steps li.step-completed .icon {
	display: inline-block;
}
.steps li.step-completed .navigation-filters .filter-name::after {
	display: inline-block;
}
.navigation-filters .steps li.step-completed .filter-name::after {
	display: inline-block;
}
.steps li.active {
	background: rgb(255, 255, 255); color: rgb(0, 0, 0);
}
.steps li.active::after {
	background: url("../image/steps-sprite.png") no-repeat -11px -10px;
}
.steps li.active.one .step-gradient {
	background: linear-gradient(to right, rgb(247, 168, 71) 0%, rgb(232, 84, 70) 100%);
}
.steps li.active.two .step-gradient {
	background: rgb(232, 83, 70);
}
.steps li.active.three .step-gradient {
	background: rgb(232, 83, 70);
}
.steps li .step-gradient {
	background: rgb(255, 255, 255); left: 0px; width: 100%; height: 4px; bottom: 0px; position: absolute;
}
@media only screen and (min-width:46.87em)
{
.steps .step-heading {
	font-size: 1.25rem;
}
}
@media only screen and (min-width:61.87em)
{
.steps {
	margin: 16px 0px;
}
}
.total-price span {
	max-width: 50%;
}
.total-price ul {
	padding: 10px 0px; color: rgb(123, 123, 123); border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid;
}
.total-price li {
	padding: 10px 0px;
}
.total-price li .amount {
	float: right;
}
.total-price .total {
	padding: 20px 0px; font-size: 1rem;
}
.total-price .total span {
	font-weight: bold; display: inline-block;
}
.total-price .total .label {
	margin: 3px 0px;
}
.total-price .total .price {
	font-size: 1.25rem; float: right;
}
.user-activity li {
	padding-left: 85px; margin-bottom: 20px; position: relative;
}
.user-activity li::after {
	clear: both; display: table; content: "";
}
.user-info-icon {
	background:#0099d2; border-radius: 50%; border: 4px solid#0099d2; border-image: none; left: 0px; top: 0px; margin-top: 20px; position: absolute;
}
.user-info-icon .icon {
	display: block;
}
.user-info-icon .navigation-filters .filter-name::after {
	display: block;
}
.navigation-filters .user-info-icon .filter-name::after {
	display: block;
}
.user-info-personal .user-info-icon {
	background: rgb(255, 96, 26); border-color: rgb(255, 96, 26);
}
.user-info-user .user-info-icon {
	background: rgb(101, 132, 218); border-color: rgb(101, 132, 218);
}
.user-info-order .user-info-icon {
	background: rgb(31, 134, 87); border-color: rgb(31, 134, 87);
}
.activity-content {
	background: rgb(237, 237, 237); padding: 20px; position: relative; min-height: 94px;
}
.activity-content::before {
	border-width: 6px 7px 6px 0px; border-style: solid; border-color: transparent rgb(237, 237, 237) transparent transparent; left: -7px; top: 40px; width: 0px; height: 0px; position: absolute; content: " "; -webkit-transform: rotate(360deg);
}
.activity-title {
	font-size: 1rem; margin-bottom: 6px;
}
@media only screen and (min-width:46.87em)
{
.activity-title {
	margin-bottom: 20px; float: left; max-width: 70%;
}
}
.activity-date {
	font-size: 0.87rem; margin-bottom: 6px;
}
@media only screen and (min-width:46.87em)
{
.activity-date {
	float: right;
}
}
.activity-details {
	clear: both;
}
.activity-details::after {
	clear: both; display: table; content: "";
}
.activity-details p + p {
	margin-top: 1em;
}
.activity-details img {
	clear: left; margin-right: 8px; float: left;
}
.activity-details .extra-text {
	font-size: 0.81rem;
}
.user-data::after {
	clear: both; display: table; content: "";
}
.user-data .user-avatar {
	margin-bottom: 16px;
}
.user-data .user-avatar img {
	width: 100%;
}
@media only screen and (max-width:46.87em)
{
.user-data .advice {
	display: none;
}
}
.user-name {
	width: 49%; padding-left: 16px; font-weight: bold; margin-bottom: 16px; display: inline-block;
}
.user-actions {
	width: 49%; text-align: right; padding-right: 16px; margin-bottom: 16px; display: inline-block;
}
.user-data-info {
	background: rgb(237, 237, 237); padding: 10px 20px; font-size: 0.87rem;
}
.user-data-info li {
	padding: 20px 0px 20px 70px; position: relative; min-height: 55px;
}
.user-data-info li + li {
	border-top-color: rgb(204, 204, 204); border-top-width: 1px; border-top-style: solid;
}
.user-data-info .user-info-icon {
	margin: 16px 0px 0px;
}
.user-data-info .user-data-info-title {
	padding-bottom: 5px;
}
.whats-new .message-box + .message-box {
	margin: 40px 0px 0px;
}
@media only screen and (max-width:46.87em)
{
.delivery-pick .button {
	width: auto; display: inline-block;
}
}
@media only screen and (min-width:46.87em)
{
.delivery-pick {
	padding-left: 70px; margin-top: -20px; margin-bottom: 40px;
}
}
.delivery-header {
	padding: 20px 30px;
}
.product-title {
	margin: 10px 0px; font-size: 1.25rem; font-weight: 300;
}
@media only screen and (min-width:46.87em)
{
.product-title {
	margin: 20px 0px; font-size: 1.5rem;
}
}
@media only screen and (min-width:61.87em)
{
.product-title {
	margin: 20px 0px 0px; font-size: 1.62rem;
}
}
.help-title {
	padding: 20px 0px 30px 10px; font-size: 1.37rem;
}
@media only screen and (min-width:61.87em)
{
.help-title {
	padding: 0px 0px 30px; font-size: 1rem;
}
}
.lateral-menu {
	display: none;
}
@media only screen and (min-width:61.87em)
{
.lateral-menu {
	display: inline-block;
}
}
.mobile-plan-title {
	padding: 20px 0px;
}
@media only screen and (max-width:46.87em)
{
.mobile-plan-title.mobile-hidden {
	display: none;
}
}
.menu-tabs-plan {
	margin: 2px 0px 20px;
}
@media only screen and (min-width:61.87em)
{
.menu-tabs-plan {
	margin: 0px; padding: 20px;
}
}
.legal-advice-plan p {
	color: gray; line-height: 1.3; margin-bottom: 0.8em;
}
.contract-plan .subtitle {
	text-align: center;
}
.contract-plan .field + .field {
	padding-top: 20px; border-top-color: rgb(204, 204, 204); border-top-width: 1px; border-top-style: solid;
}
.contract-plan .field + .field::after {
	clear: both; display: table; content: "";
}
.contract-plan .radio {
	display: inline-block;
}
@media only screen and (min-width:61.87em)
{
.contract-plan .subtitle {
	margin-top: -20px; vertical-align: middle; display: inline-block;
}
.contract-plan .prices-plan {
	vertical-align: top; display: inline-block;
}
.contract-plan .prices-plan-specs {
	padding-left: 30px; vertical-align: top; display: inline-block;
}
}
.contract-plan .legal-advice-plan {
	font-size: 0.93rem;
}
.input-complementary-info .input-big-radio {
	vertical-align: middle;
}
@media only screen and (min-width:61.87em)
{
.input-complementary-info .input-big-radio {
	margin-right: 20px; display: inline-block;
}
}
.telephone-number-plan .search {
	margin-top: 20px; margin-bottom: 20px; position: relative;
}
.telephone-number-plan .search input {
	border-radius: 6px; width: 100%; padding-right: 55px; float: none;
}
.telephone-number-plan .search button {
	top: 0px; right: 0px; position: absolute;
}
.telephone-number-plan .radio-item .main {
	padding-top: 30px; padding-bottom: 31px;
}
.telephone-number-plan .radio-item .aside {
	padding-top: 30px; padding-bottom: 29px;
}
.csstransforms .telephone-number-plan .radio-item .radio {
	top: 50%; position: absolute; transform: translateY(-50%); -webkit-transform: translateY(-50%);
}
@media only screen and (min-width:46.87em)
{
.telephone-number-plan .number-heading {
	width: 50%; float: left;
}
.telephone-number-plan .search {
	width: 40%; margin-top: 0px; float: right;
}
.telephone-number-plan .height-fixed-area {
	clear: both;
}
}
.message-header {
	padding: 30px; border-bottom-color: rgb(237, 237, 237); border-bottom-width: 4px; border-bottom-style: solid;
}
.message-content {
	padding-top: 50px;
}
.message-content p {
	margin: 0px auto; width: 80%; font-size: 1.12rem;
}
@media only screen and (min-width:46.87em)
{
.user-aside {
	float: right;
}
}
@media only screen and (min-width:46.87em)
{
.my-oppo-content {
	float: left;
}
}
.my-oppo-content .h-epsilon {
	margin-bottom: 1em;
}
.my-oppo-load-more {
	text-align: center; margin-top: 40px;
}
a {
	cursor: pointer;
}
.hide {
	display: none;
}
.g-hide {
	display: none;
}
.g-show {
	display: block;
}
.clickable {
	color: rgb(31, 134, 87);
}
.clickable-light {
	color:#0099d2;
}
.relative {
	position: relative;
}
.title-under-breadcrumb {
	display: none;
}
.background-f6 {
	background-color: rgb(246, 246, 246) !important;
}
@media only screen and (max-width:61.87em)
{
.background-f6 .wrapper {
	background-color: rgb(246, 246, 246) !important;
}
}
@media only screen and (max-width:46.87em)
{
.palm-margin-top-20 {
	margin-top: 20px;
}
}
.pos-relative {
	position: relative;
}
.login {
	padding: 100px 0px;
}
.login-wrapper {
	padding: 20px;
}
.login-wrapper img {
	max-width: 100%;
}
.login-button {
	width: 100%;
}
.text-green {
	color:#0099d2;
}
.text-gray {
	color: rgb(116, 116, 116);
}
.align-right {
	text-align: right;
}
.align-center {
	text-align: center;
}
.login-ways {
	line-height: 30px;
}
.login-ways a {
	margin-right: 10px;
}
.login-ways a span {
	vertical-align: top;
}
.login-ways a .icon-weibo {
	background-position: -130px 2px;
}
.login-title {
	display: none;
}
.login-header .search {
	display: none;
}
.login-header .upper-area ul {
	display: none;
}
.login-header nav {
	display: none;
}
.login-breadcrumb {
	margin: 26px 0px 20px 20px; width: 200px; line-height: 30px; padding-left: 20px; font-size: 1.2rem; font-weight: bold; vertical-align: middle; border-left-color: rgb(204, 204, 204); border-left-width: 1px; border-left-style: solid; float: left;
}
.login-home {
	margin: 26px 0px 0px; text-align: right; line-height: 34px; font-size: 0.8rem; float: right;
}
.login-home a {
	vertical-align: top;
}
.login-home span {
	vertical-align: top;
}
.login-home a {
	margin-right: 15px;
}
.login-home a span {
	margin-right: 5px;
}
.login-header .shop-cart {
	display: none;
}
.login input[type='password'] {
	background: rgb(255, 255, 255); padding: 20px; border-radius: 4px; border: 1px solid rgb(204, 204, 204); border-image: none; width: 100%; -moz-border-radius: 4px; -webkit-border-radius: 4px;
}
.login input[type='password']:focus {
	border: 1px solid#0099d2; border-image: none;
}
.login input[type='password']:hover {
	border: 1px solid#0099d2; border-image: none;
}
.register {
	padding: 15px 0px;
}
.register .steps {
	margin-top: 0px;
}
.register-form {
	padding: 40px 0px;
}
.register-rules {
	padding: 60px 20px;
}
.register-rule {
	padding: 20px; line-height: 1.5rem;
}
.register-rule span {
	margin-right: 20px;
}
.register-state {
	padding: 10px 0px; color: rgb(0, 0, 0);
}
.register-vcode :nth-child(n+2).gi {
	text-align: center; line-height: 60px;
}
.register-vcode :nth-child(n+2).gi img {
	width: 90%;
}
.register-form .check-item {
	margin: 0px; line-height: 32px;
}
.register-form .checkbox {
	margin: 0px 10px 0px 0px;
}
.register-help {
	border-radius: 4px; width: 80%; margin-top: 20px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 2px; border-bottom-style: solid; box-shadow: 0px 0px 4px #ccc; background-color: rgb(255, 255, 255);
}
.register-help .hr {
	margin: 10px 0px 20px; height: 0px; overflow: hidden; border-top-color: rgb(204, 204, 204); border-top-width: 1px; border-top-style: solid;
}
.register-help p {
	line-height: 2rem;
}
.register-email {
	-ms-word-break: break-all; -ms-word-wrap: break-word;
}
.text-2em {
	font-size: 2em;
}
.register-mobile .button {
	float: right;
}
.forget-mobile .button {
	float: right;
}
.register-mobile .btn-resend {
	padding: 10px 0px; width: 95%; line-height: 1.15rem; font-size: 0.8rem;
}
.forget-mobile .btn-resend {
	padding: 10px 0px; width: 95%; line-height: 1.15rem; font-size: 0.8rem;
}
.register-mobile .btn-disabled {
	border-color: rgb(204, 204, 204); color: rgb(123, 123, 123); cursor: default; background-color: rgb(204, 204, 204);
}
.forget-mobile .btn-disabled {
	border-color: rgb(204, 204, 204); color: rgb(123, 123, 123); cursor: default; background-color: rgb(204, 204, 204);
}
.register-mobile .btn-disabled:focus {
	border-color: rgb(204, 204, 204); outline: 0px;
}
.register-mobile .btn-disabled:active {
	border-color: rgb(204, 204, 204); outline: 0px;
}
.forget-mobile .btn-disabled:focus {
	border-color: rgb(204, 204, 204); outline: 0px;
}
.forget-mobile .btn-disabled:active {
	border-color: rgb(204, 204, 204); outline: 0px;
}
.register-help-bottom {
	line-height: 2rem; padding-top: 20px;
}
.register-success {
	margin: 0px auto; padding: 50px 20px 200px; width: 50em;
}
.register-success .heading {
	padding: 50px 0px; text-align: center;
}
.register-success .button {
	padding: 20px 0px; width: 90%;
}
.register-success .one-half {
	text-align: center;
}
.register-success .two-quarters {
	text-align: center;
}
.register-success .three-sixths {
	text-align: center;
}
.register-success :last-child.one-half .button {
	float: right;
}
.register-success :last-child.two-quarters .button {
	float: right;
}
.register-success :last-child.three-sixths .button {
	float: right;
}
.desk-hide {
	display: none;
}
.login-form .field {
	position: relative;
}
.register-form .field {
	position: relative;
}
.forget-form .field {
	position: relative;
}
.login-form .register-icon {
	top: 20px; right: -20px; display: none; position: absolute;
}
.register-form .register-icon {
	top: 20px; right: -20px; display: none; position: absolute;
}
.forget-form .register-icon {
	top: 20px; right: -20px; display: none; position: absolute;
}
.forget {
	padding: 15px 0px 100px;
}
.forget .steps {
	margin: 0px;
}
.forget .steps li {
	width: 25%;
}
.forget .steps li.four {
	z-index: 0;
}
.forget .steps li.three::after {
	background: url("../image/steps-sprite.png") no-repeat -65px -13px; top: 0px; width: 20px; height: 100%; right: -20px; position: absolute; z-index: 20; content: "";
}
.forget .steps li.active::after {
	background: url("../image/steps-sprite.png") no-repeat -11px -10px;
}
.forget .steps li.active.four .step-gradient {
	background: rgb(232, 83, 70);
}
.forget-form {
	margin: 0px auto; padding: 50px 20px 20px; width: 40em;
}
.forget-form .field label {
	padding-top: 20px;
}
.forget-help {
	text-align: center;
}
.forget-mobile .desk-one-fifth {
	padding-top: 20px;
}
.forget-mobile .btn-resend {
	padding: 20px 0px;
}
@media only screen and (max-width:61.87em)
{
.login {
	padding: 10px 0px;
}
.login-title {
	display: block;
}
.login-header .search {
	display: block;
}
.login-header .shop-cart {
	display: block;
}
.login-ad {
	display: none;
}
.login-ways {
	text-align: center;
}
:first-child.login-ways {
	padding: 20px 0px; font-size: 1.2rem;
}
.login-title {
	text-align: center; font-size: 1.2rem;
}
.login-header nav {
	display: block;
}
.login-breadcrumb {
	display: none;
}
.login-home {
	display: none;
}
.register-form {
	padding: 20px 0px;
}
.register-form .register-left {
	display: none;
}
.register-help {
	display: none;
}
.desk-hide {
	display: none;
}
.lap-hide {
	display: none;
}
.lap-show {
	display: block;
}
.btn-next {
	width: 100%;
}
}
@media only screen and (max-width:61.87em) and (min-width:46.87em)
{
.login-form {
	margin: 0px auto; width: 40em; display: block;
}
.register-form {
	margin: 0px auto; width: 40em; display: block;
}
.register-success {
	margin: 0px auto; width: 40em; display: block;
}
}
@media only screen and (max-width:46.87em)
{
.register-success {
	margin: 0px; width: 100%;
}
.forget-form {
	margin: 0px; width: 100%;
}
.forget-help {
	text-align: left; padding-right: 20px; padding-left: 20px;
}
}
@media only screen and (max-width:360px)
{
.register-success .button {
	font-size: 0.8rem;
}
}
.icons-plus {
	background: url("../image/icons-plus.png") no-repeat; display: inline-block;
}
.icons-plus-vip {
	background-position: 0px 0px; width: 40px; height: 40px;
}
.icons-plus-take {
	background-position: 0px -40px; width: 40px; height: 40px;
}
.icons-plus-cloud {
	background-position: 0px -80px; width: 40px; height: 40px;
}
.icons-plus-weibo {
	background-position: -50px -5px; width: 30px; height: 30px;
}
.icons-plus-qq {
	background-position: -47px -42px; width: 30px; height: 30px;
}
.icons-plus-zfb {
	background-position: -50px -77px; width: 50px; height: 30px;
}
.icons-plus-home {
	background-position: -100px 0px; width: 34px; height: 34px;
}
.icons-plus-user {
	background-position: -100px -40px; width: 34px; height: 34px;
}
.alert-danger {
	color: red;
}
input[type=text].activation_code {
	width: 60%; display: inline-block;
}
.btn_get_activation_code {
	background:#0099d2; padding: 10px 20px; border: 2px solid#0099d2; border-image: none; color: rgb(255, 255, 255); margin-top: 12px; float: right; min-width: 80px;
}
.activation_section {
	display: none;
}
.supports__faq {
	padding: 0px; font-size: 18px;
}
.supports__faq__details {
	margin: 20px;
}
.network-cities {
	padding-top: 0px !important;
}
.network-cities .shops-cities-p {
	padding-bottom: 0px !important;
}
.network-cities .shops-cities-c {
	padding-top: 0px !important;
}
.network-message .badge-icon-tip {
	top: 60%; z-index: 99;
}
.network-message .badge-icon-tip .gi {
	padding: 0px; border: 0px currentColor; border-image: none;
}
.network-message .badge-icon-tip-close {
	text-align: center;
}
.network-message .network-send-message-box {
	display: block;
}
.network-message .network-show-route-box {
	display: none;
}
@media only screen and (max-width:46.87em)
{
.network-message .network-send-message-box {
	display: none;
}
.network-message .network-show-route-box {
	display: block;
}
}
.supports__faq.is-active .icons-open {
	background-position: -184px -602px;
}
.supports {
	
}
.supports .clearfix::after {
	clear: both; display: table; content: "";
}
.supports .breadcrumb li {
	line-height: 1.5;
}
.supports .self-service .h-gamma {
	margin-bottom: 0px;
}
.supports .self-service .gi {
	float: left;
}
@media only screen and (min-width:61.87em)
{
.supports .self-service {
	padding-bottom: 50px;
}
.supports .self-service .gi {
	padding-bottom: 18px;
}
}
@media only screen and (max-width:61.87em) and (min-width:46.87em)
{
.supports .self-service {
	padding-bottom: 24px;
}
.supports .self-service .gi {
	padding-bottom: 10px;
}
}
.supports .self-service .self-service-about {
	padding-top: 12px; font-size: 1.12rem; float: right;
}
.supports .self-service .self-service-about span {
	border-radius: 50%; width: 20px; height: 20px; text-align: center; color: rgb(255, 255, 255); line-height: 24px; font-size: 1rem; margin-right: 5px; display: inline-block; background-color: #0099d2;
}
.supports .problems-head .gi {
	padding-left: 0px;
}
.supports .problems-head :last-child.gi {
	text-align: right; padding-top: 10px;
}
.supports .problems-head :last-child.gi a {
	color: rgb(175, 175, 175);
}
.supports .problems-head :last-child.gi a:hover {
	text-decoration: underline;
}
.supports .faq li {
	border-top-color: rgb(226, 226, 226); border-bottom-color: rgb(226, 226, 226); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.supports .faq li + li {
	border-top-color: currentColor; border-top-width: medium; border-top-style: none;
}
.supports .faq li a {
	color: rgb(57, 57, 57);
}
.supports .faq li a.view-details {
	width: 100%;
}
.supports .faq-icon {
	margin-top: 3px; margin-right: 10px; float: right; display: inline-block;
}
.supports .icons-open {
	background-position: -184px -580px; width: 21px; height: 21px; display: inline-block;
}
.supports .series {
	width: 100%; border-bottom-color: transparent; border-bottom-width: 10px; border-bottom-style: solid; display: block; position: relative;
}
.supports .series span {
	background-position: -190px -739px; width: 21px; height: 21px; right: 20px; bottom: 20px; position: absolute;
}
@media only screen and (max-width:46.87em)
{
.supports .series span {
	display: none;
}
}
.supports .series.active {
	border-bottom-color: #0099d2; border-bottom-width: 10px; border-bottom-style: solid;
}
.supports .series.active span {
	background-position: -190px -763px;
}
.supports .series:hover {
	border-bottom-color: #0099d2; border-bottom-width: 10px; border-bottom-style: solid;
}
@media only screen and (max-width:46.87em)
{
.supports .series {
	margin-bottom: 2px; border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none; box-shadow: 0px 5px 3px #bdbdbd; -webkit-box-shadow: 0 5px 3px #bdbdbd; -moz-box-shadow: 0 5px 3px #bdbdbd; -o-box-shadow: 0 5px 3px #bdbdbd;
}
.supports .series.active {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none; box-shadow: 0px 5px 3px #2ba86c; -webkit-box-shadow: 0 5px 3px #2ba86c; -moz-box-shadow: 0 5px 3px #2ba86c; -o-box-shadow: 0 5px 3px #2ba86c;
}
.supports .series.active span {
	display: none;
}
.supports .series:hover {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
}
.supports .series-products {
	background: rgb(255, 255, 255); padding: 40px 80px; border: 1px solid rgb(224, 224, 224); border-image: none; width: 98%; margin-bottom: 20px; display: none; z-index: 9;
}
@media only screen and (max-width:46.87em)
{
.supports .series-products {
	padding: 40px; margin-left: 4px;
}
}
@media only screen and (max-width:61.87em) and (min-width:46.87em)
{
.supports .series-products {
	margin-left: 8px;
}
}
@media only screen and (min-width:61.87em)
{
.supports .series-products {
	margin-left: 18px;
}
}
.supports .series-products a {
	display: block;
}
.supports .series-products img {
	margin: 0px auto;
}
.supports .series-products p {
	padding-top: 20px;
}
.supports .products-icon {
	background: rgb(224, 224, 224); border-radius: 52px; top: 50%; width: 52px; height: 52px; text-align: center; margin-top: -26px; position: absolute;
}
.supports .products-icon:hover {
	background:#0099d2; cursor: pointer;
}
@media only screen and (max-width:46.87em)
{
.supports .products-icon {
	border-radius: 32px; width: 32px; height: 32px;
}
}
.supports .products-icon .icon {
	width: 10px; height: 15px; margin-top: 18px;
}
.supports .products-icon .navigation-filters .filter-name::after {
	width: 10px; height: 15px; margin-top: 18px;
}
.navigation-filters .supports .products-icon .filter-name::after {
	width: 10px; height: 15px; margin-top: 18px;
}
@media only screen and (max-width:46.87em)
{
.supports .products-icon .icon {
	margin-top: 8px;
}
.supports .products-icon .navigation-filters .filter-name::after {
	margin-top: 8px;
}
.navigation-filters .supports .products-icon .filter-name::after {
	margin-top: 8px;
}
}
.supports .products-icon .icon-prev {
	background-position: -190px -668px;
}
.supports .products-icon .icon-next {
	background-position: -190px -638px;
}
.supports .products-icon-prev {
	left: 20px;
}
@media only screen and (max-width:46.87em)
{
.supports .products-icon-prev {
	left: 10px;
}
}
.supports .products-icon-next {
	right: 20px;
}
@media only screen and (max-width:46.87em)
{
.supports .products-icon-next {
	right: 10px;
}
}
.supports .slick-slide {
	height: auto; text-align: center;
}
.supports .supports-part .button-query {
	margin-top: 3px;
}
@media only screen and (min-width:46.87em)
{
.supports .supports-part .button-query {
	margin-left: 20px;
}
}
.supports .supports-part .parts-content {
	display: none;
}
.supports .supports-part .parts-list .gi {
	padding-top: 20px;
}
@media only screen and (max-width:46.87em)
{
.supports .supports-part .parts-list .gi {
	padding-top: 15px;
}
}
@media only screen and (min-width:61.87em)
{
.supports .supports-part .parts-list .gi {
	padding-top: 30px;
}
}
.supports .supports-part .parts-list .gi.center-text {
	padding-top: 0px;
}
.supports .supports-part .parts-list img {
	width: 45%;
}
@media only screen and (min-width:46.87em)
{
.supports .supports-part .parts-list img {
	width: 25%;
}
}
.supports .supports-part p {
	color: rgb(95, 95, 95); font-size: 1rem;
}
.supports .link-reserve {
	text-decoration: underline;
}
@media only screen and (max-width:61.87em) and (min-width:46.87em)
{
.supports .supports-network .store-location .gi {
	border: currentColor; border-image: none; min-height: 45px;
}
}
.supports .supports-network .location-map {
	margin-top: 0px; display: none;
}
@media only screen and (min-width:61.87em)
{
.supports .supports-network .location-map {
	display: block;
}
}
.supports .supports-network .list-store {
	margin-top: 20px;
}
.supports .supports-network .remarks {
	color: rgb(243, 134, 73);
}
.supports .supports-network .network-note p {
	padding-bottom: 3px; font-size: 0.87rem;
}
.supports .supports-network .store-location-none {
	padding: 50px; text-align: center;
}
@media only screen and (max-width:46.87em)
{
.supports .supports-network .store-location-none {
	padding: 30px;
}
}
.supports .supports-network .select-territories {
	text-align: center; margin-bottom: 30px;
}
.supports .supports-network .select-territories .tips {
	height: 66px; line-height: 66px;
}
.supports .supports-network .select-territories .city-select {
	margin-top: 5px; margin-left: 0px;
}
@media only screen and (min-width:61.87em)
{
.supports .supports-network .select-territories .city-select {
	margin-top: 0px; margin-left: 5px;
}
}
@media only screen and (max-width:46.87em)
{
.supports .supports-network .select-territories {
	text-align: left;
}
}
.supports .supports-network .map-hide {
	display: none;
}
.supports .supports-network .map-show {
	display: block;
}
.supports .supports-network .toggle-map-view {
	color: rgb(31, 134, 87); font-size: 0.87rem; margin-bottom: 10px; cursor: pointer;
}
@media only screen and (max-width:46.87em)
{
.supports .supports-network .toggle-map-view {
	display: none;
}
}
.supports .supports-pro .pro-wrapper {
	padding-right: 20px;
}
@media only screen and (max-width:46.87em)
{
.supports .supports-pro .pro-wrapper {
	padding-right: 0px;
}
}
.supports .supports-pro .pro-wrapper .button-s {
	width: 100%;
}
.supports .supports-pro .pro-wrapper .link {
	font-size: 0.81rem;
}
.supports .supports-pro .pro-wrapper .pull-right {
	padding-top: 5px;
}
.supports .supports-pro .product {
	padding: 20px; border: 1px solid rgb(229, 229, 229); border-image: none; text-align: center;
}
.supports .supports-pro .product img {
	width: 60%;
}
.supports .supports-pro .pro-imgs img {
	margin: 0px auto;
}
.supports .supports-vedio a.active {
	color: rgb(0, 155, 114);
}
.supports .supports-vedio a:hover {
	color: rgb(0, 155, 114);
}
.supports .supports-vedio p {
	text-align: center; padding-top: 20px;
}
@media only screen and (max-width:46.87em)
{
.supports .supports-vedio p {
	padding-top: 0px; padding-bottom: 10px;
}
.supports .supports-vedio :last-child.gi .field {
	margin: 10px 0px;
}
}
.supports .supports-pro-info a {
	color: rgb(57, 57, 57);
}
.supports .supports-pro-info img {
	max-width: 30px;
}
.supports .js-tab-content.brick-s {
	padding: 25px 20px;
}
.supports .box {
	padding: 10px 0px 0px; border: currentColor; border-image: none; text-align: left; float: left; position: static;
}
.supports .supports-faq li {
	padding-bottom: 10px; margin-bottom: 20px; border-bottom-color: rgb(224, 224, 224); border-bottom-width: 1px; border-bottom-style: solid;
}
.supports .supports-faq li p {
	padding: 5px 0px;
}
.supports .supports-faqs {
	padding-bottom: 60px;
}
@media only screen and (max-width:46.87em)
{
.supports .supports-faqs {
	padding-top: 20px;
}
}
.supports .supports-faqs .supports-faqs-content {
	background: rgb(255, 255, 255); padding: 20px; border: 1px solid rgb(224, 224, 224); border-image: none;
}
@media only screen and (max-width:46.87em)
{
.supports .supports-faqs .supports-faqs-content {
	padding-top: 0px; margin-top: 40px;
}
}
.supports .supports-faqs .supports-faqs-content .supports-faq li {
	padding-bottom: 35px;
}
.supports .supports-faqs .faqs-action a {
	width: 70px; float: right; display: inline-block;
}
.supports .supports-faqs .faqs-action a span {
	height: 35px; line-height: 35px; float: left; display: inline-block;
}
.supports .supports-faqs .faqs-action .faqs-good .faqs-icon {
	background-position: 0px 0px;
}
.supports .supports-faqs .faqs-action .faqs-bad {
	color: rgb(57, 57, 57);
}
.supports .supports-faqs .faqs-action .faqs-bad .faqs-icon {
	background-position: 0px -83px;
}
.supports .supports-faqs .faqs-action .faqs-icon {
	background: url("../image/supports-icons.png") no-repeat; width: 26px;
}
.supports .supports-faqs .faq-tab {
	width: 100%; padding-bottom: 40px;
}
.supports .supports-faqs .faq-tab li {
	height: 50px; float: left;
}
.supports .supports-faqs .faq-tab li a {
	width: 120px; text-align: center; display: inline-block;
}
.supports .supports-faqs .faq-tab li a.active {
	border-radius: 3px; border: 1px solid rgb(31, 134, 87); border-image: none; color:#0099d2;
}
.supports .supports-faqs .faq-tab li p {
	height: 40px; line-height: 40px;
}
@media only screen and (min-width:61.87em)
{
.supports .supports-faqs .faq-tab li {
	width: 14.28%; height: auto;
}
.supports .supports-faqs .faq-tab li a {
	width: auto;
}
.supports .supports-faqs .faq-tab li a:hover {
	color:#0099d2;
}
.supports .supports-faqs .faq-tab li a.active {
	border: currentColor; border-image: none;
}
.supports .supports-faqs .faq-tab li span {
	background: url("../image/supports-icons.png") no-repeat; margin: 0px auto; width: 50px; height: 50px; display: block;
}
.supports .supports-faqs .faq-tab li .faq-tab-desk span {
	background-position: -101px -89px;
}
.supports .supports-faqs .faq-tab li .faq-tab-desk:hover span {
	background-position: -101px -1px;
}
.supports .supports-faqs .faq-tab li .faq-tab-desk.active span {
	background-position: -101px -1px;
}
.supports .supports-faqs .faq-tab li .faq-tab-network span {
	background-position: -235px -89px;
}
.supports .supports-faqs .faq-tab li .faq-tab-network:hover span {
	background-position: -235px 0px;
}
.supports .supports-faqs .faq-tab li .faq-tab-network.active span {
	background-position: -235px 0px;
}
.supports .supports-faqs .faq-tab li .faq-tab-media span {
	background-position: -371px -89px;
}
.supports .supports-faqs .faq-tab li .faq-tab-media:hover span {
	background-position: -371px 0px;
}
.supports .supports-faqs .faq-tab li .faq-tab-media.active span {
	background-position: -371px 0px;
}
.supports .supports-faqs .faq-tab li .faq-tab-tool span {
	background-position: -503px -89px;
}
.supports .supports-faqs .faq-tab li .faq-tab-tool:hover span {
	background-position: -503px 0px;
}
.supports .supports-faqs .faq-tab li .faq-tab-tool.active span {
	background-position: -503px 0px;
}
.supports .supports-faqs .faq-tab li .faq-tab-resource span {
	background-position: -632px -89px;
}
.supports .supports-faqs .faq-tab li .faq-tab-resource:hover span {
	background-position: -632px 0px;
}
.supports .supports-faqs .faq-tab li .faq-tab-resource.active span {
	background-position: -632px 0px;
}
.supports .supports-faqs .faq-tab li .faq-tab-security span {
	background-position: -764px -89px;
}
.supports .supports-faqs .faq-tab li .faq-tab-security:hover span {
	background-position: -764px 0px;
}
.supports .supports-faqs .faq-tab li .faq-tab-security.active span {
	background-position: -764px 0px;
}
.supports .supports-faqs .faq-tab li .faq-tab-other span {
	background-position: -892px -89px;
}
.supports .supports-faqs .faq-tab li .faq-tab-other:hover span {
	background-position: -892px 0px;
}
.supports .supports-faqs .faq-tab li .faq-tab-other.active span {
	background-position: -892px 0px;
}
}
.supports .supports-help {
	padding-bottom: 60px;
}
@media only screen and (max-width:46.87em)
{
.supports .supports-help {
	padding-top: 20px;
}
}
.supports .supports-help .supports-help-content {
	padding: 20px; border: 1px solid rgb(224, 224, 224); border-image: none;
}
@media only screen and (max-width:46.87em)
{
.supports .supports-help .supports-help-content {
	padding-top: 0px; margin-top: 40px;
}
}
.supports .supports-detail {
	padding-bottom: 60px;
}
.supports .supports-detail .supports-detail-content {
	border-width: medium 1px 1px; border-style: none solid solid; border-color: currentColor rgb(224, 224, 224) rgb(224, 224, 224); border-image: none;
}
.supports .supports-detail .article-response {
	background: rgb(255, 255, 255);
}
@media only screen and (min-width:61.87em)
{
.supports .supports-detail .article-response {
	padding: 20px;
}
}
.supports .supports-detail .menulist .menu {
	cursor: default;
}
@media only screen and (min-width:46.87em)
{
.supports .supports-phonecheck .phonecheck {
	text-align: center;
}
}
.supports .supports-phonecheck .button-check {
	width: 100% !important;
}
.supports .supports-phonecheck .alert-danger {
	text-align: left; margin-top: 10px;
}
.supports .phonecheck-captcha {
	line-height: 66px;
}
.supports .check-tips-title {
	padding: 20px 0px 15px; margin-bottom: 20px; border-bottom-color: rgb(229, 229, 229); border-bottom-width: 1px; border-bottom-style: solid; display: block;
}
.supports .check-tips-item {
	background: rgb(247, 247, 247); padding: 10px 0px; line-height: 1.5;
}
.supports .check-tips-item + .check-tips-item {
	padding: 0px 0px 10px;
}
@media only screen and (min-width:61.87em)
{
.supports .check-tips-item {
	padding: 30px 20px 20px;
}
.supports .check-tips-item + .check-tips-item {
	padding: 0px 20px 20px;
}
}
.supports .check-tips-item h4 {
	padding-bottom: 10px;
}
.supports .check-tips-item div {
	padding-bottom: 5px; font-size: 0.87rem;
}
.supports .supports-check-result .supports-pro .pro-img {
	background: rgb(255, 255, 255);
}
.supports .supports-check-result .check-result-items {
	background: linear-gradient(rgb(250, 250, 250) 0%, rgb(255, 255, 255) 100%); padding: 10px;
}
@media only screen and (min-width:61.87em)
{
.supports .supports-check-result .check-result-items {
	padding: 15px 20px;
}
}
.supports .supports-check-result .check-result-items .check-result-item + .check-result-item {
	margin-top: 10px;
}
.supports .supports-check-result .check-result-items .check-result-item h4 {
	font-size: 0.93rem; margin-bottom: 10px;
}
.supports .supports-check-result .check-result-items .check-result-item .item-content {
	margin: 0px; width: 100%;
}
@media only screen and (min-width:46.87em)
{
.supports .supports-check-result .check-result-items .check-result-item .item-content {
	margin: 0px auto; width: 90%;
}
}
.supports .supports-check-result .check-result-items .check-result-item .item-content .gi {
	padding: 3px 0px; font-size: 0.87rem;
}
.supports .supports-check-result .check-result-items .check-result-item .item-content .gi + .gi {
	border-left-color: currentColor; border-left-width: medium; border-left-style: none;
}
@media only screen and (min-width:61.87em)
{
.supports .supports-check-result .check-result-items .check-result-item .item-content .gi {
	border: 1px solid rgb(226, 226, 226); border-image: none; text-align: center;
}
}
.supports .supports-check-result .check-result-items .check-result-item .item-data {
	padding: 10px; background-color: rgb(247, 247, 247);
}
@media only screen and (min-width:61.87em)
{
.supports .supports-check-result .check-result-items .check-result-item .item-data {
	background: none; padding: 0px;
}
}
.supports .supports-check-result .check-result-items .check-result-item .item-data + .item-data {
	margin-top: 15px;
}
@media only screen and (min-width:61.87em)
{
.supports .supports-check-result .check-result-items .check-result-item .item-data + .item-data {
	margin-top: 0px;
}
.supports .supports-check-result .check-result-items .check-result-item .item-data + .item-data .gi {
	border-top-color: currentColor; border-top-width: medium; border-top-style: none;
}
}
.supports .supports-check-result .check-result-items .check-result-item .item-data.item-none {
	padding: 10px; text-align: center; font-size: 0.87rem;
}
@media only screen and (min-width:61.87em)
{
.supports .supports-check-result .check-result-items .check-result-item .item-data.item-none {
	padding: 0px; text-align: left;
}
}
.supports .supports-check-result .check-result-items .check-result-item .item-data.item-none a {
	color:#0099d2; text-decoration: underline;
}
.supports .supports-check-result .check-result-items .check-result-item .item-title {
	display: none;
}
@media only screen and (min-width:61.87em)
{
.supports .supports-check-result .check-result-items .check-result-item .item-title {
	font-weight: bold; display: block;
}
.supports .supports-check-result .check-result-items .check-result-item .item-title + .item-data .gi {
	border-top-color: currentColor; border-top-width: medium; border-top-style: none;
}
}
.supports .supports-check-result .check-result-items .check-result-item i {
	font-style: normal; display: inline-block;
}
@media only screen and (min-width:61.87em)
{
.supports .supports-check-result .check-result-items .check-result-item i {
	display: none;
}
}
@media only screen and (min-width:61.87em)
{
.supports .supports-check-result .location-address .list-store {
	margin-top: 20px;
}
}
@media only screen and (min-width:61.87em)
{
.supports .supports-check-result .network-map {
	display: none;
}
}
.supports .supports-check-result .network-message {
	display: none;
}
@media only screen and (min-width:61.87em)
{
.supports .supports-check-result .network-message {
	display: inline-block;
}
}
.supports .supports-help-content-title {
	padding: 10px; font-size: 1.12rem;
}
@media only screen and (min-width:46.87em)
{
.supports .supports-help-content-title {
	padding: 30px 50px 10px; font-size: 1.5rem;
}
}
.supports .supports-help-content-table {
	margin-bottom: 20px;
}
.supports .supports-help-content-table thead {
	font-size: 1rem; background-color: rgb(247, 247, 247);
}
.supports .supports-help-content-table thead td {
	padding: 8px 5px; font-weight: bold;
}
@media only screen and (min-width:46.87em)
{
.supports .supports-help-content-table thead {
	font-size: 1.12rem;
}
.supports .supports-help-content-table thead td {
	padding: 16px 15px;
}
}
.supports .supports-help-content-table tbody {
	font-size: 0.87rem;
}
.supports .supports-help-content-table td {
	padding: 5px; border: 1px solid rgb(226, 226, 226); border-image: none;
}
.supports .supports-help-content-table td:first-child {
	white-space: nowrap;
}
@media only screen and (min-width:46.87em)
{
.supports .supports-help-content-table td {
	padding: 14px 15px;
}
.supports .supports-help-content-table td:first-child {
	width: 33.33% !important;
}
}
.supports .supports-help-content-note {
	padding: 20px; background-color: rgb(247, 247, 247);
}
.supports .supports-help-content-item {
	padding: 30px 20px;
}
.supports :first-child.supports-help-content-item {
	margin-top: 10px;
}
.supports :last-child.supports-help-content-item {
	margin-bottom: 10px;
}
.supports .supports-help-content-item + .supports-help-content-item {
	border-top-color: rgb(226, 226, 226); border-top-width: 1px; border-top-style: solid;
}
@media only screen and (max-width:46.87em)
{
.supports .supports-help-content-item {
	padding: 20px 0px;
}
}
.supports .supports-help-content-item .item-flag {
	width: 75px; height: 75px; text-align: center; color: rgb(255, 255, 255); display: inline-block; background-color:#0099d2;
}
@media only screen and (max-width:46.87em)
{
.supports .supports-help-content-item .item-flag {
	width: 50px; height: 50px; font-size: 0.87rem;
}
}
.supports .supports-help-content-item .item-flag .item-flag-seq {
	line-height: 20px; padding-top: 16px; font-size: 2.25rem; display: inline-block;
}
@media only screen and (max-width:46.87em)
{
.supports .supports-help-content-item .item-flag .item-flag-seq {
	line-height: 10px; padding-top: 10px; font-size: 1.5rem;
}
}
.supports .supports-help-content-item .item-flag .item-flag-title {
	line-height: 75px; font-size: 1.62rem;
}
@media only screen and (max-width:46.87em)
{
.supports .supports-help-content-item .item-flag .item-flag-title {
	line-height: 50px; font-size: 1.25rem;
}
}
.supports .supports-help-content-item .item-title {
	padding-bottom: 10px; font-weight: bold;
}
.supports .supports-help-content-item .item-note {
	font-size: 0.87rem;
}
.supports .supports-help-content-item .item-note + .item-img {
	padding-top: 20px;
}
@media only screen and (max-width:61.87em) and (min-width:46.87em)
{
.supports .menulist {
	padding-right: 20px;
}
}
@media only screen and (min-width:61.87em)
{
.supports .menulist {
	padding-right: 35px;
}
}
.supports .menulist li {
	background-color: rgb(255, 255, 255);
}
.supports .menulist li a {
	padding: 10px 15px; border-bottom-color: rgb(247, 247, 247); border-bottom-width: 2px; border-bottom-style: solid; display: block;
}
@media only screen and (min-width:46.87em)
{
.supports .menulist li {
	border-radius: 3px;
}
.supports .menulist li.gi + .gi {
	padding-top: 20px;
}
}
@media only screen and (max-width:46.87em)
{
.supports .menulist li {
	text-align: center;
}
.supports .menulist li a {
	padding: 10px 0px;
}
}
.supports .menulist .menu {
	font-size: 1.25rem; font-weight: bold; border-bottom-color: #0099d2; border-bottom-width: 2px; border-bottom-style: solid; cursor: default;
}
@media only screen and (max-width:46.87em)
{
.supports .menulist .menu {
	background:#0099d2; color: rgb(255, 255, 255); font-size: 1rem; font-weight: normal; border-bottom-color: #0099d2; border-bottom-width: 1px; border-bottom-style: solid; position: relative;
}
}
.supports .menulist .menu .toggle {
	background: url("../image/sprite-icons.svg") no-repeat -172px -63px; top: 0px; width: 44px; height: 44px; right: 0px; position: absolute; z-index: 1;
}
.supports .menulist .menu .toggle.active {
	background-position: -172px -122px;
}
@media only screen and (min-width:46.87em)
{
.supports .menulist .menu .toggle {
	display: none;
}
}
@media only screen and (max-width:46.87em)
{
.supports .menulist .sub-menu {
	display: none;
}
.supports .menulist .sub-menu.show {
	display: block;
}
}
.supports .menulist .clickable-light {
	color: #0099d2;
}
.supports .word-break p {
	line-height: 1.5;
}
.guarantees i {
	font-style: normal;
}
.guarantees p {
	line-height: 1.5;
}
.guarantees .box {
	border: currentColor; border-image: none; text-align: left;
}
.guarantees .guarantee-font-1 {
	color: rgb(60, 60, 60); font-size: 1.12rem;
}
@media only screen and (max-width:46.87em)
{
.guarantees .guarantee-font-1 {
	font-size: 0.93rem;
}
}
.guarantees .guarantee-font-2 {
	color: rgb(130, 130, 130); font-size: 1.12rem;
}
@media only screen and (max-width:46.87em)
{
.guarantees .guarantee-font-2 {
	font-size: 0.93rem;
}
}
.guarantees .guarantee-items {
	padding: 100px 0px; background-color: rgb(246, 246, 246);
}
@media only screen and (max-width:46.87em)
{
.guarantees .guarantee-items {
	padding: 20px 0px;
}
}
@media only screen and (max-width:46.87em)
{
.guarantees .guarantee-items .guarantee-item + .guarantee-item {
	margin-top: 20px;
}
}
.guarantees .guarantee-items .guarantee-item .g {
	padding: 50px 40px; background-color: rgb(255, 255, 255);
}
@media only screen and (max-width:46.87em)
{
.guarantees .guarantee-items .guarantee-item .g {
	padding: 20px 10px;
}
}
.guarantees .guarantee-items .guarantee-item .guarantee-item-img {
	padding: 0px 25px 40px;
}
@media only screen and (max-width:46.87em)
{
.guarantees .guarantee-items .guarantee-item .guarantee-item-img {
	padding: 0px;
}
}
.guarantees .guarantee-items .guarantee-item .guarantee-item-title {
	color: rgb(0, 146, 95); font-size: 2rem;
}
@media only screen and (min-width:46.87em)
{
.guarantees .guarantee-items .guarantee-item .guarantee-item-title {
	text-align: center;
}
}
@media only screen and (max-width:46.87em)
{
.guarantees .guarantee-items .guarantee-item .guarantee-item-title {
	font-size: 1.5rem;
}
}
.guarantees .guarantee-items .guarantee-item .guarantee-item-title-s {
	color: rgb(0, 146, 95);
}
@media only screen and (min-width:46.87em)
{
.guarantees .guarantee-items .guarantee-item .guarantee-item-title-s {
	text-align: center;
}
}
@media only screen and (max-width:46.87em)
{
.guarantees .guarantee-items .guarantee-item .guarantee-item-content {
	padding-left: 20px;
}
}
.guarantees .guarantee-items .guarantee-item .guarantee-font-1 {
	padding-top: 45px;
}
@media only screen and (max-width:46.87em)
{
.guarantees .guarantee-items .guarantee-item .guarantee-font-1 {
	padding-top: 10px;
}
}
@media only screen and (min-width:46.87em)
{
.guarantees .g-wrapper-l .gi.guarantee-item-content {
	padding-left: 0px;
}
}
.guarantees .guarantee-title {
	padding-bottom: 80px; display: none;
}
@media only screen and (min-width:46.87em)
{
.guarantees .guarantee-title {
	display: block;
}
}
.guarantees .guarantee-title-s {
	text-align: center; color: rgb(60, 60, 60); padding-bottom: 40px; font-size: 1.62rem; display: block;
}
@media only screen and (min-width:46.87em)
{
.guarantees .guarantee-title-s {
	display: none;
}
}
.guarantees .guarantee-rang {
	background-color: rgb(32, 201, 137);
}
.guarantees .guarantee-rang .guarantee-title-s {
	color: rgb(255, 255, 255);
}
.guarantees .guarantee-rang .gi {
	text-align: center;
}
.guarantees .guarantee-rang .gi img {
	width: 70%;
}
@media only screen and (min-width:46.87em)
{
.guarantees .guarantee-rang .gi img {
	width: 38.5%;
}
}
.guarantees .guarantee-rang .gi p {
	color: rgb(255, 255, 255); padding-top: 40px; font-size: 1.25rem;
}
@media only screen and (min-width:46.87em)
{
.guarantees .guarantee-rang .gi p {
	padding-top: 70px; font-size: 1.37rem;
}
}
.guarantees .guarantee-process .guarantee-process-img {
	text-align: center;
}
.guarantees .guarantee-process .guarantee-process-img img {
	width: 75%;
}
@media only screen and (min-width:46.87em)
{
.guarantees .guarantee-process .guarantee-process-img img {
	width: 93%;
}
}
.guarantees .guarantee-process .guarantee-process-tips {
	padding: 40px 10px;
}
@media only screen and (min-width:46.87em)
{
.guarantees .guarantee-process .guarantee-process-tips {
	padding: 70px 100px 0px;
}
}
.guarantees .guarantee-process .guarantee-process-tips .tips-title {
	color: rgb(60, 60, 60);
}
.guarantees .guarantee-process .guarantee-process-tips .tips-item {
	color: rgb(130, 130, 130); padding-left: 20px; margin-top: 10px; position: relative;
}
.guarantees .guarantee-process .guarantee-process-tips .tips-item i {
	margin: 5px -17px; border-radius: 50%; width: 10px; height: 10px; display: inline-block; position: absolute; background-color: rgb(0, 146, 95);
}
.guarantees .guarantee-faqs {
	background-color: rgb(246, 246, 246);
}
.guarantees .guarantee-faqs .faq li {
	padding: 0px 0px 20px; border: currentColor; border-image: none;
}
.guarantees .guarantee-faqs .faq li.is-active .guarantee-icon {
	background-position: -40px -32px;
}
@media only screen and (min-width:46.87em)
{
.guarantees .guarantee-faqs .faq li.is-active .guarantee-icon {
	background-position: 0px -32px;
}
}
.guarantees .guarantee-faqs .faq li a {
	color: rgb(60, 60, 60); padding-right: 30px; padding-bottom: 20px; border-bottom-color: rgb(220, 220, 220); border-bottom-width: 1px; border-bottom-style: solid; display: block; position: relative;
}
.guarantees .guarantee-faqs .faq li .guarantee-icon {
	background: url("../image/guarantee-icons.png") no-repeat -40px 0px; top: 2px; width: 24px; height: 24px; right: 5px; position: absolute;
}
@media only screen and (min-width:46.87em)
{
.guarantees .guarantee-faqs .faq li .guarantee-icon {
	background-position: 0px 0px;
}
}
.guarantees .guarantee-faqs .faq li div {
	padding: 20px;
}
.guarantees .guarantee-faqs .faq li p {
	color: rgb(130, 130, 130); font-size: 1.06rem;
}
.icons-plus {
	background: url("../image/icons-plus.png") no-repeat; display: inline-block;
}
.icons-plus-vip {
	background-position: 0px 0px; width: 40px; height: 40px;
}
.icons-plus-take {
	background-position: 0px -40px; width: 40px; height: 40px;
}
.icons-plus-cloud {
	background-position: 0px -80px; width: 40px; height: 40px;
}
.icons-plus-weibo {
	background-position: -50px 0px; width: 30px; height: 30px;
}
.icons-plus-qq {
	background-position: -50px -40px; width: 30px; height: 30px;
}
.icons-plus-zfb {
	background-position: -50px -80px; width: 50px; height: 30px;
}
.icons-plus-home {
	background-position: -100px 0px; width: 34px; height: 34px;
}
.icons-plus-user {
	background-position: -100px -40px; width: 34px; height: 34px;
}
.icons-plus-qrcode {
	background-position: -150px -40px; width: 36px; height: 36px;
}
.icons-plus-send {
	background-position: -150px 0px; width: 36px; height: 36px;
}
.icons-shops {
	background: url("../image/icons-shops.png") no-repeat; width: 36px; height: 36px; display: inline-block;
}
.icon-shop-hyjf {
	background-position: 0px -72px;
}
.icon-shop-hyzsjg {
	background-position: -36px -72px;
}
.icon-shop-sjtm {
	background-position: 0px -108px;
}
.icon-shop-yyrjxz {
	background-position: 0px 0px;
}
.icon-shop-gjsj {
	background-position: -108px -36px;
}
.icon-shop-coloros {
	background-position: -108px 0px;
}
.icon-shop-jkybf {
	background-position: -72px -72px;
}
.icon-shop-gnjx {
	background-position: -72px -36px;
}
.icon-shop-sjjyz {
	background-position: -108px -72px;
}
.icon-shop-wificl {
	background-position: 0px -36px;
}
.icon-shop-axs {
	background-position: -36px -36px;
}
.icon-shop-sx {
	background-position: -72px 0px;
}
.icon-shop-xoms {
	background-position: -36px 0px;
}
.offline-store-detail .mobile-plan-title span {
	font-size: 14px; font-weight: normal; margin-left: 10px;
}
.offline-store-content {
	padding: 30px 40px;
}
.offline-store-about {
	padding-right: 50px;
}
.offline-store-title {
	font-size: 20px;
}
.search-error {
	padding: 100px 0px; text-align: center;
}
.search-error a {
	color: rgb(31, 134, 87);
}
.shops-icons li {
	padding: 5px 0px;
}
.badge-mobile {
	padding-top: 90px; cursor: pointer;
}
.input-captcha input {
	padding: 16px;
}
.input-captcha a {
	padding: 12px 5px; vertical-align: middle; display: inline-block;
}
.input-captcha a img {
	vertical-align: middle;
}
.badge-qrcode p {
	height: 120px;
}
.badge-qrcode h5 {
	color: rgb(123, 123, 123) !important;
}
#select_cities_shops {
	text-align: center; margin-top: 25px; margin-bottom: 30px;
}
#select_cities_shops .tips {
	height: 66px; line-height: 66px;
}
#select_cities_shops .city-select {
	margin-top: 5px; margin-left: 0px;
}
@media only screen and (min-width:61.87em)
{
#select_cities_shops .city-select {
	margin-top: 0px; margin-left: 5px;
}
}
@media only screen and (max-width:46.87em)
{
#select_cities_shops {
	text-align: left;
}
}
.shops-cities {
	padding: 10px;
}
.shops-cities .greenhr {
	margin: 10px; height: 0px; line-height: 0; font-size: 0px; border-bottom-color: rgb(51, 167, 127); border-bottom-width: 1px; border-bottom-style: dashed;
}
.shops-cities ul {
	padding: 10px 0px; height: 1%; overflow: auto; display: block;
}
.shops-cities ul li {
	padding: 2px 10px; float: left;
}
.shops-cities ul li a {
	height: 20px; color: rgb(102, 102, 102); line-height: 20px; font-size: 14px; vertical-align: middle; display: inline-block;
}
.shops-cities ul li a:hover {
	color: rgb(31, 134, 87);
}
.shops-cities ul li.active {
	background-color: rgb(0, 155, 114);
}
.shops-cities ul li.active a {
	color: rgb(255, 255, 255);
}
.offline-store-detail .icon-list .g {
	margin: 10px 0px; line-height: 40px; vertical-align: middle;
}
.offline-store-detail .icon-list .icon {
	vertical-align: middle;
}
.offline-store-detail .icon-list .navigation-filters .filter-name::after {
	vertical-align: middle;
}
.navigation-filters .offline-store-detail .icon-list .filter-name::after {
	vertical-align: middle;
}
.offline-store-map .map {
	height: 300px;
}
.offline-store-news {
	padding: 0.75rem; border: 1px solid rgb(237, 237, 237); border-image: none; line-height: 2rem;
}
.offline-store-news p span {
	margin-right: 40px;
}
.offline-store-date {
	font-size: 20px; font-weight: bold;
}
.offline-store-date span {
	font-size: 16px; font-weight: normal; margin-left: 20px;
}
.location-map {
	margin-top: 0px; display: none;
}
@media only screen and (min-width:61.87em)
{
.location-map {
	display: block;
}
}
.location-map-fix {
	margin-top: 20px !important;
}
.map-follow {
	margin-top: -10px !important; display: none;
}
@media only screen and (max-width:61.87em) and (min-width:46.87em)
{
.map-follow {
	display: block;
}
}
@media only screen and (max-width:46.87em)
{
.map-follow {
	display: block;
}
}
.map-fix-infowindow input {
	padding: 3px 0px; border-radius: 0px; width: auto; -moz-border-radius: 0; -webkit-border-radius: 0;
}
.map-fix-infowindow table {
	width: 100%;
}
.map-fix-infowindow table td {
	width: auto !important;
}
@media only screen and (max-width:61.87em)
{
.offline-store-detail {
	padding-top: 20px;
}
.offline-store-content {
	padding: 20px;
}
.offline-store-about {
	padding-right: 30px;
}
.offline-store-news {
	background-color: rgb(237, 237, 237);
}
.offline-store-images .gi img {
	width: 100%; margin-bottom: 0.75rem;
}
}
@media only screen and (max-width:46.87em)
{
.offline-store-content {
	padding: 0.75rem;
}
.offline-store-about {
	padding-right: 0px;
}
.offline-store-news p span {
	margin-right: 20px;
}
.about-icons .gi {
	margin-bottom: 0.5rem;
}
}
@media only screen and (max-width:389px)
{
.offline-store-detail .icon-list {
	margin-right: -0.75rem; margin-left: -0.75rem;
}
.offline-store-detail .icon-list .gi {
	font-size: 14px !important;
}
.offline-store-detail .icon-list .icon-wrapper {
	margin-right: 0px;
}
.offline-store-news {
	font-size: 14px;
}
.offline-store-news p span {
	margin-right: 10px;
}
.about-icons .badge-info {
	padding-top: 10px;
}
}
.diediephone {
	margin: 50px 0px; height: 60px; line-height: 60px;
}
.diediephone label {
	font-weight: bold; margin-bottom: 0px;
}
.diediephone select {
	outline: 0px; border-radius: 4px; border: 1px solid rgb(204, 204, 204); border-image: none; left: 0px; top: 0px; line-height: 58px; text-indent: 2em; position: static; min-height: 58px; opacity: 1; -moz-border-radius: 4px; -webkit-border-radius: 4px;
}
.diediephone option {
	text-indent: 2em;
}
@media only screen and (max-width:46.87em)
{
.diediephone {
	margin: 30px 0px; height: auto;
}
.diediephone label {
	text-align: left !important; margin-bottom: 0px;
}
.diediephone .d-mobile-hide {
	display: none;
}
}
.diediephone-ul {
	padding: 20px 0px;
}
.diediephone-ul .location-address {
	padding: 0px;
}
.diediephone-ul .location-address .list-store {
	margin: 20px 0px;
}
@media only screen and (max-width:46.87em)
{
.diediephone-ul .location-address {
	padding: 0px;
}
.diediephone-ul .location-address .list-store {
	margin: 20px 0px;
}
}
.about-content {
	padding: 50px 75px;
}
.about-title {
	font-size: 20px;
}
.about-form {
	padding-right: 60px;
}
.about-submit {
	text-align: right;
}
.about-text {
	line-height: 24px; font-size: 14px; font-weight: bold;
}
.about-text .text-weak {
	color: rgb(153, 153, 153); font-weight: normal;
}
.about-icons .badge-mobile {
	text-align: center; padding-top: 10px;
}
.about-icons .badge-mobile .badge-icon-tip {
	top: 145%;
}
.about-icons .badge-icon {
	margin: 0px; width: 100px; height: 100px;
}
.about-icons .badge-info {
	text-align: center; padding-top: 10px;
}
.about-icons .badge-qrcode {
	text-align: center;
}
.about-icons .badge-qrcode .h-epsilon {
	padding-top: 5px;
}
.badge-icon-tip {
	border-radius: 4px; border: 1px solid rgb(204, 204, 204); border-image: none; left: 50%; top: 115%; display: none; position: absolute; box-shadow: 0px 0px 4px #ccc; transform: translate(-50%, 0px); background-color: rgb(255, 255, 255); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0);
}
.badge-icon-tip-container {
	position: relative;
}
.badge-icon-tip-content {
	padding: 15px; width: auto;
}
.badge-icon-tip-qrcode {
	width: 120px; height: 120px;
}
.badge-icon-tip-message {
	width: 260px; height: 270px; line-height: 30px;
}
.badge-icon-tip-message .sendMessageError {
	height: 30px; text-align: left; color: rgb(236, 117, 117);
}
.badge-icon-tip-message .input-captcha + .input-captcha {
	margin-top: 20px;
}
.badge-icon-tip-title {
	text-align: center; color: rgb(0, 155, 114); margin-bottom: 5px;
}
.badge-icon-tip-close {
	border-radius: 15px; border: 1px solid rgb(204, 204, 204); border-image: none; top: -15px; width: 30px; height: 30px; right: -15px; color: rgb(204, 204, 204); line-height: 28px; font-size: 20px; position: absolute; z-index: 1; box-shadow: 0px 0px 4px #ccc; background-color: rgb(255, 255, 255);
}
.badge-icon-tip-triangle {
	border-width: 1px 0px 0px 1px; border-style: solid none none solid; border-color: rgb(204, 204, 204) currentColor currentColor rgb(204, 204, 204); border-image: none; left: 50%; top: -3px; width: 10px; height: 10px; position: absolute; z-index: 1; box-shadow: -2px -2px 4px #cccccc; transform: rotate(45deg) translate(-50%, 0px); background-color: rgb(255, 255, 255); -webkit-transform: rotate(45deg) translate(-50%, 0); -moz-transform: rotate(45deg) translate(-50%, 0); -o-transform: rotate(45deg) translate(-50%, 0);
}
.about-map .map {
	height: 300px;
}
.about-address {
	line-height: 36px; font-size: 20px; font-weight: bold;
}
@media only screen and (max-width:61.87em)
{
.about {
	padding-top: 20px;
}
.about-bottom {
	display: none;
}
.about-form {
	padding-right: 0px;
}
.about-submit .button {
	width: 100%; padding-right: 0px; padding-left: 0px;
}
.about-point {
	padding: 20px 10px; border-radius: 4px; margin-bottom: 8px; background-color: rgb(237, 237, 237);
}
}
@media only screen and (max-width:46.87em)
{
.about-content {
	padding: 0.75rem;
}
.about-icons {
	display: none;
}
}
.about-contact div {
	float: left;
}
.about-contact .about-contact-icon {
	background:#0099d2; border-radius: 50%; width: 67px; height: 67px; text-align: center; line-height: 67px;
}
.about-contact .icon {
	background: url("../image/sprite-icons.png"); width: 100%; height: 100%; display: inline-block;
}
.about-contact .navigation-filters .filter-name::after {
	background: url("../image/sprite-icons.png"); width: 100%; height: 100%; display: inline-block;
}
.navigation-filters .about-contact .filter-name::after {
	background: url("../image/sprite-icons.png"); width: 100%; height: 100%; display: inline-block;
}

.about-contact .icon-tel {
	background-position: -417px -1px;
}
.about-contact .icon-wx2 {
		background-position: -420px -57px;

}
.about-contact .icon-chat {
	background-position: -420px -791px; height: 50px; margin-top: 10px;
}
.about-contact .icon-arrow {
	background-position: -194px -695px;
}
.about-contact .icon-weibo {
	background-position: -420px -898px; height: 50px; margin-top: 10px;
}
.about-contact .icon-weixin {
	background-position: -420px -845px; height: 50px; margin-top: 10px;
}
.about-contact .about-contact-info {
	margin-left: 15px;
}
.about-contact .about-contact-info .h-delta {
	margin-top: 10px;
}
.about-contact .about-contact-info .h-deltap {
	margin-top: 10px;
}
.about-contact .about-contact-info .h-deltaspan {
	float: left; display: inline-block;
}
.about-contact .about-contact-info .h-delta .icon-arrow {
	width: 10px; height: 20px; margin-left: 5px;
}
.compare-entrance {
	height: 300px; margin-bottom: 20px; background-color: rgb(255, 255, 255);
}
.compare-entrance .wrapper {
	position: relative;
}
.compare-entrance .wrapper .g .gi {
	padding-top: 35px; padding-bottom: 35px;
}
.compare-entrance .wrapper .compare-entrance-image img {
	height: 230px;
}
.compare-entrance .wrapper .compare-entrance-slogan {
	width: 420px; padding-top: 45px;
}
.compare-entrance .wrapper .compare-entrance-slogan p {
	text-align: center;
}
.compare-entrance .wrapper .compare-entrance-slogan p:first-child {
	color: rgb(0, 0, 0); line-height: 48px; font-size: 32px; margin-bottom: 10px;
}
.compare-entrance .wrapper .compare-entrance-slogan p a.button {
	font-weight: normal;
}
@media only screen and (max-width:61.87em)
{
.compare-entrance {
	height: 200px; margin-bottom: 15px; background-color: rgb(229, 229, 229);
}
}
@media only screen and (max-width:46.87em)
{
.compare-entrance {
	height: auto;
}
}
@media only screen and (max-width:61.87em)
{
.compare-entrance .wrapper {
	margin: 0px 0.75rem; padding: 0px; background-color: rgb(255, 255, 255);
}
.compare-entrance .wrapper .g .gi {
	padding-top: 15px; padding-bottom: 15px;
}
.compare-entrance .wrapper .compare-entrance-image img {
	height: 167px; padding-right: 5%;
}
}
@media only screen and (max-width:46.87em)
{
.compare-entrance .wrapper .compare-entrance-image img {
	width: 95%; height: auto; padding-right: 0%;
}
}
@media only screen and (max-width:61.87em)
{
.compare-entrance .wrapper .compare-entrance-slogan {
	width: 90%; padding-top: 30px;
}
}
@media only screen and (max-width:46.87em)
{
.compare-entrance .wrapper .compare-entrance-slogan {
	width: 95%; padding-top: 0px;
}
}
@media only screen and (max-width:46.87em) and (min-width:31.25em)
{
.compare-entrance .wrapper .compare-entrance-slogan {
	padding-top: 30px;
}
}
@media only screen and (max-width:61.87em)
{
.compare-entrance .wrapper .compare-entrance-slogan p {
	text-align: center;
}
.compare-entrance .wrapper .compare-entrance-slogan p:first-child {
	color: rgb(0, 0, 0); line-height: 40px; font-size: 26px; margin-bottom: 15px;
}
}
@media only screen and (max-width:46.87em)
{
.compare-entrance .wrapper .compare-entrance-slogan p:first-child {
	line-height: 20px; font-size: 14px; margin-bottom: 5px;
}
}
@media only screen and (max-width:46.87em) and (min-width:31.25em)
{
.compare-entrance .wrapper .compare-entrance-slogan p:first-child {
	line-height: 24px; font-size: 18px;
}
}
@media only screen and (max-width:46.87em)
{
.compare-entrance .wrapper .compare-entrance-slogan p a.button {
	width: 80%; padding-right: 10px; padding-left: 10px; font-size: 14px; display: inline-block;
}
}
@media only screen and (max-width:46.87em) and (min-width:31.25em)
{
.compare-entrance .wrapper .compare-entrance-slogan p a.button {
	padding: 10px; width: 60%; display: inline-block;
}
}
.user .input-suffix {
	height: 61px; line-height: 61px; display: inline-block; min-width: 5%;
}
.user .address-form {
	display: none;
}
.user .address-form.show {
	display: block;
}
.user .address-detail {
	width: 0px; margin-top: 10px; min-width: 85%; resize: none;
}
.blog .mobile-plan-title {
	margin: 0px; padding: 20px 0px;
}
.blog-wrapper {
	padding: 0.75rem;
}
.blog-content {
	line-height: 1.6rem; padding-bottom: 100px; background-color: rgb(255, 255, 255);
}
.blog-content p a:hover {
	text-decoration: underline;
}
.blog-unit {
	padding: 0px 50px;
}
.blog-title {
	line-height: 30px; padding-top: 20px; padding-bottom: 16px;
}
.blog-subtitle {
	margin-bottom: 40px;
}
.desk-hide {
	display: none;
}
.blog-quote {
	margin: 20px 0px 0px; padding: 20px 0px;
}
.blog-quote p {
	padding: 10px 0px;
}
.blog-quote strong {
	width: 120px; padding-left: 10px; border-left-color: rgb(0, 155, 114); border-left-width: 4px; border-left-style: solid; display: inline-block;
}
.blog-left {
	border-top-color: rgb(226, 226, 226); border-right-color: rgb(226, 226, 226); border-top-width: 1px; border-right-width: 1px; border-top-style: solid; border-right-style: solid;
}
.blog-left .brick-shadow {
	padding-right: 30px; padding-left: 50px;
}
.blog-right {
	width: 99%; border-top-color: rgb(226, 226, 226); border-top-width: 1px; border-top-style: solid; float: right;
}
.blog-news .blog-texts {
	margin-left: 100px;
}
.blog-news .blog-texts div {
	color: rgb(135, 135, 135); font-size: 14px;
}
.blog-video .video-title a {
	color: rgb(0, 0, 0);
}
.blog-video .video-detail {
	color: rgb(135, 135, 135); font-size: 0.87rem;
}
.word-break {
	-ms-word-break: break-all; -ms-word-wrap: break-word;
}
.align-right {
	text-align: right;
}
.pull-left {
	float: left;
}
.pull-center{
    margin:0px auto;
}
.pull-right {
	float: right;
}
.blog-bottom-tags {
	padding: 50px 0px 0px; display: none;
}
.blog-bottom-tags .g {
	margin-bottom: 18px;
}
.blog-bottom-tags .button {
	width: 100%; padding-right: 0px; padding-left: 0px;
}
.button-viewmore {
	padding: 35px 0px; text-align: center; margin-top: 35px; border-top-color: rgb(226, 226, 226); border-top-width: 1px; border-top-style: solid; display: none;
}
.blog-pagebtn {
	padding-top: 100px;
}
@media only screen and (min-width:61.87em)
{
.blog .hero-image {
	max-height: 542px;
}
.blog .hero-image.center {
	height: 424px;
}
}
@media only screen and (max-width:61.87em)
{
.blog-bottom-tags {
	display: block;
}
.button-viewmore {
	display: block;
}
.blog-bottom-tags .g {
	margin-bottom: 8px;
}
.blog-content .pagination {
	display: none;
}
.blog-left .brick-shadow {
	padding-right: 50px; padding-left: 50px;
}
.blog-content {
	padding-bottom: 0px;
}
}
@media only screen and (max-width:46.87em)
{
.blog-bottom-tags .g {
	margin-bottom: 0px;
}
.blog-unit {
	padding-right: 0.75rem; padding-left: 0.75rem;
}
.blog-left .brick-shadow {
	padding-right: 0.75rem; padding-left: 0.75rem;
}
}
.article-response p span:first-child {
	text-indent: 0px !important;
}
.article-response img {
	height: auto !important; max-width: 100% !important;
}
.article-response table {
	width: 100%;
}
.article-response table tr td {
	width: auto !important;
}
.wx-float {
	left: -40px !important; top: -130px !important; width: 120px !important; height: 120px !important; display: none; position: absolute; max-width: 120px;
}
.icon-kf {
	margin-top: 10px;
}
.online-chat .online-chat-info p {
	font-weight: normal;
}
.qr-button .picture {
	width: 63px; height: 63px;
}
.qr-button img {
	width: 63px; height: 63px;
}
.m-item-title {
	cursor: default;
}
.footer-lap-hide {
	display: none;
}
@media only screen and (max-width:46.87em)
{
.footer-lap-hide {
	display: block;
}
.footer-subscribe img {
	width: 100%;
}
.footer-subscribe .footer-lap-hide {
	display: inline-block;
}
}
.box-heading-green {
	color: rgb(31, 134, 87) !important;
}
.box-subheading-dark {
	color: rgb(57, 57, 57) !important;
}
@media only screen and (max-width:1300px)
{
.hero-tabs-image .icon {
	display: none !important;
}
.hero-tabs-image .navigation-filters .filter-name::after {
	display: none !important;
}
.navigation-filters .hero-tabs-image .filter-name::after {
	display: none !important;
}
}
.home-media-image {
	height: 260px; position: relative;
}
.home-media-image a {
	left: 50%; top: 50%; width: 100%; height: 100%; display: block; position: absolute; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);
}
.home-media-image a img {
	height: 100%;
}
@media only screen and (max-width:61.87em) and (min-width:46.87em)
{
.home-media-image {
	height: 170px;
}
}
.home-media-weibo {
	height: 370px; iframe-height: 370px;
}
@media only screen and (max-width:61.87em)
{
.main-menu .lang-link::after {
	width: 0px; height: 0px; display: none !important; content: "";
}
}
.logo-extend {
	position: relative;
}
@media only screen and (min-width:61.87em)
{
.logo-extend {
	width: 300px !important;
}
}
.logo-extend .logo-special {
	left: 200px; top: -10px; display: block; position: absolute; cursor: default;
}
.logo-extend .logo-special img {
	width: 75%;
}
@media only screen and (max-width:61.87em)
{
.logo-extend .logo-special {
	display: none !important;
}
}
.languages-panel {
	display: none;
}
@media only screen and (max-width:61.87em)
{
.languages-panel {
	background: rgba(255, 255, 255, 0.8); left: 0px; top: 112px; width: 100%; position: absolute; z-index: 999;
}
.languages-panel .languages h3 {
	display: none;
}
.languages-panel .languages .wrapper {
	padding: 0.75rem 0.5rem;
}
.languages-panel .languages .wrapper ul {
	overflow: auto;
}
.languages-panel .languages .wrapper ul li {
	width: 25%; float: left;
}
.languages-panel .languages .wrapper ul li a {
	color: rgb(31, 134, 87) !important; line-height: 50px !important; font-size: 14px;
}
}
.main-header {
	
}
.main-header .js-open-user {
	display: none;
}
.main-header .js-close-menu {
	display: none;
}
.main-header .gi-search {
	display: none;
}
@media only screen and (min-width:61.87em)
{
.main-header .upper-area li {
	border-left-color: #0099d2; border-left-width: 1px; border-left-style: solid;
}
.main-header .menu-lang .languages {
	top: 35px;
}
.main-header .js-close-menu {
	display: none !important;
}
.main-header .js-open-user {
	display: none !important;
}
.main-header .js-open-menu {
	display: none !important;
}
.main-header nav ul {
	
}
}
@media only screen and (max-width:61.87em)
{
.main-header {
	border-radius: 1px; box-shadow: 0px 1px 1px rgba(0,0,0,0.3);
}
.main-header.absolute {
	left: 0px; top: 0px; width: 100%; position: absolute;
}
.main-header .icon-menu-green {
	width: 28px;
}
.main-header .nav-mask {
	left: 0px; top: 0px; width: 100%; height: 48px; position: absolute; z-index: 0; opacity: 0.8; background-color: rgb(255, 255, 255);
}
.main-header .bottom-area {
	background: rgba(255, 255, 255, 0.8); position: relative;
}
.main-header .upper-area {
	display: none;
}
.main-header .js-open-menu {
	margin: 0px; width: 20px; height: 48px; display: inline-block; position: relative;
}
.main-header .js-open-menu::before {
	background: rgb(31, 134, 87); left: 0px; top: 22px; width: 20px; height: 3px; overflow: hidden; position: absolute; content: ""; -webkit-border-radius: 3px; -webkit-transition: all .3s ease-in-out;
}
.main-header .js-open-menu::after {
	background: rgb(31, 134, 87); left: 0px; top: 22px; width: 20px; height: 3px; overflow: hidden; position: absolute; content: ""; -webkit-border-radius: 3px; -webkit-transition: all .3s ease-in-out;
}
.main-header .js-open-menu i.js-open-menu-bar {
	background: rgb(31, 134, 87); left: 0px; top: 22px; width: 20px; height: 3px; overflow: hidden; position: absolute; content: ""; -webkit-border-radius: 3px; -webkit-transition: all .3s ease-in-out;
}
.main-header .js-open-menu::before {
	top: 14px;
}
.main-header .js-open-menu::after {
	top: 30px;
}
.main-header .js-open-menu.isopen::before {
	-webkit-transform: rotate(-45deg) translate3d(-3px, -2px, 0); -webkit-transform-origin: 100% 50%;
}
.main-header .js-open-menu.isopen::after {
	-webkit-transform: rotate(45deg) translate3d(-3px, 2px, 0); -webkit-transform-origin: 100% 50%;
}
.main-header .js-open-menu.isopen i.js-open-menu-bar {
	opacity: 0;
}
.main-header .js-close-menu {
	margin: 12px 0px; height: 24px; float: left; display: none;
}
.main-header .js-close-menu img {
	height: 18px;
}
.main-header .gi-search {
	display: block;
}
.main-header .gi-search img {
	height: 18px; vertical-align: baseline;
}
.main-header .logo {
	padding-top: 0px;
}
.main-header .logo img {
	height: 48px;
}
.main-header .js-open-user {
	top: 10px; width: 22px; height: 24px; right: 15px; display: block; position: absolute; z-index: 21;
}
.main-header .js-open-user img {
	height: 24px;
}
.main-header .js-open-user.point-red::after {
	border-radius: 3px; top: 0px; width: 6px; height: 6px; right: -5px; position: absolute; content: ""; background-color: rgb(214, 38, 3);
}
.main-header .main-menu {
	background: none; top: 50px;
}
.main-header .main-menu .search {
	display: none;
}
.main-header .main-menu .mobile-tools {
	display: none;
}
.main-header .main-menu .m-item {
	font-weight: normal;
}
.main-header .main-menu nav {
	background: rgba(255, 255, 255, 0.8); width: 100%; height: 60px; overflow: hidden; position: relative;
}
.main-header .main-menu nav .nav-ul-view {
	width: 102%; overflow: scroll; display: inline-block; white-space: nowrap; z-index: 9; -webkit-overflow-scrolling: touch;
}
.main-header .main-menu nav .nav-ul-mask {
	left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; z-index: -1; opacity: 0.8; background-color: rgb(255, 255, 255);
}
.main-header .main-menu nav ul.menu {
	width: auto; height: 60px; text-align: justify; margin-right: 0px; margin-left: 0px; display: block; -ms-text-justify: distribute-all-lines; min-width: 100%;
}
.main-header .main-menu nav ul.menu li.gi {
	display: inline-block;
}
.main-header .main-menu nav ul.menu li.gi a {
	color: rgb(31, 134, 87); line-height: 60px; padding-top: 0px; padding-bottom: 0px; border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
.main-header .main-menu nav ul.menu li.gi .js-toggle-submenu {
	display: none;
}
.main-header .main-menu nav ul.menu li.gi.is-active a {
	color: rgb(102, 195, 151);
}
}
.main-header .user-menu {
	background: rgba(255, 255, 255, 0.9); top: 58px; width: 90px; right: 10px; display: none; position: absolute; z-index: 21; opacity: 0; -webkit-transform: translate3d(0, -5px, 0); -webkit-transition: all .3s .1s ease-in-out;
}
.main-header .user-menu.isopen {
	display: block; opacity: 1; -webkit-transform: translate3d(0, 0, 0);
}
@media only screen and (min-width:61.87em)
{
.main-header .user-menu {
	display: none !important;
}
}
.main-header .user-menu .user-menu-mask {
	left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; opacity: 0.9; background-color: rgb(255, 255, 255);
}
.main-header .user-menu ul {
	width: 100%; box-shadow: 1px 1px 2px #ededed;
}
.main-header .user-menu ul li {
	margin: 0px 5px; border-bottom-color: rgb(177, 215, 168); border-bottom-width: 1px; border-bottom-style: solid;
}
.main-header .user-menu ul li.user-menu-logout {
	display: none;
}
.main-header .user-menu ul li:last-child {
	border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
.main-header .user-menu ul li a {
	width: 100%; text-align: center; color: rgb(0, 139, 86); line-height: 50px; font-size: 16px; display: block; position: relative;
}
.main-header .user-menu ul li a.point-red::after {
	border-radius: 3px; top: 20px; width: 6px; height: 6px; right: 0px; position: absolute; content: ""; background-color: rgb(214, 38, 3);
}
.main-header .user-menu.isLogin ul li.user-menu-logout {
	display: block;
}
.main-header .user-menu .user-menu-toLogin {
	border: 0px currentColor; border-image: none;
}
.main-header .nav-sub-menu {
	display: none;
}
@media only screen and (max-width:61.87em)
{
.main-header .nav-sub-menu {
	left: 0px; top: 50px; width: 100%; height: 60px; overflow: hidden; position: absolute; z-index: 20;
}
.main-header .nav-sub-menu .relative {
	background: rgba(255, 255, 255, 0.8); width: 102%; overflow: scroll; display: inline-block; white-space: nowrap; -webkit-overflow-scrolling: touch;
}
.main-header .nav-sub-menu .nav-sub-menu-mask {
	left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; z-index: -1; opacity: 0.8; background-color: rgb(255, 255, 255);
}
.main-header .nav-sub-menu ul {
	width: auto; height: 60px; text-align: justify; margin-right: 0px; margin-left: 0px; display: block; -ms-text-justify: distribute-all-lines; min-width: 100%;
}
.main-header .nav-sub-menu ul li {
	display: inline-block;
}
.main-header .nav-sub-menu ul li a {
	padding: 0px 20px; color: rgb(31, 134, 87); line-height: 60px; font-size: 18px;
}
.main-header .nav-sub-menu ul li.is-active a {
	color: rgb(102, 195, 151);
}
.main-header .nav-sub-menu.isopen {
	display: block;
}
}
.main-header .nav-search-mask {
	left: 0px; top: 0px; width: 100%; height: 100%; right: 0px; bottom: 0px; display: none; position: fixed; z-index: 99; opacity: 0.9;
}
@media only screen and (min-width:61.87em)
{
.main-header .nav-search-mask {
	display: none !important;
}
}
.main-header .nav-search {
	display: none;
}
@media only screen and (min-width:61.87em)
{
.main-header .nav-search {
	display: none !important;
}
}
@media only screen and (max-width:61.87em)
{
.main-header .nav-search {
	left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; position: fixed; z-index: 100;
}
.main-header .nav-search .nav-search-container {
	width: 100%; height: 100%; position: relative;
}
.main-header .nav-search .nav-search-container .nav-search-content {
	background: no-repeat top rgb(255, 255, 255); left: 0px; top: 0px; width: 100%; height: 100%; right: 0px; bottom: 0px; display: block; position: absolute; z-index: 24; opacity: 0.9;
}
.main-header .nav-search .nav-search-container .nav-search-content .nav-search-input {
	padding: 10px 100px 10px 10px; font-size: 14px !important; position: relative; background-color: rgb(237, 237, 237);
}
.main-header .nav-search .nav-search-container .nav-search-content .nav-search-input input {
	padding: 5px 5px 5px 30px; background-image: url("../image/icon-search.png"); background-repeat: no-repeat;
}
.main-header .nav-search .nav-search-container .nav-search-content .nav-search-input button {
	padding: 6px; top: 10px; width: 50px; right: 45px; font-size: 14px !important; font-weight: normal; position: absolute;
}
.main-header .nav-search .nav-search-container .nav-search-content .nav-search-input a {
	padding: 5px 0px; top: 10px; right: 10px; color:#0099d2; position: absolute;
}
}
.js-close-menu.animate {
	animation:jsCloseMenuAnimate 0.1s linear forwards; -webkit-animation: jsCloseMenuAnimate 0.1s linear forwards normal;
}
@media only screen and (max-width:61.87em)
{
.breadcrumb {
	display: none;
}
}
@media only screen and (max-width:61.87em)
{
.main-header.main-header-bottom {
	margin-bottom: 60px;
}
}
@media only screen and (max-width:61.87em)
{
.shop-cart {
	display: none;
}
}
.slick-dot-circle .slick-dots {
	text-align: center; right: 0px; bottom: 5px;
}
.slick-dot-circle .slick-dots button {
	border-radius: 50%; border: 2px solid rgb(123, 123, 123); border-image: none; width: 14px; height: 14px; background-color: rgb(123, 123, 123);
}
.slick-dot-circle .slick-dots .slick-active button {
	border: 2px solid#0099d2; border-image: none; height: 14px; background-color: rgb(255, 255, 255);
}
.slick-dot-circle .slick-dots button:hover {
	border: 2px solid#0099d2; border-image: none; height: 14px; background-color: rgb(255, 255, 255);
}
@media only screen and (max-width:61.87em)
{
.www-mobiles .www-mobile {
	margin: 1px 0px;
}
.www-mobiles :first-child.www-mobile {
	margin-top: 0px;
}
.www-mobiles .www-mobile img {
	width: 100%;
}
}
@media only screen and (max-width:61.87em)
{
.www-plates .www-plate img {
	width: 100%;
}
.www-plates .www-plate-news {
	padding: 10px;
}
.www-plates .www-plate-title {
	width: 100%; text-align: center; color: rgb(0, 146, 95); line-height: 40px; font-size: 20px; background-color: rgb(249, 249, 249);
}
.www-plates .www-plate-image {
	position: relative;
}
.www-plates .www-plate-image-bar {
	background: rgba(240, 240, 240, 0.8); left: 0px; width: 100%; height: 40px; bottom: 0px; color: rgb(60, 60, 60); line-height: 40px; text-indent: 15px; font-size: 14px; position: absolute;
}
.www-plates .www-plate-image-bar span {
	padding-right: 15px; float: right;
}
}
@media only screen and (max-width:61.87em)
{
.www-blocks .gi {
	padding-bottom: 4px; padding-left: 4px;
}
.www-blocks :nth-child(n+3).gi {
	padding-bottom: 0px;
}
.www-blocks .gi img {
	width: 100%; border-bottom-color: rgb(232, 230, 230); border-bottom-width: 1px; border-bottom-style: solid; box-shadow: 1px 1px 1px #f7f7f7; -webkit-box-shadow: 1px 1px 1px #f7f7f7;
}
}
.blog-revision {
	background: rgb(247, 247, 247) !important; padding-bottom: 100px;
}
@media only screen and (max-width:61.87em)
{
.blog-revision {
	padding-bottom: 20px;
}
.blog-revision .wrapper {
	background: rgb(247, 247, 247) !important;
}
}
.blog-nav {
	padding: 30px 0px;
}
@media only screen and (max-width:61.87em)
{
.blog-nav {
	padding: 15px 0px;
}
}
@media only screen and (max-width:61.87em)
{
.blog-nav ul {
	width: 100%;
}
}
.blog-nav ul li {
	display: inline-block;
}
@media only screen and (max-width:61.87em)
{
.blog-nav ul li {
	width: 24%;
}
}
.blog-nav ul li a {
	padding: 0px 35px; border-radius: 2px; height: 40px; color: rgb(0, 0, 0); line-height: 40px; font-size: 16px; display: block;
}
@media only screen and (max-width:61.87em)
{
.blog-nav ul li a {
	padding: 0px; width: 100%; height: 30px; text-align: center; color: rgb(123, 123, 123); line-height: 30px; font-size: 14px;
}
}
.blog-nav ul li a.selected {
	color: rgb(255, 255, 255); background-color: #0099d2;
}
.blog-nav ul li a:hover {
	color: rgb(255, 255, 255); background-color: #0099d2;
}
@media only screen and (max-width:61.87em)
{
.blog-category {
	margin-bottom: 20px;
}
.blog-category p.title {
	font-size: 16px !important; margin-bottom: 5px;
}
.blog-category a {
	color: rgb(0, 0, 0) !important; font-size: 14px !important;
}
}
.blog-category.blog-aside {
	padding: 0.3rem !important; display: none;
}
@media only screen and (max-width:61.87em)
{
.blog-category.blog-aside {
	display: block;
}
}
.blog-category.blog-aside .blog-icon {
	margin-right: 3px;
}
.blog-category.blog-aside p.title {
	margin-bottom: 0px !important;
}
.blog-list {
	padding-right: 20px;
}
@media only screen and (max-width:61.87em)
{
.blog-list {
	padding-right: 0px;
}
}
.blog-list .blog-thumb {
	padding: 20px; border-radius: 3px; margin-bottom: 20px; background-color: rgb(255, 255, 255);
}
@media only screen and (max-width:61.87em)
{
.blog-list .blog-thumb {
	padding: 0.75rem;
}
}
.blog-list .blog-thumb:hover {
	box-shadow: 2px 2px 10px #ccc;
}
.blog-list .blog-thumb .title {
	line-height: 28px; font-size: 20px;
}
@media only screen and (max-width:61.87em)
{
.blog-list .blog-thumb .title {
	font-size: 18px;
}
}
.blog-list .blog-thumb .title a {
	color: rgb(0, 0, 0);
}
.blog-list .blog-thumb .title a:hover {
	text-decoration: underline;
}
.blog-list .blog-thumb .title img {
	width: 100%;
}
@media only screen and (max-width:61.87em)
{
.blog-list .blog-thumb .info-icon {
	height: 25px;
}
}
.blog-list .blog-thumb .info {
	padding: 10px 0px; color: rgb(123, 123, 123); line-height: 25px; font-size: 14px;
}
@media only screen and (max-width:61.87em)
{
.blog-list .blog-thumb .info {
	padding: 8px 0px; font-size: 12px;
}
}
.blog-list .blog-thumb .info .tag {
	padding: 2px 5px 0px; border-radius: 2px; line-height: 20px; margin-right: 15px; display: inline-block;
}
@media only screen and (max-width:61.87em)
{
.blog-list .blog-thumb .info .tag {
	margin-right: 5px; display: none;
}
}
.blog-list .blog-thumb .info .tag.tag-news {
	color: rgb(255, 255, 255); background-color: rgb(228, 79, 80);
}
.blog-list .blog-thumb .info .tag.tag-test {
	color: rgb(255, 255, 255); background-color: rgb(141, 198, 63);
}
.blog-list .blog-thumb .info .tag.tag-fans {
	color: rgb(255, 255, 255); background-color: rgb(250, 188, 61);
}
.blog-list .blog-thumb .info ul {
	height: 25px; display: inline-block;
}
.blog-list .blog-thumb .info ul li {
	float: left; display: inline-block; position: relative;
}
.blog-list .blog-thumb .info ul li .info-wx {
	margin-left: 10px;
}
@media only screen and (max-width:61.87em)
{
.blog-list .blog-thumb .info ul li .info-wx {
	display: none;
}
}
@media only screen and (max-width:61.87em)
{
.blog-list .blog-thumb .info ul li .info-share {
	display: none;
}
}
.blog-list .blog-thumb .info ul li .panel-wx {
	padding: 10px; left: 0px; top: -120px; width: 120px; height: 120px; display: none; position: absolute; background-color: rgb(255, 255, 255);
}
.blog-list .blog-thumb .info ul li .panel-wx img {
	width: 100%;
}
.blog-list .blog-thumb .image img {
	width: 100%;
}
.blog-list .blog-thumb .text {
	padding: 20px 0px 10px; line-height: 24px; font-size: 14px;
}
.blog-list .blog-thumb .text a {
	color: rgb(0, 0, 0);
}
.blog-list .blog-thumb .text a:hover {
	text-decoration: underline;
}
.blog-list .blog-thumb .more {
	text-align: right;
}
@media only screen and (max-width:61.87em)
{
.blog-list .blog-thumb .more {
	font-size: 14px;
}
}
.blog-list .blog-thumb .more a:hover {
	text-decoration: underline;
}
.blog-list .blog-thumb .recommend {
	margin: 30px 0px; text-align: center;
}
.blog-list .blog-thumb .recommend .button {
	border-radius: 15px; height: 30px; line-height: 30px; padding-top: 0px; padding-bottom: 0px;
}
.blog-list .blog-thumb .share {
	text-align: center; margin-top: 30px;
}
.blog-list .blog-thumb .share .blog-icon {
	display: block !important;
}
.blog-list .blog-thumb .share ul {
	display: inline-block;
}
.blog-list .blog-thumb .share ul li {
	display: inline-block;
}
.blog-list .blog-thumb .share ul li a {
	position: relative;
}
.blog-list .blog-thumb .share ul li a .panel-wx {
	padding: 10px; left: -60px; top: -170px; width: 120px; height: 120px; display: none; position: absolute; background-color: rgb(255, 255, 255);
}
.blog-list .blog-thumb .share ul li a .panel-wx img {
	width: 100%;
}
.blog-asides {
	padding-left: 30px;
}
@media only screen and (max-width:61.87em)
{
.blog-asides {
	padding-left: 0px; margin-top: 30px;
}
.blog-asides .blog-aside-category {
	display: none;
}
.blog-asides .blog-aside-hot {
	display: none;
}
}
.blog-asides .title {
	color: rgb(123, 123, 123); font-size: 16px !important;
}
.blog-asides .blog-aside {
	padding: 20px 30px; margin-bottom: 20px; background-color: rgb(255, 255, 255);
}
@media only screen and (max-width:61.87em)
{
.blog-asides .blog-aside {
	padding: 0.75rem;
}
}
.blog-asides .blog-aside p {
	margin: 10px 0px; line-height: 25px; padding-left: 12px; font-family: "微软雅黑"; font-size: 18px;
}
@media only screen and (max-width:61.87em)
{
.blog-asides .blog-aside p {
	padding-left: 5px;
}
}
.blog-asides .blog-aside p a {
	width: 100%; height: 25px; color: rgb(0, 0, 0); display: inline-block;
}
.blog-asides .blog-aside p a:hover {
	text-decoration: underline;
}
.blog-asides .blog-aside ul li {
	list-style: inside; line-height: 24px; margin-bottom: 10px;
}
.blog-asides .blog-aside ul li a {
	color: rgb(0, 0, 0); font-size: 14px; margin-left: -5px;
}
.blog-asides .blog-aside ul li a:hover {
	color:#0099d2;
}
.blog-asides .blog-aside ul li a.hover {
	color:#0099d2;
}
.blog-asides .blog-aside ul li a img {
	display: none;
}
.blog-asides .choice {
	margin-bottom: 10px;
}
.blog-asides .choice a {
	display: block; position: relative;
}
.blog-asides .choice img {
	width: 100%;
}
.blog-asides .choice .choice-mask {
	left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; opacity: 0.3; background-color: rgb(0, 0, 0);
}
.blog-asides .choice .choice-mask.hover {
	opacity: 0.5;
}
.blog-asides .choice .choice-text {
	left: 50%; top: 50%; width: 80%; text-align: center; color: rgb(255, 255, 255); line-height: 24px; font-size: 16px; position: absolute; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);
}
@media only screen and (max-width:61.87em)
{
.blog-asides .choice .choice-text {
	padding: 0px 20px; font-size: 14px;
}
}
.blog-video {
	padding: 20px 20px 10px; margin-bottom: 20px; background-color: rgb(255, 255, 255);
}
.blog-video:hover {
	box-shadow: 2px 2px 10px #ccc;
}
.blog-video .info {
	padding: 5px 0px; color: rgb(60, 60, 60); line-height: 25px; font-size: 16px;
}
.blog-video .info ul {
	display: inline-block;
}
.blog-video .info ul li {
	float: left; display: inline-block;
}
.blog-video .info .align-right {
	height: 25px;
}
.blog-video .image a {
	display: block; position: relative;
}
.blog-video .image a .play-mask {
	left: 0px; top: 0px; right: 0px; bottom: 0px; display: none; position: absolute; opacity: 0.3; background-color: rgb(0, 0, 0);
}
.blog-video .image a .play-icon {
	background-position: -75px 0px; left: 50%; top: 50%; width: 76px; height: 76px; display: none; position: absolute; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);
}
.blog-video .image a .play-iframe {
	left: 0px; top: 0px; right: 0px; bottom: 0px; display: none; position: absolute;
}
@media only screen and (max-width:61.87em)
{
.blog-video .image a .play-iframe {
	display: block;
}
}
.blog-video .image a .play-iframe p {
	height: 100% !important;
}
.blog-video .image a .play-iframe iframe {
	height: 100% !important;
}
.blog-video .image img {
	width: 100%;
}
.blog-video .other {
	color: rgb(123, 123, 123); line-height: 30px; font-size: 14px;
}
.blog-video .other a {
	font-size: 14px; float: right;
}
.blog-icon {
	width: 25px; height: 25px; margin-right: 5px; vertical-align: top; display: inline-block; background-image: url("../image/icon-blog-revision.png"); background-repeat: no-repeat;
}
.blog-icon.icon-news {
	background-position: 0px 0px;
}
.blog-icon.icon-test {
	background-position: -25px 0px;
}
.blog-icon.icon-fans {
	background-position: -50px 0px;
}
.blog-icon.icon-view {
	background-position: 0px -25px;
}
.blog-icon.icon-zan {
	background-position: -25px -25px;
}
.blog-icon.icon-zan.active {
	background-position: -25px -50px;
}
.blog-icon.icon-share {
	background-position: -50px -25px;
}
.blog-icon.icon-share.active {
	background-position: -50px -50px;
}
.blog-icon.icon-wx {
	background-position: 0px -75px; display: none;
}
.blog-icon.icon-wb {
	background-position: -25px -75px; display: none;
}
.blog-icon.icon-qq {
	background-position: -50px -75px; display: none;
}
.blog-icon.icon-wx-big {
	background-position: 0px -100px; width: 46px; height: 46px;
}
.blog-icon.icon-wx-big.active {
	background-position: 0px -150px;
}
.blog-icon.icon-wb-big {
	background-position: -50px -100px; width: 46px; height: 46px;
}
.blog-icon.icon-wb-big.active {
	background-position: -50px -150px;
}
.blog-icon.icon-qq-big {
	background-position: -100px -100px; width: 46px; height: 46px;
}
.blog-icon.icon-qq-big.active {
	background-position: -100px -150px;
}
@media only screen and (max-width:61.87em)
{
.blog-dialog-video .dialog-video-content iframe {
	height: 240px;
}
}
@media only screen and (min-width:61.87em)
{
.blog-dialog-video .dialog-video-content iframe {
	height: 480px;
}
}
.blog-aside-fixed {
	top: 0px; display: none; position: fixed; z-index: 99;
}
.blog-aside-fixed .blog-asides {
	padding-left: 0px; background-color: rgb(247, 247, 247);
}
@media only screen and (max-width:61.87em)
{
.page_first .text-center {
	display: none;
}
}
.page_ajax_more {
	display: none;
}
@media only screen and (max-width:61.87em)
{
.page_ajax_more.page_first {
	display: block;
}
.page_ajax_more a.button {
	padding: 0px; width: 80%; height: 40px; line-height: 40px; font-size: 16px; display: inline-block;
}
}
.page_ajax_loading {
	margin: 10px 0px; text-align: center; display: none;
}
.blog-category-top p.title {
	display: none;
}
@media only screen and (max-width:61.87em)
{
.show-share-wx {
	display: none;
}
}
.blog-category-list p img {
	vertical-align: top;
}
.blog-about {
	padding: 0px 90px 50px; line-height: 28px; background-color: rgb(255, 255, 255);
}
@media only screen and (max-width:61.87em)
{
.blog-about {
	padding: 0px 0.75rem 20px;
}
}
.blog-about p {
	color: rgb(109, 109, 109);
}
.blog-about p.title {
	color: rgb(0, 0, 0); padding-top: 25px;
}
.blog-about .history-mobile {
	display: none !important;
}
@media only screen and (max-width:61.87em)
{
.blog-about .history-mobile {
	border-right-color: currentColor; border-left-color: rgb(161, 227, 196); border-right-width: 0px; border-left-width: 1px; border-right-style: none; border-left-style: dashed; display: block !important;
}
.blog-about .history-mobile .history-item {
	padding: 0px 30px;
}
.blog-about .history-mobile .history-date {
	text-align: left;
}
.blog-about .history-mobile .history-date span.dashed {
	left: -35px; top: 13px; position: absolute;
}
.blog-about .history-mobile .history-date span.circle {
	left: -37px; top: 7px; position: absolute;
}
}
@media only screen and (max-width:61.87em)
{
.blog-about .history {
	display: none;
}
.blog-about .history-mobile {
	display: none;
}
}
.blog-about .history .history-left {
	padding-right: 45px; border-right-color: rgb(161, 227, 196); border-right-width: 1px; border-right-style: dashed;
}
.blog-about .history-mobile .history-left {
	padding-right: 45px; border-right-color: rgb(161, 227, 196); border-right-width: 1px; border-right-style: dashed;
}
@media only screen and (min-width:61.87em)
{
.blog-about .history .history-left .history-date {
	text-align: right;
}
.blog-about .history-mobile .history-left .history-date {
	text-align: right;
}
.blog-about .history .history-left .history-date span.dashed {
	top: 13px; right: -35px; position: absolute;
}
.blog-about .history-mobile .history-left .history-date span.dashed {
	top: 13px; right: -35px; position: absolute;
}
.blog-about .history .history-left .history-date span.circle {
	top: 7px; right: -51px; position: absolute;
}
.blog-about .history-mobile .history-left .history-date span.circle {
	top: 7px; right: -51px; position: absolute;
}
}
@media only screen and (max-width:61.87em)
{
.blog-about .history .history-left {
	padding: 0px 30px; border-right-color: currentColor; border-left-color: rgb(161, 227, 196); border-right-width: 0px; border-left-width: 1px; border-right-style: none; border-left-style: dashed;
}
.blog-about .history-mobile .history-left {
	padding: 0px 30px; border-right-color: currentColor; border-left-color: rgb(161, 227, 196); border-right-width: 0px; border-left-width: 1px; border-right-style: none; border-left-style: dashed;
}
.blog-about .history .history-left .history-date {
	text-align: left;
}
.blog-about .history-mobile .history-left .history-date {
	text-align: left;
}
.blog-about .history .history-left .history-date span.dashed {
	left: -35px; top: 13px; position: absolute;
}
.blog-about .history-mobile .history-left .history-date span.dashed {
	left: -35px; top: 13px; position: absolute;
}
.blog-about .history .history-left .history-date span.circle {
	left: -37px; top: 7px; position: absolute;
}
.blog-about .history-mobile .history-left .history-date span.circle {
	left: -37px; top: 7px; position: absolute;
}
}
.blog-about .history .history-right {
	padding-top: 100px; padding-left: 45px;
}
.blog-about .history-mobile .history-right {
	padding-top: 100px; padding-left: 45px;
}
.blog-about .history .history-right .history-date span.dashed {
	left: -35px; top: 13px; position: absolute;
}
.blog-about .history-mobile .history-right .history-date span.dashed {
	left: -35px; top: 13px; position: absolute;
}
.blog-about .history .history-right .history-date span.circle {
	left: -51px; top: 7px; position: absolute;
}
.blog-about .history-mobile .history-right .history-date span.circle {
	left: -51px; top: 7px; position: absolute;
}
@media only screen and (max-width:61.87em)
{
.blog-about .history .history-right {
	padding: 0px 30px; border-left-color: rgb(161, 227, 196); border-left-width: 1px; border-left-style: dashed;
}
.blog-about .history-mobile .history-right {
	padding: 0px 30px; border-left-color: rgb(161, 227, 196); border-left-width: 1px; border-left-style: dashed;
}
.blog-about .history .history-right .history-date span.dashed {
	left: -35px; top: 13px; position: absolute;
}
.blog-about .history-mobile .history-right .history-date span.dashed {
	left: -35px; top: 13px; position: absolute;
}
.blog-about .history .history-right .history-date span.circle {
	left: -37px; top: 7px; position: absolute;
}
.blog-about .history-mobile .history-right .history-date span.circle {
	left: -37px; top: 7px; position: absolute;
}
}
.blog-about .history .history-item {
	margin-bottom: 70px;
}
.blog-about .history-mobile .history-item {
	margin-bottom: 70px;
}
@media only screen and (max-width:61.87em)
{
.blog-about .history .history-item {
	margin-bottom: 50px;
}
.blog-about .history-mobile .history-item {
	margin-bottom: 50px;
}
}
.blog-about .history .history-date {
	color:#0099d2; line-height: 30px; position: relative;
}
.blog-about .history-mobile .history-date {
	color:#0099d2; line-height: 30px; position: relative;
}
.blog-about .history .history-date span.dashed {
	width: 30px; height: 0px; border-top-color: rgb(161, 227, 196); border-top-width: 1px; border-top-style: dashed; display: block;
}
.blog-about .history-mobile .history-date span.dashed {
	width: 30px; height: 0px; border-top-color: rgb(161, 227, 196); border-top-width: 1px; border-top-style: dashed; display: block;
}
.blog-about .history .history-date span.circle {
	border-radius: 6px; width: 12px; height: 12px; display: block; background-color:#0099d2;
}
.blog-about .history-mobile .history-date span.circle {
	border-radius: 6px; width: 12px; height: 12px; display: block; background-color:#0099d2;
}
.blog-about .history .history-text {
	color: rgb(109, 109, 109); line-height: 26px;
}
.blog-about .history-mobile .history-text {
	color: rgb(109, 109, 109); line-height: 26px;
}
.blog-about .history .history-image {
	margin-top: 15px;
}
.blog-about .history-mobile .history-image {
	margin-top: 15px;
}
.blog-about .history .history-image img {
	width: 100%;
}
.blog-about .history-mobile .history-image img {
	width: 100%;
}
#dialog-video #player {
	margin: 0px auto; position: relative; background-color: rgb(0, 0, 0);
}
#dialog-video .mask-video {
	left: 0px; top: 0px; right: 0px; bottom: 0px; position: fixed; z-index: 100; opacity: 0.5; background-color: rgb(0, 0, 0);
}
#dialog-video .dialog-video {
	border-radius: 4px; left: 50%; top: 50%; width: 100%; position: fixed; z-index: 100; transform: translate(-50%, -50%); background-color: rgb(245, 245, 245); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);
}
@media only screen and (min-width:61.87em)
{
#dialog-video .dialog-video {
	width: 750px; margin-top: -252px; margin-left: -375px; transform: none; -webkit-transform: none; -moz-transform: none;
}
}
#dialog-video .dialog-video-container {
	position: relative;
}
#dialog-video .dialog-video-close {
	top: -46px; width: 56px; height: 56px; text-align: center; right: -8px; color: rgb(180, 180, 180); line-height: 56px; font-size: 2.18rem; position: absolute; z-index: 101; cursor: pointer;
}
@media only screen and (min-width:61.87em)
{
#dialog-video .dialog-video-close {
	top: -55px; right: -12px; font-size: 2.81rem;
}
}
.photo-gallery {
	text-align: center;
}
.photo-gallery::after {
	clear: both; display: table; content: "";
}
.photo-gallery .wrappar {
	margin: 0px auto; width: 100%; max-width: 1180px;
}
.photo-gallery .heading {
	color: rgb(91, 91, 91); padding-top: 40px; font-size: 1.25rem;
}
@media only screen and (min-width:61.87em)
{
.photo-gallery .heading {
	font-size: 1.87rem;
}
}
.photo-gallery .describing {
	margin: 0px auto; width: 95%; text-align: left; color: rgb(123, 123, 123); line-height: 21px; padding-top: 10px; font-size: 0.87rem;
}
@media only screen and (min-width:61.87em)
{
.photo-gallery .describing {
	text-align: center; line-height: 34px; font-size: 1.5rem;
}
}
.photo-gallery .bbs {
	color: rgb(123, 123, 123); font-size: 0.87rem; margin-top: 10px; display: block;
}
@media only screen and (min-width:61.87em)
{
.photo-gallery .bbs {
	letter-spacing: 5px; font-size: 1.5rem; margin-top: 20px;
}
.photo-gallery .bbs:hover {
	color:#0099d2;
}
}
.photo-gallery .photo-box {
	margin-top: 20px; background-color: rgb(242, 242, 242);
}
@media only screen and (min-width:61.87em)
{
.photo-gallery .photo-box {
	margin-top: 60px;
}
}
.photo-gallery .photo-box img {
	margin: 0px auto; width: 100%;
}
.photo-gallery .photo-box .photo {
	display: none;
}
@media only screen and (min-width:61.87em)
{
.photo-gallery .photo-box .photo {
	display: block;
}
}
.photo-gallery .photo-box .photo-m {
	display: block;
}
@media only screen and (min-width:61.87em)
{
.photo-gallery .photo-box .photo-m {
	display: none;
}
}
.photo-gallery .photo-box .photo-20 {
	width: 88.13%;
}
.photo-gallery .photo-box .photo-21 {
	width: 84.83%;
}
.photo-gallery .photo-box .photo-23 {
	width: 84.74%;
}
.photo-gallery .photo-box .photo-24 {
	width: 84.74%;
}
.photo-gallery .photo-box .photo-25 {
	width: 84.74%;
}
.photo-gallery .photo-box .photo-26 {
	width: 84.74%;
}
.photo-gallery .photo-box .photo-27 {
	width: 84.74%;
}
.photo-gallery .photo-box .photo-29 {
	width: 50.76%;
}
.photo-gallery .photo-box .details {
	background-color: rgb(255, 255, 255);
}
.photo-gallery .photo-box .details::after {
	clear: both; display: table; content: "";
}
.photo-gallery .photo-box .detail-left {
	width: 40%; text-align: left; padding-top: 8px; padding-left: 10px; float: left;
}
@media only screen and (min-width:61.87em)
{
.photo-gallery .photo-box .detail-left {
	padding-left: 0px;
}
}
.photo-gallery .photo-box .detail-left .photographer {
	color: rgb(59, 59, 59); line-height: 26px; font-size: 1rem;
}
@media only screen and (min-width:61.87em)
{
.photo-gallery .photo-box .detail-left .photographer {
	line-height: 30px; font-size: 1.25rem;
}
}
.photo-gallery .photo-box .detail-left .location {
	height: 24px; color: rgb(123, 123, 123); font-size: 0.87rem;
}
.photo-gallery .photo-box .detail-left .location span {
	line-height: 24px; float: left;
}
.photo-gallery .photo-box .detail-left .location span.icon {
	background: url("../image/sprite-icons.svg") -528px -386px; width: 13px; height: 19px; margin-right: 5px;
}
.photo-gallery .photo-box .detail-left .location .navigation-filters span.filter-name::after {
	background: url("../image/sprite-icons.svg") -528px -386px; width: 13px; height: 19px; margin-right: 5px;
}
.navigation-filters .photo-gallery .photo-box .detail-left .location span.filter-name::after {
	background: url("../image/sprite-icons.svg") -528px -386px; width: 13px; height: 19px; margin-right: 5px;
}
@media only screen and (min-width:61.87em)
{
.photo-gallery .photo-box .detail-left .location {
	height: 28px; font-size: 1.12rem;
}
}
.photo-gallery .photo-box .detail-right {
	width: 60%; text-align: right; padding-top: 8px; padding-right: 10px; float: right;
}
@media only screen and (min-width:61.87em)
{
.photo-gallery .photo-box .detail-right {
	padding-right: 0px;
}
}
.photo-gallery .photo-box .detail-right .device {
	color:#0099d2; line-height: 26px; font-size: 1rem;
}
@media only screen and (min-width:61.87em)
{
.photo-gallery .photo-box .detail-right .device {
	line-height: 30px; font-size: 1.25rem;
}
}
.photo-gallery .photo-box .detail-right .device a:visited {
	color:#0099d2;
}
.photo-gallery .photo-box .detail-right .parameters {
	color: rgb(123, 123, 123); line-height: 24px; font-size: 0.87rem;
}
@media only screen and (min-width:61.87em)
{
.photo-gallery .photo-box .detail-right .parameters {
	line-height: 28px; font-size: 1.12rem;
}
}
.photo-gallery .photo-box .detail-right .comment {
	color: rgb(123, 123, 123); line-height: 24px; font-size: 0.87rem;
}
@media only screen and (min-width:61.87em)
{
.photo-gallery .photo-box .detail-right .comment {
	line-height: 28px; font-size: 1.12rem;
}
}
.photo-gallery .photo-box .detail-right .comment a {
	display: none;
}
@media only screen and (min-width:61.87em)
{
.photo-gallery .photo-box .detail-right .comment a {
	display: block;
}
}
.photo-gallery .photo-box .detail-right .comment span {
	display: block;
}
@media only screen and (min-width:61.87em)
{
.photo-gallery .photo-box .detail-right .comment span {
	display: none;
}
}
.photo-gallery .recommendation {
	text-align: center; padding-top: 30px; padding-bottom: 30px; margin-top: 40px; background-color: rgb(247, 247, 247);
}
@media only screen and (min-width:61.87em)
{
.photo-gallery .recommendation {
	margin-top: 60px;
}
}
.photo-gallery .recommendation .r-heading {
	color: rgb(59, 59, 59); font-size: 1rem;
}
@media only screen and (min-width:61.87em)
{
.photo-gallery .recommendation .r-heading {
	font-size: 1.62rem;
}
}
.photo-gallery .recommendation .r-series {
	margin: 0px auto; width: 100%; padding-top: 40px; max-width: 720px;
}
.photo-gallery .recommendation .r-series::after {
	clear: both; display: table; content: "";
}
.photo-gallery .recommendation .r-series .r-device {
	width: 25%; text-align: center; float: left;
}
.photo-gallery .recommendation .r-series .r-device img {
	width: 84.44%; display: inline-block;
}
.photo-gallery .recommendation .r-series .r-device div {
	color: rgb(137, 137, 137); padding-top: 15px; font-size: 0.87rem;
}
@media only screen and (min-width:61.87em)
{
.photo-gallery .recommendation .r-series .r-device div {
	font-size: 1rem;
}
}
.logo-extend{
    padding:0px;
}

/*产品内容*/
a.reserve_btn { width:119px; height:35px; display:block; color:#fff; background:url(../image/reserve.gif) no-repeat; text-align:center; line-height:35px; font-size:22px;} 
a.reserve_btn:hover { background:url(../image/reserve2.gif) no-repeat; text-decoration:none; color:#fff;}
a.reserve_btn:active { background:url(../image/reserve1.gif) no-repeat; text-decoration:none; color:#fff;}
.product_content .productwrap{width:1000px;margin:0 auto;}
.product_content .productbg{height:372px;background-image:url(../image/aio_icon_1.png);background-repeat:no-repeat;}
.product_content .contentbox_1 .productwrap{margin-top:20px;margin-bottom:70px;}
.product_content .productwrap .right{float:right;padding-top:50px;width:520px;_display:inline;}
.product_content .productwrap .right h1.caption{font-size:36px;color:#0f7bbd;}
.product_content .productwrap .right h1.litter{font-size:30px;}
.product_content .productwrap .right h2.smtitle{font-size:24px;color:#f5a226;}
.product_content .productwrap .right p{line-height:2;font-size:14px;}
.product_content .productwrap .right .destinebox{padding-top:16px;}
.product_content .contentbox_2{background-color:#2ac89d;padding:17px 0;}
.product_content .contentbox_2 .productbg {background:url(../image/aio_icon_011.png) no-repeat center right;}
.product_content .contentbox_2 .describe{padding:143px 0;}
.product_content .contentbox_2 .describe h1.caption{font-size:36px;color:#fff;}
.product_content .contentbox_2 .describe p{color:#fff;font-size:22px;line-height:2;}
.product_content .contentbox_3{background-color:#44c7ed;}
.product_content .contentbox_3  .productbg {background:url(../image/aio_icon_012.png) no-repeat center left;}
.product_content .contentbox_3  .describe{float:right;padding:134px 0;}
.product_content .contentbox_3  .describe h1.caption{font-size:36px;color:#fff;padding-bottom:10px;}
.product_content .contentbox_3  .describe p{color:#fff;font-size:22px;line-height:2;}
.product_content .contentbox_4{background-color:#eb8a00;height:400px;}
.product_content .contentbox_4  .productbg {background:url(../image/aio_icon_013.png) no-repeat center right;}
.product_content .contentbox_4 .describe{padding:143px 0;}
.product_content .contentbox_4 .describe h1.caption{font-size:36px;color:#fff;}
.product_content .contentbox_4 .describe p{color:#fff;font-size:22px;line-height:2;}

/*旅游业务系统*/
p.orange11 { color:#f5a226}
.product_content .productwrap .right .captionbg{padding:10px 0;margin-right:30px;height:48px;}
.product_content .iconbg{background:url(../image/aio_icon_2.png) no-repeat 0 -394px; width:1100px;}
.productoptions .content{position:absolute;text-align:center;bottom:27px;left:146px;width:100px;height:100px;}
.productoptions .content p{line-height:2;color:#fff;font-size:14px;}
.seatbox{width:1000px;margin:55px auto;background:url(../image/aio_bg_7.png) no-repeat;height:457px;}
.seatbox .content{float:right;margin:135px 0px 135px 0;width:414px;}
.seatbox .content h1{color:#91d100;font-size:30px;}
.seatbox .content p{color:#848484;line-height:1.8;font-size:14px;}
.o2obox{background-color:#b6da60;padding-top:68px;}
.o2obox .content{width:1100px;margin:0 auto;background:url(../image/aio_bg_8.png) no-repeat 0 2px;height:429px;}
.o2obox .content .title{text-align:right;position:relative;right:200px;color:#fff;bottom:40px;font-size:20px;}
.o2obox .content .left{padding-top:105px;width:450px; padding-left:100px;}
.o2obox .content h1{font-size:30px;color:#fffc01;}
.o2obox .content h1 span{color:#fff;font-size:22px;}
.o2obox .content p{color:#fff;line-height:2;font-size:14px;}

/*专属服务*/
.helplist { height:660px;}
.helplist ul{width:1111px;margin:0 auto;}
.helplist li{float:left;display:block;width:523px;height:200px;margin:70px 0;padding-left:30px;background-image:url(../image/aio_icon_3.png);background-repeat:no-repeat;}
.helplist li div{margin-left:100px;margin-left:218px;margin-top:43px;width:296px;}
.helplist li p{color:#555555;font-size:14px;line-height:2;}
.helplist li.one{background-position:-550px 0;}
.helplist li.one h1{color:#0f7bbd;font-size:30px;}
.helplist li.two{background-position:-586px -326px;}
.helplist li.two h1{color:#df4e0f;font-size:30px;}
.helplist li.three{background-position:-568px -608px;}
.helplist li.three h1{color:#409c38;font-size:30px;}
.helplist li.four{background-position:0 -820px;}
.helplist li.four h1{color:#14a0c1;font-size:30px;}

/*二维码*/
#wx2w{position:relative;top:-20px;padding-left:10px;margin-bottom:-20px;}
/*footer*/
.contentbox_2 {
 
  width:auto;
    text-align: center;
    margin: 0px auto;
    color:#545454;
}
.picture-img{
    border-bottom:solid 2px red;
}
@media only screen and (max-width: 61.87em) {
    .main-header .main-menu nav {
        width: 168px !important;
        height: 600px !important;
    }

        .main-header .main-menu nav ul.menu {
            width: auto;
            height: 600px !important;
        }

            .main-header .main-menu nav ul.menu li.gi {
                display: block !important;
            }

    .scanimg {
        top: 14px !important;
        left: 92px !important;
    }
 .languages-panel .languages h3 {
    display: inherit !important;
}
    .languages {
    width: 300px !important;
    right:0 !important;
    background:#fff;
    
}
   .main-header .menu-lang .languages li {
     width:250px!important; 
}

   .leftclose3 img{
    height:45px;
       cursor:pointer;
   }
   .leftclose{
       display:none;
   }
   .leftclose3{
       display:block;
   }
   .phonepanel{
       top:50px !important;
   }
   .wximg{height:230px;
}

}
@media only screen and (min-width: 61.87em){
   .languages {
    width: 300px !important;
    right:0 !important;
    
}
   .main-header .menu-lang .languages li {
     width:250px!important; 
}

   .leftclose img{
       height:40px;
       cursor:pointer;
   }
    .leftclose{
       display:block;
   }
   .leftclose3{
       display:none;
   }
  

}