annotating the internet

archivebay

Latest

Text

* 预约试穿

* TVC

* 新品推荐

* 试穿达人

* 天猫商城

* 关于品牌

* 品牌故事

* 门店索引

* 预约试穿

* TVC

* 新品推荐

* 内衣知识

* 动态公告

* 天猫商城

* 关于品牌

* 品牌故事

* 门店索引

* 预约试穿

* TVC

* 新品推荐

* 内衣知识

* 动态公告

* 天猫商城

*

1 水盈•玫瑰

水盈•风情

金致罗莎

逆龄·罗莎

水盈•玫瑰

水盈·精灵

智能·贴合

适感无痕•蕾丝

逆龄·清风

摩洛哥•蕾丝

仲夏系列

水盈•风情

逆龄·轻羽

印象•玲珑

逆龄·轻羽

摩洛哥•蕾丝

摩洛哥•蔓叶

水盈•蔓叶

华丽木兰

醇静玫瑰

醇静芍药

运动系列

轻盈活力

试·想拥有�

12 3

4

5 >

盐城国际妇女时装有限公司

Source

<!DOCTYPE html><html lang="en" class="-webkit-"><head>
        <meta charset="UTF-8">
        <base href="http://cn.triumph.com/">
        <title>黛安芬中国官方网站</title>
        <link rel="shortcut icon" type="image/png" href="favicon.ico">
        
        <meta name="renderer" content="webkit">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
        <meta name="description" content="黛安芬（Triumph）是德国著名的内衣品牌，创立于1886年。并于二十世纪初，在世界内衣界确立“Triumph”品牌。黛安芬在产品设计上不断创新多元化产品线，魔术文胸、T恤文胸、美肤文胸、仙乐娇系列、FashionStyle及BeeDee少女内衣系列等，迎合著不同女性的需要，让他们流露嫣然风韵、绰约风姿。">
        <meta name="author" content="">
        <meta name="keywords" content="Triumph, 黛安芬, 女性内衣，内衣，内衣胸罩，胸罩，造型，塑身衣，家居服，泳装，休闲装，女士内衣，内衣，女士睡衣，睡衣，内衣">
        
        <style media="" data-href="css/pure-min.css">/*!
Pure v0.6.0
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
https://github.com/yahoo/pure/blob/master/LICENSE.md
*/
/*!
normalize.css v^3.0 | MIT License | git.io/normalize
Copyright (c) Nicolas Gallagher and Jonathan Neal
*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, 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: 700
}

dfn {
    font-style: italic
}

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

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

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

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

figure {
    margin: 1em 40px
}

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

pre {
    overflow: auto
}

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

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

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 {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox], input[type=radio] {
    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-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

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

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

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

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

td, th {
    padding: 0
}

.hidden, [hidden] {
    display: none !important
}

.pure-img {
    max-width: 100%;
    height: auto;
    display: block
}

.pure-g {
    letter-spacing: -.31em;
    *letter-spacing: normal;
    *word-spacing: -.43em;
    text-rendering: optimizespeed;
    font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
    display: -webkit-flex;
    -webkit-flex-flow: row wrap;
    display: -ms-flexbox;
    -ms-flex-flow: row wrap;
    -ms-align-content: flex-start;
    -webkit-align-content: flex-start;
    align-content: flex-start
}

.opera-only :-o-prefocus, .pure-g {
    word-spacing: -.43em
}

.pure-u {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto
}

.pure-g [class *="pure-u"] {
    font-family: sans-serif
}

.pure-u-1, .pure-u-1-1, .pure-u-1-2, .pure-u-1-3, .pure-u-2-3, .pure-u-1-4, .pure-u-3-4, .pure-u-1-5, .pure-u-2-5, .pure-u-3-5, .pure-u-4-5, .pure-u-5-5, .pure-u-1-6, .pure-u-5-6, .pure-u-1-8, .pure-u-3-8, .pure-u-5-8, .pure-u-7-8, .pure-u-1-12, .pure-u-5-12, .pure-u-7-12, .pure-u-11-12, .pure-u-1-24, .pure-u-2-24, .pure-u-3-24, .pure-u-4-24, .pure-u-5-24, .pure-u-6-24, .pure-u-7-24, .pure-u-8-24, .pure-u-9-24, .pure-u-10-24, .pure-u-11-24, .pure-u-12-24, .pure-u-13-24, .pure-u-14-24, .pure-u-15-24, .pure-u-16-24, .pure-u-17-24, .pure-u-18-24, .pure-u-19-24, .pure-u-20-24, .pure-u-21-24, .pure-u-22-24, .pure-u-23-24, .pure-u-24-24 {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto
}

.pure-u-1-24 {
    width: 4.1667%;
    *width: 4.1357%
}

.pure-u-1-12, .pure-u-2-24 {
    width: 8.3333%;
    *width: 8.3023%
}

.pure-u-1-8, .pure-u-3-24 {
    width: 12.5%;
    *width: 12.469%
}

.pure-u-1-6, .pure-u-4-24 {
    width: 16.6667%;
    *width: 16.6357%
}

.pure-u-1-5 {
    width: 20%;
    *width: 19.969%
}

.pure-u-5-24 {
    width: 20.8333%;
    *width: 20.8023%
}

.pure-u-1-4, .pure-u-6-24 {
    width: 25%;
    *width: 24.969%
}

.pure-u-7-24 {
    width: 29.1667%;
    *width: 29.1357%
}

.nyzs .pure-u-1-3 {
    width: 33.3333%
}

/* 更改首页品牌位样式 */
.pure-u-1-3, .pure-u-8-24 {
    width: 33.3333%;
    *width: 33.3023%
}

.pure-u-3-8, .pure-u-9-24 {
    width: 37.5%;
    *width: 37.469%
}

.pure-u-2-5 {
    width: 40%;
    *width: 39.969%
}

.pure-u-5-12, .pure-u-10-24 {
    width: 41.6667%;
    *width: 41.6357%
}

.pure-u-11-24 {
    width: 45.8333%;
    *width: 45.8023%
}

.pure-u-1-2, .pure-u-12-24 {
    width: 50%;
    *width: 49.969%
}

.pure-u-13-24 {
    width: 54.1667%;
    *width: 54.1357%
}

.pure-u-7-12, .pure-u-14-24 {
    width: 58.3333%;
    *width: 58.3023%
}

.pure-u-3-5 {
    width: 60%;
    *width: 59.969%
}

.pure-u-5-8, .pure-u-15-24 {
    width: 62.5%;
    *width: 62.469%
}

.pure-u-2-3, .pure-u-16-24 {
    width: 66.6667%;
    *width: 66.6357%
}

.pure-u-17-24 {
    width: 70.8333%;
    *width: 70.8023%
}

.pure-u-3-4, .pure-u-18-24 {
    width: 75%;
    *width: 74.969%
}

.pure-u-19-24 {
    width: 79.1667%;
    *width: 79.1357%
}

.pure-u-4-5 {
    width: 80%;
    *width: 79.969%
}

.pure-u-5-6, .pure-u-20-24 {
    width: 83.3333%;
    *width: 83.3023%
}

.pure-u-7-8, .pure-u-21-24 {
    width: 87.5%;
    *width: 87.469%
}

.pure-u-11-12, .pure-u-22-24 {
    width: 91.6667%;
    *width: 91.6357%
}

.pure-u-23-24 {
    width: 95.8333%;
    *width: 95.8023%
}

.pure-u-1, .pure-u-1-1, .pure-u-5-5, .pure-u-24-24 {
    width: 100%
}

.pure-button {
    display: inline-block;
    zoom: 1;
    line-height: normal;
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

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

.pure-button {
    font-family: inherit;
    font-size: 100%;
    padding: .5em 1em;
    color: #444;
    color: rgba(0, 0, 0, .8);
    border: 1px solid #999;
    border: 0 rgba(0, 0, 0, 0);
    background-color: #E6E6E6;
    text-decoration: none;
    border-radius: 2px
}

.pure-button-hover, .pure-button:hover, .pure-button:focus {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0, 0, 0, .05)), to(rgba(0, 0, 0, .1)));
    background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .1));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .05) 0, rgba(0, 0, 0, .1));
    background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .1));
    background-image: linear-gradient(transparent, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .1))
}

.pure-button:focus {
    outline: 0
}

.pure-button-active, .pure-button:active {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .15) inset, 0 0 6px rgba(0, 0, 0, .2) inset;
    border-color: #000 \9
}

.pure-button[disabled], .pure-button-disabled, .pure-button-disabled:hover, .pure-button-disabled:focus, .pure-button-disabled:active {
    border: 0;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    filter: alpha(opacity=40);
    -khtml-opacity: .4;
    -moz-opacity: .4;
    opacity: .4;
    cursor: not-allowed;
    box-shadow: none
}

.pure-button-hidden {
    display: none
}

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

.pure-button-primary, .pure-button-selected, a.pure-button-primary, a.pure-button-selected {
    background-color: #0078e7;
    color: #fff
}

.pure-form input[type=text], .pure-form input[type=password], .pure-form input[type=email], .pure-form input[type=url], .pure-form input[type=date], .pure-form input[type=month], .pure-form input[type=time], .pure-form input[type=datetime], .pure-form input[type=datetime-local], .pure-form input[type=week], .pure-form input[type=number], .pure-form input[type=search], .pure-form input[type=tel], .pure-form input[type=color], .pure-form select, .pure-form textarea {
    padding: .5em .6em;
    display: inline-block;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 3px #ddd;
    border-radius: 4px;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.pure-form input:not([type]) {
    padding: .5em .6em;
    display: inline-block;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 3px #ddd;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.pure-form input[type=color] {
    padding: .2em .5em
}

.pure-form input[type=text]:focus, .pure-form input[type=password]:focus, .pure-form input[type=email]:focus, .pure-form input[type=url]:focus, .pure-form input[type=date]:focus, .pure-form input[type=month]:focus, .pure-form input[type=time]:focus, .pure-form input[type=datetime]:focus, .pure-form input[type=datetime-local]:focus, .pure-form input[type=week]:focus, .pure-form input[type=number]:focus, .pure-form input[type=search]:focus, .pure-form input[type=tel]:focus, .pure-form input[type=color]:focus, .pure-form select:focus, .pure-form textarea:focus {
    outline: 0;
    border-color: #129FEA
}

.pure-form input:not([type]):focus {
    outline: 0;
    border-color: #129FEA
}

.pure-form input[type=file]:focus, .pure-form input[type=radio]:focus, .pure-form input[type=checkbox]:focus {
    outline: thin solid #129FEA;
    outline: 1px auto #129FEA
}

.pure-form .pure-checkbox, .pure-form .pure-radio {
    margin: .5em 0;
    display: block
}

.pure-form input[type=text][disabled], .pure-form input[type=password][disabled], .pure-form input[type=email][disabled], .pure-form input[type=url][disabled], .pure-form input[type=date][disabled], .pure-form input[type=month][disabled], .pure-form input[type=time][disabled], .pure-form input[type=datetime][disabled], .pure-form input[type=datetime-local][disabled], .pure-form input[type=week][disabled], .pure-form input[type=number][disabled], .pure-form input[type=search][disabled], .pure-form input[type=tel][disabled], .pure-form input[type=color][disabled], .pure-form select[disabled], .pure-form textarea[disabled] {
    cursor: not-allowed;
    background-color: #eaeded;
    color: #cad2d3
}

.pure-form input:not([type])[disabled] {
    cursor: not-allowed;
    background-color: #eaeded;
    color: #cad2d3
}

.pure-form input[readonly], .pure-form select[readonly], .pure-form textarea[readonly] {
    background-color: #eee;
    color: #777;
    border-color: #ccc
}

.pure-form input:focus:invalid, .pure-form textarea:focus:invalid, .pure-form select:focus:invalid {
    color: #b94a48;
    border-color: #e9322d
}

.pure-form input[type=file]:focus:invalid:focus, .pure-form input[type=radio]:focus:invalid:focus, .pure-form input[type=checkbox]:focus:invalid:focus {
    outline-color: #e9322d
}

.pure-form select {
    height: 2.25em;
    border: 1px solid #ccc;
    background-color: #fff
}

.pure-form select[multiple] {
    height: auto
}

.pure-form label {
    margin: .5em 0 .2em
}

.pure-form fieldset {
    margin: 0;
    padding: .35em 0 .75em;
    border: 0
}

.pure-form legend {
    display: block;
    width: 100%;
    padding: .3em 0;
    margin-bottom: .3em;
    color: #333;
    border-bottom: 1px solid #e5e5e5
}

.pure-form-stacked input[type=text], .pure-form-stacked input[type=password], .pure-form-stacked input[type=email], .pure-form-stacked input[type=url], .pure-form-stacked input[type=date], .pure-form-stacked input[type=month], .pure-form-stacked input[type=time], .pure-form-stacked input[type=datetime], .pure-form-stacked input[type=datetime-local], .pure-form-stacked input[type=week], .pure-form-stacked input[type=number], .pure-form-stacked input[type=search], .pure-form-stacked input[type=tel], .pure-form-stacked input[type=color], .pure-form-stacked input[type=file], .pure-form-stacked select, .pure-form-stacked label, .pure-form-stacked textarea {
    display: block;
    margin: .25em 0
}

.pure-form-stacked input:not([type]) {
    display: block;
    margin: .25em 0
}

.pure-form-aligned input, .pure-form-aligned textarea, .pure-form-aligned select, .pure-form-aligned .pure-help-inline, .pure-form-message-inline {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle
}

.pure-form-aligned textarea {
    vertical-align: top
}

.pure-form-aligned .pure-control-group {
    margin-bottom: .5em
}

.pure-form-aligned .pure-control-group label {
    text-align: right;
    display: inline-block;
    vertical-align: middle;
    width: 10em;
    margin: 0 1em 0 0
}

.pure-form-aligned .pure-controls {
    margin: 1.5em 0 0 11em
}

.pure-form input.pure-input-rounded, .pure-form .pure-input-rounded {
    border-radius: 2em;
    padding: .5em 1em
}

.pure-form .pure-group fieldset {
    margin-bottom: 10px
}

.pure-form .pure-group input, .pure-form .pure-group textarea {
    display: block;
    padding: 10px;
    margin: 0 0 -1px;
    border-radius: 0;
    position: relative;
    top: -1px
}

.pure-form .pure-group input:focus, .pure-form .pure-group textarea:focus {
    z-index: 3
}

.pure-form .pure-group input:first-child, .pure-form .pure-group textarea:first-child {
    top: 1px;
    border-radius: 4px 4px 0 0;
    margin: 0
}

.pure-form .pure-group input:first-child:last-child, .pure-form .pure-group textarea:first-child:last-child {
    top: 1px;
    border-radius: 4px;
    margin: 0
}

.pure-form .pure-group input:last-child, .pure-form .pure-group textarea:last-child {
    top: -2px;
    border-radius: 0 0 4px 4px;
    margin: 0
}

.pure-form .pure-group button {
    margin: .35em 0
}

.pure-form .pure-input-1 {
    width: 100%
}

.pure-form .pure-input-2-3 {
    width: 66%
}

.pure-form .pure-input-1-2 {
    width: 50%
}

.pure-form .pure-input-1-3 {
    width: 33%
}

.pure-form .pure-input-1-4 {
    width: 25%
}

.pure-form .pure-help-inline, .pure-form-message-inline {
    display: inline-block;
    padding-left: .3em;
    color: #666;
    vertical-align: middle;
    font-size: .875em
}

.pure-form-message {
    display: block;
    color: #666;
    font-size: .875em
}

@media only screen and (max-width: 480px) {
    .pure-form button[type=submit] {
        margin: .7em 0 0
    }

.pure-form input:not([type]), .pure-form input[type=text], .pure-form input[type=password], .pure-form input[type=email], .pure-form input[type=url], .pure-form input[type=date], .pure-form input[type=month], .pure-form input[type=time], .pure-form input[type=datetime], .pure-form input[type=datetime-local], .pure-form input[type=week], .pure-form input[type=number], .pure-form input[type=search], .pure-form input[type=tel], .pure-form input[type=color], .pure-form label {
        margin-bottom: .3em;
        display: block
    }

.pure-group input:not([type]), .pure-group input[type=text], .pure-group input[type=password], .pure-group input[type=email], .pure-group input[type=url], .pure-group input[type=date], .pure-group input[type=month], .pure-group input[type=time], .pure-group input[type=datetime], .pure-group input[type=datetime-local], .pure-group input[type=week], .pure-group input[type=number], .pure-group input[type=search], .pure-group input[type=tel], .pure-group input[type=color] {
        margin-bottom: 0
    }

.pure-form-aligned .pure-control-group label {
        margin-bottom: .3em;
        text-align: left;
        display: block;
        width: 100%
    }

.pure-form-aligned .pure-controls {
        margin: 1.5em 0 0
    }

.pure-form .pure-help-inline, .pure-form-message-inline, .pure-form-message {
        display: block;
        font-size: .75em;
        padding: .2em 0 .8em
    }
}

.pure-menu {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.pure-menu-fixed {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 3
}

.pure-menu-list, .pure-menu-item {
    position: relative
}

.pure-menu-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.pure-menu-item {
    padding: 0;
    margin: 0;
    height: 100%
}

.pure-menu-link, .pure-menu-heading {
    display: block;
    text-decoration: none;
    white-space: nowrap
}

.pure-menu-horizontal {
    width: 100%;
    white-space: nowrap
}

.pure-menu-horizontal .pure-menu-list {
    display: inline-block
}

.pure-menu-horizontal .pure-menu-item, .pure-menu-horizontal .pure-menu-heading, .pure-menu-horizontal .pure-menu-separator {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle
}

.pure-menu-item .pure-menu-item {
    display: block
}

.pure-menu-children {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    margin: 0;
    padding: 0;
    z-index: 3
}

.pure-menu-horizontal .pure-menu-children {
    left: 0;
    top: auto;
    width: inherit
}

.pure-menu-allow-hover:hover > .pure-menu-children, .pure-menu-active > .pure-menu-children {
    display: block;
    position: absolute
}

.pure-menu-has-children > .pure-menu-link:after {
    padding-left: .5em;
    content: "\25B8";
    font-size: small
}

.pure-menu-horizontal .pure-menu-has-children > .pure-menu-link:after {
    content: "\25BE"
}

.pure-menu-scrollable {
    overflow-y: scroll;
    overflow-x: hidden
}

.pure-menu-scrollable .pure-menu-list {
    display: block
}

.pure-menu-horizontal.pure-menu-scrollable .pure-menu-list {
    display: inline-block
}

.pure-menu-horizontal.pure-menu-scrollable {
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
    padding: .5em 0
}

.pure-menu-horizontal.pure-menu-scrollable::-webkit-scrollbar {
    display: none
}

.pure-menu-separator {
    background-color: #ccc;
    height: 1px;
    margin: .3em 0
}

.pure-menu-horizontal .pure-menu-separator {
    width: 1px;
    height: 1.3em;
    margin: 0 .3em
}

.pure-menu-heading {
    text-transform: uppercase;
    color: #565d64
}

.pure-menu-link {
    color: #777
}

.pure-menu-children {
    background-color: #fff
}

.pure-menu-link, .pure-menu-disabled, .pure-menu-heading {
    padding: .5em 1em
}

.pure-menu-disabled {
    opacity: .5
}

.pure-menu-disabled .pure-menu-link:hover {
    background-color: transparent
}

.pure-menu-active > .pure-menu-link, .pure-menu-link:hover, .pure-menu-link:focus {
    background-color: #eee
}

.pure-menu-selected .pure-menu-link, .pure-menu-selected .pure-menu-link:visited {
    color: #000
}

.pure-table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    border: 1px solid #cbcbcb
}

.pure-table caption {
    color: #000;
    font: italic 85%/1 arial, sans-serif;
    padding: 1em 0;
    text-align: center
}

.pure-table td, .pure-table th {
    border-left: 1px solid #cbcbcb;
    border-width: 0 0 0 1px;
    font-size: inherit;
    margin: 0;
    overflow: visible;
    padding: .5em 1em
}

.pure-table td:first-child, .pure-table th:first-child {
    border-left-width: 0
}

.pure-table thead {
    background-color: #e0e0e0;
    color: #000;
    text-align: left;
    vertical-align: bottom
}

.pure-table td {
    background-color: transparent
}

.pure-table-odd td {
    background-color: #f2f2f2
}

.pure-table-striped tr:nth-child(2n-1) td {
    background-color: #f2f2f2
}

.pure-table-bordered td {
    border-bottom: 1px solid #cbcbcb
}

.pure-table-bordered tbody > tr:last-child > td {
    border-bottom-width: 0
}

.pure-table-horizontal td, .pure-table-horizontal th {
    border-width: 0 0 1px;
    border-bottom: 1px solid #cbcbcb
}

.pure-table-horizontal tbody > tr:last-child > td {
    border-bottom-width: 0
}</style>
        
        
        <style media="" data-href="css/grids-responsive-min.css">/*!
Pure v0.6.0
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
https://github.com/yahoo/pure/blob/master/LICENSE.md
*/
@media screen and (min-width:35.5em){.pure-u-sm-1,.pure-u-sm-1-1,.pure-u-sm-1-2,.pure-u-sm-1-3,.pure-u-sm-2-3,.pure-u-sm-1-4,.pure-u-sm-3-4,.pure-u-sm-1-5,.pure-u-sm-2-5,.pure-u-sm-3-5,.pure-u-sm-4-5,.pure-u-sm-5-5,.pure-u-sm-1-6,.pure-u-sm-5-6,.pure-u-sm-1-8,.pure-u-sm-3-8,.pure-u-sm-5-8,.pure-u-sm-7-8,.pure-u-sm-1-12,.pure-u-sm-5-12,.pure-u-sm-7-12,.pure-u-sm-11-12,.pure-u-sm-1-24,.pure-u-sm-2-24,.pure-u-sm-3-24,.pure-u-sm-4-24,.pure-u-sm-5-24,.pure-u-sm-6-24,.pure-u-sm-7-24,.pure-u-sm-8-24,.pure-u-sm-9-24,.pure-u-sm-10-24,.pure-u-sm-11-24,.pure-u-sm-12-24,.pure-u-sm-13-24,.pure-u-sm-14-24,.pure-u-sm-15-24,.pure-u-sm-16-24,.pure-u-sm-17-24,.pure-u-sm-18-24,.pure-u-sm-19-24,.pure-u-sm-20-24,.pure-u-sm-21-24,.pure-u-sm-22-24,.pure-u-sm-23-24,.pure-u-sm-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-sm-1-24{width:4.1667%;*width:4.1357%}.pure-u-sm-1-12,.pure-u-sm-2-24{width:8.3333%;*width:8.3023%}.pure-u-sm-1-8,.pure-u-sm-3-24{width:12.5%;*width:12.469%}.pure-u-sm-1-6,.pure-u-sm-4-24{width:16.6667%;*width:16.6357%}.pure-u-sm-1-5{width:20%;*width:19.969%}.pure-u-sm-5-24{width:20.8333%;*width:20.8023%}.pure-u-sm-1-4,.pure-u-sm-6-24{width:25%;*width:24.969%}.pure-u-sm-7-24{width:29.1667%;*width:29.1357%}.pure-u-sm-1-3,.pure-u-sm-8-24{width:33.3333%;*width:33.3023%}.pure-u-sm-3-8,.pure-u-sm-9-24{width:37.5%;*width:37.469%}.pure-u-sm-2-5{width:40%;*width:39.969%}.pure-u-sm-5-12,.pure-u-sm-10-24{width:41.6667%;*width:41.6357%}.pure-u-sm-11-24{width:45.8333%;*width:45.8023%}.pure-u-sm-1-2,.pure-u-sm-12-24{width:50%;*width:49.969%}.pure-u-sm-13-24{width:54.1667%;*width:54.1357%}.pure-u-sm-7-12,.pure-u-sm-14-24{width:58.3333%;*width:58.3023%}.pure-u-sm-3-5{width:60%;*width:59.969%}.pure-u-sm-5-8,.pure-u-sm-15-24{width:62.5%;*width:62.469%}.pure-u-sm-2-3,.pure-u-sm-16-24{width:66.6667%;*width:66.6357%}.pure-u-sm-17-24{width:70.8333%;*width:70.8023%}.pure-u-sm-3-4,.pure-u-sm-18-24{width:75%;*width:74.969%}.pure-u-sm-19-24{width:79.1667%;*width:79.1357%}.pure-u-sm-4-5{width:80%;*width:79.969%}.pure-u-sm-5-6,.pure-u-sm-20-24{width:83.3333%;*width:83.3023%}.pure-u-sm-7-8,.pure-u-sm-21-24{width:87.5%;*width:87.469%}.pure-u-sm-11-12,.pure-u-sm-22-24{width:91.6667%;*width:91.6357%}.pure-u-sm-23-24{width:95.8333%;*width:95.8023%}.pure-u-sm-1,.pure-u-sm-1-1,.pure-u-sm-5-5,.pure-u-sm-24-24{width:100%}}@media screen and (min-width:48em){.pure-u-md-1,.pure-u-md-1-1,.pure-u-md-1-2,.pure-u-md-1-3,.pure-u-md-2-3,.pure-u-md-1-4,.pure-u-md-3-4,.pure-u-md-1-5,.pure-u-md-2-5,.pure-u-md-3-5,.pure-u-md-4-5,.pure-u-md-5-5,.pure-u-md-1-6,.pure-u-md-5-6,.pure-u-md-1-8,.pure-u-md-3-8,.pure-u-md-5-8,.pure-u-md-7-8,.pure-u-md-1-12,.pure-u-md-5-12,.pure-u-md-7-12,.pure-u-md-11-12,.pure-u-md-1-24,.pure-u-md-2-24,.pure-u-md-3-24,.pure-u-md-4-24,.pure-u-md-5-24,.pure-u-md-6-24,.pure-u-md-7-24,.pure-u-md-8-24,.pure-u-md-9-24,.pure-u-md-10-24,.pure-u-md-11-24,.pure-u-md-12-24,.pure-u-md-13-24,.pure-u-md-14-24,.pure-u-md-15-24,.pure-u-md-16-24,.pure-u-md-17-24,.pure-u-md-18-24,.pure-u-md-19-24,.pure-u-md-20-24,.pure-u-md-21-24,.pure-u-md-22-24,.pure-u-md-23-24,.pure-u-md-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-md-1-24{width:4.1667%;*width:4.1357%}.pure-u-md-1-12,.pure-u-md-2-24{width:8.3333%;*width:8.3023%}.pure-u-md-1-8,.pure-u-md-3-24{width:12.5%;*width:12.469%}.pure-u-md-1-6,.pure-u-md-4-24{width:16.6667%;*width:16.6357%}.pure-u-md-1-5{width:20%;*width:19.969%}.pure-u-md-5-24{width:20.8333%;*width:20.8023%}.pure-u-md-1-4,.pure-u-md-6-24{width:25%;*width:24.969%}.pure-u-md-7-24{width:29.1667%;*width:29.1357%}.pure-u-md-1-3,.pure-u-md-8-24{width:33.3333%;*width:33.3023%}.pure-u-md-3-8,.pure-u-md-9-24{width:37.5%;*width:37.469%}.pure-u-md-2-5{width:40%;*width:39.969%}.pure-u-md-5-12,.pure-u-md-10-24{width:41.6667%;*width:41.6357%}.pure-u-md-11-24{width:45.8333%;*width:45.8023%}.pure-u-md-1-2,.pure-u-md-12-24{width:50%;*width:49.969%}.pure-u-md-13-24{width:54.1667%;*width:54.1357%}.pure-u-md-7-12,.pure-u-md-14-24{width:58.3333%;*width:58.3023%}.pure-u-md-3-5{width:60%;*width:59.969%}.pure-u-md-5-8,.pure-u-md-15-24{width:62.5%;*width:62.469%}.pure-u-md-2-3,.pure-u-md-16-24{width:66.6667%;*width:66.6357%}.pure-u-md-17-24{width:70.8333%;*width:70.8023%}.pure-u-md-3-4,.pure-u-md-18-24{width:75%;*width:74.969%}.pure-u-md-19-24{width:79.1667%;*width:79.1357%}.pure-u-md-4-5{width:80%;*width:79.969%}.pure-u-md-5-6,.pure-u-md-20-24{width:83.3333%;*width:83.3023%}.pure-u-md-7-8,.pure-u-md-21-24{width:87.5%;*width:87.469%}.pure-u-md-11-12,.pure-u-md-22-24{width:91.6667%;*width:91.6357%}.pure-u-md-23-24{width:95.8333%;*width:95.8023%}.pure-u-md-1,.pure-u-md-1-1,.pure-u-md-5-5,.pure-u-md-24-24{width:100%}}@media screen and (min-width:64em){.pure-u-lg-1,.pure-u-lg-1-1,.pure-u-lg-1-2,.pure-u-lg-1-3,.pure-u-lg-2-3,.pure-u-lg-1-4,.pure-u-lg-3-4,.pure-u-lg-1-5,.pure-u-lg-2-5,.pure-u-lg-3-5,.pure-u-lg-4-5,.pure-u-lg-5-5,.pure-u-lg-1-6,.pure-u-lg-5-6,.pure-u-lg-1-8,.pure-u-lg-3-8,.pure-u-lg-5-8,.pure-u-lg-7-8,.pure-u-lg-1-12,.pure-u-lg-5-12,.pure-u-lg-7-12,.pure-u-lg-11-12,.pure-u-lg-1-24,.pure-u-lg-2-24,.pure-u-lg-3-24,.pure-u-lg-4-24,.pure-u-lg-5-24,.pure-u-lg-6-24,.pure-u-lg-7-24,.pure-u-lg-8-24,.pure-u-lg-9-24,.pure-u-lg-10-24,.pure-u-lg-11-24,.pure-u-lg-12-24,.pure-u-lg-13-24,.pure-u-lg-14-24,.pure-u-lg-15-24,.pure-u-lg-16-24,.pure-u-lg-17-24,.pure-u-lg-18-24,.pure-u-lg-19-24,.pure-u-lg-20-24,.pure-u-lg-21-24,.pure-u-lg-22-24,.pure-u-lg-23-24,.pure-u-lg-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-lg-1-24{width:4.1667%;*width:4.1357%}.pure-u-lg-1-12,.pure-u-lg-2-24{width:8.3333%;*width:8.3023%}.pure-u-lg-1-8,.pure-u-lg-3-24{width:12.5%;*width:12.469%}.pure-u-lg-1-6,.pure-u-lg-4-24{width:16.6667%;*width:16.6357%}.pure-u-lg-1-5{width:20%;*width:19.969%}.pure-u-lg-5-24{width:20.8333%;*width:20.8023%}.pure-u-lg-1-4,.pure-u-lg-6-24{width:25%;*width:24.969%}.pure-u-lg-7-24{width:29.1667%;*width:29.1357%}.pure-u-lg-1-3,.pure-u-lg-8-24{width:33.3333%;*width:33.3023%}.pure-u-lg-3-8,.pure-u-lg-9-24{width:37.5%;*width:37.469%}.pure-u-lg-2-5{width:40%;*width:39.969%}.pure-u-lg-5-12,.pure-u-lg-10-24{width:41.6667%;*width:41.6357%}.pure-u-lg-11-24{width:45.8333%;*width:45.8023%}.pure-u-lg-1-2,.pure-u-lg-12-24{width:50%;*width:49.969%}.pure-u-lg-13-24{width:54.1667%;*width:54.1357%}.pure-u-lg-7-12,.pure-u-lg-14-24{width:58.3333%;*width:58.3023%}.pure-u-lg-3-5{width:60%;*width:59.969%}.pure-u-lg-5-8,.pure-u-lg-15-24{width:62.5%;*width:62.469%}.pure-u-lg-2-3,.pure-u-lg-16-24{width:66.6667%;*width:66.6357%}.pure-u-lg-17-24{width:70.8333%;*width:70.8023%}.pure-u-lg-3-4,.pure-u-lg-18-24{width:75%;*width:74.969%}.pure-u-lg-19-24{width:79.1667%;*width:79.1357%}.pure-u-lg-4-5{width:80%;*width:79.969%}.pure-u-lg-5-6,.pure-u-lg-20-24{width:83.3333%;*width:83.3023%}.pure-u-lg-7-8,.pure-u-lg-21-24{width:87.5%;*width:87.469%}.pure-u-lg-11-12,.pure-u-lg-22-24{width:91.6667%;*width:91.6357%}.pure-u-lg-23-24{width:95.8333%;*width:95.8023%}.pure-u-lg-1,.pure-u-lg-1-1,.pure-u-lg-5-5,.pure-u-lg-24-24{width:100%}}@media screen and (min-width:80em){.pure-u-xl-1,.pure-u-xl-1-1,.pure-u-xl-1-2,.pure-u-xl-1-3,.pure-u-xl-2-3,.pure-u-xl-1-4,.pure-u-xl-3-4,.pure-u-xl-1-5,.pure-u-xl-2-5,.pure-u-xl-3-5,.pure-u-xl-4-5,.pure-u-xl-5-5,.pure-u-xl-1-6,.pure-u-xl-5-6,.pure-u-xl-1-8,.pure-u-xl-3-8,.pure-u-xl-5-8,.pure-u-xl-7-8,.pure-u-xl-1-12,.pure-u-xl-5-12,.pure-u-xl-7-12,.pure-u-xl-11-12,.pure-u-xl-1-24,.pure-u-xl-2-24,.pure-u-xl-3-24,.pure-u-xl-4-24,.pure-u-xl-5-24,.pure-u-xl-6-24,.pure-u-xl-7-24,.pure-u-xl-8-24,.pure-u-xl-9-24,.pure-u-xl-10-24,.pure-u-xl-11-24,.pure-u-xl-12-24,.pure-u-xl-13-24,.pure-u-xl-14-24,.pure-u-xl-15-24,.pure-u-xl-16-24,.pure-u-xl-17-24,.pure-u-xl-18-24,.pure-u-xl-19-24,.pure-u-xl-20-24,.pure-u-xl-21-24,.pure-u-xl-22-24,.pure-u-xl-23-24,.pure-u-xl-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-xl-1-24{width:4.1667%;*width:4.1357%}.pure-u-xl-1-12,.pure-u-xl-2-24{width:8.3333%;*width:8.3023%}.pure-u-xl-1-8,.pure-u-xl-3-24{width:12.5%;*width:12.469%}.pure-u-xl-1-6,.pure-u-xl-4-24{width:16.6667%;*width:16.6357%}.pure-u-xl-1-5{width:20%;*width:19.969%}.pure-u-xl-5-24{width:20.8333%;*width:20.8023%}.pure-u-xl-1-4,.pure-u-xl-6-24{width:25%;*width:24.969%}.pure-u-xl-7-24{width:29.1667%;*width:29.1357%}.pure-u-xl-1-3,.pure-u-xl-8-24{width:33.3333%;*width:33.3023%}.pure-u-xl-3-8,.pure-u-xl-9-24{width:37.5%;*width:37.469%}.pure-u-xl-2-5{width:40%;*width:39.969%}.pure-u-xl-5-12,.pure-u-xl-10-24{width:41.6667%;*width:41.6357%}.pure-u-xl-11-24{width:45.8333%;*width:45.8023%}.pure-u-xl-1-2,.pure-u-xl-12-24{width:50%;*width:49.969%}.pure-u-xl-13-24{width:54.1667%;*width:54.1357%}.pure-u-xl-7-12,.pure-u-xl-14-24{width:58.3333%;*width:58.3023%}.pure-u-xl-3-5{width:60%;*width:59.969%}.pure-u-xl-5-8,.pure-u-xl-15-24{width:62.5%;*width:62.469%}.pure-u-xl-2-3,.pure-u-xl-16-24{width:66.6667%;*width:66.6357%}.pure-u-xl-17-24{width:70.8333%;*width:70.8023%}.pure-u-xl-3-4,.pure-u-xl-18-24{width:75%;*width:74.969%}.pure-u-xl-19-24{width:79.1667%;*width:79.1357%}.pure-u-xl-4-5{width:80%;*width:79.969%}.pure-u-xl-5-6,.pure-u-xl-20-24{width:83.3333%;*width:83.3023%}.pure-u-xl-7-8,.pure-u-xl-21-24{width:87.5%;*width:87.469%}.pure-u-xl-11-12,.pure-u-xl-22-24{width:91.6667%;*width:91.6357%}.pure-u-xl-23-24{width:95.8333%;*width:95.8023%}.pure-u-xl-1,.pure-u-xl-1-1,.pure-u-xl-5-5,.pure-u-xl-24-24{width:100%}}</style>
        
        <style media="" data-href="css/jquery.bxslider.css">/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */

/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 0;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	border:  0px solid #fff;
	background: #fff;
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 0;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url("http://cn.triumph.com/css/images/bx_loader.gif") center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #b20728;
	text-indent: -9999px;
	display: block;
	width: 12px;
	height: 12px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	box-sizing:border-box;
	border:#b20728 2px solid;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #fff;
        
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url("http://cn.triumph.com/css/images/controls.png") no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url("http://cn.triumph.com/css/images/controls.png") no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url("http://cn.triumph.com/css/images/controls.png") -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url("http://cn.triumph.com/css/images/controls.png") -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #000\9;
	background: rgba(0, 0, 0, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

</style>
        
        
        <style media="" data-href="//cdn.bootcss.com/Swiper/3.1.0/css/swiper.min.css">/**
 * Swiper 3.1.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2015, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: July 14, 2015
 */
.swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:300ms;-moz-transition:300ms;-o-transition:300ms;transition:300ms;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination{bottom:10px;left:0;width:100%}.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin:0 5px}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px)}.swiper-container-cube.swiper-container-vertical .swiper-cube-shadow{z-index:0}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}</style>
        <style media="" data-href="css/main.css?v=1606230478">body {
    margin:0;
    padding:0;
    background:#fff;
    font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif
}

