/*

 +------------------------------------------

 | By Zinn

 +------------------------------------------

*/

@font-face {

    font-family: 'just-icon';

    src: url('./font/iconfont.eot');

    src: url('./font/iconfont.eot?#iefix') format('embedded-opentype'),

    url('./font/iconfont.woff') format('woff'),

    url('./font/iconfont.ttf') format('truetype'),

    url('./font/iconfont.svg#iconfont') format('svg');

}



.T-icon {

    font-family: "just-icon", 'Microsoft Yahei', Arial, Helvetica, sans-serif !important;

    font-size: 16px;

    font-style: normal;

    -webkit-font-smoothing: antialiased;

    -webkit-text-stroke-width: 0.2px;

    -moz-osx-font-smoothing: grayscale;

}



.fl {

    float: left;

}



.fr {

    float: right;

}



.notcopy {

    -moz-user-select: none;

    -webkit-user-select: none;

    -ms-user-select: none;

    -khtml-user-select: none;

    user-select: none;

}



.m-Pic {

    text-align: center;

    display: block;

    font-size: 0;

}



.m-Pic b {

    display: inline-block;

    height: 100%;

    vertical-align: middle;

}



.m-Pic img {

    vertical-align: middle;

    max-width: 100%;

    max-height: 100%;

}



.i-Pic {

    overflow: hidden;

    font-size: 0;

}



.i-Pic img {
    object-fit: contain;
    width: 100%;

    min-height: 100%;

    background: #ccc;

}



.clean:after {

    clear: both;

    content: '';

    display: table;

}



.clear {

    margin: 0px auto;

    clear: both;

    height: 0px;

    font-size: 0px;

    overflow: hidden;

}



.pointer {

    cursor: pointer;

}



.move {

    cursor: move;

}



.rp {

    position: relative;

}



.ap {

    position: absolute;

}



.fp {

    position: fixed;

}



.fz0 {

    font-size: 0;

}



.block {

    display: block !important;

}



.inline {

    display: inline !important;

}



.inline-block {

    display: inline-block !important;

    *display: inline;

    zoom: 1;

}



.tbox {

    display: table;

}



.tcell {

    display: table-cell;

}



.over {

    overflow: hidden;

}



.text-left {

    text-align: left;
    height: 200px;
}



.text-right {

    text-align: right;

}



.text-center {

    text-align: center;

}



/*寮圭獥鏍峰紡*/

.T-bo * {

    font-family: 'Microsoft Yahei', Arial, Helvetica, sans-serif;

    letter-spacing: 0;

}



.T-bo > .T-Bg {

    background: #000;

    position: fixed;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    z-index: 888;

    opacity: 0.4;

    filter: alpha(opacity=40);

}



.T-bo > .T-Bg.bg2 {

    background: none;

}



.T-bo > .T-Bg.bg3 {

    background: #fff;

}



.T-bo > .T-Bd {

    max-width: 86%;

    max-height: 94%;

    min-height: 88px;

    z-index: 888;

}



.T-bo > .T-Bd > .T-Bd-bg {

    background: #fff;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    z-index: 0;

    border: 1px solid #ccc;

}



.T-bo > .T-Bd > .T-Bd-bg:after {

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    z-index: 1;

    box-shadow: 0 0 9px #999;

    content: '';

    background: rgba(255, 255, 255, 1);

}



.T-bo > .T-Bd > .T-Close {

    position: absolute;

    top: 0;

    right: 0;

    z-index: 3;

    height: 30px;

    width: 30px;

    text-align: center;

    line-height: 30px;

    font-size: 12px;

    cursor: pointer;

}



.T-bo > .T-Bd > .T-Min {

    position: absolute;

    top: 0;

    right: 50px;

    z-index: 3;

    height: 30px;

    width: 30px;

    text-align: center;

    line-height: 30px;

    font-size: 20px;

    cursor: pointer;

}



.T-bo > .T-Bd > .T-Close.cnone {

    display: none;

}



.T-bo > .T-Bd > .T-Close.c0 {

    display: none;

}



.T-bo > .T-Bd > .T-Close.c2 {

    background: #333;

    color: #fff;

    border-radius: 50%;

    top: -10px;

    right: -10px;

    width: 20px;

    height: 20px;

    line-height: 21px;

}



