@charset "utf-8";
/* CSS Document */

[v-cloak] {
    display: none;
}

.fixed-top {
    position: fixed;
    bottom: auto;
    top: 0px;
}

.fixed-bottom {
    position: fixed;
    bottom: 0px;
    top: auto;
}

.fixed-left {
    position: fixed;
    right: auto;
    left: 0px;
}

.fixed-right {
    position: fixed;
    right: 0px;
    left: auto;
}

.cf:after {
    content: '\20';
    display: block;
    height: 0;
    clear: both;
}

.cf {
    *zoom: 1;
}

.clear {
    clear: both;
}

img {
    display: block;
    border: 0;
}

/* global */

img.full {
    width: 100%;
}

a {
    color: #00549f;
    text-decoration: none;
}

a:hover {
    color: #00549f;
    text-decoration: none;
}

ul li {
    list-style: none;
}

li.last {
    margin: 0;
    padding: 0;
    border: none !important;
}

.nbr {
    border: none !important;
}

p {
    margin: 12px 0;
}

.p-14 {
    font-size: 14px;
}

.b-blue {
    color: #40A2DB;
    font-weight: normal;
}

.colorZ {
    color: #231815 !important;
}

.colorB {
    color: #26a8e2 !important;
}

i {
    font-style: normal;
}

a.greyLink {
    color: #222222;
    text-decoration: none;
}

a.greyLink:hover {
    text-decoration: underline;
}

.remarks {
    font-size: 90%;
    color: #777777;
    line-height: 14px;
}

.cursor,
.swf-head {
    cursor: hand;
    cursor: pointer;
}

.title {
    color: #00549f;
    font-size: 150%;
    line-height: 18px;
    font-weight: bold;
}

.clear {
    clear: both;
    height: 0;
}

.left {
    float: left;
    display: inline !important;
}

.right {
    float: right !important;
    display: inline !important;
}

.alignR {
    text-align: right !important;
}

.alignC {
    text-align: center !important;
}

.alignL {
    text-align: left !important;
}

.valignM {
    vertical-align: middle;
}

.valignB {
    vertical-align: bottom;
}

.marginA {
    margin: auto;
}

.blueTitle {
    font-size: 120%;
    line-height: 120%;
    color: #00549f;
    margin: 18px 0 10px 0;
    font-weight: bold;
    text-align: left;
}

.whiteTitle {
    font-size: 180%;
    line-height: 120%;
    color: #ffffff;
    margin: 18px 0 10px 0;
    font-weight: bold;
    text-align: left;
}

.mtr8 {
    margin-right: 8px;
}

.mtr10 {
    margin-right: 10px;
}

.mtb10 {
    margin-bottom: 10px
}

.mtl10 {
    margin-left: 10px;
}

.mrt5 {
    margin-right: 5px;
}

.mrt15 {
    margin-right: 15px
}

.mtb25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
}

.marginTop0 {
    margin-top: 0 !important;
}

.marginL0 {
    margin-left: 0 !important;
}

.marginL20 {
    margin-left: 20px !important;
}

.marginTop5 {
    margin-top: 5px !important;
}

.marginTop10 {
    margin-top: 10px !important;
}

.marginTop15 {
    margin-top: 15px;
}

.marginTop20 {
    margin-top: 20px !important;
}

.marginBtm0 {
    margin-bottom: 0 !important;
}

.marginTop30 {
    margin-top: 30px;
}

.marginTop40 {
    margin-top: 40px;
}

.marginTop50 {
    margin-top: 50px !important;
}

.marginTop70 {
    margin-top: 70px !important;
}

.marginTop80 {
    margin-top: 80px !important;
}

.marginTop160 {
    margin-top: 160px !important;
}

.marginTop180 {
    margin-top: 180px !important;
}

.marginTop210 {
    margin-top: 210px !important;
}

.marginB15 {
    margin-bottom: 15px !important;
}

.marginB30 {
    margin-bottom: 30px !important;
}