@font-face {
    font-family: 'DINBold';
    src: url("http://cn.triumph.com/css/../fonts/DINBold.eot");
    src: url("http://cn.triumph.com/css/../fonts/DINBold.eot") format('embedded-opentype'),
        url("http://cn.triumph.com/css/../fonts/DINBold.woff2") format('woff2'),
        url("http://cn.triumph.com/css/../fonts/DINBold.woff") format('woff'),
        url("http://cn.triumph.com/css/../fonts/DINBold.ttf") format('truetype'),
        url("http://cn.triumph.com/css/../fonts/DINBold.svg#DINBold") format('svg');
}
a:focus {
    outline:0
}
a:link,a:visited,a:active {
    color:#b20728;
    text-decoration:none
}
a:hover {
    opacity: 0.9;
}
a.mask {
    text-decoration:none;
    overflow:hidden;
    display:block
}
.oc {
    color:#C30B17
}

.qrcodeTemporary{
	width:100%;
	display:none;
}
.qrcodeTemporary img{
	width:82%;
	margin:0 auto;
}
#center_container{
    background:#fff;
}
.uname{
    font-size: 24px;
    font-family: 微软雅黑;
    position: absolute;
    right: 0;
    z-index: 501;
    transform: translateX(1000px);
}
.gname{
    font-size: 32px;
    font-family: 微软雅黑;
    position: absolute;
    right: 0;
    z-index: 501;
    transform: translateX(1000px);
}

.mobile_sbtn{
    position: absolute;
    width: 28.125%;
    left: 66.875%;
    z-index: 20;
    top: 56.12%;
}
.tline{
    margin-top: 25px;
    border-top: #cccccc 1px solid;
}

.rline{
    min-height: 100px;
    border-right: #cccccc 1px solid;
    padding: 30px 0 20px 0;
    box-sizing: border-box;
    text-align:center;
}

.notetip{
    font-size: 14px;
}

.notetip i{
    font-style: normal;
    color: #C30B17;
    font-size: 14px;
}

.qrcode1{
    width: 300px;
    height: 300px;
    margin: 30px auto;
}
.pure-form select {
    height:2.5em;
    border:1px solid #e45746;
    background-color:#e45746;
    color:#fff
}
#state {
    margin:15px 0;
    width:180px;
    box-shadow:none;
    text-align:center;
    outline:0
}
.lazy {
    background:#fff
}
.shop-list {
    display:none
}
.pagelist {
    text-align:center;
    margin:3px;
    font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif;
    font-size:14px;
    display: none;
}
.pagelist a {
    padding:4px 8px;
    MARGIN:1px;
    COLOR:#C30B17;
    TEXT-DECORATION:none;
    display:inline;
    line-height:18px
}
.pagelist A:hover {
    color:#fff;
    background:#C30B17;
    text-decoration:none;
    border-radius:50%
}
.pagelist A:active {
    color:#C30B17
}
.pagelist SPAN.current {
    padding:4px 8px;
    MARGIN:1px;
    color:#fff;
    background:#C30B17;
    border-radius:50%
}
.pagelist SPAN.disabled {
    padding:4px 8px;
    MARGIN:1px;
    COLOR:#ddd
}
.pure-g [class *="pure-u"] {
    font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif
}
.pure-img-responsive {
    max-width:100%;
    height:auto
}
.pure-img-responsive1 {
    max-height:100%;
    width:auto;
    cursor:pointer;
    margin:0 auto
}
img {
    border:0;
    display:block
}
img.zoom-img {
    width:100%;
    position:relative;
    padding:0
}
img.zoom-img {
    -webkit-transform:scale(1,1);
    -webkit-transition-timing-function:ease-out;
    -webkit-transition-duration:250ms;
    -moz-transform:scale(1,1);
    -moz-transition-timing-function:ease-out;
    -moz-transition-duration:250ms;
    box-shadow:0 0 0 0 #000
}
img.zoom-img:hover {
    -webkit-transform:scale(1.05);
    -webkit-transition-timing-function:ease-out;
    -webkit-transition-duration:750ms;
    -moz-transform:scale(1.05);
    -moz-transition-timing-function:ease-out;
    -moz-transition-duration:750ms;
    overflow:hidden;
    opacity:.9
}
img.op-img {
    position:relative;
    padding:0
}
img.op-img {
    opacity:1;
    transform:scale(1,1);
    transition:all 350ms ease-out
}
img.op-img:hover {
    opacity:.7;
    transform:scale(1.05,1.05);
    transition:all 350ms ease-out
}

img.z-img {
    position:relative;
    padding:0
}
img.z-img {
    opacity:1;
    transform:scale(1,1);
    transition:all 350ms ease-out
}
img.z-img:hover {
    -webkit-transform:scale(1.1);
    -webkit-transition-timing-function:ease-out;
    -webkit-transition-duration:350ms;
    -moz-transform:scale(1.1);
    -moz-transition-timing-function:ease-out;
    -moz-transition-duration:350ms;
    overflow:hidden;
}

.wechat_big{
    width: 160px;
    height: 200px;
    margin: 20px auto 0 auto;
}
.wrap {
    max-width:1140px;
    margin:0 auto;
    height:100%;
    position:relative
}
.wrap1 {
    max-width:1000px;
    margin:0 auto;
    height:100%;
    position:relative
}
.wrap2 {
    max-width:960px;
    margin:0 auto;
    height:100%;
    position:relative
}
.wrap-in {
    max-width:980px;
    margin:0 auto;
    height:100%;
    position:relative
}
.shadow {
    background:url("http://cn.triumph.com/css/../img/shadow.png") repeat-x bottom
}
.out-border {
    border-left:#C30B17 1px solid;
    border-right:#C30B17 1px solid;
    background-color:#fff
}
.mb20{
    margin-bottom: 20px;
}
.pt20{
    padding-top:20px;
}
.mg10 {
    margin:20px 10px;
    box-sizing:border-box;
    position:relative
}

.mg101 {
    margin:20px 10px 5px 10px;
    box-sizing:border-box;
    position:relative
}
.mg102 {
    margin:5px 5px 5px 10px;
    box-sizing:border-box;
    position:relative
}
.mg103 {
    margin:5px 10px 5px 5px;
    box-sizing:border-box;
    position:relative
}
.mg20 {
    margin:10px 10px 0 10px;
    box-sizing:border-box;
    position:relative
}

.countdown{
    width: 126px;
    height: 192px;
    background: url("http://cn.triumph.com/css/../img/countdown_bg.png") no-repeat;
    background-size: contain;
    position: absolute;
    z-index: 500;
    color: #fff;
    font-size: 60px;
    text-align: center;
    box-sizing: border-box;
    padding-top: 38px;
    font-family: arial;
    font-weight: bold;
}

.mapg20 {
    margin:0px 0px 0 0px;
    box-sizing:border-box;
    position:relative
}
.mg9 {
    margin:9px;
    box-sizing:border-box;
    position:relative
}
.mg18 {
    margin:9px 18px 9px 9px;
    box-sizing:border-box;
    position:relative
}
.mt20 {
    margin-top:20px
}
.mt40 {
    margin-top:40px
}
.out-border1 {
    border:#C30B17 1px solid
}
.bicon {
    padding-bottom:20px
}
.bicon .imgc {
    margin:0 18px
}
.bicon img {
    max-width:100%;
    height:auto
}
.comment_container{
    width: 100%;
    background: #f5f5f5;
}
.comment{
    margin: 35px 0;
}

.comment label{
    font-size: 18px;
    color: #b20728;
    margin: 18px 0 10px 0;
}
.comment .pure-form input[type=text] ,.comment .pure-form textarea{
    min-height: 50px;
    border-radius: 0px;
    box-shadow: none;
    outline: 0;
    background: #fff;
    border: #999999 1px solid;
    color: #b20728;
    font-size: 18px;
    text-align: left;
}

.comment .pure-button-primary{
    height: 60px;
    width: 220px;
    background: #b20728;
    border-radius: 0px;
    font-size: 21px;
    margin-top: 20px;
    letter-spacing: 3px;
}

.redtext1{
    font-style: normal;
    font-weight: normal;
    color: #b20728;
}

.newbanner{
    display: block;
    width: 100%;
    background: url("http://cn.triumph.com/css/../img/newBanner_v2.png") no-repeat center;
    background-size: contain;
    height: 150px;
}

#header {
    width:100%;
    height:90px;
    background: #fff;
    background-size: contain;
    position: relative;
    text-align: center;
    border-bottom: #cccccc 1px solid;
    visibility: hidden;
}
#header .wrap{
    background: #fff url("http://cn.triumph.com/css/../img/mp.png") no-repeat right;
    background-size: contain;
}
#header .logo {
    width:125px;
    position: absolute;
    margin-left: 30px;
}
#header .pure-menu{
    padding-top: 30px;

}
.pure-menu-horizontal {
    width: auto;
}
#header .pure-menu-item{
    margin: 0 13px;
}

#header .pure-menu-link{
    font-size: 18px;
    letter-spacing: 3px;
    color: #b20728;

padding-right: 0;
    border-bottom: 4px #fff solid;
    padding: .0em 0em 0.15em 3px;

}

#header .pure-menu-link:hover{
    background: none;
    border-bottom: 4px #b20728 solid;
}

#header .pure-menu-selected .pure-menu-link{
    color: #b20728;
    background: none;
    border-bottom: 4px #b20728 solid;
}
#header .pure-menu .tmall-link{
    background: url("http://cn.triumph.com/css/../img/tmall.png") no-repeat right;
    background-size: contain;
    padding-right: 38px;
}

#header1 {
    width:100%;
    height:90px;
    background: #fff;
    background-size: contain;
    border-bottom: #cccccc 1px solid;
    position:fixed;
    top:0;
    z-index:8000;
    transition:all .2s ease-out 0s
}

#header1 .logo {
    width:125px;
    position: absolute;
    margin-left: 30px;
}
#header1 .pure-menu{
    padding-top: 35px;
    margin-left: 230px;
}

#header1 .pure-menu-item{
    margin: 0 10px;
}

#header1 .pure-menu-link{
    font-size: 15px;
    letter-spacing: 2px;
    color: #b20728;

padding-right: 0;
    border-bottom: 4px #fff solid;
    padding: .0em 0em 0.15em 3px;
}

#header1 .pure-menu-link:hover{
    background: none;
    border-bottom: 4px #b20728 solid;
}

#header1 .pure-menu-selected .pure-menu-link{
    color: #b20728;
    background: none;
    border-bottom: 4px #b20728 solid;
}
#header1 .pure-menu .tmall-link{
    background: url("http://cn.triumph.com/css/../img/tmall.png") no-repeat right;
    background-size: contain;
    padding-right: 38px;
}

#header1 .slogan{
    position: absolute;
    width: 320px; 
    text-align: center;
    right: 0;
    top: 0;
    font-family: "Microsoft YaHei";
    font-size: 16px;
    color: #333333;
    padding-top: 15px;
}

#header1 .slogan i{
    font-style: normal;
    font-size: 24px;
    color: #b20728;
    font-family: 'DINBold';
}

#header1 .slogan span{
    font-size: 15px;
    color: #999999;
    letter-spacing: 1px;
}

#header2{
    width:100%;
    height:80px;
    background: #fff;
    background-size: contain;

position:fixed;
    top: 0;
    z-index:9000;
    transition:all .2s ease-out 0s;
    display: none;
}

.header2{
    width:100%;
    height:80px;
    background: #fff;
    border-bottom: #cccccc 1px solid;
    position: relative;
    z-index: 20;

}
#header2 .logo {
    height: 80px;
    width: auto;
    position: absolute;
    margin-left: 10px;
}

#header2 .slogan{
    position: absolute;
    text-align: center;
    right: 55px;
    top: 0;
    left: 110px;
    font-family: "Microsoft YaHei";
    font-size: 20px;
    color: #333333;
    padding-top: 15px;
    line-height: 1.1em;
}

#header2 .slogan i{
    font-style: normal;
    font-size: 21px;
    color: #b20728;
    font-family: 'DINBold'; 
    display: block;
}

#header2 .slogan span{
    font-size: 12px;
    color: #999999;
    letter-spacing: 0px;
    margin-top: 0;
}

.hhhh .pure-menu{
    background: #fff; 
    padding: 20px 0;
    text-align: center;
    border-bottom: #cccccc 1px solid;
    transform:translateY(-450px);
    transition:all .3s ease-out 0s;
}

#header2 .pure-menu-item{
    margin: 13px 10px;
}

#header2 .pure-menu-link{
    font-size: 18px;
    letter-spacing: 2px;
    color: #b20728;
    width: auto;
    padding: 0.3em 0 0.3em 3px;
    display: inline-block;
    border-bottom: 4px #fff solid;

}

#header2 .pure-menu-link:hover{
    background: none;
    border-bottom: 4px #b20728 solid;
}