.T-bo > .T-Bd > .T-Min.c2 {

    background: #333;

    color: #fff;

    border-radius: 50%;

    top: -10px;

    right: 20px;

    width: 20px;

    height: 20px;

    line-height: 19px;

}



.T-bo > .T-Bd > .T-Close.c3 {

    background: #eee;

}



.T-bo > .T-Bd > .T-Close.c4 {

    background: #fff;

    color: #333;

    border-radius: 50%;

    top: -10px;

    right: -10px;

    width: 20px;

    height: 20px;

    line-height: 21px;

}



.T-bo > .T-Bd > .T-Close.c5 {

    top: 10px;

    right: 10px;

    font-size: 30px;

    color: #666;

}



.T-bo > .T-Bd > .T-Close.cnull {

    display: none;

}



.T-bo > .T-Bd > .T-Con {

    width: 400px;

    max-width: 100%;

    margin: 0 1px 1px;

    z-index: 1;

}



.T-bo > .T-Bd > .T-Con > .T-Msg {

    z-index: 2;

    padding: 18px;

    font-size: 13px;

    line-height: 28px;

}



.T-bo > .T-Bd.null > .T-Bd-bg {

    border-color: transparent;

    background: none;

}



.T-bo > .T-Bd.null > .T-Bd-bg:after {

    display: none;

}



.T-bo > .T-Bd.null > .T-Con {

    padding: 0;

    margin: 0;

}



.T-bo > .T-Bd.null > .T-Con > .T-Msg {

    padding: 0;

}



.T-bo > .T-Bd > .T-Bd-bg.isbg {

    border-color: transparent;

}



.T-bo > .T-Bd > .T-Bd-bg.isbg:after {

    display: none;

}



.T-bo > .T-Bd.btn {

    padding-bottom: 50px;

}



.T-bo > .T-Bd.btn > .btnclose {

    background: #eee;

    height: 48px;

    line-height: 50px;

    font-size: 14px;

    z-index: 3;

    bottom: 0;

    left: 0;

    right: 0;

}



.T-bo > .T-Bd.btn > .T-Con > .T-Msg {

    min-height: 60px;

}



.T-bo > .T-Bd.confirm {

    padding-bottom: 50px;

}



.T-bo > .T-Bd.confirm > .btnclose {

    background: #eee;

    height: 48px;

    line-height: 50px;

    font-size: 14px;

    z-index: 3;

    bottom: 0;

    left: 0;

    right: 0;

    width: 100%;

}



.T-bo > .T-Bd.confirm > .btnclose .no {

    border-left: 1px solid #ddd;

}



.T-bo > .T-Bd.confirm > .T-Con > .T-Msg {

    min-height: 60px;

}



.T-bo > .T-Bd.img {

    width: 100%;

    height: 100%;

    max-height: 94%;

    max-width: 100%;

    top: 0;

    left: 0;

}



.T-bo > .T-Bd.img img {

    max-width: 94%;

    max-height: 94%;

    text-align: center;

}



.T-bo > .T-Bd.T-Tit {

    max-width: 94%;

}



.T-bo > .T-Bd.T-Tit > .T-Bd-bg {

}



.T-bo > .T-Bd.T-Tit > .T-Tit > .T-Close {

    right: 0;

    top: 0;

    line-height: 44px;

    width: 32px;

    font-size: 16px;

    color: #fff;

    text-align: center;

}



.T-bo > .T-Bd.T-Tit > .T-Tit {

    line-height: 44px;

    background: #009688;

    z-index: 3;

    padding-left: 18px;

    margin: 1px 1px 0;

    color: #fff;

    font-size: 16px;

}



.T-bo > .T-Bd.T-Tit > .T-Bd-bg::after {

    background: none;

}



.T-bo > .T-Bd.T-Tit > .T-Con {

    margin: 0 -1px 1px;

}



.T-bo > .T-Bd.bar {

    width: auto;

    min-height: inherit;

}



.T-bo > .T-Bd.bar > .T-Bd-bg {

    background: #333;

    opacity: 0.8 !important;

    filter: alpha(opacity=80) !important;

    border: none;

}



.T-bo > .T-Bd.bar > .T-Bd-bg:after {

    opacity: 0;

    filter: alpha(opacity=0);

}



.T-bo > .T-Bd.bar > .T-Con {

    width: auto;

}