.marginB50 {
    margin-bottom: 50px !important;
}

.marginB80 {
    margin-bottom: 80px !important;
}

.marginB130 {
    margin-bottom: 130px !important;
}

.padding20 {
    padding: 20px !important;
}

.paddingT15 {
    padding-top: 15px;
}

.paddingT20 {
    padding-top: 20px !important;
}

.paddingT25 {
    padding-top: 25px !important;
}

.paddingT30 {
    padding-top: 50px !important;
}

.paddingT40 {
    padding-top: 40px !important;
}

.paddingT50 {
    padding-top: 50px !important;
}

.paddingL10 {
    padding-left: 10px !important;
}

.paddingL20 {
    padding-left: 20px !important;
}

.paddingL60 {
    padding-left: 60px;
}

.paddingR20 {
    padding-right: 20px !important;
}

.paddingB20 {
    padding-bottom: 20px
}

.paddingB50 {
    padding-bottom: 50px
}

.paddingB80 {
    padding-bottom: 80px
}

.paddingTop30 {
    padding-top: 30px;
}

.paddingTop40 {
    padding-top: 40px;
}

.paddingTop50 {
    padding-top: 50px !important;
}

.paddingTop80 {
    padding-top: 80px !important;
}

.paddingTop130 {
    padding-top: 130px !important;
}

.width50 {
    width: 50%;
}

.width10percent {
    width: 10%;
}

.width15percent {
    width: 15%;
}

.width20percent {
    width: 20%;
}

.width25percent {
    width: 25%;
}

.width33percent {
    width: 33%;
}

.width50percent {
    width: 50%;
}

.width70percent {
    width: 70%;
}

.width60 {
    width: 60px !important;
}

.width130 {
    width: 130px !important;
}

.width350 {
    width: 350px !important;
}

.width320 {
    width: 320px !important;
}

.width580 {
    width: 580px !important;
}

.width450 {
    width: 450px !important;
}

.min-heightFix300 {
    min-height: 300px !important;
}

.bottom120 {
    bottom: 100px !important;
}

.border5 {
    border-right: 1px #ccc solid;
}

.colorGrey {
    color: #707070;
}

/*.bullet-blue li{ background:url(images/bullet-blue.png) no-repeat left 8px; padding-left:11px !important; }*/

.whitebg {
    background: #fff !important
}

.bluebg {
    background: #0a83d6 !important
}

.blackbg {
    background: #000 !important
}

.blue-tit {
    color: #00549F;
    font-size: 110%;
}

.lightBlue {
    color: #1b8ce9;
}

.darktBlue {
    color: #00549F;
}

.paddingT50 {
    padding-top: 50px;
}

.hidden {
    display: none;
}

.size1of2 {
    width: 50%
}

.size1of3 {
    width: 33.3%
}

.size1of4 {
    width: 25%
}

.size1of5 {
    width: 20%
}

.text-right {
    text-align: right;
}

.bgGrey {
    background-color: #f1f4f9;
}

.bgBlue {
    background-color: #0a83d6
}

#RightFixNav {
    /*position: fixed;*/
    /*top: 322px;*/
    /*right: 10px*/
}
#RightFixNav .hvwarp{
    border-top: 1px solid #e5e5e5;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
}
#RightFixNav .hvicon{
    position: relative;
    display: inline-block;
    width: 75px;
    height: 80px;
    background-color: #fff;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
    color: #272b36;
    box-sizing: border-box;
}
#RightFixNav .hvicon.aftersale{
    border:none;
}
#RightFixNav .hvicon.icontotop{
    margin-top:10px;
    pointer-events: auto;
    opacity: 1;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
}
#RightFixNav .hvicon.icontotop.hide{
    pointer-events: none;
    opacity: 0;
}
#RightFixNav .qipao{
    right: 80px;
}
#RightFixNav *{
    -webkit-transition: all .3s;
    transition: all .3s;
}
#RightFixNav .hvicon .dicoimg{
    width:20px;height: 20px; display: block;
    margin: 18px auto 8px;
    clear: both;
    position: relative;
}
#RightFixNav .hvicon .dicoimg img{ width:100%; height:auto; }
#RightFixNav .hvicon .dicotxt{
    display: inline-block;
    clear: both;
    margin: 0 auto;
}
#RightFixNav .hvicon .dicoimg img{
    position: absolute;left:0;top:0;
}
#RightFixNav .hvicon .dicoimg_active{
    opacity: 0;
}
#RightFixNav .hvicon:hover .dicoimg_active{
    opacity: 1;
}
#RightFixNav .hvicon:hover .dicoimg_def{
    opacity: 0;
}
#RightFixNav .hvicon:hover .dicotxt{
    color: #5787f4;
}