#header2 .pure-menu-selected .pure-menu-link{
    color: #b20728;
    background: none;
    border-bottom: 4px #b20728 solid;
}

.close_container{
    width: 30px;
    height: 30px;
    position: absolute;
    top: 27px;
    right: 20px;
    background: #fff;
    transition:all 0.3s ease-in-out; 
}

.close_container b{
    display: block;
    width: 30px;
    height: 5px;
    background: #b20728;
    transition:all 0.3s ease-in-out;
    position: absolute;
}
.close_container b:nth-child(1){
    top: 0;
}
.close_container b:nth-child(2){
    top: 10px;
}
.close_container b:nth-child(3){
    top: 20px;
}
.menu_on .close_container{

}
.menu_on .close_container b:nth-child(1){
    top:10px;
    transform: rotate(45deg);
}
.menu_on .close_container b:nth-child(2){
    opacity: 0;
}
.menu_on .close_container b:nth-child(3){
    top:10px;
    transform: rotate(-45deg);
}

.menu_on .pure-menu{
    transform:translateY(0);
}

#banner {
    width:100%
}
#banner .slidedown{
    width: 150px;
    height: 25px;
    background: url("http://cn.triumph.com/css/../img/scrolldown_txt.png");
    background-size: contain;
    position: absolute;
    z-index: 10;
    bottom: 35px;
    left: 50%;
    margin-left: -75px;
}

#banner .slidearrow{
    width: 60px;
    height: 30px;
    background: url("http://cn.triumph.com/css/../img/scrolldown_arrow.png");
    background-size: contain;
    position: absolute;
    z-index: 10;
    bottom: 75px;
    left: 50%;
    margin-left: -30px;
    animation: sdown 0.5s alternate infinite ease-in-out;
}

@keyframes sdown{
    0%{
        transform: translateY(0px);
    }
    100%{
        transform: translateY(10px);
    }
}

#center_container {
    width:100%;
    overflow: hidden;
}

#main_tvc{
    width: 100%;
    height: 700px;
}

#tvc{
    width: 100%;
    background: #b20728;
    margin-bottom: 45px;
}

#tvc .title{
    max-width: 340px;
    height: 55px;
    background: #333;
    color: #fff;
    font-weight: bold;
    font-size: 24px;
    line-height: 55px;
    box-sizing: border-box;
    padding-left: 27px;
}

#tvc .morelink{
    color: #fff;
    font-size: 20px;
    letter-spacing: 2px;
    position: absolute;
    right: 60px;
    top: 35px;
    display: block;
    height: auto;
}

#tvc .m-10{
    margin-left: -10px;
    margin-right: -10px;
}

#tvc .m10{
    margin:40px 10px 57px 10px;
}
#tvc .tcon{
    background: #fff;
}
#tvc .tcon .ttitle{
    color: #b20728;
    font-size: 25px;
    line-height: 1.5em;
    margin: 20px 20px 0 20px;
}
#tvc .tcon .tsubtitle{
    color: #666666;
    font-size: 18px;
    line-height: 1.3em;
    margin: 10px 20px 0 20px;
}

.title1 {
    margin:0;
    height:100px;
    background:url("http://cn.triumph.com/css/../img/title1_v2.png");
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    line-height:50px;
    text-align:right
}
.title1 a:link,.title1 a:visited,.title1 a:active,.title2 a:link,.title2 a:visited,.title2 a:active {
    margin-right:20px;
    color:#fff
}
.title1 a:hover,.title2 a:hover {
    color:#fff
}
.title2 {
    margin:0;
    height:100px;
    background-image:url("http://cn.triumph.com/css/../img/title2_v2.png");
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    line-height:50px;
    text-align:right
}
.title2_2 {
    margin:20px 0 0 0;
    height:100px;
    background-image:url("http://cn.triumph.com/css/../img/title2_2_v2.png");
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    line-height:50px;
    text-align:right
}

.title3 {
    margin:0;
    height:100px;
    background-image:url("http://cn.triumph.com/css/../img/title3_v2.png");
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    line-height:50px;
    text-align:right
}
.title2_1 {
    margin:0 10px;
    height:50px;
    background-image:url("http://cn.triumph.com/css/../img/title2_1.png");
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    line-height:50px;
    text-align:right
}

.title5 {
    margin:0;
    height:100px;
    background:url("http://cn.triumph.com/css/../img/title5_v2.png");
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    line-height:50px;
    text-align:right
}

.title9 {
    margin:0;
    height:100px;
    background:url("http://cn.triumph.com/css/../img/title9_v2.png");
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    line-height:50px;
    text-align:right
}

.title10 {
    margin:0;
    height:100px;
    background:url("http://cn.triumph.com/css/../img/title10_v2.png");
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    line-height:50px;
    text-align:right
}
.newpro9{
    margin-top: 30px;
}
h2 {
    font-size:20px;
    font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif;
    font-weight:normal;
    margin-left:20px;
    margin-bottom:5px;
    margin-top:15px
}

.more-link {
    font-size:14px;
    font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif;
    text-align:right;
    margin:10px 10px 16px 10px
}

.tvc-bg {
    background-image:url("http://cn.triumph.com/css/../img/temp5.jpg");
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    min-height:372px;
    height:100%
}
.yuyue {
    position:absolute;
    left:50%;
    top:70%;
    width:120px;
    height:120px;
    margin:-60px 0 0 -60px;
    z-index:20
}
.shi {
    position:absolute;
    left:-9px;
    top:7%;
    width:126px;
    height:40px;
    background-image:url("http://cn.triumph.com/css/../img/shi.png");
    background-repeat:no-repeat;
    background-size:contain;
    z-index:10
}
.feng {
    position:absolute;
    left:-9px;
    top:7%;
    width:126px;
    height:40px;
    background-image:url("http://cn.triumph.com/css/../img/feng.png");
    background-repeat:no-repeat;
    background-size:contain;
    z-index:10
}

.play-con{
    position: relative;
}

.play-bt {
    position:absolute;
    left:50%;
    top:50%;
    width:80px;
    height:80px;
    margin:-40px 0 0 -40px;
    z-index:20
}

.sctitle{
    width: auto;
    font-size: 35px;
    height: 65px;
    background: #333333;
    line-height: 60px;
    box-sizing: border-box;
    padding-left: 20px;
    color: #fff;
    margin-right: 40px;
    margin-bottom: 68px;
    position: relative;
    z-index: 10;
    letter-spacing: 3px;
}
.scsubtitle{
    position: absolute;
    left: 0;
    top: 40px;
    font-size: 26px;
    color: #fff;
    background: #b20728;
    height: 65px;
    box-sizing: border-box;
    padding-left: 20px;
    line-height: 84px;
    width: 95%;
}

#ranking .scsubtitle{
    position:static;
    font-size: 26px;
    color: #fff;
    background: #b20728;
    height: 55px;
    box-sizing: border-box;
    padding-left: 20px;
    line-height: 55px;
    width: 95%;
}

#footer {
    max-width:1140px;
    margin:0 auto 150px auto;
    text-align:center;
    color:#ccc;
    line-height: 1.2em;

}
#footer .logo{
    margin:0;
    height:150px;
    background:url("http://cn.triumph.com/css/../img/../img/bottom_logo.png");
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
}

#footer .copyrright{
    font-size: 12px;
}

#footer .copyrright i{
    font-style: normal;
}
#footer .company{
    font-size: 12px;

}
#footer .address{
    font-size: 12px;

}
#footer .icon {
    width:57px;
    height:56px;
    background-image:url("http://cn.triumph.com/css/../img/icon.png");
    background-size: 113px 113px;
    background-repeat:no-repeat;
    margin:0 7px;
    display:inline-block;
    position:relative
}
#footer .icon1 {
    background-position:0 0
}
#footer .icon1:hover,#footer .icon1:focus {
    background-position:0 -57px
}
#footer .icon2 {
    background-position:-57px 0
}
#footer .icon2:hover,#footer .icon2:focus {
    background-position:-57px -57px
}
.weixinQr {
    width:120px;
    height:130px;
    position:absolute;
    top:-132px;
    left:50%;
    margin-left:-60px;
    opacity:0;
    visibility:hidden;
    transition:all .2s linear;
    background:url("http://cn.triumph.com/css/../img/wechat.png") no-repeat;
    background-size: 120px 120px;
}
#footer .icon2:hover .weixinQr {
    opacity:1;
    visibility:visible
}
.like {
    width:14px;
    height:12px;
    background-image:url("http://cn.triumph.com/css/../img/like.jpg");
    background-size: 28px 12px;
    background-repeat:no-repeat;
    display:inline-block;
    line-height:18px
}
.like:hover,.like:focus {

}
.fullplayer {
    position:fixed;
    width:100%;
    height:100%;
    left:0;
    top:0;
    bottom:0;
    background:#000;
    z-index:10000000
}
.fullplayer .close {
    position:absolute;
    width:30px;
    height:30px;
    right:10px;
    top:10px;
    display:block;
    z-index:2000
}
#weibo-header {
    position:relative;
    text-align:center;
    box-sizing:border-box;
    padding-top:28px;
    font-size:18px;
    line-height:24px;
    color:#C30B17;
    padding-bottom: 28px;
}
#weibo-header .tip {
    height:65px;
    background:#b20728;
    color:#fff;
    line-height:65px;
    font-size:35px;
    width: 195px;
    font-family:"Microsoft YaHei";
    text-align: center;

}
#weibo-header .tiptext{
    font-size: 24px;
    color: #333333;
    margin-left: 20px;
    line-height: 1.6em;
    text-align: left;
    font-family:"Microsoft YaHei";
}
#weibo-header .tiptext b{
    color: #b20728;
}
#weibo-header .lkuo{
    height: 130px;
    width: 20px;
    float: left;
    border-left: #b20728 20px solid;
    border-top: #b20728 20px solid;
}
#weibo-header .rkuo{
    height: 130px;
    width: 20px;
    float: right;
    border-right: #b20728 20px solid;
    border-bottom: #b20728 20px solid;
}
.text-wrap {
    max-width:600px;
    margin: 25px 50px 0 60px;
    font-family:"Microsoft YaHei";
    font-size: 16px;
    color: #333333;
    text-align: left;
    letter-spacing: 0;
}
.content img {
    max-width:100%;
    height:auto
}

.title4 {
    margin:0 10px;
    height:50px;
    background-image:url("http://cn.triumph.com/css/../img/title4.jpg");
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center
}
.left-border {
    box-sizing:border-box;
    border-left:#C30B17 1px solid;
    margin-top:30px;
    padding-right:9px
}
.bottom-border {
    box-sizing:border-box;
    border-bottom:#C30B17 1px solid
}

.bx-wrapper {
    height:100%
}
.bx-wrapper .bx-viewport {
    border:0
}
.bxslider {
    height:100%;
    background:#FFF;
    margin:0;
    padding:0
}
#banner .bxslider li {
    width:100%;
    /*background-size:cover;
    background-position:center;*/
    cursor:pointer
}
.bx-controls {
    position:absolute;
    width:100%;
    bottom:10px
}
.bxslider1 {
    height:100%;
    background:#FFF;
    margin:0;
    padding:0
}

.bxslider10 {
    height:100%;
    background:#FFF;
    margin:0;
    padding:0
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("http://cn.triumph.com/css/../img/aleft.png");
    left: 10px;
    right: auto;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("http://cn.triumph.com/css/../img/aright.png");
    right: 10px;
    left: auto;
}
.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 41px;
    height: 81px;
    margin-top: -40px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 41px 81px;
    -webkit-background-size: 41px 81px;
    background-size: 41px 81px;
    background-position: center;
    background-repeat: no-repeat;
}

.swiper-container11,.swiper-container12,.swiper-container13,.swiper-container14 {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.bx-wrapper .bx-caption span {
    color:#fff;
    font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif;
    display:block;
    font-size:14px;
    padding:15px 0 15px 30px;
    line-height:24px
}
.bx-wrapper .bx-caption span h2 {
    font-size:18px;
    margin:0
}
.videonews .bx-wrapper .bx-pager {
    text-align:right;
    font-size:.85em;
    font-family:Arial;
    font-weight:bold;
    color:#666
}
.videonews .bx-wrapper .bx-pager .bx-pager-item,.videonews .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display:inline-block;
    *zoom:1;
    *display:inline
}
.videonews .bx-wrapper .bx-pager.bx-default-pager a {
    background:#000;
    text-indent:-12px;
    font-size:0;
    display:block;
    width:12px;
    height:12px;
    margin:0 5px;
    outline:0;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    box-sizing:border-box;
    border:#fff 2px solid
}
.videonews .bx-wrapper .bx-pager.bx-default-pager a:hover,.videonews .bx-wrapper .bx-pager.bx-default-pager a.active {
    background:#fff
}
.videonews .bx-controls {
    position:absolute;
    width:100%;
    bottom:25px;
    right:25px
}
.weibo .pure-u-1-6 {
    position:relative
}
.t-item {
    position:absolute;
    bottom:0;
    width:100%;
    height:40px;
    background:rgba(255,255,255,0.75);
    line-height:40px;
    font-size:12px;
    font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif;
    padding-left:70px;
    box-sizing:border-box
}
.weibo .t-item .W_face_radius {
    width:40px;
    height:40px;
    position:absolute;
    top:-20px;
    left:20px;
    border-radius:50%
}
.qrcode {
    position:fixed;
    width:100%;
    height:100%;
    left:0;
    top:0;
    bottom:0;
    background:rgba(234,87,90,0.8);
    z-index:10000000;
    visibility:hidden;
    opacity:0;
    transition:all 200ms linear
}
.qrcode .code {
    position:absolute;
    top:50%;
    left:50%;
    width:234px;
    height:280px;
    margin:-140px 0 0 -117px
}
.stitle {
    position:absolute;
    z-index:2;
    font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif;
    font-size:20px;
    color:#fff;
    top:15px;
    left:10px;
    pointer-events:none
}
.fengcai {
    position:relative
}
.fengcai .pure-u-1-2 {
    height:100%
}
.pure-u-1-1 {
    position:relative
}
.star_glow {
    opacity:.8;
    position:absolute;
    top:0;
    left:0;
    width:150%
}
#starBIG {
    display:block;
    width:9%;
    position:absolute;
    top:50%;
    left:74.5%;
    opacity:.8
}
#starBIG_BG {
    display:block;
    width:7%;
    position:absolute;
    top:52%;
    left:75.5%;
    opacity:.6
}

#intro_star {
    position:absolute;
    top:63%;
    left:29.8%;
    width:16.7%;
    height:16.7%
}
#intro_star img {
    width:100%;
    height:100%
}

.common{
    margin-top: 58px;
}
.common22{
    margin-left:-22px;
    margin-right: -22px;
    margin-bottom: 30px;
}

#sc .common{
    margin-top: 0px;
}

.m22{
    margin: 0 22px;
    position: relative;
}
#shichuan{
    margin-top: 40px;
    z-index: 5;
}

.common h1{
    font-weight: normal;
    font-size: 35px;
    letter-spacing: 3px;
    color: #b20728;
    margin-left: 44px;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.common h3{
    font-size: 20px;
    line-height: 1.5em;
    color: #666;
    margin-left: 44px;
}
.common h3 .small{
    font-weight: normal;
    color: #b20728;
}
.common .starc{
    position: relative;
}

.common  h2{
    margin-top: 55px;
    font-size: 24px;
    letter-spacing: 2px;
}
.common .stitle{
    background: #fff;
    border-bottom: #b20728 5px solid;
    color: #333333;
    font-size: 20px;
    padding:10px 20px;
    bottom: -45px;
    top: auto;
    left: 0px;
    line-height: 1.5em;
}
.common .stitle span{
    font-size: 15px;
    color: #999999;
    display: block;
}
.common .likec{
    position: absolute;
    right: 5px;
    bottom: -33px; 
    font-size: 15px;
    color: #b20728;
}
.common .date{
    margin-left: 22px;
    margin-bottom: 30px;
}

.common .brand{
    margin-left: 0;
    width: 128px;
    margin-top: 15px;
    margin-bottom: 30px;
}

.like {
    width: 20px;
    height: 16px;
    background-image: url("http://cn.triumph.com/css/../img/like.jpg");
    background-size: 20px 16px;
    background-repeat: no-repeat;
    background-position: bottom;
    margin-left: 10px;
    display: inline-block;
    line-height: 16px;
    padding-top: 5px;
}

.common  .liketext{
    font-size: 15px;
    color: #b20728;
    line-height: 15px;
    position: absolute;
    top: 5px;
    right: 35px;
}

.common22 .title{
    max-width: 260px;
    height: 62px;
    line-height: 60px;
    color: #fff;
    background: #b20728;
    font-size: 35px;
    letter-spacing: 3px;
    box-sizing: border-box;
    padding-left: 20px;
}

.common22 .rborder{
    margin-top: 20px;
    margin-left: 20px;
    box-shadow: -20px -20px 0px #b20728; 
}

.article{

}

.article .cirproduct{
    max-width: 400px;
    position: relative;
    margin-bottom: 130px;

}
.article .cirproduct img{
    border-radius: 50%;

}
.article .cirproduct .mtitle{
    width: auto;
    height: 65px;
    background: #b20728;
    font-size: 40px;
    color: #fff;
    position: absolute;
    z-index: 2;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    line-height: 65px;
    left: 0px;
    bottom: -30px;
    letter-spacing: 2px;
}

.article .cirproduct .subtitle{
    width: auto;
    height: 65px;
    color: #fff;
    background: #333333;
    font-size: 24px;
    position: absolute;
    z-index: 1;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    line-height: 75px;
    left: 0px;
    bottom: -80px;
    letter-spacing: 3px;
}

.article h1 {
    font-size:40px;
    font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif;
    font-weight:normal;
    color:#b20728
}

.article .misc {
    font-size:14px;
    font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif;
    margin:15px 0 0 0;
    line-height:14px;
    color:#838485
}
.article .misc span {
    display:inline-block;
    padding:0 0;
    font-size: 12px;
    color: #000;
}
.article .misc .left-line {
    border-left:#ccc 1px solid
}

.detail {
    line-height:1.6em;
    overflow: hidden; 
    position: relative;
    font-size: 18px;
    color: #666666;
}

.detail img{
    text-align: center;
}

/*****************************************************************/

.product{

}

.mlr{
    margin:23px 23px;
    position: relative;
    overflow: hidden;
    padding-bottom: 50px;
}
.mlr .imgcon{
    overflow: hidden;
}
.mlr .btext{
    color:#666;
    font-size: 21px;
    text-align: center;
    position: absolute;
    bottom: 10px;
    width: 100%;
    letter-spacing: 10px;
    opacity: 0.5;
    transition: all 0.3s ease-in-out;
}
.mlr .bline{
    position: absolute;
    bottom: 0;
    height: 1px;
    background: #b20728;
    left: 10px;
    right: 10px;
    opacity: 0.5;
    transition: all 0.3s ease-in-out;
}

.mar{
    margin:23px;
    position: relative;
    overflow: hidden;
}
.mar .qrcon{
    position: absolute;
    z-index: 10;
    background: rgba(255,255,255,0.8);
    width: 100%;
    height: 100%;
    transition: 0.3s all;
    opacity: 0;
    visibility: hidden;
}

.mar .qrcon .qrcodes{
    border: 10px #fff solid;
    border-radius: 10px;
    background: #fff;
    width: 80px;
    height: 80px;
    position: absolute;
    z-index: 11;
    left: 50%;
    top: 50%;
    margin: -50px 0 0 -50px;
}

#ganhuo .pure-u-1-3:hover .qrcon{
    opacity: 1;
    visibility: visible;
}

#ganhuo .pure-g{
    margin-top: 20px;
}
#ganhuo .btext{
    color:#b20728;
    font-size: 18px;
    text-align: left;
    letter-spacing: 1px;
    margin: 20px 23px 23px 43px;
    transition: all 0.3s ease-in-out;
}

#notice{
    margin-bottom: 30px;
}

#notice .pure-u-1-3:hover .qrcon{
    opacity: 1;
    visibility: visible;
}

#notice .pure-g{
    margin-top: 20px;
}
#notice .btext{
    color:#b20728;
    font-size: 18px;
    text-align: left;
    letter-spacing: 1px;
    margin: 20px 23px 23px 43px;
    transition: all 0.3s ease-in-out;
}

.newpro .pure-u-1-4{
    cursor: pointer;
}
.newpro .active .btext{
    opacity: 1;
}
.newpro .active .bline{
    height: 2px;
    opacity: 1;
}

.newpp{
    margin-bottom: 30px;
}
.newpp .img{
    position: relative;
    z-index: 10;
}
.newpp .pure-u-1-4 .view{
    opacity: 0;
    z-index: 1100;
    position: absolute;
    pointer-events: none;
    transition: all 0.3s ease-in-out;
}
.newpp .pure-u-1-4 a:hover .view{
    opacity: 1;
}
.newpp .pure-u-1-4:hover .view{
    opacity: 1;
}
.btt{
    height: 100px;
    text-align: center;
    background: #fff;
}

.newpp .pure-u-1-4:hover .btt{
}
.newpp .pure-u-1-4{
    position: relative;
    z-index: 1;
}

.newpp .pure-u-1-4:hover {
    z-index: 10;
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 0px 30px rgba(0,0,0,0.15);
}

.btt h2{
    padding: 1.1em 0 0.6em 0;
    margin: 0;
    font-size: 18px;
    color: #b20728;
}

.btt h3{
    margin: 0;
    padding: 0;
    font-size: 15px;
    color: #666666;
    font-weight: normal;
}

.product .mr8{
    margin-right: 10px;
}
.product .ml8{
    margin-left: 10px;
}

.product .cirproduct{
    max-width: 400px;
    margin: 25px 80px 50px 80px;
    position: relative;
}
.product .cirproduct .mtitle{
    width: auto;
    height: 65px;
    background: #b20728;
    font-size: 40px;
    color: #fff;
    position: absolute;
    z-index: 2;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    line-height: 65px;
    left: -15px;
    bottom: 20px;
    letter-spacing: 2px;
}

.product .cirproduct .subtitle{
    width: auto;
    height: 65px;
    color: #fff;
    background: #333333;
    font-size: 24px;
    position: absolute;
    z-index: 1;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    line-height: 75px;
    left: -15px;
    bottom: -30px;
    letter-spacing: 3px;
}

.product .cont{
    font-size: 16px;
    line-height: 1.75em;
    color: #999999;
    margin-left: 25px;
    margin-right: 25px;
}

.wrap-product {
    max-width:960px;
    margin:0 20px
}
.product-title {
    background-image:url("http://cn.triumph.com/css/../img/title_bg.jpg");
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
    text-align:center;
    color:#fff;
    height:80px;
    line-height:80px;
    font-family:"Microsoft YaHei";
    font-size:36px
}
#pv_bt {
    width:39.7%;
    height:30.5%;
    position:absolute;
    left:1.25%;
    top:35.5%;
    z-index:2
}
.mb50 {
    margin-top:50px;
    margin-bottom:30px
}
#yuyyebt {
    width:16.5%;
    height:auto;
    display:block;
    position:absolute;
    left:79.8%;
    top:54.1%
}
.bxslider3 {
    height:100%;
    background:#FFF;
    margin:0;
    padding:0
}
.s3text {
    text-align:center;
    font-family:"Microsoft YaHei";
    font-size:18px;
    line-height:2.1em;
    padding:20px 0 80px 0;
    color:#333
}
.s3text h1 {
    font-size:36px;
    color:#f20000;
    margin-left:0;
    margin-right:0;
    margin-bottom:20px
}
.bxslider2 {
    height:100%;
    background:#FFF;
    margin:0;
    padding:0
}
.s2text {
    font-family:"Microsoft YaHei";
    font-size:18px;
    line-height:1.6em;
    padding:10px 50px 0 50px;
    color:#333
}
.s2text h1 {
    font-size:36px;
    color:#f20000;
    margin-left:0;
    margin-right:0;
    margin-top:0;
    margin-bottom:20px;
    line-height:1.2em
}
.s2text .info {
    font-family:"Microsoft YaHei";
    font-size:18px;
    line-height:1.6em
}
.bxslider4 {
    height:100%;
    margin:0;
    padding:0
}
.bxslider5 {
    height:100%;
    margin:0;
    padding:0
}
.bxslider6 {
    height:100%;
    margin:0;
    padding:0
}
.bxslider7 {
    height:100%;
    margin:0;
    padding:0
}
.pure-u-1-2 {
    position:relative
}
.s4text {
    font-family:"Microsoft YaHei";
    font-size:18px;
    line-height:1.6em;
    padding:100px 80px 0 80px;
    color:#fff;
    position:absolute;
    left:0;
    top:0
}
.s4text h1 {
    color:#fff;
    font-size:36px;
    margin-left:0;
    margin-right:0;
    margin-top:0;
    margin-bottom:10px;
    line-height:1.2em
}
.s4text .info {
    font-size:20px;
    line-height:1.8em
}
.dff{
    font-family:"Microsoft YaHei";
    color: #333;
    padding-right: 20px;

}

.starlist{
    list-style: none;
    margin: 0 0 30px 0;
    padding: 0;
}

.starlist .p1{background-image: url("http://cn.triumph.com/css/../img/p1.png"); }
.starlist .p2{background-image: url("http://cn.triumph.com/css/../img/p2.png"); }
.starlist .p3{background-image: url("http://cn.triumph.com/css/../img/p3.png"); }
.starlist .p4{background-image: url("http://cn.triumph.com/css/../img/p4.png"); }
.starlist .p5{background-image: url("http://cn.triumph.com/css/../img/p5.png"); }