.T-bo > .T-Bd.bar > .T-Con > .T-Msg {

    display: inline-block;

    padding: 9px 26px;

}



.T-bo > .T-Bd.bar.T-Tit > .T-Con > .T-Msg {

    padding: 9px 18px;

}



.T-bo > .T-Bd.bar > .close {

    color: #fff;

}



.T-bo > .T-Bd.bar.T-Tit > .T-Tit {

    background: none;

    border: none;

    color: #fff;

    border-bottom: 1px solid #eee;

}



.T-bo > .T-Bd.none > .T-Bd-bg {

    background: none;

    border: none;

}



.T-bo > .T-Bd.none > .T-Bd-bg:after {

    opacity: 0;

    filter: alpha(opacity=0);

}



.T-bo > .T-Bd.none > .T-Con {

    margin: 0;

}



.T-bo > .T-Bd.none > .T-Con > .T-Msg {

    padding: 0;

}



.T-bo > .T-Bd.iframe {

    max-width: 94%;

}



.T-bo > .T-Bd.iframe .T-Con {

    width: 100%;

    height: 100%;

    padding: 0;

}



.T-bo > .T-Bd.iframe .T-Con iframe {

    width: 100%;

    height: 100%;

}



.T-bo > .T-Bd.tv {

    max-width: 94%;

    background: #333;

}



.T-bo > .T-Bd.tv .T-Con {

    width: 1000px;

    height: 0;

    padding: 0;

    padding-top: 56.25%;

    margin: 0;

    position: relative;

}



.T-bo > .T-Bd.tv .T-Con iframe {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

}



.T-bo > .T-Bd.tv .T-Bd-bg {

    background: #333;

}



.T-bo > .T-Bd.tv .T-Bd-bg::after {

    background: #333;

}



.T-bo > .T-Bd > .T-Con.T-Font {

    display: table;

    width: 400px;

}



.T-bo > .T-Bd > .T-Con.T-Font > .T-Msg {

    display: table-cell;

    vertical-align: middle;

    padding: 20px;

}



.T-bo > .T-Bd > .T-Con.T-Font > .tipIcon {

    width: 1%;

    display: table-cell;

    vertical-align: middle;

    font-size: 46px;

    padding: 20px 10px 20px 20px;

}



.T-bo > .T-Bd > .T-Con.T-Font1 > .tipIcon {

    color: #FF9800;

}



.T-bo > .T-Bd > .T-Con.T-Font2 > .tipIcon {

    color: #E91E63;

}



.T-bo > .T-Bd > .T-Con.T-Font3 > .tipIcon {

    color: #2196F3;

}



.T-bo > .T-Bd > .T-Con.T-Font4 > .tipIcon {

    color: #00BCD4;

}



.T-bo > .T-Bd > .T-Con.T-Font5 > .tipIcon {

    color: #009688;

}



.T-bo > .T-Bd.isAp {

    position: absolute;

}



@media only screen and (max-width: 900px) {

    .T-bo > .T-Bd.tv {

        width: 100%;

        max-width: 100%;

        margin: 0 auto auto auto !important;

        top: 0 !important;

        right: auto !important;

        left: 0 !important;

        bottom: auto !important;

    }



    .T-bo > .T-Bd.tv .close {

        width: 100%;

        height: auto;

        background: #3F3F3F; /*#46D8AC;*/

        border-radius: 0;

        margin: 0 !important;

        right: 0 !important;

        top: 100%;

        line-height: inherit;

        font-size: 0;

        padding: 14px 0;

    }



    .T-bo > .T-Bd.tv .close:before {

        content: '鍏抽棴';

        font-size: 14px;

        color: #fff;

    }

}



@media only screen and (max-width: 500px) {

    .T-bo > .T-Bd > .T-Con.T-Font .just-icon {

        font-size: 40px !important;

        font-weight: 100;

    }



    .T-bo > .T-Bd > .close.close5 {

        font-size: 20px;

    }

}



@media only screen and (min-width: 1px) {

    .T-bo > .T-Bd > .T-Bd-bg {

        border: none;

    }



    .T-bo > .T-Bd.T-Tit .T-Tit {

        margin: 0;

    }



    .T-bo > .T-Bd > .T-Con {

        margin: 0;

    }



    /**/

}



.T-animate {

    -webkit-animation-duration: .3s;

    animation-duration: .3s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both

}