/*
 * jQuery UI Menu 1.8.23
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */

.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    float: left;
}

.ui-menu .ui-menu {
    margin-top: -3px;
}

.ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    zoom: 1;
    float: left;
    clear: left;
    width: 100%;
}

.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: .2em .4em;
    line-height: 1.5;
    zoom: 1;
}

.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px;
}

.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    margin-right: .1em;
    text-decoration: none !important;
    cursor: pointer;
    text-align: center;
    zoom: 1;
    overflow: visible;
}

/* the overflow property removes extra width in IE */

.ui-button-icon-only {
    width: 2.2em;
}

/* to make room for the icon, a width needs to be set here */

button.ui-button-icon-only {
    width: 2.4em;
}

/* button elements seem to need a little more width */

.ui-button-icons-only {
    width: 3.4em;
}

button.ui-button-icons-only {
    width: 3.7em;
}

/*button text element */

.ui-button .ui-button-text {
    display: block;
    line-height: 1.4;
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em;
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em;
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em;
}

/* no icon support for input elements, provide padding by default */

input.ui-button {
    padding: .4em 1em;
}

/*button icon element(s) */

.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px;
}

.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
    left: .5em;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
    right: .5em;
}

.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
    right: .5em;
}

/*button sets*/

.ui-buttonset {
    margin-right: 7px;
}

.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -.3em;
}

/* workarounds */

button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/* reset extra padding in Firefox */

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}

.ui-datepicker .ui-datepicker-next {
    right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month-year {
    width: 100%;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 49%;
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}

.ui-datepicker td {
    border: 0;
    padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

/* with multiple calendars */

.ui-datepicker.ui-datepicker-multi {
    width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0em;
}

/* RTL support */

.ui-datepicker-rtl {
    direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: right;
}

.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */

.ui-datepicker-cover {
    position: absolute;
    /*must have*/
    z-index: -1;
    /*must have*/
    filter: mask();
    /*must have*/
    top: -4px;
    /*must have*/
    left: -4px;
    /*must have*/
    width: 200px;
    /*must have*/
    height: 200px;
    /*must have*/
}

.ui-dialog {
    position: absolute;
    padding: .2em;
    width: 300px;
    overflow: hidden;
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative;
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 16px .1em 0;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 19px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 18px;
}

.ui-dialog .ui-dialog-titlebar-close span {
    display: block;
    margin: 1px;
}

.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar-close:focus {
    padding: 0;
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto;
    zoom: 1;
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin: .5em 0 0 0;
    padding: .3em 1em .5em .4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer;
}

.ui-dialog .ui-resizable-se {
    width: 14px;
    height: 14px;
    right: 3px;
    bottom: 3px;
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%;
}

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}

.ui-slider {
    position: relative;
    text-align: left;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}

.ui-slider-horizontal {
    height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}

.ui-tabs {
    position: relative;
    padding: .2em;
    zoom: 1;
}

/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0;
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 1px;
    margin: 0 .2em 1px 0;
    border-bottom: 0 !important;
    padding: 0;
    white-space: nowrap;
}