.starlist li{
    border-bottom: #ccc 1px solid;
    box-sizing: border-box;
    height: 130px;
    margin: 0;
    padding: 0;
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
}
.starlist li:last-child{
    border-bottom:0;
}

.starlist li h2{
    margin: 0;
    font-size: 18px;
    color: #b20728;
    padding-top: 40px;
}

.starlist li p{
    margin: 0;
    font-size: 15px;
    color: #666666;
    line-height: 1.5em;
}

.starlist li img{
    border-radius: 50%;
    margin-top: 15px;
    margin-left: 20px;
    margin-right: 22px;
    float: left;
    width: 100px;
    height: 100px;
}

.view_bt{
    font-family:"Microsoft YaHei";
    display: block;
    width: 100%;
    text-align: center;

background: url("http://cn.triumph.com/css/../img/view_bt.jpg");
    background-size: cover;
    bottom: 0;
    left: 0;
    color: #fff;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    position: absolute;
}
.view_bt:link,.view_bt:hover,.view_bt:visited,.view_bt:active{
    color: #fff;
}
.s5text {
    font-family:"Microsoft YaHei";
    font-size:18px;
    line-height:1.6em;
    padding:80px 60px 0 60px;
    color:#fff;
    position:absolute;
    left:0;
    top:0
}
.s5text h1 {
    color:#fff;
    font-size:36px;
    margin-left:0;
    margin-right:0;
    margin-top:0;
    margin-bottom:10px;
    line-height:1.2em
}
.s5text .info {
    font-size:20px;
    line-height:1.5em
}

.s5text .info ul{
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0;
    font-size: 18px;
}

.s5text .info ul li{
    font-size: 18px;
}

.squar{
    font-family: arial;

position: absolute;
    left: 0;
    bottom: 0;
    background: url("http://cn.triumph.com/css/../img/sbg.jpg");
    background-size: cover;
    z-index: 10;
    color: #fff;
    font-weight: bold;

text-align: center;
    box-sizing: border-box;
    width: 190px;
    height: 190px;
    font-size: 30px;
    padding-top: 80px;
}
.squar b{
    font-size: 48px;
}

.squar1{
    font-family: arial;

position: absolute;
    left: 0;
    bottom: 0;
    background: #e63273;
    background-size: cover;
    z-index: 10;
    color: #fff;
    font-weight: bold;

text-align: center;
    box-sizing: border-box;
    width: 80px;
    height: 80px;
    font-size: 20px;
    padding-top: 20px;
}
.squar1 b{
    font-size: 24px;
}

.back-top {
    width:50px;
    height:50px;
    position:fixed;
    bottom:-60px;
    right:10px;
    z-index: 60;
    transition:all .2s ease-out 0s
}
.more-top {
    width:50px;
    height:50px;
    position:fixed;
    top: 100px;
    right:10px;
    z-index: 60;
    transition:all .2s ease-out 0s
}
.book-now{

width:50px;
    height:150px;
    position:fixed;
    top: 50%;
    right:0;
    margin-top: -75px;
    z-index: 60;
    transition:all .2s ease-out 0s
}

#allmap{width: 100%;height: 700px;overflow: hidden;}

#search-bar{
    width: 330px;
    position: absolute;
    z-index: 200;
    min-height: 250px;
    background: #fff ;
    #background-image: url("http://cn.triumph.com/css/../img/mapbg.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: contain;
    right: 0;
    top: 0;
    border-left: #dbdbd3 1px solid;
    border-bottom: #dbdbd3 1px solid;
    box-sizing: border-box;
    padding-top: 38px;
    box-sizing: border-box;
}

#search-bar .titles{
    color: #b20728; 
    padding-left: 10px;
    padding-bottom: 30px;
    font-size: 16px;
    font-family:"Microsoft YaHei";
    text-align: center;
    line-height: 1.6em;
}

#search-bar .titles span{
    font-size: 30px;
    padding: 0 3px;
}

#search-bar .titles h4{
    font-size: 24px;
    font-weight: normal;
    margin: 5px 0;
}

#search-bar h2{
    font-size: 18px;
    color: #999999;
    margin-top: 3px;
    margin-bottom: 15px;
    text-align: center;
}

#search-bar h2 span{
    color: #b20728;
    margin-left: 12px;
}

#search-bar .city{
    width: 180px;
    height: 56px;
    box-sizing: border-box;
    border: #666666 1px solid;
    background: #fff;
    border-radius: 0;
    padding-left: 30px;
    font-size: 18px;
    color: #333;
    outline: 0;
    margin-right: 4px;
    margin-left: 20px;
}

#search-bar .search-button{
    height: 56px;
    box-sizing: border-box;
    border: 0;
    background: #b20728;
    border-radius: 0;
    text-align: center;
    color: #fff;
    width: 100px;
    font-size: 18px;
    outline: 0;
}

#search-bar  .shopl{
    width: 310px;
    padding-left: 20px;
    margin-top: 1em;
    padding-bottom: 1em;

}

#search-bar ul{
    list-style: none;
    margin: 0;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 00px;
}

#search-bar ul li{
    list-style: none;
    margin: 3px 0 0 0;
    text-indent: 0;
    width: 300px;  
    height: 80px;
    font-size: 16px;
    color: #b20728; 
    position: relative;
    border-radius: 0px;
    border: #f9f8f6 1px solid;
    box-sizing: border-box;
    padding-top: 11px; 
    padding-left: 20px;
    cursor: pointer;
}

#search-bar ul li:hover{
    border: #b20728 1px solid; 
}

#search-bar ul li a:link,#search-bar ul li a:visited,#search-bar ul li a:active,#search-bar ul li a:hover{
    display: none;
    width: 100px;
    height: 80px;
    line-height: 1.5em;
    border-radius: 0;
    background: #b20728;
    color: #fff;
    position: absolute;
    z-index: 10;
    right: -1px;
    top: -1px;
    text-align: center;
    box-sizing: border-box;
    padding-top: 15px;

}

#search-bar ul li:hover a:link,#search-bar ul li:hover  a:visited,#search-bar ul li:hover  a:active,#search-bar ul li:hover  a:hover{
    display: block;

}

#search-bar ul li .l28{
    margin-left: 24px;
}

#search-bar ul li i{
    font-style: normal;
    font-size: 14px;
    color: #58595b;
}

#search-bar ul li span{
    font-size: 14px;
    color: #999999;
    position: absolute;
    display: block;
    right: 5px; 
    top: 14px; 
}

#appointment_header{
    width: 100%;
    height: 65px;
    background: #b20728;
}

#appointment_header .hitem{
    font-size: 18px;
    color: #fff;
    opacity: 0.5;
    text-align: center;
    letter-spacing: 4px;
    height: 40px;
    line-height: 40px;
    border-bottom: rgba(255,255,255,0.5) 1px solid;
    margin: 10px 72px 0 72px;
}

#appointment_header .active{
    font-size: 24px;
    color: #fff;
    opacity: 1;
    letter-spacing: 4px;
    border-bottom: rgba(255,255,255,1) 2px solid;
}

#appointment{
    width: 100%;
    height: 700px;
    background-image: url("http://cn.triumph.com/css/../img/map_bg1.jpg");
    background-size: cover;
    background-position: center;
    text-align: center;
    position: relative;
    margin-top: 0;
    padding-top: 1px;
    zoom: 1;
}
#appointment1{
    width: 100%;
    height: 700px;
    background-image: url("http://cn.triumph.com/css/../img/map_bg2.jpg");
    background-size: cover;
    background-position: center;
    text-align: center;
    position: relative;
    margin-top: 0;
    padding-top: 1px;

zoom: 1;
}
.share_btn,.share_btn:focus{
    width: 200px;
    height: 50px;
    border-radius: 0;
    background:#b20728;
    font-family: "Microsoft YaHei";
    font-size: 21px;
    color: #fff;
    text-align: center;
    letter-spacing: 3px;
}
.share_btn:link,.share_btn:active, .share_btn:visited{
    color: #fff;
}
.share_btn:hover{
    color: #fff;
    background-size: contain;
}
.pic_frame{
    width: 320px;
    margin: 44px auto;
    box-shadow: 0px 0px 44px rgba(0,0,0,0.3);
}

.popup{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: all 0.3s;
    background: rgba(178,7,41,0);
    z-index: 100000;
}

.popup.hide{
    opacity: 0;
    visibility: hidden;
}

.popup .card{
    width: 450px;
    height: 450px;
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 50%;
    margin: -225px 0 0 -225px;
}

.popup .card .close{
    width: 35px;
    height: 35px;
    background: url("http://cn.triumph.com/css/../img/nav.png");
    display: block;
    position: absolute;
    z-index: 10;
    left: 17px;
    top: 17px;
    cursor: pointer;
}

#appointment .didi_banner{
    width: 220px;
    height: 220px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 500;

}

#appointment .didi_banner img{
    max-width: 100%;
    height: auto;
}

#appointment .weibo_banner{
    width: 220px;
    height: 220px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 500;

}

#appointment .weibo_banner img{
    max-width: 100%;
    height: auto;
}

#appointment .gap30{
    height: 30px;
}
#appointment .gap30a{
    height: 30px;
}
#appointment h1{
    font-weight: normal;
    font-size: 30px;
    color: #b20728;
    margin: 1.2em 0;
}

#appointment h2{
    font-size: 18px;
    margin-bottom: 40px;
    color: #666666;

}

#appointment h2 i{
    font-size: 24px;
    font-style: normal;
    color: #b20728; 
}

#appointment h3{
    font-size: 18px;
    color: #666666;
    margin-bottom: 40px;
    line-height: 30px;
    font-weight: normal;
}
#appointment .bk{

}
#appointment #qrcdoes{
    width: 140px;
    height: 140px;
    border: #b20728 0px solid;
    margin: 0 auto; 
    padding: 10px;
    box-sizing: border-box;
    background: #fff;
    display: none;
}

#appointment .smstext{
    display: none;
    text-shadow:0px 0px 3px #ffffff;
}

#appointment .pure-form-aligned{
    margin-top: 20px;
}
#appointment h2 .small{
    font-size: 18px;
}
.pure-form-aligned .pure-control-group {
    margin-bottom: 0.9em;
}
.pure-form-aligned .pure-control-group label {
    text-align: right;
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    width: 5em;
    margin: 0 1em 0 0;
    color: #b20728;
}

#appointment .sel {
    width: 280px;
    height: 56px;
    box-shadow: none;
    text-align: center;
    outline: 0;
    background: #fff;
    border:#666 1px solid;
    border-radius: 0px;
    color: #666666;
    font-size: 18px;
    text-align: left;
}

#appointment .sel:disabled{
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#appointment span{
    font-size: 24px;
    color: #b20728;
}

.didi-button,.didi-button:focus{
    width: 200px;
    height: 51px;

border-radius: 0px;
    background:#b20728;
    font-family: "Microsoft YaHei";
    font-size: 21px;
    color: #fff;
    text-align: center;
    letter-spacing: 3px;
}

.didi-button:hover{
    background:#ae131d;
    background-size: contain;
}

.app-submit,.app-submit:focus ,.app-submit:link, .app-submit:active ,.app-submit:visited{
    width: 200px;
    height: 51px;
    margin-left: 2em;
    border-radius: 0px;
    background:#b20728;
    font-family: "Microsoft YaHei";
    font-size: 21px;
    color: #fff;
    text-align: center;
    letter-spacing: 3px;
}

.shop-submit,.shop-submit:focus{
    width: 200px;
    height: 51px;
    margin-left: 30px;
    border-radius: 0px;
    background:#b20728;
    font-family: "Microsoft YaHei";
    font-size: 21px;
    color: #fff;
    text-align: center;
    letter-spacing: 3px;
}

.shop-submit:hover{
    background:#ae131d;
    background-size: contain;
}

.shop-submit1,.shop-submit1:focus{
    width: 200px;
    height: 51px;
    margin-left: 30px;
    border-radius: 0;
    background:#b20728;
    font-family: "Microsoft YaHei";
    font-size: 21px;
    color: #fff;
    text-align: center;
    letter-spacing: 2px;
}

.shop-submit1:hover{

background-size: contain;
}
.shop-submit1:disabled{

background-size: contain;
}

.shop-submit2,.shop-submit2:focus{
    width: 224px;
    height: 53px;
    border-radius: 6px;
    background:#b20728 url("http://cn.triumph.com/css/../img/submit2.png") left top;
    background-size: contain;
    margin-top: 30px;
}

.shop-submit2:hover{
    background:#ae131d url("http://cn.triumph.com/css/../img/submit2.png") left top;
    background-size: contain;
}
.shop-submit2:disabled{
    background:#ae131d url("http://cn.triumph.com/css/../img/submit2.png") left top;
    background-size: contain;
}

.back-map1{
    width: 200px;
    height: 50px;
    border-radius: 0px;
    box-sizing: border-box;
    border: 2px #b20728 solid;
    background:#fff; 
    margin-left: 30px;
    font-family: "Microsoft YaHei";
    font-size: 21px;
    color: #b20728;
    text-align: center;
    padding: .4em 1em; 
    letter-spacing: 3px;
}

.back-map1:hover{
    background:#fff; 
    border: 2px #b20728 solid;
}

.back-map2{
    width: 200px;
    height: 50px;
    border-radius: 0px;
    box-sizing: border-box;
    border: 2px #b20728 solid;
    background: #fff; 
    font-family: "Microsoft YaHei";
    font-size: 21px;
    color: #b20728;
    text-align: center;
    padding: .4em 1em; 
    letter-spacing: 3px;
}

.mleft{
    margin-left: 30px;
}

.back-map2:hover{
    background:#fff; 
    border: 2px #b20728 solid; 
}

.pure-form-aligned .pure-control-group label {
    text-shadow:0px 0px 3px #ffffff;
}
.back-map3{
    width:224px;
    height:53px;
    border-radius: 6px;
    box-sizing: border-box;
    border: 2px #fff solid;
    background:#b20728 url("http://cn.triumph.com/css/../img/back3.png") left top; 
    background-size: contain;
    display: block;
    margin: 30px auto 0 auto;
    display: none;
}

.back-map3:hover{
    border: 2px #fff solid;
    background:#ae131d url("http://cn.triumph.com/css/../img/back3.png") left top; 
    background-size: contain;
}

#comment-list{
    list-style: none;
    -webkit-padding-start: 0px;
    font-size: 18px;
    color: #58595b;
    line-height: 1.67em;
}
#comment-list li{
    margin-bottom: 35px;
}
#comment-list b{
    color: #b20728;
    font-weight: normal;
}

#comment-list i{
    display: block;
    font-style: normal;
    font-size: 12px;
    color: #999;
}

.side_banner{
    border-right:#C30B17 1px solid;
    border-bottom:#C30B17 1px solid;
}

.thumb-icon{
    width: 120px;
    height: 120px;
    margin: 30px auto 10px auto;
    cursor: pointer;
}
.shichuan .likec{
    position: absolute;
    right: 100px;
    bottom: 0px; 
}

.shichuan .liketext{
    font-size: 15px;
    color: #b20728;
    line-height: 15px;
}
.rline .like{
    margin-left: 0px;
}
.lnum{
    display: block;
    color: #b20728;
    margin-top: 5px;
    font-size: 15px;
}

.swiper-container1 {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.bra{
    background: #fceaf1;
    box-sizing: border-box;
    padding: 20px 20% 20px 0;
    text-align: center;
    line-height: 1.25em;
    color: #666666;
    font-family:"Microsoft YaHei";
    position: relative;
}

.bra .big{
    color: #b20728;
    font-size: 20px;
    line-height: 1.4em;
}

.bra .dbra{
    width: 152px;
    height: 152px;
    position: absolute;
    right: 0;
    display: block;
    top:-5%;
}

.star-item{
    display: block;
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 40px;
    margin-left: 70px;
    height: 188px;
    position: relative;
    padding-top: 1px;
}
.star-item .crown{
    width: 41px;
    height: 54px;
    background: url("http://cn.triumph.com/css/../img/crown.png");
    position: absolute;
    top: 7px;
    left: -15px;
}
.star-item1{
    display: block;

color: #fff;
    font-size: 16px;
    line-height: 40px;
    height: 70px;
    position: relative;
    padding-top: 1px;
}

.nicktext{
    font-size: 20px;
    color: #b20728;
}

.star-item1 .nicktext{
    font-size: 14px;
    color: #b20728;
    position: absolute;
    left: 160px;
    top: 0px;
}

.nicktexts:link, .nicktexts:visited, .nicktexts:active, .nicktexts:hover{
    color: #333;
    font-size: 20px;

}

.star-item .nicktext:link,.star-item .nicktext:visited,.star-item .nicktext:active{
    color: #e63273;
}
.star-item1 .nicktext:link,.star-item1 .nicktext:visited,.star-item1 .nicktext:active{
    color: #e63273;
}

.avatar1{
    border-radius: 50%; display: block; margin-right: 20px;  border: #fff 4px solid;
    width: 100px; height: auto;
    position: absolute;
    top:50px;
    left: -50px;
    z-index: 10;
}

.avatar2{
    border-radius: 50%; display: block;  border: #fff 4px solid;
    width: 50px; height: auto;
    position: absolute;
    z-index: 10;
    left: 86px;
    top: -10px;
}

.tiao1{
    border-radius: 20px;
    height: 40px;
    font-weight: bold;
    margin-top: 62px;
}

.tiao2{
    border-radius:  20px;
    height: 40px;
    width: 100px;
    padding-left: 20px;
    font-weight: bold;
}

.bgc0{
    background-color: #e63273;
}
.bgc1{
    background-color: #ed6f9d;
}
.bgc2{
    background-color: #f084ab;
}
.bgc3{
    background-color: #f298b9;
}
.bgc4{
    background-color: #f5adc7;
}

.rules{
    background: url("http://cn.triumph.com/css/../img/rule_bg.jpg") no-repeat;
    min-height: 1111px;
    position: relative;
}
.rules h1{
    text-align: center;
    font-size: 48px;
    margin-bottom: 0;
}
.rules h4{
    font-family:"Microsoft YaHei";
    text-align: center;
    font-size: 24px;
    color: #b20728;
    font-weight: normal;
    margin-top: 10px;
}
.rules h3{
    font-family:"Microsoft YaHei";
    text-align: center;
    font-size: 28px;
    color: #b20728;
    font-weight: normal;
    margin-top: 1.5em; 
    margin-bottom: 2em;
    line-height: 1.4em;
}
.rules h5{
    font-family:"Microsoft YaHei";
    text-align: center;
    font-size: 18px;
    color: #999999;
    font-weight: normal;
    margin-top: 2.5em; 
    margin-bottom: 2.5em;
    line-height: 1.4em;
}
.rules .cont{
    font-family:"Microsoft YaHei";
    margin: 0 95px;
    color: #999999;
    font-size: 18px;
    line-height: 1.5em;

}
.shichuan .mg10{
    background: #fff;
}

.rules .btn{
    width: 191px;
    height: 191px;
    position: absolute;
    top: 50px;
    right: 56px;
}

.test{
    background: url("http://cn.triumph.com/css/../img/rule_bg.jpg") no-repeat;
    min-height: 1000px;
    position: relative;
}
.test-item{
    display: none;
    width: 100%;
}
#test .test-item:first-child{

}

.test .btn{
    width: 191px;
    height: 191px;
    margin: 40px auto 0 auto;
}

.test h1{
    text-align: center;
    font-size: 48px;
    margin-bottom: 0;
}

.test h3{
    font-family:"Microsoft YaHei";
    text-align: center;
    font-size: 30px;
    color: #b20728;
    font-weight: normal;
    margin-top: 1.5em; 
    margin-bottom: 0em;
    line-height: 1.4em;
}
.test h4{
    font-family:"Microsoft YaHei";
    text-align: center;
    font-size: 24px;
    color: #b20728;
    font-weight: normal;
    margin-top: 20px;
    margin-bottom: 10px;
}
.test h5{
    font-family:"Microsoft YaHei";
    text-align: center;
    font-size: 18px;
    color: #999999;
    font-weight: normal;
    margin-top: 0.3em; 
    margin-bottom: 2.5em;
    line-height: 1.4em;
}

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

.test .xuicon{
    font-family:"Microsoft YaHei";
    display: inline-block;
    width: 80px;
    height: 80px;
    background: #ccc;
    font-size: 36px;
    color: #fff;
    border-radius: 50%;
    padding: 20px 0;
    box-sizing: border-box;
    margin: 65px 15px;
}

.test .active1{
    background: #b20728;

}

.test .img-bord{
    box-sizing: border-box;
    border-left: #b20728 7px solid;
    border-top: #b20728 7px solid;
    border-right: #b20728 1px solid;
    border-bottom: #b20728 1px solid;
}
.test .title{
    width: 100%;

text-align: center;
    height: 90px;
    background: rgba(201,11,23,0.05);
    padding-top: 24px;
    padding-bottom: 24px;
    box-sizing: border-box;
    color: #b20728;
    transition: all 0.2s linear;
}
.test .test1 .pure-u-1-3{
    cursor: pointer;
}
.test .test1 .pure-u-1-3:hover .title{
    background: rgba(201,11,23,1);
    color: #fff;
}
.test .option{
    transition: all 0.3s ease-in-out;
    height: 0px;
    overflow: hidden;
}
.test p{
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    height: 90px;
    overflow: hidden;
}

.test .pure-button{
    font-family:"Microsoft YaHei";
    margin: 0 auto;
    display: block;
    width: 156px;
    height: 56px;
    background: #b20728;
    border-radius: 6px;
    font-size: 24px;
}

.test .active .title{
    background: rgba(201,11,23,1);
    color: #fff;  
}

.test .active .option{
    height: 220px;
}
.result{
    width: 500px;
    margin: 20px auto 40px auto;
}

.result .r0{
    display:table; height: 90px;width: 100%; margin: 5px 10px;
}

.result .r1{
    font-family:"Microsoft YaHei";
    box-sizing: border-box;
    font-size: 36px;
    height: 90px;
    border: #b20728 1px solid;
    margin: 5px 10px;
    color: #b20728;
    padding-top: 24px;
    text-align: center;
}

.result .r2{ 
    font-family:"Microsoft YaHei";
    box-sizing: border-box;
    font-size: 20px;
    vertical-align:middle;   
    display:table-cell;   
    background: #b20728;
    margin: 5px 10px;
    color: #fff;
    text-align: center;

}

.result .mask{
    margin: 10px;
}

.pageavatar{
    border-radius: 50%; display: block; margin-left: 20px; margin-right: 20px;  float: left;
    width: 100px;
    height: 100px;
}
.hh2{
    padding-top: 25px; font-size: 20px; color: #b20728;
}

.pp2{
    margin-bottom: 20px; font-size: 15px; color: #999;
}

.share{
    width: 60px;
    height: 60px;
    margin: 15px auto 0 auto;
    background: url("http://cn.triumph.com/css/../img/share.png") no-repeat center;
    background-size: 60px 60px;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    z-index: 100;
}
.share:hover{
    border: #cccccc 1px solid;
}

.share-container {
    position: absolute;
    left: 0;
    top: 60px;
    width: 60px;
    height:180px;
    display: none;
}

.share:hover .share-container {
    display: block;
}
.jiathis_button_tsina,.jiathis_button_tqq,.jiathis_button_douban{
    width: 60px;
    height: 60px;
    display: block;
    position: relative;
}

.sinabt{
    width: 60px;
    height: 60px;
    background: url("http://cn.triumph.com/css/../img/sinabt.png") no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    right: 0;
}

.qqbt{
    width: 60px;
    height: 60px;
    background: url("http://cn.triumph.com/css/../img/qqbt.png") no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    right: 0;
}

.doubanbt{
    width: 60px;
    height: 60px;
    background: url("http://cn.triumph.com/css/../img/doubanbt.png") no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    right: 0;
}

.share:hover .share-container{
    left: -1px;
    top: 59px;
}

.more{
    border-top: rgba(178,7,40,0.2) 1px solid;
    margin-top: 20px;
    font-size: 16px;
    color:#b20728;
    letter-spacing: 4px;
    text-align: center;
    padding: 19px 0;
}
.more .loadmore{
    padding-right: 35px;
    background: url("http://cn.triumph.com/css/../img/more.png") no-repeat right;
    background-size: contain;
    color: #999999;
    font-size: 16px;
    letter-spacing: 6px;
}
.didi{
    display: none;
    text-align: center;
}

.didi p{
    font-size: 16px;
    font-family:"Microsoft YaHei";
    color: #4d4d4d;
    font-weight: bold;
    line-height: 1.5em;
    text-shadow:0px 0px 3px #ffffff;
    margin: 10px 0 10px 0;
}
#appointment   .didi p span{
    color: #b90424;
    font-size: 16px;
    font-family:"Microsoft YaHei";
    font-weight: bold;
    line-height: 1.5em;
}

@media all and (max-width:1440px) {
    .weibo .pure-u-1-6 {
        width:20%
    }
}@media all and (max-width:1280px) {
    .weibo .pure-u-1-6 {
        width:25%
    }
}@media all and (max-width:1024px) {
    .app-submit,.app-submit:focus ,.app-submit:link, .app-submit:active ,.app-submit:visited{
        width: 180px;
    }

#header1 .pure-menu {
        margin-left: 180px;
    }
    #header1 .pure-menu-item {
        margin: 0 5px;
    }
    #header1 .slogan {
        width: 350px;
        font-size: 18px;
    }
    #header1 .slogan i {
        font-size: 26px;
    }