@keyframes T-Bin {

    0% {

        opacity: 0;

        -webkit-transform: scale3d(.8, .8, .8);

        transform: scale3d(.8, .8, .8)

    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(1.03, 1.03, 1.03);

        transform: scale3d(1.03, 1.03, 1.03)

    }

    to {

        opacity: 1;

        -webkit-transform: scaleX(1);

        transform: scaleX(1)

    }

}



@-webkit-keyframes T-Bin {

    0% {

        opacity: 0;

        -webkit-transform: scale3d(.8, .8, .8);

        transform: scale3d(.8, .8, .8)

    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(1.03, 1.03, 1.03);

        transform: scale3d(1.03, 1.03, 1.03)

    }

    to {

        opacity: 1;

        -webkit-transform: scaleX(1);

        transform: scaleX(1)

    }

}



.T-Bin {

    -webkit-animation-name: T-Bin;

    animation-name: T-Bin

}



/* 琛ㄥ崟绫� */

form {

}



form input {

    border: none;

    outline: none;

    background: none;

    display: inline-block;

    vertical-align: middle;

    color: #333;

}



form select,

form textarea {

    border: none;

    outline: none;

    background: none;

    display: inline-block;

    vertical-align: middle;

    -weibox-sizing: border-box;

    box-sizing: border-box;

    color: #333;

}



form input:disabled,

form textarea:disabled {

    color: #333;

}



form .J-c > s {

    display: block;

    float: left;

    font-size: 0;

    height: 100%;

    padding-right: 4px;

}



form .J-c {

    height: 20px;

    line-height: 20px;

    display: inline-block;

}



form .J-i,

form .J-t {

    display: block;

}



form .J-i.blue,

form .J-t.blue {

    box-shadow: 0 0 3px rgba(0, 102, 255, 0.3);

    border-color: #6fbdff !important;

    -webkit-transition: all 100ms ease 0s;

    transition: all 100ms ease 0s;

}



form .J-i.green,

form .J-t.green {

    box-shadow: 0 0 3px rgba(0, 204, 0, 0.3);

    border-color: #9cca2c !important;

    -webkit-transition: all 100ms ease 0s;

    transition: all 100ms ease 0s;

}



form .J-i {

    font-size: 0;

    cursor: text;

}



form .J-i > input {

    width: 100%;

    height: 100%;

}



form .J-i > select {

    width: 100%;

    height: 100%;

    display: inline-block;

    _display: inline-block;

    *display: inline-block;

}



form .J-c s:after,

form .J-i:after {

    content: '';

    height: 100%;

    display: inline-block;

    vertical-align: middle;

}



form .J-t {

    font-size: 0;

    overflow-x: hidden;

}



form .J-t textarea {

    width: 100%;

    max-width: 100%;

    resize: none;

}



form .J-i.s {

    position: relative;

    cursor: default; /*padding-right:24px;*/ /*cursor:pointer;*/

}



form .J-i.s > i {

    position: absolute;

    top: 50%;

    line-height: 24px;

    margin-top: -12px;

    bottom: 0;

    right: 6px;

    display: block;

    font-size: 14px;

    padding-left: 4px;

    pointer-events: none

}



form .J-i.s > div {

    display: inline-block;

    _display: inline;

    vertical-align: middle;

}



form .J-i.s.s1 > i {

    font-size: 12px;

    line-height: 25px;

}



form .J-i.s > dl {

    display: none;

    max-height: 200px;

    position: absolute;

    overflow-y: auto;

    overflow-x: hidden;

    top: 100%;

    left: -1px;

    min-width: 100%;

    background: #fff;

    border: 1px solid #67b2d4;

    z-index: 24;

    box-shadow: 0px 3px 5px #ccc;

}



form .J-i.s > dl dt,

form .J-i.s > dl dd {

    padding: 4px 9px 4px 9px;

    line-height: 20px;

    z-index: 1;

    position: relative;

    font-size: 12px;

}



form .J-i.s > dl dd {

    cursor: pointer;

}



form .J-i.s > dl dd:hover {

    background: #eee;

}



form .J-i.s.cur > dl {

    display: block;

}



form .J-i.s.top > dl {

    bottom: 100%;

    top: auto;

}



@media only screen and (min-width: 1px) {

    /*form .J-i.s > dl{ background:rgba(255,255,255,0.9); }*/

}