.ui-tabs .ui-tabs-nav li a {
    float: left;
    padding: .5em 1em;
    text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    margin-bottom: 0;
    padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a {
    cursor: text;
}

.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
    cursor: pointer;
}

/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
}

.ui-tabs .ui-tabs-hide {
    display: none !important;
}

/* Component containers
----------------------------------*/

.ui-widget {
    font-family: Verdana,
    Arial,
    sans-serif/*{ffDefault}*/
    ;
    font-size: 1.1em/*{fsDefault}*/
    ;
}

.ui-widget .ui-widget {
    font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Verdana,
    Arial,
    sans-serif/*{ffDefault}*/
    ;
    font-size: 1em;
}

.ui-widget-content {
    border: 1px solid #aaaaaa/*{borderColorContent}*/
    ;
    background: #ffffff/*{bgColorContent}*/
    url(https://www.sonystyle.com.cn/sshf/images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/
    50%/*{bgContentXPos}*/
    50%/*{bgContentYPos}*/
    repeat-x/*{bgContentRepeat}*/
    ;
    color: #222222/*{fcContent}*/
    ;
}

.ui-widget-content a {
    color: #222222/*{fcContent}*/
    ;
}

.ui-widget-header {
    border: 1px solid #aaaaaa/*{borderColorHeader}*/
    ;
    background: #cccccc/*{bgColorHeader}*/
    url(clientlib-common/images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/
    50%/*{bgHeaderXPos}*/
    50%/*{bgHeaderYPos}*/
    repeat-x/*{bgHeaderRepeat}*/
    ;
    color: #222222/*{fcHeader}*/
    ;
    font-weight: bold;
}

.ui-widget-header a {
    color: #222222/*{fcHeader}*/
    ;
}

/* Interaction states
----------------------------------*/

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3/*{borderColorDefault}*/
    ;
    background: #e6e6e6/*{bgColorDefault}*/
    url(clientlib-common/images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/
    50%/*{bgDefaultXPos}*/
    50%/*{bgDefaultYPos}*/
    repeat-x/*{bgDefaultRepeat}*/
    ;
    font-weight: normal/*{fwDefault}*/
    ;
    color: #555555/*{fcDefault}*/
    ;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #555555/*{fcDefault}*/
    ;
    text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 1px solid #999999/*{borderColorHover}*/
    ;
    background: #dadada/*{bgColorHover}*/
    url(clientlib-common/images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/
    50%/*{bgHoverXPos}*/
    50%/*{bgHoverYPos}*/
    repeat-x/*{bgHoverRepeat}*/
    ;
    font-weight: normal/*{fwDefault}*/
    ;
    color: #212121/*{fcHover}*/
    ;
}

.ui-state-hover a,
.ui-state-hover a:hover {
    color: #212121/*{fcHover}*/
    ;
    text-decoration: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #aaaaaa/*{borderColorActive}*/
    ;
    background: #ffffff/*{bgColorActive}*/
    url(clientlib-common/images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/
    50%/*{bgActiveXPos}*/
    50%/*{bgActiveYPos}*/
    repeat-x/*{bgActiveRepeat}*/
    ;
    font-weight: normal/*{fwDefault}*/
    ;
    color: #212121/*{fcActive}*/
    ;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #212121/*{fcActive}*/
    ;
    text-decoration: none;
}

.ui-widget :active {
    outline: none;
}

/* Interaction Cues
----------------------------------*/

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #fcefa1/*{borderColorHighlight}*/
    ;
    background: #fbf9ee/*{bgColorHighlight}*/
    url(clientlib-common/images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/
    50%/*{bgHighlightXPos}*/
    50%/*{bgHighlightYPos}*/
    repeat-x/*{bgHighlightRepeat}*/
    ;
    color: #363636/*{fcHighlight}*/
    ;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #363636/*{fcHighlight}*/
    ;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a/*{borderColorError}*/
    ;
    background: #fef1ec/*{bgColorError}*/
    url(clientlib-common/images/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/
    50%/*{bgErrorXPos}*/
    50%/*{bgErrorYPos}*/
    repeat-x/*{bgErrorRepeat}*/
    ;
    color: #cd0a0a/*{fcError}*/
    ;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #cd0a0a/*{fcError}*/
    ;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #cd0a0a/*{fcError}*/
    ;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
}

/* Icons
----------------------------------*/

/* states and images */

.ui-icon {
    width: 16px;
    height: 16px;
    background-image: url(clientlib-common/images/ui-icons_222222_256x240.png)/*{iconsContent}*/
    ;
}

.ui-widget-content .ui-icon {
    background-image: url(clientlib-common/images/ui-icons_222222_256x240.png)/*{iconsContent}*/
    ;
}

.ui-widget-header .ui-icon {
    background-image: url(clientlib-common/images/ui-icons_222222_256x240.png)/*{iconsHeader}*/
    ;
}

.ui-state-default .ui-icon {
    background-image: url(clientlib-common/images/ui-icons_888888_256x240.png)/*{iconsDefault}*/
    ;
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url(clientlib-common/images/ui-icons_454545_256x240.png)/*{iconsHover}*/
    ;
}

.ui-state-active .ui-icon {
    background-image: url(clientlib-common/images/ui-icons_454545_256x240.png)/*{iconsActive}*/
    ;
}

.ui-state-highlight .ui-icon {
    background-image: url(clientlib-common/images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/
    ;
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url(clientlib-common/images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/
    ;
}

/* positioning */

.ui-icon-carat-1-n {
    background-position: 0 0;
}

.ui-icon-carat-1-ne {
    background-position: -16px 0;
}

.ui-icon-carat-1-e {
    background-position: -32px 0;
}

.ui-icon-carat-1-se {
    background-position: -48px 0;
}

.ui-icon-carat-1-s {
    background-position: -64px 0;
}

.ui-icon-carat-1-sw {
    background-position: -80px 0;
}

.ui-icon-carat-1-w {
    background-position: -96px 0;
}

.ui-icon-carat-1-nw {
    background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-off {
    background-position: -96px -144px;
}

.ui-icon-radio-on {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */

.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/

/* Corner radius */

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    -moz-border-radius-topleft: 4px/*{cornerRadius}*/
    ;
    -webkit-border-top-left-radius: 4px/*{cornerRadius}*/
    ;
    -khtml-border-top-left-radius: 4px/*{cornerRadius}*/
    ;
    border-top-left-radius: 4px/*{cornerRadius}*/
    ;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    -moz-border-radius-topright: 4px/*{cornerRadius}*/
    ;
    -webkit-border-top-right-radius: 4px/*{cornerRadius}*/
    ;
    -khtml-border-top-right-radius: 4px/*{cornerRadius}*/
    ;
    border-top-right-radius: 4px/*{cornerRadius}*/
    ;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/
    ;
    -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/
    ;
    -khtml-border-bottom-left-radius: 4px/*{cornerRadius}*/
    ;
    border-bottom-left-radius: 4px/*{cornerRadius}*/
    ;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    -moz-border-radius-bottomright: 4px/*{cornerRadius}*/
    ;
    -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/
    ;
    -khtml-border-bottom-right-radius: 4px/*{cornerRadius}*/
    ;
    border-bottom-right-radius: 4px/*{cornerRadius}*/
    ;
}

/* Overlays */

.ui-widget-overlay {
    background: #aaaaaa/*{bgColorOverlay}*/
    url(clientlib-common/images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/
    50%/*{bgOverlayXPos}*/
    50%/*{bgOverlayYPos}*/
    repeat-x/*{bgOverlayRepeat}*/
    ;
    opacity: .3;
    filter:Alpha(Opacity=30)/*{opacityOverlay}*/
    ;
}

.ui-widget-shadow {
    margin: -8px/*{offsetTopShadow}*/
    0 0 -8px/*{offsetLeftShadow}*/
    ;
    padding: 8px/*{thicknessShadow}*/
    ;
    background: #aaaaaa/*{bgColorShadow}*/
    url(clientlib-common/images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/
    50%/*{bgShadowXPos}*/
    50%/*{bgShadowYPos}*/
    repeat-x/*{bgShadowRepeat}*/
    ;
    opacity: .3;
    filter:Alpha(Opacity=30)/*{opacityShadow}*/
    ;
    -moz-border-radius: 8px/*{cornerRadiusShadow}*/
    ;
    -khtml-border-radius: 8px/*{cornerRadiusShadow}*/
    ;
    -webkit-border-radius: 8px/*{cornerRadiusShadow}*/
    ;
    border-radius: 8px/*{cornerRadiusShadow}*/
    ;
}

.parsys {
    display: block;
    overflow: hidden;
}

.parsys>.new.section {
    min-width: 150px;
    float: left;
}

.parsys .minh16 {
    min-height: 16px;
}

.parsys .minw60 {
    min-width: 60px;
}

.MBlock_h>.new.section {
    min-width: 500px;
    float: left;
    margin: 20px auto;
}

.MainBlock .MBlock_h .MBlock {
    min-width: 295px;
    min-height: 194px;
}

.MainBlock .MBlock_h>a {
    display: block;
    float: left;
}

.grid1 {
    width: 1202px;
}

.grid2 {
    width: 597px;
}

.grid3 {
    width: 395.3333333333333px;
}

.grid4 {
    width: 294.5px;
}

.grid5 {
    width: 234px;
}

.grid6 {
    width: 193.6666666666667px;
}

.grid1,
.grid2,
.grid3,
.grid4,
.grid5,
.grid6 {
    display: inline;
    float: left;
    margin: 8px 4px 0;
}

.mainBanner .grid2,
.mainBanner .grid3,
.mainBanner .grid1 {
    min-height: 20px;
}

.mainBanner .new {
    float: left;
    width: 100%;
}

#fix-top>ul,
.server-list>ul,
.pic-list ul {
    position: relative;
    min-height: 50px;
}

.mobile #fix-top .new.section {
    position: absolute;
    right: -100px;
    width: 100px;
    display: none;
}

.server-list .new.section {
    position: absolute;
    left: -100px;
    width: 100px;
}

.pic-list ul .new.section {
    position: absolute;
    width: 100%;
}

.product-list-box .new.section {
    width: 220px;
    float: left;
}

#ctuijian {
    width: 1000em;
}

.rcmc {
    width: 1200px;
    position: relative;
}

.switch_left,
.switch_right{
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-indent: -9999px;
    background-size: 100%;
}
.switch_left{
    background: url(images/left_switch.png) no-repeat;
    background-size: 100%;
    left:0;

}
.switch_right{
    background: url(images/right_switch.png) no-repeat;
    background-size: 100%;
    right:0;
}
.switch_left.disable{opacity: 0.2}
.switch_right.disable{opacity: 0.2}
.tleft,
.tright {
    width: 18.5px;
    height: 66px;
    background: url(images/product_sliders.png) no-repeat;
    position: absolute;
    top: 71px;
    text-indent: -9999px;
}

.tleft {
    left: -26px;
    background-position: 0px 0px;
}

.tright {
    right: -26px;
    background-position: right top;
}

.tz {
    width: 530px;
    float: left;
    margin-right: 20px;
    margin-bottom: 50px;
    position: relative;
}

.ljxq {
    display: block;
    position: absolute;
    font-weight: bold;
    left: 238px;
    bottom: 3px;
    font-size: 14px;
    color: #000000;
}

.vsimg {
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -15px;
    margin-top: -15px;
    background: url(images/play2.png) no-repeat;
}

.nplayer{
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -15px;
    margin-top: -15px;
    background: url(images/gallery/play_icon.png) no-repeat;
    display: none;
}

.vplay {
    display: block;
    width: 60px;
    height: 60px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -30px;
    margin-top: -30px;
    background: url(images/gallery/play_icon_big.png) no-repeat;
    text-indent: -9999px;
    background-size: cover;
}

.M_pro {
    width: 518px;
    height: 518px;
    position: relative;
}
.M_pro .icon{
	position:absolute;
	right:20px;
	top:20px;
	width:auto;
}

.M_pro .icon.hasSkin{
	top:65px;
}

.M_pro video {
    display: block;
    width: 100%;
    height: 100%;
}
.M_pro video.black {
    background-color:#000;
}
.M_pro video.fixed{
	position: fixed;
    z-index: 9999;
    right: 0px;
    width: 250px;
    top: 60px;
	height:auto;
}

.M_pro .video-close {
    position: fixed;
    right: 0px;
    z-index: 99999;
    top: 60px;
    cursor: pointer;
	display:none;
	width:auto;
}

[v-cloak] {
    display: none;
}

/**
    loading说明
    html增加下面div即可
    <div class="lds-spinner" >
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
    </div>
 */

/*loading图--starrt--*/

@keyframes lds-spinner {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes lds-spinner {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.lds-spinner {
    position: relative;
}

.lds-spinner div {
    left: 50%;
    top: 40%;
    position: absolute;
    -webkit-animation: lds-spinner linear 1s infinite;
    animation: lds-spinner linear 1s infinite;
    background: #fff;
    width: 12px;
    height: 24px;
    border-radius: 40%;
    -webkit-transform-origin: 6px 52px;
    transform-origin: 6px 52px;
}

.lds-spinner div:nth-child(1) {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-delay: -0.916666666666667s;
    animation-delay: -0.916666666666667s;
}

.lds-spinner div:nth-child(2) {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    -webkit-animation-delay: -0.833333333333333s;
    animation-delay: -0.833333333333333s;
}

.lds-spinner div:nth-child(3) {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-animation-delay: -0.75s;
    animation-delay: -0.75s;
}

.lds-spinner div:nth-child(4) {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-animation-delay: -0.666666666666667s;
    animation-delay: -0.666666666666667s;
}

.lds-spinner div:nth-child(5) {
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg);
    -webkit-animation-delay: -0.583333333333333s;
    animation-delay: -0.583333333333333s;
}

.lds-spinner div:nth-child(6) {
    -webkit-transform: rotate(150deg);
    transform: rotate(150deg);
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.lds-spinner div:nth-child(7) {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-animation-delay: -0.416666666666667s;
    animation-delay: -0.416666666666667s;
}

.lds-spinner div:nth-child(8) {
    -webkit-transform: rotate(210deg);
    transform: rotate(210deg);
    -webkit-animation-delay: -0.333333333333333s;
    animation-delay: -0.333333333333333s;
}

.lds-spinner div:nth-child(9) {
    -webkit-transform: rotate(240deg);
    transform: rotate(240deg);
    -webkit-animation-delay: -0.25s;
    animation-delay: -0.25s;
}

.lds-spinner div:nth-child(10) {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-animation-delay: -0.166666666666667s;
    animation-delay: -0.166666666666667s;
}

.lds-spinner div:nth-child(11) {
    -webkit-transform: rotate(300deg);
    transform: rotate(300deg);
    -webkit-animation-delay: -0.083333333333333s;
    animation-delay: -0.083333333333333s;
}

.lds-spinner div:nth-child(12) {
    -webkit-transform: rotate(330deg);
    transform: rotate(330deg);
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.lds-spinner {
    position: fixed;
    top: 0;
    width: 100% !important;
    height: 100% !important;
    -webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
    transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
    background: rgba(0, 0, 0, .2);
}

/*loading图--end--*/

body.homepage .w1210 .focus-us {
    display: none;
}

#fix-top .new.section {
    position: absolute;
    right: -100px;
    width: 100px;
    display: block;
}

#ntalker{
    z-index:10000001;
    position:relative;
}