#header .wrap {
        background: #fff url("http://139.196.241.71/css/../img/mp1.png") no-repeat right;
        background-size: contain;
    }
    #tvc .title {
        margin-left: 22px;
        font-size: 22px;
    }
    #tvc .m-10{
        margin-left: 12px;
        margin-right: 12px;
    }
    #tvc .tcon .ttitle {
        font-size: 22px;
    }
    #tvc .tcon .tsubtitle {
        font-size: 15px;
    }
    .common22 {
        margin-left: 0px;
        margin-right: 0px;
    }

.common h2 {
        font-size: 20px;
    }
    .common .date {
        font-size: 14px;
    }
    .common .stitle {
        font-size: 18px;
    }

.sctitle {
        font-size: 30px;
        height: 55px;
        line-height: 55px;
        margin-bottom: 52px;
    }
    .scsubtitle {
        font-size: 22px;
        height: 55px;
        line-height: 68px;
    }

.starlist li {
        height: 90px;
    }

.starlist li img {
        margin-left: 20px;
        margin-right: 20px;
        width: 60px;
        height: 60px;
    }

.starlist li h2 {
        font-size: 18px;
        padding-top: 20px;
    }

.mg10 {
        margin: 20px 22px;
        box-sizing: border-box;
        position: relative;
    }

#weibo-header .tiptext {
        font-size: 22px;
    }

.comment {
        margin: 35px 22px;
    }

.countdown{
        width: 80px;
        height: 121px;
        font-size: 40px;
        padding-top: 24px;
        left: 10px;

}

}@media all and (max-width:768px) {
    .app-submit,.app-submit:focus ,.app-submit:link, .app-submit:active ,.app-submit:visited{
        width: 160px;
        margin-left: 0.4em;
    }

#appointment .weibo_banner{
        width: 140px;
        height: 140px;
    }

#tvc .title{
        height: 45px;
        font-size: 20px;
        line-height: 45px;
        padding-left: 27px;
    }

#tvc .morelink{
        font-size: 20px;
        right: 40px;
        top: 25px;
    }

.product .cont{
        margin-left: 0px;
    }

.qrcodeTemporary{
	display:block;
    }
    #tvc .m10{
        margin:20px 10px 37px 10px;
    }
    #tvc .tcon .ttitle{
        font-size: 16px;
        margin: 10px 10px 0 10px;
    }
    #tvc .tcon .tsubtitle{
        font-size: 14px;
        margin: 10px 10px 0 10px;
    }

.dff{
        font-size: 16px;  
    }
    .rules h1{
        text-align: center;
        font-size: 40px;
        margin-bottom: 0;
    }
    .rules h4{

font-size: 20px;
        color: #b20728;

margin-top: 10px;
    }
    .rules h3{

font-size: 24px;

margin-top: 1.5em; 
        margin-bottom: 2em;
        line-height: 1.4em;
    }

.rules .btn{
        width: 150px;
        height: 150px;
        position: absolute;
        top: 50px;
        right: 30px;
    }
    #header ,#header1{
        height:80px;
    }
    #header .wrap{
        display: none;
    }

#header .logo,#header1 .logo {
        width: 100px;
        height: 70px;
        position: absolute;
        margin-left: 30px;
    }
    #header1{
        display: none;
    }
    #header .pure-menu {
        padding-top: 25px;
    }
    #header .wrap{
        background: none;
    }

#header .logo{
        display: none;
    }
    #header .pure-menu-item {
        margin: 0 6px;
    }
    #header .pure-menu-link {
        font-size: 16px;
    }
    #header .pure-menu .tmall-link {

padding-right: 28px;
    }
    #header1 .pure-menu {
        margin-left: 140px;
        padding-top: 25px; 
    }
    #header1 .pure-menu-item {
        margin: 0;
    }
    #header1 .slogan {
        width: 340px;
        font-size: 14px;
    }
    #header1 .slogan span {
        font-size: 12px;
        letter-spacing: 0px;
    }
    #header1 .slogan i {
        font-size: 20px;

}

#banner .bxslider li {
        height:360px
    }
    .newpro .active .btext {

}
    .mlr .btext {
        font-size: 16px;

}
    .btt {
        height: 80px;
    }
    .btt h2 {
        padding: 0.7em 0 0.3em 0;
    }

.wrap {

}
    #counter {
        height:50px;
        font-size:24px;
        line-height:50px
    }
    #counter span {
        width:18px;
        font-size:28px;
        height:30px;
        padding-top:2px;
        margin-top:2px;
        line-height:25px
    }
    .title1,.title5 , .title2_2, .title9,.title10{
        height: 80px;
    }

.title2 {
        height:80px; 
    }
    .title3 {
        height:50px
    }
    .title4 {
        height:40px
    }
    .common .stitle {
        font-size: 14px;
    }
    .common .stitle span {
        font-size: 12px;
    }
    .common h2 {
        font-size: 16px;
    }
    .common .date {
        font-size: 12px;
    }
    .sctitle {
        font-size: 20px;
        margin-bottom: 50px;
    }
    .scsubtitle {
        font-size: 16px;
    }
    .nicktexts:link, .nicktexts:visited, .nicktexts:active, .nicktexts:hover {
        font-size: 16px;
    }
    .starlist li img {
        margin-left: 0px; 
        margin-right: 10px;
        width: 60px;
        height: 60px;
    }
    .starlist li h2 {
        font-size: 16px;
        padding-top: 23px;
    }
    .starlist li p {
        margin: 0;
        font-size: 12px;
        color: #666666;
        line-height: 1.5em;
    }
    .common22 {
        margin-bottom: 0px;
    }

#center_container p:nth-child(1), #center_container p:nth-child(2){
	display:none;
    }

.pure-img-responsive{
        max-width:74%;
        margin:0 auto;
    }

.bicon .imgc {
        margin:0 10px
    }
    .yuyue {
        top:70%;
        width:100px;
        height:100px;
        margin:-50px 0 0 -50px
    }
    #weibo-header{
        margin-left: 0;
        margin-right: 0;
    }
    #weibo-header .tip {
        height:45px;
        background:#b20728;
        color:#fff;
        line-height:45px;
        font-size:24px;
        width: 165px;
        font-family:"Microsoft YaHei";
        text-align: center;

}
    #weibo-header .tiptext{
        font-size: 16px;
        color: #333333;
        margin-left: 10px;
        margin-top: 20px;
        line-height: 1.6em;
        text-align: left;
        font-family:"Microsoft YaHei";
    }
    #weibo-header .tiptext b{
        color: #b20728;
    }
    .text-wrap {
        max-width:600px;
        margin: 25px 40px 0 50px;
        font-family:"Microsoft YaHei";
        font-size: 13px;
        color: #333333;
        text-align: left;
        letter-spacing: 0;
        line-height: 1.5em;
    }
    .weibo .pure-u-1-6 {
        width:33.33%
    }
    .t-item {
        height:30px;
        line-height:30px;
        padding-left:50px
    }
    .weibo .t-item .W_face_radius {
        width:30px;
        height:30px;
        top:-15px;
        left:15px
    }
    .stitle {
        font-size:15px;
        top:10px;
        left:6px
    }
    .product-title {
        height:50px;
        line-height:50px;
        font-size:24px
    }
    .wrap-product {
        max-width:960px;
        margin:0 10px
    }
    .s2text {
        font-size:14px;
        line-height:1.6em;
        padding:10px 30px 50px 30px;
        color:#333
    }
    .s2text h1 {
        font-size:24px;
        color:#f20000;
        margin-left:0;
        margin-right:0;
        margin-top:0;
        margin-bottom:20px;
        line-height:1.2em
    }
    .s2text .info {
        font-size:14px;
        line-height:1.6em
    }
    .s4text {
        padding:60px 60px 0 60px
    }
    .s4text h1 {
        font-size:24px;
        margin-bottom:10px;
        line-height:1.2em
    }
    .s4text .info {
        font-size:16px;
        line-height:1.8em
    }

.s5text {
        font-family:"Microsoft YaHei";
        font-size:18px;
        line-height:1.6em;
        padding:50px 30px 0 30px;
        color:#fff;
        position:absolute;
        left:0;
        top:0
    }
    .s5text h1 {
        color:#fff;
        font-size:26px;
        margin-left:0;
        margin-right:0;
        margin-top:0;
        margin-bottom:10px;
        line-height:1.2em
    }
    .s5text .info {
        font-size:16px;
        line-height:1.5em
    }

.s5text .info ul li{
        font-size: 16px;
    }

.mg101 .squar{
        width: 139px;
        height: 139px;
        font-size: 24px;
        padding-top: 53px;
    }
    .mg101 .squar b{
        font-size: 28px;
    }

#counter1 {

height:90px;

font-size: 16px;

}

#counter1 .cctext{
        padding-top: 22px;
        font-size: 16px;
        line-height: 1.5em;
        color: #666666;
        letter-spacing: 1px;
    }
    #counter1 .cclogo{
        background: url("http://cn.triumph.com/css/../img/logo3.png") center no-repeat;
        height: 90px;
    }

#counter1 .ccd{
        padding-top: 22px;
        letter-spacing: 1px;
    }
    #counter1 .pure-u-md-1-6 {
        width: 16.6667%;
    }

#counter1 span {  
        font-size:28px;
        color:#b20728;
        height:38px;
        line-height:18px;
        margin-right:1px;
        letter-spacing: 0px;
        vertical-align: baseline;
    }

.bra{
        font-size: 12px;
        padding: 20px 25% 20px 0;
    }

.bra .big{
        font-size: 14px;
    }

.bra .dbra{
        width: 122px;
        height: 122px;
        right: 0;
    }

.star-item{
        font-size: 16px;
    }
    .star-item .crown{
        top: 7px;
        left: -35px;
    }
    .avatar1{
        top:40px;
        left: -70px;
    }
    .star-item1{
        font-size: 16px;
    }

.nicktext{
        font-size: 16px;
    }

.star-item1 .nicktext{
        font-size: 12px;
        left: 120px;
        top: 0px;
    }

.avatar2{
        left: 56px;
        top: -10px;
    }

.tiao1{
        margin-top: 62px;
    }

.tiao2{
        width: 80px;
        padding-left: 10px;
    }

#appointment .sel {
        width: 200px;
        height: 56px;
        box-shadow: none;
        text-align: center;
        outline: 0;
        background: #fff;
        border: #666 1px solid;
        border-radius: 0px;
        color: #666666;
        font-size: 16px;
        text-align: left;
    }

#appointment_header{
        width: 100%;
        height: 65px;
        background: #b20728;
    }

#appointment_header .hitem{
        font-size: 16px;
        color: #fff;
        opacity: 0.5;
        text-align: center;
        letter-spacing: 4px;
        height: 40px;
        line-height: 40px;
        border-bottom: rgba(255,255,255,0.5) 1px solid;
        margin: 10px 30px 0 30px;
    }

#appointment_header .active{
        font-size: 18px;
        color: #fff;
        opacity: 1;
        letter-spacing: 4px;
        border-bottom: rgba(255,255,255,1) 2px solid;
    }

.article h1 {
        font-size: 26px;
    }
    .article .misc span {
        font-size: 12px;
    }
    .detail {
        font-size: 16px;
    }
    .pageavatar {
        margin-left: 10px;
        margin-right: 10px;
        width: 60px;
        height: 60px;
    }
    .hh2 {
        padding-top: 5px;
        font-size: 18px;
        margin-bottom: 0;
    }
    .pp2 {
        margin-bottom: 20px;
        font-size: 14px;
        margin-top: 0px;
    }

.product .cirproduct{
        max-width: 400px;
        margin: 25px 22px 50px 22px; 
        position: relative;
    }

.article .cirproduct .mtitle {
        width: auto;
        height: 55px;
        line-height: 55px;
        font-size: 30px;
        background: #b20728;
    }
    .article .cirproduct {
        max-width: 300px;
        position: relative;
        margin-bottom: 100px;
    }
    .common22 .title {
        margin-right: 30px;
        height: 42px;
        line-height: 42px;
        font-size: 25px;

}
    .common h1 {
        font-size: 30px;
        margin-left: 22px;
    }

.common h3 {
        font-size: 14px;
        margin-left: 22px;
    }

#header2{
        display: block;
    }
    #comment-list{
        margin: 0 22px;
    }

.shop-submit,.shop-submit:focus{

margin-left: 110px;
    }

.didi-button:hover{
        margin-left: 110px;
    }

.shop-submit1,.shop-submit1:focus{

margin-left: 110px;
    }
    .back-map1 ,.back-map2 {
        margin-left: 110px;

}

#banner .slidearrow{
        display: none;
    }
    #banner .slidedown{
        display: none;
    }

.newbanner{
        height: 100px;
    }

}@media all and (max-width:480px) {
    .more-top {
        top: 90px;

}
    .article .cirproduct {
        max-width: 480px;
    }
    #tvc .tcon .ttitle {
        line-height: 1.5em;
    }
    #tvc .tcon .tsubtitle {
        font-size: 12px;
        line-height: 1.3em;
    }
    .app-submit,.app-submit:focus ,.app-submit:link, .app-submit:active ,.app-submit:visited{
        width: 155px;
    }

.popup .card{
        width: 320px;
        height: 320px;
        margin: -160px 0 0 -160px;
    }

.notetip{
        padding-left: 80px;
    }
    #appointment .weibo_banner{
        width: 110px;
        height: 110px;
    }
    .countdown{
        width: 63px;
        height: 96px;
        font-size: 30px;
        padding-top: 19px;
        left: 10px;

}
    .pc{
        display: none;
    }
    .newbanner{
        height: 80px;
        background-size: cover;
    }
    #footer .copyrright i{
        font-style: normal;
        display: block;
    }
    .tline .pure-u-1-2{
        width: 50%;
    }

.product .cirproduct .mtitle{
        width: auto;
        height: 55px;
        background: #b20728;
        font-size: 30px;
        color: #fff;
        position: absolute;
        z-index: 2;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
        line-height: 55px;
        left: -15px;
        bottom: 20px;
        letter-spacing: 2px;
    }

.sctitle {
        font-size: 20px;
        margin-bottom: 50px;
        margin-right: 80px;
    }

.newpro  .bline {
        height: 2px;
        opacity: 1;
        display: none;
    }
    #header2{
        display: block;
    }
    #weibo-header .tiptext{
        margin-bottom: 20px;
    }
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next {

left: 0px;
        right: auto;
    }
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {

right: 0px;
        left: auto;
    }
    .bx-controls {
        position:absolute;
        width:100%;
        bottom:0px; 
    }
    #header,#header1{
        height:80px;
    }

#header .pure-menu,#header1.pure-menu{
        display: none;
    }

.pcc{
        opacity: 0; display: inline;
    }

#header1 .pc{
        display: none;
    }

#header .pure-button-primary{
        height:auto;
        background: #c71121;
        border-radius: 6px;
        box-sizing: border-box;
        border: #fff 1px solid;
        font-size: 14px;
        top: 6px;
        right: 20px;
        position: absolute;
        color: #fff;
        font-family: "Microsoft YaHei";
        padding: .3em  .5em;

}
    #header1 .pure-button-primary{
        height: auto;
        background: #fff;
        border-radius: 6px;
        box-sizing: border-box;
        border: #c71121 1px solid;
        font-size: 14px;
        top: 6px;
        right: 20px;
        position: absolute;
        color: #c71121;
        font-family: "Microsoft YaHei";
        padding: .3em  .5em;
    }
    #tvc .title {
        height: 45px;
        font-size: 18px;
        line-height: 45px;
        padding-left: 27px;
        max-width: 260px;
    }
    #tvc {
        padding-bottom: 10px;
        margin-bottom: 20px;
    }
    #tvc .morelink {
        font-size: 16px;
        right: 22px;
        top: 20px;
    }
    #tvc .m10 {
        margin: 10px 10px 10px 10px;
    }
    #banner .bxslider li {
        height:180px
    }
    .wrap {
        max-width:480px
    }
    .wrap1 {
        max-width:100%
    }
    .wrap-in {
        max-width:100
    }
    #counter {
        height:30px;
        font-size:14px;
        line-height:28px
    }
    #counter span {
        width:14px;
        font-size:18px;
        height:18px;
        padding-top:2px;
        margin-top:4px;
        line-height:18px
    }
    #center_container {
        background-size:30px
    }
    .mg10 {
        margin:10px 19px 0 19px;
        box-sizing:border-box;
        position:relative
    }

.mg101 {
        margin:10px 19px 0px 19px;
        box-sizing:border-box;
        position:relative
    }
    .mg102 {
        margin:10px 5px 5px 19px;
        box-sizing:border-box;
        position:relative
    }
    .mg103 {
        margin:10px 19px 5px 5px; 
        box-sizing:border-box;
        position:relative
    }
    .pure-u-1-2 {
        width:100%
    }
    .pure-u-1-3 {
        width:100%
    }
    #counter1{
        height: 180px;
        font-size: 14px;
    }

#counter1 .cctext{
        font-size: 14px;
    }
    #counter1 .ccd{
        padding-top: 0px; 
        letter-spacing: 1px;
    }
    #counter1 .cclogo{
        height: 60px;
        background-size:contain;
    }

#counter1 .pure-u-5-12 {
        width:100%
    }
    #counter1 .pure-u-md-1-6 {
        width:100%
    }

#counter1 span {  
        font-size:24px;
        color:#b20728;
        height:24px;
        line-height:16px;
        margin-right:1px;
        letter-spacing: 0px;
        vertical-align: baseline;
    }
    .title1,.title5 ,  .title9,.title10{
        margin:10px 19px 30px 19px;
        height:40px;
        line-height:30px
    }
    .title2_2{
        margin:10px 19px 30px 19px;
        height:80px;
        line-height:30px
    }
    .title2 {
        margin:10px 19px 0 19px;
        height:40px;
        line-height:30px
    }
    .title3 {
        margin:10px 19px 0 19px;
        height:40px;
        line-height:30px
    }
    .title4 {
        margin:0 19px 0 19px;
        height:30px
    }
    .product .mr8 {
        margin-right: 0px;
    }
    .product .cirproduct {
        margin: 25px 20px 50px 20px;
        padding-bottom: 30px;
    }
    .product .cont {

margin-left: 0px;
        margin-right: 25px;
    }

.bicon {
        padding-top:10px;
        padding-bottom:20px
    }
    .bicon .imgc {
        margin:10px 18px
    }
    .bicon .pure-u-1-4 {
        width:50%
    }
    .mlr {
        margin: 5px 5px;
		padding-bottom: 10px;
    }
    .mlr img{

}
    .newpro .mlr .btext {

letter-spacing: 2px;
    }
    .newpro .active .btext {

}

.newpp{
        margin-bottom: 0px;
    }

.newpp .pure-u-1-4{
        width: 50%;
        margin-bottom: 20px;
    }
    .common .stitle {
        font-size: 16px;
    }
    .common .stitle span {
        font-size: 12px;
    }
    .common h2 {
        font-size: 18px;
    }
    .common .date {
        font-size: 10px; 
    }
    .common22 .pure-u-2-3,.comment_container  .pure-u-2-3{
        width: 100%;
    }
    .common h3 {
        margin-right: 22px;
    }

#footer {
        margin:0 auto;
        text-align:center;
        padding-bottom: 100px;
    }
    .list .pure-u-2-3 {
        width:100%
    }
    .list .pure-u-1-3 {
        width:100%
    }
    .left-border {
        border-left:#C30B17 0 solid;
        margin-right:10px;
        margin-left:10px
    }
    .list h1 {
        font-size:20px;
        margin-left:0
    }
    .list .misc {
        font-size:12px;
        line-height:1em;
        margin:15px 0 0 0;
        margin-left:-5px
    }
    .list .misc span {
        display:inline-block;
        padding:0 5px 0 5px
    }
    .share-container {
        margin-bottom:25px;
        margin-left:0;
        margin-top:10px
    }
    .shi {
        top:6%;
        width:126px;
        height:40px
    }
    .feng {
        top:6%;
        width:126px;
        height:40px
    }
    .yuyue {
        top:70%;
        width:80px;
        height:80px;
        margin:-40px 0 0 -40px
    }
    .bx-wrapper .bx-caption span {
        font-size:12px;
        padding:10px 0 10px 20px;
        line-height:20px
    }
    .bx-wrapper .bx-caption span h2 {
        font-size:16px;
        margin:0
    }
    .videonews .bx-controls {
        position:absolute;
        width:100%;
        bottom:20px;
        right:15px
    }
    #weibo-header {
        position:relative;
        background-repeat:no-repeat;
        background-size:cover;
        text-align:center;
        box-sizing:border-box;
        padding-top:0;
        font-size:12px;
        line-height:20px;
        color:#C30B17
    }
    #weibo-header .tip {

}
    .weibo .pure-u-1-6 {
        width:50%
    }
    .t-item {
        height:30px;
        line-height:30px;
        padding-left:50px
    }
    .weibo .t-item .W_face_radius {
        width:30px;
        height:30px;
        top:-15px;
        left:15px
    }
    .text-wrap {
        max-width:600px;
        margin: 25px 50px 0 60px;
        font-family:"Microsoft YaHei";
        font-size: 14px;
        color: #333333;
        text-align: left;
        letter-spacing: 0;
    }
    .stitle {
        font-size:20px;
        top:15px;
        left:10px
    }
    .product-title {
        height:30px;
        line-height:30px;
        font-size:16px
    }
    .wrap-product {
        max-width:960px;
        margin:0 10px
    }
    .mb50 {
        margin-top:10px;
        margin-bottom:0
    }
    .s3text {
        font-size:14px;
        line-height:2.1em;
        padding:10px 0 50px 0;
        color:#333
    }
    .s3text h1 {
        font-size:24px;
        color:#f20000;
        margin-left:0;
        margin-right:0;
        margin-bottom:10px
    }
    .s2text {
        font-size:14px;
        line-height:1.6em;
        padding:10px 30px 50px 30px;
        color:#333
    }
    .s2text h1 {
        font-size:24px;
        color:#f20000;
        margin-left:0;
        margin-right:0;
        margin-top:0;
        margin-bottom:20px;
        line-height:1.2em
    }
    .s2text .info {
        font-size:14px;
        line-height:1.6em
    }
    .s4text {
        padding:60px 60px 0 60px
    }
    .s4text h1 {
        font-size:24px;
        margin-bottom:10px;
        line-height:1.2em
    }
    .s4text .info {
        font-size:16px;
        line-height:1.8em
    }
    .view_bt{
        height: 36px;
        line-height: 36px;
        font-size: 16px;
        position: absolute;
    }
    .s5text {
        font-family:"Microsoft YaHei";
        font-size:18px;
        line-height:1.6em;
        padding:30px 30px 0 30px;
        color:#fff;
        position:absolute;
        left:0;
        top:0
    }
    .s5text h1 {
        color:#fff;
        font-size:25px;
        margin-left:0;
        margin-right:0;
        margin-top:0;
        margin-bottom:10px;
        line-height:1.2em
    }
    .s5text .info {
        font-size:16px;
        line-height:1.5em
    }

.s5text .info ul li{
        font-size: 15px;
    }

#allmap{width: 100%;height: 300px;overflow: hidden;}
    .mapg20 {
        margin:0px 0px 0 0px;
        box-sizing:border-box;
        position:relative
    }

#search-bar{
        width: 100%;
        position:relative;
        z-index: 20;
        min-height: 240px;

}
    #search-bar .shopl {
        width: auto;
        min-width: 320px;
        padding-left: 20px;
        margin-top: 1em;
        padding-bottom: 1em;
    }

#search-bar .search-form{
        margin: 0 22px;
    }

#search-bar .city{
        width: 180px;

}

#search-bar .search-button{
        height: 56px;

}

#search-bar ul{

}

#search-bar ul li{

}

#search-bar ul li:hover{
        border: #b20728 1px solid; 
    }

#search-bar ul li a:link,#search-bar ul li a:visited,#search-bar ul li a:active,#search-bar ul li a:hover{
        display: none;
        width: 100px;
        height: 80px;
        border-radius: 6px;
        background: #b20728;
        color: #fff;
        position: absolute;
        z-index: 10;
        right: -1px;
        top: -1px;
        text-align: center;
        box-sizing: border-box;
        padding-top: 15px;

}

#search-bar ul li:hover a:link,#search-bar ul li:hover  a:visited,#search-bar ul li:hover  a:active,#search-bar ul li:hover  a:hover{
        display: block;

}

#search-bar ul li b{
        font-weight: normal;
    }
    #search-bar ul li u{
        text-decoration: none;
        width: 30px;
        height: 30px;
        display: block;
        position: absolute;
        background: url("http://cn.triumph.com/css/../img/crown_0.png");
        left: 10px;
        top: 10px;
    }
    #ranking .scsubtitle{
        position:static;
        font-size: 22px;
    }

#search-bar ul li .l28{
        margin-left: 24px;
    }

#search-bar ul li i{
        font-style: normal;
        font-size: 14px;
        color: #58595b;
    }

#search-bar ul li span{
        font-size: 14px;
        color: #999999;
        position: absolute;
        display: block;
        right: 5px; 
        top: 14px; 
    }

