html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    margin: 0;
}

article, aside, details, figcaption, figure, ectouch_footer, header, hgroup, main, ectouch_menu, ectouch_nav, section, summary {
    display: block;
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}

    audio:not([controls]) {
        display: none;
        height: 0;
    }

[hidden], template {
    display: none;
}

a {
    background-color: transparent;
}

    a:active, a:hover {
        outline: 0;
    }

abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    margin: .67em 0;
    font-size: 2em;
}

mark {
    color: #000;
    background: #ff0;
}

small {
    font-size: 80%;
}

sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    height: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

pre {
    overflow: auto;
}

code, kbd, pre, samp {
    font-family: monospace,monospace;
    font-size: 1em;
}

button, input, optgroup, select, textarea {
    border: 0 none;
    outline: 0 none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    color: #444;
    margin: 0;
    font: inherit;
    color: inherit;
}

button {
    overflow: visible;
}

button, select {
    text-transform: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

    button[disabled], html input[disabled] {
        cursor: default;
    }

    button::-moz-focus-inner, input::-moz-focus-inner {
        padding: 0;
        border: 0;
    }

input {
    line-height: normal;
}

    input[type="checkbox"], input[type="radio"] {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0;
    }

    input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
        height: auto;
    }

    input[type="search"] {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        -webkit-appearance: textfield;
    }

        input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

fieldset {
    padding: .35em .625em .75em;
    margin: 0 2px;
    border: 1px solid #c0c0c0;
}

legend {
    padding: 0;
    border: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-spacing: 0;
    border-collapse: collapse;
}

td, th {
    padding: 0;
}

@media print {
    *, *:before, *:after {
        color: #000 !important;
        text-shadow: none !important;
        background: transparent !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

    a, a:visited {
        text-decoration: underline;
    }

        a[href]:after {
            content: " (" attr(href) ")";
        }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after, a[href^="javascript:"]:after {
        content: "";
    }

    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr, img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }

    h2, h3 {
        page-break-after: avoid;
    }

    .ectouch {
        display: none;
    }

    .btn > .caret, .dropup > .btn > .caret {
        border-top-color: #000 !important;
    }

    .label {
        border: 1px solid #000;
    }

    .table {
        border-collapse: collapse !important;
    }

        .table td, .table th {
            background-color: #fff !important;
        }

    .table-bordered th, .table-bordered td {
        border: 1px solid #ddd !important;
    }
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../fonts/glyphicons-halflings-regular.eot');
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'),url('../fonts/glyphicons-halflings-regular.woff') format('woff'),url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.glyphicon-asterisk:before {
    content: "\2a";
}

.glyphicon-plus:before {
    content: "\2b";
}

.glyphicon-euro:before, .glyphicon-eur:before {
    content: "\20ac";
}

.glyphicon-minus:before {
    content: "\2212";
}

.glyphicon-cloud:before {
    content: "\2601";
}

.glyphicon-envelope:before {
    content: "\2709";
}

.glyphicon-pencil:before {
    content: "\270f";
}

.glyphicon-glass:before {
    content: "\e001";
}

.glyphicon-music:before {
    content: "\e002";
}

.glyphicon-search:before {
    content: "\e003";
}

.glyphicon-heart:before {
    content: "\e005";
}

.glyphicon-star:before {
    content: "\e006";
}

.glyphicon-star-empty:before {
    content: "\e007";
}

.glyphicon-user:before {
    content: "\e008";
}

.glyphicon-film:before {
    content: "\e009";
}

.glyphicon-th-large:before {
    content: "\e010";
}

.glyphicon-th:before {
    content: "\e011";
}

.glyphicon-th-list:before {
    content: "\e012";
}

.glyphicon-ok:before {
    content: "\e013";
}

.glyphicon-remove:before {
    content: "\e014";
}

.glyphicon-zoom-in:before {
    content: "\e015";
}

.glyphicon-zoom-out:before {
    content: "\e016";
}

.glyphicon-off:before {
    content: "\e017";
}

.glyphicon-signal:before {
    content: "\e018";
}

.glyphicon-cog:before {
    content: "\e019";
}

.glyphicon-trash:before {
    content: "\e020";
}

.glyphicon-home:before {
    content: "\e021";
}

.glyphicon-file:before {
    content: "\e022";
}

.glyphicon-time:before {
    content: "\e023";
}

.glyphicon-road:before {
    content: "\e024";
}

.glyphicon-download-alt:before {
    content: "\e025";
}

.glyphicon-download:before {
    content: "\e026";
}

.glyphicon-upload:before {
    content: "\e027";
}

.glyphicon-inbox:before {
    content: "\e028";
}

.glyphicon-play-circle:before {
    content: "\e029";
}

.glyphicon-repeat:before {
    content: "\e030";
}

.glyphicon-refresh:before {
    content: "\e031";
}

.glyphicon-list-alt:before {
    content: "\e032";
}

.glyphicon-lock:before {
    content: "\e033";
}

.glyphicon-flag:before {
    content: "\e034";
}

.glyphicon-headphones:before {
    content: "\e035";
}

.glyphicon-volume-off:before {
    content: "\e036";
}

.glyphicon-volume-down:before {
    content: "\e037";
}

.glyphicon-volume-up:before {
    content: "\e038";
}

.glyphicon-qrcode:before {
    content: "\e039";
}

.glyphicon-barcode:before {
    content: "\e040";
}

.glyphicon-tag:before {
    content: "\e041";
}

.glyphicon-tags:before {
    content: "\e042";
}

.glyphicon-book:before {
    content: "\e043";
}

.glyphicon-bookmark:before {
    content: "\e044";
}

.glyphicon-print:before {
    content: "\e045";
}

.glyphicon-camera:before {
    content: "\e046";
}

.glyphicon-font:before {
    content: "\e047";
}

.glyphicon-bold:before {
    content: "\e048";
}

.glyphicon-italic:before {
    content: "\e049";
}

.glyphicon-text-height:before {
    content: "\e050";
}

.glyphicon-text-width:before {
    content: "\e051";
}

.glyphicon-align-left:before {
    content: "\e052";
}

.glyphicon-align-center:before {
    content: "\e053";
}

.glyphicon-align-right:before {
    content: "\e054";
}

.glyphicon-align-justify:before {
    content: "\e055";
}

.glyphicon-list:before {
    content: "\e056";
}

.glyphicon-indent-left:before {
    content: "\e057";
}

.glyphicon-indent-right:before {
    content: "\e058";
}

.glyphicon-facetime-video:before {
    content: "\e059";
}

.glyphicon-picture:before {
    content: "\e060";
}

.glyphicon-map-marker:before {
    content: "\e062";
}

.glyphicon-adjust:before {
    content: "\e063";
}

.glyphicon-tint:before {
    content: "\e064";
}

.glyphicon-edit:before {
    content: "\e065";
}

.glyphicon-share:before {
    content: "\e066";
}

.glyphicon-check:before {
    content: "\e067";
}

.glyphicon-move:before {
    content: "\e068";
}

.glyphicon-step-backward:before {
    content: "\e069";
}

.glyphicon-fast-backward:before {
    content: "\e070";
}

.glyphicon-backward:before {
    content: "\e071";
}

.glyphicon-play:before {
    content: "\e072";
}

.glyphicon-pause:before {
    content: "\e073";
}

.glyphicon-stop:before {
    content: "\e074";
}

.glyphicon-forward:before {
    content: "\e075";
}

.glyphicon-fast-forward:before {
    content: "\e076";
}

.glyphicon-step-forward:before {
    content: "\e077";
}

.glyphicon-eject:before {
    content: "\e078";
}

.glyphicon-chevron-left:before {
    content: "\e079";
}

.glyphicon-chevron-right:before {
    content: "\e080";
}

.glyphicon-plus-sign:before {
    content: "\e081";
}

.glyphicon-minus-sign:before {
    content: "\e082";
}

.glyphicon-remove-sign:before {
    content: "\e083";
}

.glyphicon-ok-sign:before {
    content: "\e084";
}

.glyphicon-question-sign:before {
    content: "\e085";
}

.glyphicon-info-sign:before {
    content: "\e086";
}

.glyphicon-screenshot:before {
    content: "\e087";
}

.glyphicon-remove-circle:before {
    content: "\e088";
}

.glyphicon-ok-circle:before {
    content: "\e089";
}

.glyphicon-ban-circle:before {
    content: "\e090";
}

.glyphicon-arrow-left:before {
    content: "\e091";
}

.glyphicon-arrow-right:before {
    content: "\e092";
}

.glyphicon-arrow-up:before {
    content: "\e093";
}

.glyphicon-arrow-down:before {
    content: "\e094";
}

.glyphicon-share-alt:before {
    content: "\e095";
}

.glyphicon-resize-full:before {
    content: "\e096";
}

.glyphicon-resize-small:before {
    content: "\e097";
}

.glyphicon-exclamation-sign:before {
    content: "\e101";
}

.glyphicon-gift:before {
    content: "\e102";
}

.glyphicon-leaf:before {
    content: "\e103";
}

.glyphicon-fire:before {
    content: "\e104";
}

.glyphicon-eye-open:before {
    content: "\e105";
}

.glyphicon-eye-close:before {
    content: "\e106";
}

.glyphicon-warning-sign:before {
    content: "\e107";
}

.glyphicon-plane:before {
    content: "\e108";
}

.glyphicon-calendar:before {
    content: "\e109";
}

.glyphicon-random:before {
    content: "\e110";
}

.glyphicon-comment:before {
    content: "\e111";
}

.glyphicon-magnet:before {
    content: "\e112";
}

.glyphicon-chevron-up:before {
    content: "\e113";
}

.glyphicon-chevron-down:before {
    content: "\e114";
}

.glyphicon-retweet:before {
    content: "\e115";
}

.glyphicon-shopping-cart:before {
    content: "\e116";
}

.glyphicon-folder-close:before {
    content: "\e117";
}

.glyphicon-folder-open:before {
    content: "\e118";
}

.glyphicon-resize-vertical:before {
    content: "\e119";
}

.glyphicon-resize-horizontal:before {
    content: "\e120";
}

.glyphicon-hdd:before {
    content: "\e121";
}

.glyphicon-bullhorn:before {
    content: "\e122";
}

.glyphicon-bell:before {
    content: "\e123";
}

.glyphicon-certificate:before {
    content: "\e124";
}

.glyphicon-thumbs-up:before {
    content: "\e125";
}

.glyphicon-thumbs-down:before {
    content: "\e126";
}

.glyphicon-hand-right:before {
    content: "\e127";
}

.glyphicon-hand-left:before {
    content: "\e128";
}

.glyphicon-hand-up:before {
    content: "\e129";
}

.glyphicon-hand-down:before {
    content: "\e130";
}

.glyphicon-circle-arrow-right:before {
    content: "\e131";
}

.glyphicon-circle-arrow-left:before {
    content: "\e132";
}

.glyphicon-circle-arrow-up:before {
    content: "\e133";
}

.glyphicon-circle-arrow-down:before {
    content: "\e134";
}

.glyphicon-globe:before {
    content: "\e135";
}

.glyphicon-wrench:before {
    content: "\e136";
}

.glyphicon-tasks:before {
    content: "\e137";
}

.glyphicon-filter:before {
    content: "\e138";
}

.glyphicon-briefcase:before {
    content: "\e139";
}

.glyphicon-fullscreen:before {
    content: "\e140";
}

.glyphicon-dashboard:before {
    content: "\e141";
}

.glyphicon-paperclip:before {
    content: "\e142";
}

.glyphicon-heart-empty:before {
    content: "\e143";
}

.glyphicon-link:before {
    content: "\e144";
}

.glyphicon-phone:before {
    content: "\e145";
}

.glyphicon-pushpin:before {
    content: "\e146";
}

.glyphicon-usd:before {
    content: "\e148";
}

.glyphicon-gbp:before {
    content: "\e149";
}

.glyphicon-sort:before {
    content: "\e150";
}

.glyphicon-sort-by-alphabet:before {
    content: "\e151";
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152";
}

.glyphicon-sort-by-order:before {
    content: "\e153";
}

.glyphicon-sort-by-order-alt:before {
    content: "\e154";
}

.glyphicon-sort-by-attributes:before {
    content: "\e155";
}

.glyphicon-sort-by-attributes-alt:before {
    content: "\e156";
}

.glyphicon-unchecked:before {
    content: "\e157";
}

.glyphicon-expand:before {
    content: "\e158";
}

.glyphicon-collapse-down:before {
    content: "\e159";
}

.glyphicon-collapse-up:before {
    content: "\e160";
}

.glyphicon-log-in:before {
    content: "\e161";
}

.glyphicon-flash:before {
    content: "\e162";
}

.glyphicon-log-out:before {
    content: "\e163";
}

.glyphicon-new-window:before {
    content: "\e164";
}

.glyphicon-record:before {
    content: "\e165";
}

.glyphicon-save:before {
    content: "\e166";
}

.glyphicon-open:before {
    content: "\e167";
}

.glyphicon-saved:before {
    content: "\e168";
}

.glyphicon-import:before {
    content: "\e169";
}

.glyphicon-export:before {
    content: "\e170";
}

.glyphicon-send:before {
    content: "\e171";
}

.glyphicon-floppy-disk:before {
    content: "\e172";
}

.glyphicon-floppy-saved:before {
    content: "\e173";
}

.glyphicon-floppy-remove:before {
    content: "\e174";
}

.glyphicon-floppy-save:before {
    content: "\e175";
}

.glyphicon-floppy-open:before {
    content: "\e176";
}

.glyphicon-credit-card:before {
    content: "\e177";
}

.glyphicon-transfer:before {
    content: "\e178";
}

.glyphicon-cutlery:before {
    content: "\e179";
}

.glyphicon-header:before {
    content: "\e180";
}

.glyphicon-compressed:before {
    content: "\e181";
}

.glyphicon-earphone:before {
    content: "\e182";
}

.glyphicon-phone-alt:before {
    content: "\e183";
}

.glyphicon-tower:before {
    content: "\e184";
}

.glyphicon-stats:before {
    content: "\e185";
}

.glyphicon-sd-video:before {
    content: "\e186";
}

.glyphicon-hd-video:before {
    content: "\e187";
}

.glyphicon-subtitles:before {
    content: "\e188";
}

.glyphicon-sound-stereo:before {
    content: "\e189";
}

.glyphicon-sound-dolby:before {
    content: "\e190";
}

.glyphicon-sound-5-1:before {
    content: "\e191";
}

.glyphicon-sound-6-1:before {
    content: "\e192";
}

.glyphicon-sound-7-1:before {
    content: "\e193";
}

.glyphicon-copyright-mark:before {
    content: "\e194";
}

.glyphicon-registration-mark:before {
    content: "\e195";
}

.glyphicon-cloud-download:before {
    content: "\e197";
}

.glyphicon-cloud-upload:before {
    content: "\e198";
}

.glyphicon-tree-conifer:before {
    content: "\e199";
}

.glyphicon-tree-deciduous:before {
    content: "\e200";
}

.glyphicon-cd:before {
    content: "\e201";
}

.glyphicon-save-file:before {
    content: "\e202";
}

.glyphicon-open-file:before {
    content: "\e203";
}

.glyphicon-level-up:before {
    content: "\e204";
}

.glyphicon-copy:before {
    content: "\e205";
}

.glyphicon-paste:before {
    content: "\e206";
}

.glyphicon-alert:before {
    content: "\e209";
}

.glyphicon-equalizer:before {
    content: "\e210";
}

.glyphicon-king:before {
    content: "\e211";
}

.glyphicon-queen:before {
    content: "\e212";
}

.glyphicon-pawn:before {
    content: "\e213";
}

.glyphicon-bishop:before {
    content: "\e214";
}

.glyphicon-knight:before {
    content: "\e215";
}

.glyphicon-baby-formula:before {
    content: "\e216";
}

.glyphicon-tent:before {
    content: "\26fa";
}

.glyphicon-blackboard:before {
    content: "\e218";
}

.glyphicon-bed:before {
    content: "\e219";
}

.glyphicon-apple:before {
    content: "\f8ff";
}

.glyphicon-erase:before {
    content: "\e221";
}

.glyphicon-hourglass:before {
    content: "\231b";
}

.glyphicon-lamp:before {
    content: "\e223";
}

.glyphicon-duplicate:before {
    content: "\e224";
}

.glyphicon-piggy-bank:before {
    content: "\e225";
}

.glyphicon-scissors:before {
    content: "\e226";
}

.glyphicon-bitcoin:before {
    content: "\e227";
}

.glyphicon-btc:before {
    content: "\e227";
}

.glyphicon-xbt:before {
    content: "\e227";
}

.glyphicon-yen:before {
    content: "\00a5";
}

.glyphicon-jpy:before {
    content: "\00a5";
}

.glyphicon-ruble:before {
    content: "\20bd";
}

.glyphicon-rub:before {
    content: "\20bd";
}

.glyphicon-scale:before {
    content: "\e230";
}

.glyphicon-ice-lolly:before {
    content: "\e231";
}

.glyphicon-ice-lolly-tasted:before {
    content: "\e232";
}

.glyphicon-education:before {
    content: "\e233";
}

.glyphicon-option-horizontal:before {
    content: "\e234";
}

.glyphicon-option-vertical:before {
    content: "\e235";
}

.glyphicon-ectouch_menu-hamburger:before {
    content: "\e236";
}

.glyphicon-modal-window:before {
    content: "\e237";
}

.glyphicon-oil:before {
    content: "\e238";
}

.glyphicon-grain:before {
    content: "\e239";
}

.glyphicon-sunglasses:before {
    content: "\e240";
}

.glyphicon-text-size:before {
    content: "\e241";
}

.glyphicon-text-color:before {
    content: "\e242";
}

.glyphicon-text-background:before {
    content: "\e243";
}

.glyphicon-object-align-top:before {
    content: "\e244";
}

.glyphicon-object-align-bottom:before {
    content: "\e245";
}

.glyphicon-object-align-horizontal:before {
    content: "\e246";
}

.glyphicon-object-align-left:before {
    content: "\e247";
}

.glyphicon-object-align-vertical:before {
    content: "\e248";
}

.glyphicon-object-align-right:before {
    content: "\e249";
}

.glyphicon-triangle-right:before {
    content: "\e250";
}

.glyphicon-triangle-left:before {
    content: "\e251";
}

.glyphicon-triangle-bottom:before {
    content: "\e252";
}

.glyphicon-triangle-top:before {
    content: "\e253";
}

.glyphicon-console:before {
    content: "\e254";
}

.glyphicon-superscript:before {
    content: "\e255";
}

.glyphicon-subscript:before {
    content: "\e256";
}

.glyphicon-ectouch_menu-left:before {
    content: "\e257";
}

.glyphicon-ectouch_menu-right:before {
    content: "\e258";
}

.glyphicon-ectouch_menu-down:before {
    content: "\e259";
}

.glyphicon-ectouch_menu-up:before {
    content: "\e260";
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    *:before, *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
}

input, button, select, textarea {
    resize: none;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

a {
    color: #30b3eb;
    text-decoration: none;
}

    a:hover, a:focus {
        color: #23527c;
        text-decoration: underline;
    }

    a:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

figure {
    margin: 0;
}

img {
    vertical-align: middle;
}

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    width: 100%;
    height: auto;
}

.img-rounded {
    border-radius: 6px;
}

.img-thumbnail {
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.img-circle {
    border-radius: 50%;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}

[role="button"] {
    cursor: pointer;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}

    h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
        font-weight: normal;
        line-height: 1;
        color: #777;
    }

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}

    h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small {
        font-size: 65%;
    }

h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}

    h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small {
        font-size: 75%;
    }

h1, .h1 {
    font-size: 36px;
}

h2, .h2 {
    font-size: 30px;
}

h3, .h3 {
    font-size: 24px;
}

h4, .h4 {
    font-size: 18px;
}

h5, .h5 {
    font-size: 14px;
}

h6, .h6 {
    font-size: 12px;
}

p {
    margin: 0 0 10px;
}

.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
}

@media (min-width:768px) {
    .lead {
        font-size: 21px;
    }
}

small, .small {
    font-size: 85%;
}

mark, .mark {
    padding: .2em;
    background-color: #fcf8e3;
}

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

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

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

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

.text-nowrap {
    white-space: nowrap;
}

.text-lowercase {
    text-transform: lowercase;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize;
}

.text-muted {
    color: #777;
}

.text-primary {
    color: #30b3eb;
}

a.text-primary:hover, a.text-primary:focus {
    color: #286090;
}

.text-success {
    color: #3c763d;
}

a.text-success:hover, a.text-success:focus {
    color: #2b542c;
}

.text-info {
    color: #31708f;
}

a.text-info:hover, a.text-info:focus {
    color: #245269;
}

.text-warning {
    color: #8a6d3b;
}

a.text-warning:hover, a.text-warning:focus {
    color: #66512c;
}

.text-danger {
    color: #a94442;
}

a.text-danger:hover, a.text-danger:focus {
    color: #843534;
}

.bg-primary {
    color: #fff;
    background-color: #30b3eb;
}

a.bg-primary:hover, a.bg-primary:focus {
    background-color: #286090;
}

.bg-success {
    background-color: #dff0d8;
}

a.bg-success:hover, a.bg-success:focus {
    background-color: #c1e2b3;
}

.bg-info {
    background-color: #d9edf7;
}

a.bg-info:hover, a.bg-info:focus {
    background-color: #afd9ee;
}

.bg-warning {
    background-color: #fcf8e3;
}

a.bg-warning:hover, a.bg-warning:focus {
    background-color: #f7ecb5;
}

.bg-danger {
    background-color: #f2dede;
}

a.bg-danger:hover, a.bg-danger:focus {
    background-color: #e4b9b9;
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee;
}

ul, ol {
    margin-top: 0;
    margin-bottom: 10px;
}

    ul ul, ol ul, ul ol, ol ol {
        margin-bottom: 0;
    }

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.list-inline {
    padding-left: 0;
    margin-left: -5px;
    list-style: none;
}

    .list-inline > li {
        display: inline-block;
        padding-right: 5px;
        padding-left: 5px;
    }

dl {
    margin-top: 0;
    margin-bottom: 20px;
}

dt, dd {
    line-height: 1.42857143;
}

dt {
    font-weight: bold;
}

dd {
    margin-left: 0;
}

@media (min-width:768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        overflow: hidden;
        clear: left;
        text-align: right;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dl-horizontal dd {
        margin-left: 180px;
    }
}

abbr[title], abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #777;
}

.initialism {
    font-size: 90%;
    text-transform: uppercase;
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee;
}

    blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child {
        margin-bottom: 0;
    }

    blockquote ectouch_footer, blockquote small, blockquote .small {
        display: block;
        font-size: 80%;
        line-height: 1.42857143;
        color: #777;
    }

        blockquote ectouch_footer:before, blockquote small:before, blockquote .small:before {
            content: '\2014 \00A0';
        }

    .blockquote-reverse, blockquote.pull-right {
        padding-right: 15px;
        padding-left: 0;
        text-align: right;
        border-right: 5px solid #eee;
        border-left: 0;
    }

        .blockquote-reverse ectouch_footer:before, blockquote.pull-right ectouch_footer:before, .blockquote-reverse small:before, blockquote.pull-right small:before, .blockquote-reverse .small:before, blockquote.pull-right .small:before {
            content: '';
        }

        .blockquote-reverse ectouch_footer:after, blockquote.pull-right ectouch_footer:after, .blockquote-reverse small:after, blockquote.pull-right small:after, .blockquote-reverse .small:after, blockquote.pull-right .small:after {
            content: '\00A0 \2014';
        }

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857143;
}

code, kbd, pre, samp {
    font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px;
}

kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
}

    kbd kbd {
        padding: 0;
        font-size: 100%;
        font-weight: bold;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}

    pre code {
        padding: 0;
        font-size: inherit;
        color: inherit;
        white-space: pre-wrap;
        background-color: transparent;
        border-radius: 0;
    }

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width:768px) {
    .container {
        width: 750px;
    }
}

@media (min-width:992px) {
    .container {
        width: 970px;
    }
}

@media (min-width:1200px) {
    .container {
        width: 1170px;
    }
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.row {
    margin-right: -15px;
    margin-left: -15px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-11 {
    width: 91.66666667%;
}

.col-xs-10 {
    width: 83.33333333%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-8 {
    width: 66.66666667%;
}

.col-xs-7 {
    width: 58.33333333%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-5 {
    width: 41.66666667%;
}

.col-xs-4 {
    width: 33.33333333%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-2 {
    width: 16.66666667%;
}

.col-xs-1 {
    width: 8.33333333%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-pull-11 {
    right: 91.66666667%;
}

.col-xs-pull-10 {
    right: 83.33333333%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-8 {
    right: 66.66666667%;
}

.col-xs-pull-7 {
    right: 58.33333333%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-5 {
    right: 41.66666667%;
}

.col-xs-pull-4 {
    right: 33.33333333%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-2 {
    right: 16.66666667%;
}

.col-xs-pull-1 {
    right: 8.33333333%;
}

.col-xs-pull-0 {
    right: auto;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-push-11 {
    left: 91.66666667%;
}

.col-xs-push-10 {
    left: 83.33333333%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-8 {
    left: 66.66666667%;
}

.col-xs-push-7 {
    left: 58.33333333%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-5 {
    left: 41.66666667%;
}

.col-xs-push-4 {
    left: 33.33333333%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-2 {
    left: 16.66666667%;
}

.col-xs-push-1 {
    left: 8.33333333%;
}

.col-xs-push-0 {
    left: auto;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

.col-xs-offset-11 {
    margin-left: 91.66666667%;
}

.col-xs-offset-10 {
    margin-left: 83.33333333%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-8 {
    margin-left: 66.66666667%;
}

.col-xs-offset-7 {
    margin-left: 58.33333333%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-5 {
    margin-left: 41.66666667%;
}

.col-xs-offset-4 {
    margin-left: 33.33333333%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-2 {
    margin-left: 16.66666667%;
}

.col-xs-offset-1 {
    margin-left: 8.33333333%;
}

.col-xs-offset-0 {
    margin-left: 0;
}

@media (min-width:768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666667%;
    }

    .col-sm-10 {
        width: 83.33333333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }

    .col-sm-pull-12 {
        right: 100%;
    }

    .col-sm-pull-11 {
        right: 91.66666667%;
    }

    .col-sm-pull-10 {
        right: 83.33333333%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-8 {
        right: 66.66666667%;
    }

    .col-sm-pull-7 {
        right: 58.33333333%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-5 {
        right: 41.66666667%;
    }

    .col-sm-pull-4 {
        right: 33.33333333%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-2 {
        right: 16.66666667%;
    }

    .col-sm-pull-1 {
        right: 8.33333333%;
    }

    .col-sm-pull-0 {
        right: auto;
    }

    .col-sm-push-12 {
        left: 100%;
    }

    .col-sm-push-11 {
        left: 91.66666667%;
    }

    .col-sm-push-10 {
        left: 83.33333333%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-8 {
        left: 66.66666667%;
    }

    .col-sm-push-7 {
        left: 58.33333333%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-5 {
        left: 41.66666667%;
    }

    .col-sm-push-4 {
        left: 33.33333333%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-2 {
        left: 16.66666667%;
    }

    .col-sm-push-1 {
        left: 8.33333333%;
    }

    .col-sm-push-0 {
        left: auto;
    }

    .col-sm-offset-12 {
        margin-left: 100%;
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-sm-offset-0 {
        margin-left: 0;
    }
}

@media (min-width:992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.66666667%;
    }

    .col-md-10 {
        width: 83.33333333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.66666667%;
    }

    .col-md-7 {
        width: 58.33333333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66666667%;
    }

    .col-md-4 {
        width: 33.33333333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.66666667%;
    }

    .col-md-1 {
        width: 8.33333333%;
    }

    .col-md-pull-12 {
        right: 100%;
    }

    .col-md-pull-11 {
        right: 91.66666667%;
    }

    .col-md-pull-10 {
        right: 83.33333333%;
    }

    .col-md-pull-9 {
        right: 75%;
    }

    .col-md-pull-8 {
        right: 66.66666667%;
    }

    .col-md-pull-7 {
        right: 58.33333333%;
    }

    .col-md-pull-6 {
        right: 50%;
    }

    .col-md-pull-5 {
        right: 41.66666667%;
    }

    .col-md-pull-4 {
        right: 33.33333333%;
    }

    .col-md-pull-3 {
        right: 25%;
    }

    .col-md-pull-2 {
        right: 16.66666667%;
    }

    .col-md-pull-1 {
        right: 8.33333333%;
    }

    .col-md-pull-0 {
        right: auto;
    }

    .col-md-push-12 {
        left: 100%;
    }

    .col-md-push-11 {
        left: 91.66666667%;
    }

    .col-md-push-10 {
        left: 83.33333333%;
    }

    .col-md-push-9 {
        left: 75%;
    }

    .col-md-push-8 {
        left: 66.66666667%;
    }

    .col-md-push-7 {
        left: 58.33333333%;
    }

    .col-md-push-6 {
        left: 50%;
    }

    .col-md-push-5 {
        left: 41.66666667%;
    }

    .col-md-push-4 {
        left: 33.33333333%;
    }

    .col-md-push-3 {
        left: 25%;
    }

    .col-md-push-2 {
        left: 16.66666667%;
    }

    .col-md-push-1 {
        left: 8.33333333%;
    }

    .col-md-push-0 {
        left: auto;
    }

    .col-md-offset-12 {
        margin-left: 100%;
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-md-offset-0 {
        margin-left: 0;
    }
}

@media (min-width:1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
    }

    .col-lg-12 {
        width: 100%;
    }

    .col-lg-11 {
        width: 91.66666667%;
    }

    .col-lg-10 {
        width: 83.33333333%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-8 {
        width: 66.66666667%;
    }

    .col-lg-7 {
        width: 58.33333333%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-5 {
        width: 41.66666667%;
    }

    .col-lg-4 {
        width: 33.33333333%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-2 {
        width: 16.66666667%;
    }

    .col-lg-1 {
        width: 8.33333333%;
    }

    .col-lg-pull-12 {
        right: 100%;
    }

    .col-lg-pull-11 {
        right: 91.66666667%;
    }

    .col-lg-pull-10 {
        right: 83.33333333%;
    }

    .col-lg-pull-9 {
        right: 75%;
    }

    .col-lg-pull-8 {
        right: 66.66666667%;
    }

    .col-lg-pull-7 {
        right: 58.33333333%;
    }

    .col-lg-pull-6 {
        right: 50%;
    }

    .col-lg-pull-5 {
        right: 41.66666667%;
    }

    .col-lg-pull-4 {
        right: 33.33333333%;
    }

    .col-lg-pull-3 {
        right: 25%;
    }

    .col-lg-pull-2 {
        right: 16.66666667%;
    }

    .col-lg-pull-1 {
        right: 8.33333333%;
    }

    .col-lg-pull-0 {
        right: auto;
    }

    .col-lg-push-12 {
        left: 100%;
    }

    .col-lg-push-11 {
        left: 91.66666667%;
    }

    .col-lg-push-10 {
        left: 83.33333333%;
    }

    .col-lg-push-9 {
        left: 75%;
    }

    .col-lg-push-8 {
        left: 66.66666667%;
    }

    .col-lg-push-7 {
        left: 58.33333333%;
    }

    .col-lg-push-6 {
        left: 50%;
    }

    .col-lg-push-5 {
        left: 41.66666667%;
    }

    .col-lg-push-4 {
        left: 33.33333333%;
    }

    .col-lg-push-3 {
        left: 25%;
    }

    .col-lg-push-2 {
        left: 16.66666667%;
    }

    .col-lg-push-1 {
        left: 8.33333333%;
    }

    .col-lg-push-0 {
        left: auto;
    }

    .col-lg-offset-12 {
        margin-left: 100%;
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-lg-offset-9 {
        margin-left: 75%;
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-lg-offset-6 {
        margin-left: 50%;
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-lg-offset-3 {
        margin-left: 25%;
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-lg-offset-0 {
        margin-left: 0;
    }
}

table {
    background-color: transparent;
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: left;
}

th {
    text-align: left;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

    .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 1px solid #ddd;
    }

    .table > thead > tr > th {
        vertical-align: bottom;
        border-bottom: 2px solid #ddd;
    }

    .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
        border-top: 0;
    }

    .table > tbody + tbody {
        border-top: 2px solid #ddd;
    }

    .table .table {
        background-color: #fff;
    }

.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
    padding: 5px;
}

.table-bordered {
    border: 1px solid #ddd;
}

    .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
        border: 1px solid #ddd;
    }

    .table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
        border-bottom-width: 2px;
    }

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover {
    background-color: #f5f5f5;
}

table col[class*="col-"] {
    position: static;
    display: table-column;
    float: none;
}

table td[class*="col-"], table th[class*="col-"] {
    position: static;
    display: table-cell;
    float: none;
}

.table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th {
    background-color: #f5f5f5;
}

.table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th {
    background-color: #e8e8e8;
}

.table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th {
    background-color: #dff0d8;
}

.table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th {
    background-color: #d0e9c6;
}

.table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th {
    background-color: #d9edf7;
}

.table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th {
    background-color: #c4e3f3;
}

.table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th {
    background-color: #fcf8e3;
}

.table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th {
    background-color: #faf2cc;
}

.table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th {
    background-color: #f2dede;
}

.table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th {
    background-color: #ebcccc;
}

.table-responsive {
    min-height: .01%;
    overflow-x: auto;
}

@media screen and (max-width:767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }

        .table-responsive > .table {
            margin-bottom: 0;
        }

            .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {
                white-space: nowrap;
            }

        .table-responsive > .table-bordered {
            border: 0;
        }

            .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child {
                border-left: 0;
            }

            .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child {
                border-right: 0;
            }

            .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td {
                border-bottom: 0;
            }
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
}

input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type="radio"], input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}

input[type="file"] {
    display: block;
}

input[type="range"] {
    display: block;
    width: 100%;
}

select[multiple], select[size] {
    height: auto;
}

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

    .form-control:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    }

    .form-control::-moz-placeholder {
        color: #999;
        opacity: 1;
    }

    .form-control:-ms-input-placeholder {
        color: #999;
    }

    .form-control::-webkit-input-placeholder {
        color: #999;
    }

    .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
        background-color: #eee;
        opacity: 1;
    }

    .form-control[disabled], fieldset[disabled] .form-control {
        cursor: not-allowed;
    }

textarea.form-control {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: none;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control {
        line-height: 34px;
    }

    input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm, .input-group-sm input[type="date"], .input-group-sm input[type="time"], .input-group-sm input[type="datetime-local"], .input-group-sm input[type="month"] {
        line-height: 30px;
    }

    input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg, .input-group-lg input[type="date"], .input-group-lg input[type="time"], .input-group-lg input[type="datetime-local"], .input-group-lg input[type="month"] {
        line-height: 46px;
    }
}

.form-group {
    margin-bottom: 15px;
}

.radio, .checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .radio label, .checkbox label {
        min-height: 20px;
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: normal;
        cursor: pointer;
    }

    .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
        position: absolute;
        margin-top: 4px \9;
        margin-left: -20px;
    }

    .radio + .radio, .checkbox + .checkbox {
        margin-top: -5px;
    }

.radio-inline, .checkbox-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    vertical-align: middle;
    cursor: pointer;
}

    .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
        margin-top: 0;
        margin-left: 10px;
    }

input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="checkbox"].disabled, fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] {
    cursor: not-allowed;
}

.radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline {
    cursor: not-allowed;
}

.radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label {
    cursor: not-allowed;
}

.form-control-static {
    min-height: 34px;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
}

    .form-control-static.input-lg, .form-control-static.input-sm {
        padding-right: 0;
        padding-left: 0;
    }

.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

select.input-sm {
    height: 30px;
    line-height: 30px;
}

textarea.input-sm, select[multiple].input-sm {
    height: auto;
}

.form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.form-group-sm select.form-control {
    height: 30px;
    line-height: 30px;
}

.form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control {
    height: auto;
}

.form-group-sm .form-control-static {
    height: 30px;
    min-height: 32px;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 1.5;
}

.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

select.input-lg {
    height: 46px;
    line-height: 46px;
}

textarea.input-lg, select[multiple].input-lg {
    height: auto;
}

.form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

.form-group-lg select.form-control {
    height: 46px;
    line-height: 46px;
}

.form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control {
    height: auto;
}

.form-group-lg .form-control-static {
    height: 46px;
    min-height: 38px;
    padding: 11px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}

.has-feedback {
    position: relative;
}

    .has-feedback .form-control {
        padding-right: 42.5px;
    }

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
}

.input-lg + .form-control-feedback, .input-group-lg + .form-control-feedback, .form-group-lg .form-control + .form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px;
}

.input-sm + .form-control-feedback, .input-group-sm + .form-control-feedback, .form-group-sm .form-control + .form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
    color: #3c763d;
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

    .has-success .form-control:focus {
        border-color: #2b542c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;
    }

.has-success .input-group-addon {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #3c763d;
}

.has-success .form-control-feedback {
    color: #3c763d;
}

.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {
    color: #8a6d3b;
}

.has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

    .has-warning .form-control:focus {
        border-color: #66512c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;
    }

.has-warning .input-group-addon {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #8a6d3b;
}

.has-warning .form-control-feedback {
    color: #8a6d3b;
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
    color: #a94442;
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

    .has-error .form-control:focus {
        border-color: #843534;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
    }

.has-error .input-group-addon {
    color: #a94442;
    background-color: #f2dede;
    border-color: #a94442;
}

.has-error .form-control-feedback {
    color: #a94442;
}

.has-feedback label ~ .form-control-feedback {
    top: 25px;
}

.has-feedback label.sr-only ~ .form-control-feedback {
    top: 0;
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373;
}

@media (min-width:768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .form-inline .form-control-static {
        display: inline-block;
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle;
    }

        .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control {
            width: auto;
        }

        .form-inline .input-group > .form-control {
            width: 100%;
        }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .radio, .form-inline .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }

        .form-inline .radio label, .form-inline .checkbox label {
            padding-left: 0;
        }

        .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] {
            position: relative;
            margin-left: 0;
        }

    .form-inline .has-feedback .form-control-feedback {
        top: 0;
    }
}

.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
    padding-top: 7px;
    margin-top: 0;
    margin-bottom: 0;
}

.form-horizontal .radio, .form-horizontal .checkbox {
    min-height: 27px;
}

.form-horizontal .form-group {
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width:768px) {
    .form-horizontal .control-label {
        padding-top: 7px;
        margin-bottom: 0;
        text-align: right;
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 15px;
}

@media (min-width:768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 14.333333px;
        font-size: 18px;
    }
}

@media (min-width:768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px;
        font-size: 12px;
    }
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

    .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    .btn:hover, .btn:focus, .btn.focus {
        color: #333;
        text-decoration: none;
    }

    .btn:active, .btn.active {
        background-image: none;
        outline: 0;
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
        box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    }

    .btn.disabled, .btn[disabled], fieldset[disabled] .btn {
        cursor: not-allowed;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: .65;
    }

a.btn.disabled, fieldset[disabled] a.btn {
    pointer-events: none;
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

    .btn-default:focus, .btn-default.focus {
        color: #333;
        background-color: #e6e6e6;
        border-color: #8c8c8c;
    }

    .btn-default:hover {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad;
    }

    .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad;
    }

        .btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus {
            color: #333;
            background-color: #d4d4d4;
            border-color: #8c8c8c;
        }

    .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
        background-image: none;
    }

    .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active {
        background-color: #fff;
        border-color: #ccc;
    }

    .btn-default .badge {
        color: #fff;
        background-color: #333;
    }

.btn-primary {
    color: #fff;
    background-color: #30b3eb;
    border-color: none;
}

    .btn-primary:focus, .btn-primary.focus {
        color: #fff;
        background-color: #286090;
        border-color: none;
    }

    .btn-primary:hover {
        color: #fff;
        background-color: #286090;
        border-color: #204d74;
    }

    .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #286090;
        border-color: #204d74;
    }

        .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
            color: #fff;
            background-color: #204d74;
            border-color: #122b40;
        }

    .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
        background-image: none;
    }

    .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
        background-color: #30b3eb;
        border-color: #2e6da4;
    }

    .btn-primary .badge {
        color: #30b3eb;
        background-color: #fff;
    }

.btn-success {
    font-size: 1.6rem;
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
    width: 100%;
}

    .btn-success:focus, .btn-success.focus {
        color: #fff;
        background-color: #449d44;
        border-color: #255625;
    }

    .btn-success:hover {
        color: #fff;
        background-color: #449d44;
        border-color: #398439;
    }

    .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
        color: #fff;
        background-color: #449d44;
        border-color: #398439;
        width: 100%;
    }

        .btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus {
            color: #fff;
            background-color: #398439;
            border-color: #255625;
        }

    .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
        background-image: none;
    }

    .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active {
        background-color: #5cb85c;
        border-color: #4cae4c;
    }

    .btn-success .badge {
        color: #5cb85c;
        background-color: #fff;
    }

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

    .btn-info:focus, .btn-info.focus {
        color: #fff;
        background-color: #31b0d5;
        border-color: #1b6d85;
    }

    .btn-info:hover {
        color: #fff;
        background-color: #31b0d5;
        border-color: #269abc;
    }

    .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
        color: #fff;
        background-color: #31b0d5;
        border-color: #269abc;
    }

        .btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus {
            color: #fff;
            background-color: #269abc;
            border-color: #1b6d85;
        }

    .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
        background-image: none;
    }

    .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active {
        background-color: #5bc0de;
        border-color: #46b8da;
    }

    .btn-info .badge {
        color: #5bc0de;
        background-color: #fff;
    }

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

    .btn-warning:focus, .btn-warning.focus {
        color: #fff;
        background-color: #ec971f;
        border-color: #985f0d;
    }

    .btn-warning:hover {
        color: #fff;
        background-color: #ec971f;
        border-color: #d58512;
    }

    .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
        color: #fff;
        background-color: #ec971f;
        border-color: #d58512;
    }

        .btn-warning:active:hover, .btn-warning.active:hover, .open > .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open > .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open > .dropdown-toggle.btn-warning.focus {
            color: #fff;
            background-color: #d58512;
            border-color: #985f0d;
        }

    .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
        background-image: none;
    }

    .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active {
        background-color: #f0ad4e;
        border-color: #eea236;
    }

    .btn-warning .badge {
        color: #f0ad4e;
        background-color: #fff;
    }

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

    .btn-danger:focus, .btn-danger.focus {
        color: #fff;
        background-color: #c9302c;
        border-color: #761c19;
    }

    .btn-danger:hover {
        color: #fff;
        background-color: #c9302c;
        border-color: #ac2925;
    }

    .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
        color: #fff;
        background-color: #c9302c;
        border-color: #ac2925;
    }

        .btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus {
            color: #fff;
            background-color: #ac2925;
            border-color: #761c19;
        }

    .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
        background-image: none;
    }

    .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active {
        background-color: #d9534f;
        border-color: #d43f3a;
    }

    .btn-danger .badge {
        color: #d9534f;
        background-color: #fff;
    }

.btn-link {
    font-weight: normal;
    color: #30b3eb;
    border-radius: 0;
}

    .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
            border-color: transparent;
        }

            .btn-link:hover, .btn-link:focus {
                color: #23527c;
                text-decoration: underline;
                background-color: transparent;
            }

            .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus {
                color: #777;
                text-decoration: none;
            }

.btn-lg, .btn-group-lg > .btn {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

.btn-sm, .btn-group-sm > .btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-xs, .btn-group-xs > .btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-block {
    display: block;
    width: 100%;
}

    .btn-block + .btn-block {
        margin-top: 5px;
    }

input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
    width: 100%;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

    .fade.in {
        opacity: 1;
    }

.collapse {
    display: none;
}

    .collapse.in {
        display: block;
    }

tr.collapse.in {
    display: table-row;
}

tbody.collapse.in {
    display: table-row-group;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: height,visibility;
    -o-transition-property: height,visibility;
    transition-property: height,visibility;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.dropup, .dropdown {
    position: relative;
}

.dropdown-toggle:focus {
    outline: 0;
}

.dropdown-ectouch_menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

    .dropdown-ectouch_menu.pull-right {
        right: 0;
        left: auto;
    }

    .dropdown-ectouch_menu .divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5;
    }

    .dropdown-ectouch_menu > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap;
    }

        .dropdown-ectouch_menu > li > a:hover, .dropdown-ectouch_menu > li > a:focus {
            color: #262626;
            text-decoration: none;
            background-color: #f5f5f5;
        }

    .dropdown-ectouch_menu > .active > a, .dropdown-ectouch_menu > .active > a:hover, .dropdown-ectouch_menu > .active > a:focus {
        color: #fff;
        text-decoration: none;
        background-color: #30b3eb;
        outline: 0;
    }

    .dropdown-ectouch_menu > .disabled > a, .dropdown-ectouch_menu > .disabled > a:hover, .dropdown-ectouch_menu > .disabled > a:focus {
        color: #777;
    }

        .dropdown-ectouch_menu > .disabled > a:hover, .dropdown-ectouch_menu > .disabled > a:focus {
            text-decoration: none;
            cursor: not-allowed;
            background-color: transparent;
            background-image: none;
            filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
        }

.open > .dropdown-ectouch_menu {
    display: block;
}

.open > a {
    outline: 0;
}

.dropdown-ectouch_menu-right {
    right: 0;
    left: auto;
}

.dropdown-ectouch_menu-left {
    right: auto;
    left: 0;
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap;
}

.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990;
}

.pull-right > .dropdown-ectouch_menu {
    right: 0;
    left: auto;
}

.dropup .caret, .ectouch-fixed-bottom .dropdown .caret {
    content: "";
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid; \9
}

.dropup .dropdown-ectouch_menu, .ectouch-fixed-bottom .dropdown .dropdown-ectouch_menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px;
}

@media (min-width:768px) {
    .ectouch-right .dropdown-ectouch_menu {
        right: 0;
        left: auto;
    }

    .ectouch-right .dropdown-ectouch_menu-left {
        right: auto;
        left: 0;
    }
}

.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

    .btn-group > .btn, .btn-group-vertical > .btn {
        position: relative;
        float: left;
    }

        .btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active {
            z-index: 2;
        }

    .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
        margin-left: -1px;
    }

.btn-toolbar {
    margin-left: -5px;
}

    .btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group {
        float: left;
    }

    .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group {
        margin-left: 5px;
    }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
}

.btn-group > .btn:first-child {
    margin-left: 0;
}

    .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group > .btn-group {
    float: left;
}

    .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
        border-radius: 0;
    }

    .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
    outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
    padding-right: 8px;
    padding-left: 8px;
}

.btn-group > .btn-lg + .dropdown-toggle {
    padding-right: 12px;
    padding-left: 12px;
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}

    .btn-group.open .dropdown-toggle.btn-link {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.btn .caret {
    margin-left: 0;
}

.btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0;
}

.dropup .btn-lg .caret {
    border-width: 0 5px 5px;
}

.btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
}

    .btn-group-vertical > .btn-group > .btn {
        float: none;
    }

    .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group {
        margin-top: -1px;
        margin-left: 0;
    }

    .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
        border-radius: 0;
    }

    .btn-group-vertical > .btn:first-child:not(:last-child) {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .btn-group-vertical > .btn:last-child:not(:first-child) {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 4px;
    }

    .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
        border-radius: 0;
    }

    .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
}

    .btn-group-justified > .btn, .btn-group-justified > .btn-group {
        display: table-cell;
        float: none;
        width: 1%;
    }

        .btn-group-justified > .btn-group .btn {
            width: 100%;
        }

        .btn-group-justified > .btn-group .dropdown-ectouch_menu {
            left: auto;
        }

[data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none;
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

    .input-group[class*="col-"] {
        float: none;
        padding-right: 0;
        padding-left: 0;
    }

    .input-group .form-control {
        position: relative;
        z-index: 2;
        float: left;
        width: 100%;
        margin-bottom: 0;
    }

.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn {
    height: 46px;
    line-height: 46px;
}

textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn, select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn {
    height: auto;
}

.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn {
    height: 30px;
    line-height: 30px;
}

textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn, select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn {
    height: auto;
}

.input-group-addon, .input-group-btn, .input-group .form-control {
    display: table-cell;
}

    .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) {
        border-radius: 0;
    }

.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
}

    .input-group-addon.input-sm {
        padding: 5px 10px;
        font-size: 12px;
        border-radius: 3px;
    }

    .input-group-addon.input-lg {
        padding: 10px 16px;
        font-size: 18px;
        border-radius: 6px;
    }

    .input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] {
        margin-top: 0;
    }

    .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .input-group-addon:first-child {
        border-right: 0;
    }

    .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .input-group-addon:last-child {
        border-left: 0;
    }

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}

    .input-group-btn > .btn {
        position: relative;
    }

        .input-group-btn > .btn + .btn {
            margin-left: -1px;
        }

        .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
            z-index: 2;
        }

    .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group {
        margin-right: -1px;
    }

    .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
        z-index: 2;
        margin-left: -1px;
    }

.ectouch_nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

    .ectouch_nav > li {
        position: relative;
    }

        .ectouch_nav > li > a {
            position: relative;
            display: block;
            padding: 10px 13px;
        }

            .ectouch_nav > li > a:hover, .ectouch_nav > li > a:focus {
                text-decoration: none;
                background-color: #eee;
            }

        .ectouch_nav > li.disabled > a {
            color: #777;
        }

            .ectouch_nav > li.disabled > a:hover, .ectouch_nav > li.disabled > a:focus {
                color: #777;
                text-decoration: none;
                cursor: not-allowed;
                background-color: transparent;
            }

    .ectouch_nav .open > a, .ectouch_nav .open > a:hover, .ectouch_nav .open > a:focus {
        background-color: #eee;
        border-color: #30b3eb;
    }

    .ectouch_nav .ectouch_nav-divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5;
    }

    .ectouch_nav > li > a > img {
        max-width: none;
    }

.ectouch_nav-tabs {
    border-bottom: 1px solid #ddd;
}

    .ectouch_nav-tabs > li {
        float: left;
        margin-bottom: -1px;
    }

        .ectouch_nav-tabs > li > a {
            margin-right: 2px;
            line-height: 1.42857143;
            border: 1px solid transparent;
            border-radius: 4px 4px 0 0;
        }

            .ectouch_nav-tabs > li > a:hover {
                border-color: #eee #eee #ddd;
            }

        .ectouch_nav-tabs > li.active > a, .ectouch_nav-tabs > li.active > a:hover, .ectouch_nav-tabs > li.active > a:focus {
            color: #555;
            cursor: default;
            background-color: #fff;
            border: 1px solid #ddd;
            border-bottom-color: transparent;
        }

    .ectouch_nav-tabs.ectouch_nav-justified {
        width: 100%;
        border-bottom: 0;
    }

        .ectouch_nav-tabs.ectouch_nav-justified > li {
            float: none;
        }

            .ectouch_nav-tabs.ectouch_nav-justified > li > a {
                margin-bottom: 5px;
                text-align: center;
            }

        .ectouch_nav-tabs.ectouch_nav-justified > .dropdown .dropdown-ectouch_menu {
            top: auto;
            left: auto;
        }

@media (min-width:768px) {
    .ectouch_nav-tabs.ectouch_nav-justified > li {
        display: table-cell;
        width: 1%;
    }

        .ectouch_nav-tabs.ectouch_nav-justified > li > a {
            margin-bottom: 0;
        }
}

.ectouch_nav-tabs.ectouch_nav-justified > li > a {
    margin-right: 0;
    border-radius: 4px;
}

.ectouch_nav-tabs.ectouch_nav-justified > .active > a, .ectouch_nav-tabs.ectouch_nav-justified > .active > a:hover, .ectouch_nav-tabs.ectouch_nav-justified > .active > a:focus {
    border: 1px solid #ddd;
}

@media (min-width:768px) {
    .ectouch_nav-tabs.ectouch_nav-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0;
    }

    .ectouch_nav-tabs.ectouch_nav-justified > .active > a, .ectouch_nav-tabs.ectouch_nav-justified > .active > a:hover, .ectouch_nav-tabs.ectouch_nav-justified > .active > a:focus {
        border-bottom-color: #fff;
    }
}

.ectouch_nav-pills > li {
    float: left;
}

    .ectouch_nav-pills > li > a {
        border-radius: 4px;
    }

    .ectouch_nav-pills > li + li {
        margin-left: 2px;
    }

    .ectouch_nav-pills > li.active > a, .ectouch_nav-pills > li.active > a:hover, .ectouch_nav-pills > li.active > a:focus {
        color: #fff;
        background-color: #30b3eb;
    }

.ectouch_nav-stacked > li {
    float: none;
}

    .ectouch_nav-stacked > li + li {
        margin-top: 2px;
        margin-left: 0;
    }

.ectouch_nav-justified {
    width: 100%;
}

    .ectouch_nav-justified > li {
        float: none;
    }

        .ectouch_nav-justified > li > a {
            margin-bottom: 5px;
            text-align: center;
        }

    .ectouch_nav-justified > .dropdown .dropdown-ectouch_menu {
        top: auto;
        left: auto;
    }

@media (min-width:768px) {
    .ectouch_nav-justified > li {
        display: table-cell;
        width: 1%;
    }

        .ectouch_nav-justified > li > a {
            margin-bottom: 0;
        }
}

.ectouch_nav-tabs-justified {
    border-bottom: 0;
}

    .ectouch_nav-tabs-justified > li > a {
        margin-right: 0;
        border-radius: 4px;
    }

    .ectouch_nav-tabs-justified > .active > a, .ectouch_nav-tabs-justified > .active > a:hover, .ectouch_nav-tabs-justified > .active > a:focus {
        border: 1px solid #ddd;
    }

@media (min-width:768px) {
    .ectouch_nav-tabs-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0;
    }

    .ectouch_nav-tabs-justified > .active > a, .ectouch_nav-tabs-justified > .active > a:hover, .ectouch_nav-tabs-justified > .active > a:focus {
        border-bottom-color: #fff;
    }
}

.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active {
    display: block;
}

.ectouch_nav-tabs .dropdown-ectouch_menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.ectouch {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent;
}

@media (min-width:768px) {
    .ectouch {
        border-radius: 4px;
    }
}

@media (min-width:768px) {
    .ectouch-header {
        float: left;
    }
}

.ectouch-collapse {
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
}

    .ectouch-collapse.in {
        overflow-y: auto;
    }

@media (min-width:768px) {
    .ectouch-collapse {
        width: auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .ectouch-collapse.collapse {
            display: block !important;
            height: auto !important;
            padding-bottom: 0;
            overflow: visible !important;
        }

        .ectouch-collapse.in {
            overflow-y: visible;
        }

    .ectouch-fixed-top .ectouch-collapse, .ectouch-static-top .ectouch-collapse, .ectouch-fixed-bottom .ectouch-collapse {
        padding-right: 0;
        padding-left: 0;
    }
}

.ectouch-fixed-top .ectouch-collapse, .ectouch-fixed-bottom .ectouch-collapse {
    max-height: 340px;
}

@media (max-device-width:480px) and (orientation:landscape) {
    .ectouch-fixed-top .ectouch-collapse, .ectouch-fixed-bottom .ectouch-collapse {
        max-height: 200px;
    }
}

.container > .ectouch-header, .container-fluid > .ectouch-header, .container > .ectouch-collapse, .container-fluid > .ectouch-collapse {
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width:768px) {
    .container > .ectouch-header, .container-fluid > .ectouch-header, .container > .ectouch-collapse, .container-fluid > .ectouch-collapse {
        margin-right: 0;
        margin-left: 0;
    }
}

.ectouch-static-top {
    z-index: 1000;
    border-width: 0 0 1px;
}

@media (min-width:768px) {
    .ectouch-static-top {
        border-radius: 0;
    }
}

.ectouch-fixed-top, .ectouch-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
}

@media (min-width:768px) {
    .ectouch-fixed-top, .ectouch-fixed-bottom {
        border-radius: 0;
    }
}

.ectouch-fixed-top {
    top: 0;
    border-width: 0 0 1px;
}

.ectouch-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0;
}

.ectouch-brand {
    float: left;
    height: 50px;
    padding: 12px 15px;
    font-size: 18px;
    line-height: 20px;
}

    .ectouch-brand:hover, .ectouch-brand:focus {
        text-decoration: none;
    }

    .ectouch-brand > img {
        display: block;
    }

@media (min-width:768px) {
    .ectouch > .container .ectouch-brand, .ectouch > .container-fluid .ectouch-brand {
        margin-left: -15px;
    }
}

.ectouch-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

    .ectouch-toggle:focus {
        outline: 0;
    }

    .ectouch-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
    }

        .ectouch-toggle .icon-bar + .icon-bar {
            margin-top: 4px;
        }

@media (min-width:768px) {
    .ectouch-toggle {
        display: none;
    }
}

.ectouch-ectouch_nav {
    margin: 7.5px -15px;
}

    .ectouch-ectouch_nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 20px;
    }

@media (max-width:767px) {
    .ectouch-ectouch_nav .open .dropdown-ectouch_menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .ectouch-ectouch_nav .open .dropdown-ectouch_menu > li > a, .ectouch-ectouch_nav .open .dropdown-ectouch_menu .dropdown-header {
            padding: 5px 15px 5px 25px;
        }

        .ectouch-ectouch_nav .open .dropdown-ectouch_menu > li > a {
            line-height: 20px;
        }

            .ectouch-ectouch_nav .open .dropdown-ectouch_menu > li > a:hover, .ectouch-ectouch_nav .open .dropdown-ectouch_menu > li > a:focus {
                background-image: none;
            }
}

@media (min-width:768px) {
    .ectouch-ectouch_nav {
        float: left;
        margin: 0;
    }

        .ectouch-ectouch_nav > li {
            float: left;
        }

            .ectouch-ectouch_nav > li > a {
                padding-top: 15px;
                padding-bottom: 15px;
            }
}

.ectouch-form {
    padding: 10px 15px;
    margin-top: 8px;
    margin-right: -15px;
    margin-bottom: 8px;
    margin-left: -15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
}

@media (min-width:768px) {
    .ectouch-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .ectouch-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .ectouch-form .form-control-static {
        display: inline-block;
    }

    .ectouch-form .input-group {
        display: inline-table;
        vertical-align: middle;
    }

        .ectouch-form .input-group .input-group-addon, .ectouch-form .input-group .input-group-btn, .ectouch-form .input-group .form-control {
            width: auto;
        }

        .ectouch-form .input-group > .form-control {
            width: 100%;
        }

    .ectouch-form .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }

    .ectouch-form .radio, .ectouch-form .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }

        .ectouch-form .radio label, .ectouch-form .checkbox label {
            padding-left: 0;
        }

        .ectouch-form .radio input[type="radio"], .ectouch-form .checkbox input[type="checkbox"] {
            position: relative;
            margin-left: 0;
        }

    .ectouch-form .has-feedback .form-control-feedback {
        top: 0;
    }
}

@media (max-width:767px) {
    .ectouch-form .form-group {
        margin-bottom: 5px;
    }

        .ectouch-form .form-group:last-child {
            margin-bottom: 0;
        }
}

@media (min-width:768px) {
    .ectouch-form {
        width: auto;
        padding-top: 0;
        padding-bottom: 0;
        margin-right: 0;
        margin-left: 0;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

.ectouch-ectouch_nav > li > .dropdown-ectouch_menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.ectouch-fixed-bottom .ectouch-ectouch_nav > li > .dropdown-ectouch_menu {
    margin-bottom: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.ectouch-btn {
    margin-top: 8px;
    margin-bottom: 8px;
}

    .ectouch-btn.btn-sm {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .ectouch-btn.btn-xs {
        margin-top: 14px;
        margin-bottom: 14px;
    }

.ectouch-text {
    margin-top: 15px;
    margin-bottom: 15px;
}

@media (min-width:768px) {
    .ectouch-text {
        float: left;
        margin-right: 15px;
        margin-left: 15px;
    }
}

@media (min-width:768px) {
    .ectouch-left {
        float: left !important;
    }

    .ectouch-right {
        float: right !important;
        margin-right: -15px;
    }

        .ectouch-right ~ .ectouch-right {
            margin-right: 0;
        }
}

.ectouch-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
}

    .ectouch-default .ectouch-brand {
        color: #777;
    }

        .ectouch-default .ectouch-brand:hover, .ectouch-default .ectouch-brand:focus {
            color: #5e5e5e;
            background-color: transparent;
        }

    .ectouch-default .ectouch-text {
        color: #777;
    }

    .ectouch-default .ectouch-ectouch_nav > li > a {
        color: #777;
    }

        .ectouch-default .ectouch-ectouch_nav > li > a:hover, .ectouch-default .ectouch-ectouch_nav > li > a:focus {
            color: #333;
            background-color: transparent;
        }

    .ectouch-default .ectouch-ectouch_nav > .active > a, .ectouch-default .ectouch-ectouch_nav > .active > a:hover, .ectouch-default .ectouch-ectouch_nav > .active > a:focus {
        color: #555;
        background-color: #e7e7e7;
    }

    .ectouch-default .ectouch-ectouch_nav > .disabled > a, .ectouch-default .ectouch-ectouch_nav > .disabled > a:hover, .ectouch-default .ectouch-ectouch_nav > .disabled > a:focus {
        color: #ccc;
        background-color: transparent;
    }

    .ectouch-default .ectouch-toggle {
        border-color: #ddd;
    }

        .ectouch-default .ectouch-toggle:hover, .ectouch-default .ectouch-toggle:focus {
            background-color: #ddd;
        }

        .ectouch-default .ectouch-toggle .icon-bar {
            background-color: #888;
        }

    .ectouch-default .ectouch-collapse, .ectouch-default .ectouch-form {
        border-color: #e7e7e7;
    }

    .ectouch-default .ectouch-ectouch_nav > .open > a, .ectouch-default .ectouch-ectouch_nav > .open > a:hover, .ectouch-default .ectouch-ectouch_nav > .open > a:focus {
        color: #555;
        background-color: #e7e7e7;
    }

@media (max-width:767px) {
    .ectouch-default .ectouch-ectouch_nav .open .dropdown-ectouch_menu > li > a {
        color: #777;
    }

        .ectouch-default .ectouch-ectouch_nav .open .dropdown-ectouch_menu > li > a:hover, .ectouch-default .ectouch-ectouch_nav .open .dropdown-ectouch_menu > li > a:focus {
            color: #333;
            background-color: transparent;
        }

    .ectouch-default .ectouch-ectouch_nav .open .dropdown-ectouch_menu > .active > a, .ectouch-default .ectouch-ectouch_nav .open .dropdown-ectouch_menu > .active > a:hover, .ectouch-default .ectouch-ectouch_nav .open .dropdown-ectouch_menu > .active > a:focus {
        color: #555;
        background-color: #e7e7e7;
    }

    .ectouch-default .ectouch-ectouch_nav .open .dropdown-ectouch_menu > .disabled > a, .ectouch-default .ectouch-ectouch_nav .open .dropdown-ectouch_menu > .disabled > a:hover, .ectouch-default .ectouch-ectouch_nav .open .dropdown-ectouch_menu > .disabled > a:focus {
        color: #ccc;
        background-color: transparent;
    }
}

.ectouch-default .ectouch-link {
    color: #777;
}

    .ectouch-default .ectouch-link:hover {
        color: #333;
    }

.ectouch-default .btn-link {
    color: #777;
}

    .ectouch-default .btn-link:hover, .ectouch-default .btn-link:focus {
        color: #333;
    }

    .ectouch-default .btn-link[disabled]:hover, fieldset[disabled] .ectouch-default .btn-link:hover, .ectouch-default .btn-link[disabled]:focus, fieldset[disabled] .ectouch-default .btn-link:focus {
        color: #ccc;
    }

.ectouch-inverse {
    background-color: #222;
    border-color: #080808;
}

    .ectouch-inverse .ectouch-brand {
        color: #9d9d9d;
    }

        .ectouch-inverse .ectouch-brand:hover, .ectouch-inverse .ectouch-brand:focus {
            color: #fff;
            background-color: transparent;
        }

    .ectouch-inverse .ectouch-text {
        color: #9d9d9d;
    }

    .ectouch-inverse .ectouch-ectouch_nav > li > a {
        color: #9d9d9d;
    }

        .ectouch-inverse .ectouch-ectouch_nav > li > a:hover, .ectouch-inverse .ectouch-ectouch_nav > li > a:focus {
            color: #fff;
            background-color: transparent;
        }

    .ectouch-inverse .ectouch-ectouch_nav > .active > a, .ectouch-inverse .ectouch-ectouch_nav > .active > a:hover, .ectouch-inverse .ectouch-ectouch_nav > .active > a:focus {
        color: #fff;
        background-color: #080808;
    }

    .ectouch-inverse .ectouch-ectouch_nav > .disabled > a, .ectouch-inverse .ectouch-ectouch_nav > .disabled > a:hover, .ectouch-inverse .ectouch-ectouch_nav > .disabled > a:focus {
        color: #444;
        background-color: transparent;
    }

    .ectouch-inverse .ectouch-toggle {
        border-color: #333;
    }

        .ectouch-inverse .ectouch-toggle:hover, .ectouch-inverse .ectouch-toggle:focus {
            background-color: #333;
        }

        .ectouch-inverse .ectouch-toggle .icon-bar {
            background-color: #fff;
        }

    .ectouch-inverse .ectouch-collapse, .ectouch-inverse .ectouch-form {
        border-color: #101010;
    }

    .ectouch-inverse .ectouch-ectouch_nav > .open > a, .ectouch-inverse .ectouch-ectouch_nav > .open > a:hover, .ectouch-inverse .ectouch-ectouch_nav > .open > a:focus {
        color: #fff;
        background-color: #080808;
    }

@media (max-width:767px) {
    .ectouch-inverse .ectouch-ectouch_nav .open .dropdown-ectouch_menu > .dropdown-header {
        border-color: #080808;
    }

    .ectouch-inverse .ectouch-ectouch_nav .open .dropdown-ectouch_menu .divider {
        background-color: #080808;
    }

    .ectouch-inverse .ectouch-ectouch_nav .open .dropdown-ectouch_menu > li > a {
        color: #9d9d9d;
    }

        .ectouch-inverse .ectouch-ectouch_nav .open .dropdown-ectouch_menu > li > a:hover, .ectouch-inverse .ectouch-ectouch_nav .open .dropdown-ectouch_menu > li > a:focus {
            color: #fff;
            background-color: transparent;
        }

    .ectouch-inverse .ectouch-ectouch_nav .open .dropdown-ectouch_menu > .active > a, .ectouch-inverse .ectouch-ectouch_nav .open .dropdown-ectouch_menu > .active > a:hover, .ectouch-inverse .ectouch-ectouch_nav .open .dropdown-ectouch_menu > .active > a:focus {
        color: #fff;
        background-color: #080808;
    }

    .ectouch-inverse .ectouch-ectouch_nav .open .dropdown-ectouch_menu > .disabled > a, .ectouch-inverse .ectouch-ectouch_nav .open .dropdown-ectouch_menu > .disabled > a:hover, .ectouch-inverse .ectouch-ectouch_nav .open .dropdown-ectouch_menu > .disabled > a:focus {
        color: #444;
        background-color: transparent;
    }
}

.ectouch-inverse .ectouch-link {
    color: #9d9d9d;
}

    .ectouch-inverse .ectouch-link:hover {
        color: #fff;
    }

.ectouch-inverse .btn-link {
    color: #9d9d9d;
}

    .ectouch-inverse .btn-link:hover, .ectouch-inverse .btn-link:focus {
        color: #fff;
    }

    .ectouch-inverse .btn-link[disabled]:hover, fieldset[disabled] .ectouch-inverse .btn-link:hover, .ectouch-inverse .btn-link[disabled]:focus, fieldset[disabled] .ectouch-inverse .btn-link:focus {
        color: #444;
    }

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
}

    .breadcrumb > li {
        display: inline-block;
    }

        .breadcrumb > li + li:before {
            padding: 0 5px;
            color: #ccc;
            content: "/\00a0";
        }

    .breadcrumb > .active {
        color: #777;
    }

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

    .pagination > li {
        display: inline;
    }

        .pagination > li > a, .pagination > li > span {
            position: relative;
            float: left;
            padding: 6px 12px;
            margin-left: -1px;
            line-height: 1.42857143;
            color: #30b3eb;
            text-decoration: none;
            background-color: #fff;
            border: 1px solid #ddd;
        }

        .pagination > li:first-child > a, .pagination > li:first-child > span {
            margin-left: 0;
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
        }

        .pagination > li:last-child > a, .pagination > li:last-child > span {
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
        }

        .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
            z-index: 3;
            color: #23527c;
            background-color: #eee;
            border-color: #ddd;
        }

    .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
        z-index: 2;
        color: #fff;
        cursor: default;
        background-color: #30b3eb;
        border-color: #30b3eb;
    }

    .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
        color: #777;
        cursor: not-allowed;
        background-color: #fff;
        border-color: #ddd;
    }

.pagination-lg > li > a, .pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}

.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.pagination-sm > li > a, .pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.pager {
    padding-left: 0;
    margin: 20px 0;
    text-align: center;
    list-style: none;
}

    .pager li {
        display: inline;
    }

        .pager li > a, .pager li > span {
            display: inline-block;
            padding: 5px 14px;
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 15px;
        }

            .pager li > a:hover, .pager li > a:focus {
                text-decoration: none;
                background-color: #eee;
            }

    .pager .next > a, .pager .next > span {
        float: right;
    }

    .pager .previous > a, .pager .previous > span {
        float: left;
    }

    .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span {
        color: #777;
        cursor: not-allowed;
        background-color: #fff;
    }

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

a.label:hover, a.label:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

.label:empty {
    display: none;
}

.btn .label {
    position: relative;
    top: -1px;
}

.label-default {
    background-color: #777;
}

    .label-default[href]:hover, .label-default[href]:focus {
        background-color: #5e5e5e;
    }

.label-primary {
    background-color: #30b3eb;
}

    .label-primary[href]:hover, .label-primary[href]:focus {
        background-color: #286090;
    }

.label-success {
    background-color: #5cb85c;
}

    .label-success[href]:hover, .label-success[href]:focus {
        background-color: #449d44;
    }

.label-info {
    background-color: #5bc0de;
}

    .label-info[href]:hover, .label-info[href]:focus {
        background-color: #31b0d5;
    }

.label-warning {
    background-color: #f0ad4e;
}

    .label-warning[href]:hover, .label-warning[href]:focus {
        background-color: #ec971f;
    }

.label-danger {
    background-color: #d9534f;
}

    .label-danger[href]:hover, .label-danger[href]:focus {
        background-color: #c9302c;
    }

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #777;
    border-radius: 10px;
}

    .badge:empty {
        display: none;
    }

.btn .badge {
    position: relative;
    top: -1px;
}

.btn-xs .badge, .btn-group-xs > .btn .badge {
    top: 0;
    padding: 1px 5px;
}

a.badge:hover, a.badge:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

.list-group-item.active > .badge, .ectouch_nav-pills > .active > a > .badge {
    color: #30b3eb;
    background-color: #fff;
}

.list-group-item > .badge {
    float: right;
}

    .list-group-item > .badge + .badge {
        margin-right: 5px;
    }

.ectouch_nav-pills > li > a > .badge {
    margin-left: 3px;
}

.jumbotron {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #eee;
}

    .jumbotron h1, .jumbotron .h1 {
        color: inherit;
    }

    .jumbotron p {
        margin-bottom: 15px;
        font-size: 21px;
        font-weight: 200;
    }

    .jumbotron > hr {
        border-top-color: #d5d5d5;
    }

.container .jumbotron, .container-fluid .jumbotron {
    border-radius: 6px;
}

.jumbotron .container {
    max-width: 100%;
}

@media screen and (min-width:768px) {
    .jumbotron {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .container .jumbotron, .container-fluid .jumbotron {
        padding-right: 60px;
        padding-left: 60px;
    }

    .jumbotron h1, .jumbotron .h1 {
        font-size: 63px;
    }
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

    .thumbnail > img, .thumbnail a > img {
        margin-right: auto;
        margin-left: auto;
    }

a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
    border-color: #30b3eb;
}

.thumbnail .caption {
    padding: 9px;
    color: #333;
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

    .alert h4 {
        margin-top: 0;
        color: inherit;
    }

    .alert .alert-link {
        font-weight: bold;
    }

    .alert > p, .alert > ul {
        margin-bottom: 0;
    }

        .alert > p + p {
            margin-top: 5px;
        }

.alert-dismissable, .alert-dismissible {
    padding-right: 35px;
}

    .alert-dismissable .close, .alert-dismissible .close {
        position: relative;
        top: -2px;
        right: -21px;
        color: inherit;
    }

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

    .alert-success hr {
        border-top-color: #c9e2b3;
    }

    .alert-success .alert-link {
        color: #2b542c;
    }

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

    .alert-info hr {
        border-top-color: #a6e1ec;
    }

    .alert-info .alert-link {
        color: #245269;
    }

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

    .alert-warning hr {
        border-top-color: #f7e1b5;
    }

    .alert-warning .alert-link {
        color: #66512c;
    }

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

    .alert-danger hr {
        border-top-color: #e4b9c0;
    }

    .alert-danger .alert-link {
        color: #843534;
    }

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #30b3eb;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}

.progress-striped .progress-bar, .progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
}

.progress.active .progress-bar, .progress-bar.active {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-success {
    background-color: #5cb85c;
}

.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
}

.progress-bar-info {
    background-color: #5bc0de;
}

.progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
}

.progress-bar-warning {
    background-color: #f0ad4e;
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
}

.progress-bar-danger {
    background-color: #d9534f;
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
}

.media {
    margin-top: 15px;
}

    .media:first-child {
        margin-top: 0;
    }

.media, .media-body {
    overflow: hidden;
    zoom: 1;
}

.media-body {
    width: 10000px;
}

.media-object {
    display: block;
}

    .media-object.img-thumbnail {
        max-width: none;
    }

.media-right, .media > .pull-right {
    padding-left: 10px;
}

.media-left, .media > .pull-left {
    padding-right: 10px;
}

.media-left, .media-right, .media-body {
    display: table-cell;
    vertical-align: top;
}

.media-middle {
    vertical-align: middle;
}

.media-bottom {
    vertical-align: bottom;
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px;
}

.media-list {
    padding-left: 0;
    list-style: none;
}

.list-group {
    padding-left: 0;
    margin-bottom: 20px;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
}

    .list-group-item:first-child {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

    .list-group-item:last-child {
        margin-bottom: 0;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
    }

a.list-group-item, button.list-group-item {
    color: #555;
}

    a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading {
        color: #333;
    }

    a.list-group-item:hover, button.list-group-item:hover, a.list-group-item:focus, button.list-group-item:focus {
        color: #555;
        text-decoration: none;
        background-color: #f5f5f5;
    }

button.list-group-item {
    width: 100%;
    text-align: left;
}

.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
    color: #777;
    cursor: not-allowed;
    background-color: #eee;
}

    .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
        color: inherit;
    }

    .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
        color: #777;
    }

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    z-index: 2;
    color: #fff;
    background-color: #30b3eb;
    border-color: #30b3eb;
}

    .list-group-item.active .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > .small {
        color: inherit;
    }

    .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
        color: #c7ddef;
    }

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8;
}

a.list-group-item-success, button.list-group-item-success {
    color: #3c763d;
}

    a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading {
        color: inherit;
    }

    a.list-group-item-success:hover, button.list-group-item-success:hover, a.list-group-item-success:focus, button.list-group-item-success:focus {
        color: #3c763d;
        background-color: #d0e9c6;
    }

    a.list-group-item-success.active, button.list-group-item-success.active, a.list-group-item-success.active:hover, button.list-group-item-success.active:hover, a.list-group-item-success.active:focus, button.list-group-item-success.active:focus {
        color: #fff;
        background-color: #3c763d;
        border-color: #3c763d;
    }

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7;
}

a.list-group-item-info, button.list-group-item-info {
    color: #31708f;
}

    a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading {
        color: inherit;
    }

    a.list-group-item-info:hover, button.list-group-item-info:hover, a.list-group-item-info:focus, button.list-group-item-info:focus {
        color: #31708f;
        background-color: #c4e3f3;
    }

    a.list-group-item-info.active, button.list-group-item-info.active, a.list-group-item-info.active:hover, button.list-group-item-info.active:hover, a.list-group-item-info.active:focus, button.list-group-item-info.active:focus {
        color: #fff;
        background-color: #31708f;
        border-color: #31708f;
    }

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
}

a.list-group-item-warning, button.list-group-item-warning {
    color: #8a6d3b;
}

    a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading {
        color: inherit;
    }

    a.list-group-item-warning:hover, button.list-group-item-warning:hover, a.list-group-item-warning:focus, button.list-group-item-warning:focus {
        color: #8a6d3b;
        background-color: #faf2cc;
    }

    a.list-group-item-warning.active, button.list-group-item-warning.active, a.list-group-item-warning.active:hover, button.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus, button.list-group-item-warning.active:focus {
        color: #fff;
        background-color: #8a6d3b;
        border-color: #8a6d3b;
    }

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede;
}

a.list-group-item-danger, button.list-group-item-danger {
    color: #a94442;
}

    a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading {
        color: inherit;
    }

    a.list-group-item-danger:hover, button.list-group-item-danger:hover, a.list-group-item-danger:focus, button.list-group-item-danger:focus {
        color: #a94442;
        background-color: #ebcccc;
    }

    a.list-group-item-danger.active, button.list-group-item-danger.active, a.list-group-item-danger.active:hover, button.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus, button.list-group-item-danger.active:focus {
        color: #fff;
        background-color: #a94442;
        border-color: #a94442;
    }

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px;
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3;
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.panel-body {
    padding: 15px;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

    .panel-heading > .dropdown .dropdown-toggle {
        color: inherit;
    }

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}

    .panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a {
        color: inherit;
    }

.panel-ectouch_footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel > .list-group, .panel > .panel-collapse > .list-group {
    margin-bottom: 0;
}

    .panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item {
        border-width: 1px 0;
        border-radius: 0;
    }

    .panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
        border-top: 0;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

    .panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
        border-bottom: 0;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0;
}

.list-group + .panel-ectouch_footer {
    border-top-width: 0;
}

.panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table {
    margin-bottom: 0;
}

    .panel > .table caption, .panel > .table-responsive > .table caption, .panel > .panel-collapse > .table caption {
        padding-right: 15px;
        padding-left: 15px;
    }

    .panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

        .panel > .table:first-child > thead:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
        }

            .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
                border-top-left-radius: 3px;
            }

            .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
                border-top-right-radius: 3px;
            }

    .panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child {
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }

        .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
            border-bottom-right-radius: 3px;
            border-bottom-left-radius: 3px;
        }

            .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
                border-bottom-left-radius: 3px;
            }

            .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
                border-bottom-right-radius: 3px;
            }

    .panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body {
        border-top: 1px solid #ddd;
    }

    .panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td {
        border-top: 0;
    }

.panel > .table-bordered, .panel > .table-responsive > .table-bordered {
    border: 0;
}

    .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0;
    }

    .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0;
    }

    .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
        border-bottom: 0;
    }

    .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
        border-bottom: 0;
    }

.panel > .table-responsive {
    margin-bottom: 0;
    border: 0;
}

.panel-group {
    margin-bottom: 20px;
}

    .panel-group .panel {
        margin-bottom: 0;
        border-radius: 4px;
    }

        .panel-group .panel + .panel {
            margin-top: 5px;
        }

    .panel-group .panel-heading {
        border-bottom: 0;
    }

        .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
            border-top: 1px solid #ddd;
        }

    .panel-group .panel-ectouch_footer {
        border-top: 0;
    }

        .panel-group .panel-ectouch_footer + .panel-collapse .panel-body {
            border-bottom: 1px solid #ddd;
        }

.panel-default {
    border-color: #ddd;
}

    .panel-default > .panel-heading {
        color: #333;
        background-color: #f5f5f5;
        border-color: #ddd;
    }

        .panel-default > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #ddd;
        }

        .panel-default > .panel-heading .badge {
            color: #f5f5f5;
            background-color: #333;
        }

    .panel-default > .panel-ectouch_footer + .panel-collapse > .panel-body {
        border-bottom-color: #ddd;
    }

.panel-primary {
    border-color: #30b3eb;
}

    .panel-primary > .panel-heading {
        color: #fff;
        background-color: #30b3eb;
        border-color: #30b3eb;
    }

        .panel-primary > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #30b3eb;
        }

        .panel-primary > .panel-heading .badge {
            color: #30b3eb;
            background-color: #fff;
        }

    .panel-primary > .panel-ectouch_footer + .panel-collapse > .panel-body {
        border-bottom-color: #30b3eb;
    }

.panel-success {
    border-color: #d6e9c6;
}

    .panel-success > .panel-heading {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #d6e9c6;
    }

        .panel-success > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #d6e9c6;
        }

        .panel-success > .panel-heading .badge {
            color: #dff0d8;
            background-color: #3c763d;
        }

    .panel-success > .panel-ectouch_footer + .panel-collapse > .panel-body {
        border-bottom-color: #d6e9c6;
    }

.panel-info {
    border-color: #bce8f1;
}

    .panel-info > .panel-heading {
        color: #31708f;
        background-color: #d9edf7;
        border-color: #bce8f1;
    }

        .panel-info > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #bce8f1;
        }

        .panel-info > .panel-heading .badge {
            color: #d9edf7;
            background-color: #31708f;
        }

    .panel-info > .panel-ectouch_footer + .panel-collapse > .panel-body {
        border-bottom-color: #bce8f1;
    }

.panel-warning {
    border-color: #faebcc;
}

    .panel-warning > .panel-heading {
        color: #8a6d3b;
        background-color: #fcf8e3;
        border-color: #faebcc;
    }

        .panel-warning > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #faebcc;
        }

        .panel-warning > .panel-heading .badge {
            color: #fcf8e3;
            background-color: #8a6d3b;
        }

    .panel-warning > .panel-ectouch_footer + .panel-collapse > .panel-body {
        border-bottom-color: #faebcc;
    }

.panel-danger {
    border-color: #ebccd1;
}

    .panel-danger > .panel-heading {
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1;
    }

        .panel-danger > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #ebccd1;
        }

        .panel-danger > .panel-heading .badge {
            color: #f2dede;
            background-color: #a94442;
        }

    .panel-danger > .panel-ectouch_footer + .panel-collapse > .panel-body {
        border-bottom-color: #ebccd1;
    }

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}

    .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
    padding-bottom: 75%;
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

    .well blockquote {
        border-color: #ddd;
        border-color: rgba(0,0,0,.15);
    }

.well-lg {
    padding: 24px;
    border-radius: 6px;
}

.well-sm {
    padding: 9px;
    border-radius: 3px;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

    .close:hover, .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        filter: alpha(opacity=50);
        opacity: .5;
    }

button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
}

.modal-open {
    overflow: hidden;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

    .modal.fade .modal-dialog {
        -webkit-transition: -webkit-transform .3s ease-out;
        -o-transition: -o-transform .3s ease-out;
        transition: transform .3s ease-out;
        -webkit-transform: translate(0,-25%);
        -ms-transform: translate(0,-25%);
        -o-transform: translate(0,-25%);
        transform: translate(0,-25%);
    }

    .modal.in .modal-dialog {
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        -o-transform: translate(0,0);
        transform: translate(0,0);
    }

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 4;
    background-color: #000;
}

    .modal-backdrop.fade {
        filter: alpha(opacity=0);
        opacity: 0;
    }

    .modal-backdrop.in {
        filter: alpha(opacity=50);
        opacity: .5;
    }

.modal-header .close {
    margin-top: -2px;
}

.modal-title {
    margin: 0;
    line-height: 1.42857143;
}

.modal-body {
    position: relative;
    padding: 15px;
}

.modal-ectouch_footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

    .modal-ectouch_footer .btn + .btn {
        margin-bottom: 0;
        margin-left: 5px;
    }

    .modal-ectouch_footer .btn-group .btn + .btn {
        margin-left: -1px;
    }

    .modal-ectouch_footer .btn-block + .btn-block {
        margin-left: 0;
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width:768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
        box-shadow: 0 5px 15px rgba(0,0,0,.5);
    }

    .modal-sm {
        width: 300px;
    }
}

@media (min-width:992px) {
    .modal-lg {
        width: 900px;
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    filter: alpha(opacity=0);
    opacity: 0;
    line-break: auto;
}

    .tooltip.in {
        filter: alpha(opacity=90);
        opacity: .9;
    }

    .tooltip.top {
        padding: 5px 0;
        margin-top: -3px;
    }

    .tooltip.right {
        padding: 0 5px;
        margin-left: 3px;
    }

    .tooltip.bottom {
        padding: 5px 0;
        margin-top: 3px;
    }

    .tooltip.left {
        padding: 0 5px;
        margin-left: -3px;
    }

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 4px;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}

.tooltip.top-left .tooltip-arrow {
    right: 5px;
    bottom: 0;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    line-break: auto;
}

    .popover.top {
        margin-top: -10px;
    }

    .popover.right {
        margin-left: 10px;
    }

    .popover.bottom {
        margin-top: 10px;
    }

    .popover.left {
        margin-left: -10px;
    }

.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}

.popover-content {
    padding: 9px 14px;
}

.popover > .arrow, .popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.popover > .arrow {
    border-width: 11px;
}

    .popover > .arrow:after {
        content: "";
        border-width: 10px;
    }

.popover.top > .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0,0,0,.25);
    border-bottom-width: 0;
}

    .popover.top > .arrow:after {
        bottom: 1px;
        margin-left: -10px;
        content: " ";
        border-top-color: #fff;
        border-bottom-width: 0;
    }

.popover.right > .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #999;
    border-right-color: rgba(0,0,0,.25);
    border-left-width: 0;
}

    .popover.right > .arrow:after {
        bottom: -10px;
        left: 1px;
        content: " ";
        border-right-color: #fff;
        border-left-width: 0;
    }

.popover.bottom > .arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0,0,0,.25);
}

    .popover.bottom > .arrow:after {
        top: 1px;
        margin-left: -10px;
        content: " ";
        border-top-width: 0;
        border-bottom-color: #fff;
    }

.popover.left > .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0,0,0,.25);
}

    .popover.left > .arrow:after {
        right: 1px;
        bottom: -10px;
        content: " ";
        border-right-width: 0;
        border-left-color: #fff;
    }

.carousel {
    position: relative;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

    .carousel-inner > .item {
        position: relative;
        display: none;
        -webkit-transition: .6s ease-in-out left;
        -o-transition: .6s ease-in-out left;
        transition: .6s ease-in-out left;
    }

        .carousel-inner > .item > img, .carousel-inner > .item > a > img {
            line-height: 1;
        }

@media all and (transform-3d),(-webkit-transform-3d) {
    .carousel-inner > .item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        -o-transition: -o-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px;
    }

        .carousel-inner > .item.next, .carousel-inner > .item.active.right {
            left: 0;
            -webkit-transform: translate3d(100%,0,0);
            transform: translate3d(100%,0,0);
        }

        .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
            left: 0;
            -webkit-transform: translate3d(-100%,0,0);
            transform: translate3d(-100%,0,0);
        }

            .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
                left: 0;
                -webkit-transform: translate3d(0,0,0);
                transform: translate3d(0,0,0);
            }
}

.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
    display: block;
}

.carousel-inner > .active {
    left: 0;
}

.carousel-inner > .next, .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%;
}

.carousel-inner > .next {
    left: 100%;
}

.carousel-inner > .prev {
    left: -100%;
}

    .carousel-inner > .next.left, .carousel-inner > .prev.right {
        left: 0;
    }

.carousel-inner > .active.left {
    left: -100%;
}

.carousel-inner > .active.right {
    left: 100%;
}

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    filter: alpha(opacity=50);
    opacity: .5;
}

    .carousel-control.left {
    }

    .carousel-control.right {
        right: 0;
        left: auto;
    }

    .carousel-control:hover, .carousel-control:focus {
        color: #fff;
        text-decoration: none;
        filter: alpha(opacity=90);
        outline: 0;
        opacity: .9;
    }

    .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
        position: absolute;
        top: 50%;
        z-index: 5;
        display: inline-block;
        margin-top: -10px;
    }

    .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
        left: 50%;
        margin-left: -10px;
    }

    .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
        right: 50%;
        margin-right: -10px;
    }

    .carousel-control .icon-prev, .carousel-control .icon-next {
        width: 20px;
        height: 20px;
        font-family: serif;
        line-height: 1;
    }

        .carousel-control .icon-prev:before {
            content: '\2039';
        }

        .carousel-control .icon-next:before {
            content: '\203a';
        }

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}

    .carousel-indicators li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #000 \9;
        background-color: rgba(0,0,0,0);
        border: 1px solid #fff;
        border-radius: 10px;
    }

    .carousel-indicators .active {
        width: 12px;
        height: 12px;
        margin: 0;
        background-color: #fff;
    }

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
}

    .carousel-caption .btn {
        text-shadow: none;
    }

@media screen and (min-width:768px) {
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        font-size: 30px;
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        margin-left: -15px;
    }

    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        margin-right: -15px;
    }

    .carousel-caption {
        right: 20%;
        left: 20%;
        padding-bottom: 30px;
    }

    .carousel-indicators {
        bottom: 20px;
    }
}

.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .ectouch_nav:before, .ectouch_nav:after, .ectouch:before, .ectouch:after, .ectouch-header:before, .ectouch-header:after, .ectouch-collapse:before, .ectouch-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-ectouch_footer:before, .modal-ectouch_footer:after {
    display: table;
    content: " ";
}

.clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .ectouch_nav:after, .ectouch:after, .ectouch-header:after, .ectouch-collapse:after, .pager:after, .panel-body:after, .modal-ectouch_footer:after {
    clear: both;
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.invisible {
    visibility: hidden;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.hidden {
    display: none !important;
}

.affix {
    position: fixed;
}

@-ms-viewport {
    width: device-width;
}

.visible-xs, .visible-sm, .visible-md, .visible-lg {
    display: none !important;
}

.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {
    display: none !important;
}

@media (max-width:767px) {
    .visible-xs {
        display: block !important;
    }

    table.visible-xs {
        display: table !important;
    }

    tr.visible-xs {
        display: table-row !important;
    }

    th.visible-xs, td.visible-xs {
        display: table-cell !important;
    }
}

@media (max-width:767px) {
    .visible-xs-block {
        display: block !important;
    }
}

@media (max-width:767px) {
    .visible-xs-inline {
        display: inline !important;
    }
}

@media (max-width:767px) {
    .visible-xs-inline-block {
        display: inline-block !important;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm {
        display: block !important;
    }

    table.visible-sm {
        display: table !important;
    }

    tr.visible-sm {
        display: table-row !important;
    }

    th.visible-sm, td.visible-sm {
        display: table-cell !important;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-block {
        display: block !important;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-inline {
        display: inline !important;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-inline-block {
        display: inline-block !important;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md {
        display: block !important;
    }

    table.visible-md {
        display: table !important;
    }

    tr.visible-md {
        display: table-row !important;
    }

    th.visible-md, td.visible-md {
        display: table-cell !important;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-block {
        display: block !important;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-inline {
        display: inline !important;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-inline-block {
        display: inline-block !important;
    }
}

@media (min-width:1200px) {
    .visible-lg {
        display: block !important;
    }

    table.visible-lg {
        display: table !important;
    }

    tr.visible-lg {
        display: table-row !important;
    }

    th.visible-lg, td.visible-lg {
        display: table-cell !important;
    }
}

@media (min-width:1200px) {
    .visible-lg-block {
        display: block !important;
    }
}

@media (min-width:1200px) {
    .visible-lg-inline {
        display: inline !important;
    }
}

@media (min-width:1200px) {
    .visible-lg-inline-block {
        display: inline-block !important;
    }
}

@media (max-width:767px) {
    .hidden-xs {
        display: none !important;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .hidden-sm {
        display: none !important;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .hidden-md {
        display: none !important;
    }
}

@media (min-width:1200px) {
    .hidden-lg {
        display: none !important;
    }
}

.visible-print {
    display: none !important;
}

@media print {
    .visible-print {
        display: block !important;
    }

    table.visible-print {
        display: table !important;
    }

    tr.visible-print {
        display: table-row !important;
    }

    th.visible-print, td.visible-print {
        display: table-cell !important;
    }
}

.visible-print-block {
    display: none !important;
}

@media print {
    .visible-print-block {
        display: block !important;
    }
}

.visible-print-inline {
    display: none !important;
}

@media print {
    .visible-print-inline {
        display: inline !important;
    }
}

.visible-print-inline-block {
    display: none !important;
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important;
    }
}

@media print {
    .hidden-print {
        display: none !important;
    }
}

body {
    font-family: Helvetica,Tahoma,Arial,"Hiragino Sans GB","Hiragino Sans GB W3",STXihei,STHeiti,"Microsoft YaHei",Heiti,SimSun,sans-serif;
    background: #fff;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

html {
    -webkit-font-smoothing: antialiased;
}

@font-face {
    font-family: 'webfont';
    src: url('//at.alicdn.com/t/e3tcrgldr7knvcxr.eot');
    src: url('//at.alicdn.com/t/e3tcrgldr7knvcxr.eot?#iefix') format('embedded-opentype'),url('//at.alicdn.com/t/e3tcrgldr7knvcxr.woff') format('woff'),url('//at.alicdn.com/t/e3tcrgldr7knvcxr.ttf') format('truetype'),url('//at.alicdn.com/t/e3tcrgldr7knvcxr.svg#NotoSansHans-DemiLight') format('svg');
}

.my-login-bg {
    background-color: #fff;
}

.user-cont-box1 {
    background-color: #f1f2f7;
}

.my-ectouch {
    background-color: #fff;
    box-shadow: 3px 1px 6px rgba(110,150,150,0.2);
}

a {
    text-decoration: none;
}

    a:link {
        text-decoration: none;
    }

    a:visited {
        text-decoration: none;
    }

    a:hover {
        text-decoration: none;
    }

    a:active {
        text-decoration: none;
    }

ol, ul, li {
    list-style: none;
}

h1 {
    font-size: 2.5rem;
    text-align: center;
    color: #333333;
}

h4 {
    text-align: center;
    margin-top: 1.25rem;
}

h5 {
    text-align: center;
    margin-top: 30px;
    font-size: 16px;
}

@media only screen and (max-width:310px) and (min-width:300px) {
    html {
        font-size: 8.33333px;
    }

    .viewport {
        max-width: 300px;
    }
}

@media only screen and (max-width:320px) and (min-width:310px) {
    html {
        font-size: 8.333px;
    }

    .viewport {
        max-width: 320px;
    }
}

@media only screen and (max-width:360px) and (min-width:320px) {
    html {
        font-size: 9px;
    }

    .viewport {
        max-width: 360px;
    }
}

@media only screen and (max-width:360px) and (min-width:350px) {
    html {
        font-size: 10px;
    }

    .viewport {
        max-width: 360px;
    }
}

@media only screen and (max-width:480px) and (min-width:360px) {
    html {
        font-size: 10px;
    }

    .viewport {
        max-width: 480px;
    }
}

@media only screen and (max-width:480px) and (min-width:470px) {
    html {
        font-size: 10.5px;
    }

    .viewport {
        max-width: 480px;
    }
}

@media only screen and (max-width:500px) and (min-width:440px) {
    html {
        font-size: 11px;
    }

    .viewport {
        max-width: 520px;
    }
}

@media only screen and (max-width:560px) and (min-width:480px) {
    html {
        font-size: 11.33333px;
    }

    .viewport {
        max-width: 560px;
    }
}

@media only screen and (max-width:570px) and (min-width:560px) {
    html {
        font-size: 12px;
    }

    .viewport {
        max-width: 570px;
    }
}

@media only screen and (max-width:640px) and (min-width:570px) {
    html {
        font-size: 12.5px;
    }

    .viewport {
        max-width: 640px;
    }
}

@media only screen and (max-width:640px) and (min-width:630px) {
    html {
        font-size: 13px;
    }

    .viewport {
        max-width: 640px;
    }
}

@media only screen and (max-width:710px) and (min-width:640px) {
    html {
        font-size: 13.5px;
    }

    .viewport {
        max-width: 710px;
    }
}

.radio label, .checkbox label {
    min-height: 20px;
    padding-left: 0px;
    margin-bottom: 0px;
    font-weight: normal;
    cursor: pointer;
}

h3 {
    text-align: center;
    font-size: 1.4rem;
}

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.bg-com {
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    background-size: cover;
}

.shool-new-bottom-cont {
    background: rgba(0,0,0,0.5);
    height: 3.5rem;
    width: 100%;
    position: absolute;
    bottom: 0;
}

.shool-new-bottom-box {
    position: relative;
}

.shool-new-bottom-cont h2 {
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 1.4rem;
    line-height: 3.5rem;
    padding-left: 1.5rem;
}

@media (min-width:992px) {
    .shool-new-bottom-cont {
        height: 55px;
    }

        .shool-new-bottom-cont h2 {
            font-size: 20px;
            line-height: 55px;
            padding-left: 18px;
        }
}

.pageGro div, .pageGro div ul li {
    font-size: 12px;
    color: #999;
    line-height: 23px;
    float: left;
}

    .pageGro div ul li {
        width: 3rem;
        left: 3rem;
        height: 3rem;
        text-align: center;
        line-height: 3rem;
        cursor: pointer;
        margin-left: 3px;
        background: #fff;
        border: 1px solid #dfdfdf;
        position: absolute;
    }

        .pageGro div ul li:hover {
            background: #30B3EB;
            color: #fff;
        }

.pageList {
    width: 20%;
}

.pageGro div ul li.on {
    color: #fff;
    background: #3c90d9;
    border: 1px solid #3c90d9;
}

.pageGro .pageUp, .pageGro .pageDown {
    cursor: pointer;
}

.pageUp, .pageDown {
    width: 20%;
}

.pageGro .pageUp {
    background: #fff;
    text-align: center;
    width: 3rem;
    height: 3rem;
    border: 1px solid #dfdfdf;
}

.pageGro {
    width: 280px;
    padding: 20px 0 20px 0;
}

    .pageGro .pageDown {
        background: #fff;
        text-align: center;
        width: 3rem;
        height: 3rem;
        border: 1px solid #dfdfdf;
    }

.pageGro {
    width: 18rem;
    margin: 0px auto;
    overflow: hidden;
    position: relative;
    left: 4rem;
}

@media (min-width:992px) {
    .col-sm-10 {
        padding-left: 0px;
    }

    .pageGro {
        width: 90%;
        margin: 0px auto;
        overflow: hidden;
    }

    .pageGro {
        max-width: 180px;
        padding: 20px 0 20px 0;
        position: relative;
        left: 5rem;
    }
}

.pull-right-auto {
    float: right;
    font-size: 1.8rem;
    color: rgb(204,204,204);
    padding-right: 0.5rem;
    cursor: pointer;
}

.modal-dialog {
    width: 98%;
    margin: 30px auto;
}

.modal-dialog-1 {
    width: 98%;
    margin: 30px auto;
}

@media (min-width:992px) {
    .modal-dialog {
        width: 600px;
        margin: 250px auto;
    }

    .modal-dialog-1 {
        width: 800px;
        margin: 150px auto;
    }
}

.index-cont10 {
    font-size: 1.2rem;
    font-size: 12px\9;
    display: block;
    padding-bottom: 0.5rem;
}

.input-group-addon {
    background-color: #fff;
    border: 1px solid #ccc;
}

.ectouch_nav-zcd-1 a:hover:none;.par-pos-box {
    position: relative;
}

.par-right-content-box {
    position: absolute;
    width: 95%;
    top: 0px;
    right: 10px;
}

    .par-right-content-box p {
        padding-top: 15px;
        padding-bottom: 15px;
    }

@media (min-width:992px) {
    .index-cont10 {
        padding-bottom: 1rem;
    }

    .par-right-content-box {
        position: absolute;
        width: 35%;
        right: 30px;
        top: 60px;
    }
}

.partners-lun-left1 {
    width: 30px;
    margin-left: 311%;
    margin-top: 18%;
    display: none;
}

.partners-lun-right1 {
    width: 30px;
    margin-left: -228%;
    margin-top: 18%;
    display: none;
}

.partners-lun-left, .sedac1-lun-left {
    width: 30px;
    margin-left: 312%;
    margin-top: 20%;
    display: none;
}

.partners-lun-right, .sedac1-lun-right {
    width: 30px;
    margin-left: -228%;
    margin-top: 20%;
    display: none;
}

.dirsir1-lun-left {
    width: 30px;
    margin-left: 311%;
    margin-top: -32%;
    display: none;
}

.dirsir1-lun-right {
    width: 30px;
    margin-left: -228%;
    margin-top: -32%;
    display: none;
}

.dirsir1a-lun-left {
    width: 30px;
    margin-left: 311%;
    margin-top: -46%;
    display: none;
}

.dirsir1a-lun-right {
    width: 30px;
    margin-left: -228%;
    margin-top: -46%;
    display: none;
}

.dirsir12-lun-left {
    width: 30px;
    margin-left: 311%;
    margin-top: -40%;
    display: none;
}

.dirsir12-lun-right {
    width: 30px;
    margin-left: -228%;
    margin-top: -40%;
    display: none;
}

.anli-lun-left {
    width: 30px;
    margin-top: 300%;
    margin-left: 371%;
    display: none;
}

.anli-lun-right {
    width: 30px;
    margin-top: 300%;
    margin-left: -171%;
    display: none;
}

.dirsir1z-lun-left {
    margin-left: 0%;
    margin-top: 190%;
}

.dirsir1z-lun-right {
    margin-left: -20%;
    margin-top: 190%;
}

.my-new-left img {
    width: 3rem;
    margin-left: -48%;
}

.my-new-right img {
    width: 3rem;
    margin-right: -68%;
}

.vido-img-box {
    width: 92.8%;
    margin-left: 1.48rem;
}

@media (min-width:992px) {
    .dirsir1z-lun-left {
        margin-left: -66%;
        margin-top: 190%;
    }

    .dirsir1z-lun-right {
        margin-left: 61%;
        margin-top: 190%;
    }

    .my-new-left img {
        width: 64px;
        margin-left: -59%;
    }

    .my-new-right img {
        width: 64px;
        margin-right: 68%;
    }

    .vido-img-box {
        width: 92.1%;
        margin-left: 48px;
    }
}

.index-hyzx-box-header h2 {
    text-align: center;
    font-size: 2rem;
    padding-top: 50px;
}

.bs-docs-masthead1 p, .index-hyzx-box-header p {
    text-align: center;
    font-size: 1.3rem;
    padding-top: 1rem;
    width: 90%;
    margin: 0 auto;
}

.index-hyzx-box-header-bs h2 {
    font-size: 2rem;
    color: #fff;
    padding-top: 50px;
    text-align: center;
}

.index-hyzx-box-header-bs p {
    font-size: 1.3rem;
    color: #fff;
    margin-bottom: 50px;
    text-align: center;
    margin-top: 1.5rem;
}

.index-hyzx-box-header-bs-1 h2 {
    font-size: 2rem;
    color: #fff;
    padding-top: 50px;
    text-align: center;
}

.index-hyzx-box-header-bs-1 p {
    font-size: 1.3rem;
    color: #fff;
    margin-bottom: 50px;
    text-align: center;
    margin-top: 1.5rem;
}

.gnty-img-box h3 {
    margin-top: 0px;
}

@media (min-width:992px) {
    .partners-lun-left, .sedac1-lun-left, .partners-lun-right, .sedac1-lun-right, .dirsir1-lun-left, .dirsir1-lun-right, .partners-lun-left1, .partners-lun-right1, .anli-lun-left, .anli-lun-right, .dirsir12-lun-left, .dirsir12-lun-right, .dirsir1a-lun-left, .dirsir1a-lun-right {
        display: block;
    }

    .index-hyzx-box-header h2 {
        font-size: 40px;
        color: #333333;
        padding-top: 75px;
        text-align: center;
    }

    .index-hyzx-box-header p {
        font-size: 18px;
        color: #4c4b4b;
        padding-top: 12px;
    }

    .index-hyzx-box-header-bs h2 {
        font-size: 40px;
        padding-top: 60px;
    }

    .index-hyzx-box-header-bs p {
        font-size: 16px;
        margin-bottom: 80px;
        padding-top: 30px;
    }

    .index-hyzx-box-header-bs-1 h2 {
        font-size: 40px;
        color: #fff;
        padding-top: 75px;
        text-align: center;
    }

    .index-hyzx-box-header-bs-1 p {
        font-size: 18px;
        color: #fff;
    }
}

.ectouch_footer-content-1 a:hover {
    color: #fff;
}

.ectouch-default .ectouch-ectouch_nav > li a {
    padding-top: 10px;
    padding-bottom: 10px;
}

@media (min-width:992px) {
    .ectouch-default .ectouch-ectouch_nav > li a {
        padding: 25px 20px;
        font-size: 15px;
    }

    .ectouch-default .ectouch-ectouch_nav > li:hover a {
        color: #fff;
    }

    .feader-cont-box {
        overflow: hidden;
    }

    .feader-left-cont, .feader-center-cont, .feader-right-cont {
        float: left;
    }

    .feader-left-cont, .feader-right-cont {
        width: 20%;
        display: none;
    }

    .feader-center-cont, .feader-ewm-box img {
        width: 100%;
    }

    .feader-ewm-box {
        width: 100px;
        margin: 60px auto;
    }

        .feader-ewm-box p {
            font-size: 1;
            color: #fff;
            text-align: center;
        }

    .index-jjfa h3 {
        font-size: 1.8rem;
        padding-bottom: 1rem;
        color: #454545;
    }

    @media (min-width:992px) {
        .index-jjfa img {
            width: 350px;
            height: 350px;
        }

        .feader-left-cont, .feader-right-cont {
            width: 20%;
            display: block;
        }

        .feader-center-cont {
            width: 60%;
        }
    }

    .index-banner-box h2 {
        font-size: 2.2rem;
    }

    .index-banner-box p {
        font-size: 1.3rem;
        padding-bottom: 30px;
    }

    @media (min-width:992px) {
        .index-banner-box h2 {
            font-size: 70px;
            font-weight: 100;
        }

        .index-banner-box p {
            font-size: 24px;
            padding-bottom: 50px;
            font-weight: 100;
            padding-top: 12px;
        }
    }

    .bs-docs-masthead1 .lead {
        width: 100%;
        font-size: 2.3rem;
        margin-top: 0px;
    }

    .ectouch_nav-login a {
        color: #7a7a7a;
        outline: none;
        outline: 0;
    }

    @media (min-width:992px) {
        .ectouch_nav-login {
            line-height: 50px;
            padding-left: 10px;
        }
    }

    .ectouch_nav-login {
        height: 50px;
        line-height: 71px;
        line-height: 5.4rem\9;
        padding-left: 10px;
        margin-top: 11px;\9
    }

        .ectouch_nav-login a {
            width: 10rem;
            color: #7a7a7a;
            word-break: keep-all;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

            .ectouch_nav-login a:hover {
                color: #30b3eb;
            }

    .my-feader-pos {
        position: static;
    }

    .ectouch_nav > li {
        padding: 0px 0px;
        position: static;
    }

    .ectouch_nav-down-ectouch_menu {
        margin: 0px;
        background: rgba(80,80,80,0.8) !important;
        position: absolute;
        left: 0px;
        display: none;
        z-index: 10000;
        width: 100%;
        margin-top: 0px;
        box-shadow: 0 0 0px rgba(100,100,100,.5);
    }

        .ectouch_nav-down-ectouch_menu.ectouch_nav-up-selected {
            display: block;
        }

    @media (min-width:992px) {
        .ectouch_nav-down-ectouch_menu {
            margin-top: 0px;
            box-shadow: 0 0 5px rgba(100,100,100,.5);
        }
    }

    .ectouch_nav-zcd-1 h3 {
        text-align: left;
        color: #fff;
        font-size: 20px;
    }

    .ectouch_nav-zcd-1 span {
        color: #fff;
    }

    @media (min-width:992px) {
        .container-header {
            width: 1210px;
            margin: 0 auto;
        }
    }

    .my-header-bgcolor li:hover {
        background-color: #30b3eb;
    }

    .index-banner-box h6 {
        color: #bab9b9;
        padding-top: 1px;
        padding-bottom: 1px;
        font-size: 0.8rem;
    }

    .ectouch-ectouch_nav ul li a {
        outline: none;
        outline: 0;
    }

    @media (min-width:992px) {
        .my-header-bgcolor {
            margin-left: 15px;
        }

        .index-banner-box h6 {
            padding-top: 2px;
            padding-bottom: 2px;
            font-size: 12px;
        }

        .index-jjfa2 {
            margin-top: 46px;
            margin-bottom: 40px;
        }
    }

    .ectouch-default .ectouch-ectouch_nav > .open > a, .ectouch-default .ectouch-ectouch_nav > .open > a:hover, .ectouch-default .ectouch-ectouch_nav > .open > a:focus {
        color: #fff;
        background-color: #30b3eb;
    }

    .index-jjfa {
        padding-bottom: 40px;
        padding-top: 20px;
        position: relative;
    }

        .index-jjfa h3 {
            text-align: left;
            margin-top: 20px;
        }

    .bs-docs-featurette, .par-xyhb-box {
        margin-bottom: 0px;
        background-color: #fff;
    }

    .bs-docs-featurette1 {
        background-color: #f6f6f6;
    }

    .index-what-cont {
        margin: 0px 10px 30px;
        font-size: 1.4rem;
        padding-bottom: 20px;
    }

    .index-anli-ewm-box {
        width: 180px;
        display: none;
    }

        .index-anli-ewm-box img {
            width: 100%;
        }

    .al-img-box-2 .anli_cont {
        text-align: left;
        font-size: 1.3rem;
        color: #4d4d4d;
        line-height: 20px;
        margin-top: 12px;
    }

    .index-anli-ewm-box p {
        text-align: center;
    }

    .index-hyzx-cont-box, .hyzx-cont-cont-box {
        overflow: hidden;
    }

    .index-hyzx-cont-box {
        padding-top: 0px;
        padding-bottom: 40px;
    }

    .index-hyzx-left, .index-hyzx-right {
        float: left;
    }

    .hyzx-cont-cont-box1, .hyzx-cont-cont-box2 {
        float: left;
        margin-top: 30px;
    }

    .index-hyzx-left {
        width: 100%;
    }

    .hyzx-img-box {
        width: 402px;
        padding-top: 30px;
    }

        .hyzx-img-box img {
            width: 100%;
        }

    .index-hyzx-right {
        width: 100%;
        background-color: #fff;
        margin-left: -15px;
        margin-top: 30px;
    }

    .hyzx-cont-cont-box1 {
        width: 28%;
        text-align: left;
        font-size: 1.9rem;
        color: #7f7f7f;
    }

        .hyzx-cont-cont-box1 span {
            font-size: 1.2rem;
            border-bottom: 1px solid #30b3eb;
        }

    .hyzx-cont-cont-box2 {
        width: 62%;
        text-align: left;
        padding-left: 30px;
        border-left: 1px solid #ccc;
    }

        .hyzx-cont-cont-box2 h3 {
            font-size: 2rem;
            color: #444444;
            text-align: left;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }

        .hyzx-cont-cont-box2 p {
            font-size: 1.2rem;
            line-height: 20px;
            margin-top: 15px;
        }

    @media (min-width:992px) {
        .hyzx-img-box {
            padding-top: 0px;
        }

        .hyzx-cont-cont-box2 p {
            font-size: 16px;
            line-height: 25px;
            color: #4D4D4D;
            text-overflow: clip;
            white-space: normal;
            height: 4.5em;
            overflow: hidden;
        }

        .al-img-box-2 .anli_cont {
            font-size: 16px;
            line-height: 25px;
        }

        .btn-outline-inverse {
            color: #FFF;
            background-color: transparent) !important;
            filter: alpha(opacity=60);
        }

        .index-anli-ewm-box {
            width: 12rem;
            display: block;
        }

        .index-hyzx-cont-box {
            padding-top: 80px;
        }

        .index-hyzx-box-header h2 {
            font-size: 40px;
        }

        .hyzx-cont-cont-box2 h3 {
            font-size: 26px;
            color: #444444;
            text-align: left;
        }

        .index-hyzx-cont-box, .hyzx-cont-cont-box {
            overflow: hidden;
        }

        .index-hyzx-cont-box {
            padding-top: 120px;
        }

        .index-hyzx-left, .index-hyzx-right {
            float: left;
        }

        .hyzx-cont-cont-box1, .hyzx-cont-cont-box2 {
            float: left;
            margin-top: 30px;
        }

        .index-hyzx-left {
            width: 35%;
        }

        .hyzx-img-box {
            width: 402px;
        }

            .hyzx-img-box img {
                width: 100%;
            }

        .index-hyzx-right {
            width: 65%;
            background-color: #fff;
            margin-left: -25px;
            margin-top: 45px;
            padding-bottom: 45px;
        }

        .hyzx-cont-cont-box1 {
            width: 16%;
            text-align: left;
            font-size: 26px;
            color: #7f7f7f;
        }

            .hyzx-cont-cont-box1 span {
                font-size: 14px;
            }

        .hyzx-cont-cont-box2 {
            width: 80%;
            text-align: left;
            padding-left: 30px;
            border-left: 1px solid #eae9e9;
        }

            .hyzx-cont-cont-box2 h3 {
                font-size: 26px;
                color: #444444;
                text-align: left;
            }
    }

    .bs-docs-masthead1 .btn:hover {
        background-color: #fff\9;
        background: rgba(255,255,255,0.3) !important;
        filter: alpha(opacity=60);
        color: #fff;
        color: #fff\9;
        position: relative;
        border: 1px solid #939cad;
    }

    .bs-docs-masthead1 .btn span {
        position: relative;
    }

    @media (min-width:992px) {
        .bs-docs-masthead1 .lead {
            width: 100%;
            font-size: 7rem;
            margin-top: 0px;
        }

        .bs-docs-masthead1 .btn {
            width: 20%;
            padding: 13px 45px;
            margin: 30px 0 30px 0;
        }

        .index-jjfa h3 {
            text-align: left;
            font-size: 28px;
            color: #454545;
            padding-bottom: 10px;
        }

        .my-new-cont {
            font-size: 21px;
        }
    }

    @media (min-width:992px) {
        .index-what-cont {
            margin: 0px 10px 30px;
            font-size: 16px;
            padding-bottom: 30px;
        }
    }

    .index-jjfa-box, .ectouch, .index-gnty-box, .product-banner, .product-log-cont, .product-banner {
        background-repeat: no-repeat;
        background-position: center;
        width: 100%;
        margin: 0 auto;
    }

    .main-box {
        height: 100%;
        max-width: 1210px;
        margin: 0 auto;
        position: relative;
    }

    .ectouch_nav-img {
        width: 2rem;
        height: 2rem;
    }

    .user-tuchu a {
        margin-left: 2rem;
        color: #7a7a7a;
    }

    .tuichu-app-top {
        margin-top: 0rem;
        font-size: 1.4rem;
    }

    #out_name a {
        margin-left: 0rem;
        color: #777;
    }

    #out_name {
        float: right;
        margin-top: 0rem;
        font-size: 1.4rem;
    }

    .ectouch-tuichu-xian {
        color: #E5EAEF;
    }

    @media (min-width:992px) {
        .user-tuchu a {
            margin-left: 0rem;
            color: #fff;
        }

        .tuichu-app-top {
            margin-top: 0rem;
        }

        #out_name a {
            margin-left: 0rem;
            color: #777;
            font-size: 1.5rem;
        }

        #out_name {
            float: right;
            margin-top: 24.5px;
            font-size: 16px;
        }

        #ectouch_nav {
            display: block;
        }

            #ectouch_nav .mainlevel {
                float: left;
                text-align: center;
                display: block;
            }

                #ectouch_nav .mainlevel a {
                    color: #fff;
                    text-decoration: none;
                    line-height: 30px;
                    height: 30px;
                    text-align: center;
                    padding-top: 18px;
                    display: block;
                }

                    #ectouch_nav .mainlevel a:hover {
                        color: #fff;
                        text-decoration: none;
                    }

                #ectouch_nav .mainlevel ul {
                    position: absolute;
                    display: none;
                }

                #ectouch_nav .mainlevel li {
                    width: 80px;
                    float: left;
                    background-color: rgba(0,0,0,0.4);
                    text-align: center;
                    margin-top: 12px;
                    margin-left: -90px;
                }

        .ectouch_nav-img {
            width: 25px;
            height: 25px;
        }

        .header-tuichu {
            display: block;
        }
    }

    .lead1 {
        font-size: 16px;
        font-weight: 300;
        line-height: 1.4;
        padding-bottom: 50px;
    }

    .bs {
        color: #fff;
    }

    .bs-docs-masthead1 {
        position: relative;
        padding-top: 60px;
        color: #FFF;
        text-align: center;
        background-repeat: repeat-x;
    }

    @media (min-width:992px) {
        .bs-docs-masthead1 {
            padding-top: 150px;
            font-size: 1.375rem;
        }
    }

    .index-banner-box {
        background-image: url("../images/index/1-bg.jpg");
        background-color: #2f3b50;
    }

    .index-banner-content {
        width: 830px;
        height: 292px;
        position: absolute;
        left: 193px;
        top: 203px;
    }

    .banner-cont-box {
        overflow: hidden;
        border: 1px;
        margin-left: -20px;
    }

    .index-cont1 {
        font-size: 1.2rem;
    }

    .index-cont {
        font-size: 1.2rem;
        color: #4d4d4d;
    }

    @media (min-width:480px) {
        .banner-cont-box li {
            font-size: 2.2rem;
        }

        .index-cont1 {
            font-size: 20px;
        }
    }

    .index-gdzx-but {
        border: 1px solid #30b3eb;
        width: 14rem;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 30px;
        height: 3rem;
        line-height: 3rem;
        border-radius: 0.5rem;
        font-size: 1.2rem;
        color: #30b3eb;
    }

        .index-gdzx-but:hover {
            background: #30b3eb;
            color: #fff;
        }

    @media (min-width:992px) {
        .index-gdzx-but {
            width: 180px;
            margin-bottom: 70px;
            height: 50px;
            line-height: 50px;
            font-size: 16px;
            margin-top: 0px;
        }
    }

    .index-jjfa-box {
        background-color: #fff;
    }

    .jjfa-cont {
        width: 1200px;
        height: 525px;
    }

    .btn-outline-inverse:active, .btn-outline-inverse:focus, .btn-outline-inverse:hover {
        background-color: #FFF;
        border-color: #FFF;
        color: #7a7a7a;
    }

    .ectouch {
        background-image: url("../images/index/ectouch-bg.png");
        background-color: #30b3eb;
        color: #fff;
    }

    .index-right-bor {
        border-right: 1px solid #626f8d;
    }

    .index-gnty-box {
        height: 1020px;
        background-color: #fff;
    }

    .gnty-img-box {
        width: 6rem;
        margin: 1.5rem auto;
    }

        .gnty-img-box img {
            width: 100%;
        }

        .gnty-img-box h3 {
        }

    .gnty-content {
        overflow: hidden;
        margin: 0 auto;
        padding-top: 10px;
        width: 100%;
        margin-left: 3px;
        margin-left: -20px;
    }

    @media (min-width:992px) {
        .gnty-img-box {
            width: 140px;
            width: 140px\9;
            margin: 0 auto;
        }

            .gnty-img-box img {
                width: 100%;
            }

        .gnty-content {
            margin-left: 0px;
        }
    }

    .gnty-content li {
        float: left;
        width: 33.33%;
        margin: 0 auto;
        margin-left: 0px;
    }

    .gnty-cont {
        text-align: center;
        display: none;
        font-size: 10px;
    }

    .banner-cont-box li {
        font-size: 2.3rem;
        margin-bottom: 35px;
        margin: 1rem 0px;
    }

    .my-btom-pos1, .my-btom-pos {
        margin-top: 30px;
    }

    .my-btom-pos2 {
        margin-top: 0px;
    }

    .my-btom-pos4 {
        margin-top: 30px;
    }

    .index-down-bg {
        display: none;
    }

    @media (min-width:992px) {
        .index-cont {
            font-size: 14px;
        }

        .lead1 {
            font-size: 16px;
            font-weight: 300;
            line-height: 1.4;
        }

        .banner-cont-box li {
            float: left;
            width: 33.333%;
            margin-left: -10px;
            font-size: 40px;
        }

        .banner-cont-box {
            overflow: hidden;
            border: 1px;
        }

        .gnty-content {
            overflow: hidden;
            margin: 0 auto;
            padding-top: 50px;
            margin-left: -20px;
        }

            .gnty-content li {
                float: left;
                width: 20%;
                margin: 0 auto;
                padding-bottom: 20px;
                padding: 0 15px 0 15px;
                box-sizing: border-box;
            }

        h3 {
            text-align: center;
            font-size: 22px;
            color: #333333;
        }

        .gnty-cont {
            text-align: center;
            display: block;
            font-size: 16px;
            color: #4d4d4d;
            padding-top: 10px;
        }

        .bs {
            color: #fff;
        }

        .al-right-cont-box {
            width: 80%;
            margin-left: 50px;
        }

        .my-btom-pos {
            margin-top: 0px;
        }

        .my-btom-pos1 {
            margin-top: 60px;
            padding-bottom: 70px;
        }

        .my-btom-pos4, .my-btom-pos2 {
            margin-top: 120px;
        }

        .my-btom-pos3 {
            margin-top: 86px;
        }

        .index-down-bg {
            background-color: rgba(0,0,0,0.1);
            display: block;
        }
    }

    .index-khal-box {
        height: 930px;
        background-color: #fff;
    }

    .al-cont-box {
        overflow: hidden;
    }

        .al-cont-box li {
            float: left;
            width: 50%;
        }

    .al-img-box {
        margin-left: 0px;
    }

    .index-hyzx-box {
        height: 600px;
    }

    .hyzx-content-box {
        width: 1192px;
        margin: 0 auto;
    }
}

.hyzx-cont {
    float: left;
}

.hyzx-cont-2 {
    color: #7a7a7a;
    font-size: 20px;
}

.pp-logo {
    width: 3rem;
}

.pp-cont1 {
    font-size: 2rem;
    padding-left: 10px;
}

.al-img-box-2 {
    margin-top: 20px;
}

.index-rem {
    width: 0rem;
}

.index-cone2 {
    font-size: 0px;
}

@media (min-width:992px) {
    .index-cone2 {
        margin: 0px 0px 50px;
        font-size: 14px;
        text-align: center;
        display: block;
    }

    .index-rem {
        width: 18rem;
    }

    .pp-cont1 {
        font-size: 3rem;
    }

    .pp-logo {
        width: 6rem;
    }

    .al-img-box-2 div {
        margin-top: 5px;
    }

    .my-new-title {
        margin-top: 100px;
    }

    .index-banner-top {
        padding-top: 80px;
    }

    .lead {
        padding-bottom: 30px;
    }

    .banner-cont-box li {
        font-size: 5rem;
        font-weight: 100;
        margin: 1rem 0px;
        padding: 0.9rem 0 0.9rem 0;
    }
}

.index-logo-box {
    padding-bottom: 20px;
    overflow: hidden;
    padding-top: 30px;
    margin-left: -20px;
}

    .index-logo-box li {
        float: left;
        width: 50%;
        padding: 0rem 1rem 0 1rem;
    }

    .index-logo-box img {
        width: 80%;
    }

.index-logo-box1 li {
    float: left;
    width: 50%;
    margin-left: -12px;
    margin: 0 auto;
}

.index-logo-box1 {
    margin: 0 auto;
    overflow: hidden;
    width: 130px;
    margin-left: 90px;
}

.ectouch_footer-box-1 {
    width: 100%;
    height: 50px;
    margin: 0 auto;
    background-color: #30b3eb;
    overflow: hidden;
    border-top: 1px solid #ccc;
}

.ectouch_footer-content-1 a {
    color: #fff;
}

.ectouch_footer-content-1 {
    font-size: 0.53rem;
    color: #fff;
    text-align: center;
    display: block;
    padding-top: 35px;
}

@media (min-width:992px) {
    .gnty-content h3 {
        padding-top: 15px;
    }

    .index-logo-box li {
        float: left;
        width: 16%;
        padding: 10px;
    }

    .index-logo-box img {
        width: 100%;
        border: 1px solid #eee;
    }

    .index-logo-box {
        overflow: hidden;
        padding-top: 120px;
    }

    .index-logo-box1 {
        margin: 0 auto;
        overflow: hidden;
        width: 130px;
        margin-left: 490px;
    }

    .ectouch_footer-content-1 {
        font-size: 14px;
        display: block;
        padding-top: 75px;
        line-height: 25px;
    }
}

.ectouch_footer-box-1 {
    width: 100%;
    height: 50px;
    margin: 0 auto;
    background-color: #30b3eb;
    overflow: hidden;
    border-top: 1px solid #ccc;
}

.register-title {
    margin-top: 80px;
    font-size: 18px;
    text-align: center;
    padding-bottom: 10px;
}

.login-box {
    max-width: 415px;
    width: 85%;
    margin: 10px auto;
    position: relative;
}

.form-control {
    padding: 1px 1px;
    height: 40px;
    line-height: 40px;
    box-shadow: 0px 0px 0px rgba(0,0,0,0.075) inset;
    transition: border-color 0.15s ease-in-out 0s,box-shadow 0.15s ease-in-out 0s;
}

@media (min-width:992px) {
    .form-control {
        line-height: 10px\9;
        height: 50px;
    }
}

.input-group {
    margin-top: 15px;
}

.register-box {
    max-width: 42rem;
    width: 85%;
    margin: 15px auto;
    position: relative;
}

.login-new-user {
    float: right;
    color: #5b5b5b;
}

    .login-new-user a:hover {
        color: #31B0D5;
    }

.login-admin {
    width: 150px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    fon-size: 16px;
    margin: 0 auto;
    margin-top: 0px;
    color: #747474;
    background-color: #fff;
}

.login-xian {
    border-top: 1px solid #e5e5e5;
    position: absolute;
    width: 100%;
    top: 285px;
    z-index: 1;
}

.row1 {
    padding-top: 10px;
    text-align: center;
    color: #FFF;
    font-size: 4rem;
}

.login-box2 {
    width: 150px;
    margin: 90px auto;
    padding-bottom: 1px;
}

.ectouch_footer-content {
    display: none;
}

.form-inline .form-control {
    padding-left: 2px;
}

@media (min-width:992px) {
    .ect-padding-tb {
        padding-top: 0.6em;
        padding-bottom: 0.6em;
    }

    .form-inline .form-control {
        padding-left: 10;
    }

    .ectouch_footer-box {
        width: 100%;
        height: 145px;
        margin: 0 auto;
        background-color: #f8f8f8;
        overflow: hidden;
        border-top: 1px solid #ccc;
    }

    .ectouch_footer-content {
        font-size: 14px;
        color: #5c5c5c;
        text-align: center;
        display: block;
        padding-top: 35px;
        line-height: 30px;
    }

        .ectouch_footer-content a {
            color: #5c5c5c;
        }
}

label {
    font-weight: 100;
}

@media (min-width:768px;) {
    .login-box {
        margin-top: 147px;
    }

    .login-password {
        color: #30b3eb;
    }

    .register-yzm {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .register-title {
        margin-top: 120px;
        font-size: 25px;
        text-align: center;
    }

    .login-admin {
        width: 150px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        color: #747474;
        top: 230px;
        background-color: #FFF;
    }
}

.btn-info {
    color: #FFF;
    background-color: #30b3eb;
    border-color: #30b3eb;
    width: 100%;
    font-size: 1.6rem;
}

.my-user-login {
    width: 100%;
    padding-top: 0px;
}

.login-new-user a, .ectouch_nav-tabs a {
    color: #7a7a7a;
}

@media (min-width:992px) {
    .school-title2 {
        font-size: 13px;
        color: #7f7f7f;
    }

    .my-user-login {
        width: 100%;
        padding-top: 20px;
        padding-top: 10px;
    }

    .login-box {
        max-width: 415px;
        width: 85%;
        height: 41rem;
        margin: 145px auto;
        position: relative;
    }

    .ectouch_footer-box-1 {
        width: 100%;
        height: 145px;
        margin: 0 auto;
        background-color: #30b3eb;
        overflow: hidden;
        border-top: 1px solid #ccc;
    }

    .login-box {
        margin-top: 20px;
    }

    .login-password {
        color: #30b3eb;
    }

    .register-yzm {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    .register-title {
        margin-top: 150px;
        font-size: 30px;
        text-align: center;
    }

    .btn-info {
        height: 46px;
        font-size: 18px;
    }

    .input-group {
        margin-top: 25px;
    }

    .register-box {
        max-width: 42rem;
        width: 85%;
        margin: 30px auto;
        position: relative;
    }

    .login-admin {
        width: 150px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        fon-size: 16px;
        margin: 0 auto;
        color: #747474;
        background-color: #fff;
    }

    .login-xian {
        border-top: 1px solid #e5e5e5;
        position: absolute;
        width: 100%;
        top: 310px;
        z-index: 1;
    }

    .row1 {
        padding-top: 0px;
        text-align: center;
        color: #FFF;
        font-size: 4rem;
    }

    .login-box2 {
        width: 185px;
        margin: 100px auto;
    }
}

.form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
    width: 100%;
}

.form-inline .input-group {
}

.login-pass {
    margin-top: 20px;
}

.checkbox, .radio {
    margin-top: -10px;
}

.login-img {
    height: 45px;
}

.row1 {
    margin-right: -15px;
    margin-left: -15px;
}

.col-xss-6 {
    width: 33.33%;
}

}

.admin-tishi {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    background-color: #f2f2f2;
}

.warning {
    position: relative;
    background-color: #30b3eb;
    border: 1px solid #30b3eb;
    border-radius: 10px;
    background-size: 3em 3em;
    background-image: linear-gradient(-45deg,transparent 0em,transparent 0.1em,#f2f2f2 0.9em,#f2f2f2 2.1em,transparent 2.1em,transparent 2.9em,#f2f2f2 0em);
    -webkit-animation: warning-animation 750ms infinite linear;
    -moz-animation: warning-animation 750ms infinite linear;
    animation: warning-animation 750ms infinite linear;
}

@-webkit-keyframes warning-animation {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 3em 0;
    }
}

@-moz-keyframes warning-animation {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 3em 0;
    }
}

@keyframes warning-animation {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 3em 0;
    }
}

.warning:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    border-radius: 10px;
}

.container-1 {
    width: 80%;
    margin: 5vh auto 0;
}

    .container-1 .warning {
        height: 2vh;
    }

.ts-box {
    margin: 150px auto;
    width: 80%;
    background-color: #fff;
    box-shadow: 0 0 6px rgba(90,9 90,0.4);
}

    .ts-box h2 {
        text-align: center;
        color: #4c4c4c;
        padding-top: 25px;
        padding-bottom: 20px;
    }

.ts-xt {
    border-bottom: 1px dashed #ccc;
}

.ts-content {
    margin-top: 5px;
    margin-bottom: 60px;
    font-size: 14px;
    overflow: hidden;
    text-align: center;
    display: block;
}

.ts-top {
    margin-top: 60px;
    margin-bottom: 10px;
}

.jdt-my-top {
    width: 80%;
    margin: 0 auto;
    margin-top: 60px;
}

.ts-xin {
    text-align: right;
    display: block;
    font-size: 14px;
    padding-right: 20px;
    padding-bottom: 20px;
}

@media (min-width:992px) {
    .admin-tishi {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        height: 100%;
        background-color: #f2f2f2;
    }

    .warning {
        position: relative;
        background-color: #30b3eb;
        border: 1px solid #30b3eb;
        border-radius: 10px;
        background-size: 3em 3em;
        background-image: linear-gradient(-45deg,transparent 0em,transparent 0.1em,#f2f2f2 0.9em,#f2f2f2 2.1em,transparent 2.1em,transparent 2.9em,#f2f2f2 0em);
        -webkit-animation: warning-animation 750ms infinite linear;
        -moz-animation: warning-animation 750ms infinite linear;
        animation: warning-animation 750ms infinite linear;
    }

    @-webkit-keyframes warning-animation {
        0% {
            background-position: 0 0;
        }

        100% {
            background-position: 3em 0;
        }
    }

    @-moz-keyframes warning-animation {
        0% {
            background-position: 0 0;
        }

        100% {
            background-position: 3em 0;
        }
    }

    @keyframes warning-animation {
        0% {
            background-position: 0 0;
        }

        100% {
            background-position: 3em 0;
        }
    }

    .warning:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        height: 100%;
        border-radius: 10px;
    }

    .container-1 {
        width: 20vw;
        margin: 9vh auto 0;
    }

        .container-1 .warning {
            height: 2vh;
        }

    .ts-box {
        margin: 150px auto;
        width: 700px;
        background-color: #fff;
        box-shadow: 0 0 6px rgba(90,9 90,0.4);
    }

        .ts-box h2 {
            text-align: center;
            color: #4c4c4c;
            padding-top: 25px;
            padding-bottom: 20px;
        }

    .ts-xt {
        border-bottom: 1px dashed #ccc;
    }

    .ts-content {
        margin-top: 30px;
        margin-bottom: 60px;
        font-size: 14px;
        overflow: hidden;
        text-align: center;
        display: block;
    }

    .ts-top {
        margin-top: 60px;
        margin-bottom: 10px;
    }

    .jdt-my-top {
        width: 80%;
        margin: 0 auto;
        margin-top: 60px;
    }

    .ts-xin {
        text-align: right;
        display: block;
        font-size: 14px;
        padding-right: 20px;
        padding-bottom: 20px;
    }
}

@media (min-width:768px;) {
    .reg-cont {
        color: #494949;
    }
}

.input-group-addon {
    width: 10px;
}

    .input-group-addon a {
        color: #494949;
    }

.gw-box {
    max-width: 1210px;
    margin: 0 auto;
}

.reg-cont {
    color: #494949;
    font-size: 1.2rem;
}

.login-password {
    color: #30b3eb;
    font-size: 1.4rem;
}

.login-new-user a {
    font-size: 1.4rem;
}

@media (min-width:768px;) {
    .login-box {
        margin-top: 147px;
    }

    .login-password {
        color: #30b3eb;
    }
}

.login-admin1 {
    width: 100%;
    position: absolute;
    z-index: 222;
    top: 259px;
}

@media (min-width:992px) {
    .login-new-user a {
        font-size: 14px;
    }

    .login-password {
        color: #30b3eb;
        font-size: 14px;
        padding-left: 3px;
    }

    .reg-cont {
        color: #494949;
        font-size: 14px;
    }

    .login-new-user {
        float: right;
        color: #5b5b5b;
    }

    .login-admin1 {
        width: 100%;
        position: absolute;
        z-index: 222;
        top: 285px;
    }
}

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -webkit-appearance: none;
    padding-left: 10px\9;
    padding-left: 10px;
}

.input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) {
    border-radius: 0px;
    -webkit-appearance: none;
}

.ectouch_nav-tabs > li {
    width: 50%;
}

    .ectouch_nav-tabs > li > a {
        text-align: center;
    }

.ectouch-ectouch_nav > li {
    font-size: 1.4rem;
    border-bottom: 1px solid #e6e6e6;
}

@media (min-width:992px) {
    .ectouch-ectouch_nav > li {
        float: left;
        font-size: 1.1rem;
        border-bottom: none;
    }
}

.user-left-header {
    width: 100%;
    height: 100px;
    background-color: #52C4F5;
    margin-top: 0px;
}

.user-left-cont-img {
    background-color: #fff;
    height: 70px;
    width: 70px;
    border-radius: 50px;
    margin: 15px auto;
    overflow: hidden;
    border: 3px solid #fff;
}

    .user-left-cont-img img {
        height: 70px;
        : 70px;
    }

.user-left-cont-1, .user-left-cont-2 {
    float: left;
}

.user-left-cont-1 {
    width: 30%;
}

.user-left-cont-2 {
    width: 70%;
}

.user-box-bg {
    background-color: #f1f2f7;
}

.user-title {
    font-size: 2.1rem;
    color: #fff;
    text-align: left;
    margin-top: 30px;
    padding-bottom: 0px;
}

.user-title1 {
    font-size: 1.2rem;
    color: #fff;
    text-align: left;
    margin-top: -10px;
}

.user-left {
    border-radius: 8px;
}

.user-right h2 {
    font-size: 1.8rem;
    color: #424242;
    padding-top: 20px;
    padding-left: 20px;
    margin-top: 0px;
    display: none;
}

.user-xian {
    border-bottom: 1px solid #fff;
    margin-bottom: 1rem;
}

.user-time {
    margin-left: 20px;
    font-size: 1.5rem;
    color: #707070;
}

.user-time1 {
    margin-left: 20px;
    font-size: 1.2rem;
    color: #707070;
    display: block;
}

.user-time-color {
    color: #52C4F5;
}

    .user-time-color a {
        color: #52C4F5;
    }

.user-bott-box {
    background-color: #F7F8FA;
    width: 100%;
    text-align: left;
    padding: 10px;
    color: #626262;
    margin-top: -20px;
}

.panel-heading {
    padding: 40px 20px;
    border-bottom: 0px solid transparent;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.panel-default > .panel-heading {
    color: #333;
    background-color: #fff;
    border-color: #fff;
}

.user-right {
    border-radius: 8px;
    background-color: #FFF;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    min-height: 200px;
}

.panel-default {
    border-color: #fff;
}

.form-user-box1, .form-user-box2 {
    float: left;
}

.form-user-box {
    overflow: hidden;
    margin-left: 0px;
}

.form-user-box1 {
    width: 36%;
    margin-left: -40px;
    width: 36%;
}

.form-user-box2 {
    width: 70%;
    float: right;
}

.lab-my {
    font-weight: 100;
    padding-right: 20px;
    font-size: 14px;
    text-align: right;
    display: block;
    margin-top: 6px;
    color: #5C5C5C;
}

.user-bd-box {
    margin: 0 auto;
    margin-bottom: 50px;
}

    .user-bd-box img {
        width: 100%;
    }

.user-anniu-color {
    background-color: #BEBEBE;
    border: medium none;
}

.user-sele {
    height: 30px;
    border-radius: 5px;
    width: 100%;
    border: 1px solid #ccc;
    line-height: 30px;
    -webkit-appearance: none;
    margin-left: -20px;
}

.user-sele1 {
    height: 30px;
    border-radius: 5px;
    border: 1px solid #ccc;
    width: 49.5%;
    margin-left: -20px;
}

@media (min-width:992px) {
    .user-sele1 {
        margin-left: 0px;
    }
}

.user-sele2 {
    height: 30px;
    border-radius: 5px;
    border: 1px solid #CCC;
    width: 100%;
}

.my-header {
    height: 4rem;
}

.my-logo {
    height: 2.8rem;
}

.user-max-box {
    overflow: hidden;
}

.user-ectouch_nav-my {
    width: 2.8rem;
    padding-right: 1.6rem;
    padding-top: 1.2rem;
}

.user-my-anniu {
    margin-left: -25px;
}

.user-anniu-color:hover {
    background-color: #8e8e8e;
    border: none;
}

.user-sa-an li {
    width: 50%;
    float: left;
}

.user-sa-an {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
}

.user-my-anniu1 {
    margin-left: 15px;
}

.user-time-color1 {
    color: #FF7800;
}

.user-my-anniu2 {
    margin-left: 48px;
}

.my-user-bottom {
    margin-bottom: 20px;
}

td, th {
    font-size: 0.8rem;
    text-align: center;
}

.user-time {
    margin-left: 20px;
    font-size: 1.5rem;
    color: #707070;
    display: none;
}

.user-time-my {
    margin-left: 20px;
    font-size: 1.5rem;
    color: #707070;
    display: block;
}

#m1, #m2, #m3, #m4, #m5, #m6, #m7 {
    float: left;
    font-size: 1.3rem;
    width: 12.5%;
}

#m1, #m2, #m3, #m4, #m5, #m6 {
    border-right: 1px solid #ccc;
    text-align: center;
}

.user-ectouch_nav-my {
    display: none;
}

.user-nav2 {
    overflow: hidden;
    margin-left: -40px;
}

    .user-nav2 a {
        color: #414141;
    }

        .user-nav2 a:hover {
            color: #52c4f5;
        }

.user-iphone-ectouch_nav {
    margin: 0 auto;
    margin-bottom: 3px;
    margin-top: 3px;
    background-color: #fff;
    padding-top: 0.8rem;
    padding-bottom: 0.3rem;
    overflow-x: scroll;
}

.user-ip-cont {
    width: 640px;
}

.user-bangding {
    width: 100px;
    margin: 0 auto;
}

.tab1 {
    width: 90%;
    margin: 50px auto 0 auto;
}

.tab2 {
    width: 90%;
    margin: 50px auto 0 auto;
}

.menu1 {
    height: 28px;
    font-size: 14px;
}

    .menu1 li {
        float: left;
        width: 50%;
        text-align: center;
        line-height: 28px;
        height: 28px;
        cursor: pointer;
        padding-bottom: 32px;
    }

#one1 {
    border-bottom: red solid 2px;
    color: red;
}

#one2 {
    border-bottom: #ccc solid 2px;
    color: #000;
}

.menu1 li.off {
    background: #fff;
    color: red;
    font-weight: bold;
    border-bottom: none;
    border-bottom: 1px solid red;
}

.menu2 {
    height: 28px;
    font-size: 14px;
}

    .menu2 li {
        float: left;
        width: 50%;
        text-align: center;
        line-height: 28px;
        height: 28px;
        cursor: pointer;
        padding-bottom: 32px;
    }

#one3 {
    border-bottom: red solid 2px;
    color: red;
}

#one4 {
    border-bottom: #ccc solid 2px;
    color: #000;
}

.menu2 li.off {
    background: #fff;
    color: red;
    font-weight: bold;
    border-bottom: none;
    border-bottom: 1px solid red;
}

#one4.off {
    color: red;
    border-bottom: 2px solid red;
}

#one2.off {
    color: red;
    border-bottom: 2px solid red;
}

.menudiv {
    border-top: 0;
    background: #fefefe;
    margin-top: 50px;
}

    .menudiv div {
        line-height: 28px;
    }

.user-yuan, .user-yuan1 {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    margin-bottom: 20px;
    margin-left: 49%;
}

.user-yuan {
    background-color: red;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    margin-bottom: 20px;
    margin-left: 49%;
}

.user-yuan1 {
    background-color: #ccc;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    margin-bottom: 20px;
    margin-left: 49%;
}

    .user-yuan1.off {
        background-color: red;
    }

.user-yuan3, .user-yuan4 {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    margin-bottom: 20px;
    margin-left: 48%;
}

.user-yuan3 {
    background-color: red;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    margin-bottom: 20px;
    margin-left: 49%;
}

.user-yuan4 {
    background-color: #ccc;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    margin-bottom: 20px;
    margin-left: 49%;
}

    .user-yuan4.off {
        background-color: red;
    }

.user-one {
    margin-left: -40px;
}

.my-user-xyb {
    color: #fff;
}

.an-user-color {
    border-bottom: 2px solid red;
}

.tab-hd-con {
    float: left;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
}

.tab-hd .current {
    font-weight: bold;
}

.tab-bd-con {
    display: none;
}

.tab-ft {
    margin-top: 8px;
    line-height: 20px;
    color: #c1c1c1;
    text-align: right;
}

.tab-hd-con a {
    color: red;
}

.tab-sub-3 .tab-hd-con {
    width: 49%;
}

.tab-sub-3 .tab-hd .current {
    width: 49%;
}

.tab-area .tab-hd-con {
    width: 102px;
}

.tab-main .tab-hd, .tab-sub .tab-hd, .tab-product .tab-hd, .tab-area .tab-hd {
    height: 40px;
    line-height: 40px;
}

.tab-main .tab-hd-con, .tab-sub .tab-hd-con, .tab-product .tab-hd-con, .tab-area .tab-hd-con {
    height: 47px;
    border-bottom: 2px solid #ccc;
}

.tab-main .tab-hd .current, .tab-sub .tab-hd .current, .tab-product .tab-hd .current, .tab-area .tab-hd .current {
    position: relative;
    z-index: 1;
    border-bottom: 2px solid red;
    color: red;
}

.col-md-3, .col-sm-12 {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 0px;
}

.queren-new-box {
    width: 90%;
    margin-left: 0px;
}

@media (min-width:992px) {
    .queren-new-box {
        width: 35%;
        margin-left: 290px;
    }

    .col-md-3, .col-sm-12 {
        padding-left: 0px;
        padding-right: 0px;
        margin-top: 10px;
    }

    .user-bangding {
        width: 15rem;
        margin-top: 3rem;
    }

    .my-user-xyb {
        color: #fff;
    }

    .user-my-anniu2 {
        margin-left: 20px;
    }

    .user-ectouch_nav-my {
        width: 2.6rem;
        padding-right: 1.6rem;
        padding-top: 1.7rem;
    }

    .ectouch-ectouch_nav > li {
        loat: left;
        font-size: 1.5rem;
    }

    .user-sq {
        color: #52c4f5;
    }

    .user-cont-box {
        height: 650px;
        margin: 70px auto;
    }

    .user-right {
        border-radius: 8px;
        background-color: #fff;
        min-height: 515px;
    }

    .user-left {
        border-radius: 8px;
        height: 514px;
        background-color: #fff;
        width: 93%;
        top: 75px;
    }

    .user-left-header {
        width: 100%;
        height: 145px;
        background-color: #52c4f5;
        border-radius: 8px 8px 0 0;
        margin-top: 0px;
    }

    .user-left-cont {
        overflow: hidden;
    }

    .user-left-cont-1, .user-left-cont-2 {
        float: left;
    }

    .user-left-cont-1 {
        width: 40%;
    }

    .user-left-cont-2 {
        width: 60%;
    }

    .user-left-cont-img {
        background-color: #fff;
        height: 75px;
        width: 75px;
        border-radius: 50px;
        margin: 30px auto;
        overflow: hidden;
        border: 4px solid #fff;
    }

        .user-left-cont-img img {
            height: 100%;
            width: 100%;
        }

    .user-title {
        font-size: 24px;
        color: #fff;
        text-align: left;
        margin-top: 46px;
        padding-bottom: 0px;
    }

    .user-title1 {
        font-size: 14px;
        color: #fff;
        text-align: left;
        margin-top: -10px;
    }

    .user-ectouch_nav {
        float: left;
        color: #767676;
        font-size: 13px;
        width: 50%;
        text-align: center;
        margin-top: 30px;
        border-left: 1px solid #e9e9e9;
    }

        .user-ectouch_nav:first-child {
            border-left: none;
        }

        .user-ectouch_nav span {
            font-size: 20px;
        }

    .user-xian {
        border-bottom: 1px solid #e9e9e9;
        margin-bottom;
    }

    .user-nav2 {
        margin-top: 10px;
    }

        .user-nav2 li {
            color: #414141;
            text-align: left;
            font-size: 14px;
            line-height: 48px;
        }

            .user-nav2 li:hover {
                color: #52c4f5;
                text-align: left;
                font-size: 14px;
                line-height: 48px;
            }

    .user-right h2 {
        font-size: 20px;
        color: #424242;
        padding-top: 20px;
        padding-left: 20px;
        margin-top: 0px;
        padding-bottom: 20px;
        display: block;
    }

    .user-time {
        margin-left: 58px;
        margin-top: 32px;
        font-size: 16px;
        color: #707070;
        display: block;
    }

    .user-time-color {
        color: #52c4f5;
    }

    .user-time1 {
        margin-left: 20px;
        font-size: 13px;
        color: #707070;
        display: inline;
    }

    .user-right-cont {
        background-color: #f7f8fa;
        width: 85%;
        margin-left: 60px;
        margin-top: 20px;
        border-radius: 0px;
        border: none;
        height: 50px;
    }

    .user-my-box {
        width: 85%;
        margin-left: 117px;
        box-shadow: 0px 0px 0px rgba(0,0,0,0.176);
        display: block;
        border: none;
    }

    .form-my {
        width: 80%;
    }

    .lab-my {
        font-weight: 100;
        padding-right: 20px;
        font-size: 14px;
        text-align: right;
        display: block;
        margin-top: 10px;
        color: #5c5c5c;
    }

    .my-input {
        width: 600px;
        height: 30px;
    }

    .my-input-box {
        padding-top: 23px;
    }

    .panel-default {
        border-color: #fff;
    }

        .panel-default > .panel-heading {
            color: #333;
            background-color: #fff;
            border-color: #fff;
        }

    .panel-heading {
        padding: 45px 20px;
        border-bottom: 0px solid transparent;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }

    .user-bott-box {
        background-color: #f7f8fa;
        width: 90%;
        text-align: left;
        margin-left: 40px;
        padding: 20px;
        color: #626262;
        margin-top: -20px;
    }

    .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
        border-top: 0px solid #fff;
    }

    .form-user-box1, .form-user-box2 {
        float: left;
    }

    .form-user-box {
        overflow: hidden;
        width: 100%;
        margin-left: 0px;
        margin-bottom: 25px;
    }

    .form-user-box1 {
        width: 15%;
    }

    .form-user-box2 {
        width: 85%;
    }

    .user-time-color1 {
        color: #ff7800;
    }

    .user-anniu {
        background-color: #30b3eb;
    }

    .user-sa-an li {
        width: 50%;
        float: left;
        padding-bottom: 20px;
    }

    .user-sa-an {
        overflow: hidden;
        width: 60%;
        margin: 0 auto;
    }

    .my-user-an {
        width: 80%;
    }

    .user-sa-an1 {
        margin-left: 250px;
    }

    .user-anniu-color {
        background-color: #bebebe;
        border: none;
    }

        .user-anniu-color:hover {
            background-color: #8e8e8e;
            border: none;
        }

    .user-bd-box {
        margin: 0 auto;
        width: 638px;
        margin-bottom: 50px;
    }

        .user-bd-box img {
            width: 100%;
        }

    .user-sa-an1 {
        width: 60%;
    }

    .my-user-an2, .my-user-an2:hover {
        background-color: #fff;
        der: none;
    }

    .table-width {
        width: 90%;
        margin: 30px auto;
    }

    .ectouch_footer-box-2 {
        width: 100%;
        height: 145px;
        margin: 0px auto;
        background-color: #f8f8f8;
        overflow: hidden;
        border-top: 1px solid #eee;
        margin-top: 50px;
    }

    .user-sele {
        height: 40px;
        border-radius: 5px;
        width: 100%;
        border: 1px solid #e0dede;
    }

    .user-sele1 {
        height: 40px;
        border-radius: 5px;
        border: 1px solid #ccc;
        width: 50%;
        x-sizing: border-box;
    }

    td, th {
        font-size: 1.3rem;
        text-align: center;
    }

    .my-logo {
        height: 3rem;
    }

    .user-sele {
        margin-left: 0px;
        padding-left: 10px;
    }

    .user-nav2 {
        display: block;
    }

    .user-ectouch_nav-my {
        display: block;
    }

    #m1, #m2, #m3, #m4, #m5, #m6, #m7 {
        float: none;
        font-size: 16px;
        width: 100%;
    }

    #m1, #m2, #m3, #m4, #m5, #m6 {
        border-right: 1px solid #fff;
        text-align: left;
    }

    .user-iphone-ectouch_nav {
        margin: 0 auto;
        margin-bottom: 0px;
        margin-top: 0px;
        background-color: #fff;
        padding-top: 0rem;
        padding-bottom: 0rem;
        overflow-y: hidden;
        overflow-x: hidden;
        border-top: 10px solid #f1f2f7;
    }

    .user-ip-cont {
        width: 100%;
    }

    .user-nav2 {
        overflow: hidden;
        margin-left: -15px;
    }

    .user-yz, .user-yz-cone {
        overflow: hidden;
        margin: 0 auto;
        width: 80%;
    }

    .user-yz-cone {
        position: relative;
    }

    .user-yz1 {
        color: #E0574E;
    }

    .user-yz1, .user-yz2 {
        float: left;
        width: 50%;
        text-align: center;
    }

    .user-yz3, .user-yz4 {
        float: left;
        width: 50%;
        margin-top: 12px;
        margin-bottom: 12px;
    }

    .user-yz3 {
        border-bottom: 2px solid #e0574e;
    }

    .user-yz4 {
        border-bottom: 2px solid #ccc;
    }

    .user-yz5 {
        border-radius: 100%;
        background-color: #e0574e;
        height: 13px;
        width: 13px;
        position: absolute;
        left: 18%;
        top: 25%;
    }

    .user-yz6 {
        border-radius: 100%;
        background-color: #ccc;
        height: 13px;
        width: 13px;
        position: absolute;
        left: 81%;
        top: 25%;
    }

    .input-pos-top {
        margin-top: 0px;
    }

    .user-bangding {
        width: 100px;
        margin: 0 auto;
    }

    .tab1 {
        width: 90%;
        margin: 50px auto 0 auto;
    }

    .tab1 {
        width: 90%;
        margin: 50px auto 0 auto;
    }

    .menu1 {
        height: 28px;
        font-size: 14px;
    }

        .menu1 li {
            float: left;
            width: 50%;
            text-align: center;
            line-height: 28px;
            height: 28px;
            cursor: pointer;
            padding-bottom: 32px;
        }

    #one1 {
        border-bottom: red solid 2px;
        color: red;
    }

    #one2 {
        border-bottom: #ccc solid 2px;
        color: #000;
    }

    .menu1 li.off {
        background: #fff;
        color: red;
        font-weight: bold;
        border-bottom: none;
        border-bottom: 1px solid red;
    }

    .menu2 {
        height: 28px;
        font-size: 14px;
    }

        .menu2 li {
            float: left;
            width: 50%text-align:center;
            line-height: 28px;
            height: 28px;
            cursor: pointer;
            padding-bottom: 32px;
        }

    #one3 {
        border-bottom: red solid 2px;
        color: red;
    }

    #one4 {
        border-bottom: #ccc solid 2px;
        color: #000;
    }

    .menu2 li.off {
        background: #fff;
        color: red;
        font-weight: bold;
        border-bottom: none;
        border-bottom: 1px solid red;
    }

    .menudiv1 {
        border-top: 0;
        background: #fefefe;
        margin-top: 50px;
    }

        .menudiv1 div {
            line-height: 28px;
        }

    #one4.off {
        color: red;
        border-bottom: 2px solid red;
    }

    #one2.off {
        color: red;
        border-bottom: 2px solid red;
    }

    .menudiv {
        border-top: 0;
        background: #fefefe;
        margin-top: 50px;
    }

        .menudiv div {
            line-height: 28px;
        }

    .user-yuan, .user-yuan1 {
        width: 12px;
        height: 12px;
        border-radius: 100%;
        margin-bottom: 20px;
        margin-left: 49%;
    }

    .user-yuan {
        background-color: red;
        width: 12px;
        height: 12px;
        border-radius: 100%;
        margin-bottom: 20px;
        margin-left: 49%;
    }

    .user-yuan1 {
        background-color: #ccc;
        width: 12px;
        height: 12px;
        border-radius: 100%;
        margin-bottom: 20px;
        margin-left: 49%;
    }

        .user-yuan1:hover {
            background-color: red;
        }

    .user-bangding img {
        width: 100%;
    }

    .user-yuan3, .user-yuan4 {
        width: 12px;
        height: 12px;
        border-radius: 100%;
        margin-bottom: 20px;
        margin-left: 48%;
    }

    .user-yuan3 {
        background-color: red;
        width: 12px;
        height: 12px;
        border-radius: 100%;
        margin-bottom: 20px;
        margin-left: 49%;
    }

    .user-yuan4 {
        background-color: #ccc;
        width: 12px;
        height: 12px;
        border-radius: 100%;
        margin-bottom: 20px;
        margin-left: 49%;
    }

        .user-yuan4:hover {
            background-color: red;
        }

    .an-user-color {
        border-bottom: 2px solid red;
    }

    .tab-hd-con {
        float: left;
        font-size: 14px;
        text-align: center;
        cursor: pointer;
    }

    .tab-hd .current {
        font-weight: bold;
    }

    .tab-bd-con {
        display: none;
    }

    .tab-ft {
        margin-top: 8px;
        line-height: 20px;
        color: #c1c1c1;
        text-align: right;
    }

    .tab-hd-con a {
        color: red;
    }

    .tab-sub-3 .tab-hd-con {
        width: 50%;
    }

    .tab-sub-3 .tab-hd .current {
        width: 50%;
    }

    .tab-area .tab-hd-con {
        width: 102px;
    }

    .tab-main .tab-hd, .tab-sub .tab-hd, .tab-product .tab-hd, .tab-area .tab-hd {
        height: 40px;
        line-height: 40px;
    }

    .tab-main .tab-hd-con, .tab-sub .tab-hd-con, .tab-product .tab-hd-con, .tab-area .tab-hd-con {
        height: 47px;
        border-bottom: 2px solid #ccc;
    }

    .tab-main .tab-hd .current, .tab-sub .tab-hd .current, .tab-product .tab-hd .current, .tab-area .tab-hd .current {
        position: relative;
        z-index: 1;
        border-bottom: 2px solid red;
        color: red;
    }
}

.pro-bottom-pos {
    padding-bottom: 30px;
}

.col-md-44 {
    width: 33.33%;
    float: left;
}

.product-banner {
    background-image: url("../images/product/banner-bg.jpg");
    background-color: #000;
}

    .product-banner h2 {
        color: #fff;
        padding-top: 7rem;
        font-size: 1.7rem;
        text-align: center;
        padding-bottom: 1rem;
    }

    .product-banner p {
        font-size: 1.2rem;
        margin: 0 auto;
        width: 90%;
        text-align: center;
        color: #fff;
        padding-bottom: 1.5rem;
    }

    .product-banner h1 {
        font-size: 6rem;
        color: #fff;
        padding-top: 2rem;
        padding-bottom: 3rem;
        display: none;
    }

.pro-title-two {
    font-size: 18px;
}

.pro-row {
    width: 95%;
    margin: 0 auto;
    padding-bottom: 4.5rem;
}

.pro-an-my {
    padding: 4px 10px 4px 10px;
    border: 1px solid #bce5f6;
    color: #F6F6F7;
    position: static;
    font-size: 1.3rem;
    text-align: center;
    width: 95%;
    display: block;
}

    .pro-an-my:hover {
        background-color: #fff\9;
        background: rgba(255,255,255,0.4) !important;
        filter: alpha(opacity=40);
        border: 1px solid #bce5f6;
        color: #fff;
        color: #fff\9;
        outline: 0;
    }

    .pro-an-my span {
        position: relative;
        color: #fff;
    }

@media (min-width:992px) {
    .pro-an-my {
        padding: 15px 70px 15px 70px;
        font-size: 20px;
    }

    .pro-bottom-pos {
        padding-bottom: 40px;
    }
}

.product-demo {
    background-color: #fff;
    height: 100%;
}

.product-demo-cent {
    margin: 0px auto;
    margin-top: 40px;
    width: 80%;
}

    .product-demo-cent img {
        width: 100%;
    }

.product-update {
    background-color: #30b3eb;
}

    .product-update h1 {
        font-size: 6rem;
        color: #fff;
        margin-top: 3rem;
    }

.pro-demo-nav1, .pro-demo-nav2, .pro-demo-nav3 {
    float: left;
    width: 33.333%;
    padding-top: 1.6rem;
    margin: 0 auto;
    height: 7rem;
}

.pro-demo-nav1 {
    background-color: #43baed;
}

.pro-demo-nav2 {
    background-color: #2eace2;
}

.pro-demo-nav3 {
    background-color: #2ba1d3;
}

.pro-demo-nav1:hover {
    background-color: #20a3da;
}

.pro-demo-nav2:hover {
    background-color: #1391c7;
}

.pro-demo-nav3:hover {
    background-color: #0079ac;
}

.pro-update-cont-box {
    margin: 0 auto;
    color: #fff;
    font-size: 2rem;
}

.pro-update-title2, .pro-update-title3 {
    font-size: 1rem;
    margin-top: -5px;
    margin-left: 24px;
}

.product-log {
    background-color: #fff;
}

.product-feater {
    background-color: #30b3eb;
}

.pro-update-cont-box {
    width: 90%;
    margin: 0 auto;
    color: #fff;
    font-size: 0.9rem;
}

    .pro-update-cont-box img {
        width: 2rem;
    }

.pro-demo-row {
    padding-bottom: 30px;
}

.pro-demo-ectouch_nav {
    overflow: hidden;
    margin-top: 50px;
}

.product-log-cont {
    background-image: url("../images/product/log-cont-bg.jpg");
    height: 340px;
}

.product-log-content {
    height: 260px;
    color: #fff;
    width: 100%;
    overflow-y: scroll;
}

.product-log-content-box {
    margin-top: 0px;
    position: relative;
}

@media (min-width:992px) {
    .product-log-content {
        height: 260px;
        color: #fff;
        width: 1210px;
        margin: 0px auto;
        overflow-y: scroll;
    }
}

.update-img4 {
    display: block;
    width: 48px;
}

.content-box {
    width: 90%;
    margin: 0px auto;
    position: relative;
}

.up_content_content::before {
    content: "";
    position: absolute;
    top: 10px;
    bottom: 0px;
    width: 1px;
    left: 60px;
    background: #FFF none repeat scroll 100% 100%;
}

.update-img7 {
    margin-left: 10px;
    margin-top: 20px;
}

.update-content-bg {
    background-color: #30b3eb;
    border-radius: 8px;
    width: 90%;
    padding-top: 30px;
    padding-left: 30px;
    padding-bottom: 30px;
    margin-top: -16px;
    color: #fff;
    margin-left: 35px;
}

.update-content-bg1 {
    background-color: #30b3eb;
    border-radius: 8px;
    width: 90%;
    padding-top: 30px;
    padding-left: 30px;
    padding-bottom: 30px;
    margin-top: -16px;
    color: #fff;
    margin-left: 35px;
}

.update-content-bg3 {
    background-color: #30b3eb;
    border-radius: 8px;
    width: 90%;
    padding-top: 30px;
    padding-left: 30px;
    padding-bottom: 30px;
    margin-top: -16px;
    color: #fff;
    margin-left: 35px;
}

.update-sjx {
    position: absolute;
    top: 30px;
    right: 625px;
    display: none;
}

.update-sjx-1 {
    position: absolute;
    top: 160px;
    right: 210px;
    display: none;
}

.up_img, .up_img_box {
    width: 2rem;
    margin-left: 1.1rem;
    margin-top: 0.6rem;
    display: block;
}

.updata-title {
    margin-bottom: 20px;
    overflow: hidden;
    margin-left: -40px;
}

    .updata-title li {
        float: left;
        border-right: 1px solid #fff;
    }

        .updata-title li:last-child {
            border-right: none;
        }

.upadta-nianfen {
    font-size: 0.8rem;
}

.updata-title-min1 {
    width: 25%;
    font-size: 1rem;
}

    .updata-title-min1 img {
        display: block;
    }

.updata-title-min2 {
    width: 60%;
    margin-left: 15px;
    font-size: 1.3rem;
}

.uadate-content {
    font-size: 1rem;
}

@media (min-width:992px) {
    .upadta-nianfen {
        font-size: 1.3rem;
    }

    .updata-title-min1 {
        width: 15%;
        font-size: 2rem;
    }

    .updata-title-min2 {
        width: 80%;
        margin-left: 15px;
        font-size: 2rem;
    }
}

.feater-logo {
    margin: 0 auto;
    width: 153px;
    margin-top: 80px;
    height: 80px;
}

    .feater-logo p {
        font-size: 22px;
        color: #fff;
        margin-top: 5px;
    }

.feater-gl-logo {
    width: 190px;
    margin: 0 auto;
    overflow: hidden;
}

.feater-gl-logo1 {
    float: left;
    width: 33.333%;
    padding-top: 25px;
    margin: 0px auto;
    height: 0px;
}

.ectouch_footer-content-1 {
    display: none;
}

.ectouch_footer-app-box {
    display: block;
    color: #fff;
    text-align: center;
    font-size: 1.3rem;
    padding: 2rem 0.5rem 1rem 0.5rem;
}

@media (min-width:992px) {
    .ectouch_footer-content-1 {
        display: block;
    }

    .ectouch_footer-app-box {
        display: none;
    }

    .feater-gl-logo1 {
        float: left;
        width: 33.333%;
        padding-top: 25px;
        margin: 0px auto;
        height: 115px;
    }
}

.feater-gl-logo2, .feater-gl-logo2 img {
    width: 35px;
    height: 35px;
    margin: 0 auto;
}

#m7 a {
    margin-left: 10px;
}

.user-bangding {
    width: 6rem;
    margin-top: 3rem;
}

    .user-bangding img {
        width: 100%;
    }

.my-iput-style {
    margin-left: -20px;
}

.my-style-height {
    height: 30px;
    line-height: 30px;
}

.col-xs-6-1 {
    float: left;
    width: 50%;
}

.my-style-user {
    height: 30px;
    line-height: 30px;
    padding: 0px 0px;
}

@media (min-width:992px) {
    .pro-row {
        width: 100%;
        margin: 0 auto;
        padding-bottom: 50px;
    }

    .my-iput-style {
        margin-left: 0px;
    }

    .my-style-height {
        height: 40px;
        line-height: 40px;
    }

    .user-bangding {
        width: 15rem;
        margin-top: 3rem;
    }

    #m7 a {
        margin-left: 0px;
    }

    .product-banner h2 {
        color: #fff;
        padding-top: 133px;
        font-size: 42px;
        text-align: center;
        padding-bottom: 15px;
    }

    .product-banner p {
        font-size: 18px;
    }

    .product-banner h1 {
        display: block;
        font-size: 120px;
        padding-bottom: 50px;
        font-weight: 100;
        padding-top: 40px;
    }

    .pro-title-two {
        font-size: 18px;
    }

    .pro-row {
        width: 50%;
        margin: 0 auto;
        padding-bottom: 50px;
    }

    .product-demo {
        background-color: #fff;
        height: 653px;
    }

    .product-demo-cent {
        width: 830px;
        margin: 0px auto;
        margin-top: 65px;
    }

        .product-demo-cent img {
            width: 100%;
        }

    .product-update h1 {
        font-size: 120px;
        color: #fff;
        margin-top: 40px;
    }

    .pro-demo-row {
        padding-bottom: 30px;
    }

    .pro-demo-ectouch_nav {
        overflow: hidden;
        margin-top: 50px;
    }

    .pro-demo-nav1, .pro-demo-nav2, .pro-demo-nav3 {
        float: left;
        width: 33.333%;
        padding-top: 25px;
        margin: 0 auto;
        height: 115px;
    }

    .pro-demo-nav1 {
        background-color: #43baed;
    }

    .pro-demo-nav2 {
        background-color: #2eace2;
    }

    .pro-demo-nav3 {
        background-color: #2ba1d3;
    }

    .pro-demo-nav1:hover {
        background-color: #20a3da;
    }

    .pro-demo-nav2:hover {
        background-color: #1391c7;
    }

    .pro-demo-nav3:hover {
        background-color: #0079ac;
    }

    .pro-update-cont-box {
        width: 180px;
        margin: 0 auto;
        color: #fff;
        font-size: 22px;
    }

        .pro-update-cont-box img {
            width: 35px;
        }

    .pro-update-title2, .pro-update-title3 {
        font-size: 16px;
        margin-top: -5px;
        margin-left: 43px;
    }

    .product-log-cont {
        height: 750px;
    }

    .product-log-content-box {
        margin-top: 0px;
    }

    .product-log-content {
        height: 630px;
    }

    .feater-logo {
        margin: 0 auto;
        width: 153px;
        margin-top: 80px;
        height: 80px;
    }

        .feater-logo p {
            font-size: 22px;
            color: #fff;
            margin-top: 5px;
        }

    .feater-gl-logo {
        width: 190px;
        margin: 0 auto;
        overflow: hidden;
    }

    .feater-gl-logo1 {
        float: left;
        width: 33.333%;
        padding-top: 25px;
        margin: 0px auto;
        height: 115px;
    }

    .feater-gl-logo2, .feater-gl-logo2 img {
        width: 35px;
        height: 35px;
        margin: 0 auto;
    }

    .uadate-content {
        font-size: 15px;
    }
}

.dirsir-cont-header h2 {
    font-size: 2rem;
    padding: 1.5rem 0 1.5rem 0;
}

.sedac-banner-box {
    margin-top: 60px;
    background-image: url("../images/sedac/banner-bg.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    margin: 0px auto;
}

    .sedac-banner-box h1 {
        color: #fff;
        font-size: 1.8rem;
        padding-top: 50px;
        padding-bottom: 50px;
    }

.weixin-sedac {
    background-color: #fff;
}

.hdty-sedac {
    background-color: #fff;
}

.weixin-sedac-2 {
    padding-bottom: 100px;
    background-color: #FFF;
}

.hdty-cont-sedac, .hdty-cont-sedac img {
    width: 90%;
    margin: 3rem auto;
}

.alfx-sedac {
    background-color: #f5f5f5;
    padding-bottom: 50px;
}

.my-col {
    margin-bottom: 10px;
}

.sedac-img-box {
    width: 96%;
    margin: 3rem auto;
}

    .sedac-img-box img {
        width: 100%;
    }

@media (min-width:992px) {
    .dirsir-cont-header h2 {
        font-size: 3rem;
        padding-bottom: 20px;
    }

    .sedac-banner-box h1 {
        color: #fff;
        font-size: 40px;
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .weixin-sedac {
        background-color: #fff;
    }

    .weixin-sedac-2 {
        padding-bottom: 300px;
    }

    .hdty-sedac {
        background-color: #fff;
    }

    .hdty-cont-sedac, .hdty-cont-sedac img {
        width: 400px;
        margin: 40px auto;
    }

    .my-col {
        margin-bottom: 30px;
    }

    .sedac-img-box {
        width: 100%;
        margin: 3rem auto;
    }

        .sedac-img-box img {
            width: 100%;
            margin-top: 25px;
        }
}

.max-dirsir {
    background-color: #f2f2f2;
}

.my-dirsir-bg {
    background-color: #fff;
}

.dirsir-my-row {
    margin-top: 0px;
}

.dirsir-left-box {
    width: 99%;
}

.dirsir-right-box {
    width: 98%;
}

    .dirsir-right-box img {
        width: 99%;
    }

.dirsir-cont1, .dirsir-cont2 {
    float: left;
    margin-top: 70px;
}

.dirsir-cont1 {
    width: 35%;
}

    .dirsir-cont1 img {
        width: 280px;
        height: 145px;
    }

.dirsir-cont2 {
    width: 65%;
}

.dirsir-cont-box {
    margin-left: -46px;
}

.dirsir-ectouch_nav {
    border-bottom: 1px solid #e8e8e8;
    width: 530px;
}

.dirsir-cont-cont1 {
    width: 74%;
    padding-left: 1rem;
    box-sizing: border-box;
    padding-top: 20px;\9
}

.dirsir-cont-img1 img {
    width: 100%;
}

@media (min-width:992px) {
    .dirsir-my-row {
        margin-top: 0px;
    }

    .dirsir-ectouch_nav {
        border-bottom: 1px solid #e8e8e8;
        width: 100%;
        height: 56px;
    }

    .dirsir-cont-cont1 {
        width: 62%;
        padding-top: 20px;
        padding-top: 20px;\9
    }

    .dirsir-cont-img1 img {
        width: 20rem;
        height: 100%;
    }
}

.dirsir-ectouch_nav-cont {
    overflow: hidden;
    margin-left: -40px;
}

    .dirsir-ectouch_nav-cont li {
        float: left;
        margin-left: 20px;
        color: #7a7a7a;
        font-size: 16px;
    }

        .dirsir-ectouch_nav-cont li:visited {
            color: #0094d3;
        }

.dirsir-content-box {
    overflow: hidden;
    width: 98%;
    margin: 0 auto;
    border-bottom: 1px solid #e8e8e8;
}

.dirsir-cont-cont1, .dirsir-cont-img1 {
    float: left;
}

.dirsir-cont-img1 {
    width: 26%;
}

.dirsir-cont-cont1 h2 {
    font-size: 1.6rem;
    color: #232323;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 3px;
}

.dirsir-cont-cont1 small {
    font-size: 1rem;
    color: #9e9e9e;
    margin-left: 1px;
}

.dirsir-cont-cont1 p {
    font-size: 1.3rem;
    color: #474747;
    margin: 0px 1px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.dirsir-ectouch_nav-right {
    border-bottom: 1px solid #e8e8e8;
}

    .dirsir-ectouch_nav-right span {
        font-size: 16px;
        line-height: 55px;
        height: 55px;
        padding-left: 10px;
    }

.dirsir-new-title span {
    background-color: #ff7814;
    border-radius: 3px;
    padding: 0.1px 5px 0.1px;
    color: #fff;
    font-size: 14px;
}

.dirsir-new-cont span {
    line-height: 20px;
    font-size: 14px;
    color: #222222;
    padding-left: 0px;
}

.dirsir-new-cont small {
    padding-left: 10px;
    color: #9e9e9e;
    font-size: 13px;
}

.dirsir-new-cont, .dirsir-new-title {
    float: left;
}

.dirsir-new-title-box {
    overflow: hidden;
    margin-left: -20px;
}

.dirsir-new-title {
    width: 15%;
    margin-top: 14px;
}

.dirsir-new-cont {
    width: 85%;
    margin-top: 10px;
    text-align: left;
    padding-right: 15px;
}

    .dirsir-new-cont:last-child {
        padding-bottom: 15px;
    }

.my-dir-color2 span {
    background-color: #ff9813;
}

.my-dir-color3 span {
    background-color: #ffb759;
}

.my-dir-color4 span {
    background-color: #bebebe;
}

.dirsir-new-cont img {
    width: 16px;
    margin-left: 10px;
}

.dirsir-righttop-img {
    border-top: 8px solid #f2f2f2;
}

    .dirsir-righttop-img img {
        width: 100%;
    }

.dirsir-img-box {
    width: 100%;
}

    .dirsir-img-box img {
        width: 85%;
    }

.dirsir-cont-header {
    border-bottom: 1px solid #e9e8e8;
    margin-bottom: 10px;
    margin-top: 20px;
}

.dirsir-content-box {
    width: 93%;
    margin: 0 auto;
    padding-top: 10px;
}

.dirsir-content-cont {
    font-size: 1.4rem;
    color: #1d1d1d;
    text-indent: 2em;
    text-indent: 2em\9;
    line-height: 30px;
    line-height: 30px\9;
    font-size: 14px;\9
}

.dirsir-cont-img2 {
    width: 468px;
    margin: 0 auto;
}

.dirsir-feader-cont {
    border-bottom: 1px solid #e9e8e8;
}

.dirsir-feader-right, .dirsir-feader-left {
    float: left;
    margin-top: 30px;
    padding-bottom: 20px;
    color: #575757;
    font-size: 14px;
}

.dirsir-feader-left {
    width: 100%;
}

.dirsir-feader-right {
    width: 100%;
    display: none;
}

@media (min-width:992px) {
    .dirsir-feader-right {
        width: 100%;
        display: block;
    }
}

.dirsir-feader-left strong {
    margin-left: 14px;
    color: #252525;
}

.dirsir-cont-header small {
    color: #9b9b9b;
    font-size: 1.4rem;
}

.dirsir-cont-header h4 {
    font-size: 1.2rem;
    color: #9b9b9b;
    padding-top: 0px;
    padding-bottom: 10px;
    text-align: left;
}

.dirsir-gjc-cont {
    color: #5e5e5e;
    padding-top: 10px;
}

.dirsir-cont-img1-1 img {
    width: 100%;
    margin: 0 auto;
    height: 100%;
}

.dirsir-cont-img2, .dirsir-cont-img2 img {
    width: 100%;
}

.dirsir-right-box {
    display: none;
}

.my-dirsir-but {
    float: right;
    color: #e9e8e8;
}

.dirsir-lun-left {
    margin-top: 140%;
    width: 10px;
}

.dirsir-look-img {
    margin-left: 5px;
    margin-right: 5px;
    width: 1.4rem;
}

.my-dirsir-but {
    float: right;
    color: #585858;
    border-color: #e7e8e8;
    background-color: #fff;
}

    .my-dirsir-but:hover {
        background-color: #e8e6e6;
    }

.dirsir-ectouch_nav-cont li {
    text-align: center;
}

    .dirsir-ectouch_nav-cont li a {
        color: #666;
        display: block;
    }

        .dirsir-ectouch_nav-cont li a:hover {
            color: #30b3eb;
            border-bottom: 1px solid #30b3eb;
            text-decoration: none;
        }

        .dirsir-ectouch_nav-cont li a.hover {
            color: #30b3eb;
            border-bottom: 1px solid #30b3eb;
        }

@media (min-width:992px) {
    .dirsir-content-box {
        padding-top: 0px;
    }

    .max-dirsir {
        background-color: #f2f2f2;
    }

    .dirsir-right-box img {
        width: 100%;
    }

    .dirsir-ectouch_nav-cont {
        overflow: hidden;
        margin-left: 0px;
    }

    .dirsir-cont1, .dirsir-cont2 {
        float: left;
        margin-top: 70px;
    }

    .dirsir-cont1 {
        width: 35%;
    }

        .dirsir-cont1 img {
            width: 280px;
            height: 145px;
        }

    .dirsir-cont2 {
        width: 65%;
    }

    .dirsir-cont-box {
        margin-left: -46px;
    }

    .dirsir-ectouch_nav-cont li {
        float: left;
        margin-left: 40px;
        color: #7a7a7a;
        font-size: 16px;
        padding: 16px 0 16px 0;
    }

        .dirsir-ectouch_nav-cont li:first-child {
            margin-left: 0px;
        }

    .dirsir-content-box {
        overflow: hidden;
        width: 98%;
        margin: 0 auto;
        border-bottom: 1px solid #e8e8e8;
    }

    .dirsir-cont-img1 img {
        width: 100%;
    }

    .dirsir-cont-cont1, .dirsir-cont-img1 {
        float: left;
    }

    .dirsir-cont-cont1 {
        width: 74%;
        padding-left: 15px;
    }

    .dirsir-cont-img1 {
        width: 26%;
        padding 15px 0;
        margin-top: 20px;
    }

    .dirsir-cont-cont1 h2 {
        font-size: 24px;
        color: #232323;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        margin-bottom: 8px;
    }

    .dirsir-cont-cont1 small {
        font-size: 13px;
        color: #9e9e9e;
    }

    .dirsir-cont-cont1 p {
        font-size: 14px;
        color: #474747;
        margin: 0px 0px 25px;
        text-overflow: clip;
        white-space: normal;
        position: relative;
        height: 6.5em;
        overflow: hidden;
        padding-top: 6px;
        line-height: 21px;
    }

        .dirsir-cont-cont1 p::after {
            content: "...";
            font-weight: bold;
            position: absolute;
            bottom: 0;
            right: 0;
            padding: 0 20px 1px 45px;
        }

    .dirsir-ectouch_nav-right {
        border-top: 10px solid #F0F0F0;
    }

        .dirsir-ectouch_nav-right span {
            font-size: 16px;
            line-height: 55px;
            height: 55px;
            padding-left: 10px;
        }

    .dirsir-new-title span {
        background-color: #ff7814;
        border-radius: 3px;
        padding: 0.1px 5px 0.1px;
        color: #fff;
        font-size: 12px;
    }

    .dirsir-new-cont span {
        line-height: 20px;
        font-size: 14px;
        color: #222222;
        padding-left: 0px;
        text-overflow: clip;
        white-space: normal;
        position: relative;
        height: 1.6em;
        display: block;
        overflow: hidden;
        padding-top: 2px;
    }

    .dirsir-new-cont small {
        padding-left: 10px;
        color: #9e9e9e;
        font-size: 13px;
    }

    .dirsir-new-cont, .dirsir-new-title {
        float: left;
    }

    .dirsir-new-title-box {
        overflow: hidden;
    }

    .dirsir-new-title {
        width: 12%;
        margin-top: 14px;
    }

    .dirsir-new-cont {
        width: 88%;
        margin-top: 10px;
        text-align: left;
        padding-right: 11px;
    }

        .dirsir-new-cont:last-child {
            padding-bottom: 0px;
        }

    .my-dir-color2 span {
        background-color: #ff9813;
    }

    .my-dir-color3 span {
        background-color: #ffb759;
    }

    .my-dir-color4 span {
        background-color: #bebebe;
    }

    .dirsir-new-cont img {
        width: 16px;
        margin-left: 10px;
    }

    .dirsir-righttop-img {
        border-top: 8px solid #f2f2f2;
    }

        .dirsir-righttop-img img {
            width: 100%;
        }

    .dirsir-img-box {
        width: 100%;
    }

        .dirsir-img-box img {
            width: 100%;
            height: 395px;
        }

    .dirsir-lun-left {
        margin-top: 150%;
        width: 20px;
    }

    .dirsir-content-box {
        width: 96%;
    }

    .dirsir-content-cont {
        font-size: 14px;
        line-height: 30px;
        text-indent: 2em;
    }

    .dirsir-cont-img2 {
        width: 468px;
        margin: 0 auto;
    }

    .dirsir-feader-left {
        width: 75%;
        margin-top: 40px;
    }

    .dirsir-feader-right {
        width: 19%;
    }

        .dirsir-feader-right p {
            text-align: center;
        }

    .dirsir-cont-header small {
        font-size: 13px;
        padding-top: 20px;
    }

    .dirsir-cont-header h4 {
        font-size: 13px;
    }

    .dirsir-right-box {
        display: block;
    }
}

.partners-bs {
    color: #fff;
}

.partners-banner {
    margin-top: 52px;
    background-image: url("../images/partners/banner.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    margin: 0px auto;
}

.partners-banner-title h2 {
    font-size: 3rem;
    text-align: center;
    margin-top: 90px;
}

.partners-banner-title p {
    text-align: center;
    font-size: 1.2rem;
}

.par-banner-xian, .par-banner-xian img {
    width: 95%;
    margin: 0 auto;
}

.my-tner-input {
    width: 55%;
    height: 60px;
}

.my-par-anniu {
    width: 35%;
}

.my-partner-bat {
    background-color: #30b3eb;
}

.my-partner-box {
    margin: 0 auto;
}

.my-partner-input {
    width: 500px;
}

.my-par-anniu {
    font-size: 20px;
    border: 0px solid #CCC;
    padding-bottom: 20px;
    padding-top: 20px;
}

.my-par-top {
    margin-top: 200px;
}

.par-left-img1-box, .par-left-img2-box, .par-left-img3-box {
    float: left;
}

.par-left-img1-box, .par-left-img2-box {
    width: 50%;
    margin-top: 30px;
}

.par-left-img1-box {
    margin-top: 60px;
}

.par-left-img3-box {
    width: 50%;
    margin-top: -16px;
}

.par-hxjz-box h2 {
    text-align: center;
    font-size: 2.2rem;
}

.par-hxjz-box p, .par-khjs-box p {
    font-size: 1.2rem;
    text-align: center;
    padding-bottom: 20px;
}

.hxjz-cont-box {
    overflow: hidden;
    margin-left: -20px;
}

.hxjz-left-box, .hxjz-right-box {
    float: left;
}

.hxjz-left-box {
    width: 40%;
    padding-top: 10px;
}

.hxjz-right-box {
    width: 60%;
}

    .hxjz-right-box h3, .hxjz-right-box p {
        text-align: left;
    }

    .hxjz-right-box h3 {
        font-size: 1.8rem;
        color: #333333;
    }

    .hxjz-right-box p {
        font-size: 1.2rem;
        color: #666666;
        padding-top: 12px;
    }

@media (min-width:992px) {
    .par-row-box-top {
        margin-top: 50px;
    }

    .par-xyhb-box h2 {
        text-align: center;
        font-size: 40px;
        padding-bottom: 60px;
    }

    .partners-banner-title h2 {
        font-size: 84px;
        text-align: center;
        margin-top: 160px;
    }

    .partners-banner-title p {
        text-align: center;
        font-size: 19px;
    }

    .par-banner-xian, .par-banner-xian img {
        width: 560px;
        margin: 0 auto;
    }

    .my-tner-input {
        width: 650px;
        height: 60px;
    }

    .par-left-img1-box, .par-left-img2-box, .par-left-img3-box {
        float: left;
    }

    .par-left-img1-box, .par-left-img2-box {
        width: 30%;
        margin-top: 0px;
    }

    .par-left-img1-box {
        margin-top: 60px;
    }

    .par-left-img3-box {
        width: 20%;
        margin-top: 150px;
    }

    .par-hxjz-box h2 {
        text-align: center;
        font-size: 40px;
    }

    .par-hxjz-box h2 {
        font-size: 40px;
    }

    .par-hxjz-box p, .par-khjs-box p {
        font-size: 18px;
        text-align: center;
        padding-bottom: 60px;
    }

    .hxjz-left-box, .hxjz-right-box {
        float: left;
    }

    .hxjz-left-box {
        width: 22%;
        padding-top: 10px;
    }

    .hxjz-right-box {
        width: 78%;
        margin-top: 15px;
    }

        .hxjz-right-box h3, .hxjz-right-box p {
            text-align: left;
        }

        .hxjz-right-box h3 {
            font-size: 20px;
        }

        .hxjz-right-box p {
            font-size: 14px;
        }
}

.par-xzwm-box {
    background-color: #fff;
}

.par-pos-box {
    position: relative;
}

.par-img-box {
    overflow: hidden;
    margin-top: 150px;
}

.par-img3-box p {
    font-size: 1.2rem;
    text-align: center;
}

.par-img3-box h2 {
    margin-top: 70px;
    font-size: 2rem;
}

.par-cont1, .par-cont2 {
    width: 100%;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
    font-size: 20px;
    color: #FFF;
}

.par-cont3, .par-cont4 {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    width: 100%;
}

@media (min-width:992px) {
    .par-img-box {
        overflow: hidden;
        margin: 80px 0 60px 0;
    }

    .par-img3-box p {
        font-size: 14px;
    }

    .par-cont1, .par-cont2 {
        font-size: 32px;
    }

    .par-cont3, .par-cont4 {
        font-size: 28px;
    }
}

.par-left-img1-box img, .par-left-img2-box img, .par-left-img3-box img, .par-left-img4-box img {
    width: 100%;
}

.par-cont1 {
    background-color: #30b3eb;
}

.par-cont2 {
    background-color: #10bab8;
}

.par-cont3 {
    background-color: #eb734e;
}

.par-cont4 {
    background-color: #ef44a9;
}

.par-img3-box {
    text-align: center;
}

.par-hxjz-box {
    background-color: #f5f5f5;
}

.par-khjs-box {
    background-color: #fff;
    height: 750px;
}

    .par-khjs-box h2 {
        text-align: center;
        font-size: 40px;
    }

.cs_image_all {
    margin: 0 auto;
    overflow: hidden;
    position: absolute;
}

.cs_image_list {
    float: left;
    margin: 0px;
    position: relative;
    width: 31.5%;
}

.cs_content_image {
    width: 353px;
    height: 353px;
}

.ewm_img {
    height: 353px;
    width: 353px;
    position: absolute;
    top: -360px;
    background: rgba(0,0,0,0.8);
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
}

    .ewm_img img {
        margin-top: 130px;
        margin-left: 110px;
    }

    .ewm_img p {
        font-size: 24px;
        color: #fff;
        margin-top: 30px;
    }

    .ewm_img.active {
        bottom: 0;
        transition: 0.5s;
        -moz-transition: 0.5s;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
    }

.cs_image_list h3 {
    text-align: left;
}

.par-xyhb-box1 {
    background-color: #f5f5f5;
    padding-bottom: 30px;
}

@media (min-width:992px) {
    .par-xyhb-box1 {
        padding-bottom: 60px;
    }
}

.xyhb-cont-box {
    overflow: hiden;
}

.xycont-box {
    overflow: hidden;
}

.xyhb-left-box, .xyhb-right-box {
    float: left;
    margin-top: 20px;
}

    .xyhb-left-box img {
        width: 100%;
    }

.xyhb-left-box {
    width: 46%;
    padding-top: 10px;
}

.xyhb-right-box {
    width: 48%;
    margin-top: 30px;
    margin-left: 10px;
}

    .xyhb-right-box h3, .xyhb-right-box p {
        text-align: left;
    }

    .xyhb-right-box h3 {
        font-size: 1.6rem;
        color: #333333;
    }

    .xyhb-right-box p {
        font-size: 1.2rem;
        color: #666666;
        padding-top: 12px;
        line-height: 20px;
    }

.par-left-input, .par-right-but {
    float: left;
    height: 40px;
}

.par-left-input {
    width: 70%;
    border-radius: 10px 0px 0px 10px;
    background-color: #fff;
}

.par-right-but {
    width: 30%;
    background-color: #30b3eb;
    border-radius: 0px 8px 8px 0px;
    font-size: 1.3rem;
    line-height: 25px;
    text-align: center;
}

.my-par-input {
    height: 100%;
    font-size: 1.3rem;
    padding-left: 15px;
    border: none;
    border-radius: 8px 0px 0px 8px;
}

.my-par-btn {
    background-color: #30b3eb;
    width: 100%;
    height: 90%;
    border: none;
}

    .my-par-btn:hover {
        background-color: #5bc0de;
    }

.btn-primary:focus, .btn-primary.focus {
    color: #FFF;
    background-color: #0d91ca;
}

.btn-primary:hover, .btn-primary.hover {
    color: #FFF;
    background-color: #0d91ca;
    border: 1px solid #0d91ca;
}

@media (min-width:992px) {
    .xyhb-right-box p {
        padding-top: 16px;
    }

    .my-par-input {
        height: 100%;
        font-size: 20px;
        line-height: 60px;
    }

    .par-img3-box h2 {
        margin-top: 50px;
        font-size: 30px;
    }

    .xyhb-right-box {
        margin-top: 40px;
        margin-left: 30px;
    }

        .xyhb-right-box h3 {
            font-size: 28px;
            padding-top: 20px;
        }

        .xyhb-right-box p {
            font-size: 14px;
            line-height: 20px;
        }

    .par-left-input, .par-right-but {
        height: 60px;
    }

    .par-left-input {
        width: 80%;
    }

    .par-right-but {
        width: 20%;
        font-size: 21px;
    }
}

.cd-container {
    width: 90%;
    max-width: 1170px;
    margin: 0 auto;
}

    .cd-container::after {
        content: '';
        display: table;
        clear: both;
    }

.nian-pos {
    position: absolute;
    left: 40px;
    top: 6px;
    font-size: 1.5rem;
}

#cd-timeline {
    position: relative;
    padding: 2em 0;
    margin-top: 2em;
    margin-bottom: 2em;
    overflow: hidden;
}

    #cd-timeline::before {
        content: '';
        position: absolute;
        top: 0;
        left: 18px;
        height: 100%;
        width: 1px;
        background: #d7e4ed;
    }

@media only screen and (min-width:1170px) {
    #cd-timeline {
        margin-top: 3em;
        margin-bottom: 3em;
        overflow: hidden;
    }

        #cd-timeline::before {
            left: 50%;
            margin-left: -2px;
        }
}

.cd-timeline-block {
    position: relative;
    margin: 2em 0;
}

    .cd-timeline-block:after {
        content: "";
        display: table;
        clear: both;
    }

    .cd-timeline-block:first-child {
        margin-top: 0;
    }

    .cd-timeline-block:last-child {
        margin-bottom: 0;
    }

@media only screen and (min-width:1170px) {
    .cd-timeline-block {
        margin: -4em 0;
    }

        .cd-timeline-block:first-child {
            margin-top: 0;
        }

        .cd-timeline-block:last-child {
            margin-bottom: 0;
        }
}

.cd-timeline-img {
    position: absolute;
    top: 18px;
    left: 14px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

    .cd-timeline-img img {
        display: block;
        width: 24px;
        height: 24px;
        position: relative;
        left: 50%;
        top: 0%;
        margin-left: -12px;
        margin-top: -12px;
    }

    .cd-timeline-img.cd-picture {
        background: #fff;
    }

    .cd-timeline-img.cd-movie {
        background: #fff;
    }

    .cd-timeline-img.cd-location {
        background: #fff;
    }

@media only screen and (min-width:1170px) {
    .cd-timeline-img img {
        display: block;
        width: 24px;
        height: 24px;
        position: relative;
        left: 50%;
        top: 460%;
        margin-left: -12px;
        margin-top: -12px;
    }

    .cd-timeline-img.cd-movie {
        background: #FFF none repeat scroll 0% 0%;
    }

    .nian-pos {
        position: absolute;
        left: 400px;
        top: 50px;
        font-size: 30px;
    }

    .cd-timeline-img {
        width: 10px;
        height: 10px;
        left: 50%;
        margin-left: -6px;
        margin-top: 10px;
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden;
    }

    .cssanimations .cd-timeline-img.is-hidden {
        visibility: hidden;
    }

    .cssanimations .cd-timeline-img.bounce-in {
        visibility: visible;
        -webkit-animation: cd-bounce-1 0.6s;
        -moz-animation: cd-bounce-1 0.6s;
        animation: cd-bounce-1 0.6s;
    }
}

.cd-timeline-content {
    position: relative;
    margin-left: 60px;
    background: #30b3eb;
    border-radius: 0.5em;
    padding: 1em;
}

    .cd-timeline-content:after {
        content: "";
        display: table;
        clear: both;
    }

    .cd-timeline-content h2 {
        color: #303e49;
    }

    .cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
        font-size: 13px;
        font-size: 0.8125rem;
    }

    .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
        display: inline-block;
    }

    .cd-timeline-content p {
        margin: 1em 0;
        line-height: 1.6;
    }

    .cd-timeline-content .cd-read-more {
        float: right;
        padding: .8em 1em;
        background: #acb7c0;
        color: #30b3eb;
        border-radius: 0.25em;
    }

.no-touch .cd-timeline-content .cd-read-more:hover {
    background-color: #bac4cb;
}

a.cd-read-more:hover {
    text-decoration: none;
    background-color: #424242;
}

.cd-timeline-content .cd-date {
    float: left;
    padding: .8em 0;
    opacity: .7;
}

.cd-timeline-content::before {
    content: '';
    position: absolute;
    top: 16px;
    right: 100%;
    height: 0;
    width: 0;
    border: 7px solid transparent;
    border-right: 7px solid #30b3eb;
}

@media only screen and (min-width:768px) {
    .cd-timeline-content h2 {
        font-size: 20px;
        font-size: 1.25rem;
    }

    .cd-timeline-content p {
        font-size: 16px;
        font-size: 1rem;
    }

    .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
        font-size: 14px;
        font-size: 0.875rem;
    }
}

@media only screen and (min-width:1170px) {
    .cd-timeline-content {
        margin-left: 0;
        padding: 1.6em;
        width: 45%;
    }

        .cd-timeline-content::before {
            top: 24px;
            left: 100%;
            border-color: transparent;
            border-left-color: #30b3eb;
        }

        .cd-timeline-content .cd-read-more {
            float: left;
        }

        .cd-timeline-content .cd-date {
            position: absolute;
            width: 100%;
            left: 122%;
            top: 6px;
            font-size: 16px;
            font-size: 1rem;
        }

    .cd-timeline-block:nth-child(even) .cd-timeline-content {
        float: right;
    }

        .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
            top: 24px;
            left: auto;
            right: 100%;
            border-color: transparent;
            border-right-color: #30b3eb;
        }

        .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
            float: right;
        }

        .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
            left: auto;
            right: 122%;
            text-align: right;
        }

    .cssanimations .cd-timeline-content.is-hidden {
        visibility: hidden;
    }

    .cssanimations .cd-timeline-content.bounce-in {
        visibility: visible;
        -webkit-animation: cd-bounce-2 0.6s;
        -moz-animation: cd-bounce-2 0.6s;
        animation: cd-bounce-2 0.6s;
    }
}

@media only screen and (min-width:1170px) {
    .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
        -webkit-animation: cd-bounce-2-inverse 0.6s;
        -moz-animation: cd-bounce-2-inverse 0.6s;
        animation: cd-bounce-2-inverse 0.6s;
    }

    .cd-timeline-block {
        position: relative;
    }
}

.pro-xieyi-box {
    height: 400px;
}

.pro-my-tk1 {
    overflow-y: scroll;
    overflow-x: hidden;
}

.pro-xieyi-box p {
    font-size: 1.2rem;
    color: #6e6d6d;
    margin-top: 10px;
    line-height: 20px;
    text-indent: 2em;
}

.pro-xieyi-box span {
    text-indent: 2em;
    display: block;
}

.pro-xieyi-box h4 {
    font-size: 1.4rem;
    text-align: left;
    line-height: 20px;
    text-indent: 2em;
}

@media (min-width:992px) {
    .pro-xieyi-box {
        height: 380px;
    }

        .pro-xieyi-box p {
            font-size: 12px;
            line-height: 20px;
        }

        .pro-xieyi-box h4 {
            font-size: 14px;
            line-height: 20px;
        }
}

.izl-rmenu {
    position: fixed;
    right: 10px;
    bottom: 150px;
    padding-bottom: 10px;
    background: url("../images/r_b.png") 0px bottom no-repeat;
    z-index: 1700;
}

    .izl-rmenu .btn1 {
        width: 55px;
        height: 55px;
        margin-bottom: 1px;
        cursor: pointer;
        position: relative;
        display: none;
        border-radius: 100%;
    }

    .izl-rmenu .btn-qq {
        background: url(../images/r_qq.png) no-repeat;
        background-size: 62px 63px;
    }

    .izl-rmenu a.btn-qq, .izl-rmenu a.btn-qq:visited {
        background: url(../images/r_qq.png) no-repeat;
        background-size: 62px 63px;
        text-decoration: none;
        display: none;
    }

    .izl-rmenu .btn-wx {
        background: url(../images/r_wx.png) no-repeat;
        background-size: 62px 63px;
    }

        .izl-rmenu .btn-wx .pic {
            position: absolute;
            left: -160px;
            top: 0px;
            display: none;
            width: 160px;
            height: 160px;
        }

    .izl-rmenu .btn-phone {
        background: url(../images/r_phone.png) no-repeat;
        background-size: 62px 63px;
    }

        .izl-rmenu .btn-phone .phone {
            background-color: #30b3eb;
            position: absolute;
            width: 160px;
            left: -160px;
            top: 0px;
            line-height: 63px;
            color: #FFF;
            font-size: 16px;
            text-align: center;
            display: none;
        }

    .izl-rmenu .btn-top {
        background: url(../images/r_top.png) no-repeat;
        background-size: 62px 63px;
    }

@media (min-width:992px) {
    .izl-rmenu .btn1 {
        width: 62px;
        height: 63px;
        margin-bottom: 1px;
        cursor: pointer;
        position: relative;
        display: block;
        border-radius: 0%;
    }

    .izl-rmenu a.btn-qq, .izl-rmenu a.btn-qq:visited {
        background: url(../images/r_qq.png) no-repeat;
        background-size: 62px 63px;
        text-decoration: none;
        display: block;
    }

    .izl-rmenu .btn-top {
        background-size: 62px 63px;
    }

        .izl-rmenu .btn-top:hover {
            background-color: rgba(68,68,68,0.8);
        }
}

@media (min-width:992px) {
    .modal-header h4 {
        font-size: 28px;
    }

    .modal-header span {
        font-size: 14px;
    }

    .my-control-label {
        font-size: 17px;
    }

    .my-form-control {
        height: 40px;
    }

    .my-form-group {
        margin-bottom: 40px;
    }

    .col-sm-10 span {
        font-size: 14px;
    }

    .my-but-left, .my-but-right {
        float: left;
        width: 46%;
        margin-left: 20px;
    }

    .my-but-box {
        width: 80%;
        margin-top: 0px;
    }
}

.modal-header span {
    color: #4c4c4c;
    font-size: 1.4rem;
}

.my-control-label {
    font-size: 1.6rem;
    color: #454545;
    font-weight: 100;
}

.my-form-control {
    height: 40px;
    width: 100%;
    border-radius: 0;
    padding: 10px;
}

.col-sm-10 span {
    color: #6e6d6d;
    font-size: 1.2rem;
}

.my-form-group {
    margin-bottom: 20px;
}

.my-but-left, .my-but-right {
    float: left;
    width: 40%;
    margin-left: 18px;
}

.my-but-box {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    margin-top: 0px;
    margin-left: 0px;
}

@media (min-width:992px) {
    .my-but-box {
        margin-left: 30px;
    }
}

.my-btn-info {
    background-color: #c4c4c4;
    border-color: #c4c4c4;
}

    .my-btn-info:hover {
        background-color: #bbbbbb;
        border-color: #bbbbbb;
    }

}

.user-time-color a {
    color: #30b3eb;
}

#topic_content img {
    width: 100%;
}

.ectouch_nav-zcd-1 h3 {
    font-size: 1.3rem;
}

.ectouch_nav-zcd-1 span {
    font-size: 1rem;
}

@media (min-width:992px) {
    .ectouch_nav-zcd-1 h3 {
        font-size: 20px;
    }

    .ectouch_nav-zcd-1 span {
        font-size: 16px;
    }

    .submnu {
        position: absolute;
        z-index: 6;
        background-color: rgba(0,0,0,0.7);
        display: none;
        left: 0;
        right: 0;
    }

    @media \0screen\,screen\9 {
        .submnu {
            background-color: #7a7a7a;
            filter: Alpha(opacity=70);
            *zoom: 1;
        }
    }

    .head .ectouch_nav .ectouch_menu .imenu a:hover {
        background: #3e99ee;
        color: #FFF;
    }

    .head .ectouch_nav .ectouch_menu .imenu_on {
        background: #3e99ee;
    }

        .head .ectouch_nav .ectouch_menu .imenu_on a {
            color: #FFF;
        }

    .header-xl-con {
        margin: 0 auto;
        margin-left: 0px;
        overflow: hidden;
        padding-top: 5rem\9;
        padding-bottom: 5rem;\9
    }
}

.canvas1 .items {
    margin-left: -20px;
}

.canvas1 .items-li img {
    width: 100%;
}

.canvas1 .items-li {
    margin-top: 5rem;
}

    .canvas1 .items-li .title a {
        color: #454545;
        font-size: 1.8rem;
    }

    .canvas1 .items-li .description {
        display: block;
        font-size: 1.2rem;
        color: #4d4d4d;
        text-align: left;
        margin-top: 10px;
    }

    .canvas1 .items-li .wrap_div p {
        height: 20px;
        overflow: hidden;
        text-align: center;
        font-size: 1.2rem;
        color: #30B3EB;
    }

.ser-detail-title {
    height: 50px;
    line-height: 50px;
    font-size: 13px;
    margin: 0px auto;
    padding-left: 1.5rem;
}

    .ser-detail-title a {
        color: #7a7a7a;
    }

.bs-example-modal-sm img {
    position: absolute;
    width: 150px;
    height: auto;
    position: absolute;
    top: 100px;
    left: 80px;
    opacity: 1;
    overflow: visible;
}

@media (min-width:992px) {
    .canvas1 .items {
        margin-left: 0px;
    }

    .canvas1 {
        width: 1170px;
        margin: 0 auto;
        margin-top: 10px;
        overflow: hidden;
    }

    .cover-page-index .boutique .items {
        float: left;
    }

    .canvas1 .items-li {
        float: left;
        width: 30%;
        margin-left: 30px;
        margin-bottom: 11px;
        padding-bottom: 10px;
        background-color: #fff;
        box-sizing: border-box;
        margin-top: 50px;
        margin-bottom: 50px;
    }

        .canvas1 .items-li:first-child {
            margin-left: 0px;
        }

    .canvas1 h3 {
        text-align: left;
        font-size: 36px;
        margin: 36px 0;
    }

    .canvas1 .more-services {
        float: right;
        margin: 36px 0;
    }

    .canvas1 .active {
        box-shadow: 0 0 10px rgba(0,0,0,.2);
    }

    .canvas1 .items-li .wrap_div {
        height: 120px;
        position: relative;
        z-index: 2;
        background: white;
    }

        .canvas1 .items-li .wrap_div p {
            height: 20px;
            overflow: hidden;
            text-align: center;
            font-size: 12px;
            color: #30b3eb;
        }

        .canvas1 .items-li .wrap_div div {
            position: absolute;
            left: 0;
            bottom: 0;
            z-index: 100;
            width: 100%;
            background: white;
        }

        .canvas1 .items-li .wrap_div p {
            text-align: center;
            margin-top: 5px;
            height: 0px;
            overflow: hidden;
            _line-height: 0;
        }

    .canvas1 .items-li > a {
        display: block;
        width: 100%;
        text-align: center;
        line-height: 290px;
    }

    .canvas1 .items-li img {
        max-width: 100%;
    }

    .canvas1 .items-li .title {
        width: 100%;
        padding-top: 10px;
        padding-bottom: 5px;
        font-weight: normal;
        line-height: 22px;
        text-align: center;
    }

        .canvas1 .items-li .title a {
            color: #454545;
            font-size: 28px;
        }

            .canvas1 .items-li .title a:hover {
                color: #30b3eb;
            }

    .canvas1 .items-li .description {
        display: block;
        font-size: 14px;
        color: #6c6c6c;
        text-align: left;
        margin-top: 10px;
    }

        .canvas1 .items-li .description a {
            color: #4d4d4d;
        }

    .canvas1 .items-li .price-attente {
        margin-top: 5px;
    }

        .canvas1 .items-li .price-attente .price {
            float: left;
            margin-left: 60px;
            font-size: 12px;
            color: #ef353d;
        }

        .canvas1 .items-li .price-attente .attente {
            float: right;
            margin-right: 60px;
            padding-left: 15px;
            font-size: 12px;
            color: #71cd9c;
            background-image: url(../images/cover-page-attente.png);
            background-repeat: no-repeat;
            background-position: left center;
            cursor: pointer;
        }

    .bs-example-modal-sm img {
        position: absolute;
        width: 330px;
        height: auto;
        position: absolute;
        top: 306px;
        left: 754px;
        opacity: 1;
        overflow: visible;
    }

    .new-add-cont {
        padding: 1rem;
        margin-top: 1rem;
    }

    .modal-header1 {
        min-height: 16.4286px;
        padding: 15px;
    }

    .ser-detail-title {
        height: 50px;
        line-height: 50px;
        font-size: 13px;
        margin: 0px auto;
        padding-left: 1.5rem;
    }

        .ser-detail-title a {
            color: #666;
        }
}

.my-steps {
    margin-top: 20px;
}

.new-add-cont {
    padding: 1rem;
    margin-top: 1rem;
}

.my-steps-box {
    max-width: 640px;
    margin: 30px auto 0px;
    overflow: hidden;
    padding-bottom: 30px;
}

.my-steps-demo-box {
    position: relative;
}

.demo-img-bg {
    position: absolute;
    margin-top: 0px;
}

    .demo-img-bg img {
        width: 100%;
    }

.my-demo-img {
    margin-top: 12px;
}

    .my-demo-img img {
        width: 100%;
    }

.weixin-sedac-1 {
    background-color: #f5f4f4;
}

.slideBox {
    position: relative;
    margin-top: 30px;
}

    .slideBox .hd {
        margin: 20px auto;
        max-width: 640px;
        padding-bottom: 50px;
    }

        .slideBox .hd ul {
            zoom: 1;
            float: left;
            width: 100%;
            margin-left: -20px;
        }

            .slideBox .hd ul li {
                float: left;
                margin-right: 2px;
                width: 32%;
                text-align: center;
                font-size: 1.6rem;
            }

                .slideBox .hd ul li a {
                    color: #747474;
                }

                    .slideBox .hd ul li a.on {
                        border-bottom: 1px solid #30b3eb;
                        color: #30b3eb;
                        font-size: 1.6rem;
                        padding-bottom: 5px;
                    }

    .slideBox .bd {
        position: relative;
        height: 100%;
        z-index: 0;
    }

        .slideBox .bd li {
            zoom: 1;
            vertical-align: middle;
            margin-left: -25px;
        }

        .slideBox .bd img {
            width: 100%;
            display: block;
        }

.pc-new-box {
    background-color: #f5f4f4;
}

@media (min-width:992px) {
    .my-demo-img {
        margin-top: 44px;
    }

    .my-steps-box {
        max-width: 1170px;
        margin: 65px auto 0px;
        overflow: hidden;
        padding-bottom: 90px;
    }

    .my-steps {
        margin-top: 50px;
    }

        .my-steps img {
            width: 230px;
        }

    .slideBox {
        margin-top: 60px;
    }

        .slideBox .hd {
            margin: 60px auto;
            width: 860px;
            padding-bottom: 50px;
        }

        .slideBox .bd li {
            zoom: 1;
            vertical-align: middle;
            margin-left: 0px;
        }

        .slideBox .hd ul li {
            float: left;
            margin-right: 2px;
            width: 32%;
            text-align: center;
            font-size: 22px;
        }

            .slideBox .hd ul li a.on {
                border-bottom: 2px solid #30b3eb;
                color: #30b3eb;
                font-size: 22px;
                padding-bottom: 10px;
            }

        .slideBox .hd ul {
            zoom: 1;
            float: left;
            width: 100%;
            margin-left: 0px;
        }
}

#pageshow a, #pageshow span {
    margin-left: 0.2rem;
    padding: 2px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 25px;
    float: left;
    display: block;
}

    #pageshow span.current {
        background: #30b3eb;
        border: 1px soild #30b3eb;
        color: #fff;
    }

.new-page-box div {
    width: 250px;
    margin: 0 auto;
    overflow: hidden;
}

.new-page-box {
    overflow: hidden;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

@media (min-width:992px) {
    .new-page-box {
    }
}

* {
    box-sizing: border-box;
}

.ect-radio input[type=radio], .ect-checkbox input[type=checkbox] {
    display: none;
}

.ect-radio label, .ect-checkbox label {
    margin-bottom: 0;
    font-size: 13px;
    line-height: 1.42857;
    color: #333;
}

    .ect-radio label i, .ect-checkbox label i {
        width: 1.2em;
        height: 1.2em;
        margin-right: 0.3em;
        display: block;
        float: left;
        margin-top: 0.1em;
        border-radius: 100%;
        background: rgba(255,255,255,0);
        border: 2px solid #bbb;
    }

    .ect-checkbox label i {
        border-radius: 4px !important;
        margin-top: 2px;
    }

.ect-radio input:checked + label i, .ect-checkbox input:checked + label i {
    margin-top: 2px;
    color: #F00;
    background: url(../images/radio.png) center center #30B3EB no-repeat;
    background-size: 80%;
    border: none;
}

.ect-radio input:disabled + label i, .ect-checkbox input:disabled + label i {
    background: #fff;
    border: 2px solid #e8e8e8;
}

.ect-radio input.disabled:disabled + label i, .ect-checkbox input.disabled:disabled + label i {
    background: url(../images/radio.png) center center #e8e8e8 no-repeat;
    border: none;
    background-size: 80%;
}

}

.banner-contont-box {
    width: 80%;
    height: 73px;
    margin: 0 auto;
}

    .banner-contont-box img {
        width: 100%;
    }

@media (min-width:992px) {
    .banner-contont-box {
        width: 836px;
        height: 73px;
        margin: 0 auto;
    }

        .banner-contont-box img {
            width: 100%;
        }

    .an-tr-2-5 {
        -moz-transition: 2.5s ease;
        -o-transition: 2.5s ease;
        -webkit-transition: 2.5s ease;
    }

    .index-num {
        width: 40px;
        height: 54px;
        display: inline-block;
        background: url("../images/index/number-min.png") no-repeat;
        dispaly: none;
        margin-top: 10px;
        opacity: 1;
        filter: alpha(opacity=100);
    }

        .index-num.active {
            width: 40px;
            height: 54px;
            display: inline-block;
            background: url("../images/index/number-min.png") no-repeat;
            background-position: 2px 0;
            opacity: 0;
            filter: alpha(opacity=0);
            display: block;
        }

    .index-num-0 {
        background-position: 2px 0;
    }

    .index-num-1 {
        background-position: 2px -66px;
    }

    .index-num-2 {
        background-position: 2px -133px;
    }

    .index-num-3 {
        background-position: 2px -198px;
    }

    .index-num-4 {
        background-position: 2px -265px;
    }

    .index-num-5 {
        background-position: 2px -332px;
    }

    .index-num-6 {
        background-position: 2px -399px;
    }

    .index-num-7 {
        background-position: 2px -466px;
    }

    .index-num-8 {
        background-position: 2px -533px;
    }

    .index-num-9 {
        background-position: 2px -600px;
    }
}

.update-before:before, .update-before before {
    content: "";
    position: absolute;
    top: 20px;
    bottom: 0px;
    width: 1px;
    left: 603px;
    background: #eeeeee none repeat scroll 100% 100%;
}

.update-yuan {
    top: 25px;
    right: 601.8px;
}

.update-left-pos {
    margin-left: 32px;
}

.update-right-pos {
    margin-left: 644px;
}

.p-a {
    position: absolute;
    #position:absolute;
    _position: absolute;
}

.p-r {
    position: relative;
    #position:relative;
    _position: relative;
}

.p-f {
    position: fixed;
    #position:fixed;
    _position: fixed;
}

.text-c {
    text-align: center;
    display: block;
}

.text-r {
    text-align: right;
    display: block;
}

.text-l {
    text-align: left;
    display: block;
}

.db {
    display: block;
}

.di {
    display: inline-block;
}

.b-col-ls {
    background: #30b3eb;
}

.ect-w8-5 {
    width: 85%;
}

.ect-w1-5 {
    width: 15%;
}

.l-bor {
    border-right: 1px solid #e6e6e6;
}

.oh {
    overflow: hidden;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.n-left-pos {
    margin-left: -27px;
}

.update-before:before, .update-before before {
    left: 30px;
}

.update-right-pos {
    margin-left: 30px;
}

.update-yuan {
    left: 13px;
}

.update-jt-a {
    left: 25px;
    top: 17px;
}

.update-jt-b {
    left: 25px;
    top: 17px;
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.update-box {
    border-radius: 8px;
    width: 80%;
    padding-top: 30px;
    padding-left: 20px;
    padding-bottom: 30px;
    margin-top: 50px;
}

.update-time {
    margin-left: 486px;
    z-index: 500;
    display: none;
}

.update-img8 {
    margin-left: 6px;
}

@media (min-width:992px) {
    .padding-0-02 {
        padding: 0 25px;
    }

    .margin-t4 {
        margin-top: 40px;
    }

    .update-jt-b {
        left: 542px;
        top: 20px;
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    .update-jt-a {
        top: 20px;
        left: 635px;
    }

    .update-img8 {
        margin-left: 580px;
        margin-top: -55px;
    }

    .cont-box1210 {
        width: 1210px;
        margin: 0 auto;
    }

    .margin-t3 {
        margin-top: 30px;
    }

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

    .f-16 {
        font-size: 16px;
    }

    .f-20 {
        font-size: 20px;
    }

    .f-22 {
        font-size: 22px;
    }

    .f-24 {
        font-size: 24px;
    }

    .col-f {
        color: #fff;
    }

    .left1(left:50px;) .left1.active {
        left: 100px;
    }

    .upadte-banner {
        background-image: url("../images/update/update-banner.jpg");
        height: 759px;
    }

    .upadte-banner1 {
        left: 530px;
        top: 360px;
    }

    .upadte-banner2 {
        left: 400px;
        top: 304px;
    }

    .upadte-banner3 {
        left: 472px;
        top: 200px;
    }

    .upadte-banner4 {
        right: 400px;
        top: 304px;
    }

    .upadte-cate-box {
        top: 790px;
        left: 0;
    }

    .update-before:before, .update-before before {
        content: "";
        position: absolute;
        top: 20px;
        bottom: 0px;
        width: 1px;
        left: 603px;
        background: #eeeeee none repeat scroll 100% 100%;
    }

    .update-img5 {
        margin-top: 50px;
        margin-left: 24px;
        z-index: 500;
    }

    .update-img7 {
        margin-left: 24px;
        margin-top: 20px;
    }

    .update-time {
        margin-left: 486px;
        z-index: 500;
        display: block;
    }

    .update-yuan {
        top: 25px;
        left: 586px;
    }

    .update-box {
        border-radius: 8px;
        width: 513px;
        padding-top: 30px;
        padding-left: 20px;
        padding-bottom: 30px;
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .update-left-pos {
        margin-left: 32px;
    }

    .update-right-pos {
        margin-left: 644px;
    }

    .update-sjx {
        top: 20px;
        right: 636px;
    }

    .update-sjx-1 {
        top: 20px;
        right: 564px;
    }

    .update-headr {
        width: 80px;
        height: 80px;
        margin-left: 560px;
        margin-top: -5px;
        margin-top: -3px;\9
    }

    .update-xian {
        top: 60px;
    }

    .update-cont-box {
        line-height: 26px;
    }

    .up-tit {
        margin-left: -85px;
    }

    .up-left {
        margin-left: 166px;
    }

    .addr-cont-box {
        z-index: 1;
        height: 552px;
    }

        .addr-cont-box.active {
            display: none;
            opacity: 0;
            filter: alpha(opacity=0);
            moz-transition: 1s ease;
            -o-transition: 1s ease;
            -webkit-transition: 1s ease;
        }

        .addr-cont-box li {
            height: 552px;
        }

    .addr-title {
        line-height: 30px;
        max-width: 605px;
        text-align: left;
    }

    .add-iphone {
        padding: 40px 40px 0px 40px;
    }

    .add-iphone1 {
        padding: 80px 40px 40px 40px;
    }

    .addr-cont2 p {
        margin-left: 20px;
        padding: 10.4px 0;
    }

    .addr-left-bg {
        background-color: #000\9;
        position: static;
        background: rgba(0,0,0,0.8) !important;
        filter: alpha(opacity=50);
    }

    .addr-left-cont {
        margin-top: 107px;
        margin-right: 130px;
    }

    .addr-right-float {
        padding: 10px;
        position: fixed;
        right: -75px;
        top: 50%;
        font-size: 16px;
        opacity: 0;
        filter: alpha(opacity=0);
        moz-transition: 1s ease;
        -o-transition: 1s ease;
        -webkit-transition: 1s ease;
    }

        .addr-right-float.active {
            right: 0;
            opacity: 1;
            filter: alpha(opacity=100);
        }

    .addr-right-jt {
        left: -18px;
        top: 0;
    }
}

body {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

html {
    -webkit-font-smoothing: antialiased;
}

@font-face {
    font-family: 'webfont';
    src: url('//at.alicdn.com/t/e3tcrgldr7knvcxr.eot');
    src: url('//at.alicdn.com/t/e3tcrgldr7knvcxr.eot?#iefix') format('embedded-opentype'),url('//at.alicdn.com/t/e3tcrgldr7knvcxr.woff') format('woff'),url('//at.alicdn.com/t/e3tcrgldr7knvcxr.ttf') format('truetype'),url('//at.alicdn.com/t/e3tcrgldr7knvcxr.svg#NotoSansHans-DemiLight') format('svg');
}

.my-login-bg {
    background-color: #fff;
}

.my-ectouch {
    background-color: #fff;
}

a {
    text-decoration: none;
}

    a:link {
        text-decoration: none;
    }

    a:visited {
        text-decoration: none;
    }

    a:hover {
        text-decoration: none;
    }

    a:active {
        text-decoration: none;
    }

ol, ul, li {
    list-style: none;
}

h1 {
    font-size: 2.5rem;
    text-align: center;
    color: #333333;
}

h4 {
    text-align: center;
    margin-top: 1.25rem;
}

h5 {
    text-align: center;
    margin-top: 30px;
    font-size: 16px;
}

@media only screen and (max-width:310px) and (min-width:300px) {
    html {
        font-size: 8.33333px;
    }

    .viewport {
        max-width: 300px;
    }
}

@media only screen and (max-width:320px) and (min-width:310px) {
    html {
        font-size: 8.333px;
    }

    .viewport {
        max-width: 320px;
    }
}

@media only screen and (max-width:360px) and (min-width:320px) {
    html {
        font-size: 9px;
    }

    .viewport {
        max-width: 360px;
    }
}

@media only screen and (max-width:360px) and (min-width:350px) {
    html {
        font-size: 10px;
    }

    .viewport {
        max-width: 360px;
    }
}

@media only screen and (max-width:480px) and (min-width:360px) {
    html {
        font-size: 10px;
    }

    .viewport {
        max-width: 480px;
    }
}

@media only screen and (max-width:480px) and (min-width:470px) {
    html {
        font-size: 10.5px;
    }

    .viewport {
        max-width: 480px;
    }
}

@media only screen and (max-width:500px) and (min-width:440px) {
    html {
        font-size: 11px;
    }

    .viewport {
        max-width: 520px;
    }
}

@media only screen and (max-width:560px) and (min-width:480px) {
    html {
        font-size: 11.33333px;
    }

    .viewport {
        max-width: 560px;
    }
}

@media only screen and (max-width:570px) and (min-width:560px) {
    html {
        font-size: 12px;
    }

    .viewport {
        max-width: 570px;
    }
}

@media only screen and (max-width:640px) and (min-width:570px) {
    html {
        font-size: 12.5px;
    }

    .viewport {
        max-width: 640px;
    }
}

@media only screen and (max-width:640px) and (min-width:630px) {
    html {
        font-size: 13px;
    }

    .viewport {
        max-width: 640px;
    }
}

@media only screen and (max-width:710px) and (min-width:640px) {
    html {
        font-size: 13.5px;
    }

    .viewport {
        max-width: 710px;
    }
}

.radio label, .checkbox label {
    min-height: 20px;
    padding-left: 0px;
    margin-bottom: 0px;
    font-weight: normal;
    cursor: pointer;
}

h3 {
    text-align: center;
    font-size: 1.4rem;
}

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.bg-com {
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    background-size: cover;
}

.shool-new-bottom-cont {
    background: rgba(0,0,0,0.5);
    height: 3.5rem;
    width: 100%;
    position: absolute;
    bottom: 0;
}

.shool-new-bottom-box {
    position: relative;
}

.shool-new-bottom-cont h2 {
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 1.4rem;
    line-height: 3.5rem;
    padding-left: 1.5rem;
}

@media (min-width:992px) {
    .shool-new-bottom-cont {
        height: 55px;
    }

        .shool-new-bottom-cont h2 {
            font-size: 20px;
            line-height: 55px;
            padding-left: 18px;
        }
}

.pageGro div, .pageGro div ul li {
    font-size: 12px;
    color: #999;
    line-height: 23px;
    float: left;
}

    .pageGro div ul li {
        width: 3rem;
        left: 3rem;
        height: 3rem;
        text-align: center;
        line-height: 3rem;
        cursor: pointer;
        margin-left: 3px;
        background: #fff;
        border: 1px solid #dfdfdf;
        position: absolute;
    }

        .pageGro div ul li:hover {
            background: #30B3EB;
            color: #fff;
        }

.pageList {
    width: 20%;
}

.pageGro div ul li.on {
    color: #fff;
    background: #3c90d9;
    border: 1px solid #3c90d9;
}

.pageGro .pageUp, .pageGro .pageDown {
    cursor: pointer;
}

.pageUp, .pageDown {
    width: 20%;
}

.pageGro .pageUp {
    background: #fff;
    text-align: center;
    width: 3rem;
    height: 3rem;
    border: 1px solid #dfdfdf;
}

.pageGro {
    width: 280px;
    padding: 20px 0 20px 0;
}

    .pageGro .pageDown {
        background: #fff;
        text-align: center;
        width: 3rem;
        height: 3rem;
        border: 1px solid #dfdfdf;
    }

.pageGro {
    width: 18rem;
    margin: 0px auto;
    overflow: hidden;
    position: relative;
    left: 4rem;
}

@media (min-width:992px) {
    .col-sm-10 {
        padding-left: 0px;
    }

    .pageGro {
        width: 90%;
        margin: 0px auto;
        overflow: hidden;
    }

    .pageGro {
        max-width: 180px;
        padding: 20px 0 20px 0;
        position: relative;
        left: 5rem;
    }
}

.pull-right-auto {
    float: right;
    font-size: 1.8rem;
    color: rgb(204,204,204);
    padding-right: 0.5rem;
    cursor: pointer;
}

.modal-dialog {
    width: 98%;
    margin: 30px auto;
}

.modal-dialog-1 {
    width: 98%;
    margin: 30px auto;
}

@media (min-width:992px) {
    .modal-dialog {
        width: 600px;
        margin: 250px auto;
    }

    .modal-dialog-1 {
        width: 800px;
        margin: 150px auto;
    }
}

.index-cont10 {
    font-size: 1.2rem;
    font-size: 12px\9;
    display: block;
    padding-bottom: 0.5rem;
}

.input-group-addon {
    background-color: #fff;
    border: 1px solid #ccc;
}

.ectouch_nav-zcd-1 a:hover:none;.par-pos-box {
    position: relative;
}

.par-right-content-box {
    position: absolute;
    width: 95%;
    top: 0px;
    right: 10px;
}

    .par-right-content-box p {
        padding-top: 15px;
        padding-bottom: 15px;
    }

@media (min-width:992px) {
    .index-cont10 {
        padding-bottom: 1rem;
    }

    .par-right-content-box {
        position: absolute;
        width: 35%;
        right: 30px;
        top: 60px;
    }
}

.partners-lun-left1 {
    width: 30px;
    margin-left: 311%;
    margin-top: 18%;
    display: none;
}

.partners-lun-right1 {
    width: 30px;
    margin-left: -228%;
    margin-top: 18%;
    display: none;
}

.partners-lun-left, .sedac1-lun-left {
    width: 30px;
    margin-left: 312%;
    margin-top: 20%;
    display: none;
}

.partners-lun-right, .sedac1-lun-right {
    width: 30px;
    margin-left: -228%;
    margin-top: 20%;
    display: none;
}

.dirsir1-lun-left {
    width: 30px;
    margin-left: 311%;
    margin-top: -32%;
    display: none;
}

.dirsir1-lun-right {
    width: 30px;
    margin-left: -228%;
    margin-top: -32%;
    display: none;
}

.dirsir1a-lun-left {
    width: 30px;
    margin-left: 311%;
    margin-top: -46%;
    display: none;
}

.dirsir1a-lun-right {
    width: 30px;
    margin-left: -228%;
    margin-top: -46%;
    display: none;
}

.dirsir12-lun-left {
    width: 30px;
    margin-left: 311%;
    margin-top: -40%;
    display: none;
}

.dirsir12-lun-right {
    width: 30px;
    margin-left: -228%;
    margin-top: -40%;
    display: none;
}

.anli-lun-left {
    width: 30px;
    margin-top: 300%;
    margin-left: 371%;
    display: none;
}

.anli-lun-right {
    width: 30px;
    margin-top: 300%;
    margin-left: -171%;
    display: none;
}

.dirsir1z-lun-left {
    margin-left: 0%;
    margin-top: 190%;
}

.dirsir1z-lun-right {
    margin-left: -20%;
    margin-top: 190%;
}

.my-new-left img {
    width: 3rem;
    margin-left: -48%;
}

.my-new-right img {
    width: 3rem;
    margin-right: -68%;
}

.vido-img-box {
    width: 92.8%;
    margin-left: 1.48rem;
}

@media (min-width:992px) {
    .dirsir1z-lun-left {
        margin-left: -66%;
        margin-top: 190%;
    }

    .dirsir1z-lun-right {
        margin-left: 61%;
        margin-top: 190%;
    }

    .my-new-left img {
        width: 64px;
        margin-left: -59%;
    }

    .my-new-right img {
        width: 64px;
        margin-right: 68%;
    }

    .vido-img-box {
        width: 92.1%;
        margin-left: 48px;
    }
}

.index-hyzx-box-header h2 {
    text-align: center;
    font-size: 2rem;
    padding-top: 50px;
}

.bs-docs-masthead1 p, .index-hyzx-box-header p {
    text-align: center;
    font-size: 1.3rem;
    padding-top: 1rem;
    width: 90%;
    margin: 0 auto;
}

.index-hyzx-box-header-bs h2 {
    font-size: 2rem;
    color: #fff;
    padding-top: 50px;
    text-align: center;
}

.index-hyzx-box-header-bs p {
    font-size: 1.3rem;
    color: #fff;
    margin-bottom: 50px;
    text-align: center;
    margin-top: 1.5rem;
}

.index-hyzx-box-header-bs-1 h2 {
    font-size: 2rem;
    color: #fff;
    padding-top: 50px;
    text-align: center;
}

.index-hyzx-box-header-bs-1 p {
    font-size: 1.3rem;
    color: #fff;
    margin-bottom: 50px;
    text-align: center;
    margin-top: 1.5rem;
}

.gnty-img-box h3 {
    margin-top: 0px;
}

@media (min-width:992px) {
    .partners-lun-left, .sedac1-lun-left, .partners-lun-right, .sedac1-lun-right, .dirsir1-lun-left, .dirsir1-lun-right, .partners-lun-left1, .partners-lun-right1, .anli-lun-left, .anli-lun-right, .dirsir12-lun-left, .dirsir12-lun-right, .dirsir1a-lun-left, .dirsir1a-lun-right {
        display: block;
    }

    .index-hyzx-box-header h2 {
        font-size: 40px;
        color: #333333;
        padding-top: 75px;
        text-align: center;
    }

    .index-hyzx-box-header p {
        font-size: 18px;
        color: #4c4b4b;
        padding-top: 12px;
    }

    .index-hyzx-box-header-bs h2 {
        font-size: 40px;
        padding-top: 60px;
    }

    .index-hyzx-box-header-bs p {
        font-size: 16px;
        margin-bottom: 80px;
        padding-top: 30px;
    }

    .index-hyzx-box-header-bs-1 h2 {
        font-size: 40px;
        color: #fff;
        padding-top: 75px;
        text-align: center;
    }

    .index-hyzx-box-header-bs-1 p {
        font-size: 18px;
        color: #fff;
    }
}

.ectouch_footer-content-1 a:hover {
    color: #fff;
}

.header-logo-box img {
    width: 10rem;
}

.ectouch-default .ectouch-ectouch_nav > li a {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 1.6rem;
}

@media (min-width:992px) {
    .ectouch-default .ectouch-ectouch_nav > li a {
        padding-top: 25px;
        padding-bottom: 25px;
        font-size: 15px;
    }
}

.ectouch-default .ectouch-ectouch_nav > li:hover a {
    color: #fff;
}

.feader-cont-box {
    overflow: hidden;
}

.feader-left-cont, .feader-center-cont, .feader-right-cont {
    float: left;
}

.feader-left-cont, .feader-right-cont {
    width: 20%;
    display: none;
}

.feader-center-cont, .feader-ewm-box img {
    width: 100%;
}

.feader-ewm-box {
    width: 100px;
    margin: 60px auto;
}

    .feader-ewm-box p {
        font-size: 1;
        color: #fff;
        text-align: center;
    }

.index-jjfa h3 {
    font-size: 1.8rem;
    padding-bottom: 1rem;
    color: #454545;
}

@media (min-width:992px) {
    .feader-left-cont, .feader-right-cont {
        width: 20%;
        display: block;
    }

    .feader-center-cont {
        width: 60%;
    }
}

.index-banner-box h2 {
    font-size: 2.2rem;
}

.index-banner-box p {
    font-size: 1.3rem;
}

@media (min-width:992px) {
    .index-banner-box h2 {
        font-size: 70px;
        font-weight: 100;
    }

    .index-banner-box p {
        font-size: 24px;
        padding-bottom: 50px;
        font-weight: 100;
        padding-top: 12px;
    }
}

.bs-docs-masthead1 .lead {
    width: 100%;
    font-size: 2.3rem;
    margin-top: 0px;
}

.ectouch_nav-login a {
    display: block;
    ;
    color: #7a7a7a;
    outline: none;
    outline: 0;
}

@media (min-width:992px) {
    .ectouch_nav-login {
        line-height: 50px;
        padding-left: 10px;
    }
}

.ectouch_nav-login {
    height: 50px;
    line-height: 71px;
    line-height: 5.4rem\9;
    padding-left: 10px;
    margin-top: 11px;\9
}

    .ectouch_nav-login a {
        color: #7a7a7a;
    }

        .ectouch_nav-login a:hover {
            color: #30b3eb;
        }

.my-feader-pos {
    position: static;
}

.ectouch_nav > li {
    padding: 0px 0px;
    position: static;
}

.ectouch_nav-down-ectouch_menu {
    margin: 0px;
    background: rgba(80,80,80,0.8) !important;
    position: absolute;
    left: 0px;
    display: none;
    z-index: 10000;
    width: 100%;
    margin-top: 0px;
    box-shadow: 0 0 0px rgba(100,100,100,.5);
}

    .ectouch_nav-down-ectouch_menu.ectouch_nav-up-selected {
        display: block;
    }

@media (min-width:992px) {
    .ectouch_nav-down-ectouch_menu {
        margin-top: 0px;
        box-shadow: 0 0 5px rgba(100,100,100,.5);
    }
}

.ectouch_nav-zcd-1 h3 {
    text-align: left;
    color: #fff;
    font-size: 20px;
}

.ectouch_nav-zcd-1 span {
    color: #fff;
}

.ectouch_nav-zcd-1 {
    float: left;
    width: 25%;
}

@media (min-width:992px) {
    .container-header {
        width: 1210px;
        margin: 0 auto;
    }

    .my-header-bgcolor {
        margin-left: 0px;
    }
}

.my-header-bgcolor li:hover {
    background-color: #30b3eb;
}

.index-banner-box h6 {
    color: #bab9b9;
    padding-top: 1px;
    padding-bottom: 1px;
    font-size: 0.8rem;
}

.ectouch-ectouch_nav ul li a {
    outline: none;
    outline: 0;
}

@media (min-width:992px) {
    .my-header-bgcolor {
        margin-left: 15px;
    }

    .index-banner-box h6 {
        padding-top: 2px;
        padding-bottom: 2px;
        font-size: 12px;
    }

    .index-jjfa2 {
        margin-top: 46px;
        margin-bottom: 40px;
    }
}

.ectouch-default .ectouch-ectouch_nav > .open > a, .ectouch-default .ectouch-ectouch_nav > .open > a:hover, .ectouch-default .ectouch-ectouch_nav > .open > a:focus {
    color: #fff;
    background-color: #30b3eb;
}

.index-jjfa {
    padding-bottom: 40px;
    padding-top: 20px;
    position: relative;
}

    .index-jjfa h3 {
        text-align: left;
        margin-top: 20px;
    }

.bs-docs-featurette, .par-xyhb-box {
    margin-bottom: 0px;
    background-color: #fff;
}

.bs-docs-featurette1 {
    background-color: #f6f6f6;
}

.index-what-cont {
    margin: 0px 10px 30px;
    font-size: 1.4rem;
    padding-bottom: 20px;
}

.index-anli-ewm-box {
    width: 12rem;
    display: none;
}

    .index-anli-ewm-box img {
        width: 100%;
    }

.al-img-box-2 .anli_cont {
    text-align: left;
    font-size: 1.3rem;
    color: #4d4d4d;
    line-height: 20px;
    margin-top: 18px;
}

.index-anli-ewm-box p {
    text-align: center;
}

.index-hyzx-cont-box, .hyzx-cont-cont-box {
    overflow: hidden;
}

.index-hyzx-cont-box {
    padding-top: 0px;
    padding-bottom: 40px;
}

.index-hyzx-left, .index-hyzx-right {
    float: left;
}

.hyzx-cont-cont-box1, .hyzx-cont-cont-box2 {
    float: left;
    margin-top: 30px;
}

.index-hyzx-left {
    width: 100%;
}

.hyzx-img-box {
    width: 402px;
    padding-top: 30px;
}

    .hyzx-img-box img {
        width: 100%;
    }

.index-hyzx-right {
    width: 100%;
    background-color: #fff;
    margin-left: -15px;
    margin-top: 30px;
}

.hyzx-cont-cont-box1 {
    width: 28%;
    text-align: left;
    font-size: 1.9rem;
    color: #7f7f7f;
}

    .hyzx-cont-cont-box1 span {
        font-size: 1.2rem;
        border-bottom: 1px solid #30b3eb;
    }

.hyzx-cont-cont-box2 {
    width: 62%;
    text-align: left;
    padding-left: 30px;
    border-left: 1px solid #ccc;
}

    .hyzx-cont-cont-box2 h3 {
        font-size: 2rem;
        color: #444444;
        text-align: left;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .hyzx-cont-cont-box2 p {
        font-size: 1.2rem;
        line-height: 20px;
        margin-top: 15px;
    }

@media (min-width:992px) {
    .hyzx-img-box {
        padding-top: 0px;
    }

    .hyzx-cont-cont-box2 p {
        font-size: 16px;
        line-height: 25px;
        color: #4D4D4D;
        text-overflow: clip;
        white-space: normal;
        height: 4.5em;
        overflow: hidden;
    }

    .al-img-box-2 .anli_cont {
        font-size: 16px;
        line-height: 25px;
    }

    .btn-outline-inverse {
        color: #FFF;
        background-color: transparent;
    }

    .index-anli-ewm-box {
        width: 12rem;
        display: block;
    }

    .index-hyzx-cont-box {
        padding-top: 80px;
    }

    .index-hyzx-box-header h2 {
        font-size: 40px;
    }

    .hyzx-cont-cont-box2 h3 {
        font-size: 26px;
        color: #444444;
        text-align: left;
    }

    .index-hyzx-cont-box, .hyzx-cont-cont-box {
        overflow: hidden;
    }

    .index-hyzx-cont-box {
        padding-top: 120px;
    }

    .index-hyzx-left, .index-hyzx-right {
        float: left;
    }

    .hyzx-cont-cont-box1, .hyzx-cont-cont-box2 {
        float: left;
        margin-top: 30px;
    }

    .index-hyzx-left {
        width: 35%;
    }

    .hyzx-img-box {
        width: 402px;
    }

        .hyzx-img-box img {
            width: 100%;
        }

    .index-hyzx-right {
        width: 65%;
        background-color: #fff;
        margin-left: -25px;
        margin-top: 45px;
        padding-bottom: 45px;
    }

    .hyzx-cont-cont-box1 {
        width: 16%;
        text-align: left;
        font-size: 26px;
        color: #7f7f7f;
    }

        .hyzx-cont-cont-box1 span {
            font-size: 14px;
        }

    .hyzx-cont-cont-box2 {
        width: 80%;
        text-align: left;
        padding-left: 30px;
        border-left: 1px solid #eae9e9;
    }

        .hyzx-cont-cont-box2 h3 {
            font-size: 26px;
            color: #444444;
            text-align: left;
        }
}

.bs-docs-masthead1 .btn {
    padding: 7px 30px;
    font-size: 18px;
    color: #f6f6f7;
    border: 1px solid #939cad;
    margin: 20px 0 20px 0;
    position: static;
    outline: 0;
}

    .bs-docs-masthead1 .btn:hover {
        background-color: #fff\9;
        background: rgba(255,255,255,0.3) !important;
        filter: alpha(opacity=60);
        color: #fff;
        color: #fff\9;
        position: relative;
        border: 1px solid #939cad;
    }

    .bs-docs-masthead1 .btn span {
        position: relative;
    }

@media (min-width:992px) {
    .bs-docs-masthead1 .lead {
        width: 100%;
        font-size: 7rem;
        margin-top: 0px;
    }

    .bs-docs-masthead1 .btn {
        width: 20%;
        padding: 13px 45px;
        margin: 30px 0 30px 0;
    }

    .index-jjfa h3 {
        text-align: left;
        font-size: 28px;
        color: #454545;
        padding-bottom: 10px;
    }

    .my-new-cont {
        font-size: 21px;
    }
}

@media (min-width:992px) {
    .index-what-cont {
        margin: 0px 10px 30px;
        font-size: 16px;
        padding-bottom: 30px;
    }
}

.index-jjfa-box, .ectouch, .index-gnty-box, .product-banner, .product-log-cont, .product-banner {
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    margin: 0 auto;
}

.main-box {
    height: 100%;
    max-width: 1210px;
    margin: 0 auto;
    position: relative;
}

.ectouch_nav-img {
    width: 2rem;
    height: 2rem;
}

.user-tuchu a {
    margin-left: 2rem;
    color: #7a7a7a;
}

.tuichu-app-top {
    margin-top: 0rem;
    font-size: 1.4rem;
}

#out_name a {
    margin-left: 0rem;
    color: #777;
}

#out_name {
    float: right;
    margin-top: 0rem;
    font-size: 1.4rem;
}

.ectouch-tuichu-xian {
    color: #E5EAEF;
}

@media (min-width:992px) {
    .user-tuchu a {
        margin-left: 0rem;
        color: #fff;
    }

    .tuichu-app-top {
        margin-top: 0rem;
    }

    #out_name a {
        margin-left: 0rem;
        color: #777;
        font-size: 1.5rem;
    }

    #out_name {
        float: right;
        margin-top: 24.5px;
        font-size: 16px;
    }

    #ectouch_nav {
        display: block;
    }

        #ectouch_nav .mainlevel {
            float: left;
            text-align: center;
            display: block;
        }

            #ectouch_nav .mainlevel a {
                color: #fff;
                text-decoration: none;
                line-height: 30px;
                height: 30px;
                text-align: center;
                padding-top: 18px;
                display: block;
            }

                #ectouch_nav .mainlevel a:hover {
                    color: #fff;
                    text-decoration: none;
                }

            #ectouch_nav .mainlevel ul {
                position: absolute;
                display: none;
            }

            #ectouch_nav .mainlevel li {
                width: 80px;
                float: left;
                background-color: rgba(0,0,0,0.4);
                text-align: center;
                margin-top: 12px;
                margin-left: -90px;
            }

    .ectouch_nav-img {
        width: 25px;
        height: 25px;
    }

    .header-tuichu {
        display: block;
    }
}

.lead1 {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
    padding-bottom: 50px;
}

.bs {
    color: #fff;
}

.bs-docs-masthead1 {
    position: relative;
    padding-top: 60px;
    color: #FFF;
    text-align: center;
    background-repeat: repeat-x;
}

@media (min-width:992px) {
    .bs-docs-masthead1 {
        padding-top: 150px;
        font-size: 1.375rem;
    }
}

.index-banner-box {
    background-image: url("../images/index/1-bg.jpg");
    background-color: #2f3b50;
}

.index-banner-content {
    width: 830px;
    height: 292px;
    position: absolute;
    left: 193px;
    top: 203px;
}

.banner-cont-box {
    overflow: hidden;
    border: 1px;
    margin-left: -20px;
}

.index-cont1 {
    font-size: 1.2rem;
}

.index-cont {
    font-size: 1.2rem;
    color: #4d4d4d;
}

@media (min-width:480px) {
    .banner-cont-box li {
        font-size: 2.2rem;
    }

    .index-cont1 {
        font-size: 20px;
    }
}

.index-gdzx-but {
    border: 1px solid #30b3eb;
    width: 14rem;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 30px;
    height: 3rem;
    line-height: 3rem;
    border-radius: 0.5rem;
    font-size: 1.2rem;
    color: #30b3eb;
}

    .index-gdzx-but:hover {
        background: #30b3eb;
        color: #fff;
    }

@media (min-width:992px) {
    .index-gdzx-but {
        width: 180px;
        margin-bottom: 70px;
        height: 50px;
        line-height: 50px;
        font-size: 16px;
        margin-top: 0px;
    }
}

.index-jjfa-box {
    background-color: #fff;
}

.jjfa-cont {
    width: 1200px;
    height: 525px;
}

.btn-outline-inverse:active, .btn-outline-inverse:focus, .btn-outline-inverse:hover {
    background-color: #FFF;
    border-color: #FFF;
    color: #7a7a7a;
}

.ectouch {
    background-image: url("../images/index/ectouch-bg.png");
    background-color: #30b3eb;
    color: #fff;
}

.index-right-bor {
    border-right: 1px solid #626f8d;
}

.index-gnty-box {
    height: 1020px;
    background-color: #fff;
}

.gnty-img-box {
    width: 6rem;
    margin: 1.5rem auto;
}

    .gnty-img-box img {
        width: 100%;
    }

    .gnty-img-box h3 {
    }

.gnty-content {
    overflow: hidden;
    margin: 0 auto;
    padding-top: 10px;
    width: 100%;
    margin-left: 3px;
    margin-left: -20px;
}

@media (min-width:992px) {
    .gnty-img-box {
        width: 140px;
        width: 140px\9;
        margin: 0 auto;
    }

        .gnty-img-box img {
            width: 100%;
        }

    .gnty-content {
        margin-left: 0px;
    }
}

.gnty-content li {
    float: left;
    width: 33.33%;
    margin: 0 auto;
    margin-left: 0px;
}

.gnty-cont {
    text-align: center;
    display: none;
    font-size: 10px;
}

.banner-cont-box li {
    font-size: 2.3rem;
    margin-bottom: 35px;
    margin: 1rem 0px;
}

.my-btom-pos1, .my-btom-pos {
    margin-top: 30px;
}

.my-btom-pos2 {
    margin-top: 0px;
}

.my-btom-pos4 {
    margin-top: 30px;
}

.index-down-bg {
    display: none;
}

@media (min-width:992px) {
    .index-cont {
        font-size: 14px;
    }

    .lead1 {
        font-size: 16px;
        font-weight: 300;
        line-height: 1.4;
    }

    .banner-cont-box li {
        float: left;
        width: 33.333%;
        margin-left: -10px;
        font-size: 40px;
    }

    .banner-cont-box {
        overflow: hidden;
        border: 1px;
    }

    .gnty-content {
        overflow: hidden;
        margin: 0 auto;
        padding-top: 50px;
        margin-left: -20px;
    }

        .gnty-content li {
            float: left;
            width: 20%;
            margin: 0 auto;
            padding-bottom: 20px;
            padding: 0 15px 0 15px;
            box-sizing: border-box;
        }

    h3 {
        text-align: center;
        font-size: 22px;
        color: #333333;
    }

    .gnty-cont {
        text-align: center;
        display: block;
        font-size: 16px;
        color: #4d4d4d;
        padding-top: 10px;
    }

    .bs {
        color: #fff;
    }

    .al-right-cont-box {
        width: 80%;
        margin-left: 50px;
    }

    .my-btom-pos {
        margin-top: 0px;
    }

    .my-btom-pos1 {
        margin-top: 60px;
        padding-bottom: 70px;
    }

    .my-btom-pos4, .my-btom-pos2 {
        margin-top: 120px;
    }

    .my-btom-pos3 {
        margin-top: 86px;
    }

    .index-down-bg {
        background-color: rgba(0,0,0,0.1);
        display: block;
    }
}

.index-khal-box {
    height: 930px;
    background-color: #fff;
}

.al-cont-box {
    overflow: hidden;
}

    .al-cont-box li {
        float: left;
        width: 50%;
    }

.al-img-box {
    margin-left: 0px;
}

.index-hyzx-box {
    height: 600px;
}

.hyzx-content-box {
    width: 1192px;
    margin: 0 auto;
}

}

.hyzx-cont {
    float: left;
}

.hyzx-cont-2 {
    color: #7a7a7a;
    font-size: 20px;
}

.pp-logo {
    width: 3rem;
}

.pp-cont1 {
    font-size: 2rem;
    padding-left: 10px;
}

.al-img-box-2 {
    margin-top: 20px;
}

.index-rem {
    width: 0rem;
}

.index-cone2 {
    font-size: 0px;
}

@media (min-width:992px) {
    .index-cone2 {
        margin: 10px 0px 50px;
        font-size: 14px;
        text-align: center;
        display: block;
    }

    .index-rem {
        width: 18rem;
    }

    .pp-cont1 {
        font-size: 3rem;
    }

    .pp-logo {
        width: 6rem;
    }

    .al-img-box-2 div {
        margin-top: 20px;
    }

    .my-new-title {
        margin-top: 100px;
    }

    .index-banner-top {
        padding-top: 80px;
    }

    .lead {
        padding-bottom: 30px;
    }

    .banner-cont-box li {
        font-size: 5rem;
        font-weight: 100;
        margin: 1rem 0px;
        padding: 0.9rem 0 0.9rem 0;
    }
}

.index-logo-box {
    padding-bottom: 20px;
    overflow: hidden;
    padding-top: 30px;
    margin-left: -20px;
}

    .index-logo-box li {
        float: left;
        width: 50%;
        padding: 0rem 1rem 0 1rem;
    }

    .index-logo-box img {
        width: 80%;
    }

.index-logo-box1 li {
    float: left;
    width: 50%;
    margin-left: -12px;
    margin: 0 auto;
}

.index-logo-box1 {
    margin: 0 auto;
    overflow: hidden;
    width: 130px;
    margin-left: 90px;
}

.ectouch_footer-box-1 {
    width: 100%;
    height: 50px;
    margin: 0 auto;
    background-color: #30b3eb;
    overflow: hidden;
    border-top: 1px solid #ccc;
}

.ectouch_footer-content-1 a {
    color: #fff;
}

.ectouch_footer-content-1 {
    font-size: 0.53rem;
    color: #fff;
    text-align: center;
    display: block;
    padding-top: 35px;
}

@media (min-width:992px) {
    .gnty-content h3 {
        padding-top: 15px;
    }

    .index-logo-box li {
        float: left;
        width: 16%;
        padding: 10px;
    }

    .index-logo-box img {
        width: 100%;
        border: 1px solid #eee;
    }

    .index-logo-box {
        overflow: hidden;
        padding-top: 120px;
    }

    .index-logo-box1 {
        margin: 0 auto;
        overflow: hidden;
        width: 130px;
        margin-left: 490px;
    }

    .ectouch_footer-content-1 {
        font-size: 14px;
        display: block;
        padding-top: 75px;
        line-height: 25px;
    }
}

.ectouch_footer-box-1 {
    width: 100%;
    height: 50px;
    margin: 0 auto;
    background-color: #30b3eb;
    overflow: hidden;
    border-top: 1px solid #ccc;
}

.register-title {
    margin-top: 80px;
    font-size: 18px;
    text-align: center;
    padding-bottom: 10px;
}

.login-box {
    max-width: 415px;
    width: 85%;
    margin: 10px auto;
    position: relative;
}

.form-control {
    padding: 1px 1px;
    height: 40px;
    line-height: 40px;
    box-shadow: 0px 0px 0px rgba(0,0,0,0.075) inset;
    transition: border-color 0.15s ease-in-out 0s,box-shadow 0.15s ease-in-out 0s;
}

@media (min-width:992px) {
    .form-control {
        line-height: 10px\9;
        height: 50px;
    }
}

.input-group {
    margin-top: 15px;
}

.register-box {
    max-width: 42rem;
    width: 85%;
    margin: 15px auto;
    position: relative;
}

.login-new-user {
    float: right;
    color: #5b5b5b;
}

    .login-new-user a:hover {
        color: #31B0D5;
    }

.login-admin {
    width: 150px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    fon-size: 16px;
    margin: 0 auto;
    margin-top: 0px;
    color: #747474;
    background-color: #fff;
}

.login-xian {
    border-top: 1px solid #e5e5e5;
    position: absolute;
    width: 100%;
    top: 285px;
    z-index: 1;
}

.row1 {
    padding-top: 10px;
    text-align: center;
    color: #FFF;
    font-size: 4rem;
}

.login-box2 {
    width: 150px;
    margin: 90px auto;
    padding-bottom: 1px;
}

.ectouch_footer-content {
    display: none;
}

.form-inline .form-control {
    padding-left: 2px;
}

@media (min-width:992px) {
    .ect-padding-tb {
        padding-top: 0.6em;
        padding-bottom: 0.6em;
    }

    .form-inline .form-control {
        padding-left: 10;
    }

    .ectouch_footer-box {
        width: 100%;
        height: 145px;
        margin: 0 auto;
        background-color: #f8f8f8;
        overflow: hidden;
        border-top: 1px solid #ccc;
    }

    .ectouch_footer-content {
        font-size: 14px;
        color: #5c5c5c;
        text-align: center;
        display: block;
        padding-top: 35px;
        line-height: 30px;
    }

        .ectouch_footer-content a {
            color: #5c5c5c;
        }
}

label {
    font-weight: 100;
}

@media (min-width:768px;) {
    .login-box {
        margin-top: 147px;
    }

    .login-password {
        color: #30b3eb;
    }

    .register-yzm {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .register-title {
        margin-top: 120px;
        font-size: 25px;
        text-align: center;
    }

    .login-admin {
        width: 150px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        color: #747474;
        top: 230px;
        background-color: #FFF;
    }
}

.my-user-login {
    width: 100%;
    padding-top: 0px;
}

.login-new-user a, .ectouch_nav-tabs a {
    color: #7a7a7a;
}

@media (min-width:992px) {
    .school-title2 {
        font-size: 13px;
        color: #7f7f7f;
    }

    .my-user-login {
        width: 100%;
        padding-top: 20px;
        padding-top: 10px;
    }

    .login-box {
        max-width: 415px;
        width: 85%;
        height: 41rem;
        margin: 145px auto;
        position: relative;
    }

    .ectouch_footer-box-1 {
        width: 100%;
        height: 145px;
        margin: 0 auto;
        background-color: #30b3eb;
        overflow: hidden;
        border-top: 1px solid #ccc;
    }

    .login-box {
        margin-top: 20px;
    }

    .login-password {
        color: #30b3eb;
    }

    .register-yzm {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    .register-title {
        margin-top: 150px;
        font-size: 30px;
        text-align: center;
    }

    .btn-info {
        height: 46px;
        font-size: 18px;
    }

    .input-group {
        margin-top: 25px;
    }

    .register-box {
        max-width: 42rem;
        width: 85%;
        margin: 30px auto;
        position: relative;
    }

    .login-admin {
        width: 150px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        fon-size: 16px;
        margin: 0 auto;
        color: #747474;
        background-color: #fff;
    }

    .login-xian {
        border-top: 1px solid #e5e5e5;
        position: absolute;
        width: 100%;
        top: 310px;
        z-index: 1;
    }

    .row1 {
        padding-top: 0px;
        text-align: center;
        color: #FFF;
        font-size: 4rem;
    }

    .login-box2 {
        width: 185px;
        margin: 100px auto;
    }
}

.form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
    width: 100%;
}

.form-inline .input-group {
}

.login-pass {
    margin-top: 20px;
}

.checkbox, .radio {
    margin-top: -10px;
}

.login-img {
    height: 45px;
}

.row1 {
    margin-right: -15px;
    margin-left: -15px;
}

.col-xss-6 {
    width: 33.33%;
}

}

.admin-tishi {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    background-color: #f2f2f2;
}

.warning {
    position: relative;
    background-color: #30b3eb;
    border: 1px solid #30b3eb;
    border-radius: 10px;
    background-size: 3em 3em;
    background-image: linear-gradient(-45deg,transparent 0em,transparent 0.1em,#f2f2f2 0.9em,#f2f2f2 2.1em,transparent 2.1em,transparent 2.9em,#f2f2f2 0em);
    -webkit-animation: warning-animation 750ms infinite linear;
    -moz-animation: warning-animation 750ms infinite linear;
    animation: warning-animation 750ms infinite linear;
}

@-webkit-keyframes warning-animation {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 3em 0;
    }
}

@-moz-keyframes warning-animation {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 3em 0;
    }
}

@keyframes warning-animation {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 3em 0;
    }
}

.warning:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    border-radius: 10px;
}

.container-1 {
    width: 80%;
    margin: 5vh auto 0;
}

    .container-1 .warning {
        height: 2vh;
    }

.ts-box {
    margin: 150px auto;
    width: 80%;
    background-color: #fff;
    box-shadow: 0 0 6px rgba(90,9 90,0.4);
}

    .ts-box h2 {
        text-align: center;
        color: #4c4c4c;
        padding-top: 25px;
        padding-bottom: 20px;
    }

.ts-xt {
    border-bottom: 1px dashed #ccc;
}

.ts-content {
    margin-top: 5px;
    margin-bottom: 60px;
    font-size: 14px;
    overflow: hidden;
    text-align: center;
    display: block;
}

.ts-top {
    margin-top: 60px;
    margin-bottom: 10px;
}

.jdt-my-top {
    width: 80%;
    margin: 0 auto;
    margin-top: 60px;
}

.ts-xin {
    text-align: right;
    display: block;
    font-size: 14px;
    padding-right: 20px;
    padding-bottom: 20px;
}

@media (min-width:992px) {
    .admin-tishi {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        height: 100%;
        background-color: #f2f2f2;
    }

    .warning {
        position: relative;
        background-color: #30b3eb;
        border: 1px solid #30b3eb;
        border-radius: 10px;
        background-size: 3em 3em;
        background-image: linear-gradient(-45deg,transparent 0em,transparent 0.1em,#f2f2f2 0.9em,#f2f2f2 2.1em,transparent 2.1em,transparent 2.9em,#f2f2f2 0em);
        -webkit-animation: warning-animation 750ms infinite linear;
        -moz-animation: warning-animation 750ms infinite linear;
        animation: warning-animation 750ms infinite linear;
    }

    @-webkit-keyframes warning-animation {
        0% {
            background-position: 0 0;
        }

        100% {
            background-position: 3em 0;
        }
    }

    @-moz-keyframes warning-animation {
        0% {
            background-position: 0 0;
        }

        100% {
            background-position: 3em 0;
        }
    }

    @keyframes warning-animation {
        0% {
            background-position: 0 0;
        }

        100% {
            background-position: 3em 0;
        }
    }

    .warning:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        height: 100%;
        border-radius: 10px;
    }

    .container-1 {
        width: 20vw;
        margin: 9vh auto 0;
    }

        .container-1 .warning {
            height: 2vh;
        }

    .ts-box {
        margin: 150px auto;
        width: 700px;
        background-color: #fff;
        box-shadow: 0 0 6px rgba(90,9 90,0.4);
    }

        .ts-box h2 {
            text-align: center;
            color: #4c4c4c;
            padding-top: 25px;
            padding-bottom: 20px;
        }

    .ts-xt {
        border-bottom: 1px dashed #ccc;
    }

    .ts-content {
        margin-top: 30px;
        margin-bottom: 60px;
        font-size: 14px;
        overflow: hidden;
        text-align: center;
        display: block;
    }

    .ts-top {
        margin-top: 60px;
        margin-bottom: 10px;
    }

    .jdt-my-top {
        width: 80%;
        margin: 0 auto;
        margin-top: 60px;
    }

    .ts-xin {
        text-align: right;
        display: block;
        font-size: 14px;
        padding-right: 20px;
        padding-bottom: 20px;
    }
}

@media (min-width:768px;) {
    .reg-cont {
        color: #494949;
    }
}

.input-group-addon {
    width: 10px;
}

    .input-group-addon a {
        color: #494949;
    }

.gw-box {
    max-width: 1210px;
    margin: 0 auto;
}

.reg-cont {
    color: #494949;
    font-size: 1.2rem;
}

.login-password {
    color: #30b3eb;
    font-size: 1.4rem;
}

.login-new-user a {
    font-size: 1.4rem;
}

@media (min-width:768px;) {
    .login-box {
        margin-top: 147px;
    }

    .login-password {
        color: #30b3eb;
    }
}

.login-admin1 {
    width: 100%;
    position: absolute;
    z-index: 222;
    top: 259px;
}

@media (min-width:992px) {
    .login-new-user a {
        font-size: 14px;
    }

    .login-password {
        color: #30b3eb;
        font-size: 14px;
        padding-left: 3px;
    }

    .reg-cont {
        color: #494949;
        font-size: 14px;
    }

    .login-new-user {
        float: right;
        color: #5b5b5b;
    }

    .login-admin1 {
        width: 100%;
        position: absolute;
        z-index: 222;
        top: 285px;
    }
}

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -webkit-appearance: none;
    padding-left: 10px\9;
    padding-left: 10px;
}

.input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) {
    border-radius: 0px;
    -webkit-appearance: none;
}

.ectouch_nav-tabs > li {
    width: 50%;
}

    .ectouch_nav-tabs > li > a {
        text-align: center;
    }

.ectouch-ectouch_nav > li {
    font-size: 1.4rem;
    border-bottom: 1px solid #e6e6e6;
}

@media (min-width:992px) {
    .ectouch-ectouch_nav > li {
        float: left;
        font-size: 1.1rem;
        border-bottom: none;
    }
}

.user-left-header {
    width: 100%;
    height: 100px;
    background-color: #52C4F5;
    margin-top: 0px;
}

.user-left-cont-img {
    background-color: #fff;
    height: 70px;
    width: 70px;
    border-radius: 50px;
    margin: 15px auto;
    overflow: hidden;
    border: 3px solid #fff;
}

    .user-left-cont-img img {
        height: 70px;
        : 70px;
    }

.user-left-cont-1, .user-left-cont-2 {
    float: left;
}

.user-left-cont-1 {
    width: 30%;
}

.user-left-cont-2 {
    width: 70%;
}

.user-box-bg {
    background-color: #f1f2f7;
}

.user-title {
    font-size: 2.1rem;
    color: #fff;
    text-align: left;
    margin-top: 30px;
    padding-bottom: 0px;
}

.user-title1 {
    font-size: 1.2rem;
    color: #fff;
    text-align: left;
    margin-top: -10px;
}

.user-left {
    border-radius: 8px;
}

.user-right h2 {
    font-size: 1.8rem;
    color: #424242;
    padding-top: 20px;
    padding-left: 20px;
    margin-top: 0px;
    display: none;
}

.user-xian {
    border-bottom: 1px solid #fff;
    margin-bottom: 1rem;
}

.user-time {
    margin-left: 20px;
    font-size: 1.5rem;
    color: #707070;
}

.user-time1 {
    margin-left: 20px;
    font-size: 1.2rem;
    color: #707070;
    display: block;
}

.user-time-color {
    color: #52C4F5;
}

    .user-time-color a {
        color: #52C4F5;
    }

.user-bott-box {
    background-color: #F7F8FA;
    width: 100%;
    text-align: left;
    padding: 10px;
    color: #626262;
    margin-top: -20px;
}

.panel-heading {
    padding: 40px 20px;
    border-bottom: 0px solid transparent;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.panel-default > .panel-heading {
    color: #333;
    background-color: #fff;
    border-color: #fff;
}

.user-right {
    border-radius: 8px;
    background-color: #FFF;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    min-height: 200px;
}

.panel-default {
    border-color: #fff;
}

.form-user-box1, .form-user-box2 {
    float: left;
}

.form-user-box {
    overflow: hidden;
    margin-left: 0px;
}

.form-user-box1 {
    width: 36%;
    margin-left: -40px;
    width: 36%;
}

.form-user-box2 {
    width: 70%;
    float: right;
}

.lab-my {
    font-weight: 100;
    padding-right: 20px;
    font-size: 14px;
    text-align: right;
    display: block;
    margin-top: 6px;
    color: #5C5C5C;
}

.user-bd-box {
    margin: 0 auto;
    margin-bottom: 50px;
}

    .user-bd-box img {
        width: 100%;
    }

.user-anniu-color {
    background-color: #BEBEBE;
    border: medium none;
}

.user-sele {
    height: 30px;
    border-radius: 5px;
    width: 100%;
    border: 1px solid #ccc;
    line-height: 30px;
    -webkit-appearance: none;
    margin-left: -20px;
}

.user-sele1 {
    height: 30px;
    border-radius: 5px;
    border: 1px solid #ccc;
    width: 49.5%;
    margin-left: -20px;
}

@media (min-width:992px) {
    .user-sele1 {
        margin-left: 0px;
    }
}

.user-sele2 {
    height: 30px;
    border-radius: 5px;
    border: 1px solid #CCC;
    width: 100%;
}

.my-header {
    height: 4rem;
}

.my-logo {
    height: 2.8rem;
}

.user-max-box {
    overflow: hidden;
}

.user-ectouch_nav-my {
    width: 2.8rem;
    padding-right: 1.6rem;
    padding-top: 1.2rem;
}

.user-my-anniu {
    margin-left: -25px;
}

.user-anniu-color:hover {
    background-color: #8e8e8e;
    border: none;
}

.user-sa-an li {
    width: 50%;
    float: left;
}

.user-sa-an {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
}

.user-my-anniu1 {
    margin-left: 15px;
}

.user-time-color1 {
    color: #FF7800;
}

.user-my-anniu2 {
    margin-left: 48px;
}

.my-user-bottom {
    margin-bottom: 20px;
}

td, th {
    font-size: 0.8rem;
    text-align: center;
}

.user-time {
    margin-left: 20px;
    font-size: 1.5rem;
    color: #707070;
    display: none;
}

.user-time-my {
    margin-left: 20px;
    font-size: 1.5rem;
    color: #707070;
    display: block;
}

#m1, #m2, #m3, #m4, #m5, #m6, #m7 {
    float: left;
    font-size: 1.3rem;
    width: 12.5%;
}

#m1, #m2, #m3, #m4, #m5, #m6 {
    border-right: 1px solid #ccc;
    text-align: center;
}

.user-ectouch_nav-my {
    display: none;
}

.user-nav2 {
    overflow: hidden;
    margin-left: -40px;
}

    .user-nav2 a {
        color: #414141;
    }

        .user-nav2 a:hover {
            color: #52c4f5;
        }

.user-iphone-ectouch_nav {
    margin: 0 auto;
    margin-bottom: 3px;
    margin-top: 3px;
    background-color: #fff;
    padding-top: 0.8rem;
    padding-bottom: 0.3rem;
    overflow-x: scroll;
}

.user-ip-cont {
    width: 640px;
}

.user-bangding {
    width: 100px;
    margin: 0 auto;
}

.tab1 {
    width: 90%;
    margin: 50px auto 0 auto;
}

.tab2 {
    width: 90%;
    margin: 50px auto 0 auto;
}

.menu1 {
    height: 28px;
    font-size: 14px;
}

    .menu1 li {
        float: left;
        width: 50%;
        text-align: center;
        line-height: 28px;
        height: 28px;
        cursor: pointer;
        padding-bottom: 32px;
    }

#one1 {
    border-bottom: red solid 2px;
    color: red;
}

#one2 {
    border-bottom: #ccc solid 2px;
    color: #000;
}

.menu1 li.off {
    background: #fff;
    color: red;
    font-weight: bold;
    border-bottom: none;
    border-bottom: 1px solid red;
}

.menu2 {
    height: 28px;
    font-size: 14px;
}

    .menu2 li {
        float: left;
        width: 50%;
        text-align: center;
        line-height: 28px;
        height: 28px;
        cursor: pointer;
        padding-bottom: 32px;
    }

#one3 {
    border-bottom: red solid 2px;
    color: red;
}

#one4 {
    border-bottom: #ccc solid 2px;
    color: #000;
}

.menu2 li.off {
    background: #fff;
    color: red;
    font-weight: bold;
    border-bottom: none;
    border-bottom: 1px solid red;
}

#one4.off {
    color: red;
    border-bottom: 2px solid red;
}

#one2.off {
    color: red;
    border-bottom: 2px solid red;
}

.menudiv {
    border-top: 0;
    background: #fefefe;
    margin-top: 50px;
}

    .menudiv div {
        line-height: 28px;
    }

.user-yuan, .user-yuan1 {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    margin-bottom: 20px;
    margin-left: 49%;
}

.user-yuan {
    background-color: red;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    margin-bottom: 20px;
    margin-left: 49%;
}

.user-yuan1 {
    background-color: #ccc;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    margin-bottom: 20px;
    margin-left: 49%;
}

    .user-yuan1.off {
        background-color: red;
    }

.user-yuan3, .user-yuan4 {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    margin-bottom: 20px;
    margin-left: 48%;
}

.user-yuan3 {
    background-color: red;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    margin-bottom: 20px;
    margin-left: 49%;
}

.user-yuan4 {
    background-color: #ccc;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    margin-bottom: 20px;
    margin-left: 49%;
}

    .user-yuan4.off {
        background-color: red;
    }

.user-one {
    margin-left: -40px;
}

.my-user-xyb {
    color: #fff;
}

.an-user-color {
    border-bottom: 2px solid red;
}

.tab-hd-con {
    float: left;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
}

.tab-hd .current {
    font-weight: bold;
}

.tab-bd-con {
    display: none;
}

.tab-ft {
    margin-top: 8px;
    line-height: 20px;
    color: #c1c1c1;
    text-align: right;
}

.tab-hd-con a {
    color: red;
}

.tab-sub-3 .tab-hd-con {
    width: 49%;
}

.tab-sub-3 .tab-hd .current {
    width: 49%;
}

.tab-area .tab-hd-con {
    width: 102px;
}

.tab-main .tab-hd, .tab-sub .tab-hd, .tab-product .tab-hd, .tab-area .tab-hd {
    height: 40px;
    line-height: 40px;
}

.tab-main .tab-hd-con, .tab-sub .tab-hd-con, .tab-product .tab-hd-con, .tab-area .tab-hd-con {
    height: 47px;
    border-bottom: 2px solid #ccc;
}

.tab-main .tab-hd .current, .tab-sub .tab-hd .current, .tab-product .tab-hd .current, .tab-area .tab-hd .current {
    position: relative;
    z-index: 1;
    border-bottom: 2px solid red;
    color: red;
}

.col-md-3, .col-sm-12 {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 0px;
}

.queren-new-box {
    width: 90%;
    margin-left: 0px;
}

@media (min-width:992px) {
    .queren-new-box {
        width: 35%;
        margin-left: 290px;
    }

    .col-md-3, .col-sm-12 {
        padding-left: 0px;
        padding-right: 0px;
        margin-top: 10px;
    }

    .user-bangding {
        width: 15rem;
        margin-top: 3rem;
    }

    .my-user-xyb {
        color: #fff;
    }

    .user-my-anniu2 {
        margin-left: 20px;
    }

    .user-ectouch_nav-my {
        width: 2.6rem;
        padding-right: 1.6rem;
        padding-top: 1.7rem;
    }

    .ectouch-ectouch_nav > li {
        loat: left;
        font-size: 1.5rem;
    }

    .user-sq {
        color: #52c4f5;
    }

    .user-cont-box {
        height: 650px;
        margin: 70px auto;
    }

    .user-right {
        border-radius: 8px;
        background-color: #fff;
        min-height: 515px;
    }

    .user-left {
        border-radius: 8px;
        height: 514px;
        background-color: #fff;
        width: 93%;
        top: 75px;
    }

    .user-left-header {
        width: 100%;
        height: 145px;
        background-color: #52c4f5;
        border-radius: 8px 8px 0 0;
        margin-top: 0px;
    }

    .user-left-cont {
        overflow: hidden;
    }

    .user-left-cont-1, .user-left-cont-2 {
        float: left;
    }

    .user-left-cont-1 {
        width: 40%;
    }

    .user-left-cont-2 {
        width: 60%;
    }

    .user-left-cont-img {
        background-color: #fff;
        height: 75px;
        width: 75px;
        border-radius: 50px;
        margin: 30px auto;
        overflow: hidden;
        border: 4px solid #fff;
    }

        .user-left-cont-img img {
            height: 100%;
            width: 100%;
        }

    .user-title {
        font-size: 24px;
        color: #fff;
        text-align: left;
        margin-top: 46px;
        padding-bottom: 0px;
    }

    .user-title1 {
        font-size: 14px;
        color: #fff;
        text-align: left;
        margin-top: -10px;
    }

    .user-ectouch_nav {
        float: left;
        color: #767676;
        font-size: 13px;
        width: 50%;
        text-align: center;
        margin-top: 30px;
        border-left: 1px solid #e9e9e9;
    }

        .user-ectouch_nav:first-child {
            border-left: none;
        }

        .user-ectouch_nav span {
            font-size: 20px;
        }

    .user-xian {
        border-bottom: 1px solid #e9e9e9;
        margin-bottom;
    }

    .user-nav2 {
        margin-top: 10px;
    }

        .user-nav2 li {
            color: #414141;
            text-align: left;
            font-size: 14px;
            line-height: 48px;
        }

            .user-nav2 li:hover {
                color: #52c4f5;
                text-align: left;
                font-size: 14px;
                line-height: 48px;
            }

    .user-right h2 {
        font-size: 20px;
        color: #424242;
        padding-top: 20px;
        padding-left: 20px;
        margin-top: 0px;
        padding-bottom: 20px;
        display: block;
    }

    .user-time {
        margin-left: 58px;
        margin-top: 32px;
        font-size: 16px;
        color: #707070;
        display: block;
    }

    .user-time-color {
        color: #52c4f5;
    }

    .user-time1 {
        margin-left: 20px;
        font-size: 13px;
        color: #707070;
        display: inline;
    }

    .user-right-cont {
        background-color: #f7f8fa;
        width: 85%;
        margin-left: 60px;
        margin-top: 20px;
        border-radius: 0px;
        border: none;
        height: 50px;
    }

    .user-my-box {
        width: 85%;
        margin-left: 117px;
        box-shadow: 0px 0px 0px rgba(0,0,0,0.176);
        display: block;
        border: none;
    }

    .form-my {
        width: 80%;
    }

    .lab-my {
        font-weight: 100;
        padding-right: 20px;
        font-size: 14px;
        text-align: right;
        display: block;
        margin-top: 10px;
        color: #5c5c5c;
    }

    .my-input {
        width: 600px;
        height: 30px;
    }

    .my-input-box {
        padding-top: 23px;
    }

    .panel-default {
        border-color: #fff;
    }

        .panel-default > .panel-heading {
            color: #333;
            background-color: #fff;
            border-color: #fff;
        }

    .panel-heading {
        padding: 45px 20px;
        border-bottom: 0px solid transparent;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }

    .user-bott-box {
        background-color: #f7f8fa;
        width: 90%;
        text-align: left;
        margin-left: 40px;
        padding: 20px;
        color: #626262;
        margin-top: -20px;
    }

    .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
        border-top: 0px solid #fff;
    }

    .form-user-box1, .form-user-box2 {
        float: left;
    }

    .form-user-box {
        overflow: hidden;
        width: 100%;
        margin-left: 0px;
        margin-bottom: 25px;
    }

    .form-user-box1 {
        width: 15%;
    }

    .form-user-box2 {
        width: 85%;
    }

    .user-time-color1 {
        color: #ff7800;
    }

    .user-anniu {
        background-color: #30b3eb;
    }

    .user-sa-an li {
        width: 50%;
        float: left;
        padding-bottom: 20px;
    }

    .user-sa-an {
        overflow: hidden;
        width: 60%;
        margin: 0 auto;
    }

    .my-user-an {
        width: 80%;
    }

    .user-sa-an1 {
        margin-left: 250px;
    }

    .user-anniu-color {
        background-color: #bebebe;
        border: none;
    }

        .user-anniu-color:hover {
            background-color: #8e8e8e;
            border: none;
        }

    .user-bd-box {
        margin: 0 auto;
        width: 638px;
        margin-bottom: 50px;
    }

        .user-bd-box img {
            width: 100%;
        }

    .user-sa-an1 {
        width: 60%;
    }

    .my-user-an2, .my-user-an2:hover {
        background-color: #fff;
        der: none;
    }

    .table-width {
        width: 90%;
        margin: 30px auto;
    }

    .ectouch_footer-box-2 {
        width: 100%;
        height: 145px;
        margin: 0px auto;
        background-color: #f8f8f8;
        overflow: hidden;
        border-top: 1px solid #eee;
        margin-top: 50px;
    }

    .user-sele {
        height: 40px;
        border-radius: 5px;
        width: 100%;
        border: 1px solid #e0dede;
    }

    .user-sele1 {
        height: 40px;
        border-radius: 5px;
        border: 1px solid #ccc;
        width: 50%;
        x-sizing: border-box;
    }

    td, th {
        font-size: 1.3rem;
        text-align: center;
    }

    .my-logo {
        height: 3rem;
    }

    .user-sele {
        margin-left: 0px;
        padding-left: 10px;
    }

    .user-nav2 {
        display: block;
    }

    .user-ectouch_nav-my {
        display: block;
    }

    #m1, #m2, #m3, #m4, #m5, #m6, #m7 {
        float: none;
        font-size: 16px;
        width: 100%;
    }

    #m1, #m2, #m3, #m4, #m5, #m6 {
        border-right: 1px solid #fff;
        text-align: left;
    }

    .user-iphone-ectouch_nav {
        margin: 0 auto;
        margin-bottom: 0px;
        margin-top: 0px;
        background-color: #fff;
        padding-top: 0rem;
        padding-bottom: 0rem;
        overflow-y: hidden;
        overflow-x: hidden;
        border-top: 10px solid #f1f2f7;
    }

    .user-ip-cont {
        width: 100%;
    }

    .user-nav2 {
        overflow: hidden;
        margin-left: -15px;
    }

    .user-yz, .user-yz-cone {
        overflow: hidden;
        margin: 0 auto;
        width: 80%;
    }

    .user-yz-cone {
        position: relative;
    }

    .user-yz1 {
        color: #E0574E;
    }

    .user-yz1, .user-yz2 {
        float: left;
        width: 50%;
        text-align: center;
    }

    .user-yz3, .user-yz4 {
        float: left;
        width: 50%;
        margin-top: 12px;
        margin-bottom: 12px;
    }

    .user-yz3 {
        border-bottom: 2px solid #e0574e;
    }

    .user-yz4 {
        border-bottom: 2px solid #ccc;
    }

    .user-yz5 {
        border-radius: 100%;
        background-color: #e0574e;
        height: 13px;
        width: 13px;
        position: absolute;
        left: 18%;
        top: 25%;
    }

    .user-yz6 {
        border-radius: 100%;
        background-color: #ccc;
        height: 13px;
        width: 13px;
        position: absolute;
        left: 81%;
        top: 25%;
    }

    .input-pos-top {
        margin-top: 0px;
    }

    .user-bangding {
        width: 100px;
        margin: 0 auto;
    }

    .tab1 {
        width: 90%;
        margin: 50px auto 0 auto;
    }

    .tab1 {
        width: 90%;
        margin: 50px auto 0 auto;
    }

    .menu1 {
        height: 28px;
        font-size: 14px;
    }

        .menu1 li {
            float: left;
            width: 50%;
            text-align: center;
            line-height: 28px;
            height: 28px;
            cursor: pointer;
            padding-bottom: 32px;
        }

    #one1 {
        border-bottom: red solid 2px;
        color: red;
    }

    #one2 {
        border-bottom: #ccc solid 2px;
        color: #000;
    }

    .menu1 li.off {
        background: #fff;
        color: red;
        font-weight: bold;
        border-bottom: none;
        border-bottom: 1px solid red;
    }

    .menu2 {
        height: 28px;
        font-size: 14px;
    }

        .menu2 li {
            float: left;
            width: 50%text-align:center;
            line-height: 28px;
            height: 28px;
            cursor: pointer;
            padding-bottom: 32px;
        }

    #one3 {
        border-bottom: red solid 2px;
        color: red;
    }

    #one4 {
        border-bottom: #ccc solid 2px;
        color: #000;
    }

    .menu2 li.off {
        background: #fff;
        color: red;
        font-weight: bold;
        border-bottom: none;
        border-bottom: 1px solid red;
    }

    .menudiv1 {
        border-top: 0;
        background: #fefefe;
        margin-top: 50px;
    }

        .menudiv1 div {
            line-height: 28px;
        }

    #one4.off {
        color: red;
        border-bottom: 2px solid red;
    }

    #one2.off {
        color: red;
        border-bottom: 2px solid red;
    }

    .menudiv {
        border-top: 0;
        background: #fefefe;
        margin-top: 50px;
    }

        .menudiv div {
            line-height: 28px;
        }

    .user-yuan, .user-yuan1 {
        width: 12px;
        height: 12px;
        border-radius: 100%;
        margin-bottom: 20px;
        margin-left: 49%;
    }

    .user-yuan {
        background-color: red;
        width: 12px;
        height: 12px;
        border-radius: 100%;
        margin-bottom: 20px;
        margin-left: 49%;
    }

    .user-yuan1 {
        background-color: #ccc;
        width: 12px;
        height: 12px;
        border-radius: 100%;
        margin-bottom: 20px;
        margin-left: 49%;
    }

        .user-yuan1:hover {
            background-color: red;
        }

    .user-bangding img {
        width: 100%;
    }

    .user-yuan3, .user-yuan4 {
        width: 12px;
        height: 12px;
        border-radius: 100%;
        margin-bottom: 20px;
        margin-left: 48%;
    }

    .user-yuan3 {
        background-color: red;
        width: 12px;
        height: 12px;
        border-radius: 100%;
        margin-bottom: 20px;
        margin-left: 49%;
    }

    .user-yuan4 {
        background-color: #ccc;
        width: 12px;
        height: 12px;
        border-radius: 100%;
        margin-bottom: 20px;
        margin-left: 49%;
    }

        .user-yuan4:hover {
            background-color: red;
        }

    .an-user-color {
        border-bottom: 2px solid red;
    }

    .tab-hd-con {
        float: left;
        font-size: 14px;
        text-align: center;
        cursor: pointer;
    }

    .tab-hd .current {
        font-weight: bold;
    }

    .tab-bd-con {
        display: none;
    }

    .tab-ft {
        margin-top: 8px;
        line-height: 20px;
        color: #c1c1c1;
        text-align: right;
    }

    .tab-hd-con a {
        color: red;
    }

    .tab-sub-3 .tab-hd-con {
        width: 50%;
    }

    .tab-sub-3 .tab-hd .current {
        width: 50%;
    }

    .tab-area .tab-hd-con {
        width: 102px;
    }

    .tab-main .tab-hd, .tab-sub .tab-hd, .tab-product .tab-hd, .tab-area .tab-hd {
        height: 40px;
        line-height: 40px;
    }

    .tab-main .tab-hd-con, .tab-sub .tab-hd-con, .tab-product .tab-hd-con, .tab-area .tab-hd-con {
        height: 47px;
        border-bottom: 2px solid #ccc;
    }

    .tab-main .tab-hd .current, .tab-sub .tab-hd .current, .tab-product .tab-hd .current, .tab-area .tab-hd .current {
        position: relative;
        z-index: 1;
        border-bottom: 2px solid red;
        color: red;
    }
}

.pro-bottom-pos {
    padding-bottom: 30px;
}

.col-md-44 {
    width: 33.33%;
    float: left;
}

.product-banner h2 {
    color: #fff;
    padding-top: 7rem;
    font-size: 1.7rem;
    text-align: center;
    padding-bottom: 1rem;
}

.product-banner p {
    font-size: 1.2rem;
    margin: 0 auto;
    width: 90%;
    text-align: center;
    color: #fff;
    padding-bottom: 1.5rem;
}

.pro-title-two {
    font-size: 18px;
}

.pro-row {
    width: 95%;
    margin: 0 auto;
    padding-bottom: 4.5rem;
}

.pro-an-my {
    padding: 4px 10px 4px 10px;
    border: 1px solid #bce5f6;
    color: #F6F6F7;
    position: static;
    font-size: 1.3rem;
    text-align: center;
    width: 95%;
    display: block;
    background-color: #fff\9;
    background: rgba(255,255,255,0) !important;
    filter: alpha(opacity=0);
    color: #fff;
}

    .pro-an-my:hover {
        background-color: #fff\9;
        background: rgba(255,255,255,0.4) !important;
        filter: alpha(opacity=40);
        border: 1px solid #bce5f6;
        color: #fff;
        color: #fff\9;
        outline: 0;
    }

    .pro-an-my span {
        position: relative;
        color: #fff;
    }

@media (min-width:992px) {
    .pro-an-my {
        padding: 15px 70px 15px 70px;
        font-size: 20px;
    }

    .pro-bottom-pos {
        padding-bottom: 40px;
    }
}

.product-demo {
    background-color: #fff;
    height: 100%;
}

.product-demo-cent {
    margin: 0px auto;
    margin-top: 40px;
    width: 80%;
}

    .product-demo-cent img {
        width: 100%;
    }

.product-update {
    background-color: #30b3eb;
}

    .product-update h1 {
        font-size: 6rem;
        color: #fff;
        margin-top: 3rem;
    }

.pro-demo-nav1, .pro-demo-nav2, .pro-demo-nav3 {
    float: left;
    width: 33.333%;
    padding-top: 1.6rem;
    margin: 0 auto;
    height: 7rem;
}

.pro-demo-nav1 {
    background-color: #43baed;
}

.pro-demo-nav2 {
    background-color: #2eace2;
}

.pro-demo-nav3 {
    background-color: #2ba1d3;
}

.pro-demo-nav1:hover {
    background-color: #20a3da;
}

.pro-demo-nav2:hover {
    background-color: #1391c7;
}

.pro-demo-nav3:hover {
    background-color: #0079ac;
}

.pro-update-cont-box {
    margin: 0 auto;
    color: #fff;
    font-size: 2rem;
}

.pro-update-title2, .pro-update-title3 {
    font-size: 1rem;
    margin-top: -5px;
    margin-left: 24px;
}

.product-log {
    background-color: #fff;
}

.product-feater {
    background-color: #30b3eb;
}

.pro-update-cont-box {
    width: 90%;
    margin: 0 auto;
    color: #fff;
    font-size: 0.9rem;
}

    .pro-update-cont-box img {
        width: 2rem;
    }

.pro-demo-row {
    padding-bottom: 30px;
}

.pro-demo-ectouch_nav {
    overflow: hidden;
    margin-top: 50px;
}

.product-log-cont {
    background-image: url("../images/product/log-cont-bg.jpg");
    height: 340px;
}

.product-log-content {
    height: 260px;
    color: #fff;
    width: 100%;
    overflow-y: scroll;
}

.product-log-content-box {
    margin-top: 0px;
    position: relative;
}

@media (min-width:992px) {
    .product-log-content {
        height: 260px;
        color: #fff;
        width: 1210px;
        margin: 0px auto;
        overflow-y: scroll;
    }
}

.update-img4 {
    display: block;
    width: 48px;
}

.content-box {
    width: 90%;
    margin: 0px auto;
    position: relative;
}

.up_content_content::before {
    content: "";
    position: absolute;
    top: 10px;
    bottom: 0px;
    width: 1px;
    left: 60px;
    background: #FFF none repeat scroll 100% 100%;
}

.update-img7 {
    margin-left: 10px;
    margin-top: 20px;
}

.update-content-bg {
    background-color: #30b3eb;
    border-radius: 8px;
    width: 90%;
    padding-top: 30px;
    padding-left: 30px;
    padding-bottom: 30px;
    margin-top: -16px;
    color: #fff;
    margin-left: 35px;
}

.update-content-bg1 {
    background-color: #30b3eb;
    border-radius: 8px;
    width: 90%;
    padding-top: 30px;
    padding-left: 30px;
    padding-bottom: 30px;
    margin-top: -16px;
    color: #fff;
    margin-left: 35px;
}

.update-content-bg3 {
    background-color: #30b3eb;
    border-radius: 8px;
    width: 90%;
    padding-top: 30px;
    padding-left: 30px;
    padding-bottom: 30px;
    margin-top: -16px;
    color: #fff;
    margin-left: 35px;
}

.update-sjx {
    position: absolute;
    top: 30px;
    right: 625px;
    display: none;
}

.update-sjx-1 {
    position: absolute;
    top: 160px;
    right: 210px;
    display: none;
}

.up_img, .up_img_box {
    width: 2rem;
    margin-left: 1.1rem;
    margin-top: 0.6rem;
    display: block;
}

.updata-title {
    margin-bottom: 20px;
    overflow: hidden;
    margin-left: -40px;
}

    .updata-title li {
        float: left;
        border-right: 1px solid #fff;
    }

        .updata-title li:last-child {
            border-right: none;
        }

.upadta-nianfen {
    font-size: 0.8rem;
}

.updata-title-min1 {
    width: 25%;
    font-size: 1rem;
}

    .updata-title-min1 img {
        display: block;
    }

.updata-title-min2 {
    width: 60%;
    margin-left: 15px;
    font-size: 1.3rem;
}

.uadate-content {
    font-size: 1rem;
}

@media (min-width:992px) {
    .upadta-nianfen {
        font-size: 1.3rem;
    }

    .updata-title-min1 {
        width: 15%;
        font-size: 2rem;
    }

    .updata-title-min2 {
        width: 80%;
        margin-left: 15px;
        font-size: 2rem;
    }
}

.feater-logo {
    margin: 0 auto;
    width: 153px;
    margin-top: 80px;
    height: 80px;
}

    .feater-logo p {
        font-size: 22px;
        color: #fff;
        margin-top: 5px;
    }

.feater-gl-logo {
    width: 190px;
    margin: 0 auto;
    overflow: hidden;
}

.feater-gl-logo1 {
    float: left;
    width: 33.333%;
    padding-top: 25px;
    margin: 0px auto;
    height: 0px;
}

.ectouch_footer-content-1 {
    display: none;
}

.ectouch_footer-app-box {
    display: block;
    color: #fff;
    text-align: center;
    font-size: 1.3rem;
    padding: 2rem 0.5rem 1rem 0.5rem;
}

@media (min-width:992px) {
    .ectouch_footer-content-1 {
        display: block;
    }

    .ectouch_footer-app-box {
        display: none;
    }

    .feater-gl-logo1 {
        float: left;
        width: 33.333%;
        padding-top: 25px;
        margin: 0px auto;
        height: 115px;
    }
}

.feater-gl-logo2, .feater-gl-logo2 img {
    width: 35px;
    height: 35px;
    margin: 0 auto;
}

#m7 a {
    margin-left: 10px;
}

.user-bangding {
    width: 6rem;
    margin-top: 3rem;
}

    .user-bangding img {
        width: 100%;
    }

.my-iput-style {
    margin-left: -20px;
}

.my-style-height {
    height: 30px;
    line-height: 30px;
}

.col-xs-6-1 {
    float: left;
    width: 50%;
}

.my-style-user {
    height: 30px;
    line-height: 30px;
    padding: 0px 0px;
}

@media (min-width:992px) {
    .my-iput-style {
        margin-left: 0px;
    }

    .my-style-height {
        height: 40px;
        line-height: 40px;
    }

    .user-bangding {
        width: 15rem;
        margin-top: 3rem;
    }

    #m7 a {
        margin-left: 0px;
    }

    .product-banner h2 {
        color: #fff;
        padding-top: 133px;
        font-size: 42px;
        text-align: center;
        padding-bottom: 15px;
    }

    .product-banner p {
        font-size: 18px;
    }

    .pro-title-two {
        font-size: 18px;
    }

    .pro-row {
        width: 50%;
        margin: 0 auto;
        padding-bottom: 50px;
    }

    .product-demo {
        background-color: #fff;
        height: 653px;
    }

    .product-demo-cent {
        width: 830px;
        margin: 0px auto;
        margin-top: 65px;
    }

        .product-demo-cent img {
            width: 100%;
        }

    .product-update h1 {
        font-size: 120px;
        color: #fff;
        margin-top: 40px;
    }

    .pro-demo-row {
        padding-bottom: 30px;
    }

    .pro-demo-ectouch_nav {
        overflow: hidden;
        margin-top: 50px;
    }

    .pro-demo-nav1, .pro-demo-nav2, .pro-demo-nav3 {
        float: left;
        width: 33.333%;
        padding-top: 25px;
        margin: 0 auto;
        height: 115px;
    }

    .pro-demo-nav1 {
        background-color: #43baed;
    }

    .pro-demo-nav2 {
        background-color: #2eace2;
    }

    .pro-demo-nav3 {
        background-color: #2ba1d3;
    }

    .pro-demo-nav1:hover {
        background-color: #20a3da;
    }

    .pro-demo-nav2:hover {
        background-color: #1391c7;
    }

    .pro-demo-nav3:hover {
        background-color: #0079ac;
    }

    .pro-update-cont-box {
        width: 180px;
        margin: 0 auto;
        color: #fff;
        font-size: 22px;
    }

        .pro-update-cont-box img {
            width: 35px;
        }

    .pro-update-title2, .pro-update-title3 {
        font-size: 16px;
        margin-top: -5px;
        margin-left: 43px;
    }

    .product-log-cont {
        height: 750px;
    }

    .product-log-content-box {
        margin-top: 0px;
    }

    .product-log-content {
        height: 630px;
    }

    .feater-logo {
        margin: 0 auto;
        width: 153px;
        margin-top: 80px;
        height: 80px;
    }

        .feater-logo p {
            font-size: 22px;
            color: #fff;
            margin-top: 5px;
        }

    .feater-gl-logo {
        width: 190px;
        margin: 0 auto;
        overflow: hidden;
    }

    .feater-gl-logo1 {
        float: left;
        width: 33.333%;
        padding-top: 25px;
        margin: 0px auto;
        height: 115px;
    }

    .feater-gl-logo2, .feater-gl-logo2 img {
        width: 35px;
        height: 35px;
        margin: 0 auto;
    }

    .uadate-content {
        font-size: 15px;
    }
}

.dirsir-cont-header h2 {
    font-size: 2rem;
    padding: 1.5rem 0 1.5rem 0;
}

.sedac-banner-box {
    margin-top: 60px;
    background-image: url("../images/sedac/banner-bg.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    margin: 0px auto;
}

    .sedac-banner-box h1 {
        color: #fff;
        font-size: 1.8rem;
        padding-top: 50px;
        padding-bottom: 50px;
    }

.weixin-sedac {
    background-color: #fff;
}

.hdty-sedac {
    background-color: #fff;
}

.weixin-sedac-2 {
    padding-bottom: 100px;
    background-color: #FFF;
}

.hdty-cont-sedac, .hdty-cont-sedac img {
    width: 90%;
    margin: 3rem auto;
}

.alfx-sedac {
    background-color: #f5f5f5;
    padding-bottom: 50px;
}

.my-col {
    margin-bottom: 10px;
}

.sedac-img-box {
    width: 96%;
    margin: 3rem auto;
}

    .sedac-img-box img {
        width: 100%;
    }

@media (min-width:992px) {
    .dirsir-cont-header h2 {
        font-size: 3rem;
        padding-bottom: 20px;
    }

    .sedac-banner-box h1 {
        color: #fff;
        font-size: 40px;
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .weixin-sedac {
        background-color: #fff;
    }

    .weixin-sedac-2 {
        padding-bottom: 300px;
    }

    .hdty-sedac {
        background-color: #fff;
    }

    .hdty-cont-sedac, .hdty-cont-sedac img {
        width: 400px;
        margin: 40px auto;
    }

    .my-col {
        margin-bottom: 30px;
    }

    .sedac-img-box {
        width: 100%;
        margin: 3rem auto;
    }

        .sedac-img-box img {
            width: 100%;
            margin-top: 25px;
        }
}

.max-dirsir {
    background-color: #f2f2f2;
}

.my-dirsir-bg {
    background-color: #fff;
}

.dirsir-my-row {
    margin-top: 0px;
}

.dirsir-left-box {
    width: 99%;
}

.dirsir-right-box {
    width: 98%;
}

    .dirsir-right-box img {
        width: 99%;
    }

.dirsir-cont1, .dirsir-cont2 {
    float: left;
    margin-top: 70px;
}

.dirsir-cont1 {
    width: 35%;
}

    .dirsir-cont1 img {
        width: 280px;
        height: 145px;
    }

.dirsir-cont2 {
    width: 65%;
}

.dirsir-cont-box {
    margin-left: -46px;
}

.dirsir-ectouch_nav {
    border-bottom: 1px solid #e8e8e8;
    width: 530px;
}

.dirsir-cont-cont1 {
    width: 74%;
    padding-left: 1rem;
    box-sizing: border-box;
    padding-top: 20px;\9
}

.dirsir-cont-img1 img {
    width: 100%;
}

@media (min-width:992px) {
    .dirsir-my-row {
        margin-top: 0px;
    }

    .dirsir-ectouch_nav {
        border-bottom: 1px solid #e8e8e8;
        width: 100%;
        height: 56px;
    }

    .dirsir-cont-cont1 {
        width: 62%;
        padding-top: 20px;
        padding-top: 20px;\9
    }

    .dirsir-cont-img1 img {
        width: 20rem;
        height: 100%;
    }
}

.dirsir-ectouch_nav-cont {
    overflow: hidden;
    margin-left: -40px;
}

    .dirsir-ectouch_nav-cont li {
        float: left;
        margin-left: 20px;
        color: #7a7a7a;
        font-size: 16px;
    }

        .dirsir-ectouch_nav-cont li:visited {
            color: #0094d3;
        }

.dirsir-content-box {
    overflow: hidden;
    width: 98%;
    margin: 0 auto;
    border-bottom: 1px solid #e8e8e8;
}

.dirsir-cont-cont1, .dirsir-cont-img1 {
    float: left;
}

.dirsir-cont-img1 {
    width: 26%;
}

.dirsir-cont-cont1 h2 {
    font-size: 1.6rem;
    color: #232323;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 3px;
}

.dirsir-cont-cont1 small {
    font-size: 1rem;
    color: #9e9e9e;
    margin-left: 1px;
}

.dirsir-cont-cont1 p {
    font-size: 1.3rem;
    color: #474747;
    margin: 0px 1px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.dirsir-ectouch_nav-right {
    border-bottom: 1px solid #e8e8e8;
}

    .dirsir-ectouch_nav-right span {
        font-size: 16px;
        line-height: 55px;
        height: 55px;
        padding-left: 10px;
    }

.dirsir-new-title span {
    background-color: #ff7814;
    border-radius: 3px;
    padding: 0.1px 5px 0.1px;
    color: #fff;
    font-size: 14px;
}

.dirsir-new-cont span {
    line-height: 20px;
    font-size: 14px;
    color: #222222;
    padding-left: 0px;
}

.dirsir-new-cont small {
    padding-left: 10px;
    color: #9e9e9e;
    font-size: 13px;
}

.dirsir-new-cont, .dirsir-new-title {
    float: left;
}

.dirsir-new-title-box {
    overflow: hidden;
    margin-left: -20px;
}

.dirsir-new-title {
    width: 15%;
    margin-top: 14px;
}

.dirsir-new-cont {
    width: 85%;
    margin-top: 10px;
    text-align: left;
    padding-right: 15px;
}

    .dirsir-new-cont:last-child {
        padding-bottom: 15px;
    }

.my-dir-color2 span {
    background-color: #ff9813;
}

.my-dir-color3 span {
    background-color: #ffb759;
}

.my-dir-color4 span {
    background-color: #bebebe;
}

.dirsir-new-cont img {
    width: 16px;
    margin-left: 10px;
}

.dirsir-righttop-img {
    border-top: 8px solid #f2f2f2;
}

    .dirsir-righttop-img img {
        width: 100%;
    }

.dirsir-img-box {
    width: 100%;
}

    .dirsir-img-box img {
        width: 85%;
    }

.dirsir-cont-header {
    border-bottom: 1px solid #e9e8e8;
    margin-bottom: 10px;
    margin-top: 20px;
}

.dirsir-content-box {
    width: 93%;
    margin: 0 auto;
    padding-top: 10px;
}

.dirsir-content-cont {
    font-size: 1.4rem;
    color: #1d1d1d;
    text-indent: 2em;
    text-indent: 2em\9;
    line-height: 30px;
    line-height: 30px\9;
    font-size: 14px;\9
}

.dirsir-cont-img2 {
    width: 468px;
    margin: 0 auto;
}

.dirsir-feader-cont {
    border-bottom: 1px solid #e9e8e8;
}

.dirsir-feader-right, .dirsir-feader-left {
    float: left;
    margin-top: 30px;
    padding-bottom: 20px;
    color: #575757;
    font-size: 14px;
}

.dirsir-feader-left {
    width: 100%;
}

.dirsir-feader-right {
    width: 100%;
    display: none;
}

@media (min-width:992px) {
    .dirsir-feader-right {
        width: 100%;
        display: block;
    }
}

.dirsir-feader-left strong {
    margin-left: 14px;
    color: #252525;
}

.dirsir-cont-header small {
    color: #9b9b9b;
    font-size: 1.4rem;
}

.dirsir-cont-header h4 {
    font-size: 1.2rem;
    color: #9b9b9b;
    padding-top: 0px;
    padding-bottom: 10px;
    text-align: left;
}

.dirsir-gjc-cont {
    color: #5e5e5e;
    padding-top: 10px;
}

.dirsir-cont-img1-1 img {
    width: 100%;
    margin: 0 auto;
    height: 100%;
}

.dirsir-cont-img2, .dirsir-cont-img2 img {
    width: 100%;
}

.dirsir-right-box {
    display: none;
}

.my-dirsir-but {
    float: right;
    color: #e9e8e8;
}

.dirsir-lun-left {
    margin-top: 140%;
    width: 10px;
}

.dirsir-look-img {
    margin-left: 5px;
    margin-right: 5px;
}

.my-dirsir-but {
    float: right;
    color: #585858;
    border-color: #e7e8e8;
    background-color: #fff;
}

    .my-dirsir-but:hover {
        background-color: #e8e6e6;
    }

.dirsir-ectouch_nav-cont li {
    text-align: center;
}

    .dirsir-ectouch_nav-cont li a {
        color: #666;
        display: block;
    }

        .dirsir-ectouch_nav-cont li a:hover {
            color: #30b3eb;
            border-bottom: 1px solid #30b3eb;
            text-decoration: none;
        }

        .dirsir-ectouch_nav-cont li a.hover {
            color: #30b3eb;
            border-bottom: 1px solid #30b3eb;
        }

@media (min-width:992px) {
    .dirsir-content-box {
        padding-top: 0px;
    }

    .max-dirsir {
        background-color: #f2f2f2;
    }

    .dirsir-right-box img {
        width: 100%;
    }

    .dirsir-ectouch_nav-cont {
        overflow: hidden;
        margin-left: 0px;
    }

    .dirsir-cont1, .dirsir-cont2 {
        float: left;
        margin-top: 70px;
    }

    .dirsir-cont1 {
        width: 35%;
    }

        .dirsir-cont1 img {
            width: 280px;
            height: 145px;
        }

    .dirsir-cont2 {
        width: 65%;
    }

    .dirsir-cont-box {
        margin-left: -46px;
    }

    .dirsir-ectouch_nav-cont li {
        float: left;
        margin-left: 40px;
        color: #7a7a7a;
        font-size: 16px;
        padding: 16px 0 16px 0;
    }

        .dirsir-ectouch_nav-cont li:first-child {
            margin-left: 0px;
        }

    .dirsir-content-box {
        overflow: hidden;
        width: 98%;
        margin: 0 auto;
        border-bottom: 1px solid #e8e8e8;
    }

    .dirsir-cont-img1 img {
        width: 100%;
    }

    .dirsir-cont-cont1, .dirsir-cont-img1 {
        float: left;
    }

    .dirsir-cont-cont1 {
        width: 74%;
        padding-left: 15px;
    }

    .dirsir-cont-img1 {
        width: 26%;
        padding 15px 0;
        margin-top: 20px;
    }

    .dirsir-cont-cont1 h2 {
        font-size: 24px;
        color: #232323;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        margin-bottom: 8px;
    }

    .dirsir-cont-cont1 small {
        font-size: 13px;
        color: #9e9e9e;
    }

    .dirsir-cont-cont1 p {
        font-size: 14px;
        color: #474747;
        margin: 0px 0px 25px;
        text-overflow: clip;
        white-space: normal;
        position: relative;
        height: 6.5em;
        overflow: hidden;
        padding-top: 6px;
        line-height: 21px;
    }

        .dirsir-cont-cont1 p::after {
            content: "...";
            font-weight: bold;
            position: absolute;
            bottom: 0;
            right: 0;
            padding: 0 20px 1px 45px;
        }

    .dirsir-ectouch_nav-right {
        border-top: 10px solid #F0F0F0;
    }

        .dirsir-ectouch_nav-right span {
            font-size: 16px;
            line-height: 55px;
            height: 55px;
            padding-left: 10px;
        }

    .dirsir-new-title span {
        background-color: #ff7814;
        border-radius: 3px;
        padding: 0.1px 5px 0.1px;
        color: #fff;
        font-size: 12px;
    }

    .dirsir-new-cont span {
        line-height: 20px;
        font-size: 14px;
        color: #222222;
        padding-left: 0px;
        text-overflow: clip;
        white-space: normal;
        position: relative;
        height: 1.6em;
        display: block;
        overflow: hidden;
        padding-top: 2px;
    }

    .dirsir-new-cont small {
        padding-left: 10px;
        color: #9e9e9e;
        font-size: 13px;
    }

    .dirsir-new-cont, .dirsir-new-title {
        float: left;
    }

    .dirsir-new-title-box {
        overflow: hidden;
    }

    .dirsir-new-title {
        width: 12%;
        margin-top: 14px;
    }

    .dirsir-new-cont {
        width: 88%;
        margin-top: 10px;
        text-align: left;
        padding-right: 11px;
    }

        .dirsir-new-cont:last-child {
            padding-bottom: 0px;
        }

    .my-dir-color2 span {
        background-color: #ff9813;
    }

    .my-dir-color3 span {
        background-color: #ffb759;
    }

    .my-dir-color4 span {
        background-color: #bebebe;
    }

    .dirsir-new-cont img {
        width: 16px;
        margin-left: 10px;
    }

    .dirsir-righttop-img {
        border-top: 8px solid #f2f2f2;
    }

        .dirsir-righttop-img img {
            width: 100%;
        }

    .dirsir-img-box {
        width: 100%;
    }

        .dirsir-img-box img {
            width: 100%;
            height: 395px;
        }

    .dirsir-lun-left {
        margin-top: 150%;
        width: 20px;
    }

    .dirsir-content-box {
        width: 96%;
    }

    .dirsir-content-cont {
        font-size: 14px;
        line-height: 30px;
        text-indent: 2em;
    }

    .dirsir-cont-img2 {
        width: 468px;
        margin: 0 auto;
    }

    .dirsir-feader-left {
        width: 75%;
        margin-top: 40px;
    }

    .dirsir-feader-right {
        width: 19%;
    }

        .dirsir-feader-right p {
            text-align: center;
        }

    .dirsir-cont-header small {
        font-size: 13px;
        padding-top: 20px;
    }

    .dirsir-cont-header h4 {
        font-size: 13px;
    }

    .dirsir-right-box {
        display: block;
    }
}

.partners-bs {
    color: #fff;
}

.partners-banner {
    margin-top: 52px;
    background-image: url("../images/partners/banner.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    margin: 0px auto;
}

.partners-banner-title h2 {
    font-size: 3rem;
    text-align: center;
    margin-top: 90px;
}

.partners-banner-title p {
    text-align: center;
    font-size: 1.2rem;
}

.par-banner-xian, .par-banner-xian img {
    width: 95%;
    margin: 0 auto;
}

.my-tner-input {
    width: 55%;
    height: 60px;
}

.my-par-anniu {
    width: 35%;
}

.my-partner-bat {
    background-color: #30b3eb;
}

.my-partner-box {
    margin: 0 auto;
}

.my-partner-input {
    width: 500px;
}

.my-par-anniu {
    font-size: 20px;
    border: 0px solid #CCC;
    padding-bottom: 20px;
    padding-top: 20px;
}

.my-par-top {
    margin-top: 200px;
}

.par-banner-box2 {
    margin-bottom: 30px;
    display: block;
}

.par-left-img1-box, .par-left-img2-box, .par-left-img3-box {
    float: left;
}

.par-left-img1-box, .par-left-img2-box {
    width: 50%;
    margin-top: 30px;
}

.par-left-img1-box {
    margin-top: 60px;
}

.par-left-img3-box {
    width: 50%;
    margin-top: -16px;
}

.par-hxjz-box h2 {
    text-align: center;
    font-size: 2.2rem;
}

.par-hxjz-box p, .par-khjs-box p {
    font-size: 1.2rem;
    text-align: center;
    padding-bottom: 20px;
}

.hxjz-cont-box {
    overflow: hidden;
    margin-left: -20px;
}

.hxjz-left-box, .hxjz-right-box {
    float: left;
}

.hxjz-left-box {
    width: 40%;
    padding-top: 10px;
}

.hxjz-right-box {
    width: 60%;
}

    .hxjz-right-box h3, .hxjz-right-box p {
        text-align: left;
    }

    .hxjz-right-box h3 {
        font-size: 1.8rem;
        color: #333333;
    }

    .hxjz-right-box p {
        font-size: 1.2rem;
        color: #666666;
        padding-top: 12px;
    }

@media (min-width:992px) {
    .par-row-box-top {
        margin-top: 50px;
    }

    .par-xyhb-box h2 {
        text-align: center;
        font-size: 40px;
        padding-bottom: 60px;
    }

    .partners-banner-title h2 {
        font-size: 84px;
        text-align: center;
        margin-top: 160px;
    }

    .partners-banner-title p {
        text-align: center;
        font-size: 19px;
    }

    .par-banner-xian, .par-banner-xian img {
        width: 560px;
        margin: 0 auto;
    }

    .my-tner-input {
        width: 650px;
        height: 60px;
    }

    .par-banner-box2 {
        margin-bottom: 110px;
        display: block;
    }

    .par-left-img1-box, .par-left-img2-box, .par-left-img3-box {
        float: left;
    }

    .par-left-img1-box, .par-left-img2-box {
        width: 30%;
        margin-top: 0px;
    }

    .par-left-img1-box {
        margin-top: 60px;
    }

    .par-left-img3-box {
        width: 20%;
        margin-top: 150px;
    }

    .par-hxjz-box h2 {
        text-align: center;
        font-size: 40px;
    }

    .par-hxjz-box h2 {
        font-size: 40px;
    }

    .par-hxjz-box p, .par-khjs-box p {
        font-size: 18px;
        text-align: center;
        padding-bottom: 60px;
    }

    .hxjz-left-box, .hxjz-right-box {
        float: left;
    }

    .hxjz-left-box {
        width: 22%;
        padding-top: 10px;
    }

    .hxjz-right-box {
        width: 78%;
        margin-top: 15px;
    }

        .hxjz-right-box h3, .hxjz-right-box p {
            text-align: left;
        }

        .hxjz-right-box h3 {
            font-size: 20px;
        }

        .hxjz-right-box p {
            font-size: 14px;
        }
}

.par-xzwm-box {
    background-color: #fff;
}

.par-pos-box {
    position: relative;
}

.par-img-box {
    overflow: hidden;
    margin-top: 150px;
}

.par-img3-box p {
    font-size: 1.2rem;
    text-align: center;
}

.par-img3-box h2 {
    margin-top: 70px;
    font-size: 2rem;
}

.par-cont1, .par-cont2 {
    width: 100%;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
    font-size: 20px;
    color: #FFF;
}

.par-cont3, .par-cont4 {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    width: 100%;
}

@media (min-width:992px) {
    .par-img-box {
        overflow: hidden;
        margin: 80px 0 60px 0;
    }

    .par-img3-box p {
        font-size: 14px;
    }

    .par-cont1, .par-cont2 {
        font-size: 32px;
    }

    .par-cont3, .par-cont4 {
        font-size: 28px;
    }
}

.par-left-img1-box img, .par-left-img2-box img, .par-left-img3-box img, .par-left-img4-box img {
    width: 100%;
}

.par-cont1 {
    background-color: #30b3eb;
}

.par-cont2 {
    background-color: #10bab8;
}

.par-cont3 {
    background-color: #eb734e;
}

.par-cont4 {
    background-color: #ef44a9;
}

.par-img3-box {
    text-align: center;
}

.par-hxjz-box {
    background-color: #f5f5f5;
}

.par-khjs-box {
    background-color: #fff;
    height: 750px;
}

    .par-khjs-box h2 {
        text-align: center;
        font-size: 40px;
    }

.cs_image_all {
    margin: 0 auto;
    overflow: hidden;
    position: absolute;
}

.cs_image_list {
    float: left;
    margin: 0px;
    position: relative;
    width: 31.5%;
}

.cs_content_image {
    width: 353px;
    height: 353px;
}

.ewm_img {
    height: 353px;
    width: 353px;
    position: absolute;
    top: -360px;
    background: rgba(0,0,0,0.8);
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
}

    .ewm_img img {
        margin-top: 130px;
        margin-left: 110px;
    }

    .ewm_img p {
        font-size: 24px;
        color: #fff;
        margin-top: 30px;
    }

    .ewm_img.active {
        bottom: 0;
        transition: 0.5s;
        -moz-transition: 0.5s;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
    }

.cs_image_list h3 {
    text-align: left;
}

.par-xyhb-box1 {
    background-color: #f5f5f5;
    padding-bottom: 30px;
}

@media (min-width:992px) {
    .par-xyhb-box1 {
        padding-bottom: 60px;
    }
}

.xyhb-cont-box {
    overflow: hiden;
}

.xycont-box {
    overflow: hidden;
}

.xyhb-left-box, .xyhb-right-box {
    float: left;
    margin-top: 20px;
}

    .xyhb-left-box img {
        width: 100%;
    }

.xyhb-left-box {
    width: 46%;
    padding-top: 10px;
}

.xyhb-right-box {
    width: 48%;
    margin-top: 30px;
    margin-left: 10px;
}

    .xyhb-right-box h3, .xyhb-right-box p {
        text-align: left;
    }

    .xyhb-right-box h3 {
        font-size: 1.6rem;
        color: #333333;
    }

    .xyhb-right-box p {
        font-size: 1.2rem;
        color: #666666;
        padding-top: 12px;
        line-height: 20px;
    }

.par-left-input, .par-right-but {
    float: left;
    height: 40px;
}

.par-left-input {
    width: 70%;
    border-radius: 10px 0px 0px 10px;
    background-color: #fff;
}

.par-right-but {
    width: 30%;
    background-color: #30b3eb;
    border-radius: 0px 8px 8px 0px;
    font-size: 1.3rem;
    line-height: 25px;
    text-align: center;
}

.par-banner-box2 {
    width: 96%;
    margin: 0 auto;
    padding-bottom: 90px;
    padding-top: 30px;
}

.my-par-input {
    height: 100%;
    font-size: 1.3rem;
    padding-left: 15px;
    border: none;
    border-radius: 8px 0px 0px 8px;
}

.my-par-btn {
    background-color: #30b3eb;
    width: 100%;
    height: 90%;
    border: none;
}

    .my-par-btn:hover {
        background-color: #5bc0de;
    }

.btn-primary:focus, .btn-primary.focus {
    color: #FFF;
    background-color: #0d91ca;
}

.btn-primary:hover, .btn-primary.hover {
    color: #FFF;
    background-color: #0d91ca;
    border: 1px solid #0d91ca;
}

@media (min-width:992px) {
    .xyhb-right-box p {
        padding-top: 16px;
    }

    .my-par-input {
        height: 100%;
        font-size: 20px;
        line-height: 60px;
    }

    .par-img3-box h2 {
        margin-top: 50px;
        font-size: 30px;
    }

    .xyhb-right-box {
        margin-top: 40px;
        margin-left: 30px;
    }

        .xyhb-right-box h3 {
            font-size: 28px;
            padding-top: 20px;
        }

        .xyhb-right-box p {
            font-size: 14px;
            line-height: 20px;
        }

    .par-left-input, .par-right-but {
        height: 60px;
    }

    .par-left-input {
        width: 80%;
    }

    .par-right-but {
        width: 20%;
        font-size: 21px;
    }

    .par-banner-box2 {
        width: 65%;
        padding-bottom: 180px;
        padding-top: 70px;
    }
}

.cd-container {
    width: 90%;
    max-width: 1170px;
    margin: 0 auto;
}

    .cd-container::after {
        content: '';
        display: table;
        clear: both;
    }

.nian-pos {
    position: absolute;
    left: 40px;
    top: 6px;
    font-size: 1.5rem;
}

#cd-timeline {
    position: relative;
    padding: 2em 0;
    margin-top: 2em;
    margin-bottom: 2em;
    overflow: hidden;
}

    #cd-timeline::before {
        content: '';
        position: absolute;
        top: 0;
        left: 18px;
        height: 100%;
        width: 1px;
        background: #d7e4ed;
    }

@media only screen and (min-width:1170px) {
    #cd-timeline {
        margin-top: 3em;
        margin-bottom: 3em;
        overflow: hidden;
    }

        #cd-timeline::before {
            left: 50%;
            margin-left: -2px;
        }
}

.cd-timeline-block {
    position: relative;
    margin: 2em 0;
}

    .cd-timeline-block:after {
        content: "";
        display: table;
        clear: both;
    }

    .cd-timeline-block:first-child {
        margin-top: 0;
    }

    .cd-timeline-block:last-child {
        margin-bottom: 0;
    }

@media only screen and (min-width:1170px) {
    .cd-timeline-block {
        margin: -4em 0;
    }

        .cd-timeline-block:first-child {
            margin-top: 0;
        }

        .cd-timeline-block:last-child {
            margin-bottom: 0;
        }
}

.cd-timeline-img {
    position: absolute;
    top: 18px;
    left: 14px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

    .cd-timeline-img img {
        display: block;
        width: 24px;
        height: 24px;
        position: relative;
        left: 50%;
        top: 0%;
        margin-left: -12px;
        margin-top: -12px;
    }

    .cd-timeline-img.cd-picture {
        background: #fff;
    }

    .cd-timeline-img.cd-movie {
        background: #fff;
    }

    .cd-timeline-img.cd-location {
        background: #fff;
    }

@media only screen and (min-width:1170px) {
    .cd-timeline-img img {
        display: block;
        width: 24px;
        height: 24px;
        position: relative;
        left: 50%;
        top: 460%;
        margin-left: -12px;
        margin-top: -12px;
    }

    .cd-timeline-img.cd-movie {
        background: #FFF none repeat scroll 0% 0%;
    }

    .nian-pos {
        position: absolute;
        left: 400px;
        top: 50px;
        font-size: 30px;
    }

    .cd-timeline-img {
        width: 10px;
        height: 10px;
        left: 50%;
        margin-left: -6px;
        margin-top: 10px;
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden;
    }

    .cssanimations .cd-timeline-img.is-hidden {
        visibility: hidden;
    }

    .cssanimations .cd-timeline-img.bounce-in {
        visibility: visible;
        -webkit-animation: cd-bounce-1 0.6s;
        -moz-animation: cd-bounce-1 0.6s;
        animation: cd-bounce-1 0.6s;
    }
}

.cd-timeline-content {
    position: relative;
    margin-left: 60px;
    background: #30b3eb;
    border-radius: 0.5em;
    padding: 1em;
}

    .cd-timeline-content:after {
        content: "";
        display: table;
        clear: both;
    }

    .cd-timeline-content h2 {
        color: #303e49;
    }

    .cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
        font-size: 13px;
        font-size: 0.8125rem;
    }

    .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
        display: inline-block;
    }

    .cd-timeline-content p {
        margin: 1em 0;
        line-height: 1.6;
    }

    .cd-timeline-content .cd-read-more {
        float: right;
        padding: .8em 1em;
        background: #acb7c0;
        color: #30b3eb;
        border-radius: 0.25em;
    }

.no-touch .cd-timeline-content .cd-read-more:hover {
    background-color: #bac4cb;
}

a.cd-read-more:hover {
    text-decoration: none;
    background-color: #424242;
}

.cd-timeline-content .cd-date {
    float: left;
    padding: .8em 0;
    opacity: .7;
}

.cd-timeline-content::before {
    content: '';
    position: absolute;
    top: 16px;
    right: 100%;
    height: 0;
    width: 0;
    border: 7px solid transparent;
    border-right: 7px solid #30b3eb;
}

@media only screen and (min-width:768px) {
    .cd-timeline-content h2 {
        font-size: 20px;
        font-size: 1.25rem;
    }

    .cd-timeline-content p {
        font-size: 16px;
        font-size: 1rem;
    }

    .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
        font-size: 14px;
        font-size: 0.875rem;
    }
}

@media only screen and (min-width:1170px) {
    .cd-timeline-content {
        margin-left: 0;
        padding: 1.6em;
        width: 45%;
    }

        .cd-timeline-content::before {
            top: 24px;
            left: 100%;
            border-color: transparent;
            border-left-color: #30b3eb;
        }

        .cd-timeline-content .cd-read-more {
            float: left;
        }

        .cd-timeline-content .cd-date {
            position: absolute;
            width: 100%;
            left: 122%;
            top: 6px;
            font-size: 16px;
            font-size: 1rem;
        }

    .cd-timeline-block:nth-child(even) .cd-timeline-content {
        float: right;
    }

        .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
            top: 24px;
            left: auto;
            right: 100%;
            border-color: transparent;
            border-right-color: #30b3eb;
        }

        .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
            float: right;
        }

        .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
            left: auto;
            right: 122%;
            text-align: right;
        }

    .cssanimations .cd-timeline-content.is-hidden {
        visibility: hidden;
    }

    .cssanimations .cd-timeline-content.bounce-in {
        visibility: visible;
        -webkit-animation: cd-bounce-2 0.6s;
        -moz-animation: cd-bounce-2 0.6s;
        animation: cd-bounce-2 0.6s;
    }
}

@media only screen and (min-width:1170px) {
    .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
        -webkit-animation: cd-bounce-2-inverse 0.6s;
        -moz-animation: cd-bounce-2-inverse 0.6s;
        animation: cd-bounce-2-inverse 0.6s;
    }

    .cd-timeline-block {
        position: relative;
    }
}

.pro-xieyi-box {
    height: 400px;
}

.pro-my-tk1 {
    overflow-y: scroll;
    overflow-x: hidden;
}

.pro-xieyi-box p {
    font-size: 1.2rem;
    color: #6e6d6d;
    margin-top: 10px;
    line-height: 20px;
    text-indent: 2em;
}

.pro-xieyi-box span {
    text-indent: 2em;
    display: block;
}

.pro-xieyi-box h4 {
    font-size: 1.4rem;
    text-align: left;
    line-height: 20px;
    text-indent: 2em;
}

@media (min-width:992px) {
    .pro-xieyi-box {
        height: 380px;
    }

        .pro-xieyi-box p {
            font-size: 12px;
            line-height: 20px;
        }

        .pro-xieyi-box h4 {
            font-size: 14px;
            line-height: 20px;
        }
}

.izl-rmenu {
    position: fixed;
    right: 10px;
    bottom: 24px;
    padding-bottom: 10px;
    background: url("../images/r_b.png") 0px bottom no-repeat;
    z-index: 1100;
}

    .izl-rmenu .btn1 {
        width: 62px;
        height: 63px;
        margin-bottom: 1px;
        cursor: pointer;
        position: relative;
        display: none;
        border-radius: 100%;
    }

    .izl-rmenu .btn-qq {
        background: url(../images/r_qq.png) no-repeat;
        background-size: 62px 63px;
    }

    .izl-rmenu a.btn-qq, .izl-rmenu a.btn-qq:visited {
        background: url(../images/r_qq.png) no-repeat;
        background-size: 62px 63px;
        text-decoration: none;
        display: none;
    }

    .izl-rmenu .btn-wx {
        background: url(../images/r_wx.png) no-repeat;
        background-size: 62px 63px;
    }

        .izl-rmenu .btn-wx .pic {
            position: absolute;
            left: -160px;
            top: 0px;
            display: none;
            width: 160px;
            height: 160px;
        }

    .izl-rmenu .btn-phone {
        background: url(../images/r_phone.png) no-repeat;
        background-size: 62px 63px;
    }

        .izl-rmenu .btn-phone .phone {
            background-color: #30b3eb;
            position: absolute;
            width: 160px;
            left: -160px;
            top: 0px;
            line-height: 63px;
            color: #FFF;
            font-size: 16px;
            text-align: center;
            display: none;
        }

    .izl-rmenu .btn-top {
        background: url(../images/r_top.png) no-repeat;
        background-size: 62px 63px;
    }

@media (min-width:992px) {
    .izl-rmenu .btn1 {
        width: 62px;
        height: 63px;
        margin-bottom: 1px;
        cursor: pointer;
        position: relative;
        display: block;
        border-radius: 0%;
    }

    .izl-rmenu a.btn-qq, .izl-rmenu a.btn-qq:visited {
        background: url(../images/r_qq.png) no-repeat;
        background-size: 62px 63px;
        text-decoration: none;
        display: block;
    }

    .izl-rmenu .btn-top {
        background-size: 62px 63px;
    }

        .izl-rmenu .btn-top:hover {
            background-color: rgba(68,68,68,0.8);
        }
}

@media (min-width:992px) {
    .modal-header h4 {
        font-size: 28px;
    }

    .modal-header span {
        font-size: 14px;
    }

    .my-control-label {
        font-size: 17px;
    }

    .my-form-control {
        height: 40px;
    }

    .my-form-group {
        margin-bottom: 40px;
    }

    .col-sm-10 span {
        font-size: 14px;
    }

    .my-but-left, .my-but-right {
        float: left;
        width: 46%;
        margin-left: 20px;
    }

    .my-but-box {
        width: 80%;
        margin-top: 0px;
    }
}

.modal-header span {
    color: #4c4c4c;
    font-size: 1.4rem;
}

.my-control-label {
    font-size: 1.6rem;
    color: #454545;
    font-weight: 100;
}

.my-form-control {
    height: 40px;
    width: 100%;
    border-radius: 0;
    padding: 10px;
}

.col-sm-10 span {
    color: #6e6d6d;
    font-size: 1.2rem;
}

.my-form-group {
    margin-bottom: 20px;
}

.my-but-left, .my-but-right {
    float: left;
    width: 40%;
    margin-left: 18px;
}

.my-but-box {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    margin-top: 0px;
    margin-left: 0px;
}

@media (min-width:992px) {
    .my-but-box {
        margin-left: 30px;
    }
}

.my-btn-info {
    background-color: #c4c4c4;
    border-color: #c4c4c4;
}

    .my-btn-info:hover {
        background-color: #bbbbbb;
        border-color: #bbbbbb;
    }

}

.user-time-color a {
    color: #30b3eb;
}

#topic_content img {
    width: 100%;
}

.ectouch_nav-zcd-1 h3 {
    font-size: 1.3rem;
}

.ectouch_nav-zcd-1 span {
    font-size: 1rem;
}

@media (min-width:992px) {
    .ectouch_nav-zcd-1 h3 {
        font-size: 20px;
    }

    .ectouch_nav-zcd-1 span {
        font-size: 16px;
    }

    .submnu {
        position: absolute;
        z-index: 6;
        background-color: rgba(0,0,0,0.7);
        display: none;
        left: 0;
        right: 0;
    }

    @media \0screen\,screen\9 {
        .submnu {
            background-color: #7a7a7a;
            filter: Alpha(opacity=70);
            *zoom: 1;
        }
    }

    .head .ectouch_nav .ectouch_menu .imenu a:hover {
        background: #3e99ee;
        color: #FFF;
    }

    .head .ectouch_nav .ectouch_menu .imenu_on {
        background: #3e99ee;
    }

        .head .ectouch_nav .ectouch_menu .imenu_on a {
            color: #FFF;
        }

    .header-xl-con {
        margin: 0 auto;
        margin-left: 0px;
        padding: 3.2rem 0;
        overflow: hidden;
        padding-top: 5rem\9;
        padding-bottom: 5rem;\9
    }
}

.canvas1 .items {
    margin-left: -20px;
}

.canvas1 .items-li img {
    width: 100%;
}

.canvas1 .items-li {
    margin-top: 5rem;
}

    .canvas1 .items-li .title a {
        color: #454545;
        font-size: 1.8rem;
    }

    .canvas1 .items-li .description {
        display: block;
        font-size: 1.2rem;
        color: #4d4d4d;
        text-align: left;
        margin-top: 10px;
    }

    .canvas1 .items-li .wrap_div p {
        height: 20px;
        overflow: hidden;
        text-align: center;
        font-size: 1.2rem;
        color: #30B3EB;
    }

.ser-detail-title {
    height: 50px;
    line-height: 50px;
    font-size: 13px;
    margin: 0px auto;
    padding-left: 1.5rem;
}

    .ser-detail-title a {
        color: #7a7a7a;
    }

.bs-example-modal-sm img {
    position: absolute;
    width: 150px;
    height: auto;
    position: absolute;
    top: 100px;
    left: 80px;
    opacity: 1;
    overflow: visible;
}

@media (min-width:992px) {
    .canvas1 .items {
        margin-left: 0px;
    }

    .canvas1 {
        width: 1170px;
        margin: 0 auto;
        margin-top: 10px;
        overflow: hidden;
    }

    .cover-page-index .boutique .items {
        float: left;
    }

    .canvas1 .items-li {
        float: left;
        width: 30%;
        margin-left: 30px;
        margin-bottom: 11px;
        padding-bottom: 10px;
        background-color: #fff;
        box-sizing: border-box;
        margin-top: 50px;
        margin-bottom: 50px;
    }

        .canvas1 .items-li:first-child {
            margin-left: 0px;
        }

    .canvas1 h3 {
        text-align: left;
        font-size: 36px;
        margin: 36px 0;
    }

    .canvas1 .more-services {
        float: right;
        margin: 36px 0;
    }

    .canvas1 .active {
        box-shadow: 0 0 10px rgba(0,0,0,.2);
    }

    .canvas1 .items-li .wrap_div {
        height: 120px;
        position: relative;
        z-index: 2;
        background: white;
    }

        .canvas1 .items-li .wrap_div p {
            height: 20px;
            overflow: hidden;
            text-align: center;
            font-size: 12px;
            color: #30b3eb;
        }

        .canvas1 .items-li .wrap_div div {
            position: absolute;
            left: 0;
            bottom: 0;
            z-index: 100;
            width: 100%;
            background: white;
        }

        .canvas1 .items-li .wrap_div p {
            text-align: center;
            margin-top: 5px;
            height: 0px;
            overflow: hidden;
            _line-height: 0;
        }

    .canvas1 .items-li > a {
        display: block;
        width: 100%;
        text-align: center;
        line-height: 290px;
    }

    .canvas1 .items-li img {
        max-width: 100%;
    }

    .canvas1 .items-li .title {
        width: 100%;
        padding-top: 10px;
        padding-bottom: 5px;
        font-weight: normal;
        line-height: 22px;
        text-align: center;
    }

        .canvas1 .items-li .title a {
            color: #454545;
            font-size: 28px;
        }

            .canvas1 .items-li .title a:hover {
                color: #30b3eb;
            }

    .canvas1 .items-li .description {
        display: block;
        font-size: 14px;
        color: #6c6c6c;
        text-align: left;
        margin-top: 10px;
    }

        .canvas1 .items-li .description a {
            color: #4d4d4d;
        }

    .canvas1 .items-li .price-attente {
        margin-top: 5px;
    }

        .canvas1 .items-li .price-attente .price {
            float: left;
            margin-left: 60px;
            font-size: 12px;
            color: #ef353d;
        }

        .canvas1 .items-li .price-attente .attente {
            float: right;
            margin-right: 60px;
            padding-left: 15px;
            font-size: 12px;
            color: #71cd9c;
            background-image: url(../images/cover-page-attente.png);
            background-repeat: no-repeat;
            background-position: left center;
            cursor: pointer;
        }

    .bs-example-modal-sm img {
        position: absolute;
        width: 330px;
        height: auto;
        position: absolute;
        top: 306px;
        left: 754px;
        opacity: 1;
        overflow: visible;
    }

    .new-add-cont {
        padding: 1rem;
        margin-top: 1rem;
    }

    .modal-header1 {
        min-height: 16.4286px;
        padding: 15px;
    }

    .ser-detail-title {
        height: 50px;
        line-height: 50px;
        font-size: 13px;
        margin: 0px auto;
        padding-left: 1.5rem;
    }

        .ser-detail-title a {
            color: #666;
        }
}

.my-steps {
    margin-top: 20px;
}

.new-add-cont {
    padding: 1rem;
    margin-top: 1rem;
}

.bgf9f7f1 {
    background: #F9F7F1 none repeat scroll 0% 0%;
}

.top1 {
    height: 28px;
    width: 100%;
    font-size: 12px;
    color: #FFF;
    background: #183347;
}

.top1_con {
    width: 1210px;
    height: 28px;
    line-height: 28px;
}

.top1_con_lft {
    width: 240px;
    float: left;
}

.top1_con_rgt {
    width: 350px;
    float: right;
    margin-top: 2px;
}

    .top1_con_rgt span {
        font-weight: bold;
        display: block;
        width: 100px;
        height: 24px;
        float: right;
        line-height: 24px;
        margin-left: 28px;
        _margin-left: 10px;
    }

    .top1_con_rgt ul li {
        float: right;
        margin-right: 5px;
    }

    .top1_con_rgt a.fnt:link {
        width: 30px;
        height: 21px;
        line-height: 21px;
        text-align: center;
        display: block;
        float: left;
        margin-left: 2px;
        color: #cccccc;
    }

    .top1_con_rgt a.fnt:visited {
        color: #cccccc;
    }

    .top1_con_rgt a.fnt:hover {
        color: #ffffff;
    }

    .top1_con_rgt a.pic1 {
        width: 12px;
        height: 15px;
        margin-top: 3px;
        margin-left: 15px;
        background: url(../images/top1.png) 0px 0px;
        text-align: center;
        display: block;
        float: left;
    }

    .top1_con_rgt a.pic2 {
        width: 18px;
        height: 15px;
        margin-top: 3px;
        margin-left: 5px;
        background: url(../images/top1.png) 38px 0px;
        text-align: center;
        display: block;
        float: left;
    }

    .top1_con_rgt a.pic3 {
        width: 18px;
        height: 15px;
        margin-top: 3px;
        margin-left: 5px;
        background: url(../images/top1.png) 18px 0px;
        text-align: center;
        display: block;
        float: left;
    }

    .top1_con_rgt a.wechat_qrcode {
        position: relative;
    }

        .top1_con_rgt a.wechat_qrcode span {
            position: absolute;
            top: 24px;
            right: -28px;
            width: 120px;
            height: 120px;
            display: none;
            z-index: 18;
        }

        .top1_con_rgt a.wechat_qrcode:hover span {
            display: block;
        }

.top2 {
    height: 90px;
    width: 100%;
    background: #ffffff;
    border-bottom: 1px solid #CCC;
    clear: both;
}

.top2_con {
    width: 1210px;
    height: 90px;
    position: relative;
}

    .top2_con img {
        display: block;
        position: absolute;
        top: 13px;
    }

    .top2_con .mune {
        width: 918px;
        position: absolute;
        top: 40px;
        right: 0;
    }

        .top2_con .mune .lavaLamp {
            position: relative;
            height: 48px;
            overflow: hidden;
        }

            .top2_con .mune .lavaLamp li {
                float: left;
                font-size: 18px;
                _width: 60px;
                margin: 0px 13px;
                _margin-left: 9px;
                height: 48px;
                z-index: 10;
            }

                .top2_con .mune .lavaLamp li.back {
                    border-bottom: 3px solid #9dce18;
                    color: #333;
                    width: 9px;
                    height: 10px;
                    top: 30px;
                    margin: 0;
                    z-index: 8;
                    position: absolute;
                }

                    .top2_con .mune .lavaLamp li.back .left {
                        border-bottom: 3px solid #9dce18;
                        color: #333;
                        height: 40px;
                        margin-right: 9px;
                    }

.down {
    height: 151px;
    background: #505050;
}

.down_con {
    width: 1210px;
    height: 151px;
    position: relative;
}

.downCon_logo {
    display: block;
    position: absolute;
    margin-top: 40px;
    float: left;
}

.downCon_nr {
    float: left;
    position: absolute;
    width: 680px;
    margin-top: 38px;
    margin-left: 260px;
    color: #e9e9e9;
}

    .downCon_nr ul {
        width: 680px;
        display: block;
        line-height: 35px;
        height: 35px;
    }

        .downCon_nr ul li {
            float: left;
            margin: 0px 10px;
        }

            .downCon_nr ul li a {
                color: #e9e9e9;
                font-size: 13px;
            }

                .downCon_nr ul li a:hover {
                    color: #ffffff;
                }

    .downCon_nr span {
        display: block;
        padding-left: 10px;
        clear: both;
    }

a.downCon_gs {
    width: 49px;
    height: 60px;
    display: block;
    position: absolute;
    margin-top: 40px;
    margin-left: 1000px;
}

.xuqiu {
    width: 100%;
    background: #f9f7f1;
    height: 370px;
}

.xuqiu_con {
    width: 1210px;
    height: 370px;
    position: relative;
    margin: 0px auto;
}

.xuqiucon_left {
    width: 390px;
    height: 270px;
    float: left;
    position: absolute;
    margin-top: 50px;
}

    .xuqiucon_left h3 {
        display: block;
        float: left;
        font-size: 36px;
        color: #5d5c5c;
        padding: 8px;
    }

    .xuqiucon_left h4 {
        display: block;
        font-size: 16px;
        color: #7b7b7b;
        clear: both;
        width: auto;
        padding: 8px;
    }

    .xuqiucon_left h5 {
        display: block;
        font-size: 12px;
        color: #9c9b9b;
        width: auto;
        padding: 0px 8px;
        background: none;
        text-align: left;
        line-height: 18px;
    }

    .xuqiucon_left ul {
        margin-top: 18px;
    }

        .xuqiucon_left ul li {
            display: block;
            font-size: 12px;
            padding-left: 8px;
            height: 35px;
            line-height: 35px;
        }

.xuqiucon_right {
    width: 642px;
    height: 254px;
    margin-top: 58px;
    float: left;
    position: absolute;
    left: 550px;
}

    .xuqiucon_right ul li {
        float: left;
        margin-left: 10px;
        width: 196px;
        display: block;
        _margin-left: 4px;
    }

        .xuqiucon_right ul li.txtArea {
            widht: 100px;
            margin-top: 10px;
        }

        .xuqiucon_right ul li input {
            width: 156px;
            height: 26px;
            padding-left: 40px;
            border: 1px solid #dcdcdc;
            color: #999999;
            line-height: 26px;
        }

    .xuqiucon_right input.txt1 {
        background: url(../images/xuq_pic_03.jpg) #FFF 0 2px no-repeat;
    }

    .xuqiucon_right input.txt2 {
        background: url(../images/xuq_pic_05.jpg) #FFF 0 2px no-repeat;
    }

    .xuqiucon_right input.txt3 {
        background: url(../images/xuq_pic_07.jpg) #FFF 0 2px no-repeat;
    }

    .xuqiucon_right .txtArea {
        width: 605px;
        height: 141px;
        color: #999999;
        padding-top: 10px;
        font-size: 12px;
        line-height: 20px;
    }

    .xuqiucon_right .btnSubmit {
        height: 38px;
        width: 109px;
        margin-top: 28px;
        margin-left: 513px;
    }

        .xuqiucon_right .btnSubmit input {
            width: 109px;
            height: 38px;
            background: url(../images/xuq_pic_21.jpg) no-repeat;
            margin: 0px;
            color: #FFF;
            font-size: 18px;
            font-weight: bold;
            text-align: center;
            padding: 0px;
            border: none;
        }

.bannerComp {
    background: url(../images/company.png) center top;
    height: 533px;
    width: 100%;
}

.guarantee_menu_bg {
    width: 100%;
    height: 168px;
    background: #FFF;
    border-bottom: 1px solid #cccccc;
    position: relative;
    z-index: 100;
}

.guarantee_menu_main {
    width: 1210px;
    margin: 0 auto;
    padding: 10px 0 0 5px;
}

ul.guarantee_menu {
    position: absolute;
    display: inline-block;
    z-index: 100;
    width: 1210px;
}

    ul.guarantee_menu li {
        float: left;
        margin: 10px 35px;
    }

        ul.guarantee_menu li a, ul.guarantee_menu li a.selected {
            display: inline-block;
            height: 85px;
            font-size: 14px;
            text-decoration: none;
            cursor: pointer;
        }

        ul.guarantee_menu li a {
            color: #000;
        }

            ul.guarantee_menu li a:hover {
                text-decoration: none;
            }

            ul.guarantee_menu li a.selected {
                color: #FFF;
            }

                ul.guarantee_menu li a span.menu_title, ul.guarantee_menu li a.selected span.menu_title {
                    height: 34px;
                    line-height: 34px;
                    text-align: center;
                    display: inline-block;
                    font-weight: bold;
                }

                ul.guarantee_menu li a.selected span.menu_title {
                    background: #30b3e6;
                }

                ul.guarantee_menu li a span.corn, ul.guarantee_menu li a.selected span.corn {
                    height: 100px;
                    background: url(../images/mune_bg_com.png) no-repeat 0 0 transparent;
                    display: inline-block;
                }

            ul.guarantee_menu li, ul.guarantee_menu li a span {
                width: 125px;
            }

                ul.guarantee_menu li.brand_con, ul.guarantee_menu li.brand_con a span, ul.guarantee_menu li.user_confide, ul.guarantee_menu li.user_confide a span {
                    width: 125px;
                }

                ul.guarantee_menu li.unconditionally_backtrack, ul.guarantee_menu li.unconditionally_backtrack a span {
                    width: 125px;
                }

                ul.guarantee_menu li.quality_stock a span.corn {
                    background-position: -35px 0;
                }

                ul.guarantee_menu li.quality_stock a.selected span.corn {
                    background-position: -35px -102px;
                }

                ul.guarantee_menu li.brand_con a span.corn {
                    background-position: -216px 0px;
                }

                ul.guarantee_menu li.brand_con a.selected span.corn {
                    background-position: -216px -102px;
                }

                ul.guarantee_menu li.jianding_center a span.corn {
                    background-position: -400px 0;
                }

                ul.guarantee_menu li.jianding_center a.selected span.corn {
                    background-position: -400px -102px;
                }

                ul.guarantee_menu li.bold_consignment a span.corn {
                    background-position: -578px 0;
                }

                ul.guarantee_menu li.bold_consignment a.selected span.corn {
                    background-position: -578px -102px;
                }

                ul.guarantee_menu li.unconditionally_backtrack a span.corn {
                    background-position: -761px 0;
                }

                ul.guarantee_menu li.unconditionally_backtrack a.selected span.corn {
                    background-position: -761px -102px;
                }

                ul.guarantee_menu li.country_lead a span.corn {
                    background-position: -941px 0;
                }

                ul.guarantee_menu li.country_lead a.selected span.corn {
                    background-position: -941px -102px;
                }

                ul.guarantee_menu li.star_commend a span.corn {
                    background-position: -581px 0;
                }

                ul.guarantee_menu li.star_commend a.selected span.corn {
                    background-position: -581px -50px;
                }

                ul.guarantee_menu li.user_confide a span.corn {
                    background-position: -671px 0;
                }

                ul.guarantee_menu li.user_confide a.selected span.corn {
                    background-position: -671px -50px;
                }

                ul.guarantee_menu li.quality_photo a span.corn {
                    background-position: -771px 0;
                }

                ul.guarantee_menu li.quality_photo a.selected span.corn {
                    background-position: -771px -50px;
                }

                ul.guarantee_menu li.gold_service a span.corn {
                    background-position: -861px 0;
                }

                ul.guarantee_menu li.gold_service a.selected span.corn {
                    background-position: -861px -50px;
                }

.guarantee_top, .guarantee_header {
    width: 100%;
    height: 400px;
}

.guarantee_center {
    padding-top: 170px;
    overflow: hidden;
}

#container {
    width: auto;
    margin-top: 0px;
}

.cmy {
    width: 1210px;
    position: relative;
}

    .cmy h4 {
        font-size: 23px;
        color: #7c7c7c;
        display: block;
        font-weight: normal;
        position: absolute;
        margin-top: 40px;
    }

.cmy_1 {
    height: 350px;
}

    .cmy_1 .img1 {
        display: block;
        position: absolute;
        top: 155px;
        left: 22px;
    }

    .cmy_1 .cmy_span {
        display: block;
        width: 955px;
        position: absolute;
        left: 247px;
        top: 110px;
        line-height: 21px;
    }

.cmy_2 {
    height: 442px;
}

.cmy_2_ul {
    width: 1210px;
    position: absolute;
    margin-top: 130px;
    text-align: left;
}

    .cmy_2_ul li {
        width: 223px;
        height: 248px;
        float: left;
        margin: 0px 85px;
        _margin-left: 42px;
        background: url(../images/cmy2_ul_bg.jpg);
    }

        .cmy_2_ul li dl {
            margin-left: 56px;
            margin-top: 80px;
        }

            .cmy_2_ul li dl dt {
                font-size: 22px;
                font-weight: bold;
                margin-bottom: 15px;
            }

            .cmy_2_ul li dl dd {
                font-size: 13px;
                margin-top: 5px;
            }

.cmy_3 {
    height: 348px;
}

.cmy_3_con {
    width: 1170px;
    position: absolute;
    margin-top: 95px;
    margin-left: 5px;
    color: #908e8e;
}

    .cmy_3_con dl dt {
        font-size: 19px;
        margin: 20px 0px 5px 0px;
    }

.cmy_4 {
    height: 414px;
}

.cmy_4_con {
    width: 1170px;
    height: 265px;
    position: absolute;
    margin-top: 95px;
    margin-left: 5px;
    color: #908e8e;
}

    .cmy_4_con img {
        float: left;
        display: block;
    }

    .cmy_4_con h3 {
        font-size: 16px;
        margin-left: 430px;
        display: block;
        width: 620px;
        text-align: left;
        color: #787878;
    }

    .cmy_4_con dl {
        margin-left: 430px;
        display: block;
        padding: 2px 12px;
    }

        .cmy_4_con dl dt {
            font-weight: bold;
        }

.cmy_5 {
    height: 528px;
}

.cmy5_pic1 {
    position: absolute;
    display: block;
    margin: 105px 10px 0px 10px;
    float: left;
}

.cmy_5 span {
    display: block;
    position: absolute;
    margin: 115px 10px 0px 310px;
    width: 870px;
    font-size: 18px;
    line-height: 33px;
}

.cmy_5 ul {
    display: block;
    position: absolute;
    margin: 300px 10px 0px 300px;
}

    .cmy_5 ul li {
        float: left;
        margin-left: 20px;
    }

.cmy_6 {
    height: 350px;
}

.cmy6_more {
    display: block;
    position: absolute;
    margin-top: 41px;
    margin-left: 1100px;
}

.cmy6_newsTop {
    height: 195px;
    width: 640px;
    position: absolute;
    margin: 110px 10px 0px 10px;
}

    .cmy6_newsTop img {
        display: block;
        float: left;
    }

    .cmy6_newsTop dl {
        width: 425px;
        height: 178px;
        display: block;
        float: left;
        margin: 20px 5px 20px 20px;
    }

    .cmy6_newsTop .fnt16 {
        font-size: 16px;
        color: #666;
    }

    .cmy6_newsTop .fnt12n {
        font-size: 13px;
        color: #858585;
        margin-top: 20px;
        line-height: 20px;
    }

    .cmy6_newsTop .fnt12q {
        font-size: 12px;
        color: #b8b8b8;
        margin-top: 13px;
    }

.cmy6_newList {
    width: 460px;
    height: 190px;
    position: absolute;
    margin: 110px 10px 0px 700px;
}

    .cmy6_newList ul li {
        height: 38px;
        border-bottom: #CCC dashed 1px;
    }

        .cmy6_newList ul li a {
            height: 38px;
            line-height: 38px;
            display: block;
            _padding-top: 11px;
            _height: 27px;
        }

.xieyi {
    width: 95%;
    height: 100%;
    margin: auto;
    position: relative;
}

    .xieyi h3 {
        font-size: 1.7rem;
        color: #676767;
        display: block;
        margin-top: 2rem;
        text-align: left;
        padding: 0px;
    }

    .xieyi h4 {
        text-align: left;
        font-size: 1.6rem;
        color: #444;
        display: block;
        font-weight: normal;
        height: 28px;
        line-height: 28px;
        padding: 0px;
    }

.xieyi_con {
    width: 100%;
    height: auto;
    margin-top: 3rem;
    overflow: auto;
    background: #f9fafa;
    border: 1px solid #e1e1e1;
    padding: 18px;
}

.xieyi_qr {
    width: 1170px;
    height: 34px;
    line-height: 34px;
    background: #f9fafa;
    border: 1px solid #e1e1e1;
    padding: 18px;
    margin-top: 18px;
    margin-bottom: 18px;
}

.xieyi_btn {
    text-align: center;
    margin: 18px 0;
}

    .xieyi_btn a {
        width: 221px;
        height: 57px;
    }

        .xieyi_btn a.xieyi_submit {
            -webkit-filter: grayscale(100%);
        }

.pro_xq {
    width: 1210px;
    height: auto;
    margin: 0px auto;
}

.pro_jj {
    width: 1081px;
    height: 278px;
    margin-top: 80px;
    margin-bottom: 20px;
    position: relative;
}

    .pro_jj img {
        display: block;
        float: left;
    }

    .pro_jj h2 {
        font-size: 35px;
        display: block;
        margin-left: 40px;
        float: left;
        width: 570px;
        height: 60px;
        line-height: 60px;
    }

    .pro_jj h6 {
        background: none;
        text-align: left;
        float: left;
        display: block;
        margin-left: 40px;
        width: 750px;
        height: 70px;
        line-height: 22px;
        font-size: 12px;
        font-weight: normal;
    }

    .pro_jj span {
        display: block;
        font-size: 14px;
        color: #575757;
        width: 220px;
        margin-left: 40px;
        float: left;
        height: 50px;
        margin-top: 20px;
    }

        .pro_jj span strong {
            font-size: 29px;
            color: #c60000;
        }

    .pro_jj a {
        display: block;
        width: 186px;
        height: 46px;
        margin-left: 40px;
        margin-top: 20px;
        position: absolute;
        left: 260px;
        top: 190px;
    }

.pro_jj1 {
    margin-top: 50px;
    height: 100%;
    width: 100%;
}

.slideTxtBox {
    width: 100%;
    text-align: left;
    height: 100%;
}

    .slideTxtBox .hd {
        height: 39px;
        line-height: 39px;
        border-bottom: 1px solid #ddd;
        position: relative;
        width: 100%;
    }

        .slideTxtBox .hd ul {
            height: 39px;
            width: 1210px;
            margin: 0 auto;
            display: block;
        }

            .slideTxtBox .hd ul li {
                float: left;
                margin-left: 10px;
                cursor: pointer;
                font-size: 17px;
                width: 108px;
                text-align: center;
                height: 39px;
                line-height: 39px;
            }

                .slideTxtBox .hd ul li.on {
                    height: 39px;
                    background: #2bb0ea;
                    color: #FFF;
                    text-align: center;
                }

    .slideTxtBox .bd ul {
        zoom: 1;
        margin: 0px auto;
    }

    .slideTxtBox .bd li {
        height: 24px;
        line-height: 24px;
        height: 100%;
        width: 100%;
        overflow: hidden;
        display: block;
        text-align: center;
    }

        .slideTxtBox .bd li.bd_1 div {
            width: 100%;
        }

        .slideTxtBox .bd li .date {
            float: right;
            color: #999;
        }

        .slideTxtBox .bd li.bd_2 {
            margin-bottom: 15px;
        }

.bd2_pl {
    width: 1210px;
    margin-top: 25px;
    text-align: left;
}

    .bd2_pl ul {
        display: block;
        border: 1px #dddddd solid;
    }

        .bd2_pl ul li {
            text-align: left;
            border-bottom: 1px #dddddd solid;
        }

            .bd2_pl ul li.bd2_title span strong {
                color: #c60006;
            }

            .bd2_pl ul li.bd2_title {
                background: #CCC;
                height: 31px;
                background: #fafafa;
                border-bottom: 1px #dddddd solid;
            }

                .bd2_pl ul li.bd2_title h3 {
                    padding: 0;
                    text-align: left;
                    font-size: 15px;
                    font-weight: bold;
                    display: block;
                    width: 74px;
                    height: 31px;
                    line-height: 31px;
                    float: left;
                    margin-left: 12px;
                }

                .bd2_pl ul li.bd2_title span {
                    display: block;
                    font-size: 12px;
                    font-weight: bold;
                    text-align: center;
                    color: #888;
                    width: 80px;
                    height: 31px;
                    line-height: 31px;
                    float: left;
                    margin-left: 1040px;
                }

            .bd2_pl ul li .bd2_con_1 {
                height: 40px;
                width: 1210px;
            }

                .bd2_pl ul li .bd2_con_1 h4 {
                    display: block;
                    font-size: 13px;
                    text-align: left;
                    width: 107px;
                    height: 20px;
                    line-height: 20px;
                    color: #4ba1da;
                    margin-left: 12px;
                    margin-top: 15px;
                    float: left;
                }

                .bd2_pl ul li .bd2_con_1 h5 {
                    display: block;
                    font-size: 12px;
                    background: none;
                    width: 120px;
                    height: 20px;
                    line-height: 20px;
                    text-align: left;
                    float: left;
                    margin-top: 15px;
                }

                .bd2_pl ul li .bd2_con_1 h6 {
                    display: block;
                    width: 85px;
                    height: 17px;
                    line-height: 17px;
                    padding: 0px;
                    background: none;
                    background: url("../images/score.png") no-repeat scroll -7px -3px rgba(0,0,0,0);
                    display: block;
                    float: left;
                    margin-top: 15px;
                    margin-left: 858px;
                }

            .bd2_pl ul li .bd2_con_2 {
                width: 1185px;
                color: #777;
                line-height: 21px;
                margin-left: 12px;
                margin-bottom: 15px;
                text-align: left;
            }

            .bd2_pl ul li.bd2_page {
                width: 1210px;
                border-bottom: none;
            }

                .bd2_pl ul li.bd2_page span {
                    display: block;
                    font-size: 12px;
                    text-align: center;
                    width: 210px;
                    float: right;
                    margin-right: 10px;
                    margin-top: 15px;
                }

                    .bd2_pl ul li.bd2_page span a {
                        margin-left: 5px;
                    }

                .bd2_pl ul li.bd2_page .xqyTxtArea textarea {
                    width: 1180px;
                    height: 80px;
                    margin-left: 12px;
                    margin-top: 15px;
                }

                .bd2_pl ul li.bd2_page .endSubmit {
                    width: 1182PX;
                    margin-top: 15px;
                    margin-bottom: 10px;
                }

                    .bd2_pl ul li.bd2_page .endSubmit ul.endRadio {
                        width: 580px;
                        height: 24px;
                        border: none;
                        float: left;
                        margin: 8px 0px;
                        margin-bottom: 16px;
                    }

                        .bd2_pl ul li.bd2_page .endSubmit ul.endRadio li {
                            float: left;
                            width: 115px;
                            border: none;
                        }

                            .bd2_pl ul li.bd2_page .endSubmit ul.endRadio li input {
                                display: block;
                                float: left;
                                margin-bottom: 2px;
                            }

                            .bd2_pl ul li.bd2_page .endSubmit ul.endRadio li.radioG span {
                                display: block;
                                float: left;
                                width: 85px;
                                height: 17px;
                                background: url(../images/score.png);
                                margin: 0px;
                            }

                            .bd2_pl ul li.bd2_page .endSubmit ul.endRadio li.radio1 span {
                                background-position: -7px -2px;
                                background-repeat: no-repeat;
                            }

                            .bd2_pl ul li.bd2_page .endSubmit ul.endRadio li.radio2 span {
                                background-position: -7px -38px;
                                background-repeat: no-repeat;
                            }

                            .bd2_pl ul li.bd2_page .endSubmit ul.endRadio li.radio3 span {
                                background-position: -7px -73px;
                                background-repeat: no-repeat;
                            }

                            .bd2_pl ul li.bd2_page .endSubmit ul.endRadio li.radio4 span {
                                background-position: -7px -109px;
                                background-repeat: no-repeat;
                            }

                            .bd2_pl ul li.bd2_page .endSubmit ul.endRadio li.radio5 span {
                                background-position: -7px -145px;
                                background-repeat: no-repeat;
                            }

                    .bd2_pl ul li.bd2_page .endSubmit input.xqyBtnSubmit {
                        background: url(../images/xuq_pic_21.jpg);
                        float: left;
                        width: 109px;
                        height: 38px;
                        font-size: 20px;
                        color: #fff;
                        border: none;
                        display: block;
                        margin-left: 492px;
                    }

.slideTxtBox .bd li.bd_3 {
    clear: both;
    margin-bottom: 15px;
}

.wenda {
    width: 1210px;
    border: 1px #CCCCCC solid;
    border-bottom: none;
    margin-top: 25px;
}

    .wenda dl {
        width: 1180px;
        height: 40px;
        border-bottom: #CCC 1px solid;
        text-align: left;
        padding: 15px 15px;
    }

        .wenda dl dt {
            color: #c00;
        }

.down_tags {
    width: 1210px;
    margin: 0 auto;
    height: 108px;
    overflow: hidden;
}

    .down_tags div {
        width: 242px;
        height: 108px;
        float: left;
        bottom: -108px;
        position: relative;
        background: url(../images/down_sq_pic.jpg) no-repeat;
    }

    .down_tags .down-tag1 {
        background-position: 0px 0px;
    }

    .down_tags .down-tag2 {
        background-position: -250px 0px;
    }

    .down_tags .down-tag3 {
        background-position: -488px 0px;
    }

    .down_tags .down-tag4 {
        background-position: -755px 0px;
    }

    .down_tags .down-tag5 {
        background-position: -990px 0px;
    }

.bannerCase {
    background: url(../images/zbfw.png) center top;
    width: 100%;
}

.feature {
    background: url(../images/hxld.png) center top;
}

.service h2 {
    font-size: 2.2rem;
    color: #fff;
    text-align: center;
    padding-top: 50px;
}

.service h3 {
    font-size: 1.6rem;
    color: #fff;
    text-align: center;
    padding-top: 10px;
    line-height: 25px;
    width: 100%;
    padding-bottom: 50px;
}

@media (min-width:992px) {
    .service h2 {
        font-size: 50px;
        color: #fff;
        text-align: center;
        padding-top: 170px;
    }

    .service h3 {
        font-size: 30px;
        color: #fff;
        text-align: center;
        padding-top: 30px;
        line-height: 45px;
        padding-bottom: 140px;
        width: 100%;
        margin: 0 auto;
    }
}

.license {
    background: url(../images/banner2.jpg) center top !important;
}

.case_con {
    width: 100%;
    height: auto;
}

.appkaifaanli {
    width: 1210px;
    height: auto;
    overflow: hidden;
    margin: 0px auto;
    position: relative;
}

    .appkaifaanli span {
        display: block;
        font-size: 23px;
        line-height: 28px;
        height: 28px;
        margin-top: 40px;
        color: #737373;
        text-indent: 14px;
    }

        .appkaifaanli span h6 {
            width: 4px;
            height: 28px;
            display: block;
            padding: 0px;
            background: #31b2ec;
            float: left;
            position: absolute;
        }

.bannerSysq {
    background: url(../images/bannerSysq.jpg) center top;
    height: 533px;
    width: 100%;
}

.bannerSysq_con {
    width: 1210px;
    height: 533px;
    position: relative;
}

    .bannerSysq_con .bnr_title {
        left: 46px;
        top: 141px;
        position: absolute;
        display: block;
    }

    .bannerSysq_con .bnr_iph {
        width: 229px;
        top: 32px;
        left: 884px;
        height: 475px;
        display: block;
        position: absolute;
    }

    .bannerSysq_con a {
        display: bolck;
        width: 187px;
        height: 58px;
        top: 320px;
        position: absolute;
    }

        .bannerSysq_con a img {
            filter: alpha(opacity=94);
            zoom: 1;
            opacity: 0.94;
        }

            .bannerSysq_con a img:hover {
                filter: alpha(opacity=100);
                opacity: 1;
            }

        .bannerSysq_con a.bnrBtn1 {
            left: 50px;
        }

        .bannerSysq_con a.bnrBtn2 {
            left: 270px;
        }

.sysq {
    height: 100%;
    margin: 0px auto;
}

.bgFFF {
    background: #fff;
    width: 100%;
    overflow: hidden;
}

.bgF9f7f1 {
    background: #f9f7f1;
    width: 100%;
    overflow: hidden;
}

.sysq_con {
    width: 1210px;
    position: relative;
    height: 450px;
    margin: 0px auto;
}

.fnt36 {
    font-size: 36px;
    height: 46px;
    padding: 0px;
    margin: 0px;
    display: block;
    text-align: left;
    top: -46px;
    color: #5c5c5c;
    line-height: 46px;
    position: absolute;
    left: 21px;
}

.h28 {
    font-size: 28px;
    color: #5c5c5c;
    display: block;
    padding: 0px;
    margin: 0px;
    font-weight: normal;
}

.span14 {
    font-size: 14px;
    color: #787878;
    display: block;
    margin-top: 15px;
    line-height: 26px;
}

.sysqConL1 {
    position: absolute;
    top: 39px;
    height: 373px;
    width: 270px;
    left: -560px;
    opacity: 0;
}

.sysqConR1 {
    position: absolute;
    top: 200px;
    height: 113px;
    width: 500px;
    right: -560px;
    opacity: 0;
}

    .sysqConR1 dl {
        display: block;
    }

        .sysqConR1 dl dt {
            font-size: 36px;
            margin-bottom: 20px;
            color: #5c5c5c;
        }

        .sysqConR1 dl dd {
            font-size: 18px;
            margin-top: 10px;
            color: #787878;
        }

.sysqConL2 {
    position: absolute;
    width: 450px;
    height: 120px;
    left: -560px;
    top: 200px;
    opacity: 0;
}

.sysqConR2 {
    position: absolute;
    width: 500px;
    height: 140px;
    right: -560px;
    top: 200px;
    opacity: 0;
}

.sysqConL3 {
    position: absolute;
    width: 488px;
    height: 117px;
    left: -560px;
    top: 150px;
    opacity: 0;
}

.sysqConR3 {
    position: absolute;
    width: 444px;
    height: 119px;
    right: -560px;
    top: 150px;
    opacity: 0;
}

.sysqConL33 {
    position: absolute;
    width: 488px;
    height: 117px;
    left: -560px;
    top: 295px;
    opacity: 0;
}

.sysqConR33 {
    position: absolute;
    width: 444px;
    height: 119px;
    right: -560px;
    top: 295px;
    opacity: 0;
}

.sysqUl3 {
    margin-top: 15px;
}

    .sysqUl3 li {
        font-size: 14px;
        height: 25px;
        line-height: 25px;
        color: #5c5c5c;
    }

.fnt3 {
    top: -46px;
}

.sysqConL4 {
    width: 345px;
    height: 105px;
    left: -560px;
    top: 193px;
    position: absolute;
    opacity: 0;
}

.sysqConR4 {
    width: 490px;
    height: 145px;
    right: -560px;
    top: 193px;
    position: absolute;
    opacity: 0;
}

.span14 strong {
    font-size: 26px;
    color: #ff0000;
    font-weight: normal;
}

.biaodan {
    width: 600px;
    height: 379px;
    position: absolute;
    top: 45px;
    left: 21px;
}

    .biaodan .fnt20 {
        font-size: 20px;
        color: #787878;
        text-align: left;
        display: block;
        top: 54px;
        position: absolute;
        font-weight: normal;
    }

    .biaodan .bdForm {
        width: 600px;
        top: 120px;
        position: absolute;
    }

.bdForm .txt {
    width: 268px;
    display: block;
    height: 30px;
    float: left;
}

.bdForm .txtSelect {
    height: 35px;
    width: 275px;
}

.bdForm .txtLf {
    margin-left: 18px;
}

.bdForm .txtBt {
    margin-bottom: 25px;
}

.biaodan .bdBottom {
    height: 43px;
    width: 600px;
    text-align: left;
    position: absolute;
    top: 260px;
}

    .biaodan .bdBottom a {
        background-color: #000;
        display: block;
        float: left;
    }

        .biaodan .bdBottom a.bdBtn1 {
            width: 146px;
            height: 38px;
        }

        .biaodan .bdBottom a.bdBtn2 {
            width: 109px;
            height: 38px;
            margin-left: 30px;
        }

        .biaodan .bdBottom a img {
            opacity: 0.97;
            filter(alpha=97);
        }

            .biaodan .bdBottom a img:hover {
                opacity: 1;
                filter(alpha=100);
            }

.bannerZbfw {
    width: 100%;
    height: 533px;
    position: relative;
    z-index: 1;
}

#slides {
    display: block;
    width: 100%;
    height: 533px;
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
}

    #slides li {
        display: block;
        width: 100%;
        height: 100%;
        list-style: none;
        padding: 0;
        margin: 0;
        position: absolute;
    }

        #slides li a {
            display: block;
            width: 100%;
            height: 100%;
            text-indent: -9999px;
        }

#pagination {
    display: block;
    list-style: none;
    position: absolute;
    top: 495px;
    left: 49%;
    z-index: 3;
    width: 130px;
    margin: 0px auto;
    text-align: center;
}

    #pagination li {
        display: block;
        list-style: none;
        width: 12px;
        height: 12px;
        float: left;
        margin-left: 15px;
        background: url(../images/bannerYd.png) -26px 0 no-repeat;
    }

        #pagination li a {
            display: block;
            width: 100%;
            height: 100%;
            padding: 0;
            margin: 0;
            text-indent: -9999px;
        }

        #pagination li.current {
            background: #A10506;
            background: url(../images/bannerYd.png) -0 0 no-repeat;
        }

.ectouchMb {
    height: 405px;
    width: 1210px;
    position: relative;
    overflow: hidden;
}

.ecMb1 a.moreMb1 {
    display: block;
    position: absolute;
    right: 30px;
    top: 75px;
}

.ectouchMb .fnt36 {
    top: 50px;
}

.ectouchMb ul {
    height: 216px;
    width: 1198px;
    top: 405px;
    left: 0px;
    position: absolute;
    display: block;
}

    .ectouchMb ul li {
        float: left;
        margin-left: 21px;
        _margin-left: 11px;
        margin-top: 10px;
        display: block;
        height: 216px;
        overflow: hidden;
        width: 216px;
        position: relative;
    }

        .ectouchMb ul li span {
            width: 216px;
            height: 216px;
            display: block;
            position: absolute;
            top: 216px;
            z-index: 5;
            background: #ec2464;
            color: #FFF;
        }

            .ectouchMb ul li span h4 {
                font-size: 16px;
                display: block;
                padding-top: 36px;
                text-align: center;
            }

            .ectouchMb ul li span h3 {
                font-size: 19px;
                display: block;
                float: left;
                padding: 0px;
                top: 55px;
                left: 18px;
                position: absolute;
            }

            .ectouchMb ul li span img.ewm {
                display: block;
                top: 100px;
                width: 90px;
                height: 90px;
                left: 63px;
                position: absolute;
            }

        .ectouchMb ul li img {
            width: 216px;
            height: 216px;
            display: block;
            position: absolute;
            top: 0px;
            z-index: 4;
        }

.ecMb2 a.moreMb1 {
    display: block;
    position: absolute;
    right: 30px;
    top: 75px;
}

.ecMb2 ul li span {
    background: #c9c9c9;
    color: #4c4c4c;
}

.ecMb2 ul li a {
    display: block;
    position: absolute;
    left: 19px;
    top: 90px;
}

.ecgddz {
    max-width: 640px;
    position: relative;
}

.my-new-img-box {
    width: 80%;
    margin: 0 auto;
    margin-top: 20px;
}

    .my-new-img-box img {
        width: 100%;
    }

.my-new-but {
    width: 80%;
    margin: 40px auto;
}

.my-new-iphone {
    float: right;
}

.my-new-but img {
    width: 13rem;
}

@media (min-width:992px) {
    .my-new-but img {
        width: 200px;
    }

    .my-new-but {
        width: 40%;
        margin: 80px auto;
    }

    .ecgddz {
        max-width: 1210px;
        position: relative;
        width: 1210px;
    }

    .my-new-img-box {
        width: 80%;
        margin-top: 60px;
    }
}

.ecgddz .fnt36 {
    top: 0px;
}

.ecgddz .fnt14 {
    font-size: 14px;
    color: #8c8b8b;
    display: block;
    position: relative;
    left: 21px;
    top: 120px;
}

.ecgddz img.imgLct {
    display: block;
    position: absolute;
    left: 21px;
    top: 176px;
}

.ecgddz a.tj {
}

.ecgddz a.kf {
    left: 660px;
}

a.gddz_btn img {
    opacity: 0.97;
    filter(alpha=97);
}

    a.gddz_btn img:hover {
        opacity: 1;
        filter(alpha=100);
    }

.fwslc {
    width: 1210px;
    height: 445px;
    position: relative;
}

    .fwslc .fws {
        top: 60px;
    }

    .fwslc .fwslch4 {
        width: 480px;
        height: 70px;
        position: absolute;
        top: 115px;
        left: 21px;
        color: #8c8b8b;
        font-size: 14px;
        font-weight: normal;
        line-height: 22px;
    }

    .fwslc .fwslc18 {
        font-size: 18px;
        width: 130px;
        color: #6f6f6f;
        left: 21px;
        top: 218px;
        position: absolute;
    }

    .fwslc .fwslc12 {
        font-size: 12px;
        top: 248px;
        left: 21px;
        position: absolute;
    }

    .fwslc .hzl {
        left: 630px;
        top: 60px;
    }

    .fwslc .fwslcLct {
        display: block;
        position: absolute;
        top: 120px;
        left: 630px;
    }

    .fwslc .sq {
        top: 357px;
        left: 477px;
        position: absolute;
        display: blcok;
        background: #000;
    }

.fs-21 {
    font-size: 21px;
}

.fs-68 {
    font-size: 68px;
    font-weight: normal;
}

.fn-left {
    float: left;
}

.fn-right {
    float: right;
}

.fn-clear {
}

.banner {
    width: 100%;
    position: relative;
    height: 533px;
    z-index: 10;
}

.banner-img img {
    width: 100%;
    display: block;
    min-width: 1210px;
}

.list-cont {
    margin: 0px auto 0px -490px;
    padding: 0px 5px;
    left: 50%;
    top: 0px;
    width: 960px;
    height: 100%;
    position: absolute;
}

.banner-word {
    left: 10px;
    top: 209px;
    width: 540px;
    color: rgb(255,255,255);
    line-height: 55px;
    position: absolute;
}

    .banner-word p {
        line-height: 38px;
    }

    .banner-word span.banner-btn {
        display: block;
        width: 130px;
        height: 45px;
        line-height: 45px;
        background: #8fbf0d;
        color: #FFF;
        float: left;
        margin-right: 15px;
        margin-top: 10px;
        font-size: 18px;
        text-align: center;
        border-radius: 4px;
        text-indent: inherit;
    }

        .banner-word span.banner-btn:hover {
            background: #85b20c;
        }

    .banner-word span.banner-btn1 {
        background: #2ca8dd;
    }

        .banner-word span.banner-btn1:hover {
            background: #24a0d5;
        }

    .banner-word p.p-number {
        clear: both;
    }

.banner-phone {
    top: 216px;
    width: 374px;
    height: 519px;
    right: 10px;
    margin-top: -130px;
    position: absolute;
}

.carouse-pre {
    top: 50%;
    width: 33px;
    height: 55px;
    margin-top: -40px;
    position: absolute;
    opacity: 0.6;
    _top: 265px;
}

.carouse-next {
    top: 50%;
    width: 33px;
    height: 55px;
    margin-top: -40px;
    position: absolute;
    opacity: 0.6;
    _top: 265px;
}

.carouse-pre:hover {
    opacity: 1;
}

.carouse-next:hover {
    opacity: 1;
}

.list-cont span {
    text-indent: 100px;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
}

.carouse-pre {
    background: url("../images/icon1.png") no-repeat 0px 0px;
    left: -100px;
}

.carouse-next {
    background: url("../images/icon1.png") no-repeat -55px 0px;
    right: -100px;
}

.carouse-btn {
    left: 350px;
    height: 20px;
    bottom: 30px;
    position: absolute;
    _top: 490px;
}

    .carouse-btn span {
        background: url("../images/icon1.png") no-repeat -110px 0px;
        top: 50px;
        width: 13px;
        height: 12px;
        margin-left: 10px;
        float: left;
    }

    .carouse-btn #cur-ic {
        background: url("../images/icon1.png") no-repeat -130px 0px;
        width: 12px;
        height: 12px;
        margin-top: 0px;
    }

.idxFnt36 {
    font-size: 36px;
    float: left;
    margin: 0px;
    padding: 0px;
    display: block;
}

.idxFnt13 {
    font-size: 18px;
    float: left;
    margin: 0px;
    padding: 0px;
    display: block;
    clear: both;
    font-weight: normal;
    text-align: left;
    background: none;
    line-height: 36px;
    margin-top: 20px;
    height: 100%;
}

.ectouchIdx1_con {
    height: 433px;
    width: 1210px;
    position: relative;
}

.ectouchIdx1Con_lt {
    width: 480px;
    height: 298px;
    position: absolute;
    left: -560px;
    top: 80px;
    opacity: 0;
    filter(alpha=0);
}

    .ectouchIdx1Con_lt img {
        display: block;
    }

.ectouchIdx1Con_rt {
    width: 530px;
    height: 140px;
    position: absolute;
    right: -560px;
    top: 100px;
    opacity: 0;
    filter(alpha=0);
}

.ectouchIdx2_con {
    height: 433px;
    width: 1210px;
    position: relative;
}

.ectouchIdx2Con_lt {
    width: 530px;
    height: 140px;
    position: absolute;
    left: -560px;
    top: 100px;
    opacity: 0;
    filter(alpha=0);
}

.ectouchIdx2Con_rt {
    width: 480px;
    height: 276px;
    position: absolute;
    right: -560px;
    top: 80px;
    opacity: 0;
    filter(alpha=0);
}

    .ectouchIdx2Con_rt img {
        display: block;
    }

.indexLink {
    height: 60px;
    width: 1210px;
}

    .indexLink h5 {
        background: none;
        text-align: left;
        font-size: 14px;
        width: 77px;
        display: block;
        float: left;
    }

    .indexLink ul {
        width: 1020px;
        display: block;
        float: left;
        margin-top: 8px;
    }

        .indexLink ul li {
            float: left;
            margin-left: 5px;
            height: 22px;
            line-height: 22px;
            padding: 0 5px;
        }

#ds2 {
    margin-top: 28px;
    height: auto;
    overflow: hidden;
}

#ds {
    background-image: url(../images/TOP_02.jpg);
    height: 330px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #c20404;
}

#ds2-fanye {
    height: auto;
    overflow: hidden;
}

.ds-top {
    background-image: url(../images/CG_05.gif);
    background-repeat: no-repeat;
    background-position: center center;
    float: inherit;
    padding-top: 28px;
    padding-bottom: 28px;
}

.ds-toptxt {
    line-height: 43px;
    color: #FFF;
    font-size: 23px;
    text-align: center;
}

.ds-body {
    width: 1210px;
    margin-right: auto;
    margin-left: auto;
}

#ds1-fanye {
    margin: 0px;
    padding: 0px;
    color: #333333;
    font-family: "微软雅黑","Droid Sans Fallback","黑体-简","黑体","宋体";
    font-size: 16px;
}

.more {
    height: 27px;
    width: 1160px;
    text-align: right;
    font-family: "微软雅黑","Droid Sans Fallback","黑体-简","黑体","宋体";
    font-size: 16px;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
    padding-top: 3px;
}

    .more a {
        color: #333333;
    }

        .more a:hover {
            color: #00a8ff;
        }

.logos-list {
    width: 1210px;
    margin: auto;
    height: 970px;
    text-align: center;
    list-style-type: none;
}

.logos-mini {
    height: 289px;
    width: 302px;
    float: left;
    margin-bottom: 45px;
    display: inline;
    background-repeat: no-repeat;
    background-position: center top;
}

    .logos-mini img {
        margin-top: 1px;
    }

.txt-box {
    font-family: "微软雅黑","宋体";
    color: #313131;
    text-align: left;
    height: 87px;
    width: 287px;
    margin-left: 8px;
}

.txt-title {
    font-size: 16px;
    line-height: 30px;
}

.txt-txt {
    font-size: 16px;
}

#apDiv1 {
    position: absolute;
    left: 1265px;
    width: 217px;
    height: 240px;
    z-index: 1;
    background-color: #FFF;
    top: 2820px;
}

    #apDiv1 p {
        font-size: 14px;
        color: #8fc31f;
        text-align: center;
        width: 217px;
    }

#bottom {
    width: 100%;
    float: inherit;
    padding: 15px 0 15px 0;
    background-image: url(../images/BottomBJ.jpg);
    background-repeat: repeat-y;
    background-position: center;
    background-color: #00888a;
}

#bottom1 {
    width: 1210px;
    margin: 0 auto;
}

#bottom1a {
    width: 1019px;
    float: left;
    text-align: center;
    line-height: 24px;
    padding-top: 15px;
}

#bottom1b {
    width: 191px;
    float: right;
}

.w-mg {
    margin-right: 15px;
    margin-bottom: 50px;
    margin-left: 0px;
    padding-left: 1px;
    padding-top: 1px;
}

.w-mg1 img {
    padding-left: 2px;
    padding-top: 1px;
}

.w-al {
    width: 290px;
    float: left;
    height: 289px;
    background-repeat: no-repeat;
}

.w-al1 {
    width: 100%;
    float: inherit;
}

.w-al2 {
    width: 100%;
    float: inherit;
    padding-top: 10px;
    color: #333;
    font-size: 14px;
}

.wrap a {
    display: block;
    width: 287px;
    height: 197px;
    text-decoration: none;
}

.wrap {
    width: 287px;
    height: 197px;
    position: relative;
    overflow: hidden;
    float: left;
    display: inline;
}

    .wrap img {
        border: 0;
    }

    .wrap i {
        display: block;
        width: 287px;
        height: 197px;
        position: absolute;
        left: 0;
        top: 225px;
        z-index: 1;
        background: url(../images/yy.png);
        filter: alpha(opacity=80);
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
        opacity: 1;
        -webkit-transition: all 0.6s ease-in-out;
    }

    .wrap p {
        display: block;
        width: 100%;
        height: 150px;
        position: absolute;
        left: 0;
        top: 225px;
        z-index: 1;
        background: transparent;
        font-size: 12px;
        color: #fff;
        padding: 0;
        margin: 0;
        line-height: 16px;
        -webkit-transition: all 0.6s ease-in-out;
    }

.wrap_B {
    display: none;
    font-size: 24px;
    color: #fff;
    margin: 0;
    padding-top: 20PX;
    padding-left: 20PX;
    padding-right: 20PX;
    line-height: 30px;
}

.wrap_PL {
    display: block;
    padding: 20px;
    padding-top: 10PX;
    line-height: 18px;
    font-size: 14PX;
    text-align: left;
}

.wrap_P {
    display: block;
    line-height: 18px;
    font-size: 14PX;
    text-align: center;
    padding-left: auto;
    padding-right: auto;
    padding-top: auto;
    padding-bottom: auto;
}

.wrap a:hover {
    direction: ltr;
}

    .wrap a:hover i {
        top: 0;
    }

    .wrap a:hover p {
        top: 0;
    }

.more {
    height: 27px;
    width: 1160px;
    text-align: right;
    font-family: "微软雅黑","Droid Sans Fallback","黑体-简","黑体","宋体";
    font-size: 16px;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
}

    .more a {
        color: #333333;
    }

        .more a:hover {
            color: #00a8ff;
        }

#TB_window {
    font: 12px Arial,Helvetica,sans-serif;
    color: #333333;
}

#TB_secondLine {
    font: 10px Arial,Helvetica,sans-serif;
    color: #666666;
}

#TB_window a:link {
    color: #666666;
}

#TB_window a:visited {
    color: #666666;
}

#TB_window a:hover {
    color: #000;
}

#TB_window a:active {
    color: #666666;
}

#TB_window a:focus {
    color: #666666;
}

#TB_overlay {
    position: fixed;
    z-index: 100;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
}

.TB_overlayMacFFBGHack {
    background: url(macFFBgHack.png) repeat;
}

.TB_overlayBG {
    background-color: #000;
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
}

* html #TB_overlay {
    position: absolute;
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight + 'px');
}

#TB_window {
    position: fixed;
    background: #ffffff;
    z-index: 102;
    color: #000000;
    display: none;
    border: 4px solid #525252;
    text-align: left;
    top: 50%;
    left: 50%;
}

* html #TB_window {
    position: absolute;
    margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

    #TB_window img#TB_Image {
        display: block;
        margin: 15px 0 0 15px;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #666;
        border-left: 1px solid #666;
    }

#TB_caption {
    height: 25px;
    padding: 7px 30px 10px 25px;
    float: left;
}

#TB_closeWindow {
    height: 25px;
    padding: 11px 25px 10px 0;
    float: right;
}

#TB_closeAjaxWindow {
    padding: 5px 10px 5px 0;
    margin-bottom: 1px;
    text-align: right;
    float: right;
}

#TB_ajaxWindowTitle {
    float: left;
    padding: 5px 0 5px 10px;
    margin-bottom: 1px;
}

#TB_title {
    background-color: #e8e8e8;
    height: 27px;
}

#TB_ajaxContent {
    clear: both;
    padding: 2px 15px 15px 15px;
    overflow: auto;
    text-align: left;
    line-height: 1.4em;
}

    #TB_ajaxContent.TB_modal {
        padding: 15px;
    }

    #TB_ajaxContent p {
        padding: 5px 0px 5px 0px;
    }

#TB_load {
    position: fixed;
    display: none;
    height: 13px;
    width: 208px;
    z-index: 103;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -104px;
}

* html #TB_load {
    position: absolute;
    margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect {
    z-index: 99;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    border: none;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    height: 100%;
    width: 100%;
}

* html #TB_HideSelect {
    position: absolute;
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight + 'px');
}

#TB_iframeContent {
    clear: both;
    border: none;
    margin-bottom: -1px;
    margin-top: 1px;
    _margin-bottom: 1px;
}

.my-new-tkuang-1 {
    margin-left: -20px;
}

.myOnPageContent_xq input {
    font-size: 1.2rem;
    width: 28.8%;
    height: 26px;
    float: left;
    padding-left: 40px;
    border: 1px solid #dcdcdc;
    color: #999999;
    line-height: 26px;
    margin-top: 15px;
}

    .myOnPageContent_xq input.txt1 {
        background: url(../images/xuq_pic_03.jpg) #FFF 0 -1px no-repeat;
    }

    .myOnPageContent_xq input.txt2 {
        background: url(../images/xuq_pic_05.jpg) #FFF 0 -1px no-repeat;
        margin-left: 10px;
        _margin-left: 5px;
    }

    .myOnPageContent_xq input.txt3 {
        background: url(../images/xuq_pic_07.jpg) #FFF 0 -1px no-repeat;
        margin-left: 10px;
        _margin-left: 5px;
    }

.myOnPageContent_xq .txtArea {
    width: 98.1%;
    height: 141px;
    color: #999999;
    padding-top: 10px;
    font-size: 12px;
    line-height: 20px;
    margin-left: -5px;
    margin-top: 8px;
    padding-left: 10px;
}

.myOnPageContent_xq .btnSubmit input {
    width: 109px;
    height: 38px;
    background: url(../images/xuq_pic_21.jpg) no-repeat;
    margin: 70px 20px 0px;
    margin-bottom: 0px;
    float: right;
    color: #FFF;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding: 0px;
    border: none;
}

@media (min-width:992px) {
    .my-new-tkuang-1 {
        margin-left: -20px;
    }

    .myOnPageContent_xq input {
        font-size: 1.8rem;
        width: 179px;
        height: 26px;
        float: left;
        padding-left: 40px;
        border: 1px solid #dcdcdc;
        color: #999999;
        line-height: 26px;
        margin-top: 15px;
    }

        .myOnPageContent_xq input.txt1 {
            background: url(../images/xuq_pic_03.jpg) #FFF 0 -1px no-repeat;
        }

        .myOnPageContent_xq input.txt2 {
            background: url(../images/xuq_pic_05.jpg) #FFF 0 -1px no-repeat;
            margin-left: 10px;
            _margin-left: 5px;
        }

        .myOnPageContent_xq input.txt3 {
            background: url(../images/xuq_pic_07.jpg) #FFF 0 -1px no-repeat;
            margin-left: 10px;
            _margin-left: 5px;
        }

    .myOnPageContent_xq .txtArea {
        width: 557px;
        height: 141px;
        color: #999999;
        padding-top: 10px;
        font-size: 12px;
        line-height: 20px;
        margin-left: -5px;
        margin-top: 8px;
        padding-left: 10px;
    }

    .myOnPageContent_xq .btnSubmit input {
        width: 109px;
        height: 38px;
        background: url(../images/xuq_pic_21.jpg) no-repeat;
        margin: 70px;
        margin-bottom: 0px;
        margin-left: 450px;
        margin-right: 20px;
        color: #FFF;
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        padding: 0px;
        border: none;
    }
}

.userTop {
    height: 96px;
    width: 100%;
    border-bottom: 1px solid #e9e9e9;
}

    .userTop .userTop_con {
        height: 96px;
        width: 1210px;
        margin: 0 auto;
    }

.userTop_con h1 {
    display: block;
    width: 176px;
    height: 60px;
    float: left;
    margin-top: 17px;
}

.userCon_rt {
    width: auto;
    float: right;
    margin-top: 37px;
    font-size: 13px;
}

    .userCon_rt span {
        display: block;
        width: auto;
        height: 22px;
        float: left;
    }

    .userCon_rt a {
        display: block;
        width: auto;
        float: left;
        margin-left: 10px;
    }

.userLogin {
    width: 1210px;
    height: auto;
    overflow: hidden;
    padding: 90px 0px;
}

    .userLogin .spanTips {
        background: url(../images/tips.jpg) no-repeat;
        height: 28px;
        width: aotu;
        float: left;
        line-height: 28px;
        font-size: 14px;
        display: block;
        padding-left: 39px;
    }

.spanTips strong {
    color: #34b1e9;
}

.txtUser {
    width: 250px;
    height: 30px;
    border: none;
    border: #dcdcdc 1px solid;
    padding: 0px 5px;
    color: #333;
}

.span12 {
    font-size: 12px;
    margin-left: 10px;
    color: #b3b3b3;
}

.ur_btn {
    background: url(../images/xuq_pic_21.jpg);
    width: 109px;
    height: 38px;
    line-height: 38px;
    border: none;
    color: #FFF;
    font-size: 17px;
    font-weight: bold;
}

.userF3 {
    color: #4095d3;
}

.userDown {
    height: 96px;
    width: 100%;
    border-top: 1px solid #e9e9e9;
    clear: both;
}

    .userDown .userDown_con {
        height: 81px;
        width: 1210px;
        margin: 0 auto;
        text-align: center;
        line-height: 26px;
        padding-top: 15px;
    }

.clearD {
    height: 0px;
    width: 0px;
    padding: 0px;
    margin: 0px;
    font-size: 0px;
    clear: both;
}

.spanYz {
    font-size: 12px;
}

#home_nav_bar {
    bottom: 60px;
    padding-top: 220px;
    position: fixed;
    right: 0;
    width: 102px;
    z-index: 999999;
}

    #home_nav_bar .home_nav_border {
        border-bottom: 0 none;
        position: relative;
        width: 62px;
    }

    #home_nav_bar a, #recent_deals_container .btns_container span.arrow {
        background: url("../images/home_nav_bar_v9.png") no-repeat scroll center top rgba(0,0,0,0);
    }

    #home_nav_bar .home_nav_border .a1 {
        display: inline-block;
        height: 61px;
        overflow: hidden;
        width: 62px;
    }

    #home_nav_bar .home_nav_border .nav_cart {
        background-position: 0 0;
        overflow: visible;
        position: relative;
    }

    #home_nav_bar .nav_cart:hover {
        background-position: -62px 0;
    }

    #home_nav_bar .nav_recent_deals {
        background-position: 0 -61px;
    }

        #home_nav_bar .nav_recent_deals:hover, #home_nav_bar .recent_now {
            background-position: -62px -61px;
        }

.abtest_style #home_nav_bar .nav_recent_deals {
    background: url("") no-repeat scroll center top rgba(0,0,0,0);
}

.abtest_style #home_nav_bar .nav_recent_deals {
    background-position: -3px -82px;
}

    .abtest_style #home_nav_bar .nav_recent_deals:hover, .abtest_style #home_nav_bar .recent_now {
        background-position: -109px -82px;
    }

#home_nav_bar .nav_service {
    background-position: 0 -183px;
}

    #home_nav_bar .nav_service:hover {
        background-position: -62px -183px;
    }

    #home_nav_bar .nav_service.leave {
        background-position: 0 -237px;
    }

        #home_nav_bar .nav_service.leave:hover {
            background-position: -78px -237px;
        }

#home_nav_bar .home_nav_border .nav_backtotop {
    background-position: 0 -244px;
    height: 63px;
}

#home_nav_bar .nav_backtotop:hover {
    background-position: -62px -244px;
}

#home_nav_bar .nav_survey {
    background-position: 0 -407px;
}

    #home_nav_bar .nav_survey:hover {
        background-position: -78px -407px;
    }

#home_nav_bar .nav_collect {
    background-position: 0 -486px;
}

    #home_nav_bar .nav_collect:hover {
        background-position: -78px -486px;
    }

#home_nav_bar .nav_wishdeal {
    background-position: 0 -565px;
}

    #home_nav_bar .nav_wishdeal:hover {
        background-position: -78px -565px;
    }

#home_nav_bar .button_bookmark {
    background-position: 0 -176px;
    height: 36px;
}

    #home_nav_bar .button_bookmark:hover {
        background-position: -101px -176px;
    }

#home_nav_bar .nav_all {
    background-position: 0 -138px;
    height: 37px;
}

    #home_nav_bar .nav_all:hover {
        background-position: -101px -138px;
    }

    #home_nav_bar .nav_all.on {
        background-position: 0 -323px;
        border-bottom: 0 none;
    }

        #home_nav_bar .nav_all.on:hover {
            background-position: -101px -323px;
        }

#home_nav_bar .nav_investigation {
    background-position: 0 -122px;
}

    #home_nav_bar .nav_investigation:hover {
        background-position: -62px -122px;
    }

.home_nav_phone {
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 99999;
}

#home_nav_bar .phone_load {
    background: url("about:blank") repeat scroll 0 0 rgba(0,0,0,0);
    height: 40px;
    position: absolute;
    right: 10px;
    top: 110px;
    width: 100px;
}

#home_nav_bar a.home_nav_erweima {
    background: url("../images/home_phone_v6.png") no-repeat scroll center top rgba(0,0,0,0);
    cursor: pointer;
    display: block;
    height: 210px;
    width: 102px;
}

#home_nav_bar a.phone_close {
    background: url("about:blank") repeat scroll 0 0 rgba(0,0,0,0);
    cursor: pointer;
    display: block;
    height: 16px;
    position: absolute;
    right: 0;
    top: 65px;
    width: 16px;
}

.kf_box {
    position: relative;
}

    .kf_box .tanchu_kf {
        display: none;
        height: 83px;
        left: -194px;
        position: absolute;
        top: 0;
        width: 194px;
    }

.kf_box_on .tanchu_kf {
    display: block;
}

    .kf_box_on .tanchu_kf img {
        float: left;
    }

.form-horizontal .control-label {
    font-weight: 300;
    font-size: 14px;
}

.form-control {
    border: 1px solid #e2e2e4;
    box-shadow: none;
    color: #999;
}

.empower .btn {
    background-image: none !important;
    border: none !important;
}

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

#sidebar {
    width: 210px;
    height: 100%;
    position: fixed;
    background: #2a3542;
    z-index: 10;
}

.container-fluid {
    padding: 0 !important;
}

.ec-body {
    padding: 0;
    background: #f5f5f5;
}

#sidebar, #content {
    border: none;
    border-radius: 0;
    box-shadow: none;
}

    #sidebar .hearder {
        width: 210px;
        padding: 10px 0;
        display: block;
        border-bottom: 1px #000 solid;
        overflow: hidden;
        color: #FFF;
    }

    #sidebar p.img {
        width: 80px;
        height: 80px;
        display: block;
        border-radius: 100%;
        overflow: hidden;
        border: 3px solid rgba(51,180,236,0.8);
        margin: 24px 0;
        margin-left: 12px;
    }

        #sidebar p.img img {
            width: 100%;
            height: auto;
        }

    #sidebar .hearder .user {
        margin-top: 30px;
        margin-left: 10px;
    }

        #sidebar .hearder .user h4 {
            width: 95px;
            display: block;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        #sidebar .hearder .user span a {
            color: #eee;
        }

    #sidebar ul {
        clear: both;
        overflow: hidden;
        border-top: 1px #3e4f63 solid;
    }

        #sidebar ul li {
            width: 100%;
            margin-left: 0px;
            box-sizing: border-box;
        }

            #sidebar ul li:hover {
                background: #33b4ec;
            }

            #sidebar ul li.active {
                background: #33b4ec;
            }

            #sidebar ul li a {
                color: #FFF;
                display: block;
                padding: 13px 0;
                padding-left: 18px;
            }

            #sidebar ul li a {
                text-decoration: none;
            }

            #sidebar ul li i {
                font-size: 15px;
                margin-right: 10px;
                color: #eeeeee;
            }

.main-content {
    margin-left: 210px;
    padding-bottom: 85px;
}

.wrapper {
    padding: 10px 15px;
}

    .wrapper .panel {
        border: 1px solid #fefefe;
        border-radius: 5px;
    }

    .wrapper .panel-heading, .wrapper .panel-body {
        border: none;
        background: #fff;
        color: #666;
    }

    .wrapper .panel-heading {
        border-bottom: 1px solid #efefef;
        padding: 10px 15px;
    }

        .wrapper .panel-heading strong {
            font-size: 19px;
        }

    .wrapper .panel-body table {
        color: gray;
        text-align: center;
        margin-bottom: 0;
    }

        .wrapper .panel-body table th {
            text-align: center;
        }

        .wrapper .panel-body table th, .wrapper .panel-body table td {
            padding: 15px 0;
        }

.panel-body {
    background: #fff;
    overflow: hidden;
}

.empower .panel-body {
    margin-top: 15px;
}

.empower .btn {
    width: 100%;
    font-size: 14px;
    padding: 10px;
}

.input-group.yzm .form-control {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.input-group.yzm .btn-default {
    padding: 0 10px;
}

.empower .contact-add-btn {
    padding: 5px;
    width: auto;
    float: right;
    *margin-right: 20px;
}

ectouch_footer.ectouch_footer-user {
    background: url(../images/logo.png) center center no-repeat #f1f1f1;
    height: 85px;
    width: 100%;
    position: fixed;
    bottom: 0px;
    border-top: 1px #e3e3e3 solid;
    background-size: 180px;
}

.sidebar-down {
    position: absolute;
    color: #FFF;
    bottom: 0;
    left: 0;
    width: 210px;
}

.user-sidebar {
    z-index: 1000;
    left: 230px;
    bottom: 20px;
    background: #2a3542;
    border-radius: 5px;
    border-top: 0 !important;
    height: auto;
}

    .user-sidebar:before {
        display: block;
        height: 0px;
        width: 0px;
        content: "\020";
        position: absolute;
        left: -20px;
        bottom: 40px;
        border-width: 10px;
        border-style: solid;
        border-color: transparent #2a3542 transparent transparent;
    }

    .user-sidebar li {
        display: block;
        text-align: center;
        height: 26px;
        line-height: 26px;
        width: 130px !important;
    }

        .user-sidebar li a {
            padding: 15px 0px !important;
        }

.popover {
    background: #2a3542 !important;
}

    .popover.right > .arrow:after {
        border-right-color: #2a3542 !important;
    }

    .popover .ttttt li {
        padding: 10px 10px;
    }

        .popover .ttttt li a {
            padding: 8px 0;
            color: #fff;
        }

.Validform_checktip {
    margin-left: 8px;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    color: #999;
    font-size: 12px;
}

.Validform_right {
    color: #71b83d;
    padding-left: 20px;
    background: url(../images/right.png) no-repeat left center;
}

.Validform_wrong {
    color: red;
    padding-left: 20px;
    white-space: nowrap;
    background: url(../images/error.png) no-repeat left center;
}

.Validform_loading {
    padding-left: 20px;
    background: url(../images/onLoad.gif) no-repeat left center;
}

.Validform_error {
    background-color: #ffe7e7;
}

#Validform_msg {
    color: #7d8289;
    font: 12px/1.5 tahoma,arial,\5b8b\4f53,sans-serif;
    width: 280px;
    -webkit-box-shadow: 2px 2px 3px #aaa;
    -moz-box-shadow: 2px 2px 3px #aaa;
    background: #fff;
    position: absolute;
    top: 0px;
    right: 50px;
    z-index: 99999;
    display: none;
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3,Direction=135,Color='#999999');
    box-shadow: 2px 2px 0 rgba(0,0,0,0.1);
}

    #Validform_msg .iframe {
        position: absolute;
        left: 0px;
        top: -1px;
        z-index: -1;
    }

    #Validform_msg .Validform_title {
        line-height: 25px;
        height: 25px;
        text-align: left;
        font-weight: bold;
        padding: 0 8px;
        color: #fff;
        position: relative;
        background-color: #999;
        background: -moz-linear-gradient(top,#999,#666 100%);
        background: -webkit-gradient(linear,0 0,0 100%,from(#999),to(#666));
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999',endColorstr='#666666');
    }

    #Validform_msg a.Validform_close:link, #Validform_msg a.Validform_close:visited {
        line-height: 22px;
        position: absolute;
        right: 8px;
        top: 0px;
        color: #fff;
        text-decoration: none;
    }

    #Validform_msg a.Validform_close:hover {
        color: #ccc;
    }

    #Validform_msg .Validform_info {
        padding: 8px;
        border: 1px solid #bbb;
        border-top: none;
        text-align: left;
    }

.spxxy {
    background: #FFF;
    padding: 10px;
    max-width: 640px;
    overflow: hidden;
    margin: 0 auto;
}

    .spxxy .spxxy-title-img {
        float: left;
        width: 100%;
    }

.spxxy-title-r {
    float: left;
    margin-top: 10px;
    width: 100%;
    margin-bottom: 20px;
}

.spxxy img {
    width: 100%;
}

.spxxy .spxxy-title-img {
    max-width: 640px;
}

    .spxxy .spxxy-title-img img {
        width: 100%;
        max-height: 640px;
        height: 300px;
    }

.spxxy-title-r h4 {
    font-size: 1.8rem;
    text-align: left;
}

    .spxxy-title-r h4:nth-child(2) {
        color: #ff4146;
        margin-top: 10px;
    }

.spxxy-button {
    clear: both;
    margin-top: 30px;
    margin: 0 auto;
    margin-top: 30px;
}

.spxxy-title-r a {
    padding: 6px 12px;
    border-radius: 5px;
    font-size: 1.4rem;
}

.my-pc-demo div {
    display: none;
}

.spxxy h6 {
    padding: 10px;
    font-weight: normal;
    height: auto;
    line-height: 24px;
    background: #F2F2F2;
    border: 1px solid #e2e2e2;
    text-align: left;
    margin-top: 0px;
    margin-top: -40px;
}

@media (min-width:992px) {
    .spxxy .spxxy-title-img {
        float: left;
        width: 40%;
    }

    .spxxy-title-r {
        float: left;
        margin-top: 60px;
        width: 60%;
        margin-bottom: 90px;
    }

    .spxxy {
        background: #FFF;
        padding: 10px;
        max-width: 1190px;
        overflow: hidden;
        margin: 0 auto;
    }

        .spxxy .spxxy-title-img img {
            width: 400px;
            height: 400px;
        }

    .spxxy-title-r h4 {
        font-size: 26px;
        text-align: left;
    }

        .spxxy-title-r h4:nth-child(2) {
            color: #ff4146;
            margin-top: 30px;
        }

    .spxxy-button {
        clear: both;
        margin-top: 80px;
        width: 100%;
        margin: 90px auto 0px;
    }

    .spxxy-title-r a {
        padding: 10px 20px;
        border-radius: 5px;
        font-size: 20px;
    }

    .my-pc-demo div {
        display: block;
    }

    .spxxy h6 {
        margin-top: 0px;
    }
}

.spxxy .spxxy-title-img {
    float: left;
}

.spxxy-title-r a.spxxy-gobuy {
    background: #32b4ed;
    color: #fff;
    margin-right: 20px;
}

.spxxy-title-r a.spxxy-zx {
    background: #f3fbfe;
    border: #32b4ed 1px solid;
    color: #34b2ed;
}

.spxxy .help {
    font-size: 18px;
    color: #ff4146;
    border-top: 1px solid #e3e3e3;
    padding: 40px 0;
    margin-top: 60px;
}

.spxxy h6 span {
    float: none;
    padding: 0;
}

.spxxy h6 a {
    color: #FF4146;
}

.provision {
    background: #fff;
    padding: 20px;
    width: 1170px;
    line-height: 26px;
}

.cover-page-index .boutique .items {
    float: left;
}

.canvas .items-li {
    float: left;
    width: 294px;
    margin-right: 11px;
    margin-bottom: 11px;
    padding-bottom: 10px;
    background-color: #fff;
}

.canvas h3 {
    text-align: left;
    font-size: 2.1rem;
    margin: 16px 0;
    padding-left: 1rem;
}

.my-new-img {
    max-width: 640px;
    padding: 10px;
    overflow: hidden;
    margin: 0 auto;
}

.canvas {
    max-width: 640px;
    margin-top: 0px;
    overflow: hidden;
}

.current-path {
    line-height: 16px;
    font-size: 13px;
    max-width: 640px;
    margin: 0 auto;
}

@media (min-width:992px) {
    .current-path {
        line-height: 16px;
        font-size: 13px;
        max-width: 1245px;
        width: 1245px;
        margin: 0 auto;
    }

    .canvas {
        max-width: 1245px;
        margin: 0 auto;
    }

    .my-new-img {
        max-width: 1245px;
        padding: 10px;
        overflow: hidden;
    }
}

.canvas .items-li {
    float: left;
    width: 100%;
    margin-right: 11px;
    margin-bottom: 11px;
    padding-bottom: 10px;
    background-color: #fff;
}

    .canvas .items-li .wrap_div div {
        position: relative;
        left: 0px;
        bottom: 0;
        z-index: 100;
        max-width: 640px;
        background: white;
    }

.canvas .more-services {
    float: right;
    margin: 15px 0;
    padding-right: 1rem;
}

.canvas .items-li > a {
    display: block;
    width: 100%;
    text-align: center;
    line-height: 290px;
}

.canvas .items-li .wrap_div {
    height: 74px;
    position: relative;
    z-index: 2;
    background: white;
}

.my-zb-tit {
    width: 90%;
    text-align: center;
    margin: 0 auto;
}

.canvas .items-li img {
    max-width: 100%;
    max-height: 100%;
}

@media (min-width:992px) {
    .canvas .items-li .wrap_div div {
        left: 0px;
        max-width: 640px;
    }

    .canvas h3 {
        text-align: left;
        font-size: 36px;
        margin: 36px 0;
    }

    .canvas .items-li {
        float: left;
        width: 294px;
        margin-right: 11px;
        margin-bottom: 11px;
        padding-bottom: 10px;
        background-color: #fff;
    }

        .canvas .items-li .wrap_div div {
            position: absolute;
            left: 0;
            bottom: 0;
            z-index: 100;
            width: 100%;
            background: white;
        }

    .canvas .more-services {
        margin: 36px 0;
        padding-right: 25px;
    }

    .canvas .items-li > a {
        display: block;
        width: 294px;
        height: 294px;
        text-align: center;
        line-height: 290px;
    }

    .canvas .items-li .wrap_div {
        height: 54px;
        position: relative;
        z-index: 2;
        background: white;
        width: 294px;
    }

    .canvas .items-li img {
        max-width: 294px;
        max-height: 294px;
    }
}

.canvas .active {
    box-shadow: 0 0 10px rgba(0,0,0,.2);
}

.canvas .items-li .wrap_div p {
    height: 20px;
    overflow: hidden;
    text-align: center;
    font-size: 12px;
    color: #71cd9c;
}

.canvas .items-li .wrap_div p {
    text-align: center;
    margin-top: 5px;
    height: 0px;
    overflow: hidden;
    _line-height: 0;
}

.canvas .items-li .title {
    float: left;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 5px;
    font-weight: normal;
    line-height: 22px;
    text-align: center;
}

    .canvas .items-li .title a {
        color: #333;
    }

        .canvas .items-li .title a:hover {
            color: #EF353D;
        }

.canvas .items-li .description {
    display: block;
    font-size: 12px;
    color: #919191;
    text-align: center;
}

    .canvas .items-li .description a {
        color: #919191;
    }

.canvas .items-li .price-attente {
    margin-top: 5px;
}

    .canvas .items-li .price-attente .price {
        float: left;
        margin-left: 60px;
        font-size: 12px;
        color: #ef353d;
    }

    .canvas .items-li .price-attente .attente {
        float: right;
        margin-right: 60px;
        padding-left: 15px;
        font-size: 12px;
        color: #71cd9c;
        background-image: url(../images/cover-page-attente.png);
        background-repeat: no-repeat;
        background-position: left center;
        cursor: pointer;
    }

.payment .title {
    text-align: left;
    background: none;
    color: #30b3eb;
}

.payment .payment-table {
    margin-top: 10px;
}

    .payment .payment-table th {
        height: 40px;
        font-size: 16px;
        font-weight: normal;
        background-color: #F7F7F7;
    }

    .payment .payment-table td {
        height: 87px;
        font-size: 16px;
        border-bottom: 1px dotted #DFDFDF;
    }

    .payment .payment-table .img {
        padding-left: 20px;
    }

        .payment .payment-table .img img {
            border: 1px solid #DFDFDF;
        }

.con-article-left {
    width: 894px;
    margin: 0;
    float: left;
}

.con-article-right {
    width: 278px;
    margin-right: 0;
    background: #fff;
}

.article-dis {
    background: #fff;
    height: auto;
    padding: 10px 20px;
    width: 854px;
    overflow: hidden;
    margin-bottom: 30px;
}

    .article-dis:last-child {
        margin-bottom: 0;
    }

.article-dis-title {
    margin-top: 10px;
    overflow: hidden;
}

    .article-dis-title h3 {
        font-size: 18px;
        color: #646464;
        margin: 0;
        float: left;
        padding: 0;
    }

        .article-dis-title h3 i {
            display: block;
            height: 20px;
            width: 4px;
            background: #2eb0ea;
            float: left;
            margin-top: 6px;
            margin-right: 10px;
        }

    .article-dis-title span a {
        display: block;
        height: 22px;
        line-height: 22px;
        border-radius: 10px;
        background: #2eb0ea;
        width: 52px;
        color: #fff;
        float: right;
        font-size: 14px;
        text-align: center;
    }

.article-dis-con {
    clear: both;
    margin-top: 10px;
}

.article-dis-cont img {
    float: left;
}

.article-dis-cont-top {
    height: 78px;
    float: left;
    margin-left: 15px;
    width: 680px;
    line-height: 22px;
}

    .article-dis-cont-top h3 {
        color: #2eb0ea;
        font-size: 16px;
        text-align: left;
        margin: 0;
        padding: 0;
    }

.article-dis-cond {
    clear: both;
}

    .article-dis-cond ul li {
        height: 36px;
        line-height: 36px;
        font-size: 15px;
    }

        .article-dis-cond ul li a:hover {
            color: #30b3eb;
        }

        .article-dis-cond ul li span {
            float: right;
        }

.con-article-list {
    overflow: hidden;
}

    .con-article-list h3 {
        font-size: 18px;
        text-align: left;
        border-bottom: 1px solid #e3e3e3;
        padding: 10px 15px;
    }

    .con-article-list ul {
        margin: 10px 0;
    }

        .con-article-list ul li {
            padding: 10px;
            font-size: 15px;
        }

            .con-article-list ul li i {
                display: block;
                height: 5px;
                width: 5px;
                background: #30b3eb;
                float: left;
                margin-right: 8px;
                margin-top: 6px;
            }

            .con-article-list ul li a {
                color: #646464;
            }

                .con-article-list ul li a:hover {
                    color: #30b3eb;
                }

.con-article-img {
    margin-top: 10px;
    overflow: hidden;
}

    .con-article-img h3 {
        font-size: 18px;
        text-align: left;
        border-bottom: 1px solid #e3e3e3;
        padding: 10px 15px;
    }

    .con-article-img ul li {
        margin: 30px 0;
        text-align: center;
    }

.article-dis-list-more div {
    overflow: hidden;
}

    .article-dis-list-more div h3 {
        color: #2eb0ea;
        font-size: 16px;
        text-align: left;
        margin: 0;
        padding: 0;
        float: left;
    }

        .article-dis-list-more div h3 a {
            color: #30b3eb;
        }

.article-dis-list-more ul {
}

    .article-dis-list-more ul li {
        padding: 15px 0;
        border-bottom: dashed 1px #e3e3e3;
        overflow: hidden;
    }

        .article-dis-list-more ul li:last-child {
            border-bottom: none;
        }

        .article-dis-list-more ul li div span {
            float: right;
            font-size: 14px;
        }

        .article-dis-list-more ul li p {
            clear: both;
            margin-top: 6px;
            line-height: 24px;
        }

.pages {
    margin-top: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    float: right;
}

    .pages ul li {
        float: left;
        margin: 0 3px;
    }

        .pages ul li a {
            padding: 7px 12px;
            display: block;
            border: 1px solid #e3e3e3;
            text-align: center;
            font-size: 15px;
        }

            .pages ul li a:hover {
                background: #30b3eb;
                color: #fff;
            }

            .pages ul li a.active {
                background: #30b3eb;
                color: #fff;
            }

.article-info {
    font-size: 14px;
    padding: 20px 0;
    line-height: 26px;
}

    .article-info img {
        max-width: 800px;
        margin: 0 auto;
        display: block;
    }

.manu {
    padding: 3px;
    margin: 12px 0;
    text-align: right;
}

    .manu a {
        border: #eee 1px solid;
        padding: 7px 12px;
        margin: 2px;
        color: #036cb4;
        text-decoration: none;
    }

        .manu a:hover {
            border: #ccc 1px solid;
            color: #666;
        }

        .manu a:active {
            border: #ccc 1px solid;
            color: #666;
        }

    .manu .current {
        border: #ddd 1px solid;
        padding: 7px 12px;
        font-weight: bold;
        margin: 2px;
        color: #fff;
        background-color: #30b3eb;
    }

    .manu .disabled {
        border: #eee 1px solid;
        padding: 2px 5px;
        margin: 2px;
        color: #ddd;
    }

#topNav {
    background: url(images/topNavBg.gif) repeat-x;
    height: 28px;
    line-height: 28px;
    color: #666;
    text-align: right;
}

a:hover {
    color: #c00;
}

#topNav .f_r a {
    text-decoration: none;
    padding: 0 5px;
}

#topNav .f_r {
    _padding-top: 6px;
}

    #topNav .f_r img {
        vertical-align: middle;
    }

    #topNav .f_r b {
        color: #b90404;
    }

        #topNav .f_r b span {
            font-weight: normal;
        }

.topNav1 {
    float: left;
    color: #666666;
}

.header_flow_r {
    padding-top: 18px;
}

    .header_flow_r span {
        color: #b90404;
    }

    .header_flow_r img {
        display: none;
    }

.header_bg {
    height: 70px;
    padding-top: 15px;
    background: #FFFFFF;
}

    .header_bg .block {
        position: relative;
        z-index: 9999999999;
    }

        .header_bg .block .logo {
        }

    .header_bg h1, .header_bg .h1 {
        width: 209px;
        height: 37px;
        overflow: hidden;
        float: left;
    }

        .header_bg h1 a, .header_bg .h1 a {
            display: block;
            width: 207px;
            height: 35px;
            position: absolute;
            left: 0px;
            top: 9px;
            background: url(images/logo.gif) no-repeat;
            text-indent: -9300px;
        }

.logo_r {
    float: left;
    padding: 13px 37px;
}

.logo_r2 {
    float: left;
    width: 231px;
    height: 31px;
    background: url(images/logo_r.gif) 0 -31px no-repeat;
}

    .logo_r2:hover {
        background: url(images/logo_r.gif) 0 0px no-repeat;
    }

#searchForm {
    float: left;
    padding: 10px 10px 10px 30px;
}

    #searchForm .search_box {
        float: left;
        width: 408px;
        height: 35px;
        background: url(images/bg.png) no-repeat;
    }

    #searchForm .box_cont {
        width: 110px;
        float: left;
        position: relative;
        z-index: 9999999999;
    }

    #searchForm .search_box .B_input {
        border: 1px solid #fff;
        margin: 5px 4px;
        height: 21px;
        line-height: 21px;
        width: 260px;
        float: left;
        color: #999;
    }

    #searchForm .go {
        width: 52px;
        height: 35px;
        border: none;
        background: url(images/bg.png) no-repeat -534px 0;
        float: left;
    }

    #searchForm .otr {
        width: 95px;
        padding-left: 11px;
        text-align: left;
        float: left;
        height: 29px;
        line-height: 29px;
        background: url(images/biao1.gif) no-repeat 90px 14px;
        color: #999;
        margin: 3px;
        border-right: 1px solid #ccc;
        display: inline;
        cursor: pointer;
        position: relative;
    }

    #searchForm .otr1 {
        width: 95px;
        padding-left: 11px;
        text-align: left;
        float: left;
        height: 29px;
        line-height: 29px;
        background: url(images/biao1_1.gif) no-repeat 90px 14px;
        color: #999;
        margin: 3px;
        border-right: 1px solid #ccc;
        display: inline;
        cursor: pointer;
        position: relative;
    }

    #searchForm #text-input li {
        display: none;
    }

    #searchForm #se-ul {
        display: none;
        width: 103px;
        overflow: hidden;
        position: absolute;
        top: 33px;
        left: 5px;
        z-index: 1000000000;
        border: 1px #ccc solid;
        border-top: none;
    }

        #searchForm #se-ul li {
            display: none;
            width: 100px;
            background: #FFF;
            padding-left: 7px;
            text-align: left;
            float: left;
            height: 29px;
            line-height: 29px;
            color: #999;
            display: inline;
            cursor: pointer;
        }

.search_no {
    width: 130px;
    height: 31px;
    line-height: 31px;
    margin: 12px 0;
    background: url(images/app_link.gif) no-repeat;
    float: left;
    overflow: hidden;
}

    .search_no a {
        text-decoration: none;
        display: block;
        width: 130px;
        height: 31px;
        text-indent: -99999px;
    }

#mainNav {
    height: 36px;
    line-height: 36px;
    background: url(images/meun_bg.gif) repeat-x 0 0;
    font-family: "Microsoft Yahei";
    font-size: 16px;
    font-weight: bold;
    position: relative;
    z-index: 99999999;
}

    #mainNav .a1 {
        font-size: 15px;
        text-decoration: none;
        color: #fff;
        padding: 0 20px;
        height: 34px;
        line-height: 34px;
        margin: 1px 0;
        float: left;
    }

    #mainNav #cur {
        background: #fff;
        color: #b90404;
    }

    #mainNav .a1:hover, #mainNav .meun_r .dl_on .a1 {
        color: #fff;
        background: url(images/meun_bg.gif) repeat-x 0 -36px;
    }

.meun_in {
    padding-left: 210px;
}

#mainNav img {
    float: left;
    margin-top: 1px;
}

#mainNav .meun_r {
    float: right;
}

    #mainNav .meun_r dl {
        position: relative;
        float: left;
    }

        #mainNav .meun_r dl span {
            width: 10px;
            height: 6px;
            background: url(images/bg.png) 0 -241px;
            position: absolute;
            right: 8px;
            top: 15px;
        }

        #mainNav .meun_r dl .a1 {
            width: 70px;
        }

        #mainNav .meun_r dl dd {
            display: none;
            width: 106px;
            border: 2px solid #7f0800;
            border-top: 1px solid #7f0800;
            background: #b90404;
            position: absolute;
            left: 0;
            top: 35px;
        }

    #mainNav .meun_r .dl_on dd {
        display: block;
    }

        #mainNav .meun_r .dl_on dd a {
            font-size: 14px;
            color: #FFF;
            display: block;
            font-weight: normal;
            text-align: center;
            border-bottom: 1px solid #8a0505;
            border-top: 1px solid #e93f3f;
        }

            #mainNav .meun_r .dl_on dd a:hover {
                background: #8a0505;
                border-top: 1px solid #9f1200;
            }

.shadow-x {
    height: 3px;
    width: 100%;
    background: url(images/shadow-x.png) repeat-x;
    position: absolute;
    left: 0;
}

.shadow-y {
    width: 3px;
    height: auto;
    background: url(images/shadow-y.png) repeat-y;
    position: absolute;
}

.shadow-x1 {
    top: 36px;
}

.shadow-x2 {
    top: 367px;
    left: 0;
    width: 960px;
    display: none;
}

.shadow-x2s {
    width: 212px;
}

.shadow-x3 {
    top: 118px;
    width: 650px;
    left: 210px;
    display: none;
}

.category_all_box .dl_on .shadow-x3 {
    display: block;
    _display: none;
}

.shadow-y1 {
    left: 210px;
    height: 331px;
    top: 36px;
    display: none;
}

.shadow-y2 {
    left: 860px;
    height: 120px;
    top: 0;
    display: none;
}

.category_all_box .dl_on .shadow-y2 {
    display: block;
    _display: none;
}

.category_all_on .shadow-y1, .category_all_on .shadow-x2 {
    display: block;
}

.category_all {
    width: 210px;
    padding-left: 0px;
    font-size: 15px;
    font-weight: bold;
    background: #ccc;
    position: absolute;
    left: 0;
    top: 0;
}

    .category_all .tit {
        padding-left: 10px;
        width: 200px;
        display: block;
        float: left;
        font-size: 15px;
        color: #FFFFFF;
        background: url(images/bg.png) -42px -56px no-repeat;
    }

    .category_all a {
        color: #FFF;
        text-decoration: none;
    }

.category_all_box {
    display: none;
    height: 331px;
    background: #666 url(images/categorytree_bg.gif) repeat-y center 0;
    position: relative;
}

.category_all_on .category_all_box {
    display: block;
}

.category_all_box dt i {
    width: 16px;
    height: 16px;
    overflow: hidden;
    float: left;
    background: url(images/bg.png) 0px -56px no-repeat;
    margin: 10px 5px 0 10px;
}

.category_all_box dt .c1 {
    background-position: 0px -56px;
}

.category_all_box dt .c2 {
    background-position: 0px -72px;
}

.category_all_box dt .c3 {
    background-position: 0px -88px;
}

.category_all_box dt .c4 {
    background-position: 0px -104px;
}

.category_all_box dt .c5 {
    background-position: 0px -120px;
}

.category_all_box dt .c6 {
    background-position: 0px -136px;
}

.category_all_box dt .c7 {
    background-position: 0px -152px;
}

.category_all_box dt .c8 {
    background-position: 0px -168px;
}

.category_all_box dt .c9 {
    background-position: 0px -184px;
}

.category_all_box dl {
    position: relative;
}

    .category_all_box dl dt {
        font-size: 12px;
        font-weight: normal;
        height: 35px;
        line-height: 35px;
        margin-bottom: 2px;
        cursor: pointer;
    }

        .category_all_box dl dt .dt_a1 {
            float: left;
            width: 175px;
        }

        .category_all_box dl dt .num {
            position: absolute;
            right: 25px;
            top: 0px;
            color: #CCCCCC;
        }

        .category_all_box dl dt h2 {
            float: left;
            width: 160px;
            font-weight: normal;
            font-size: 14px;
        }

.category_all_box .dl_on {
    background: #919191;
}

    .category_all_box .dl_on a {
        color: #FFF;
    }

    .category_all_box .dl_on dt .c1 {
        background-position: -22px -56px;
    }

    .category_all_box .dl_on dt .c2 {
        background-position: -22px -72px;
    }

    .category_all_box .dl_on dt .c3 {
        background-position: -22px -88px;
    }

    .category_all_box .dl_on dt .c4 {
        background-position: -22px -104px;
    }

    .category_all_box .dl_on dt .c5 {
        background-position: -22px -120px;
    }

    .category_all_box .dl_on dt .c6 {
        background-position: -22px -136px;
    }

    .category_all_box .dl_on dt .c7 {
        background-position: -22px -152px;
    }

    .category_all_box .dl_on dt .c8 {
        background-position: -22px -168px;
    }

    .category_all_box .dl_on dt .c9 {
        background-position: -22px -184px;
    }

.category_all_box_in {
    display: none;
}

.category_all_box .dl_on .category_all_box_in {
    display: block;
    position: absolute;
    left: 210px;
    top: 0;
    width: 620px;
    height: 102px;
    z-index: 17;
    overflow: hidden;
    _zoom: 1;
    background: #FAFAFA;
    z-index: 999999999;
}

.category_all_box_in {
    padding: 8px 15px;
}

    .category_all_box_in .list {
        border-bottom: 1px dotted #ccc;
        float: left;
    }

    .category_all_box_in .f_l {
        font-size: 12px;
        font-weight: bold;
        width: 50px;
    }

    .category_all_box_in .f_r {
        width: 570px;
        padding-top: 8px;
    }

        .category_all_box_in .f_r a {
            float: left;
            font-size: 12px;
            color: #666;
            font-weight: normal;
            height: 20px;
            line-height: 20px;
            padding: 0 20px 0 5px;
            margin-right: 6px;
        }

            .category_all_box_in .f_r .select, .category_all_box_in .f_r a:hover {
                background: url(images/select.gif) right center no-repeat #b90404;
                color: #FFFFFF;
            }

        .category_all_box_in .f_r .category_color a {
            float: left;
            width: 26px;
            height: 18px;
            border: 1px solid #ccc;
            padding: 1px;
            margin-right: 10px;
            margin-left: 5px;
        }

            .category_all_box_in .f_r .category_color a i {
                display: block;
                width: 26px;
                height: 18px;
            }

            .category_all_box_in .f_r .category_color .select, .category_all_box_in .f_r .category_color a:hover {
                background: #b90404;
                border: 1px solid #b90404;
            }

        .category_all_box_in .f_r .category_color i {
            margin: 0;
            padding: 0;
        }

        .category_all_box_in .f_r .category_color .color1 i {
            background: #000;
        }

        .category_all_box_in .f_r .category_color .color1b i {
            background: #fff;
        }

        .category_all_box_in .f_r .category_color .color2 i {
            background: #f5b4d0;
        }

        .category_all_box_in .f_r .category_color .color3 i {
            background: #c60000;
        }

        .category_all_box_in .f_r .category_color .color4 i {
            background: #713eaf;
        }

        .category_all_box_in .f_r .category_color .color5 i {
            background: #1944a5;
        }

        .category_all_box_in .f_r .category_color .color6 i {
            background: #009944;
        }

        .category_all_box_in .f_r .category_color .color7 i {
            background: #fac14b;
        }

        .category_all_box_in .f_r .category_color .color8 i {
            background: url(images/duocai.gif) no-repeat;
        }

.ur_here {
    height: 36px;
    line-height: 36px;
    padding: 0 12px;
    font-size: 12px;
    border-bottom: 2px solid #cb0404;
}

.ur_here2 {
    height: 36px;
    line-height: 36px;
    padding: 0 12px;
    font-size: 12px;
    background: #FFF;
    border: 1px solid #ddd;
}

.step {
    width: 990px;
    height: 35px;
    margin-bottom: 30px;
}

    .step ul {
        float: left;
        height: 35px;
        font-size: 14px;
        text-align: center;
        line-height: 35px;
        width: 330px;
    }

.step1 {
    background: url(images/step_1.gif) no-repeat;
}

    .step1 .ul1 {
        color: #FFF;
    }

    .step1 .ul2 {
        color: #666;
    }

    .step1 .ul3 {
        color: #666;
    }

.step2 {
    background: url(images/step_2.gif) no-repeat;
}

    .step2 .ul1 {
        color: #666;
    }

    .step2 .ul2 {
        color: #fff;
    }

    .step2 .ul3 {
        color: #666;
    }

.step3 {
    background: url(images/step_3.gif) no-repeat;
}

    .step3 .ul1 {
        color: #666;
    }

    .step3 .ul2 {
        color: #666;
    }

    .step3 .ul3 {
        color: #fff;
    }

.index_l {
    float: left;
    width: 960px;
}

.index_r {
    float: right;
    width: 240px;
}

.index_tab {
}

    .index_tab .hd {
        border-bottom: 2px solid #cb0404;
        height: 31px;
    }

        .index_tab .hd li {
            float: left;
            background: #eae5e1;
            color: #7e7c7b;
            height: 31px;
            text-align: center;
            line-height: 31px;
            width: 210px;
            font-weight: bold;
            color: #FFF;
            margin-right: 2px;
            font-weight: normal;
            font-family: "微软雅黑";
            font-size: 13px;
        }

        .index_tab .hd .on {
            background: #cb0404;
            color: #FFF;
        }

            .index_tab .hd .on a {
                color: #FFF;
                font-weight: bold;
            }

.index_top .hd {
    position: relative;
}

    .index_top .hd ul {
        position: absolute;
        z-index: 2;
        top: 5px;
        right: 10px;
    }

        .index_top .hd ul li {
            float: left;
            line-height: 30px;
            padding: 0px;
            float: left;
            margin-left: 9px;
            cursor: pointer;
        }

            .index_top .hd ul li a {
                color: #999;
                text-decoration: none;
            }

            .index_top .hd ul li.on {
                background: url(images/biao3.gif) bottom center no-repeat;
            }

                .index_top .hd ul li.on a {
                    color: #ff8900;
                }

.index_top .bd {
    padding: 3px 0;
}

.index_top dl {
    margin: 8px;
}

.index_top .scrollObj {
    height: 292px;
    overflow: hidden;
    position: relative;
}

.index_top dl ul span {
    position: absolute;
    left: 0;
    top: 0px;
    width: 12px;
    margin-right: 8px;
    text-align: center;
    height: 12px;
    line-height: 12px;
    background: #CCCCCC;
    color: #fff;
}

.index_top dl ul {
    position: relative;
    height: 20px;
    line-height: 20px;
    padding-left: 19px;
    margin: 5px 0;
}

    .index_top dl ul .ren {
        position: absolute;
        right: 0;
        top: 0px;
        color: #8e8e8e;
        height: 14px;
        line-height: 14px;
    }

    .index_top dl ul .img img {
        width: 60px;
        height: 60px;
        border: 1px solid #999;
    }

    .index_top dl ul .img {
        float: left;
        margin-right: 8px;
    }

    .index_top dl ul .name {
        height: 12px;
        line-height: 12px;
    }

    .index_top dl ul .f1 {
        color: #ff8900;
    }

.index_top dl .ul_box {
    height: 70px;
}

    .index_top dl .ul_box .ren {
        position: absolute;
        right: 0;
        top: 50px;
        color: #8e8e8e;
    }

    .index_top dl .ul_box span {
        background: #b90404;
    }

.index_top .f1 {
    font-size: 12px;
    font-weight: normal;
}

.scrollDiv {
    height: 34px;
    line-height: 34px;
    width: 238px;
    border: #ddd 1px solid;
    background: #fff;
    overflow: hidden;
}

    .scrollDiv li {
        height: 34px;
        width: 180px;
        line-height: 34px;
        overflow: hidden;
        padding-left: 10px;
    }

        .scrollDiv li a {
            color: #3b3b3b;
            text-decoration: none;
        }

            .scrollDiv li a:hover {
                color: #c00;
            }

.btn_box {
    position: absolute;
    right: 8px;
    top: 11px;
}

    .btn_box .btn1 {
        display: block;
        width: 13px;
        height: 14px;
        background: url(images/bg.png) -266px -56px no-repeat;
        float: left;
    }

    .btn_box .btn2 {
        display: block;
        width: 14px;
        height: 14px;
        background: url(images/bg.png) -279px -56px no-repeat;
        float: left;
    }

    .btn_box .btn1_on {
        background: url(images/bg.png) -266px -70px no-repeat;
        float: left;
    }

    .btn_box .btn2_on {
        background: url(images/bg.png) -279px -70px no-repeat;
        float: left;
    }

#category_tree {
    border: 4px solid #f1faff;
    background-color: #fff;
}

    #category_tree dl {
        margin: 6px;
    }

    #category_tree dt {
        background: url(images/lineBg.gif) repeat-x left bottom;
        color: #3f3f3f;
        padding: 2px 0 3px 12px;
    }

        #category_tree dt a {
            background: url(images/bg.gif) no-repeat 0 -69px;
            color: #3f3f3f;
            padding-left: 15px;
            text-decoration: none;
        }

    #category_tree dd {
        padding: 3px 0 3px 10px;
    }

        #category_tree dd a {
            color: #404040;
            text-decoration: none;
        }

            #category_tree dd a:hover {
                color: #ff6600;
                text-decoration: none;
            }

.centerPadd {
    padding: 5px 8px 8px 8px;
    overflow: hidden;
}

.itemTit {
    height: 30px;
    background: url(images/bg.gif) no-repeat 0px -195px;
    padding-left: 190px;
    text-align: right;
}

    .itemTit.New {
        background: url(images/bg.gif) no-repeat 0px -225px;
    }

    .itemTit.Hot {
        background: url(images/bg.gif) no-repeat 0px -256px;
    }

    .itemTit img {
        position: relative;
        top: 7px;
    }

    .itemTit h2 {
        float: left;
        height: 27px;
        background: url(images/itemH2Bg.gif) repeat-x left top;
        border: 1px solid #d6ecff;
        font-size: 12px;
        text-align: center;
        color: #3f3f3f;
        font-weight: 100;
        padding: 0px 10px;
        line-height: 28px;
        margin: 0 6px 0 0;
        border-bottom: none;
        position: relative;
        bottom: -3px;
        display: inline;
        white-space: nowrap;
    }

        .itemTit h2 a {
            color: #3f3f3f;
            text-decoration: none;
        }

    .itemTit .h2bg {
        height: 27px;
        line-height: 28px;
        border: none;
        background: none;
        font-size: 12px;
        text-align: center;
        color: #006ace;
        font-weight: 100;
        padding: 0px 10px;
        display: inline;
        white-space: nowrap;
    }

        .itemTit .h2bg a {
            color: #006ace;
            text-decoration: none;
        }

.centerPadd .goodsBox {
    border: 1px solid #d6ecff;
    background: #fff;
    padding: 12px 0px 0px 17px;
    *padding: 12px 0px 0px 17px;
    _padding: 12px 0px 0px 0px;
}

    .centerPadd .goodsBox .more {
        text-align: right;
        clear: both;
        margin: 0 8px 8px 0;
    }

.goodsItem_kuang {
    background: #FFF;
    margin-left: 10px;
    float: left;
    padding-bottom: 2px;
    background: url(images/goodsitem_show.gif) repeat-x 0 bottom;
    margin-bottom: 10px;
}

.goodsItem_kuang2 {
    margin-left: 0;
    margin-right: 10px;
}

.goodsItem {
    width: 220px;
    padding: 5px;
    border: 1px solid #e3e3e3;
    background: #FFF;
    position: relative;
    overflow: hidden;
    padding-bottom: 15px;
    float: left;
}

    .goodsItem .goodsimg {
        width: 220px;
        height: 220px;
        margin-bottom: 8px;
        background: #FFF;
    }

    .goodsItem img {
        width: 52px;
        height: 17px;
    }

    .goodsItem p {
        text-align: left;
        font-size: 14px;
        hcolor: #3f3f3f;
        height: 20px;
        line-height: 20px;
        overflow: hidden;
        margin-bottom: 5px;
    }

        .goodsItem p a {
            color: #666;
            text-decoration: none;
        }

            .goodsItem p a:hover {
                color: #cc0000;
            }

            .goodsItem p a span {
                color: #cc0000;
            }

    .goodsItem .lujin {
        font-size: 12px;
        font-weight: normal;
    }

        .goodsItem .lujin .lj1 {
            color: #ff0084;
        }

            .goodsItem .lujin .lj1:hover {
                color: #c00;
            }

        .goodsItem .lujin strong {
            font-weight: normal;
        }

    .goodsItem .f1 {
        float: left;
    }

    .goodsItem .pinlun {
        float: right;
        color: #6699cc;
    }

        .goodsItem .pinlun:hover {
            color: #cc0000;
        }

.goodsItem_on {
    border: 1px solid #cb0404;
}

    .goodsItem_on .f1 {
        color: #cb0404;
    }

.goodsItem .fj {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 220px;
    padding: 0px 5px;
    height: 35px;
    line-height: 35px;
    background: rgba(204,51,51,0.588);
    filter: progid:DXImageTransform.Microsoft.Gradient(enabled=true,startColorStr=#96cc3333,endColorStr=#96cc3333);
    text-align: right;
}

.goodsItem_on .fj {
    display: block;
}

.goodsItem .fj a {
    float: left;
    color: #FFF;
}

    .goodsItem .fj a:hover {
        text-decoration: underline;
    }

        .goodsItem .fj a:hover span {
            text-decoration: underline;
        }

.goodsItem .fj span {
    float: left;
}

.goodsItem .fj .fj_a2 {
    float: right;
}

    .goodsItem .fj .fj_a2 .biao {
        width: 23px;
        height: 23px;
        background: url(images/bg.png) -388px -57px;
        margin: 5px 6px;
    }

.goodsItem .fj .fj_a1 .biao {
    width: 23px;
    height: 23px;
    background: url(images/bg.png) -388px -83px;
    margin: 5px 6px;
}

.cat_box .goodsItem_kuang {
    margin-left: 12px;
}

.bottom_txt {
    background: #eee;
    border-top: 2px solid #cb0404;
    padding: 10px;
    padding-right: 0;
}

    .bottom_txt .in1 {
        float: left;
        width: 268px;
        padding: 10px;
        background: #FFF;
        border: 1px solid #ebebeb;
        margin-right: 10px;
    }

        .bottom_txt .in1 .box_1 {
            border: none;
        }

        .bottom_txt .in1 h3 {
            text-align: right;
            height: 18px;
            line-height: 18px;
            padding: 0;
            padding-bottom: 5px;
            background: none;
        }

            .bottom_txt .in1 h3 a {
                font-size: 12px;
                font-weight: normal;
            }

            .bottom_txt .in1 h3 span {
                float: left;
                ont-family: "微软雅黑";
                font-size: 15px;
                color: #333;
                height: 18px;
                line-height: 18px;
                padding-left: 0;
            }

                .bottom_txt .in1 h3 span a {
                    float: left;
                    ont-family: "微软雅黑";
                    font-size: 15px;
                    color: #333;
                    font-weight: bold;
                }

        .bottom_txt .in1 .boxCenterList {
            height: 194px;
            padding: 0;
            border-top: 1px solid #ddd;
            padding-top: 7px;
        }

        .bottom_txt .in1 .art .boxCenterList a {
            display: block;
            height: 32px;
            line-height: 32px;
            overflow: hidden;
            background: url(images/biao5.gif) 0 12px no-repeat;
            font-size: 12px;
            padding-left: 10px;
        }

        .bottom_txt .in1 .comm_in {
            height: 207px;
        }

        .bottom_txt .in1 .comm_in {
            height: 207px;
        }

            .bottom_txt .in1 .comm_in p {
                height: 20px;
                line-height: 20px;
                overflow: hidden;
            }

.comm_list {
    border: 1px solid #ddd;
    height: 60px;
    display: block;
    margin-bottom: 10px;
    text-decoration: none;
    cursor: pointer;
}

    .comm_list img {
        float: left;
        width: 60px;
        height: 60px;
    }

    .comm_list ul {
        float: right;
        width: 190px;
        color: #333333;
    }

        .comm_list ul p {
            color: #666;
        }

    .comm_list:hover {
        border: 1px solid #cc0000;
    }

        .comm_list:hover ul {
            color: #cc0000;
        }

            .comm_list:hover ul p {
                color: #cc0000;
            }

.shell {
    width: 267px;
}

#div1 {
    height: 210px;
    overflow: hidden;
}

.tit3 {
    height: 31px;
    border-bottom: 2px solid #cb0404;
    overflow: hidden;
}

    .tit3 span {
        float: left;
        font-family: "微软雅黑";
        width: 210px;
        text-align: center;
        font-weight: bold;
        font-size: 15px;
        height: 31px;
        line-height: 31px;
        background: #cb0404;
    }

        .tit3 span a {
            color: #fff;
        }

    .tit3 .more {
        float: right;
        background: url(images/biao4.gif) right center no-repeat;
        padding-right: 16px;
        margin: 7px;
    }

.helpTitBg {
    padding: 30 0 10px 15px;
    position: relative;
    height: 160px;
}

    .helpTitBg dl {
        float: left;
        width: 217px;
        border-right: 1px dotted #999;
        padding-left: 30px;
    }

    .helpTitBg dt {
        font-size: 16px;
        font-weight: 500;
    }

        .helpTitBg dt a {
            font-family: "微软雅黑";
            color: #999;
            font-weight: bold;
            height: 35px;
            line-height: 35px;
            float: left;
            padding-left: 10px;
        }

    .helpTitBg dd a {
        color: #666;
        line-height: 26px;
        text-decoration: none;
        padding: 0px 0px 0px 46px;
    }

        .helpTitBg dd a:hover, .helpTitBg dt a:hover {
            color: #c00;
        }

    .helpTitBg dl dt span {
        float: left;
        width: 35px;
        height: 35px;
    }

    .helpTitBg .dl1 dt span {
        background: url(images/bg.png) -325px -56px no-repeat;
    }

    .helpTitBg .dl2 dt span {
        background: url(images/bg.png) -325px -93px no-repeat;
    }

    .helpTitBg .dl3 dt span {
        background: url(images/bg.png) -325px -130px no-repeat;
    }

    .helpTitBg .dl4 dt span {
        background: url(images/bg.png) -325px -167px no-repeat;
    }

    .helpTitBg .dl2 {
        margin-right: 212px;
    }

    .helpTitBg .dl3 {
        border-left: 1px dotted #999;
        padding-left: 30px;
    }

    .helpTitBg .dl4 {
        border: none;
        margin-right: 0px;
    }

    .helpTitBg img {
        position: absolute;
        top: 0px;
        left: 555px;
    }

.boxCenterList ul {
    height: 1%;
    border-bottom: 1px solid #ddd;
    padding: 14px 0;
}

.boxCenterList li {
    float: left;
    width: 90px;
}

    .boxCenterList li.goodsimg {
        width: 130px;
        margin-right: 10px;
    }

    .boxCenterList li .name {
        height: 40px;
        line-height: 20px;
        overflow: hidden;
        display: block;
        margin-bottom: 5px;
    }

    .boxCenterList li.goodsimg img {
        width: 128px;
        height: 128px;
        display: block;
        border: 1px solid #e5e5e5;
    }

.boxCenterList .f1 {
    font-size: 12px;
    font-weight: normal;
    color: #000000;
}

.boxCenterList #clear_history {
    border: none;
    position: absolute;
    right: 5px;
    top: 11px;
    padding: 0;
}

.RelaArticle a, .alone {
    background: url(images/bg.gif) no-repeat 0px -170px;
    padding: 0px 0px 0px 10px;
    color: #3f3f3f;
    text-decoration: none;
}

    .RelaArticle a:hover {
        background: url(images/bg.gif) no-repeat 0px -170px;
        padding: 0px 0px 0px 10px;
        color: #c00;
        text-decoration: none;
    }

.history {
    height: 34px;
    border-bottom: 2px solid #cb0404;
    background: url(images/history_bg.gif) repeat-x;
}

    .history h2 {
        background: #cb0404;
        float: left;
        width: 140px;
        height: 34px;
        line-height: 34px;
        color: #FFFFFF;
        border-right: 1px solid #ddd;
        text-align: center;
        text-align: center;
        font-size: 14px;
        font-weight: normal;
    }

    .history .h2bg {
        background: none;
        color: #666;
    }

#history li {
    width: 100%;
}

#clear_history a {
    background: none;
    padding: 0px;
    color: #3f3f3f;
    text-decoration: none;
    float: right;
    cursor: pointer;
}

.colle a {
    background: none;
    padding: 0px;
    color: #3f3f3f;
    text-decoration: none;
}

    .colle a:hover {
        background: none;
        padding: 0px;
        color: #ff6600;
        text-decoration: none;
    }

#goodsInfo {
    _height: 1%;
    padding: 4px 0;
}

    #goodsInfo .imgInfo {
        width: 262px;
        float: left;
        padding-left: 14px;
    }

        #goodsInfo .imgInfo img {
            width: 260px;
            height: 260px;
            border: 1px solid #e6e6e6;
        }

    #goodsInfo .gallery {
        width: 204px;
        float: left;
        margin-left: 10px;
        _margin-left: 5px;
        overflow: hidden;
    }

        #goodsInfo .gallery ul {
            width: auto;
        }

        #goodsInfo .gallery li {
            float: left;
            width: 48px;
            margin: 0 2px;
        }

            #goodsInfo .gallery li img {
                width: 46px;
                height: 46px;
                display: block;
            }

    #goodsInfo .textInfo {
        background: #fff;
        width: 883px;
        height: 260px;
        float: left;
        padding: 0 10px 0 30px;
        padding-bottom: 10px;
        position: relative;
    }

        #goodsInfo .textInfo .ico_shoucang {
            float: left;
            padding-top: 5px;
            height: 23px;
            line-height: 23px;
            font-size: 12px;
            font-weight: normal;
        }

            #goodsInfo .textInfo .ico_shoucang .aa1 {
                width: 30px;
                height: 23px;
                float: left;
                padding-left: 22px;
                background: url(images/bg.png) -460px -57px;
            }

            #goodsInfo .textInfo .ico_shoucang .aa2 {
                height: 23px;
                padding: 0 8px;
                background: url(images/shoucang_r.gif) right 0;
                color: #333;
                float: left;
            }

        #goodsInfo .textInfo .ico_shoucang_on .f_l {
            color: #c00;
            background: url(images/bg.png) -460px -89px;
        }

        #goodsInfo .textInfo .ico_shoucang_on .f_r {
            background: url(images/shoucang_r.gif) right -23px;
        }

        #goodsInfo .textInfo h1 {
            font-size: 25px;
            line-height: 150%;
            color: #333;
            float: left;
            padding-right: 10px;
            font-weight: normal;
        }

        #goodsInfo .textInfo ul {
        }

        #goodsInfo .textInfo li {
            padding: 0px;
            _height: 1%;
            font-family: "Microsoft Yahei";
            font-size: 16px;
            font-weight: 400;
            color: #666;
            float: left;
            width: 100%;
        }

            #goodsInfo .textInfo li b {
            }

            #goodsInfo .textInfo li.padd {
                padding: 7px 0px 7px 8px;
            }

            #goodsInfo .textInfo li dd {
                width: 100%;
                float: left;
                padding: 7px 0px;
            }

        #goodsInfo .textInfo .loop {
            background: #f7f7f7;
            margin-top: 8px;
        }

        #goodsInfo .textInfo .catt {
            width: 100%;
            height: auto;
            overflow: hidden;
            padding-bottom: 5px;
        }

            #goodsInfo .textInfo .catt a {
                border: #c8c9cd 2px solid;
                text-align: center;
                background-color: #fff;
                margin-right: 5px;
                margin-top: 6px;
                padding-left: 10px;
                padding-right: 10px;
                display: block;
                white-space: nowrap;
                color: #000;
                text-decoration: none;
                float: left;
                font-size: 12px;
                height: 25px;
                line-height: 25px;
            }

                #goodsInfo .textInfo .catt a:hover {
                    border: #cb0404 2px solid;
                }

                #goodsInfo .textInfo .catt a:focus {
                    outline-style: none;
                }

            #goodsInfo .textInfo .catt .cattsel {
                border: #cb0404 2px solid;
                background: url("images/test.gif") no-repeat bottom right;
            }

                #goodsInfo .textInfo .catt .cattsel a:hover {
                    border: #cb0404 2px solid;
                    background: url("images/test.gif") no-repeat bottom right;
                }

        #goodsInfo .textInfo .bnt_buy {
            display: block;
            float: left;
            margin-right: 10px;
            width: 140px;
            height: 53px;
            background: url(images/bnt_cat.gif) 0 0 no-repeat;
        }

            #goodsInfo .textInfo .bnt_buy:hover {
                background: url(images/bnt_cat.gif) 0 -53px no-repeat;
            }

        #goodsInfo .textInfo .bnt_buy2 {
            display: block;
            float: left;
            margin-right: 10px;
            width: 140px;
            height: 53px;
            background: url(images/bnt_cat.gif) -560px 0 no-repeat;
        }

            #goodsInfo .textInfo .bnt_buy2:hover {
                background: url(images/bnt_cat.gif) -560px -53px no-repeat;
            }

        #goodsInfo .textInfo .bnt_buy3 {
            display: block;
            float: left;
            margin-right: 10px;
            width: 140px;
            height: 53px;
            background: url(images/bnt_cat.gif) -700px 0 no-repeat;
        }

            #goodsInfo .textInfo .bnt_buy3:hover {
                background: url(images/bnt_cat.gif) -700px -53px no-repeat;
            }

        #goodsInfo .textInfo .bnt_buy4 {
            display: block;
            float: left;
            margin-right: 10px;
            width: 140px;
            height: 53px;
            background: url(images/bnt_cat.gif) -840px 0 no-repeat;
        }

            #goodsInfo .textInfo .bnt_buy4:hover {
                background: url(images/bnt_cat.gif) -840px -53px no-repeat;
            }

        #goodsInfo .textInfo .bnt_buy5 {
            display: block;
            float: left;
            margin-right: 10px;
            width: 140px;
            height: 53px;
            background: url(images/bnt_cat.gif) -980px 0 no-repeat;
        }

            #goodsInfo .textInfo .bnt_buy5:hover {
                background: url(images/bnt_cat.gif) -980px -53px no-repeat;
            }

        #goodsInfo .textInfo .bnt_yanshi {
            display: block;
            float: left;
            width: 140px;
            margin-right: 10px;
            height: 53px;
            background: url(images/bnt_cat.gif) -140px 0 no-repeat;
        }

            #goodsInfo .textInfo .bnt_yanshi:hover {
                background: url(images/bnt_cat.gif) -140px -53px no-repeat;
            }

        #goodsInfo .textInfo .bnt_liji {
            display: block;
            float: left;
            width: 140px;
            height: 53px;
            margin-right: 10px;
            background: url(images/bnt_cat.gif) -280px 0 no-repeat;
        }

            #goodsInfo .textInfo .bnt_liji:hover {
                background: url(images/bnt_cat.gif) -280px -53px no-repeat;
            }

        #goodsInfo .textInfo .bnt_zhanwu {
            display: block;
            float: left;
            margin-right: 10px;
            width: 140px;
            height: 53px;
            background: url(images/bnt_cat.gif) -420px 0 no-repeat;
        }

            #goodsInfo .textInfo .bnt_zhanwu:hover {
                background: url(images/bnt_cat.gif) -420px -53px no-repeat;
            }

        #goodsInfo .textInfo .goods_bnt {
        }

            #goodsInfo .textInfo .goods_bnt .f_l {
                float: left;
                width: 500px;
                padding-top: 10px;
            }

                #goodsInfo .textInfo .goods_bnt .f_l b {
                    display: none;
                }

        #goodsInfo .textInfo .sp-singleAct {
            float: right;
            width: 190px;
            padding-right: 10px;
            position: relative;
        }

            #goodsInfo .textInfo .sp-singleAct dl {
                padding-bottom: 5px;
                border: 1px solid #dde3e4;
                padding-top: 5px;
            }

                #goodsInfo .textInfo .sp-singleAct dl dd {
                    line-height: 18px;
                    padding: 3px 0px 3px 35px;
                    zoom: 1;
                }

                #goodsInfo .textInfo .sp-singleAct dl .mian {
                    background: url(images/ico_mian.gif) no-repeat 12px 5px;
                }

                #goodsInfo .textInfo .sp-singleAct dl .jian {
                    background: url(images/ico_jian.gif) no-repeat 12px 5px;
                }

                #goodsInfo .textInfo .sp-singleAct dl .zhe {
                    background: url(images/ico_zhe.gif) no-repeat 12px 5px;
                }

                #goodsInfo .textInfo .sp-singleAct dl .song {
                    background: url(images/ico_song.gif) no-repeat 12px 5px;
                }

            #goodsInfo .textInfo .sp-singleAct span {
                display: block;
                width: 13px;
                height: 23px;
                background: url(images/bg.png) no-repeat -480px -207px;
                position: absolute;
                top: 5px;
                left: -12px;
                background-color: #fff;
            }

.gratis {
    margin-left: 10px;
}

.goods_youshi li {
    width: 412px;
    height: 184px;
    padding: 25px 15px;
    background: url(images/goods_youshi_bg.gif) no-repeat;
    float: left;
    margin-bottom: 16px;
}

    .goods_youshi li dl {
        width: 412px;
        height: 184px;
        float: left;
    }

        .goods_youshi li dl dt {
            font-size: 20px;
            color: #181818;
            font-weight: bold;
            font-family: "微软雅黑";
            padding-bottom: 10px;
        }

        .goods_youshi li dl dd {
            font-size: 16px;
            color: #333;
            padding-bottom: 25px;
        }

        .goods_youshi li dl p {
            font-size: 14px;
            color: #333;
            width: 260px;
            line-height: 23px;
        }

.goods_youshi .li1 dl {
    background: url(images/goods_youshi1.gif) right center no-repeat;
}

.goods_youshi .li2 dl {
    background: url(images/goods_youshi2.jpg) right center no-repeat;
}

.goods_youshi .li3 dl {
    background: url(images/goods_youshi3.gif) right center no-repeat;
}

.goods_youshi .li4 dl {
    background: url(images/goods_youshi4.gif) right center no-repeat;
}

.goods_youshi .li5 dl {
    background: url(images/goods_youshi5.gif) right center no-repeat;
}

.goods_youshi .li6 dl {
    background: url(images/goods_youshi6.gif) right center no-repeat;
}

.goods_youshi .li7 dl {
    background: url(images/goods_youshi7.gif) right center no-repeat;
}

.goods_youshi .li8 dl {
    background: url(images/goods_youshi8.gif) right center no-repeat;
}

.goods_youshi .f_r {
    float: right;
}

.goods_fuwu img {
    float: left;
}

.goods_fuwu .li1 dl {
    float: left;
    width: 798px;
    padding-left: 20px;
}

    .goods_fuwu .li1 dl dt {
        font-family: "微软雅黑";
        font-weight: bold;
        color: #333333;
        font-size: 15px;
        height: 30px;
    }

    .goods_fuwu .li1 dl dd {
        font-size: 14px;
    }

.goods_other img {
    float: left;
}

.goods_other .li1 {
    padding: 20px;
    border-bottom: 1px dotted #ddd;
    margin: 0;
}

    .goods_other .li1 dl {
        float: left;
        width: 738px;
        padding-left: 20px;
    }

        .goods_other .li1 dl dt {
            font-family: "微软雅黑";
            font-weight: bold;
            color: #333333;
            font-size: 15px;
            height: 30px;
        }

        .goods_other .li1 dl dd {
            font-size: 12px;
        }

    .goods_other .li1 .p1 {
        color: #cb0404;
    }

    .goods_other .li1 p a {
        color: #6699cc;
    }

        .goods_other .li1 p a:hover {
            text-decoration: underline;
        }

.goods_wenda .li1 {
    padding: 20px;
    border-bottom: 1px dotted #ddd;
    margin: 0;
}

    .goods_wenda .li1 dl {
        float: left;
        width: 100%;
    }

    .goods_wenda .li1 .q {
        color: #c00;
    }

    .goods_wenda .li1 dt {
        float: left;
        width: 15px;
    }

    .goods_wenda .li1 dd {
        float: left;
        width: 840px;
    }

.score-wrap {
    float: left;
    width: 280px;
    position: relative;
}

    .score-wrap .score {
        height: 65px;
        padding: 5px;
        text-align: center;
    }

    .score-wrap .no-score {
        margin-top: 28px;
    }

.score .score-num {
    text-align: center;
    height: 27px;
    line-height: 27px;
}

    .score .score-num .value {
        font-family: "Microsoft Yahei";
        font-size: 24px;
        font-weight: 400;
        color: #444;
    }

    .score .score-num .unit, .score .view-detail {
        font-family: "Microsoft Yahei";
        font-size: 12px;
        font-weight: 400;
        color: #999;
    }

.score .view-detail {
    text-align: center;
    vertical-align: middle;
    height: 18px;
    line-height: 18px;
    padding: 2px 0;
    cursor: pointer;
}

.score-wrap .score-popup {
    width: 206px;
    background-color: #f0f0f0;
}

.score-popup .score-detail .func, .score-popup .score-detail .maint {
    margin-bottom: 6px;
}

.score-no {
    background: url(images/score.png) no-repeat scroll 0 0 transparent;
    display: inline-block;
    float: none;
    height: 17px;
    margin: 0 auto;
    vertical-align: top;
    width: 85px;
}

.score-5 {
    background-position: -7px -4px;
}

.score-4 {
    background-position: -7px -39px;
}

.score-3 {
    background-position: -7px -75px;
}

.score-2 {
    background-position: -7px -111px;
}

.score-1 {
    background-position: -7px -147px;
}

.score-0 {
    background-position: -7px -183px;
}

.score-wrap .score-bottom {
    display: none;
    width: 220px;
    position: absolute;
    padding: 8px 30px;
    background: #FFF;
    left: 0;
    top: 0;
    font-size: 12px;
    line-height: 13px;
    color: #333;
}

.score-wrap-on .score-bottom {
    display: block;
}

.score-wrap .score-bottom .line {
    cursor: pointer;
    padding: 4px 0;
}

.score-wrap .score-bottom .span1 {
    float: left;
}

.score-wrap .score-bottom .span2 {
    float: left;
    width: 150px;
    margin: 0 3px;
    height: 13px;
    background: #f7f8f8;
}

.score-wrap .score-bottom .span2in {
    float: left;
    height: 13px;
    background: url(images/ping_bg.gif) repeat-x;
}

.score-wrap .score-bottom .span3 {
    float: left;
}

.pProdInfoUL {
    border: 1px solid #ebebeb;
    width: 898px;
    border-bottom: 1px solid #e1e1e1;
    border-top: 1px solid #e1e1e1;
    float: left;
    padding: 0;
}

    .pProdInfoUL .tit {
        height: 28px;
        line-height: 28px;
        background: #eee;
        font-weight: bold;
        color: #333;
        float: left;
        width: 898px;
        margin-bottom: 2px;
    }

        .pProdInfoUL .tit span {
            float: left;
            width: 15px;
            height: 15px;
            margin: 7px;
            background: url(images/bg.png) no-repeat;
        }

        .pProdInfoUL .tit .span1 {
            background-position: -529px -58px;
        }

        .pProdInfoUL .tit .span2 {
            background-position: -529px -75px;
        }

    .pProdInfoUL LI {
        LINE-HEIGHT: 28px;
        WIDTH: 293px;
        _width: 292px;
        padding-left: 4px;
        margin-left: 2px;
        overflow: hidden;
        MARGIN-BOTTOM: 2px;
        BACKGROUND: #f8f8f6;
        FLOAT: left;
        HEIGHT: 28px;
        text-align: left;
    }

.art_cont_h2 a, .art_cont_h3 a {
    display: block;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    background: url(images/biao6.gif) 0 11px no-repeat;
    padding-left: 10px;
}

.ie6 {
    padding-left: 25px;
    _padding-left: 15px;
    height: 1%;
}

.comments {
    float: left;
}

    .comments li {
        border-bottom: 1px solid #f4f4f4;
        padding: 0px 0;
        width: 898px;
        _height: 1%;
        text-align: left;
        position: relative;
        margin-bottom: 8px;
        float: left;
    }

        .comments li .score-no {
            position: absolute;
            right: 20px;
            top: 3px;
        }

        .comments li p {
            text-align: left;
            font-size: 14px;
        }

        .comments li .jianju {
            padding: 0 20px;
        }

.commentsList {
    padding: 10px 0;
}

    .commentsList td {
        padding-left: 20px;
        padding-right: 20px;
    }

.comments .f2 {
    font-size: 14px;
}

.comments .f3 {
    font-size: 14px;
    font-weight: bold;
}

.inputBorder {
    border: 1px solid #abadb3;
    background: url(images/bg2.gif) repeat-x 0 0 #fbfbfb;
    font-size: 14px;
}

.comments .com_re {
    width: 816px;
    border: 1px solid #e4e4e4;
    color: #ababab;
    background: #f4f4f4;
    padding: 13px 20px;
    float: left;
    font-size: 12px;
    position: relative;
}

    .comments .com_re p {
        font-size: 12px;
    }

    .comments .com_re .tou strong {
        font-size: 12px;
        font-weight: normal;
        color: #4095ce;
        font-weight: normal;
    }

    .comments .com_re .dang {
        position: absolute;
        left: 23px;
        top: -10px;
    }

.commentsList .bnt_blue {
    color: #FFF;
}

.comments_bottom {
    position: relative;
    padding-top: 10px;
}

    .comments_bottom * {
        float: left;
        vertical-align: middle;
    }

    .comments_bottom .f_r {
        float: right;
    }

    .comments_bottom .score-no {
        margin-right: 5px;
        margin-top: 2px;
    }

.comments_kuan li {
    width: 1208px;
}

.comments_kuan .com_re {
    width: 1126px;
}

.mydiv {
    width: 450px;
    height: 350px;
    border: 5px solid #b0b0b0;
    background: #fff;
    position: absolute;
    bottom: -40px;
    left: 238px;
}

    .mydiv .tit {
        height: 30px;
        line-height: 30px;
        background: #cb0404;
        border-bottom: 1px solid #a60303;
    }

        .mydiv .tit span {
            font-size: 14px;
            color: #FFF;
            padding-left: 15px;
        }

        .mydiv .tit img {
            float: right;
            padding: 10px;
        }

.mydiv_in {
}

    .mydiv_in dl {
        padding: 20px 57px;
        height: 192px;
    }

    .mydiv_in dd {
        padding: 10px 0;
        float: left;
        width: 335px;
    }

    .mydiv_in b {
        font-weight: normal;
        float: left;
        width: 73px;
        text-align: center;
        padding-top: 10px;
        color: #000;
    }

    .mydiv_in .inputBg {
        float: left;
        font-size: 14px;
    }

    .mydiv_in .mydiv_bottom {
        height: 86px;
        width: 450px;
        border-top: 1px solid #ddd;
        float: left;
        background: #f2f2f2;
    }

.stars1 {
    background:;
}

.captcha {
    margin-left: 0px;
    position: relative;
    top: -1px;
    *margin-left: 8px;
    *position: relative;
    top: 3px;
    cursor: pointer;
}

#brandList {
    background: url(images/brandBg.gif) repeat-y top center;
    margin-top: 12px;
    height: 1%;
}

    #brandList .brandBox {
        width: 240px;
        _width: 236px;
        float: left;
        margin: 0 5px 20px 5px;
        text-align: center;
        overflow: hidden;
        height: 160px;
    }

        #brandList .brandBox .brandLogo {
            width: 188px;
            height: 52px;
            overflow: hidden;
        }

        #brandList .brandBox h4 {
            height: 23px;
            line-height: 23px;
            background: #e9e9e9;
            margin: 15px 0 8px 0;
            padding: 0 10px;
            text-align: right;
            font-weight: 100;
            font-size: 12px;
        }

            #brandList .brandBox h4 span, #brandList .brandBox h4 span a {
                float: left;
                font-weight: bold;
                color: #3f3f3f;
                text-decoration: none;
            }

    #brandList p {
        text-align: left;
        margin-bottom: 5px;
        color: #909090;
        padding: 8px;
    }

        #brandList p.brandCategory, #brandList p.brandCategory a {
            text-align: left;
            color: #006acd;
            text-decoration: none;
        }

    #brandList .brandArticle {
        border: 1px dashed #d9d9d9;
        background: #eee;
        text-align: left;
    }

.brandCategoryA a {
    margin-right: 15px;
}

.box_1 .userCenterBox {
}

.usBox {
    border: 1px solid #ddd;
    width: 1208px;
    background: #FFF;
    border-top: none;
    color: #333333;
}

.usBox_top {
    height: 49px;
    background: url(images/usBox_top.gif) repeat-x;
    border-bottom: 1px solid #f4f4f4;
    border-top: 1px solid #ddd;
}

.longTop {
    font-size: 14px;
    color: #ababab;
    padding: 15px 20px 15px 47px;
    background: url(images/tips.gif) no-repeat 8px 10px;
    border-bottom: 1px solid #f4f4f4;
}

.norTable {
    font-size: 14px;
}

    .norTable tr.last td, .norTable tr.last th {
        border-bottom: 0;
    }

.leftBorder {
    border-left: 1px solid #f4f4f4;
}

.norTable td, .norTable th {
    padding: 15px 10px;
    vertical-align: top;
    border-bottom: 1px solid #f4f4f4;
}

    .norTable td.vlm, .norTable th.vlm {
        vertical-align: middle;
    }

.norTable th {
    text-align: right;
    font-weight: normal;
    vertical-align: middle;
}

.user_bnt {
    width: 118px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #FFF;
    font: 18px "微软雅黑";
    background: url(images/user_bnt.gif) no-repeat;
    border: none;
    cursor: pointer;
}

.usBox .usBox_top a {
    float: left;
    padding: 0 25px;
    font-size: 14px;
    height: 46px;
    color: #333333;
    border-right: 1px solid #f4f4f4;
    line-height: 46px;
    border-top: 3px solid #fcfcfc;
}

.usBox .usBox_top .active {
    border-top: 3px solid #c00;
    background: #FFFFFF;
    font-weight: bold;
}

.usBox_in {
    padding: 15px;
}

.usBox table {
    border-collapse: collapse;
    border-spacing: 0;
}

.usBox_1 {
    background: #fff;
    text-align: left;
    width: 297px;
    height: 208px;
    padding: 43px 153px 60px 123px;
}

    .usBox_1 .logtitle {
        height: 30px;
        background: url(images/ur_bg.gif) no-repeat 0px 0px;
    }

.us_Submit {
    border: none;
    width: 115px;
    height: 40px;
    background: url(images/bnt_ur_log.gif);
}

.us_Submit_reg {
    border: none;
    width: 113px;
    height: 40px;
    background: url(images/bnt_ur_reg.gif);
}

.usTxt {
    width: 265px;
    height: 267px;
    padding: 43px 0 0 90px;
    background: #f2f2f2;
    float: right;
    text-align: left;
    background: url(images/ur_bg1.gif) no-repeat 0 50%;
    line-height: 23px;
}

    .usTxt img {
        margin-top: 15px;
    }

.usBox_2 {
    background: #fff;
    text-align: left;
    padding: 43px 153px 60px 123px;
}

    .usBox_2 .regtitle {
        height: 30px;
        background: url(images/ur_bg.gif) no-repeat 0px -34px;
    }

.actionSub a {
    color: #006acc;
    text-decoration: underline;
    background: url(images/ur_bg.gif) no-repeat 0px -68px;
    padding-left: 14px;
}

.box_1 .userCenterBox .userMenu {
}

    .box_1 .userCenterBox .userMenu h3 {
        background: url(images/user_h3.gif) repeat-x;
        border: 1px solid #b90404;
        height: 30px;
        line-height: 30px;
        color: #FFF;
        font-family: "微软雅黑";
        font-weight: bold;
        padding-left: 10px;
        text-align: left;
        font-size: 14px;
    }

        .box_1 .userCenterBox .userMenu h3 a {
            color: #FFFFFF;
        }

            .box_1 .userCenterBox .userMenu h3 a b {
                font-weight: normal;
            }

    .box_1 .userCenterBox .userMenu h1 {
        height: 29px;
        line-height: 29px;
        cursor: pointer;
        background: url(images/user_h1.gif) repeat-x;
        font-size: 12px;
        font-weight: bold;
    }

        .box_1 .userCenterBox .userMenu h1 span {
            float: left;
            padding-left: 10px;
        }

        .box_1 .userCenterBox .userMenu h1 img {
            float: right;
            padding: 5px;
        }

    .box_1 .userCenterBox .userMenu ul {
        padding: 6px 0;
    }

        .box_1 .userCenterBox .userMenu ul a {
            display: block;
            height: 30px;
            line-height: 30px;
            width: 180px;
            padding-left: 20px;
            background: url(images/user_a.gif) right 7px no-repeat;
        }

            .box_1 .userCenterBox .userMenu ul a.curs, .box_1 .userCenterBox .userMenu ul a:hover {
                color: #c00;
                background: url(images/user_a.gif) right -17px no-repeat;
            }

.msgBottomBorder {
    clear: both;
    background: url(images/lineBg.gif) repeat-x left bottom;
    padding-bottom: 8px;
    margin-bottom: 8px;
}

.screeBox {
    padding: 12px 0;
    padding-bottom: 0;
    border-top: 1px solid #e0e0e0;
}

    .screeBox a {
        margin: 0 4px;
        float: left;
        height: 20px;
        line-height: 20px;
    }

    .screeBox span {
        background: #999999;
        color: #FFFFFF;
        float: left;
        height: 20px;
        line-height: 20px;
        padding: 0px 6px;
    }

    .screeBox strong {
        color: #666666;
        float: left;
        width: 120px;
        font-weight: normal;
        font-size: 12px;
        text-align: center;
        height: 21px;
        line-height: 21px;
        padding: 0 2px;
    }

    .screeBox ul {
        float: left;
        width: 1070px;
    }

    .screeBox li {
        float: left;
        width: 97px;
        height: 30px;
    }

.b_box2 {
    float: left;
    padding-left: 5px;
}

    .b_box2 span {
        float: left;
        padding-right: 5px;
    }

#choose_style {
    border: 1px solid #dd8181;
    height: 20px;
    line-height: 20px;
    float: left;
    margin: 7px 3px;
    padding: 0 6px;
    position: relative;
    padding-right: 21px;
}

    #choose_style b {
        width: 14px;
        height: 14px;
        display: block;
        position: absolute;
        right: 4px;
        top: 3px;
        background: url(images/cha.gif) 0 0px;
    }

    #choose_style:hover {
        background: #e08686;
        border: 1px solid #c50000;
        color: #FFF;
    }

        #choose_style:hover b {
            background: url(images/cha.gif) 0 -14px;
        }

.goodsList {
    padding: 10px 10px 0 10px;
}

    .goodsList ul {
        margin-bottom: 10px;
    }

        .goodsList ul#bgcolor {
            background: #fbfbfb;
            border-top: 1px dashed #e8e8e8;
            border-bottom: 1px dashed #e8e8e8;
        }

    .goodsList li {
        float: left;
        padding-top: 8px;
    }

        .goodsList li.thumb {
            width: 80px;
            text-align: center;
        }

            .goodsList li.thumb img {
                width: 50px;
                height: 50px;
                border: 1px solid #ccc;
                padding: 1px;
            }

        .goodsList li.goodsName {
            width: 290px;
            margin-right: 10px;
        }

        .goodsList li.action {
            float: right;
            margin-left: 10px;
        }

            .goodsList li.action a.abg {
                background: url(images/bg.gif) no-repeat 0px -735px;
                padding-left: 18px;
                position: relative;
                bottom: 5px;
            }

.group {
    background: #f2f2f2;
    padding: 8px;
}

    .group li {
        float: left;
        background: #fff;
        padding: 8px;
    }

.flowBox {
    padding-bottom: 5px;
}

    .flowBox h6 {
        background: #f6f5f5;
        height: 35px;
        line-height: 35px;
        color: #707070;
        font-size: 14px;
        font-weight: bold;
    }

        .flowBox h6 a {
            color: #bf4645;
        }

        .flowBox h6 span b {
            font-size: 12px;
            font-weight: normal;
        }

    .flowBox table {
        margin: 5px auto;
    }

        .flowBox TABLE.tbCartList {
            margin: 0px auto;
        }

    .flowBox strong {
        font-weight: normal;
    }

    .flowBox .inputBg {
    }

TABLE.tbCartList {
    WIDTH: 100%;
}

    TABLE.tbCartList TH {
        TEXT-ALIGN: center;
        PADDING-BOTTOM: 7px;
        PADDING-LEFT: 0px;
        PADDING-RIGHT: 0px;
        BACKGROUND: #f6f5f5;
        FONT-WEIGHT: 700;
        PADDING-TOP: 7px;
    }

    TABLE.tbCartList .norBorder {
        BORDER-RIGHT-STYLE: none;
    }

    TABLE.tbCartList TD {
        BORDER-BOTTOM: #dadada 1px solid;
        TEXT-ALIGN: center;
        PADDING-BOTTOM: 12px;
        PADDING-LEFT: 0px;
        PADDING-RIGHT: 0px;
        VERTICAL-ALIGN: middle;
        BORDER-RIGHT: #e9e9e9 1px solid;
        PADDING-TOP: 12px;
    }

        TABLE.tbCartList TD.textLink A {
            COLOR: #d95854;
            TEXT-DECORATION: underline;
        }

.td_name a {
}

.td_price {
    color: #d95854;
    font-weight: bold;
    font-family: "微软雅黑";
}

.flowGoodsFittings {
    padding: 10px;
}

    .flowGoodsFittings ul {
        height: 1%;
        margin: 5px 4px;
        float: left;
    }

    .flowGoodsFittings li {
        float: left;
        width: 120px;
    }

        .flowGoodsFittings li.goodsimg {
            width: 48px;
            margin-right: 10px;
        }

            .flowGoodsFittings li.goodsimg img {
                width: 48px;
                height: 48px;
                display: block;
            }

.article_search {
    margin: 8px 0;
}

    .article_search .inputBg {
        width: 300px;
        float: left;
        margin-right: 10px;
    }

    .article_search .art_search {
        border: none;
        width: 59px;
        cursor: pointer;
        padding-left: 10px;
        height: 22px;
        line-height: 22px;
        background: url(images/art_search.gif) no-repeat 0 0;
        color: #333333;
    }

.quotation {
    margin: 20px auto 20px auto;
    text-align: center;
}

.pagebar {
    height: 30px;
    margin: 0 auto;
    text-align: center;
}

    .pagebar img {
        position: relative;
        top: 2px;
    }

    .pagebar a {
        margin: 0 2px;
        text-decoration: none;
        border: 1px solid #dbdbdb;
        line-height: 28px;
        font-family: Arial,Helvetica,sans-serif;
        background: #FFFFFF;
        padding: 0px 8px;
        height: 23px;
        line-height: 23px;
        display: inline-block;
    }

    .pagebar .page_now {
        margin: 0 2px;
        color: #ca0809;
        font-weight: bold;
        background: #fff9eb;
        border: 1px solid #ca0809;
        font-family: Arial,Helvetica,sans-serif;
        padding: 0px 8px;
        height: 23px;
        line-height: 23px;
        display: inline-block;
    }

    .pagebar .no {
        color: #ccc;
        border: 1px solid #ccc;
    }

        .pagebar .no:hover {
            color: #ccc;
            border: 1px solid #ccc;
        }

#bottomNav {
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-top: 1px solid #ddd;
    padding-top: 8px;
}

    #bottomNav a {
        padding-right: 10px;
    }

.links {
    border-top: 1px solid #ddd;
    overflow: hidden;
    height: 50px;
    line-height: 25px;
    color: #666;
}

    .links a {
        padding-right: 10px;
        float: left;
        white-space: nowrap;
        float: left;
    }

.ectouch_footer_box {
    border-top: 1px solid #ccc;
    background: #FFF;
    padding-top: 20px;
    padding-bottom: 20px;
}

#ectouch_footer {
    width: 760px;
    text-align: center;
    margin: 10px auto;
    margin-bottom: 0;
    line-height: 22px;
}

    #ectouch_footer .text {
    }

        #ectouch_footer .text a {
            text-decoration: none;
        }

 

#compareBox {
    width: 128px;
    background: url(images/compareBg.gif) no-repeat top center;
    background-color: #edf8ff;
    padding: 35px 0 8px 0;
    border: 1px solid #c5e4ff;
    position: absolute;
    right: 1px;
    top: 200px;
}

    #compareBox input {
        width: 52px;
        height: 13px;
        border: none;
        background: url(images/compareSub.gif) no-repeat;
    }

#compareList {
    margin: 0px 0px 8px 0px;
    padding: 0px;
    width: 120px;
    background: #FFFFFF;
    border: 1px solid #d6ecff;
}

    #compareList li {
        color: #333;
        text-align: left;
        background: #fff;
        padding: 3px 5px;
        margin: 3px 0;
    }

        #compareList li img {
            float: right;
            padding-top: 4px;
        }

.messageli {
    list-style-type: none;
    padding: 5px;
    color: red;
}

.messagediv {
    font-size: 12px;
    position: absolute;
    border: 1px solid #FFD700;
    text-align: center;
    padding: 5px;
    background-color: #FFFACD;
    filter: alpha(opacity=50);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

.point li {
    float: left;
    width: 300px;
}

.art_tit {
    height: 25px;
    line-height: 25px;
    font-size: 18px;
    color: #333;
    font-weight: bold;
    font-family: "微软雅黑";
}

.content {
    display: block;
    word-wrap: break-word;
    text-align: left;
    width: 100%;
    line-height: 24px;
    color: #222;
    overflow: hidden;
    font-size: 14px;
    font-family: 'Microsoft Yahei','Helvetica Neue','Luxi Sans','DejaVu Sans',Tahoma,'Hiragino Sans GB',STHeiti;
    color: #444;
}

.bottom_xiao {
    display: none;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

#LXB_CONTAINER {
    display: none;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.content em {
    border: #cccccc 1px solid;
    padding: 0.3em 0.5em;
    widows: 2;
    text-transform: none;
    background-color: #f4f4f4 !important;
    text-indent: 0px;
    min-height: 1.5em;
    font: 12px/18px 'Courier 10 Pitch',Courier,monospace;
    orphans: 2;
    color: #333333;
    display: inline-block;
    margin: 3px 0px 12px;
}

.content .tit1 {
    background: url(images/goods_tit.gif) 0 0 no-repeat;
    width: 950px;
    height: 50px;
}

.content .tit2 {
    background: url(images/goods_tit.gif) 0 -100px no-repeat;
    width: 950px;
    height: 50px;
}

.content .tit3 {
    background: url(images/goods_tit.gif) 0 -50px no-repeat;
    width: 950px;
    height: 50px;
}

.content .s {
    background: #f4f4f4;
    border: 1px solid #e2e2e2;
    margin: 6px;
    position: relative;
    padding: 20px 10px 10px 10px;
    font-family: Microsoft Yahei,simhei,sans-serif;
    color: #666;
}

.content .s1 {
    width: 881px;
    height: 16px;
    background: url(images/goods_sm.gif) 0 0 no-repeat;
    position: absolute;
    left: -1px;
    top: -1px;
}

.content .s2 {
    width: 7px;
    height: 16px;
    background: url(images/goods_sm.gif) -1001px 0 no-repeat;
    position: absolute;
    right: -1px;
    top: -1px;
}

.content .s3 {
    width: 7px;
    height: 7px;
    background: url(images/goods_sm.gif) 0px -78px no-repeat;
    position: absolute;
    left: -1px;
    bottom: -1px;
}

.content .s4 {
    width: 7px;
    height: 7px;
    background: url(images/goods_sm.gif) -1001px -78px no-repeat;
    position: absolute;
    right: -1px;
    bottom: -1px;
}

.float0831 {
    POSITION: fixed;
    TOP: 210px;
    RIGHT: 1px;
    _position: absolute;
    z-index: 999999999;
}

    .float0831 A {
        COLOR: #00a0e9;
    }

        .float0831 A:hover {
            COLOR: #ff8100;
            TEXT-DECORATION: none;
        }

    .float0831 .floatL {
        POSITION: relative;
        WIDTH: 28px;
        FLOAT: left;
    }

        .float0831 .floatL A {
            TEXT-INDENT: -9999px;
            DISPLAY: block;
            FONT-SIZE: 0px;
        }

    .float0831 .floatR {
        BACKGROUND: url(images/float_bg.gif);
    }

    .float0831 .tp {
        BACKGROUND: url(images/float_bg.gif);
    }

    .float0831 .cn {
        BACKGROUND: url(images/float_bg.gif);
    }

    .float0831 .floatR {
        PADDING-BOTTOM: 15px;
        WIDTH: 130px;
        BACKGROUND-REPEAT: no-repeat;
        BACKGROUND-POSITION: -131px bottom;
        FLOAT: left;
        OVERFLOW: hidden;
    }

    .float0831 .tp {
        BACKGROUND-REPEAT: no-repeat;
        BACKGROUND-POSITION: 0% 0%;
        HEIGHT: 10px;
    }

    .float0831 .cn {
        BACKGROUND-REPEAT: repeat-y;
        BACKGROUND-POSITION: -262px 0px;
    }

        .float0831 .cn H3 {
            TEXT-INDENT: -9999px;
            HEIGHT: 109px;
            FONT-SIZE: 0px;
        }

        .float0831 .cn UL {
            PADDING-BOTTOM: 0px;
            PADDING-LEFT: 14px;
            PADDING-RIGHT: 14px;
            PADDING-TOP: 0px;
        }

            .float0831 .cn UL LI {
                BORDER-BOTTOM: #e6e5e4 1px solid;
                LINE-HEIGHT: 36px;
                WORD-WRAP: break-word;
                HEIGHT: 36px;
                OVERFLOW: hidden;
                WORD-BREAK: normal;
            }

    .float0831 .titZx {
        background: url(images/float_s.png) 8px 0 no-repeat;
        padding: 0;
    }

        .float0831 .titZx a {
            display: block;
            height: 109px;
            padding: 0;
            margin: 0;
        }

    .float0831 .titDh {
        BACKGROUND: url(images/float_s.png) no-repeat;
    }

    .float0831 .titDc {
        BACKGROUND: url(images/float_s.png) no-repeat;
    }

    .float0831 .icoZx {
        BACKGROUND: url(images/float_s.png) no-repeat;
    }

    .float0831 .icoTc {
        BACKGROUND: url(images/float_s.png) no-repeat;
    }

    .float0831 .icoFf {
        BACKGROUND: url(images/float_s.png) no-repeat;
    }

    .float0831 .icoTl {
        BACKGROUND: url(images/float_s.png) no-repeat;
    }

    .float0831 .btnOpen {
        BACKGROUND: url(images/float_s.png) no-repeat;
    }

    .float0831 .btnOpen_n {
        BACKGROUND: url(images/float_s.png) no-repeat;
    }

    .float0831 .btnCtn {
        BACKGROUND: url(images/float_s.png) no-repeat;
    }

    .float0831 .weibo_sina {
        BACKGROUND: url(images/float_s.png) no-repeat;
    }

    .float0831 .weibo_qq {
        BACKGROUND: url(images/float_s.png) no-repeat;
    }

    .float0831 .float_tel {
        BACKGROUND: url(images/float_s.png) no-repeat;
    }

    .float0831 .float_weixin {
        BACKGROUND: url(images/float_s.png) no-repeat;
    }

    .float0831 .titDh {
        BACKGROUND-POSITION: 5px -66px;
    }

    .float0831 .titDc {
        BACKGROUND-POSITION: 5px -124px;
    }

    .float0831 .icoZx {
        BACKGROUND-POSITION: 2px -154px;
    }

    .float0831 .icoTc {
        BACKGROUND-POSITION: -106px -56px;
    }

    .float0831 .icoFf {
        BACKGROUND-POSITION: 2px -213px;
    }

    .float0831 .icoTl {
        PADDING-LEFT: 20px;
        DISPLAY: block;
        FONT-FAMILY: "微软雅黑";
        BACKGROUND-POSITION: 2px -266px;
        FLOAT: left;
    }

    .float0831 .btnOpen {
        BACKGROUND-POSITION: -137px -130px;
    }

    .float0831 .btnOpen_n {
        BACKGROUND-POSITION: 0px -530px;
    }

    .float0831 .btnCtn {
        BACKGROUND-POSITION: -107px -130px;
    }

    .float0831 .weibo_sina {
        BACKGROUND-POSITION: 0px -109px;
    }

    .float0831 .weibo_qq {
        BACKGROUND-POSITION: 0px -131px;
    }

    .float0831 .float_tel {
        BACKGROUND-POSITION: -94px 0px;
    }

    .float0831 .float_weixin {
        BACKGROUND-POSITION: 0px -153px;
    }

    .float0831 .weibo_sina, .float0831 .weibo_qq {
        width: 94px;
        height: 22px;
        display: block;
        margin: 8px 5px;
    }

    .float0831 .icoZx {
        PADDING-LEFT: 28px;
        DISPLAY: block;
        FLOAT: left;
    }

    .float0831 .icoTc {
        PADDING-LEFT: 28px;
        DISPLAY: block;
        FLOAT: left;
    }

    .float0831 .icoFf {
        PADDING-LEFT: 28px;
        DISPLAY: block;
        FLOAT: left;
    }

    .float0831 .btnOpen {
        POSITION: relative;
        WIDTH: 28px;
        HEIGHT: 118px;
        TOP: 80px;
        LEFT: 2px;
    }

    .float0831 .btnOpen_n {
        POSITION: relative;
        WIDTH: 28px;
        HEIGHT: 118px;
        TOP: 80px;
        LEFT: 2px;
    }

    .float0831 .btnCtn {
        POSITION: relative;
        WIDTH: 28px;
        HEIGHT: 118px;
        TOP: 80px;
        LEFT: 2px;
    }

    .float0831 .btnOpen {
        TOP: 98px;
        LEFT: 1px;
    }

    .float0831 .btnOpen_n {
        TOP: 118px;
        LEFT: 1px;
    }

    .float0831 .btnCtn {
        TOP: 98px;
        LEFT: 2px;
    }

    .float0831 .float_tel {
        width: 130px;
        height: 57px;
    }

    .float0831 .float_weixin {
        width: 78px;
        height: 99px;
        display: block;
    }

    .float0831 UL LI H3.titDc A {
        WIDTH: 80px;
        DISPLAY: block;
        HEIGHT: 36px;
    }

    .float0831 UL LI.top {
        height: 109px;
        padding: 8px 0;
    }

    .float0831 UL LI.bot {
        BORDER-BOTTOM-STYLE: none;
    }

    .float0831 UL.webZx {
        PADDING-BOTTOM: 0px;
        PADDING-LEFT: 0px;
        WIDTH: 164px;
        PADDING-RIGHT: 0px;
        BACKGROUND: url(images/webZx_bg.jpg) no-repeat;
        HEIGHT: 65px;
        PADDING-TOP: 0px;
    }

    .float0831 UL LI.webZx-in {
        BORDER-BOTTOM-STYLE: none;
        PADDING-LEFT: 5px;
        HEIGHT: 50px;
        PADDING-TOP: 8px;
    }

    .float0831 .cn ul .weixin_box {
        padding: 4px 13px;
        display: block;
        BORDER-BOTTOM-STYLE: none;
        height: 100px;
    }

        .float0831 .cn ul .weixin_box a {
            display: block;
        }

.baidu-auth-pop {
    top: 0;
}

.wrap-fenye {
    width: auto;
    max-width: 220px;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 1rem;
    display: block;
    display: block;
}

.center {
    width: 103%;
    margin: 0 auto;
}

.fenye {
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .fenye ul {
        float: left;
        margin-left: -30px;
    }

        .fenye ul li {
            float: left;
            margin-left: 5px;
            padding: 4px 12px;
            border: 1px solid #ccc;
            font-weight: bold;
            cursor: pointer;
            color: #999;
        }

            .fenye ul li a {
                color: #999;
            }

            .fenye ul li.xifenye {
                width: 42px;
                text-align: center;
                float: left;
                position: relative;
                cursor: pointer;
            }

            .fenye ul li .xab {
                float: left;
                position: absolute;
                width: 39px;
                border: 1px solid #ccc;
                height: 123px;
                overflow-y: auto;
                overflow-x: hidden;
                top: -125px;
                background-color: #fff;
                display: inline;
                left: -1px;
                width: 50px;
            }

                .fenye ul li .xab ul {
                    margin-left: 0;
                    padding-bottom: 0;
                }

                    .fenye ul li .xab ul li {
                        border: 0;
                        padding: 4px 0px;
                        color: #999;
                        width: 34px;
                        margin-left: 0px;
                        text-align: center;
                    }

.wrap-fenye-pc {
    display: none;
}

@media (min-width:992px) {
    .wrap-fenye {
        display: none;
    }

    .wrap-fenye-pc {
        max-width: 220px;
        margin: 0 auto;
        overflow: hidden;
        padding-top: 1rem;
        display: block;
        display: block;
        width: auto;
    }
}

.n-product-but {
    display: none;
    width: 100%;
    top: 0%;
    bottom: 0;
    z-index: 5;
    position: fixed;
}

.list1 {
    background: #30B3EB;
    color: #fff !important;
}

.slideBox11 {
    width: 100%;
    height: 545px;
    overflow: hidden;
    position: relative;
}

    .slideBox11 .bd {
        position: relative;
        overflow: hidden;
        height: 100%;
        z-index: 0;
    }

        .slideBox11 .bd ul {
            position: absolute;
            padding: 0;
        }

        .slideBox11 .bd li {
            overflow: auto;
            height: 545px;
            float: left;
            width: 309px;
        }

        .slideBox11 .bd img {
            width: 100%;
        }

    .slideBox11 .prev, .slideBox11 .next {
        position: absolute;
        left: 2%;
        top: 50%;
        margin-top: -25px;
        display: block;
        width: 32px;
        height: 40px;
        filter: alpha(opacity=10);
        opacity: 0.1;
    }

    .slideBox11 .next {
        left: auto;
        right: 2%;
        background-position: 8px 5px;
    }

        .slideBox11 .prev:hover, .slideBox11 .next:hover {
            filter: alpha(opacity=50);
            opacity: 0.5;
        }

    .slideBox11 .prevStop {
        display: none;
    }

    .slideBox11 .nextStop {
        display: none;
    }

.license-bg {
    background-image: url("../images/product/banner.jpg");
}

.down-banner {
    background-image: url("../images/product/down.jpg");
    height: auto;
}

.ect-row-4 {
    display: -webkit-box;
    overflow: hidden;
    word-wrap: break-word;
    white-space: normal !important;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-align: left;
}

.ect-row-3 {
    display: -webkit-box;
    overflow: hidden;
    word-wrap: break-word;
    white-space: normal !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-align: left;
}

.auth-introduce img {
    width: 100%;
}

.auth-introduce {
    background: #fff;
    padding: 30px 0;
}

    .auth-introduce h3 {
        text-align: left;
        font-size: 2.2rem;
        color: #333;
        margin-top: 1.5rem;
    }

    .auth-introduce p {
        color: #666;
        font-size: 1.6rem;
        margin-top: 10px;
    }

.authorize-box1 {
    background: #30b3eb;
    padding: 30px 0;
    background-image: url("../images/product/top01.jpg");
}

    .authorize-box1 h2 {
        font-size: 2.2rem;
        color: #fff;
        text-align: center;
    }

    .authorize-box1 h3 {
        font-size: 1.8rem;
        color: #fff;
        margin-top: 1.5rem;
        text-align: left;
    }

    .authorize-box1 p {
        font-size: 1.2rem;
        color: #fff;
        margin-top: 1rem;
    }

.auth-cont {
    width: 90%;
    margin: 0 auto;
}

.n-down {
    display: block;
}

.service h1 {
    padding: 40px;
    color: #fff;
    font-size: 2.2rem;
}

.n-down-ectouch_nav, .n-but-box {
    display: none;
}

.n-down-cont p {
    text-align: center;
    color: #fff;
}

.introduction-banner {
    background-image: url("../images/product/down.jpg");
}

.b-col-f {
    background: #fff;
}

.bg-col-hs {
    background: #f9f7f1;
}

.n-an-list .item {
    margin-top: 30px;
}

.introduction-box {
    padding: 30px 0;
}

    .introduction-box p {
        font-size: 14px;
        color: #777;
        margin-bottom: 1rem;
    }

.n-cont-but input {
    border: none;
    color: #444;
    border: 0;
}

.ect-w6 {
    width: 100%;
}

.n-index-padding-all {
    margin: 0 auto;
    padding-top: 90px;
    padding-bottom: 90px;
}

.ect-w10 {
    width: 100%;
}

.border-t {
    border-bottom: 1px solid #e6e6e6;
}

.introduction-box h4 {
    text-align: left;
    color: #30B3EB;
    font-size: 1.8rem;
    margin-top: 0rem;
    margin-bottom: 0.5rem;
}

.padding-03-01 {
    padding: 1.5rem 0 1rem 0;
}

.but-default {
    border-radius: 5px;
    text-align: center;
    font-size: 1.6rem;
    margin: 0 auto;
}

.but-hs {
    background: #30B3EB;
    border: 1px solid #30B3EB;
    color: #fff;
}

.margin-b {
    margin-bottom: 1rem;
}

.n-beizhu-add {
    margin-top: 1rem;
}

.n-introduction-img {
    width: 90%;
    margin-top: 3rem;
    display: none;
}

.introduction-box1 {
    height: auto;
    overflow: hidden;
    position: relative;
}

    .introduction-box1 h3 {
        font-size: 1.8rem;
        color: #333;
        margin-top: 3rem;
        text-align: center;
    }

    .introduction-box1 p {
        font-size: 1.2rem;
        color: #777;
        margin-top: 0.5rem;
        margin-bottom: 3rem;
    }

.n-money-size {
    font-size: 40px;
    color: #30B3EB;
}

.introduction-box2 {
    padding: 60px 0 0 0;
}

    .introduction-box2 h3 {
        font-size: 40px;
    }

    .introduction-box2 p {
        font-size: 18px;
        text-align: center;
        padding-top: 12px;
        padding-bottom: 30px;
    }

.introduction-box3 {
    background-image: url("../images/product/top01.jpg");
}

.gnty-img-box.active {
    transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -webkit-transition: all 1.5s;
    -moz-transition: all 1.5s;
    -o-transition: all 1.5s;
    transition: all 1.5s;
}

.pro-an-my.active {
    background-color: #fff\9;
    background: rgba(255,255,255,0.6) !important;
    filter: alpha(opacity=60);
}

.n-cont-but input:required, .n-cont-but input:valid, .n-cont-but input:invalid, .n-cont-but textarea, .n-cont-but textarea:required, .n-cont-but textarea:valid, .n-cont-but textarea:invalid {
    border: 0 none;
    outline: 0 none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    color: #444;
}

.m-class-box {
    display: block;
}

.pc-class-box {
    display: none;
}

.n-m-t {
    margin-top: 60px;
}

.pro-an-my-1 {
    padding: 1rem;
    border: 1px solid #bce5f6;
    color: #F6F6F7;
    position: static;
    font-size: 1.3rem;
    text-align: center;
    width: 95%;
    display: block;
}

.xieyi_con p {
    color: #666;
}

.update-maxbox {
    margin: 0 auto;
    padding: 2rem 0 2rem 0;
}

.update-top {
    margin: 0 auto;
    width: 12rem;
}

    .update-top img {
        width: 100%;
    }

.admin-t-box {
    width: 350px;
    background: #fff;
    position: absolute;
}

.admin-zhez-box {
    position: fixed;
    background-color: #000\9;
    filter: alpha(opacity=30);
    background: rgba(0,0,0,0.3) !important;
    top: 0;
    left: 0;
    right: 0 bottom:0;
}

.admin-down-pass {
    text-align: right;
}

    .admin-down-pass a {
        height: 20px;
        overflow: hidden;
        color: #30b3eb;
    }

.n-margin-box {
    margin-top: 40px;
}

@media (min-width:992px) {
    .update-maxbox {
        padding: 20px 0 30px 0;
    }

    .update-top {
        width: 200px;
        padding: 20px;
    }

    .xieyi h3 {
        font-size: 23px;
        margin-top: 50px;
    }

    .xieyi {
        width: 1170px;
    }

    .xieyi_con h4 {
        font-size: 16px;
    }

    .xieyi_con {
        width: 1170px;
        height: 430px;
        margin-top: 10px;
        padding: 18px;
        margin: 0 auto;
    }

    .bs-docs-masthead2 {
        padding-top: 150px;
        font-size: 1.375rem;
    }

    .bs-docs-masthead2 {
        position: relative;
        padding-top: 60px;
        color: #FFF;
        text-align: center;
        background-repeat: repeat-x;
    }

        .bs-docs-masthead2 .btn {
            width: 20%;
            padding: 13px 60px;
            margin: 30px 0 30px 0;
        }

    .pro-an-my-1 {
        padding: 15px 60px 15px 60px;
        font-size: 20px;
    }

    .m-class-box {
        display: none;
    }

    .pc-class-box {
        display: block;
    }

    .introduction-img {
        margin-left: 30px;
    }

    .introduction-box p {
        font-size: 14px;
        color: #777;
        margin-bottom: 30px;
    }

    .ect-w6 {
        width: 70%;
    }

    .introduction-box {
        padding: 60px 0;
    }

        .introduction-box h4 {
            font-size: 24px;
            margin-top: 20px;
            margin-bottom: auto;
        }

    .padding-03-01 {
        padding: 30px 0 15px 0;
    }

    .but-default {
        font-size: 18px;
    }

    .margin-b {
        margin-bottom: 30px;
    }

    .n-beizhu-add {
        margin-top: 30px;
    }

    .introduction-box1 {
        height: 450px;
        overflow: hidden;
        position: relative;
    }

        .introduction-box1 h3 {
            font-size: 40px;
            margin-top: 150px;
            text-align: left;
        }

        .introduction-box1 p {
            font-size: 16px;
            margin-top: 10px;
            margin-bottom: auto;
        }

    .n-introduction-img {
        width: auto;
        display: block;
    }

    .n-introduction-img {
        position: absolute;
        top: 80px;
        left: 20px;
    }

    .n-an-list .item {
        margin-top: 120px;
    }

    .n-but-box {
        display: block;
        margin: 0 auto;
    }

    .n-down-ectouch_nav {
        display: block;
    }

    .pro-title-two {
        color: #fff;
    }

    .n-down-box h1 {
        margin-bottom: 50px;
    }

    .n-down-box {
        margin-top: 17%;
    }

    .n-down {
        display: none;
    }

    .index-anli-ewm-box img {
        width: 12rem;
    }

    .down-banner {
        width: 100%;
        top: 70px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        right: 0rem;
        position: fixed;
        z-index: 1;
    }

    .n-down-cont {
        position: absolute;
        bottom: 0;
        width: 100%;
    }

        .n-down-cont p {
            text-align: center;
            color: #7a9ba4;
        }

    .service h1 {
        padding: 40px;
        color: #fff;
        font-size: 100px;
    }

    .auth-introduce img {
        width: auto;
    }

    .auth-introduce {
        padding: 60px 0;
    }

        .auth-introduce h3 {
            font-size: 40px;
            margin-top: 100px;
        }

        .auth-introduce p {
            font-size: 20px;
        }

    .authorize-box1 h2 {
        font-size: 40px;
    }

    .authorize-box1 h3 {
        font-size: 24px;
        margin-top: 40px;
    }

    .authorize-box1 p {
        font-size: 16px;
        margin-top: 10px;
    }

    .authorize-box1 {
        padding: 90px 0;
    }

    .header-logo-box img {
        width: auto;
    }
}

.canvas .items-li .title a {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.banner-wrap {
    position: relative;
    background-image: url("../images/banner.jpg");
}

.banner-wrap-1 {
    position: relative;
    background-image: url("../images/banner-ld.jpg");
}

.bg-com {
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.business h2 {
    font-size: 2.2rem;
    text-align: center;
    padding-top: 50px;
    color: #fff;
}

.business h3 {
    font-size: 1.6rem;
    color: #fff;
    text-align: center;
    line-height: 18px;
    padding-top: 10px;
    width: 100%;
    padding-bottom: 50px;
}
/*为何商业授权*/
.why-wrap {
    background: #fff;
}

.row {
    min-width: 320px;
    margin: 0 auto;
}

.padd-80 .row {
    padding: 30px 10px 0;
}

h1 {
    font-size: 2rem;
    padding-bottom: 20px;
    color: #333;
}

.why-wrap p {
    font-size: 1.8rem;
    color: #555;
    text-align: center;
}

.why-wrap span {
    font-size: 1.3rem;
    line-height: 26px;
    color: #666;
}

.bot-10 {
    margin-bottom: 45px;
}
/*核心价值*/
.value-wrap {
    background: #f8f9fa;
}

    .value-wrap p {
        font-size: 1.3rem;
        padding: 0 20px;
    }

.hxjz-right-box h3 {
    font-size: 1.8rem;
    padding-bottom: 15px;
}

.disable {
    display: none;
}

.hxjz-right-box span {
    font-size: 1.3rem;
    color: #777;
}

.price-wrap .disable {
    display: none;
}

.price-wrap .hxjz-cont-box {
    padding-left: 0;
}

.col-lg-4 > ul {
    padding-left: 10px;
}

.price-wrap .hxjz-right-box {
    padding-top: 10px;
}

.price-wrap p {
    font-size: 1.3rem;
    color: #e43c59;
    padding: 0 20px;
}

.red {
    color: #e43c59;
    font-style: normal;
}

.hxjz-right-box strong {
    font-size: 1.7rem;
    color: #18394e;
    margin-top: 20px;
    display: block;
}

.hxjz-right-box span.jicheng {
    font-size: 1.4rem;
    color: #888;
    padding-bottom: :20px;
}
/*购买商业授权*/
.buy-wrap p {
    font-size: 1.3rem;
    padding: 0 20px;
}

.form-control {
    padding: 6px 12px;
    -webkit-appearance: none;
}

.col-sm-6 {
    margin: 15px 0;
    text-align: center;
}

/*公共的*/
.bg-c-f9 {
    background: #f9f9fc;
}

.bg-c-f {
    background: #fff;
}

.container-fluid img {
    display: block;
    margin: 0 auto;
}

.bg-img-box img {
    width: 100%;
}

.container-fluid h1 {
    padding-bottom: 20px;
}

.container-fluid p {
    text-align: center;
    font-size: 1.3rem;
    padding-bottom: 15px;
    color: #666;
}
/*产品介绍页面*/
.develop-wrap ul {
    padding: 0;
}

.develop-wrap h4 {
    font-size: 2rem;
    text-align: center;
    color: #333;
    margin-top: 0;
}

.develop-wrap span {
    display: block;
    font-size: 1.3rem;
    text-align: center;
    color: #666;
    padding: 0 10px;
}

.product-wrap p.modle {
    color: 333;
    font-size: 2.0rem;
    margin-top: 25px;
}

.jmsy-cont-box {
    margin-left: -24px;
}

.look-ewm-box {
    position: absolute;
    top: -150%;
    width: 300px;
    left: 32%;
}

    .look-ewm-box img, .n-ewm-box {
        width: 100%;
    }

.n-ewm-box {
    width: 90%;
}

.n-ewm-cont {
    text-align: center;
}

.introduct-lunbo-box {
}

    .introduct-lunbo-box li {
        float: left;
        width: 33%;
    }

.n-lun-left {
    position: absolute;
    top: 45%;
    left: 0;
    width: 1.5rem;
}

.n-lun-right {
    position: absolute;
    top: 45%;
    right: 0;
    width: 1.5rem;
}

.introduct-lunbo-box {
    margin-left: -25px;
}

    .introduct-lunbo-box li div img {
        width: 100%;
    }

.n-bor-close {
    border-bottom: none;
    padding: 5px 10px 0;
}

    .n-bor-close span {
        font-size: 16px;
    }

.n-admin-img {
    width: 100%;
}

.dirsir-content-box img { /*width:100%;*/
}

.but-n-box input {
    background: none;
    border: none;
    border: 0;
    color: #fff;
    font-size: 16px;
    line-height: 3rem;
    width: 120px;
    height: 3rem;
}

.n-bg-hs {
    background: #f6f6f9;
    height: 230px;
    border-radius: 8px;
}

    .n-bg-hs span, .n-bg-hs p {
        color: #576379;
    }

    .n-bg-col p, .n-bg-hs p {
        color: #39b4e9;
        padding-top: 30px;
        font-weight: 400;
    }

    .n-bg-col span, .n-bg-hs span {
        color: #39b4e9;
        padding: 0 20px 10px 20px;
        display: block;
    }

.n-bg-col {
    background: #f6f6f9;
    height: 230px;
    border-radius: 8px;
}

.n-bg-hs span, .n-bg-hs p {
    color: #576379;
}

.container-fluid p {
    text-align: center;
    font-size: 1.8rem;
    padding-bottom: 5px;
    color: #666;
}

.n-bg-col label, .n-bg-hs label {
    margin-bottom: -5px;
    margin-right: 8px;
}

.user-cont-box1 {
    background-color: #fff;
}

.n-college-img img {
    max-width: 96%;
}

.submnu {
    height: 10rem;
    display: none;
}

.ectouch_nav-zcd-1 p {
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: .8rem;
}

.n-sholl-tit h3 {
    margin-top: 1rem;
}

.n-sholl-tit p {
    padding-bottom: 0.6rem;
}

.my-header-bgcolor {
    margin-left: 0px;
    width: 100%;
}

.ectouch_nav-zcd-1 {
    width: 50%;
    float: left;
    margin-top: 10px;
}
/*授权查询提示框*/
.failure-img {
    margin: 0 auto;
    width: 100px;
    height: 100px;
}

.my-model-box h4 label {
    color: #e64a43;
    margin-right: 10px;
}

.my-col-md-6, .my-col-md-4 {
    width: 100%;
    float: left;
}

.my-model-box {
    padding: 1rem 0.5rem 2rem;
    overflow: hidden;
}

    .my-model-box .lice-succeed-cont {
        line-height: 2rem;
        font-size: 1.3rem;
        color: #333;
        margin-top: 1.5rem;
    }

        .my-model-box .lice-succeed-cont span {
            color: #666;
        }

    .my-model-box h4 {
        text-align: center;
        font-size: 1.8rem;
    }

.lice-succeed-but {
    text-align: right;
    color: #666;
    font-size: 12px;
    margin-right: 5px;
}

.modal-header {
    min-height: 16.42857143px;
    padding: 0.3rem 1.5rem;
    border-bottom: 1px solid #eee;
}

    .modal-header h4 {
        text-align: left;
        font-size: 1.8rem;
        color: #444;
        margin-left: 0.5rem;
    }

.n-close-img {
    width: 2rem;
    height: 2rem;
    margin-top: 1.2rem;
}
/*帮助中心*/
.help-banner {
    background-image: url("../images/help.jpg");
    background-color: #2f3b50;
}

    .help-banner h1 {
        font-size: 2.4rem;
        color: #3ab4e9;
        text-align: center;
        padding: 6rem 0 0 0;
    }

.help-search-box {
    overflow: hidden;
    padding: 2rem 0 5rem;
}

.help-left-search {
    width: 70%;
    float: left;
}

.help-right-search {
    width: 30%;
    float: left;
}

.search-box {
    background: #fff;
    border-radius: 50px;
    padding: 0.5rem 1rem;
    overflow: hidden;
}

    .search-box input {
        width: 88%;
        height: 2.6rem;
        font-size: 1.6rem;
        float: left;
        line-height: 2.6rem;
    }

    .search-box span {
        width: 10%;
        float: left;
        line-height: 2.6rem;
    }

.search-button {
    background: #3ab4e9;
    border-radius: 50px;
    padding: 0.5rem 1rem;
    margin-left: 15px;
}

    .search-button button {
        width: 100%;
        height: 2.6rem;
        background: none;
        font-size: 1.6rem;
        color: #fff;
    }

.search-box span img {
    width: 1.6rem;
    margin-left: 0;
}

.help-cont {
    overflow: hidden;
    margin-top: 30px;
}

.cont-left {
    width: 100%;
    background: #f8f8fc;
    float: left;
    border-top: 1px solid #30b3eb;
}

.cont-right {
    width: 100%;
    float: left;
    padding: 2rem 0;
}

.select-two {
    overflow: hidden;
    margin: 0 1.3rem;
}

.select-title label {
    color: #444;
    font-size: 1.6rem;
    font-weight: 100;
    margin-bottom: 0px;
}

.j-sub-ectouch_menu {
    padding: 0.6rem 0;
}

.cint-right-box h4 {
    text-align: left;
    margin-bottom: 10px;
    font-size: 1.6rem;
}

    .cint-right-box h4 label {
        color: #3ab4e9;
    }

.cint-right-box p {
    line-height: 30px;
}

.my-col-md-6 p {
    color: #666;
}

.cint-right-box p {
    font-size: 1.3rem;
    color: #666;
}

.ts-2 {
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.select-two .select-title:first-child {
    border-top: 0;
}

.select-two .select-title {
    overflow: hidden;
    display: block;
    font-size: 1.7rem;
    border-top: 1px solid #e7e8ef;
    padding: 1.3rem 0;
}

.main-pingjia {
    background: #f6f6f9;
    border-radius: 5px;
    margin: 30px 0 30px;
    padding: 25px;
}

    .main-pingjia span {
        border: 1px solid #30b3eb;
        padding: 8px 45px;
        color: #30b3eb;
        border-radius: 5px;
        margin-right: 1rem;
    }

    .main-pingjia label {
        font-size: 16px;
        color: #444;
        margin-right: 20px;
        margin-bottom: 2rem;
    }

.fl {
    float: left;
}

.select-two .select-title span {
    margin-top: .2rem;
    width: 10px;
}

    .select-two .select-title span img {
        width: 100%;
    }

span.t-jiantou {
    position: relative;
    font-size: 1.4rem;
    margin-top: 0.1rem;
    color: #555;
}

.fr {
    float: right;
}

.select-two ul {
    border-top: 1px solid #e7e8ef;
    margin: 0 0px;
}

.select-two .ect-select {
    font-size: 1.5rem;
    border-bottom: 1px solid #F6F6F9;
}

    .select-two .ect-select label.active {
        color: #30b3eb;
    }

    .select-two .ect-select label {
        font-size: 1.3rem;
        padding: 0.8rem 0rem;
        text-align: left;
        display: block;
        color: #666;
        position: relative;
        margin-bottom: 0;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

.ts-1 {
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s;
}

.select-two .ect-select label.active img.icon-gou {
    visibility: visible;
    opacity: 1;
}

.select-two .ect-select label img.icon-gou {
    visibility: hidden;
    color: #30b3eb;
    opacity: 0;
    font-size: 2.2rem;
    position: absolute;
    top: 50%;
    margin-top: -1.2rem;
    right: 0rem;
}

.select-two .select-title.active img {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

span.t-jiantou img.icon-jiantou {
    position: absolute;
    top: 5px;
}

.tf-90 {
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

span.t-jiantou em {
    width: 16rem;
    margin-right: .4rem;
    box-sizing: border-box;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.icon-jiantou2 {
    width: 15px;
    margin: 0 3px;
    margin-top: -4px;
}

.help-nv-img {
    padding: 3rem 0rem 1.4rem;
}

.help-main-box {
    width: 8rem;
    margin: 0 auto;
}

    .help-main-box img {
        width: 100%;
    }

.help-nv-img p {
    font-size: 1.6rem;
    color: #666;
    padding-top: 1rem;
    margin-bottom: 2.6rem;
}

.help-main-cont {
    padding: 3rem 0 3rem 0;
    border-top: 1px solid #f1f1f1;
}

    .help-main-cont h4 {
        text-align: left;
        color: #333;
        font-size: 1.7rem;
        border-bottom: 1px solid #30b3eb;
        padding-bottom: 1rem;
    }

    .help-main-cont p {
        line-height: 1.4rem;
        font-size: 1.3rem;
        color: #30b3eb;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        padding: 1rem 0;
        border-bottom: 1px solid #f6f6f9;
    }

    .help-main-cont h5 {
        color: #888;
        font-size: 1.3rem;
        text-align: left;
        margin: 1.4rem 0 5rem;
    }

.n-help-main-con {
    padding: 0;
}

.help-pingjia-box img {
    margin: 0;
}

.help-pingjia-box h4 {
    margin-top: 2rem;
    text-align: center;
}

.main-pingjia a {
    outline: none;
}

.help-pingjia-box label {
    color: #30b3eb !;
}

.help-pingjia-box {
    overflow: hidden;
}

.failure-img-1 {
    width: 6rem;
    height: 6rem;
    margin: 0 auto;
}

    .failure-img-1 img {
        width: 100%;
    }

.n-img-top {
    margin-top: -20px;
}

.authorization-box {
    display: none;
}

@media (min-width:992px) {
    /*授权证书*/
    .authorization-box {
        padding: 1.3rem;
        position: relative;
        display: block;
    }

        .authorization-box img {
            width: 100%;
        }

    .auth-content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 1px solid #ccc;
    }

    .a-logo {
        width: 30%;
        margin: 0 auto;
        padding-top: 100px;
    }

        .a-logo img {
            width: 100%;
        }

    .auth-content h4 {
        font-size: 1.3rem;
        color: #333;
        margin-top: 15px;
        overflow: hidden;
    }

    .a-title {
        width: 35%;
        margin: 0 auto;
    }

        .a-title img {
            width: 100%;
        }

    .auth-content label {
        border-bottom: 1px solid #19486c;
        padding: 0 30px;
        color: #19486c;
    }

    .auth-content h5 {
        font-size: 1.3rem;
        color: #19486c;
        margin-top: 20px;
    }

    .auth-content1 p {
        padding: 30px 80px 0;
        font-size: 1.46rem;
        color: #444;
        line-height: 28px;
    }

        .auth-content1 p .a-www {
            border-bottom: 1px solid #19486c;
            padding: 0 30px;
            color: #19486c;
        }

    .auth-date {
        padding: 10px 80px 0;
    }

        .auth-date p {
            font-size: 1.26rem;
            color: #444;
            margin: 2px 0;
        }

    .auth-addr h6 {
        text-align: left;
        margin: 40px 0 5px 0;
        color: #444;
        font-size: 1.4rem;
    }

    .auth-addr {
        width: 54%;
        float: right;
    }

        .auth-addr p {
            font-size: 1.26rem;
            color: #444;
            margin: 2px 0;
        }

    .auth-addr-box {
        overflow: hidden;
    }

    .auth-beizhu {
        padding: 40px 80px 0;
        font-size: 1.3rem;
        color: #888;
    }

        .auth-beizhu .left {
            width: 6%;
            ;
            float: left;
            margin: 2px 0;
            height: 20px;
            line-height: 15px;
        }

        .auth-beizhu .right {
            width: 94%;
            float: left;
            margin: 2px 0;
        }

    .auth-date span, .auth-addr-box span, .auth-addr span {
        color: #888;
    }
    /*帮助中心*/
    .help-left-search {
        width: 80%;
    }

    .help-right-search {
        width: 20%;
    }

    .search-box input {
        width: 92%;
        height: 35px;
        font-size: 18px;
        line-height: 35px;
    }

    .search-button button {
        width: 100%;
        height: 35px;
        font-size: 18px;
    }

    .search-button {
        padding: 8px 15px;
        margin-left: 15px;
    }

    .search-box span {
        width: 8%;
        line-height: 35px;
    }

    .help-banner h1 {
        font-size: 41px;
        padding: 90px 0 0 0;
    }

    .help-nv-img {
        padding: 90px 60px;
    }

    .help-search-box {
        padding: 60px 160px 140px 160px;
    }

    .search-box {
        padding: 8px 15px;
    }

        .search-box span img {
            width: 23px;
        }

    .help-main-box {
        width: 133px;
    }

    .help-nv-img p {
        font-size: 20px;
        padding-top: 20px;
        margin-bottom: 0;
    }

    .help-main-cont {
        padding: 50px 0 50px 0;
    }

        .help-main-cont h4 {
            font-size: 20px;
            margin-bottom: 25px;
            border-bottom: none;
        }

        .help-main-cont p {
            line-height: 25px;
            font-size: 14px;
            border-bottom: none;
            padding: 0rem 0;
        }

        .help-main-cont h5 {
            font-size: 14px;
            margin-top: 20px;
        }

        .help-main-cont .row {
            margin-top: 20px;
        }

            .help-main-cont .row:first-child {
                margin-top: 0;
            }

    .n-left-but {
        padding-left: 0px;
    }

    .modal-header h4 {
        font-size: 2rem;
    }

    .modal-header {
        padding: 15px;
    }

    .cint-right-box h4 {
        margin-bottom: 10px;
        font-size: 18px;
    }
    /*帮助详情*/
    .cont-left {
        width: 20%;
    }

    .cont-right {
        width: 80%;
        padding: 0 40px;
    }

    .select-two {
        margin: 10px 20px;
    }

    .select-title label {
        font-size: 1.54rem;
        font-weight: 600;
    }

    .cint-right-box p {
        font-size: 15px;
    }

    .main-pingjia {
        margin: 30px 0 90px;
        padding: 25px;
    }

        .main-pingjia span {
            margin-right: 1rem;
        }

        .main-pingjia label {
            margin-bottom: 0rem;
        }

    .n-help-main-con {
        padding: 0 15px;
    }

    .help-pingjia-box img {
        margin: 15% 0 15% 40px;
    }

    .help-pingjia-box h4 {
        margin-top: 50%;
        margin-top: 20%;
        text-align: left;
    }

    .failure-img-1 {
        width: 10rem;
        height: 100%;
        margin: 0 0;
    }
    /*授权查询提示框*/
    .btn-info.course-but-1 {
        background-color: #a4d70d;
        border-color: #a4d70d;
        width: 100%;
        margin-top: 0;
        height: 40px;
    }

    .btn-success.down-but-box-1 {
        background-color: #39b4e9;
        border-color: #39b4e9;
        width: 100%;
        font-size: 18px;
        height: 40px;
        float: right;
    }

    .failure-img {
        margin: 0 0;
        width: 100%;
        height: 100%;
    }

    .my-model-box .lice-succeed-cont {
        line-height: 25px;
        font-size: 14px;
        margin-top: 0;
    }

    .my-model-box img {
        margin: 25% 0 0 40px;
    }

    .my-model-box {
        padding: 40px 20px 50px;
        width: 100%;
    }

    .my-col-md-6 {
        width: 60%;
        float: left;
    }

    .my-col-md-4 {
        width: 40%;
        float: left;
    }

    .my-model-box h4 {
        font-size: 17px;
        text-align: left;
    }

    .ectouch_nav-zcd-1 {
        width: 25%;
        margin-top: 0px;
    }

    .header-xl-con .ectouch_nav-zcd-1 {
        border-right: 1px solid rgba(255,255,255,0.1);
    }

        .header-xl-con .ectouch_nav-zcd-1:hover {
            background: rgba(0,0,0,0.1);
        }

        .header-xl-con .ectouch_nav-zcd-1:last-child {
            border: none;
        }

    .my-header-bgcolor {
        margin-left: 15px;
        width: auto;
    }

    .n-sholl-tit p {
        padding-bottom: 0rem;
    }

    .n-sholl-tit h3 {
        margin-top: 0rem;
    }

    .ectouch_nav-zcd-1 p {
        margin-top: 18px;
        margin-bottom: 18px;
        font-size: 15px;
        color: #fff;
    }

        .ectouch_nav-zcd-1 p:hover {
            color: #30B3EB;
        }

    .submnu {
        height: 200px;
    }

    .user-cont-box1 {
        background-color: #f1f2f7;
    }

    .but-n-box input {
        background: none;
        border: none;
        border: 0;
        color: #fff;
        font-size: 16px;
        line-height: 4rem;
        width: 180px;
        height: 4rem;
    }

    .n-admin-img {
        width: auto;
    }

    .introduct-lunbo-box li div img {
        width: auto;
    }

    .n-lun-left {
        width: auto;
    }

    .n-lun-right {
        width: auto;
    }

    .header-xl-con-1 {
        margin: 0 auto;
        margin-left: 0px;
        padding: 5rem 0;
        overflow: hidden;
        padding-top: 5rem\9;
        padding-bottom: 5rem\9;
    }

    .bg-img-box img {
        width: auto;
    }

    .n-ewm-box {
        width: 300px;
    }

    .business .btn-success.down-but-box {
        background-color: #39b4e9;
        border-color: #39b4e9;
        width: 180px;
        font-size: 1.8rem;
        height: 50px;
    }

    .business .btn-info.course-but {
        background-color: #a4d70d;
        border-color: #a4d70d;
        width: 180px;
        margin-top: 0;
        height: 50px;
    }

    .business .row {
        padding-bottom: 125px;
        position: relative;
    }

    .business h2 {
        font-size: 50px;
        text-align: center;
        padding-top: 150px;
        color: #fff;
        font-weight: 700;
    }

    .business h3 {
        font-size: 24px;
        color: #fff;
        text-align: center;
        padding-top: 30px;
        line-height: 45px;
        padding-bottom: 60px;
        width: 100%;
        margin: 0 auto;
    }

    .btn-wrap {
        padding-bottom: 170px;
        padding-left: 400px;
    }
    /*为何商业授权*/
    .why-wrap {
        background: #fff;
    }

        .why-wrap .row {
            max-width: 1210px;
            min-height: 435px;
            margin: 0 auto;
        }

    .padd-80 .row {
        padding-top: 80px;
    }

    h1 {
        font-size: 40px;
        padding-bottom: 60px;
        color: #333;
    }

    .why-wrap p {
        font-size: 30px;
        color: #555;
    }

    .why-wrap span {
        font-size: 16px;
        line-height: 26px;
        color: #666;
    }

    .padd-l-r-10 {
        padding: 30px;
    }
    /*核心价值*/
    .value-wrap {
        background: #f8f9fa;
    }

        .value-wrap .row {
            max-width: 1210px;
            min-height: 600px;
            margin: 0 auto;
        }

        .value-wrap h1 {
            padding-bottom: 20px;
        }

        .value-wrap p {
            text-align: center;
            font-size: 18px;
            padding-bottom: 50px;
        }

    .hxjz-cont-box {
        overflow: hidden;
        margin-left: -20px;
    }

    .hxjz-left-box {
        width: 22%;
        padding-top: 10px;
    }

    .hxjz-right-box {
        width: 78%;
        margin-top: 25px;
    }

        .hxjz-right-box h3 {
            padding-bottom: 15px;
        }

        .hxjz-right-box span {
            padding-bottom: 60px;
            display: block;
            font-size: 14px;
            line-height: 20px;
        }
    /*商业授权价格*/
    .price-wrap {
        background: #fff;
    }

        .price-wrap .row {
            max-width: 1210px;
            min-height: 1010px;
            margin: 0 auto;
        }

        .price-wrap h1 span {
            color: #e43c59;
        }

        .price-wrap h1 {
            padding-bottom: 20px;
        }

        .price-wrap p {
            text-align: center;
            font-size: 18px;
            padding-bottom: 50px;
            color: #e43c59;
        }

        .price-wrap .hxjz-left-box {
            width: 30%;
            margin-top: 25px;
        }

        .price-wrap .hxjz-right-box {
            width: 70%;
        }

        .price-wrap .hxjz-cont-box {
            border: 1px dashed #ababab;
            border-radius: 5px;
            padding-left: 20px;
        }

    .hxjz-right-box strong {
        font-size: 18px;
        color: #18394e;
        margin-top: 20px;
        display: block;
    }

    .hxjz-right-box span.jicheng {
        font-size: 14px;
        color: #888;
        padding-bottom: :20px;
    }

    .red {
        color: #e43c59;
        font-style: normal;
    }

    .col-lg-4 > ul > li {
        padding: 10px 0;
    }

    .padd-top-60 {
        padding-top: 60px;
    }

    .price-wrap .disable {
        display: block;
    }

    .price-wrap .btn-success.look-but {
        width: 180px;
        margin: 30px auto 0;
        float: none;
        height: 50px;
        font-size: 18px;
    }

    .disable {
        display: block;
    }
    /*购买商业授权*/
    .buy-wrap {
        background: #f8f9fa;
    }

        .buy-wrap .row {
            max-width: 1210px;
            min-height: 520px;
            margin: 0 auto;
        }

        .buy-wrap h1 {
            padding-bottom: 20px;
        }

        .buy-wrap p {
            text-align: center;
            font-size: 18px;
            padding-bottom: 50px;
            color: #666;
        }

    .form-control {
        padding: 6px 12px;
    }

    .btn-success.down-but-box {
        background-color: #39b4e9;
        border-color: #39b4e9;
        width: 180px;
        font-size: 18px;
        height: 50px;
        float: right;
    }

        .btn-success.down-but-box:hover {
            background-color: #27a3d8;
            border-color: #27a3d8;
        }

    .btn-info.course-but {
        background-color: #a4d70d;
        border-color: #a4d70d;
        width: 180px;
        margin-top: 0;
        height: 50px;
    }

        .btn-info.course-but:hover {
            background-color: #96c40e;
            border-color: #96c40e;
        }

    .col-sm-6 {
        margin-top: 30px;
        text-align: initial;
    }
    /*产品介绍页面*/
    .develop-wrap {
        background: #f9f9fc;
    }

        .develop-wrap .row {
            max-width: 1210px;
            min-height: 630px;
            margin: 0 auto;
            padding: 60px 0;
        }

    .construct {
        width: 33.33%;
        float: left;
    }

    .padd-t-b-15 {
        padding: 30px 0;
    }

        .padd-t-b-15 ul {
            overflow: hidden;
        }

    .develop-wrap img {
        display: block;
        margin: 0 auto;
    }

    .develop-wrap span {
        display: block;
        font-size: 14px;
        text-align: center;
        color: #666;
        padding: 0 60px;
    }
    /*精美的首页*/
    .home-wrap {
        background: #fff;
    }

        .home-wrap .row {
            max-width: 1210px;
            min-height: 950px;
            margin: 0 auto;
        }

        .home-wrap h1 {
            padding-bottom: 20px;
        }

        .home-wrap p {
            text-align: center;
            font-size: 18px;
            padding-bottom: 50px;
            color: #666;
        }

    .jmsy-cont-box {
        overflow: hidden;
        padding: 0;
    }

    .jmsy-right-box {
        width: 70%;
        float: left;
    }

    .jmsy-left-box {
        width: 30%;
        float: left;
    }

    .mar-top-80 {
        margin-top: 80px;
    }
    /*产品介绍页面*/
    .bg-c-f9 {
        background: #f9f9fc;
    }

    .bg-c-f {
        background: #fff;
    }

    .container-fluid img {
        display: block;
        margin: 0 auto;
    }

    .develop-wrap .row {
        max-width: 1210px;
        min-height: 630px;
        margin: 0 auto;
        padding: 60px 0;
    }

    .construct {
        width: 33.33%;
        float: left;
    }

    .padd-t-b-15 {
        padding: 30px 0;
    }

        .padd-t-b-15 ul {
            overflow: hidden;
        }

    .develop-wrap h4 {
        font-size: 22px;
        text-align: center;
        color: #333;
        margin-top: 0;
    }

    .develop-wrap span {
        display: block;
        font-size: 14px;
        text-align: center;
        color: #666;
        padding: 0 60px;
    }
    /*精美的首页*/
    .home-wrap .row {
        max-width: 1210px;
        min-height: 950px;
        margin: 0 auto;
    }

    .container-fluid h1 {
        padding-bottom: 20px;
    }

    .container-fluid p {
        text-align: center;
        font-size: 26px;
        padding-bottom: 15px;
        color: #666;
    }

    .jmsy-cont-box {
        overflow: hidden;
        padding: 0;
    }

    .jmsy-right-box {
        width: 70%;
        float: left;
        padding: 20px 0;
    }

    .jmsy-left-box {
        width: 25%;
        float: left;
    }

    .mar-top-80 {
        margin-top: 80px;
    }

    .jmsy-cont-box strong {
        display: block;
    }

    .text-al-r {
        text-align: right;
        padding-right: 5px;
    }
    /*商品列表*/
    .product-wrap .row {
        max-width: 1210px;
        min-height: 960px;
        margin: 0 auto;
    }

    .product-wrap h1 {
        padding-bottom: 20px;
    }

    .product-wrap p {
        text-align: center;
        font-size: 18px;
        padding-bottom: 25px;
        color: #666;
    }
        /*.product-wrap img{margin:0 auto;display: block;}*/
        .product-wrap p.modle {
            color: 333;
            font-size: 20px;
            margin-top: 25px;
        }
    /*会员登录注册*/

    .mvp-wrap .row {
        max-width: 1210px;
        min-height: 950px;
        margin: 0 auto;
    }

    .mvp-wrap h1 {
        padding-bottom: 20px;
    }

    .mvp-wrap p {
        text-align: center;
        font-size: 18px;
        padding-bottom: 25px;
        color: #666;
    }
    /*.mvp-wrap img{margin:0 auto;display: block;background-size:cover; }*/
    /*强大的会员中心*/
    .strong-wrap .row {
        max-width: 1210px;
        min-height: 1700px;
        margin: 0 auto;
    }

    .strong-wrap h1 {
        padding-bottom: 20px;
    }

    .strong-wrap p {
        text-align: center;
        font-size: 18px;
        padding-bottom: 25px;
        color: #666;
    }
    /*.strong-wrap img{margin:0 auto;display: block;background-size:cover; }*/
    .padd-80 {
        padding-top: 80px;
    }
    /*多套模板为你而变*/
    .more-wrap .row {
        max-width: 1210px;
        min-height: 870px;
        margin: 0 auto;
    }

    .more-wrap h1 {
        padding-bottom: 20px;
    }

    .more-wrap p {
        text-align: center;
        font-size: 18px;
        padding-bottom: 25px;
        color: #666;
    }

    .mine {
        display: block;
        margin: 0 auto;
        float: none;
    }
    /*免费开源*/
    .free-wrap .row {
        max-width: 1210px;
        min-height: 380px;
        margin: 0 auto;
    }

    .free-wrap h1 {
        padding-bottom: 20px;
    }

    .free-wrap p {
        text-align: center;
        font-size: 18px;
        padding-bottom: 25px;
        color: #666;
        line-height: 32px;
    }

    .order {
        display: block;
        margin: 0 auto;
        background-color: #39b4e9;
        border-color: #39b4e9;
        width: 20%;
        font-size: 18px;
        height: 46px;
    }

    .bor-box textarea {
        border: 1px solid #ddd;
    }

    .n-bg-col {
        background: #f6f6f9;
        height: 230px;
        border-radius: 8px;
    }

        .n-bg-col p, .n-bg-hs p {
            color: #39b4e9;
            padding-top: 30px;
            font-weight: 700;
        }

        .n-bg-col span, .n-bg-hs span {
            color: #39b4e9;
            padding: 0 20px 10px 20px;
            display: block;
        }

    .n-bg-hs {
        background: #f6f6f9;
        height: 230px;
        border-radius: 8px;
    }

        .n-bg-hs span, .n-bg-hs p {
            color: #576379;
        }

        .n-bg-col label, .n-bg-hs label {
            margin-bottom: -5px;
            margin-right: 8px;
        }
    /*#qiao-wrap{display:none !important;}*/
}

.n-carousel-list {
    margin: 76px 0 20px 0;
}

.n-canvas {
    margin: 0 auto;
    margin-top: 0px;
}

.picScroll-left {
    width: 100%;
    overflow: hidden;
    position: relative;
}

    .picScroll-left .hd {
        position: absolute;
        width: 94px;
        left: 46%;
        top: 30px;
    }

        .picScroll-left .hd .next-box {
            float: left;
            width: 50%;
        }

        .picScroll-left .hd .prevStop {
            background-position: -60px 0;
        }

        .picScroll-left .hd .nextStop {
            background-position: -60px -50px;
        }

        .picScroll-left .hd ul {
            float: right;
            overflow: hidden;
            zoom: 1;
            margin-top: 10px;
            zoom: 1;
        }

            .picScroll-left .hd ul li {
                float: left;
                width: 9px;
                height: 9px;
                overflow: hidden;
                margin-right: 5px;
                text-indent: -999px;
                cursor: pointer;
                background: url("images/icoCircle.gif") 0 -9px no-repeat;
            }

                .picScroll-left .hd ul li.on {
                    background-position: 0 0;
                }

    .picScroll-left .bd {
        padding: 10px;
        margin-top: 120px;
    }

        .picScroll-left .bd ul {
            overflow: hidden;
            zoom: 1;
        }

            .picScroll-left .bd ul li {
                margin-left: 10px;
                float: left;
                _display: inline;
                text-align: left;
            }

                .picScroll-left .bd ul li .pic {
                    text-align: center;
                }

                    .picScroll-left .bd ul li .pic img {
                        width: 355px;
                        display: block;
                        padding: 2px;
                    }

                    .picScroll-left .bd ul li .pic a:hover img {
                        border-color: #999;
                    }

                .picScroll-left .bd ul li .title {
                    line-height: 24px;
                }

    .picScroll-left .picList .items-li {
        margin-left: 10px;
        margin-top: 0px;
        margin-right: 10px;
        width: 30%;
    }

.n-rogram-box {
    display: none;
}

.m-rogram-box {
    display: block;
}

.m-rogram-list li {
    padding: 20px;
}

    .m-rogram-list li img {
        width: 100%;
    }

.m-rogram-cont-box h4 {
    text-align: left;
    font-size: 1.7rem;
}

.m-rogram-cont-box .price-attente {
    color: #30b3eb;
    text-align: center;
}

.m-rogram-cont-box .description {
    margin: 0.2rem 0;
}

@media (min-width:992px) {
    .n-rogram-box {
        display: block;
    }

    .m-rogram-box {
        display: none;
    }
}

.app-ectouch_nav {
    position: fixed;
    bottom: 4rem;
    right: 1rem;
    display: block;
}

    .app-ectouch_nav img {
        width: 100%;
    }

    .app-ectouch_nav .app-box {
        width: 4rem;
        height: 4rem;
        background: rgba(0,0,0,0.5);
        border-radius: 100%;
        overflow: hidden;
        margin-top: 1rem;
    }

.app-top {
    display: none;
}

    .app-top.active {
        display: block;
    }

.izl-rmenu {
    opacity: 0;
}

.index_presentation_box p {
    font-size: 1.4rem;
    color: #000;
    margin: 0 0 0 0;
}

.index_presentation_box a {
    font-size: 1.2rem;
    color: #999;
    margin: 1rem 0 1.6rem;
    display: block;
}

@media (min-width:992px) {
    .app-ectouch_nav {
        display: none;
    }

    .izl-rmenu {
        opacity: 1;
    }

    .index_presentation_box {
        margin-top: 30px;
    }

        .index_presentation_box p {
            font-size: 17px;
            color: #000;
            margin: 0 0 4px 0;
        }

        .index_presentation_box a {
            font-size: 15px;
            color: #999;
            margin-top: 90px;
            display: block;
        }
}

@media (min-width:1200px) {
    .index_presentation_box a {
        margin-top: 185px;
    }
}