#appointment_header{
        width: 100%;
        height: 65px;
        background: #b20728;
    }
    #appointment_header .wrap{
        margin: 0;
        max-width: 640px;
    }
    #appointment_header .pure-u-1-3{
        width: 33.33%;
    }
    #appointment_header .hitem{
        font-size: 14px;
        color: #fff;
        opacity: 0.5;
        text-align: center;
        letter-spacing: 4px;
        height: 40px;
        line-height: 40px;
        border-bottom: rgba(255,255,255,0.5) 1px solid;
        margin: 10px 5px 0 5px;
    }

#appointment_header .active{
        font-size: 16px;
        color: #fff;
        opacity: 1;
        letter-spacing: 4px;
        border-bottom: rgba(255,255,255,1) 2px solid;
    }

#appointment{
        width: auto;
        height: 500px;
        text-align: center;
        position: relative;
        margin: 0;
        padding-top: 1px;
        zoom: 1;
        background-size: cover;
        background-position: center;
    }

#appointment h1{
        font-size: 24px;
        color: #b20728;
        margin: 1em 0;
    }

#appointment h2{
        font-size: 16px;
        color: #666;
        margin-bottom: 15px;

}
    #appointment h2 i{
        font-size: 20px;
    }
    #appointment h2 {
        margin-right: 20px;
    }

#appointment h3{
        font-size: 14px;
        margin-bottom: 10px;
        line-height: 1.5em;
        margin-left: 30px;
        margin-right: 30px;
    }

#appointment h2 .small{
        font-size: 16px;
    }
    .pure-form-aligned .pure-control-group {
        margin-bottom: 0.9em;
    }
    .pure-form-aligned .pure-control-group label {
        text-align: right;
        display: inline-block;
        vertical-align: middle;
        font-size: 14px;
        width: 9em;
        margin: 0 1em 0 0;
        color: #b20728;
    }

#appointment .sel {
        width: 140px;
        height: 32px;
        font-size: 14px;
        display: inline-block;
        line-height: 20px;
        padding: 0 10px;
    }

#appointment .sel:disabled{
        background: transparent;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    .didi-button,.didi-button:focus{
        width: 160px;
        height: 38px;
        border-radius: 0px;
        font-size: 18px;
        line-height: 15px;
        margin-left: 0;
    }

.didi-button:hover{

}

.shop-submit,.shop-submit:focus{
        width: 140px;
        height: 38px;
        border-radius: 0px;
        font-size: 18px;
        line-height: 15px;
        margin-left: 145px;
        letter-spacing: 0;
    }

.shop-submit:hover{

}

.shop-submit1,.shop-submit1:focus{
        width: 140px;
        height: 38px;
        border-radius: 0px;
        margin-left: 145px; 
        font-size: 16px;
        line-height: 16px;
        letter-spacing: 0px; 
    }

.shop-submit1:disabled{

background-size: contain;
    }

.shop-submit1:hover{

}

.shop-submit2,.shop-submit2:focus{
        width: 140px;
        height: 38px;
        border-radius: 6px;

margin-top: 30px;
    }

.shop-submit2:hover{

}
    .shop-submit2:disabled{

}

.back-map1{
        background-size: contain;
        width: 140px;
        height: 38px;
        margin: 0 auto 0 auto;
        margin-left: 145px;
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 0;
    }

.back-map1:hover{
    }

.back-map2{
        background-size: contain;
        width: 140px;
        height: 38px;
        margin: 0 auto 0 auto;
        margin-left: 145px;
        font-size: 18px;
        line-height: 20px;
        letter-spacing: 0;

}

.back-map2:hover{
        border: 2px #fff solid;
        background:#ae131d url("http://cn.triumph.com/css/../img/back2.png") left top; 
        background-size: contain;
    }

.back-map3{
        width: 160px;
        height: 38px;
        border-radius: 6px;
        box-sizing: border-box;
        border: 2px #fff solid;
        background:#b20728 url("http://cn.triumph.com/css/../img/back3.png") left top; 
        background-size: contain;
        display: block;
        margin: 30px auto 0 auto;
        display: none;
    }

.back-map3:hover{
        border: 2px #fff solid;
        background:#ae131d url("http://cn.triumph.com/css/../img/back3.png") left top; 
        background-size: contain;
    }
    .squar{
        width: 70px;
        height: 70px;
        font-size: 12px;
        padding-top: 30px;
    }
    .squar b{
        font-size: 14px;
    }

.mg101 .squar{
        width: 135px;
        height: 135px;
        font-size: 24px;
        padding-top: 50px;
    }
    .mg101 .squar b{
        font-size: 28px;
    }

.chanpin .pure-u-1-2{
        width: 50%;
    }

.squar1{
        font-family: arial;

position: absolute;
        left: 0;
        bottom: 0;
        background: #e63273;
        background-size: cover;
        z-index: 10;
        color: #fff;
        font-weight: bold;

text-align: center;
        box-sizing: border-box;
        width: 60px;
        height: 60px;
        font-size: 16px;
        padding-top: 10px;
    }
    .squar1 b{
        font-size: 18px;
    }
    #sc .pure-u-2-3{
        width: 100%;
    }

.bra{
        font-size: 12px;
        padding: 20px 0 20px 0;
        margin-bottom: 100px;
    }

.bra .big{
        font-size: 12px;
    }

.bra .dbra{
        width: 80px;
        height: 80px; 
        right: 0;
        top: 120px;
        left: 50%;
        margin-left:-50px; 
    }

.nicktext{
        font-size: 16px;
    }

.star-item1 .nicktext{
        font-size: 12px;
        left: 150px;
        top: 0px;
    }

.avatar2{
        left: 86px;
        top: -10px;
    }

.tiao1{
        margin-top: 62px;
    }

.tiao2{
        width: 100px;
        padding-left: 20px;
    }

.rules{

}

.rules h1{
        text-align: center;
        font-size: 28px;
        margin-bottom: 0;
    }
    .rules h4{

font-size: 16px;
        color: #b20728;

margin-top: 10px;
    }
    .rules h3{

font-size: 18px;

margin-top: 1.5em; 
        margin-bottom: 7.5em;
        line-height: 1.4em;
    }
    .rules h5{
        font-size: 14px;
        margin-top: 2.5em; 
        margin-bottom: 2.5em;
        line-height: 1.4em;
    }
    .rules .cont{

margin: 0 10px;

font-size: 12px;
        line-height: 1.5em;

}
    .rules .btn{
        width: 100px;
        height: 100px;
        position: absolute;
        top: 190px;
        left: 50%;
        margin-left: -50px;
    }

.test{
        background: url("http://cn.triumph.com/css/../img/rule_bg.jpg") no-repeat;
        min-height: 1000px;
        position: relative;
    }
    .test-item{
        display: none;
        width: 100%;
    }
    #test .test-item:first-child{

}

.test .btn{
        width: 120px;
        height: 120px;
        margin: 40px auto 0 auto;
    }

.test h1{
        text-align: center;
        font-size: 48px;
        margin-bottom: 0;
    }

.test h3{
        font-family:"Microsoft YaHei";
        text-align: center;
        font-size: 20px;
        color: #b20728;
        font-weight: normal;
        margin-top: 1.5em; 
        margin-bottom: 0em;
        line-height: 1.4em;
    }
    .test h4{
        font-family:"Microsoft YaHei";
        text-align: center;
        font-size: 14px;
        color: #b20728;
        font-weight: normal;
        margin-top: 20px;
        margin-bottom: 10px;
    }
    .test h5{
        font-family:"Microsoft YaHei";
        text-align: center;
        font-size: 14px;
        color: #999999;
        font-weight: normal;
        margin-top: 0.3em; 
        margin-bottom: 2.5em;
        line-height: 1.4em;
    }

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

.test .xuicon{
        font-family:"Microsoft YaHei";
        display: inline-block;
        width: 60px;
        height: 60px;
        background: #ccc;
        font-size: 30px;
        color: #fff;
        border-radius: 50%;
        padding: 15px 0;
        box-sizing: border-box;
        margin: 40px 15px;
    }

.test .active1{
        background: #b20728;

}

.test .img-bord{
        box-sizing: border-box;
        border-left: #b20728 7px solid;
        border-top: #b20728 7px solid;
        border-right: #b20728 1px solid;
        border-bottom: #b20728 1px solid;
    }
    .test .title{
        width: 100%;

text-align: center;
        height: 90px;
        background: rgba(201,11,23,0.05);
        padding-top: 24px;
        padding-bottom: 24px;
        box-sizing: border-box;
        color: #b20728;
        transition: all 0.2s linear;
    }
    .test .test1 .pure-u-1-3{
        cursor: pointer;
    }
    .test .test1 .pure-u-1-3:hover .title{
        background: rgba(201,11,23,1);
        color: #fff;
    }
    .test .option{
        transition: all 0.3s ease-in-out;
        height: 0px;
        overflow: hidden;
    }
    .test p{
        text-align: center;
        font-size: 14px;
        line-height: 18px;
        height: 90px;
        overflow: hidden;
    }

.test .pure-button{
        font-family:"Microsoft YaHei";
        margin: 0 auto;
        display: block;
        width: 156px;
        height: 56px;
        background: #b20728;
        border-radius: 6px;
        font-size: 24px;
    }

.test .active .title{
        background: rgba(201,11,23,1);
        color: #fff;  
    }

.test .active .option{
        height: 220px;
    }
    .result{
        width: 100%;
        margin: 20px auto 40px auto;
    }
    .result .r0{
        display:table; height: 70px;width: 90%; padding: 5px 10px;
        margin: 0;
    }

.result .r1{
        font-family:"Microsoft YaHei";
        box-sizing: border-box;
        font-size: 24px;
        height: 70px;
        border: #b20728 1px solid;
        margin: 5px 10px;
        color: #b20728;
        padding-top: 20px;
        text-align: center;
    }

.result .r2{
        font-family:"Microsoft YaHei";
        box-sizing: border-box;
        font-size: 16px;
        background: #b20728;
        margin: 5px 10px;
        color: #fff;
        text-align: center;

}

.result .mask{
        margin: 10px;
    }

.result .pure-u-1-2{
        width: 50%;
    }

.newpro .pure-u-1-3{
        width: 49%;
    }

}

@media (max-width:480px) {
    .nyzs .pure-u-1-3 {
        width: 49%;
    }

.pure-u-1-3 .mar {
        margin: 5px;
    }

.ganhuo .btext {
        margin: 5px;
        font-size: 14px;
    }
    }

@media all and (max-width:320px) {
    .app-submit,.app-submit:focus ,.app-submit:link, .app-submit:active ,.app-submit:visited{
        width: 130px;
        margin-left: 0.3em;
    }
    #header2 .slogan span{
        font-size: 10px;
        color: #999999;
        letter-spacing: 0px;
        margin-top: 0;
    }
    #header2 .logo {
        height: 70px;
        width: auto;
        position: absolute;
        margin-left: 10px;
        margin-top: 10px;
    }
    #tvc .title {
        height: 45px;
        font-size: 14px;
        line-height: 45px;
        padding-left: 20px;
        max-width: 190px;
        font-weight: normal;
    }
    #tvc .morelink {
        font-size: 14px;
        right: 22px;
        top: 20px;
    }
    #tvc .tcon .ttitle {
        font-size: 14px;
        margin: 10px 10px 0 10px;
    }
    #tvc .tcon .tsubtitle {
        font-size: 12px;
        margin: 10px 10px 0 10px;
    }
    .mlr {
        margin: 5px;
        position: relative;
    }
    .newpro .mlr .btext {

letter-spacing: 2px;
    }
    .newpro .active .btext {

}
    #weibo-header .tiptext {
        font-size: 13px;

}
    #weibo-header .lkuo,#weibo-header .rkuo {
        height: 150px;
    }

.text-wrap {
        margin: 25px 40px 0 40px;
        font-size: 12px;

}

#counter {
        height:30px;
        font-size:14px;
        line-height:28px
    }
    #counter span {
        width:14px;
        font-size:18px;
        height:20px;
        padding-top:2px;
        margin-top:5px;
        line-height:18px
    }
    #center_container {
        background-size:30px
    }
    .pure-u-1-2 {
        width:100%
    }
    .pure-u-1-3 {
        width:100%
    }

.title1,.title5, .title2_2, .title9 ,.title10{
        margin:10px 19px 10px 19px;
        height:30px
    }
    .title2_2{
        margin:10px 19px 10px 19px;
        height:80px;
    }
    .title2 {
        margin:10px 19px 0 19px;
        height:30px
    }
    .title3 {
        margin:10px 19px 0 19px;
        height:30px
    }
    .title4 {
        margin:0 19px 0 19px;
        height:30px
    }
    .bicon {
        padding-top:10px;
        padding-bottom:20px
    }
    .bicon .imgc {
        margin:10px 18px
    }
    .bicon .pure-u-1-4 {
        width:50%
    }
    .left-border {
        border-left:#C30B17 0 solid;
        padding-right:0
    }
    .list h1 {
        font-size:20px;
        margin-left:0
    }
    .list .misc {
        font-size:12px;
        line-height:1em;
        margin:15px 0 0 0;
        margin-left:-5px
    }
    .list .misc span {
        display:inline-block;
        padding:0 5px 0 5px
    }
    .share-container {
        margin-bottom:25px;
        margin-left:0;
        margin-top:10px
    }
    .shi {
        top:6%;
        width:90px;
        height:40px
    }
    .feng {
        top:6%;
        width:90px;
        height:40px
    }
    .play-bt {
        width:40px;
        height:40px;
        margin:-20px 0 0 -20px
    }
    .s3text {
        font-size:13px;
        line-height:2.1em;
        padding:10px 0 50px 0;
        color:#333
    }
    .s3text h1 {
        font-size:20px;
        color:#f20000;
        margin-left:0;
        margin-right:0;
        margin-bottom:10px
    }
    .s4text {
        padding:40px 40px 0 40px
    }
    .s4text h1 {
        font-size:20px;
        margin-bottom:10px;
        line-height:1.2em
    }
    .s4text .info {
        font-size:14px;
        line-height:1.6em
    }

.s5text {
        font-family:"Microsoft YaHei";
        font-size:18px;
        line-height:1.6em;
        padding:25px 25px 0 25px;
        color:#fff;
        position:absolute;
        left:0;
        top:0
    }
    .s5text h1 {
        color:#fff;
        font-size:20px;
        margin-left:0;
        margin-right:0;
        margin-top:0;
        margin-bottom:10px;
        line-height:1.2em
    }
    .s5text .info {
        font-size:14px;
        line-height:1.5em
    }

.s5text .info ul{
        display: block;
        list-style-type: disc;
        -webkit-margin-before: 1em;
        -webkit-margin-after: 1em;
        -webkit-margin-start: 0px;
        -webkit-margin-end: 0px;
        -webkit-padding-start: 0;
        font-size: 14px;
    }

.s5text .info ul li{
        font-size: 13px;
    }

.squar{
        width: 60px;
        height: 60px;
        font-size: 12px;
        padding-top: 25px;
    }
    .squar b{
        font-size: 14px;
    }

.mg101 .squar{
        width: 113px;
        height: 113px;
        font-size: 24px;
        padding-top: 48px;
    }
    .mg101 .squar b{
        font-size: 28px;
    }

.rules{

}

.rules h1{
        text-align: center;
        font-size: 28px;
        margin-bottom: 0;
    }
    .rules h4{

font-size: 16px;
        color: #b20728;

margin-top: 10px;
    }
    .rules h3{

font-size: 18px;

margin: 0 10px;

font-size: 12px;
        line-height: 1.5em;

}
    .rules .btn{
        width: 100px;
        height: 100px;
        position: absolute;
        top: 200px;
        left: 50%;
        margin-left: -50px;
    }

#search-bar .city {
        width: 160px;
        height: 56px;
        margin-left: 0px;
    }
    #search-bar .shopl {
        width: auto;
        min-width: 320px;
        padding-left: 0px;
        margin-top: 1em;
        padding-bottom: 1em;
    }

}

</style>
        <style media="" data-href="videojs/video-js.css">/*!
Video.js Default Styles (http://videojs.com)
Version 4.10.0
Create your own skin at http://designer.videojs.com
*/
/* SKIN
================================================================================
The main class name for all skin-specific styles. To make your own skin,
replace all occurances of 'vjs-default-skin' with a new name. Then add your new
skin name to your video tag instead of the default skin.
e.g. <video class="video-js my-skin-name">
*/
.vjs-default-skin {
  color: #cccccc;
}
/* Custom Icon Font
--------------------------------------------------------------------------------
The control icons are from a custom font. Each icon corresponds to a character
(e.g. "\e001"). Font icons allow for easy scaling and coloring of icons.
*/
@font-face {
  font-family: 'VideoJS';
  src: url("http://cn.triumph.com/videojs/font/vjs.eot");
  src: url("http://cn.triumph.com/videojs/font/vjs.eot?#iefix") format('embedded-opentype'), url("http://cn.triumph.com/videojs/font/vjs.woff") format('woff'), url("http://cn.triumph.com/videojs/font/vjs.ttf") format('truetype'), url("http://cn.triumph.com/videojs/font/vjs.svg#icomoon") format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Base UI Component Classes
--------------------------------------------------------------------------------
*/
/* Slider - used for Volume bar and Seek bar */
.vjs-default-skin .vjs-slider {
  /* Replace browser focus hightlight with handle highlight */
  outline: 0;
  position: relative;
  cursor: pointer;
  padding: 0;
  /* background-color-with-alpha */
  background-color: #333333;
  background-color: rgba(51, 51, 51, 0.9);
}
.vjs-default-skin .vjs-slider:focus {
  /* box-shadow */
  -webkit-box-shadow: 0 0 2em #ffffff;
  -moz-box-shadow: 0 0 2em #ffffff;
  box-shadow: 0 0 2em #ffffff;
}
.vjs-default-skin .vjs-slider-handle {
  position: absolute;
  /* Needed for IE6 */
  left: 0;
  top: 0;
}
.vjs-default-skin .vjs-slider-handle:before {
  content: "\e009";
  font-family: VideoJS;
  font-size: 1em;
  line-height: 1;
  text-align: center;
  text-shadow: 0em 0em 1em #fff;
  position: absolute;
  top: 0;
  left: 0;
  /* Rotate the square icon to make a diamond */
  /* transform */
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* Control Bar
--------------------------------------------------------------------------------
The default control bar that is a container for most of the controls.
*/
.vjs-default-skin .vjs-control-bar {
  /* Start hidden */
  display: none;
  position: absolute;
  /* Place control bar at the bottom of the player box/video.
     If you want more margin below the control bar, add more height. */
  bottom: 0;
  /* Use left/right to stretch to 100% width of player div */
  left: 0;
  right: 0;
  /* Height includes any margin you want above or below control items */
  height: 3.0em;
  /* background-color-with-alpha */
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7);
}
/* Show the control bar only once the video has started playing */
.vjs-default-skin.vjs-has-started .vjs-control-bar {
  display: block;
  /* Visibility needed to make sure things hide in older browsers too. */

visibility: visible;
  opacity: 1;
  /* transition */
  -webkit-transition: visibility 0.1s, opacity 0.1s;
  -moz-transition: visibility 0.1s, opacity 0.1s;
  -o-transition: visibility 0.1s, opacity 0.1s;
  transition: visibility 0.1s, opacity 0.1s;
}
/* Hide the control bar when the video is playing and the user is inactive  */
.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  display: block;
  visibility: hidden;
  opacity: 0;
  /* transition */
  -webkit-transition: visibility 1s, opacity 1s;
  -moz-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
}
.vjs-default-skin.vjs-controls-disabled .vjs-control-bar {
  display: none;
}
.vjs-default-skin.vjs-using-native-controls .vjs-control-bar {
  display: none;
}
/* The control bar shouldn't show after an error */
.vjs-default-skin.vjs-error .vjs-control-bar {
  display: none;
}
/* Don't hide the control bar if it's audio */
.vjs-audio.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
}
/* IE8 is flakey with fonts, and you have to change the actual content to force
fonts to show/hide properly.
  - "\9" IE8 hack didn't work for this
  - Found in XP IE8 from http://modern.ie. Does not show up in "IE8 mode" in IE9
*/
@media \0screen {
  .vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar :before {
    content: "";
  }
}
/* General styles for individual controls. */
.vjs-default-skin .vjs-control {
  outline: none;
  position: relative;
  float: left;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 3.0em;
  width: 4em;
}
/* Font button icons */
.vjs-default-skin .vjs-control:before {
  font-family: VideoJS;
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
/* Replacement for focus outline */
.vjs-default-skin .vjs-control:focus:before,
.vjs-default-skin .vjs-control:hover:before {
  text-shadow: 0em 0em 1em #ffffff;
}
.vjs-default-skin .vjs-control:focus {
  /*  outline: 0; */
  /* keyboard-only users cannot see the focus on several of the UI elements when
  this is set to 0 */

}
/* Hide control text visually, but have it available for screenreaders */
.vjs-default-skin .vjs-control-text {
  /* hide-visually */
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/* Play/Pause
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-play-control {
  width: 5em;
  cursor: pointer;
}
.vjs-default-skin .vjs-play-control:before {
  content: "\e001";
}
.vjs-default-skin.vjs-playing .vjs-play-control:before {
  content: "\e002";
}
/* Playback toggle
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-playback-rate .vjs-playback-rate-value {
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.vjs-default-skin .vjs-playback-rate.vjs-menu-button .vjs-menu .vjs-menu-content {
  width: 4em;
  left: -2em;
  list-style: none;
}
/* Volume/Mute
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-mute-control,
.vjs-default-skin .vjs-volume-menu-button {
  cursor: pointer;
  float: right;
}
.vjs-default-skin .vjs-mute-control:before,
.vjs-default-skin .vjs-volume-menu-button:before {
  content: "\e006";
}
.vjs-default-skin .vjs-mute-control.vjs-vol-0:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before {
  content: "\e003";
}
.vjs-default-skin .vjs-mute-control.vjs-vol-1:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before {
  content: "\e004";
}
.vjs-default-skin .vjs-mute-control.vjs-vol-2:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before {
  content: "\e005";
}
.vjs-default-skin .vjs-volume-control {
  width: 5em;
  float: right;
}
.vjs-default-skin .vjs-volume-bar {
  width: 5em;
  height: 0.6em;
  margin: 1.1em auto 0;
}
.vjs-default-skin .vjs-volume-level {
  position: absolute;
  top: 0;
  left: 0;
  height: 0.5em;
  /* assuming volume starts at 1.0 */

width: 100%;
  background: #b20728;
}
.vjs-default-skin .vjs-volume-bar .vjs-volume-handle {
  width: 0.5em;
  height: 0.5em;
  /* Assumes volume starts at 1.0. If you change the size of the
     handle relative to the volume bar, you'll need to update this value
     too. */

left: 4.5em;
}
.vjs-default-skin .vjs-volume-handle:before {
  font-size: 0.9em;
  top: -0.2em;
  left: -0.2em;
  width: 1em;
  height: 1em;
}
/* The volume menu button is like menu buttons (captions/subtitles) but works
    a little differently. It needs to be possible to tab to the volume slider
    without hitting space bar on the menu button. To do this we're not using
    display:none to hide the slider menu by default, and instead setting the
    width and height to zero. */
.vjs-default-skin .vjs-volume-menu-button .vjs-menu {
  display: block;
  width: 0;
  height: 0;
  border-top-color: transparent;
}
.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content {
  height: 0;
  width: 0;
}
.vjs-default-skin .vjs-volume-menu-button:hover .vjs-menu,
.vjs-default-skin .vjs-volume-menu-button .vjs-menu.vjs-lock-showing {
  border-top-color: rgba(7, 40, 50, 0.5);
  /* Same as ul background */

}
.vjs-default-skin .vjs-volume-menu-button:hover .vjs-menu .vjs-menu-content,
.vjs-default-skin .vjs-volume-menu-button .vjs-menu.vjs-lock-showing .vjs-menu-content {
  height: 2.9em;
  width: 10em;
}
/* Progress
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-progress-control {
  position: absolute;
  left: 0;
  right: 0;
  width: auto;
  font-size: 0.3em;
  height: 1em;
  /* Set above the rest of the controls. */
  top: -1em;
  /* Shrink the bar slower than it grows. */
  /* transition */
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
/* On hover, make the progress bar grow to something that's more clickable.
    This simply changes the overall font for the progress bar, and this
    updates both the em-based widths and heights, as wells as the icon font */
.vjs-default-skin:hover .vjs-progress-control {
  font-size: .9em;
  /* Even though we're not changing the top/height, we need to include them in
      the transition so they're handled correctly. */

/* transition */
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
/* -webkit-Box containing play and load progresses. Also acts as seek scrubber. */
.vjs-default-skin .vjs-progress-holder {
  height: 100%;
}
/* Progress Bars */
.vjs-default-skin .vjs-progress-holder .vjs-play-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  /* updated by javascript during playback */

width: 0;
  /* Needed for IE6 */
  left: 0;
  top: 0;
}
.vjs-default-skin .vjs-play-progress {
  /*
    Using a data URI to create the white diagonal lines with a transparent
      background. Surprisingly works in IE8.
      Created using http://www.patternify.com
    Changing the first color value will change the bar color.
    Also using a paralax effect to make the lines move backwards.
      The -50% left position makes that happen.
  */

background: #b20728;
}
.vjs-default-skin .vjs-load-progress {
  background: #646464 /* IE8- Fallback */;
  background: rgba(255, 255, 255, 0.2);
}
/* there are child elements of the load progress bar that represent the
   specific time ranges that have been buffered */
.vjs-default-skin .vjs-load-progress div {
  background: #787878 /* IE8- Fallback */;
  background: rgba(255, 255, 255, 0.1);
}
.vjs-default-skin .vjs-seek-handle {
  width: 1.5em;
  height: 100%;
}
.vjs-default-skin .vjs-seek-handle:before {
  padding-top: 0.1em /* Minor adjustment */;
}
/* Live Mode
--------------------------------------------------------------------------------
*/
.vjs-default-skin.vjs-live .vjs-time-controls,
.vjs-default-skin.vjs-live .vjs-time-divider,
.vjs-default-skin.vjs-live .vjs-progress-control {
  display: none;
}
.vjs-default-skin.vjs-live .vjs-live-display {
  display: block;
}
/* Live Display
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-live-display {
  display: none;
  font-size: 1em;
  line-height: 3em;
}
/* Time Display
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-time-controls {
  font-size: 1em;
  /* Align vertically by making the line height the same as the control bar */
  line-height: 3em;
}
.vjs-default-skin .vjs-current-time {
  float: left;
}
.vjs-default-skin .vjs-duration {
  float: left;
}
/* Remaining time is in the HTML, but not included in default design */
.vjs-default-skin .vjs-remaining-time {
  display: none;
  float: left;
}
.vjs-time-divider {
  float: left;
  line-height: 3em;
}
/* Fullscreen
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-fullscreen-control {
  width: 3.8em;
  cursor: pointer;
  float: right;
}
.vjs-default-skin .vjs-fullscreen-control:before {
  content: "\e000";
}
/* Switch to the exit icon when the player is in fullscreen */
.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before {
  content: "\e00b";
}
/* Big Play Button (play button at start)
--------------------------------------------------------------------------------
Positioning of the play button in the center or other corners can be done more
easily in the skin designer. http://designer.videojs.com/
*/
.vjs-default-skin .vjs-big-play-button {
  
}
/* Optionally center */
.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button {
  /* Center it horizontally */
  left: 50%;
  margin-left: -1.8em;
  /* Center it vertically */
  top: 50%;
  margin-top: -1.8em;
}
/* Hide if controls are disabled */
.vjs-default-skin.vjs-controls-disabled .vjs-big-play-button {
  display: none;
}
/* Hide when video starts playing */
.vjs-default-skin.vjs-has-started .vjs-big-play-button {
  display: none;
}
/* Hide on mobile devices. Remove when we stop using native controls
    by default on mobile  */
.vjs-default-skin.vjs-using-native-controls .vjs-big-play-button {
  display: none;
}
.vjs-default-skin:hover .vjs-big-play-button,
.vjs-default-skin .vjs-big-play-button:focus {
  outline: 0;
  border-color: #fff;
  /* IE8 needs a non-glow hover state */
  /* box-shadow */
  -webkit-box-shadow: 0 0 3em #ffffff;
  -moz-box-shadow: 0 0 3em #ffffff;
  box-shadow: 0 0 3em #ffffff;
  /* transition */
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s;
}

.vjs-error .vjs-big-play-button {
  display: none;
}
/* Error Display
--------------------------------------------------------------------------------
*/
.vjs-error-display {
  display: none;
}
.vjs-error .vjs-error-display {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.vjs-error .vjs-error-display:before {
  content: 'X';
  font-family: Arial;
  font-size: 4em;
  color: #666666;
  /* In order to center the play icon vertically we need to set the line height
     to the same as the button height */

line-height: 1;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center /* Needed for IE8 */;
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.5em;
  width: 100%;
}
.vjs-error-display div {
  position: absolute;
  bottom: 1em;
  right: 0;
  left: 0;
  font-size: 1.4em;
  text-align: center;
  padding: 3px;
  background: #000000;
  background: rgba(0, 0, 0, 0.5);
}
.vjs-error-display a,
.vjs-error-display a:visited {
  color: #F4A460;
}
/* Loading Spinner
--------------------------------------------------------------------------------
*/
.vjs-loading-spinner {
  /* Should be hidden by default */
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 4em;
  line-height: 1;
  width: 1em;
  height: 1em;
  margin-left: -0.5em;
  margin-top: -0.5em;
  opacity: 0.75;
}
/* Show the spinner when waiting for data and seeking to a new time */
.vjs-waiting .vjs-loading-spinner,
.vjs-seeking .vjs-loading-spinner {
  display: block;
  /* only animate when showing because it can be processor heavy */
  /* animation */
  -webkit-animation: spin 1.5s infinite linear;
  -moz-animation: spin 1.5s infinite linear;
  -o-animation: spin 1.5s infinite linear;
  animation: spin 1.5s infinite linear;
}
/* Errors are unrecoverable without user interaction so hide the spinner */
.vjs-error .vjs-loading-spinner {
  display: none;
  /* ensure animation doesn't continue while hidden */
  /* animation */
  -webkit-animation: none;
  -moz-animation: none;
  -o-animation: none;
  animation: none;
}
.vjs-default-skin .vjs-loading-spinner:before {
  content: "\e01e";
  font-family: VideoJS;
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  height: 1em;
  text-align: center;
  text-shadow: 0em 0em 0.1em #000;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
/* Menu Buttons (Captions/Subtitles/etc.)
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-menu-button {
  float: right;
  cursor: pointer;
}
.vjs-default-skin .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0em;
  /* (Width of vjs-menu - width of button) / 2 */

width: 0em;
  height: 0em;
  margin-bottom: 3em;
  border-left: 2em solid transparent;
  border-right: 2em solid transparent;
  border-top: 1.55em solid #000000;
  /* Same width top as ul bottom */

border-top-color: rgba(7, 40, 50, 0.5);
  /* Same as ul background */

}
/* Button Pop-up Menu */
.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  position: absolute;
  width: 10em;
  bottom: 1.5em;
  /* Same bottom as vjs-menu border-top */

max-height: 15em;
  overflow: auto;
  left: -5em;
  /* Width of menu - width of button / 2 */

/* background-color-with-alpha */
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7);
  /* box-shadow */
  -webkit-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
  -moz-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
  box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
}
.vjs-default-skin .vjs-menu-button:hover .vjs-control-content .vjs-menu,
.vjs-default-skin .vjs-control-content .vjs-menu.vjs-lock-showing {
  display: block;
}
.vjs-default-skin .vjs-menu-button ul li {
  list-style: none;
  margin: 0;
  padding: 0.3em 0 0.3em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}
.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
  background-color: #000;
}
.vjs-default-skin .vjs-menu-button ul li:focus,
.vjs-default-skin .vjs-menu-button ul li:hover,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {
  outline: 0;
  color: #111;
  /* background-color-with-alpha */
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.75);
  /* box-shadow */
  -webkit-box-shadow: 0 0 1em #ffffff;
  -moz-box-shadow: 0 0 1em #ffffff;
  box-shadow: 0 0 1em #ffffff;
}
.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}
/* Subtitles Button */
.vjs-default-skin .vjs-subtitles-button:before {
  content: "\e00c";
}
/* Captions Button */
.vjs-default-skin .vjs-captions-button:before {
  content: "\e008";
}
/* Chapters Button */
.vjs-default-skin .vjs-chapters-button:before {
  content: "\e00c";
}
.vjs-default-skin .vjs-chapters-button.vjs-menu-button .vjs-menu .vjs-menu-content {
  width: 24em;
  left: -12em;
}
/* Replacement for focus outline */
.vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before,
.vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before {
  /* box-shadow */
  -webkit-box-shadow: 0 0 1em #ffffff;
  -moz-box-shadow: 0 0 1em #ffffff;
  box-shadow: 0 0 1em #ffffff;
}
/*
REQUIRED STYLES (be careful overriding)
================================================================================
When loading the player, the video tag is replaced with a DIV,
that will hold the video tag or object tag for other playback methods.
The div contains the video playback element (Flash or HTML5) and controls,
and sets the width and height of the video.

** If you want to add some kind of border/padding (e.g. a frame), or special
positioning, use another containing element. Otherwise you risk messing up
control positioning and full window mode. **
*/
.video-js {
  background-color: #fff;
  position: relative;
  padding: 0;
  /* Start with 10px for base font size so other dimensions can be em based and
     easily calculable. */

font-size: 10px;
  /* Allow poster to be vertially aligned. */

vertical-align: middle;
  /*  display: table-cell; */
  /*This works in Safari but not Firefox.*/

/* Provide some basic defaults for fonts */

font-weight: normal;
  font-style: normal;
  /* Avoiding helvetica: issue #376 */

font-family: Arial, sans-serif;
  /* Turn off user selection (text highlighting) by default.
     The majority of player components will not be text blocks.
     Text areas will need to turn user selection back on. */

/* user-select */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* Playback technology elements expand to the width/height of the containing div
    <video> or <object> */
.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* Fix for Firefox 9 fullscreen (only if it is enabled). Not needed when
   checking fullScreenEnabled. */
.video-js:-moz-full-screen {
  position: absolute;
}
/* Fullscreen Styles */
body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  /* Fix for IE6 full-window. http://www.cssplay.co.uk/layouts/fixed.html */
  overflow-y: auto;
}
.video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  /* IE6 full-window (underscore hack) */
  _position: absolute;
}
.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}
.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}
/* Poster Styles */
.vjs-poster {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.vjs-poster img {
  display: block;
  margin: 0 auto;
  max-height: 100%;
  padding: 0;
  width: 100%;
}
/* Hide the poster after the video has started playing */
.video-js.vjs-has-started .vjs-poster {
  display: none;
}
/* Don't hide the poster if we're playing audio */
.video-js.vjs-audio.vjs-has-started .vjs-poster {
  display: block;
}
/* Hide the poster when controls are disabled because it's clickable
    and the native poster can take over */
.video-js.vjs-controls-disabled .vjs-poster {
  display: none;
}
/* Hide the poster when native controls are used otherwise it covers them */
.video-js.vjs-using-native-controls .vjs-poster {
  display: none;
}
/* Text Track Styles */
/* Overall track holder for both captions and subtitles */
.video-js .vjs-text-track-display {
  text-align: center;
  position: absolute;
  bottom: 4em;
  /* Leave padding on left and right */
  left: 1em;
  right: 1em;
}
/* Move captions down when controls aren't being shown */
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}
/* Individual tracks */
.video-js .vjs-text-track {
  display: none;
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
  /* Transparent black background, or fallback to all black (oldIE) */
  /* background-color-with-alpha */
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.5);
}
.video-js .vjs-subtitles {
  color: #ffffff /* Subtitles are white */;
}
.video-js .vjs-captions {
  color: #ffcc66 /* Captions are yellow */;
}
.vjs-tt-cue {
  display: block;
}
/* Increase font-size when fullscreen */
.video-js.vjs-fullscreen .vjs-text-track {
  font-size: 3em;
}
/* Hide disabled or unsupported controls */
.vjs-default-skin .vjs-hidden {
  display: none;
}
.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible;
}
/*  In IE8 w/ no JavaScript (no HTML5 shim), the video tag doesn't register.
    The .video-js classname on the video tag also isn't considered.
    This optional paragraph inside the video tag can provide a message to users
    about what's required to play video. */
.vjs-no-js {
  padding: 20px;
  color: #ccc;
  background-color: #333;
  font-size: 18px;
  font-family: Arial, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto;
}
.vjs-no-js a,
.vjs-no-js a:visited {
  color: #F4A460;
}
/* -----------------------------------------------------------------------------
The original source of this file lives at
https://github.com/videojs/video.js/blob/master/src/css/video-js.less */
</style>

<script type="text/javascript" async="" src="http://site.cdnmaster.cn/sitemaster/collect.js"></script><script type="text/javascript" src="//tags.tiqcdn.com/utag/xaxis/-triumph-cn/prod/utag.js"></script><script type="text/javascript" id="tealium_controler_8825030364" src="http://tags.tiqcdn.com/utag/xaxis/triumph.com/prod/utag.js"></script><script type="text/javascript" id="lightning_bolt_5813162683" src="http://cdn-akamai.mookie1.com/LB/LightningBolt.js"></script><script src="//tag.cdnmaster.com/tmjs/tm.js?id=TM-0SHPGI" async=""></script><script type="text/javascript" async="" src="http://tca.sagetrc.com/trc/atac/conv_x.js?id=39158"></script><script type="text/javascript" async="" charset="utf-8" src="//collect.cn.miaozhen.com/ca/11127"></script><script src="https://hm.baidu.com/hm.js?e90220bdb822a2b54d6af684ac06b115"></script><script type="text/javascript" src="js/prefixfree.min.js"></script>
        <script type="text/javascript" src="js/jquery-1.10.2.min.js?v5"></script>
        <script src="//cdn.bootcss.com/Swiper/3.1.0/js/swiper.min.js"></script>
        <style media="screen" data-href="fancybox/jquery.fancybox.css">/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{padding:0;margin:0;border:0;outline:0;vertical-align:top}.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020}.topbar{height:60px;background:#f2f2f2;line-height:60px;font-size:12px;color:#666;padding-left:70px}.topbar .W_face_radius{width:40px;height:40px;position:absolute;top:10px;left:20px;border-radius:50%}.fancybox-skin{position:relative;background:#fff;color:#444;text-shadow:none}.fancybox-opened{z-index:8030}.fancybox-outer,.fancybox-inner{position:relative}.fancybox-inner{overflow:hidden}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap}.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%}.fancybox-image{max-width:100%;max-height:100%}#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url("http://cn.triumph.com/fancybox/fancybox_sprite.png?v3")}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -156px;opacity:.8;cursor:pointer;z-index:8060}#fancybox-loading div{width:44px;height:44px;background:url("http://cn.triumph.com/fancybox/fancybox_loading.gif") center center no-repeat}.fancybox-close{position:absolute;top:-85px;right:-25px;width:50px;height:50px;cursor:pointer;z-index:8040}.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url("http://cn.triumph.com/fancybox/blank.gif");-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{position:absolute;top:50%;width:50px;height:50px;margin-top:-25px;cursor:pointer;z-index:8040;visibility:visible}.fancybox-prev span{left:-50px;background-position:0 -50px}.fancybox-next span{right:-50px;background-position:0 -100px}.fancybox-nav:hover span{visibility:visible}.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible!important}.fancybox-lock{overflow:hidden!important;width:auto}.fancybox-lock body{overflow:hidden!important}.fancybox-lock-test{overflow-y:hidden!important}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url("http://cn.triumph.com/fancybox/fancybox_overlay.png?v1")}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll}.fancybox-title{visibility:hidden;font:normal 13px/20px 微软雅黑,"Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center}.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;background:rgba(0,0,0,0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:bold;line-height:24px;white-space:nowrap}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}.fancybox-title-inside-wrap{padding-top:10px}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8)}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url("http://cn.triumph.com/fancybox/fancybox_sprite@2x.png");background-size:50px 200px}#fancybox-loading div{background-image:url("http://cn.triumph.com/fancybox/fancybox_loading@2x.gif");background-size:24px 24px}}</style>
<script type="text/javascript" src="fancybox/jquery.fancybox.js"></script>
<script type="text/javascript" src="js/jquery.infinitescroll.min.js"></script>

</script>
        <noscript>
        <link href="//collect.cn.miaozhen.com/refer/collect?i=11127&v=13922245942&pu=http%3A//%28NoScriptPageviews%29&pt=NoScriptPageviews&ru=http%3A//%28NoScriptClients%29&csh=1000&csw=1000&css=10" rel="stylesheet" type="text/css" />
        </noscript>

</script>
		<script>

$(document).ready(function(){
                $("#fhead").click(function(){
                    $("#ftop").toggle();
                });

});

</script>
        <style>

#header1 ul li a {
                padding:20px;
                display:block;
                text-decoration:none;
                text-align:center;
                color:#999;}
            #header1 ul li:hover ul {
                display:block;
            }
            #header1 ul li ul li{
                list-style:none;
            }
            #header1 ul li ul {display:none; position: absolute; top:26px; min-width:190px; left:-40px;}
            #header1 ul li ul li a {display:block; background:#ffffff; color:#b20728; width: 60px; text-align:
                    center;  border-right: none; font-size:14px}
            #header1 ul li ul li a:hover {
                background:#b20728;
                color:#ffffff; }
				
			//Mobile
              #header2 ul li:hover ul {
                  display:block;
              }
            #header2 ul li ul li{
                list-style:none;
                padding-top: 6px;
            }
            #header2 ul li ul {  top:26px; min-width:190px; left:80px;}
            #header2 ul li ul li a { background:#ffffff; color:#b20728; width: 60px; text-align:
                    center;  border-right: none; font-size:14px}
            #header2 ul li ul li a:hover {
                background:#b20728;
                color:#ffffff; }

</style>
    <style type="text/css">.fancybox-margin{margin-right:0px;}</style><script async="" src="http://tca.sagetrc.com/trc/RF/688.js?id=39158&amp;r=&amp;iid=&amp;ua=Mozilla%2F5.0%20(X11%3B%20Linux%20x86_64)%20AppleWebKit%2F537.36%20(KHTML%2C%20like%20Gecko)%20HeadlessChrome%2F67.0.3372.0%20Safari%2F537.36" type="text/javascript"></script></head>

<body style="">
        <noscript><img src="http://t1.sagetrc.com/trc/atac/conv.gif?id=39158" width="0px" style="display:none !important;"/></noscript>
        <script type="text/javascript">
            var pubsage_sign = "";
            var pubsage_url = "";
            var url = window.location.href;
            var domain = document.domain;
            var mat = url.match(/adtiid=([^&#]*)/);
            var iid = mat ? mat[1] : "";
            if (iid == "" || typeof (iid) == "undefined") {
                var uid = function (cookiekey) {
                    var strCookie = document.cookie;
                    var arrCookie = strCookie.split(";");
                    var value = "";
                    for (var i = 0; i < arrCookie.length; i++) {
                        var arr = arrCookie[i].split("=");
                        if (cookiekey == arr[0].replace(/(^\s*)|(\s*$)/g, "")) {
                            value = arr[1];
                            break
                        }
                    }
                    return value
                }("_ws_uid");
                if (uid == "" || typeof (uid) == "undefined") {
                    pubsage_url = "tca.sagetrc.com"
                } else {
                    var strAry = domain.split(".");
                    var host = strAry[strAry.length - 2] + "." + strAry[strAry.length - 1];
                    var pf = uid.split(".");
                    if (pf[0] == "tqh") {
                        pubsage_url = "tqh_" + pubsage_sign + "." + host
                    }
                    if (pf[0] == "tgg") {
                        pubsage_url = "tgg_" + pubsage_sign + "." + host
                    }
                    if (pf[0] == "tsg") {
                        pubsage_url = "tsg_" + pubsage_sign + "." + host
                    }
                    if (pf[0] == "tdsp") {
                        pubsage_url = "tdsp_" + pubsage_sign + "." + host
                    }
                    if (pf[0] != "tsg" && pf[0] != "tgg" && pf[0] != "tqh" && pf[0] != "tdsp") {
                        pubsage_url = "trc_" + pubsage_sign + "." + host
                    }
                }
            } else {
                if (iid.match("^g") != null) {
                    pubsage_url = "tgg.sagetrc.com"
                }
                if (iid.match("^q") != null) {
                    pubsage_url = "tqh.sagetrc.com"
                }
                if (iid.match("^s") != null) {
                    pubsage_url = "tsg.sagetrc.com"
                }
                if (iid.match("^d") != null) {
                    pubsage_url = "tdsp.sagetrc.com"
                }
                if (iid.match("^g|^q|^s|^d") == null) {
                    pubsage_url = "t1.sagetrc.com"
                }
            }
            var pubsage_conv_id = 39158;
            var pubsage_conv = pubsage_conv || [];
            (function () {
                try {
                    var d = document;
                    var at = d.createElement("script");
                    at.type = "text/javascript";
                    at.async = true;
                    at.src = ("https:" == document.location.protocol ? "https:" : "http:") + "//" + pubsage_url + "/trc/atac/conv_x.js?id=" + pubsage_conv_id;
                    var s = d.getElementsByTagName("script")[0];
                    s.parentNode.insertBefore(at, s)
                } catch (e) {
                }
            })();

</script>
        <script>!(function(a,b,c,d,e,f){var g="",h=a.sessionStorage,i="__admaster_ta_param__",j="tmDataLayer"!==d?"&dl="+d:"";
if(a[f]={},a[d]=a[d]||[],a[d].push({startTime:+new Date,event:"tm.js"}),h){var k=a.location.search,
l=new RegExp("[?&]"+i+"=(.*?)(&|#|$)").exec(k)||[];l[1]&&h.setItem(i,l[1]),l=h.getItem(i),
l&&(g="&p="+l+"&t="+ +new Date)}var m=b.createElement(c),n=b.getElementsByTagName(c)[0];m.src="//tag.cdnmaster.com/tmjs/tm.js?id="+e+j+g,
m.async=!0,n.parentNode.insertBefore(m,n)})(window,document,"script","tmDataLayer","TM-0SHPGI","admaster_tm");</script>

</div>
        </div>
        <div id="header1">
            <div class="wrap"> <a href="http://cn.triumph.com/index.php"><img src="img/logo.png" class="logo"></a>
                <div class="pure-menu pure-menu-horizontal">
                    <ul class="pure-menu-list">
                        <li class="pure-menu-item " style=""><a class="pure-menu-link">关于品牌</a>
                            <ul>
                                <li class="top"><a href="http://cn.triumph.com/index.php/shop/brandstory" onclick="_smq.push(['custom','PC-首页','品牌故事']);">品牌故事</a></li>
                                <li><a href="http://cn.triumph.com/index.php/shop/cityshops" onclick="_smq.push(['custom','PC-首页','门店索引']);">门店索引</a></li>

</ul>
                        </li>
                        <li class="pure-menu-item "><a href="http://cn.triumph.com/index.php/shop/city" onclick="_smq.push(['custom','PC-首页','预约试穿','菜单栏']);" class="pure-menu-link">预约试穿</a></li>
                        <li class="pure-menu-item "><a href="http://cn.triumph.com/index.php/tvc" onclick="_smq.push(['custom','PC-首页','TVC','菜单栏']);" class="pure-menu-link">TVC</a></li>
                        <li class="pure-menu-item "><a href="http://cn.triumph.com/index.php/product" onclick="_smq.push(['custom','PC-首页','新品推荐','菜单栏']);" class="pure-menu-link">新品推荐</a></li>
                        <li class="pure-menu-item "><a href="http://cn.triumph.com/index.php/talent" onclick="_smq.push(['custom','PC-首页','内衣知识','菜单栏']);" class="pure-menu-link">内衣知识</a></li>
                        <li class="pure-menu-item "><a href="http://cn.triumph.com/index.php/announcement" onclick="_smq.push(['custom','PC-首页','动态公告','菜单栏']);" class="pure-menu-link">动态公告</a></li>
                        <li class="pure-menu-item"><a href="https://triumph.tmall.com/?spm=a220o.1000855.w5001-2942144703.2.Lqb6MP&amp;scene=taobao_shop" onclick="_smq.push(['custom','PC-首页','天猫商城','菜单栏']);" target="_blank" class="pure-menu-link">天猫商城</a></li>
                    </ul>
                </div>

</div>

$("#banner").find("li")[0].style.backgroundImage=url1.replace(/.jpg/,"mobile.jpg");
		
	}else{
		$("#banner").find("li")[0].style.backgroundImage=imageUrl1;
		
	}
	
	function link(url){
		if (url == "http://triumph.tmall.com/p/rd392106.htm" && windowWidth <= 640) {
			location.href = "http://tb.cn/0adxeev";
		} else {
			location.href = url;
		}
	}
	
	
  </script>
    
	
	
</div>

<style>

@media screen and (max-height: 1024px) {
    #banner ul li {
        height:400px;
		background-size:100% 400px;
    }
}
@media screen and (max-height: 900px) {
    #banner ul li {
        height:400px;
		background-size:100% 400px;
    }
}
@media screen and (max-width: 1920px){
    #banner ul li {
        height:400px;
		background-repeat:no-repeat;
		background-size:auto 100%;
		background-position:center;
    }
}
@media screen and (max-height: 768px) {
    #banner ul li {
        height:320px;
		background-repeat:no-repeat;
		background-size:auto 100%;
		background-position:center;
		}
}

</style>

</div>
                </div>
                                            <div rel="2" class="pure-u-1-3  " style="float: left;">
                    <div class="mlr" onclick="_smq.push(['custom', 'PC-首页', '新品推荐']);">
                        <div class="imgcon">
                            <img src="img/b3.png" class="pure-img-responsive z-img">
                        </div>

</div>
                </div>
                                            <div rel="3" class="pure-u-1-3  " style="float: left;">
                    <div class="mlr" onclick="_smq.push(['custom', 'PC-首页', '新品推荐']);">
                        <div class="imgcon">
                            <img src="img/b4.png" class="pure-img-responsive z-img">
                        </div>

</div>
                </div>
                                        </div>
</div>
            <div class="pure-g newpro1 newpp">
                                 <div class=" pure-u-1-4">
                    
                    <a href="http://cn.triumph.com/index.php/product/detail/166">  <img src="upload/16043834286252.jpg" class="pure-img-responsive img"></a>
                    <div class="btt">
                        <h2><a href="http://cn.triumph.com/index.php/product/detail/166">水盈•玫瑰 </a></h2>
                        <h3></h3>
                    </div>
                </div>
                            <div class=" pure-u-1-4">
                    
                    <a href="http://cn.triumph.com/index.php/product/detail/165">  <img src="upload/16043822866225.jpg" class="pure-img-responsive img"></a>
                    <div class="btt">
                        <h2><a href="http://cn.triumph.com/index.php/product/detail/165">水盈•风情</a></h2>
                        <h3></h3>
                    </div>
                </div>
                            <div class=" pure-u-1-4">
                    
                    <a href="http://cn.triumph.com/index.php/product/detail/164">  <img src="upload/16043820996472.jpg" class="pure-img-responsive img"></a>
                    <div class="btt">
                        <h2><a href="http://cn.triumph.com/index.php/product/detail/164">金致罗莎</a></h2>
                        <h3></h3>
                    </div>
                </div>
                            <div class=" pure-u-1-4">
                    
                    <a href="http://cn.triumph.com/index.php/product/detail/163">  <img src="upload/16043817207223.jpg" class="pure-img-responsive img"></a>
                    <div class="btt">
                        <h2><a href="http://cn.triumph.com/index.php/product/detail/163">逆龄·罗莎 </a></h2>
                        <h3></h3>
                    </div>
                </div>
                            <div class=" pure-u-1-4">
                    
                    <a href="http://cn.triumph.com/index.php/product/detail/162">  <img src="upload/15996657336911.jpg" class="pure-img-responsive img"></a>
                    <div class="btt">
                        <h2><a href="http://cn.triumph.com/index.php/product/detail/162">水盈•玫瑰</a></h2>
                        <h3></h3>
                    </div>
                </div>
                            <div class=" pure-u-1-4">
                    
                    <a href="http://cn.triumph.com/index.php/product/detail/161">  <img src="upload/15996656000555.jpg" class="pure-img-responsive img"></a>
                    <div class="btt">
                        <h2><a href="http://cn.triumph.com/index.php/product/detail/161">水盈·精灵</a></h2>
                        <h3></h3>
                    </div>
                </div>
                            <div class=" pure-u-1-4">
                    
                    <a href="http://cn.triumph.com/index.php/product/detail/160">  <img src="upload/15996653951654.jpg" class="pure-img-responsive img"></a>
                    <div class="btt">
                        <h2><a href="http://cn.triumph.com/index.php/product/detail/160">水盈·精灵</a></h2>
                        <h3></h3>
                    </div>
                </div>
                            <div class=" pure-u-1-4">
                    
                    <a href="http://cn.triumph.com/index.php/product/detail/159">  <img src="upload/15967242595745.jpg" class="pure-img-responsive img"></a>
                    <div class="btt">
                        <h2><a href="http://cn.triumph.com/index.php/product/detail/159">智能·贴合</a></h2>
                        <h3></h3>
                    </div>
                </div>
                            <div class=" pure-u-1-4">
                    
                    <a href="http://cn.triumph.com/index.php/product/detail/155">  <img src="upload/15939596508986.jpg" class="pure-img-responsive img"></a>
                    <div class="btt">
                        <h2><a href="http://cn.triumph.com/index.php/product/detail/155">适感无痕•蕾丝 </a></h2>
                        <h3></h3>
                    </div>
                </div>
                            <div class=" pure-u-1-4">
                    
                    <a href="http://cn.triumph.com/index.php/product/detail/154">  <img src="upload/15937043500171.jpg" class="pure-img-responsive img"></a>
                    <div class="btt">
                        <h2><a href="http://cn.triumph.com/index.php/product/detail/154">逆龄·清风</a></h2>
                        <h3></h3>
                    </div>
                </div>
                            <div class=" pure-u-1-4">
                    
                    <a href="http://cn.triumph.com/index.php/product/detail/153">  <img src="upload/15937041070789.jpg" class="pure-img-responsive img"></a>
                    <div class="btt">
                        <h2><a href="http://cn.triumph.com/index.php/product/detail/153">摩洛哥•蕾丝</a></h2>
                        <h3></h3>
                    </div>
                </div>
                            <div class=" pure-u-1-4">
                    
                    <a href="http://cn.triumph.com/index.php/product/detail/152">  <img src="upload/15912024852081.jpg" class="pure-img-responsive img"></a>
                    <div class="btt">
                        <h2><a href="http://cn.triumph.com/index.php/product/detail/152">仲夏系列</a></h2>
                        <h3></h3>
                    </div>
                </div>
                            <div class=" pure-u-1-4">
                    
                    <a href="http://cn.triumph.com/index.php/product/detail/151">  <img src="upload/15912023490974.jpg" class="pure-img-responsive img"></a>
                    <div class="btt">
                        <h2><a href="http://cn.triumph.com/index.php/product/detail/151">水盈•风情 </a></h2>
                        <h3></h3>
                    </div>
                </div>
                            <div class=" pure-u-1-4">
                    
                    <a href="http://cn.triumph.com/index.php/product/detail/150">  <img src="upload/15912020452491.jpg" class="pure-img-responsive img"></a>
                    <div class="btt">
                        <h2><a href="http://cn.triumph.com/index.php/product/detail/150">水盈•风情 </a></h2>
                        <h3></h3>
                    </div>
                </div>
                            <div class=" pure-u-1-4">
                    
                    <a href="http://cn.triumph.com/index.php/product/detail/149">  <img src="upload/15836499859708.jpg" class="pure-img-responsive img"></a>
                    <div class="btt">
                        <h2><a href="http://cn.triumph.com/index.php/product/detail/149">逆龄·轻羽</a></h2>
                        <h3></h3>
                    </div>
                </div>
                            <div class=" pure-u-1-4">
                    
                    <a href="http://cn.triumph.com/index.php/product/detail/148">  <img src="upload/15806478687675.jpg" class="pure-img-responsive img"></a>
                    <div class="btt">
                        <h2><a href="http://cn.triumph.com/index.php/product/detail/148">印象•玲珑</a></h2>
                        <h3></h3>
                    </div>
                </div>
                            <div class=" pure-u-1-4">
                    
                    <a href="http://cn.triumph.com/index.php/product/detail/147">  <img src="upload/15806477257899.jpg" class="pure-img-responsive img"></a>
                    <div class="btt">
                        <h2><a href="http://cn.triumph.com/index.php/product/detail/147">印象•玲珑</a></h2>
                        <h3></h3>
                    </div>
                </div>
                            <div class=" pure-u-1-4">
                    
                    <a href="http://cn.triumph.com/index.php/product/detail/146">  <img src="upload/15806473401622.jpg" class="pure-img-responsive img"></a>
                    <div class="btt">
                        <h2><a href="http://cn.triumph.com/index.php/product/detail/146">逆龄·轻羽</a></h2>
                        <h3></h3>
                    </div>
                </div>
                            <div class=" pure-u-1-4">
                    
                    <a href="http://cn.triumph.com/index.php/product/detail/145">  <img src="upload/15782389129572.jpg" class="pure-img-responsive img"></a>
                    <div class="btt">
                        <h2><a href="http://cn.triumph.com/index.php/product/detail/145">摩洛哥•蕾丝</a></h2>
                        <h3></h3>
                    </div>
                </div>
                            <div class=" pure-u-1-4">
                    
                    <a href="http://cn.triumph.com/index.php/product/detail/144">  <img src="upload/15782388240666.jpg" class="pure-img-responsive img"></a>
                    <div class="btt">
                        <h2><a href="http://cn.triumph.com/index.php/product/detail/144">摩洛哥•蕾丝</a></h2>
                        <h3></h3>
                    </div>
                </div>
                            <div class=" pure-u-1-4">
                    
                    <a href="http://cn.triumph.com/index.php/product/detail/143">  <img src="upload/15782387231120.jpg" class="pure-img-responsive img"></a>
                    <div class="btt">
                        <h2><a href="http://cn.triumph.com/index.php/product/detail/143">摩洛哥•蔓叶</a></h2>
                        <h3></h3>
                    </div>
                </div>
                            <div class=" pure-u-1-4">
                    
                    <a href="http://cn.triumph.com/index.php/product/detail/142">  <img src="upload/15782386885240.jpg" class="pure-img-responsive img"></a>
                    <div class="btt">
                        <h2><a href="http://cn.triumph.com/index.php/product/detail/142">水盈•蔓叶</a></h2>
                        <h3></h3>
                    </div>
                </div>
                            <div class=" pure-u-1-4">
                    
                    <a href="http://cn.triumph.com/index.php/product/detail/141">  <img src="upload/15782381199476.jpg" class="pure-img-responsive img"></a>
                    <div class="btt">
                        <h2><a href="http://cn.triumph.com/index.php/product/detail/141">水盈•蔓叶</a></h2>
                        <h3></h3>
                    </div>
                </div>
                    </div>
                    <div class="pure-g newpro2 newpp" style="display:none">
                                 <div class=" pure-u-1-4">
                    
                    <a href="http://cn.triumph.com/index.php/product/detail/158">  <img src="upload/15937049092066.jpg" class="pure-img-responsive img"></a>
                    <div class="btt">
                        <h2><a href="http://cn.triumph.com/index.php/product/detail/158">华丽木兰</a></h2>
                        <h3></h3>
                    </div>
                </div>
                            <div class=" pure-u-1-4">
                    
                    <a href="http://cn.triumph.com/index.php/product/detail/157">  <img src="upload/15937047954481.jpg" class="pure-img-responsive img"></a>
                    <div class="btt">
                        <h2><a href="http://cn.triumph.com/index.php/product/detail/157">醇静玫瑰</a></h2>
                        <h3></h3>
                    </div>
                </div>
                            <div class=" pure-u-1-4">
                    
                    <a href="http://cn.triumph.com/index.php/product/detail/156">  <img src="upload/15937046624669.jpg" class="pure-img-responsive img"></a>
                    <div class="btt">
                        <h2><a href="http://cn.triumph.com/index.php/product/detail/156">醇静芍药 </a></h2>
                        <h3></h3>
                    </div>
                </div>
                    </div>
                    <div class="pure-g newpro3 newpp" style="display:none">
                                 <div class=" pure-u-1-4">
                    
                    <a href="http://cn.triumph.com/index.php/product/detail/117">  <img src="upload/15486933435261.jpg" class="pure-img-responsive img"></a>
                    <div class="btt">
                        <h2><a href="http://cn.triumph.com/index.php/product/detail/117">运动系列</a></h2>
                        <h3></h3>
                    </div>
                </div>
                            <div class=" pure-u-1-4">
                    
                    <a href="http://cn.triumph.com/index.php/product/detail/116">  <img src="upload/15486932433365.jpg" class="pure-img-responsive img"></a>
                    <div class="btt">
                        <h2><a href="http://cn.triumph.com/index.php/product/detail/116">运动系列</a></h2>
                        <h3></h3>
                    </div>
                </div>
                            <div class=" pure-u-1-4">
                    
                    <a href="http://cn.triumph.com/index.php/product/detail/115">  <img src="upload/15486931646408.jpg" class="pure-img-responsive img"></a>
                    <div class="btt">
                        <h2><a href="http://cn.triumph.com/index.php/product/detail/115">轻盈活力</a></h2>
                        <h3></h3>
                    </div>
                </div>
                            <div class=" pure-u-1-4">
                    
                    <a href="http://cn.triumph.com/index.php/product/detail/114">  <img src="upload/15486930217155.jpg" class="pure-img-responsive img"></a>
                    <div class="btt">
                        <h2><a href="http://cn.triumph.com/index.php/product/detail/114">轻盈活力</a></h2>
                        <h3></h3>
                    </div>
                </div>
                    </div>

$.get("index.php/welcome/talent/" + nextPage, function (data) {
                                curPage = $(data).find(".curpage").html();
                                nextPage = parseInt(curPage) + perPage;
                                $("#tlist").append($(data).find("#tlist").html());
                                if (nextPage >= totalPage) {
                                    $(".more").hide();
                                }

});
                        });

</script>

<!--<div id="weibo-header" class="wrap">
    <div class="mg10">
    <div class="pure-g">
        <div class="pure-u-1-2">
            <div class="tip" onclick="_smq.push(['custom','PC-首页','微博分享']);">微博分享</div>
            <div class="tiptext">
                与我们分享你找对TA的故事：<br>
                <b>#终于找对TA#黛安芬 @黛安芬中国官方微博</b>
            </div>
        </div>
        <div class="pure-u-1-2">
            <div class="lkuo"></div>
            <div class="rkuo"></div>
            <div class="text-wrap">
                加入黛安芬“终于找对TA"行动，你离那件最适合自己的TA无限接近。TA让优雅提升，为性感加分。望着镜中和TA在一起的自己，你会知道，最适合自己的就是最美好的TA！</div>

</div>

</div>
        </div>
</div>

<div class="pure-g weibo" id='wcontent'>
                        <div class="pure-u-1-6">
                <a class="fancybox mask" rel="gallery1" href="http://wx3.sinaimg.cn/mw690/6323afcbgy1flv908useej20qo0zkaem.jpg" title="黛安芬在国内的知名度并不比维密差[喵喵]@黛安芬官方微博 "  avatar='@Miss__Fantasy <img class="W_face_radius" src="http://tvax2.sinaimg.cn/crop.0.0.996.996.180/6323afcbly8fhkawe0t1fj20ro0roq5j.jpg" width="40" height="40" alt="Miss__Fantasy">'><img class="lazy pure-img-responsive op-img" data-original="upload/thumb/6323afcbgy1flv908useej20qo0zkaem.jpg" src='img/wbg.png'  width="320" height="320"></a>
                <div class="t-item"> @Miss__Fantasy <img class="W_face_radius" src="http://tvax2.sinaimg.cn/crop.0.0.996.996.180/6323afcbly8fhkawe0t1fj20ro0roq5j.jpg" width="40" height="40" alt="Miss__Fantasy"> </div>
            </div>
                    <div class="pure-u-1-6">
                <a class="fancybox mask" rel="gallery1" href="http://wx3.sinaimg.cn/mw690/006kD3Koly1fm3th2iprmj31hk0zlkc3.jpg" title="#时尚大片# #liv tyler# #丽芙泰勒# Triumph Essence, Autumn/Winter 2017, Photos by Rankin 新图@黛安芬官方微博 "  avatar='@Liv-a-little <img class="W_face_radius" src="http://tva4.sinaimg.cn/crop.2.4.583.583.180/006kD3Kojw8f5x6m7t4hnj30ga0ofwfy.jpg" width="40" height="40" alt="Liv-a-little">'><img class="lazy pure-img-responsive op-img" data-original="upload/thumb/006kD3Koly1fm3th2iprmj31hk0zlkc3.jpg" src='img/wbg.png'  width="320" height="320"></a>
                <div class="t-item"> @Liv-a-little <img class="W_face_radius" src="http://tva4.sinaimg.cn/crop.2.4.583.583.180/006kD3Kojw8f5x6m7t4hnj30ga0ofwfy.jpg" width="40" height="40" alt="Liv-a-little"> </div>
            </div>
                    <div class="pure-u-1-6">
                <a class="fancybox mask" rel="gallery1" href="http://wx4.sinaimg.cn/mw690/55f7410agy1fly33y3bi3j21440qo46t.jpg" title="越接近年底行程越是密集，晒着冬日暖阳的午后成为了我小确幸的时光。我们总是在生活中变换着不同的角色，在潮流中尝试着不同的风格，而无论形象如何多变，也都需要精致的TA来帮衬～"  avatar='@张小媛_vivi  <img class="W_face_radius" src="http://tvax3.sinaimg.cn/crop.0.0.1242.1242.180/55f7410aly8fmhzgx2cyzj20yi0yi0w2.jpg" width="40" height="40" alt="张小媛_vivi ">'><img class="lazy pure-img-responsive op-img" data-original="upload/thumb/55f7410agy1fly33y3bi3j21440qo46t.jpg" src='img/wbg.png'  width="320" height="320"></a>
                <div class="t-item"> @张小媛_vivi  <img class="W_face_radius" src="http://tvax3.sinaimg.cn/crop.0.0.1242.1242.180/55f7410aly8fmhzgx2cyzj20yi0yi0w2.jpg" width="40" height="40" alt="张小媛_vivi "> </div>
            </div>
                    <div class="pure-u-1-6">
                <a class="fancybox mask" rel="gallery1" href="http://wx3.sinaimg.cn/mw690/5e4037e0ly1flwxettkz9j20rs0iiq64.jpg" title="宝宝们经常让我分享穿衣搭配～我觉得呢精致的女生就是从内到外的每一个小细节都不会忽略，打造完美胸型的贴身内衣才是气质和身材的支撑。今天推荐的这款漂亮的内衣，罩杯贴合胸型，让胸围挺拔，连材质也十分细致，柔软的蕾丝表面，内衬网纱，柔软贴身不摩擦皮肤，性感又舒适，如果想要罩杯升级它还内附了插片可以让你的胸围up up！搭配同系列蕾丝底裤，华丽的外衣下，还有更加分的内在哦～内衣就像贴心的朋友，合适才舒适，建议大家买之前去专柜多试穿和沟通，不要害羞哦，找到合适的内衣尺寸，才会有曼妙的身材呢～终于找对TA，只为不同的你。"  avatar='@C宝CC <img class="W_face_radius" src="http://tvax3.sinaimg.cn/crop.0.1.750.750.180/5e4037e0ly8fh5wny5cvoj20ku0kx41h.jpg" width="40" height="40" alt="C宝CC">'><img class="lazy pure-img-responsive op-img" data-original="upload/thumb/5e4037e0ly1flwxettkz9j20rs0iiq64.jpg" src='img/wbg.png'  width="320" height="320"></a>
                <div class="t-item"> @C宝CC <img class="W_face_radius" src="http://tvax3.sinaimg.cn/crop.0.1.750.750.180/5e4037e0ly8fh5wny5cvoj20ku0kx41h.jpg" width="40" height="40" alt="C宝CC"> </div>
            </div>
                    <div class="pure-u-1-6">
                <a class="fancybox mask" rel="gallery1" href="http://wx3.sinaimg.cn/mw690/6a6cb7f1gy1fltj7lb9kfj23402aiu0y.jpg" title="合适内衣可比修身的衣服更能展现身材的魅力哦～
@黛安芬官方微博 
#终于找对ta·为不同的你# "  avatar='@ZEROCKXX <img class="W_face_radius" src="http://tvax2.sinaimg.cn/crop.0.0.1242.1242.180/6a6cb7f1ly8fmf7zc57a3j20yi0yin2n.jpg" width="40" height="40" alt="ZEROCKXX">'><img class="lazy pure-img-responsive op-img" data-original="upload/thumb/6a6cb7f1gy1fltj7lb9kfj23402aiu0y.jpg" src='img/wbg.png'  width="320" height="320"></a>
                <div class="t-item"> @ZEROCKXX <img class="W_face_radius" src="http://tvax2.sinaimg.cn/crop.0.0.1242.1242.180/6a6cb7f1ly8fmf7zc57a3j20yi0yin2n.jpg" width="40" height="40" alt="ZEROCKXX"> </div>
            </div>
                    <div class="pure-u-1-6">
                <a class="fancybox mask" rel="gallery1" href="http://wx1.sinaimg.cn/mw690/8c33dc0fly1flxqn4m2s7j216g0sa4qp.jpg" title="即使工作忙碌也别忘记给自己舒适的生活。
终于找对TA·为不同的你
内衣来自黛安芬 "  avatar='@Sun软妹雪  <img class="W_face_radius" src="http://tva1.sinaimg.cn/crop.0.0.750.750.180/8c33dc0fjw8f94wv2llwnj20ku0kujse.jpg" width="40" height="40" alt="Sun软妹雪 ">'><img class="lazy pure-img-responsive op-img" data-original="upload/thumb/8c33dc0fly1flxqn4m2s7j216g0sa4qp.jpg" src='img/wbg.png'  width="320" height="320"></a>
                <div class="t-item"> @Sun软妹雪  <img class="W_face_radius" src="http://tva1.sinaimg.cn/crop.0.0.750.750.180/8c33dc0fjw8f94wv2llwnj20ku0kujse.jpg" width="40" height="40" alt="Sun软妹雪 "> </div>
            </div>
            
</div>-->
<div class="pagelist fixright47"><span class="current">1</span><a href="http://cn.triumph.com/index.php/welcome/weibo/2">2</a><a href="http://cn.triumph.com/index.php/welcome/weibo/3">3</a><a href="http://cn.triumph.com/index.php/welcome/weibo/4">4</a><a href="http://cn.triumph.com/index.php/welcome/weibo/5">5</a><a href="http://cn.triumph.com/index.php/welcome/weibo/2">&gt;</a></div>
<script>
    $("img.lazy").lazyload({
        effect: "fadeIn"
    });

$(document).ready(function () {
        $(".fancybox").fancybox({
            padding: 25,
            maxWidth: 600,
            minWidth: 250,
            live: true,
            helpers: {
                title: {type: 'inside'},
                avatar: {type: 'outside'}
            }
        });

$('#wcontent').infinitescroll({
            loading: {
                finished: undefined,
                finishedMsg: "",
                img: null,
                msg: null,
                msgText: "",
                selector: null,
                speed: 'fast',
                start: undefined,
            },
            state: {
                isDuringAjax: false,
                isInvalidPage: false,
                isDestroyed: false,
                isDone: false,
                isPaused: false,
                currPage: 1
            },
            navSelector: "div.pagelist",
            nextSelector: "div.pagelist a:last",
            contentSelector: "#wcontent",
            extraScrollPx: 150,
            itemSelector: ".pure-u-1-6",
            debug: false,
            animate: false,
            pathParse: undefined,
            dataType: 'html',
            appendCallback: true,
            bufferPx: 40,
            errorCallback: function () {
            },
            infid: 0,
            pixelsFromNavToBottom: undefined,
            path: undefined,
            maxPage: undefined
        }, function (arrayOfNewElems) {
            $.each(arrayOfNewElems, function (key, value) {
                $(value).find(".lazy").lazyload({
                    effect: "fadeIn"
                });
            });
        });
    });
</script>

<div id="footer" style="margin-top: 22.5px;">
    <div class="logo"></div>
    
    <a class="icon icon1" href="http://weibo.com/triumphcn" target="_blank" onclick="_smq.push(['custom','PC-首页','微博']);"></a><a class="icon icon2 " onclick="_smq.push(['custom','PC-首页','微信']);" target="_blank" href="http://mp.weixin.qq.com/s?__biz=MjM5MzAzMTM0MQ==&amp;mid=203997735&amp;idx=1&amp;sn=4057fcbaa722b855d0c88ef35f954435#rd">
    <div class="weixinQr"></div>
</a>
    <div class="wechat_big"><img src="img/wechat_big.jpg" class=" pure-img-responsive"></div>
    <p> <span class="copyrright">Copyright 2020 - Triumph. All rights reserved. </span><br><span class="company">盐城国际妇女时装有限公司</span></p>
    <p></p>
</div>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <script type="text/javascript">
             var lbTrans = '[TRANSACTION ID]';
             var lbValue = '[TRANSACTION VALUE]';
             var lbData = '[Attribute/Value Pairs for Custom Data]';
             var lb_rn = new String(Math.random()); var lb_rns = lb_rn.substring(2, 12);
             var boltProtocol = ('https:' == document.location.protocol) ? 'https://' : 'http://';
             try {
                 var newScript = document.createElement('script');
                 var scriptElement = document.getElementsByTagName('script')[0];
                 newScript.type = 'text/javascript';
                 newScript.id = 'lightning_bolt_' + lb_rns;
                 newScript.src = boltProtocol + 'cdn-akamai.mookie1.com/LB/LightningBolt.js';
                 scriptElement.parentNode.insertBefore(newScript, scriptElement);
                 scriptElement = null; newScript = null;
             } catch (e) { }
         </script>

Details

Image Url

HTML Url

Moderation By

annotating the internet

archivebay

Latest

Danielle Fletcher

2020-11-24 07:08:11

Text

* 预约试穿

* TVC

* 新品推荐

* 试穿达人

* 天猫商城

* 关于品牌

* 品牌故事

* 门店索引

* 预约试穿

* TVC

* 新品推荐

* 内衣知识

* 动态公告

* 天猫商城

* 关于品牌

* 品牌故事

* 门店索引

* 预约试穿

* TVC

* 新品推荐

* 内衣知识

* 动态公告

* 天猫商城

*

*

*

1

水盈•玫瑰

水盈•风情

金致罗莎

逆龄·罗莎

水盈•玫瑰

水盈·精灵

水盈·精灵

智能·贴合

逆龄·清风

摩洛哥•蕾丝

仲夏系列

水盈•风情

水盈•风情

逆龄·轻羽

印象•玲珑

印象•玲珑

逆龄·轻羽

摩洛哥•蕾丝

摩洛哥•蕾丝

摩洛哥•蔓叶

水盈•蔓叶

水盈•蔓叶

华丽木兰

醇静玫瑰

醇静芍药

运动系列

运动系列

轻盈活力

轻盈活力

试·想拥有�

12 3

4

5

>

﻿

Source

Details

More Annotations

Danielle Fletcher

2019-11-23 14:45:35

Danielle Fletcher

2019-11-23 14:45:51

Danielle Fletcher

2019-11-23 14:46:01

Danielle Fletcher

2019-11-23 14:46:20

Danielle Fletcher