/* CSS Document*/

@charset "utf-8";
html {
    font-size: 62.5%;
    height: 100%;
}

body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dt,
dd,
table,
th,
td,
form,
fieldset,
legend,
input,
textarea,
button,
select {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
    display: block;
}

img,
fieldset {
    border: 0
}

body,
textarea,
input,
button,
select,
keygen,
legend {
    outline: 0;
}

ul,
ol {
    list-style: none
}

em,
address {
    font-style: normal
}

a {
    color: #555;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-tap-highlight-color: rgba(0, 0, 0, 0);
}

table {
    border-collapse: collapse
}

.clr {
    clear: both !important;
}

* html .cFix,
* html .clearfix {
    display: inline-block;
}

*+html .cFix,
*+html .clearfix {
    display: inline-block;
}

.cFix:after,
.clearfix:after {
    height: 0;
    visibility: hidden;
    content: ".";
    display: block;
    clear: both;
    line-height: 1.2;
}

body {
    height: 100%;
    /* overflow: hidden; */
    min-width: 320px;
    font-size: 1.4em;
    line-height: 1.2;
    background: #F3F5F7;
    font-family: 'pingfang sc', 'ROBOTO', sans-serif, Helvetica, 'microsoft yahei';
    color: #555;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-tap-highlight-color: rgba(0, 0, 0, 0);
}

button,
input,
textarea,
select {
    font-family: 'pingfang sc', 'ROBOTO', sans-serif, Helvetica, 'microsoft yahei';
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.new-txt-rd2 {
    color: #e4393c
}

.red_01 {
    color: #f15353!important;
}

.green {
    color: #30AE20!important;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.block {
    display: block;
}

.i-block {
    display: inline-block;
}

.pt5 {
    padding-top: 5px!important;
}

.pt10 {
    padding-top: 10px!important;
}


/*layout*/

.main-bg:before {
    content: ' ';
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.main {
    min-width: 320px;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
}

.main .scroll-div {
    box-sizing: border-box;
    padding-top: 50px;
    min-height: calc(100% + 1px);
}


/** * head movie*/

.head {
    display: block;
    position: relative;
    z-index: 10;
    height: 44px;
    line-height: 44px;
    color: #fff;
    background: #F8F9F9;
    box-shadow: 0px 1px 1px 0px rgba(155, 155, 155, 0.30);
    text-align: right;
}

.head h2 {
    font-size: 1.6rem;
    font-weight: normal;
    color: #555555;
    text-align: center;
}

.head h2 i {
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
    background: #6EE22E;
    width: 12px;
    height: 12px;
    border-radius: cover;
}

.head h2 i.off {
    background: #999;
}

.head h2 span {
    display: inline-block;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    text-shadow: 0.3px 0px 0px #555555;
    letter-spacing: 0.82px;
    font-size: 1.6rem
}

.head .head-l {
    position: absolute;
    top: 0;
    left: 6px;
}

.head .back {
    color: #fff;
    width: 30px;
    height: 35px;
    display: block;
    text-align: center;
    background: #f8f8f8;
}

.head .back span {
    display: inline-block;
    width: 10px;
    height: 10px;
    overflow: hidden;
    border: 2px solid transparent;
    border-top-color: #808080;
    border-right-color: #808080;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}


/* .head .back span {display: inline-block;width: 24px; height: 24px; overflow: hidden;background:url(https://img10.360buyimg.com/cms/jfs/t4039/179/2549566127/1330/8a13d1b6/58aba49aNc257187c.png) no-repeat center center;background-size: cover;}
 */

.head-info {
    display: none;
    position: absolute;
    top: 34px;
    right: -6px;
    background: #4c4c4c;
    text-align: center;
    z-index: 3;
}

.head-info a {
    display: inline-block;
    color: #fff;
    line-height: 40px;
    width: 100px;
    border-bottom: 1px solid #5c5c5c;
}

.head-info a:last-child {
    border-bottom: none;
}

.head-info a:visited,
.head-info a:hover,
.head-info a:active {
    color: #fff;
}

.head-info a:visited {
    color: #fff;
}


/*END head*/


/*客服信息*/

.top-info {
    position: absolute;
    top: 44px;
    z-index: 2;
    width: 100%;
    min-height: 30px;
    display: none;
}

.top-info .inner {
    padding: 5px 10px;
    background: rgba(252, 93, 96, .9);
    -moz-transition: background ease-in .3s;
    -o-transition: background ease-in .3s;
    -ms-transition: background ease-in .3s;
    -webkit-transition: background ease-in .3s;
    transition: background ease-in .3s;
}

.top-info img {
    max-width: 40px;
    height: 40px;
    float: left;
    border-radius: 50% 50%;
}

.top-info .fl {
    padding: 12px 0 0 10px;
}

.top-info .name {
    color: #fff;
}

.top-info .name span {
    margin-right: 5px;
    float: left;
}

.top-info .name:after,
.top-info .inner:after {
    height: 0;
    visibility: hidden;
    content: ".";
    display: block;
    clear: both;
    line-height: 1.2;
}

.top-info .name em {
    float: left;
    line-height: 15px;
    height: 15px;
    font-size: 1.2rem;
}

.top-info .tips {
    display: none;
    padding: 0 2px;
    letter-spacing: 1px;
    background: #595959;
    border: 1px solid #595959;
    border-radius: 0px 3px 3px 0px;
}

.top-info .txt {
    font-size: 1.2rem;
    color: #888;
}

.top-info .level {
    display: none;
    margin-right: 1px;
    width: 15px;
    border: 1px solid #595959;
    background: #595959 url(https://img13.360buyimg.com/cms/jfs/t3889/331/2515074461/365/abb2eba/58aba4c9Nd31f11d1.png) no-repeat center center;
    background-size: cover;
    border-radius: 3px 0px 0px 3px;
}

.top-info .type {
    margin: -1px 5px 0 0;
    padding: 0 2px;
    min-width: 20px;
    text-align: center;
    font-size: 1.1rem;
    border: 1px solid #fff;
    border-radius: 3px;
}

.top-info .fr {
    display: none;
    padding: 12px 0 0 10px;
    float: right;
    color: #fff;
    font-size: 1.1rem;
}

.top-jdzy .inner {
    background: rgba(148, 138, 254, .9);
}

.top-offical .inner {
    background: rgba(252, 93, 96, .9);
}

.top-shop .inner {
    background: #1F97D4;
}

.top-info .on {
    background: rgba(255, 255, 255, .9);
}

.top-info .on .name span {
    color: #555;
}

.top-info .on .type {
    background: #FC5D60;
    border-color: #FC5D60;
}

.top-info .on .fr {
    color: #888;
    display: none;
}

.top-jimi .name {
    font-size: 1.6rem;
}

.top-jimi .type {
    margin: 1px 5px 0 0;
    display: none;
}

.top-jdzy .on .type {
    display: block;
    background: #7580FB;
    border-color: #7580FB;
}

.top-shop .on .type {
    display: block;
    background: #F5A623;
    border-color: #F5A623;
}

.top-offical,
.top-jdzy,
.top-shop,
.top-jimi {
    display: block;
}

.top-jdzy img,
.top-offical img,
.top-jimi img {
    border-radius: 0;
}

.top-hidden {
    -webkit-animation: fadeInUp .4s ease-in 1 forwards;
    -moz-animation: fadeInUp .4s ease-in 1 forwards;
    -ms-animation: fadeInUp .4s ease-in 1 forwards;
    -o-animation: fadeInUp .4s ease-in 1 forwards;
    animation: fadeInUp .4s ease-in 1 forwards;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 1;
        top: 0;
    }
    100% {
        opacity: 0;
        top: -50px;
    }
}

@-moz-keyframes fadeInUp {
    0% {
        opacity: 1;
        top: 0;
    }
    100% {
        opacity: 0;
        top: -50px;
    }
}

@-o-keyframes fadeInUp {
    0% {
        opacity: 1;
        top: 0;
    }
    100% {
        opacity: 0;
        top: -50px;
    }
}

@-ms-keyframes fadeInUp {
    0% {
        opacity: 1;
        top: 0;
    }
    100% {
        opacity: 0;
        top: -50px;
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 1;
        top: 0;
    }
    100% {
        opacity: 0;
        top: -50px;
    }
}


/* END 客服信息*/


/*会话面板*/

.im-chat-window {
    width: 100%;
    overflow: hidden;
    z-index: 1;
    flex: 1;
    -webkit-flex: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    position: relative;
}

#scrollDiv {
    position: relative;
    z-index: 1;
}


/*footer*/

footer {
    padding-top: 5px;
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
}

.main.for-sdk footer {
    display: none;
}


/*--自助表单--*/

.full-height {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.im-chat-help.change-to-absolute {
    position: absolute;
}

.im-chat-help {
    color: #7D838A;
    width: 100%;
    overflow: hidden;
    bottom: 0;
    margin-left: 10px;
    z-index: 2;
    font-size: 0px
}

.im-chat-help ul {
    overflow: hidden;
    min-height: 28px;
    display: inline-block;
    white-space: nowrap;
    font-size: 1.4rem
}

.im-chat-help {
    color: #7D838A;
    width: 100%;
    overflow: hidden;
    bottom: 0;
    margin-left: 10px;
    z-index: 2;
}

.im-chat-help ul.empty {
    display: none;
}

.im-chat-help li {
    position: relative;
    margin-right: 17px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.im-chat-help li a {
    padding: 0 10px;
    display: inline-block;
    box-shadow: 0px 2px 3px 0px rgba(211, 216, 222, 0.8);
    height: 25px;
    line-height: 25px;
    background: #fff;
    color: #7D838A;
    border-radius: 15px;
}

.im-chat-help li .redTag:after {
    content: '';
    background: #FF716F;
    border-radius: 50%;
    width: 6px;
    height: 6px;
    position: absolute;
    top: 0;
    right: 1px;
}

.im-chat-help .isTaped {
    color: #ccc;
}

.im-key {
    margin: 0 10px 7px;
    height: 35px;
    position: relative;
}

.im-key span {
    position: absolute;
    top: 0;
    height: 100%;
    display: block;
}

.im-key .btn-link {
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative;
    text-indent: -99em;
    overflow: hidden;
}

.im-key .btn-link:before {
    content: '.';
    position: absolute;
    background: #fff;
    right: 10px;
    top: 16px;
    width: 20px;
    height: 2px;
}

.im-key .btn-link:after {
    content: '.';
    position: absolute;
    right: 10px;
    top: 10px;
    /*  display: inline-block;  */
    width: 10px;
    height: 10px;
    overflow: hidden;
    border: 2px solid transparent;
    border-top-color: #fff;
    border-right-color: #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.im-key .cell01 {
    /* width: calc(100% - 38px); */
    left: 0;
    overflow: hidden;
    background: #fff;
    border-radius: 5px 0 0 5px;
    z-index: 2;
}

.im-key input {
    margin: 0 10px;
    padding: 7px 0;
    /* width: calc(100% - 20px); */
    width: 100%;
    line-height: 31px;
    height: calc(100% - 4px);
    overflow: hidden;
    font-size: 1.6rem;
    border: none;
    display: block;
    vertical-align: middle;
}

.im-key .cell02 {
    right: 0;
    width: 38px;
    line-height: 34px;
    z-index: 2;
    background: #1F97D4;
    border-radius: 0 5px 5px 0;
}


/* Mozilla Firefox 4 to 18 */

.im-key input:-moz-placeholder {
    font-size: 1.2rem;
    color: #ccc;
}


/* Mozilla Firefox 19+ */

.im-key input::-moz-placeholder {
    font-size: 1.2rem;
    color: #ccc;
}

.im-key input:-ms-input-placeholder {
    font-size: 1.2rem;
    color: #ccc;
}

.im-key input::-webkit-input-placeholder {
    font-size: 1.2rem;
    color: #ccc;
}

.im-key-open .cell02 {
    width: 38px;
    -moz-transition: width .2s, -moz-transform .2s;
    -o-transition: width .2s, -o-transform .2s;
    -ms-transition: width .2s, -ms-transform .2s;
    -webkit-transition: width .2s, -webkit-transform .2s;
    transition: width .2s, transform .2s;
}

.im-key-open .cell01 {
    /* width: calc(100% - 38px); */
    -moz-transition: width .2s, -moz-transform .2s;
    -o-transition: width .2s, -o-transform .2s;
    -ms-transition: width .2s, -ms-transform .2s;
    -webkit-transition: width .2s, -webkit-transform .2s;
    transition: width .2s, transform .2s;
}

.im-key-close .cell01 {
    width: 100%;
    border-radius: 5px;
}

.tool-main {
    background: #F3F5F7;
    overflow: hidden;
}

.tool-nav:after {
    height: 0;
    visibility: hidden;
    content: ".";
    display: block;
    clear: both;
    line-height: 1.2;
}

.tool-nav {
    padding: 3px 0;
    /* width: calc(100% - 0); display: flex; display: -webkit-flex;display: -o-flex;display: -moz-flex;display: -ms-flex; overflow: hidden;*/
}

.tool-nav li {
    /* flex-grow:1;-webkit-flex-grow:1;-o-flex-grow:1;-moz-flex-grow:1;-ms-flex-grow:1; */
    text-align: center;
    float: left;
    width: 20%;
}

.tool-nav a {
    display: inline-block;
}

.tool-nav span {
    display: block;
    width: 25px;
    height: 25px;
    white-space: nowrap;
    text-indent: -99em;
    overflow: hidden;
}

.btn-estimate span {
    background: url(https://img12.360buyimg.com/cms/jfs/t3841/122/4213682641/1040/a40575a7/58aba505N6d9612ef.png) no-repeat center center;
    background-size: cover;
}

.btn-photo {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.btn-photo span {
    cursor: pointer;
    position: relative;
    z-index: 0;
    background: url(https://img12.360buyimg.com/cms/jfs/t3937/265/2519424544/1190/e4fe473c/58aba532Ncc34f69f.png) no-repeat center center;
    background-size: cover;
}

.btn-order span {
    background: url(https://img14.360buyimg.com/cms/jfs/t3265/344/6732318554/1443/ea725cba/58aba558N42ad5ce4.png) no-repeat center center;
    background-size: cover;
}

.btn-recent span {
    background: url(https://img11.360buyimg.com/cms/jfs/t3838/166/4181440943/1557/e1942722/58aba56fNfc8a92e2.png) no-repeat center center;
    background-size: cover;
}

.btn-smile span {
    background: url(https://img10.360buyimg.com/cms/jfs/t3910/234/2544885914/1268/f0b31ff4/58aba583N40ca12a7.png) no-repeat center center;
    background-size: cover;
}

.on .btn-estimate span {
    background: url(https://img13.360buyimg.com/cms/jfs/t3931/168/2559474087/986/a734c69b/58aba59cN58e6ece4.png) no-repeat center center;
    background-size: cover;
}

.on .btn-photo span {
    background: url(https://img11.360buyimg.com/cms/jfs/t3148/146/6710373965/1186/e067489/58aba5afNda005fb4.png) no-repeat center center;
    background-size: cover;
}

.on .btn-order span {
    background: url(https://img13.360buyimg.com/cms/jfs/t3214/51/6702904332/1425/38bf5272/58aba5c1N364d6e5f.png) no-repeat center center;
    background-size: cover;
}

.on .btn-recent span {
    background: url(https://img12.360buyimg.com/cms/jfs/t3853/282/2463223119/1562/1d51a769/58aba5d5Nef924cfe.png) no-repeat center center;
    background-size: cover;
}

.on .btn-smile span {
    background: url(https://img11.360buyimg.com/cms/jfs/t3286/331/6835192963/1260/d50facc7/58aba5e6Nce785c8c.png) no-repeat center center;
    background-size: cover;
}

.im-tool {
    clear: both;
    display: none;
    height: 180px;
    background: #FDFDFE;
    overflow: hidden;
}

.im-tool-on {
    display: block;
}

.tc-tips {
    width: 60%;
    min-height: 150px;
    margin: 0 auto;
    text-align: center;
    color: #9b9b9b!important;
    font-size: 15px!important;
    padding-top: 50px;
    padding-bottom: 100px;
}

.tc-tips img {
    width: 100%;
}

.tc-tips i {
    margin: 40px auto 5px;
    width: 39px;
    height: 51px;
    display: block;
    background: url(https://h5static.m.jd.com/act/m315/error.png) no-repeat center top;
    background-size: contain;
    vertical-align: middle;
}


/*.tc-tips.loading i{ width: 100px;height: 100px;background:url(https://img13.360buyimg.com/cms/jfs/t4750/95/2572114062/37771/6126e648/5902b36bN764040f1.gif) no-repeat center top;background-size: cover;}*/


/*END layout*/


/*点击加载更多*/

.comon-more {
    padding: 0 10px;
    cursor: pointer;
    text-align: center;
    line-height: 20px;
    color: #999;
    font-size: 1.2rem;
}

.comon-more:after {
    height: 0;
    visibility: hidden;
    content: ".";
    display: block;
    clear: both;
    line-height: 1.2;
}


/* .comon-more .i-reSel{ padding: 5px 10px 5px 25px; float: right; vertical-align: middle; border-radius: 5px; border: 1px solid #D5D5D5;background: url(//img10.360buyimg.com/cms/jfs/t3940/41/2543426986/847/165ba13b/58aba67eNfb58f82d.png) no-repeat 8px center;background-size:15px 15px;}
 */

.comon-more .i-read-more {
    padding: 5px 0 0;
    display: block;
    font-weight: normal!important;
    color: #4C6B90;
}

.comon-more a.i-read-more:after {
    margin-left: 5px;
    content: '.';
    text-indent: -99em;
    vertical-align: 1px;
    width: 6px;
    height: 6px;
    display: inline-block;
    overflow: hidden;
    border: 1px solid transparent;
    border-top-color: #4C6B90;
    border-right-color: #4C6B90;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

.comon-more .i-clicklMore {
    display: block;
    color: #555!important;
    font-weight: normal!important;
}

.comon-more .i-view-more,
.comon-more .i-re-sel,
.comon-more .i-reSel,
.comon-more .i-send-btn {
    display: block;
    color: #4C6B90!important;
    font-weight: normal!important;
}

.comon-more a.i-view-more:after,
.comon-more a.i-re-sel:after,
.comon-more .i-reSel:after {
    margin-left: 5px;
    content: '.';
    text-indent: -99em;
    display: inline-block;
    vertical-align: 1px;
    width: 6px;
    height: 6px;
    overflow: hidden;
    border: 1px solid transparent;
    border-top-color: #4C6B90;
    border-right-color: #4C6B90;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

.comon-more .i-send-btn:after {
    margin-left: 5px;
    content: '.';
    text-indent: -99em;
    display: inline-block;
    vertical-align: middle;
    width: 21px;
    height: 18px;
    overflow: hidden;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAYCAYAAADpnJ2CAAAAAXNSR0IArs4c6QAAAXhJREFUSA1jYBgFFIaASfqsrcZpM7fAjGGBMWhF////3wvZbCZkDj3YRFkIdCWjee4SPmo4iKCFwPCXM82YfeLvr69XqGEh3jg0yZjt8P/f/1VAH4pSwzKQGTh9aJI2u4Dh/7/dDAzUswxkIYYPLQtXcf7+9n7W////Yhj+g5RQF6BYaJU9R/7Xt/fr//9nMKSuNQjT4EFqmjnL/ufvv2doaRnIWrAPgSmR6/9fhs1APi/CLZgsk4yZDZii+EX+/0OVRwlSVClMHlBzPaYoUSJHYKrAFp6dlf4NGKS+QF+uAUqIwCTRaUYmhkZ0MSL433g42GbB1DHCGCAanGj+/MWZaIAOQ1GPrJdYNjzRgDQcm5rykJVL0JqRkWEJsQaQqg7FQpDm4/1h38/MTI9lZGAqBFr8h1QDCanHsBCm4cys1AkMjEyuDAyMr2Fi1KBxWggy/MyM1APAos2EkZHxFNC3j6lhIVFmgKon67K5ePMoUQaNKqJFCAAAZyxsS4q180EAAAAASUVORK5CYII=) no-repeat center top;
    background-size: 85% 85%;
}


/* .comon-more .i-re-sel{ float: right; padding: 5px 10px 5px 25px; vertical-align: middle; border-radius: 5px; border: 1px solid #D5D5D5;background: url(https://img10.360buyimg.com/cms/jfs/t3940/41/2543426986/847/165ba13b/58aba67eNfb58f82d.png) no-repeat 5px center;background-size:12px 14px;}
.comon-more .loading .icon {background-size: cover;} */


/*skin--------------------------*/

#swipebox-overlay {
    background: #0d0d0d;
}

#swipebox-bottom-bar,
#swipebox-top-bar {
    text-shadow: 1px 1px 1px black;
    background: #000;
    opacity: 0.95;
}

#swipebox-top-bar {
    color: white !important;
    font-size: 15px;
    line-height: 43px;
    font-family: Helvetica, Arial, sans-serif;
}


/*红色按钮*/

.nb-btn-1,
.jimi-ask-btn {
    padding: 5px 20px;
    border-radius: 15px;
    text-align: center;
    line-height: 20px;
    color: #fff!important;
    font-weight: normal!important;
    background: #FC5D60;
    display: inline-block;
    margin: 10px 10px 0 0;
}


/*蓝色按钮*/

.nb-btn-2 {}

.nb-btn-2 {
    padding: 0 10px;
    border-radius: 15px;
    color: #fff;
    border: 1px solid #FC5D60;
    background: #FC5D60;
    display: inline-block;
    text-align: center;
    width: 65px;
    height: 30px;
    line-height: 30px;
}

.nb-btn-2-no {
    border-color: #b3b3b3;
    background: #ccc;
    color: #999;
}


/*蓝色文字链接*/

.nb-btn-3 {
    display: inline-block;
    text-align: center;
    color: #336699;
    line-height: 30px;
    height: 30px;
    font-size: 1rem;
}

#framePop {
    padding: 0px!important;
}

#framePop {
    background-image: url(http://img10.360buyimg.com/cms/jfs/t4450/147/1490841307/160245/b831f459/58df864dN8ac3415d.gif);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 60px;
}

#framePop .im-scroll-cont .iframe-box {
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
    width: 100%;
    height: 420px;
}


/*快捷卡片*/

.fast-card {
    position: relative;
}

.fast-card ul {
    display: inline-block;
    white-space: nowrap;
}

.fast-card ul li {
    vertical-align: middle;
    display: inline-block;
    white-space: nowrap;
    background: #FFF;
    cursor: pointer;
    width: 100px;
    height: 110px;
    padding: 5px;
    margin-right: 10px;
    box-shadow: 0 2px 3px 0 rgba(211, 216, 222, .8);
    border-radius: 5px;
    text-align: center;
    overflow: hidden
}

.fast-card li.style-01 .pic {
    height: 60px;
    width: 60px;
    padding-left: 20px;
    overflow: hidden;
    padding-top: 4px;
}

.fast-card li.style-01 .pic img {
    max-width: 100%;
}

.fast-card li .tit {
    color: #3F4256;
    margin-top: 8px;
    height: 20px;
    line-height: 1.2;
    overflow: hidden
}

.fast-card li .com {
    color: #88919D;
    font-size: 1rem;
    line-height: 1.3;
    overflow: hidden
}

.fast-card li.style-02 {
    width: 165px;
    height: 110px;
}

.fast-card li.style-02 .pic {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.fast-card li.style-02 img {
    width: 100%;
    height: 100%;
    vertical-align: baseline
}


/* 快捷卡片消息通知类型 */

.message-notice {
    color: #333333;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.20);
    margin: 0 6px;
}

.message-notice .title {
    font-size: 16px;
    text-align: center;
    padding-top: 10px;
}

.message-notice .content {
    font-size: 14px;
    line-height: 20px;
    padding: 12px;
}

.message-notice .paging {
    border-top: 1px solid #E9E9E9;
    text-align: center;
}

.message-notice .paging span {
    display: inline-block;
    text-align: center;
    width: 49%;
    color: #336699;
    line-height: 35px;
}

.message-notice .prev-page {
    border-right: 1px solid #E9E9E9;
}

.message-notice .hidden {
    display: none;
}/* CSS Document*/

@charset "utf-8";

/* 下拉刷新 */

.pull-down {
height: 1.5rem;
    text-align: center;
    /* opacity: 0; */
    /* overflow: hidden; */
    -webkit-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
}

.pull-down.pulling {
    opacity: 1;
}

.prev-chat-split {
    margin: 8px auto;
    width: 60%;
    height: 2px;
    text-align: center;
    border-radius: 60%/2px;
    background-color: #cdd4dd;
}

.prev-chat-split:after {
    display: inline-block;
    padding: 3px 8px;
    content: '\4E0A\6B21\804A\5230\8FD9\91CC';
    color: #adb4bc;
    font-size: 12px;
    background-color: #F3F5F7;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.no-data-tips {
    margin: 0 auto;
    padding: 100px 0;
    width: 130px;
    text-align: center;
}

.no-data-tips>div {
    left: 50%!important;
    top: 50%!important;
}

.im-chat-list {
    position: relative;
}

.im-chat-list li {
    padding: 5px 10px;
    clear: both;
    overflow: hidden;
}

.im-chat-pb {
    padding-bottom: 40px;
}

.h-portrait {
    position: relative;
    display: inline-block;
    width: 39px;
    height: 39px;
    border-radius: 4px;
    overflow: hidden;
    background-color: #fff;
    vertical-align: top;
}

.h-portrait>img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 40px;
}

.dialog-box {
    margin-left: 13px;
    padding: 7px 10px;
    display: inline-block;
    position: relative;
    min-width: 16px;
    min-height: 14px;
    border-radius: 10px;
    background-color: #fff;
    color: #252525;
    background: #FFFFFF;
    font-size: 1.07em;
}

.dialog-box .user {
    margin-right: 5px;
    min-width: 54px;
    max-width: 94px;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dialog-box .cont {
    word-wrap: break-word;
    overflow: hidden;
    position: relative;
    z-index: 3
}

.dialog-box .cont img {
    vertical-align: middle;
}

.dialog-box .cont .image-file img {
    max-width: 215px;
    max-height: 460px;
}

.dialog-box .cont p a {
    color: #336699;
    cursor: pointer;
}

.dialog-box .cont em,
.dialog-box .cont address {
    font-style: italic;
}

.dialog-box .imJumpFlag {
    color: #555!important;
    cursor: default;
}


/* .dialog-box .cont>a,.dialog-box .cont>div>a{ color: #336699; cursor: pointer;}
.service .dialog-box .cont>a,.service .dialog-box .cont>div>a{ font-weight: bold;}*/

.dialog-box .cont>img {
    margin-bottom: 5px;
}

.dialog-box .image-file {
    display: inline-block;
}

.dialog-box .comonMore {
    padding-top: 9px;
}

.dialog-box .comon-btn-1 {
    padding: 11px 0 1px;
    font-size: 1.2rem;
}

.dialog-box .cont .comon-btn-1 a {
    color: #4C6B90;
}

.comon-pic {
    margin-bottom: 10px;
}

.comon-pic img {
    max-width: 100%;
}

.comon-pic-list {
    padding-bottom: 10px;
}

.comon-pic-list li {
    padding: 0;
    margin-bottom: 5px;
    display: block;
}

.comon-pic-list li:last-of-type {
    margin-bottom: 0;
}

.comon-pic-list img {
    max-width: 100%;
}

.category li {
    padding: 10px;
    position: relative;
}

.category .list-arrow {
    position: absolute;
    top: 23px;
    right: 26px;
    width: 10px;
    height: 10px;
    overflow: hidden;
    border: 2px solid transparent;
    border-top-color: #ccc;
    border-right-color: #ccc;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.service {
    /*position:relative; */
    text-align: left
}

.service .dialog-box {
    max-width: 72%;
    background: #f3f3f3;
    border: 1px solid #DEDEDE;
    border-radius: 4px;
}

.customer {
    text-align: right
}

.customer .dialog-box {
    margin: 0 13px 0 0;
    color: #000;
    max-width: 72%;
    background-color:#d0e9ff ;
    border: 1px solid #d0e9ff;
    border-radius: 4px;
}

.customer .cont,
.customer .time {
    display: block;
    text-align: left
}


/*.customer .h-portrait img {
    border-radius: 50% 50%;
}*/

.customer .h-portrait {
    float: right;
}

.service .dialog-box:after,
.customer .dialog-box:after {
    position: absolute;
    top: 14px;
    content: '';
    z-index: 2;
    right: -9px;
    width: 8px;
    height: 8px;
    box-sizing: border-box;
    overflow: hidden;
    border-width: 1px 1px 0 0;
    border-color: #000;
    border-style: solid;
    background: -webkit-linear-gradient(225deg, #f00 50%, transparent 50%);
    background: linear-gradient(225deg, #f00 50%, transparent 50%);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.service .dialog-box:after {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    top: 14px;
    left: -4px;
    border-color: #DEDEDE;
    background: -webkit-linear-gradient(225deg,#f3f3f3 50%, transparent 50%);
    background: linear-gradient(225deg, #f3f3f3 50%, transparent 50%);
}

.customer .dialog-box:after {
    right: -4px;
    border-color: #D0E9FF;
    background: -webkit-linear-gradient(225deg, #d0e9ff 50%, transparent 50%);
    background: linear-gradient(225deg, #d0e9ff 50%, transparent 50%);
}

.customer .comon-more .i-read-more {
    color: #fff;
}

.customer .comon-more a.i-read-more:after {
    border-top-color: #fff;
    border-right-color: #fff;
}

.service .dialog-oth,
.customer .dialog-oth {
    box-shadow: none;
    background: none;
    border: 0 none;
}

.service .dialog-oth .cont,
.customer .dialog-oth .cont {
    background: none;
    box-shadow: none;
}

.cont h3 {
    margin-bottom: 10px;
    font-size: 1.4rem;
    font-weight: bold;
}

.sub-lst-t {
    font-size: 1.2rem;
    color: #888;
}

.sub-lst li {
    padding-left: 0;
    position: relative;
    border-bottom: 1px solid #e9e9e9;
    line-height: 20px;
    min-height: 20px;
}
.newGroupList{
    background: #fff;
    padding: 0 10px;
    display: inline-block;
    width: 85%;
    margin-top: 10px;
    border-radius: 4px;
}
.newGroupList li{
    text-align: left;
    padding-right: 0;
    padding-top: 5px;
    padding-bottom: 2px;
}
li.newGroupItemActive a{
    color:#ccc;
}
.newGroupList li a{
    font-size: 14px;
}
.newGroupList li:last-child{
    border: none;
}
.newGroupList li i{
    float: right;
}
.newGroupList li .sub-lst-link{
    width: 100%;
}
.sub-lst a {
    padding: 0 10px 0 0;
    color: #555555;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sub-lst a i {
    margin-right: 10px;
    width: 20px;
    line-height: 20px;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    /* background: url("../images/chat/bg_faq.png") no-repeat left center; background-size: 20px 20px; */
}

.sub-lst a i img {
    width: 20px;
    height: 20px;
}

.sub-lst li .txt {
    vertical-align: middle;
    display: inline-block;
}

.sub-lst .on a {
    color: #888;
}

.sub-lst .on a i img {
    display: none;
}

.sub-lst .on a i {
    width: 20px;
    height: 20px;
    background: url(https://img12.360buyimg.com/cms/jfs/t4000/29/2547937488/1209/c17a875a/58aba88eNa6523a0f.png) no-repeat left center;
    background-size: 20px 20px;
}


/* .sub-arrow li:after { content: '.'; position: absolute; top: 17px; right: 10px;width: 15px; height: 15px; overflow: hidden;background:url("../images/chat/bg_arrow.png") no-repeat center center;background-size: cover;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}*/

.sub-arrow span:after {
    position: absolute;
    top: 17px;
    right: 10px;
    content: '.';
    text-indent: -99em;
    vertical-align: 1px;
    width: 8px;
    height: 8px;
    display: inline-block;
    overflow: hidden;
    border: 1px solid transparent;
    border-top-color: #555;
    border-right-color: #555;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.sub-arrow .on span:after {
    border-top-color: #888;
    border-right-color: #888;
}


/* .dialog-box .cont .sub-lst img { vertical-align: top;} */


/* .sub-lst li.current .list-arrow{ border-top-color:#888; border-right-color:#888;} */

.chat-txt .sub-lst {
    min-width: 190px;
}

.im-chat-list .sub-lst-02 {
    padding-top: 5px;
}

.im-chat-list .sub-lst-02 li {
    padding: 2px 0;
    border-bottom: none;
}

.sub-lst-02 a {
    padding: 0 10px;
    white-space: normal;
    word-wrap: break-word;
    background: #D9E7FF;
    color: #336699;
    border: 1px solid transparent;
    border-radius: 15px;
    display: inline-block;
}

.sub-lst-02 i {
    font-style: normal;
}

.chat-txt[data-rel=history] .sub-lst a {
    background: #EFEFEF;
    color: #888888;
}

.for-sdk .chat-txt[data-rel=history] .sub-lst a {
    background: transparent;
}


/* .sub-lst-03 a{ padding-left: 0; background: none; color: #336699; border-radius: 5px; display: inline-block!important;}
.sub-lst-03 i{ font-style: normal;} */

.sub-lst_04 {
    padding: 10px 0
}

.sub-lst_04 li {
    padding: 2px 10px;
    line-height: 20px;
}

.sub-lst_04 li:before {
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    content: '.';
    width: 5px;
    height: 5px;
    background: #669;
    border-radius: 50%;
    text-indent: -99em;
}

.chat-risk .h-portrait {
    display: none;
}

.risk-box .txt {
    min-height: 32px;
}

.risk-box .nb-btn-3 {
    padding-right: 8px;
    /*  display: none; */
}

.risk-box input {
    margin-right: 10px;
    padding: 2px 5px;
    font-size: 2rem;
    vertical-align: top;
    border: 1px solid #D5D5D5;
    width: 25%;
    max-width: 100px;
    height: 26px;
    line-height: 22px;
}

.risk-box .check-err {
    border-color: #FC5D60;
}

.risk-box img {
    vertical-align: top;
    max-height: 40px;
    max-width: 100px;
    height: 32px;
}

.risk-box .tips {
    padding: 10px 0 3px;
    display: none;
    color: #FC5D60;
    font-style: normal!important;
}

.risk-box .title {
    padding-bottom: 12px;
    color: #555;
}

.risk-box .pic {
    padding-right: 8px;
    float: left;
}

.risk-box .tips-gray {
    color: #9b9b9b;
    display: block;
}

.risk-box .tips-err {
    display: block;
}

.jimi-list {}

.chat-txt .text-msg-wrap {
    position: relative;
    overflow: hidden;
    line-height: 1.5;
}

.chat-txt .text-msg-wrap a {
    color: #4C6B90;
}

.chat-txt .text-msg-wrap .comon-more,
.chat-txt .text-box-pop .comon-more,
.multitxt-msg-wrap .comon-more {
    padding: 15px 0 0;
    position: absolute;
    bottom: -11px;
    right: 0;
    left: 0;
    height: 30px;
    background: linear-gradient(-180deg, rgba(255, 255, 255, 0.00) 0%, #FFFFFF 31%);
    background: -webkit-gradient(linear, top, rgba(255, 255, 255, 0.00) 0%, #FFFFFF 31%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.00) 0%, #FFFFFF 31%);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.00) 0%, #FFFFFF 31%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.00) 0%, #FFFFFF 31%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.00) 0%, #FFFFFF 31%);
}

.chat-txt .text-msg-wrap .comon-more a,
.chat-txt .text-box-pop .comon-more a,
.multitxt-msg-wrap .comon-more a {
    padding: 0;
}

.chat-txt .customer .text-msg-wrap .comon-more,
.chat-txt .customer .text-box-pop .comon-more {
    /*     -webkit-box-shadow: 0 -6px 12px 10px rgba(255, 113, 111, 1) inset;
box-shadow: 0 -6px 12px 10px rgba(255, 113, 111, 1) inset; */
    background: linear-gradient(-180deg, rgba(255, 113, 111, 0.00) 0%, #FF716F 31%);
    background: -webkit-linear-gradient(top, rgba(255, 113, 111, 0.00) 0%, #FF716F 31%);
    background: -moz-linear-gradient(top, rgba(255, 113, 111, 0.00) 0%, #FF716F 31%);
    background: -o-linear-gradient(top, rgba(255, 113, 111, 0.00) 0%, #FF716F 31%);
    background: -ms-linear-gradient(top, rgba(255, 113, 111, 0.00) 0%, #FF716F 31%);
}

.chat-txt .customer .cont .text-msg-wrap>a {
    color: #fff;
}

.chat-txt .text-msg-wrap .nb-btn-1,
.jimi-ask-btn {
    margin: 10px 10px 0 0;
}

.im-chat-list .text_time {
    padding: 0 5px;
}

.chat-txt .list-li-a {
    display: block;
    width: 100%;
}

.uploadFrame {
    display: none;
}

.chat-img .dialog-box {
    padding: 8px;
}


/*信息提示*/


/*聊天过程中的提示*/

.chat-time {
    padding: 8px 0;
    display: block;
    font-size: 10px;
    color: #999;
    text-align: center;
}

.chat-time .dialog-box {
    color: #999;
}

.chat-tips {
    text-align: center;
    color: #888;
}

.chat-tips a {
    color: #336699;
}

.system .dialog-box {
    margin: 0 auto;
    padding: 0;
    background-color: transparent;
    border-radius: 0;
    max-width: 80%!important;
    width: 80%;
    word-break: break-word;
}

.chat-tips .dialog-box:after,
.chat-time .dialog-box:after {
    content: none;
}

.chat-tips .cont {
    padding: 2px 10px;
    text-align: center;
    display: inline-block;
    line-height: 20px;
    background: #DCE1E4;
    color: #777;
    font-size: 1.2rem;
    text-align: center;
    border-radius: 3px;
}

.chat-tips .cont .a-blue {
    color: #1E90FF;
    text-decoration: underline;
}


/* .chat-tips .mask{ width:100%; height:100%; z-index:1; position:absolute; left:0; top:0;border-width: 1px;border-style: solid; border-radius: 5px;}
.chat-tips .cont{ position:relative;z-index:2;}
.chat-tips .cont .a_blue { color:#1E90FF; text-decoration: underline;}
.chat-txt .chat-msg{margin:0 30px;position: relative; display:inline-block; padding: 5px 10px;zoom: 1;line-height: 20px;background:#DCDCDC; text-align:center; border-radius:15px 15px;}
 */

.chat-line {
    padding: 5px;
    text-align: center;
}

.chat-line a {
    margin: 0 5px;
    display: inline-block;
}

.chat-line .dialog-box {
    margin: 0;
    padding: 0;
}

.chat-line .jump-box {}

.chat-line .jump-box a {
    padding-bottom: 5px;
}

.chat-line .jump-box a.btn-say {
    transition: all 0.6s;
    -webkit-animation-name: 'ripple';
    -webkit-animation-duration: 0.3s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: 1;
}

@keyframes ripple {
    0% {
        transform: scale(0.8);
    }
    30% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}

.chat-line .jump-box span {
    display: block;
    line-height: 25px;
    padding: 4px 10px 3px;
    min-width: 110px;
    background: #fff;
    border-radius: 15px 15px;
}

.chat-line .jump-box span:before {
    margin-right: 5px;
    content: '.';
    display: inline-block;
    text-indent: -99em;
    vertical-align: middle;
    width: 20px;
    height: 20px;
}

.chat-line .system .dialog-box {
    width: 100%!important;
    max-width: 100%!important;
}


/*按钮-仲裁*/

.btn-zc {
    color: #B8A111;
}

.btn-zc span:before {
    background: url(https://img11.360buyimg.com/cms/jfs/t4081/42/2568844234/996/47d50879/58aba8b1N5b3143bc.png) no-repeat center -2px;
    background-size: cover;
}


/*按钮-商家*/

.btn-sj-tel {
    color: #F5A623;
}

.btn-sj-tel span:before {
    background: url(https://img14.360buyimg.com/cms/jfs/t3187/133/6778818805/1006/442da79a/58aba8c5N163e5909.png) no-repeat center -2px;
    background-size: cover;
}


/*按钮-电话客服*/

.btn-tel {
    color: #7096D9;
}

.btn-tel span:before {
    background: url(https://img13.360buyimg.com/cms/jfs/t3247/160/6714209213/1580/8c3df08d/58aba8dbNcdafb814.png) no-repeat center -2px;
    background-size: cover;
}


/*按钮-在线客服*/

.btn-say {
    color: #FC5D60;
}

.btn-say span:before {
    background: url(https://img12.360buyimg.com/cms/jfs/t3217/232/6783656481/975/e09aa4a4/58aba8f2Na8658e77.png) no-repeat center -2px;
    background-size: cover;
}


/*按钮-留言客服*/

.btn-leave {
    color: #68717C;
}

.btn-leave span:before {
    background: url(https://img11.360buyimg.com/cms/jfs/t3949/255/2591885963/901/69ac4fee/58aba904N9661da39.png) no-repeat center -2px;
    background-size: cover;
}


/*点击后效果*/

.btn-sj-tel span.on,
.btn-say span.on {
    color: #ccc!important;
}

.btn-sj-tel .on:before,
.btn-say .on:before {
    background: rgba(255, 255, 255, .5);
    background: url(https://img11.360buyimg.com/cms/jfs/t3949/255/2591885963/901/69ac4fee/58aba904N9661da39.png) no-repeat center -2px;
    background-size: cover;
}


/*点击效果*/

.btn-tel .sel,
.btn-say .sel,
.btn-sj-tel .sel,
.btn-leave .sel,
.btn-zc .sel {
    background: #DBDFE5!important;
}


/*按钮-选择*/

.btn-opt-oth {
    padding-bottom: 5px;
    color: #4C6B90;
    float: left;
}

.chat-line .jump-box .btn-opt-oth span:before {
    display: none;
}

.btn-opt-oth span:after {
    margin-left: 5px;
    content: '.';
    text-indent: -99em;
    vertical-align: 1px;
    width: 8px;
    height: 8px;
    display: inline-block;
    overflow: hidden;
    border: 1px solid transparent;
    border-top-color: #4C6B90;
    border-right-color: #4C6B90;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}


/*按钮-换一批*/

.btn-change {
    color: #4C6B90;
}

.chat-line .jump-box .btn-change span {
    padding: 4px 20px 3px;
}

.chat-line .jump-box .btn-change span:before {
    display: none;
}

.btn-change span:after {
    margin-left: 10px;
    content: '.';
    display: inline-block;
    text-indent: -99em;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background: url(https://img11.360buyimg.com/ddimg/jfs/t4765/322/1147569073/1410/e8bc0141/58ed9d84N348887e0.png) no-repeat center center;
    background-size: 16px 19px;
}


/*按钮-降价通知*/

.chat-line .jump-box .btn-notice span {
    padding: 4px 20px 3px;
}

.chat-line .jump-box .btn-notice span:before {
    display: none;
}


/*固定在顶部*/

.chat-fix-top {
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    z-index: 2;
    color: #333;
    -webkit-animation: fadeInDown .4s ease-in-out 1 backwards;
    animation: fadeInDown .4s ease-in-out 1 backwards;
}

.chat-fix-top .cont {
    margin: 0;
    padding: 10px 0;
    width: 100%;
    border-radius: 0 0;
    color: #8b572a;
    background: rgba(255, 247, 147, .6);
    border-bottom: 1px solid #be936d;
}

.chat-fix-btm {
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    z-index: 2;
    width: 100%;
}

.chat_sys_tips {
    /*overflow: hidden; height: 0;*/
    position: absolute;
    top: 45px;
    left: 0;
    z-index: 3;
    width: 100%;
    text-align: center;
}


/* .chat-fix-top .i-notice2{background: rgba(176,176,176,.8);color:#fff;border-bottom:1px solid #aba4a4;} */

.chat-fix-top .i-notice1,
.chat-fix-top .i-notice2 {
    background: rgba(255, 247, 147, .6);
    border-bottom: 1px solid #be936d;
}


/*模板信息*/

.chat-tpl .customer .dialog-box,
.chat-risk .customer .dialog-box,
.chat-info .customer .dialog-box,
.chat-info .customer .dialog-box {
    margin: 0 auto;
    display: block;
    background: #fff;
    max-width: 100%;
    max-width: calc(100% - 12px)!important;
}

.chat-tpl .service .dialog-box,
.chat-info .service .dialog-box,
.chat-risk .service .dialog-box {
    margin: 0 auto;
    display: block;
    max-width: 100%;
    max-width: calc(100% - 12px)!important;
}

.chat-tpl .dialog-box:after,
.chat-info .dialog-box:after,
.chat-risk .dialog-box:after {
    display: none;
}

.chat-tpl .service .dialog-box,
.chat-tpl .customer .dialog-box,
.chat-risk .service .dialog-box,
.chat-risk .customer .dialog-box {
    padding-left: 11px;
    padding-right: 11px;
    max-width: calc(100% - 34px)!important;
}

.chat-tpl .service .dialog-oth,
.chat-tpl .customer .dialog-oth {
    padding: 0!important;
    max-width: calc(100% - 12px)!important;
}

.chat-tpl .h-portrait,
.chat-info .h-portrait,
.chat-line .h-portrait {
    display: none;
}

#feedbackList .list-arrow {
    top: 20px;
}

#feedbackList li {
    cursor: pointer;
}

.chat_sys {
    text-align: center;
}

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

.chat_sys .h-portrait {
    display: none;
}

.chat_sys .dialog-box {
    margin: 0 30px;
    padding: 5px 10px;
    zoom: 1;
    line-height: 20px;
    color: #888;
    background: #DCDCDC;
    text-align: center;
    border-radius: 15px 15px;
}

.chat_sys .dialog-box:after {
    display: none;
}



.im-list01 .pic {
    float: left;
    width: 62px;
    height: 62px;
    overflow: hidden;
    margin-left: 1px;
}

.J_ProductItem .pic {
    float: left;
    width: 76px;
    height: 76px;
    overflow: hidden;
}

.im-list01 .pic img {
    /* width: 75px;
    height: 75px; */
    width: 60px;
    height: 60px;
}

.J_ProductItem .pic img {
    width: 75px;
    height: 75px;
}

.im-list01 .bg-1 {
    padding: 0 10px 7px;
    /* border-bottom: 1px solid #e9e9e9; */
    border-left: none;
    border-right: none;
    /* font-size: 1.2rem; */
    background: #fff;
    position: relative;
;
}

.im-list01 .bg-1 .time {
    position: absolute;
    right: 10px;
    top: 8px;
    color: #888;
}

.im-list01 .sub .bg-1 {
    padding: 0 0;
    border: none;
}

.im-list01 .sub .bg-1 .s-3 {
    display: inline-block;
    width: 36%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
}

.im-list01 .sub .bg-1 .time {
    top: 0;
    right: 0;
}

.im-list01 p {
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
}

.im-list01 p a {
    color: #333;
}

.im-list01 .btn {
    position: absolute;
    right: 10px;
    top: 8px;
}

.im-list01 .s-3 {
    color: #232326;
}

.im-list01 .price {
    color: #F23030;
    font-size: 1.4rem;
    font-weight: 400;
}

.im-list01 .other {
    padding: 10px 0;
    clear: both;
    overflow: hidden;
    position: relative;
}

.im-list01 .other .s-1 {
    width: 165px;
    display: inline-block;
    color: #999;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.im-list01 p strong {
    color: #888;
    vertical-align: top;
    font-weight: normal;
    font-size: 12px;
}

.im-list01 .price,
.im-list01 .price2 {
    color: #888;
    font-size: 13px;
    font-weight: 400;
}

.im-list01 .other .s-1 {
    width: 165px;
    display: inline-block;
    color: #999;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.im-list01 .other>p {
    padding: 0 10px;
    color: #999;
}

.im-list01 .other .time {
    position: absolute;
    right: 10px;
    top: 0;
    text-align: right;
    color: #999
}

.im-list01 .other .bot {
    position: absolute;
    right: 10px;
    bottom: 0;
}

.im-list01 .bg-2 {
    line-height: 20px;
    margin-top: 23px;
}

.im-list01 .bg-2:after {
    height: 0;
    visibility: hidden;
    content: ".";
    display: block;
    clear: both;
    line-height: 1.2;
}

.im-list01 .bg-2 .price {
    float: left;
}

.im-list01 .bg-2 .state {
    float: right;
    font-size: 1.3rem;
}

.im-list01 .bg-2 .s-5 {
    color: #F23030;
    display: inline-block;
    line-height: 21px;
    padding: 0 5px;
    background: #FFEDED;
    border-radius: 5px;
    font-size: 13px;
}

.im-list01 .bg-2 .cancel_state {
    color: #999;
    background: #F3F5F7;
}


/*商品列表*/

.im-list01 li {
    /* padding: 15px 0; */
    border-bottom: 1px solid #e9e9e9;
}


/* pop商品列表 */

.im-list01 .J_ProductItem {
    margin: 0 15px;
    padding: 15px 0;
}

.im-list01 li:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}


/*有购物车的*/

.im-list01-line {
    white-space: nowrap;
    overflow: hidden;
}

.im-list01-line .txt {
    position: relative;
}

.im-list01-line .sub .name a {
    color: #000;
}

.im-list01-line .sub .note {
    color: #888;
}

.im-list01-line .sub .name {
    display: block;
}

.im-list01 .tag {
    margin-bottom: 5px;
    min-height: 16px;
}

.im-list01 .tag .t {
    margin-left: 5px;
    display: inline-block;
    padding: 0 5px;
    border: 1px solid #FF716F;
    border-radius: 3px;
    font-size: 1.1rem;
    color: #FF716F;
    line-height: 18px;
    height: 18px;
    white-space: nowrap;
}

.im-list01 .score {
    position: absolute;
    bottom: 0;
    left: 145px;
}

.im-list01 .score i {
    font-style: normal;
}

.im-list01 .opt {
    position: absolute;
    bottom: 4px;
    right: 0;
    height: 24px;
}

.im-list01 .opt a {
    margin-left: 5px;
    display: inline-block;
    width: 24px;
    height: 24px;
    text-indent: -99em;
    overflow: hidden;
}

.im-list01 .i-cart {
    background: url(https://img11.360buyimg.com/ddimg/jfs/t4168/41/3610252667/1374/fe480a57/58e48586N3e4beb41.png) no-repeat center center / 80% 80%;
}

.im-list01 .i-info {
    background: url(https://img11.360buyimg.com/ddimg/jfs/t4612/16/1721994126/556/6240d876/58e4858bN4cf544a1.png) no-repeat center center / 80% 80%;
}

.im-list01 .opt a.i-inbtn {
    line-height: 18px;
    height: 18px;
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 0 10px;
    color: #666;
    font-size: 1.2rem;
    text-indent: 0;
}


/*包含重新选择的单个商品*/

.im-list04 {
    padding: 0 10px 10px;
    margin-bottom: 8px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #fff;
    border-bottom: 1px solid #e9e9e9;
}

.im-list04 li {
    padding-top: 0;
}

.im-list04 .comon-more {
    padding: 10px;
    border-top: 1px solid #D5D5D5;
    text-align: right;
    cursor: default;
}

.im-list05 {
    padding: 0 10px 10px;
    background:#fff ;
    border-radius: 5px;
    border: 1px solid #fff;
}

.im-list05 li {
    padding-top: 0;
    border: none;
}

.chat-info .dialog-box {
    padding: 10px 0 8px;
}

.chat-info .im-list01 .sub {
    padding: 0;
}

.chat-info .im-list05 {
    padding-bottom: 0;
}


/* .im-list02 li { padding: 10px 0;}
.im-list02 .sub { padding-bottom: 0;}
.im-list04 { padding: 10px 0 0; background: #fff; border-radius: 5px; border: 1px solid #fff;}
.im-list04 .comonMore {padding: 10px; border-top:1px solid #D5D5D5; text-align: right; cursor: default;}
.im-list04 .comonMore .i-reSel{ padding: 5px 10px 5px 25px; vertical-align: middle; border-radius: 5px; border: 1px solid #D5D5D5;background: url("../images/chat/icon_renew.png") no-repeat 5px center;background-size:15px 15px;}
 */

.im-list01-pop .sub {
    padding-bottom: 0;
}

.im-list03-pop {
    /* background-color: #f7f7f7; */
}

.im-list03-pop li {
    margin-bottom: 10px;
    padding: 0;
    /* border-top: 1px solid #e9e9e9; */
    background-color: #fff;
    margin: 0 15px;
    padding-bottom: 15px;
}

.im-list03-pop li:first-of-type {
    border-top: none;
}

.im-list03-pop .bg-1 {
    padding-top: 15px;
    padding-bottom: 7px;
    font-size: 11px;
}

.im-list03-pop .sub {
    position: relative;
    /* padding-bottom: 15px; */
}

.im-list03-pop .bg-1 .time {
    top: 11px;
}

.im-list03-pop .sub .bg-1 .time {
    top: 0;
}

.im-list03-pop .sub .bot {
    position: absolute;
    bottom: 5px;
    right: 10px;
}

.im-box-inner {
    position: relative;
    width: 100%;
    /* height: calc(100% - 105px); */
}

.im-list-out {
    /* position:absolute;top:0;bottom:0;left:0;width:100%; */
}

.im-list-out .comon-more {
    padding: 10px;
    border-top: 1px solid #e9e9e9;
}

.d-searching img {
    width: 100%;
}

@media only screen and (min-device-width: 10px) and (max-device-width: 320px) {
    .risk-box img {
        max-width: 70px;
    }
    .risk-box input {
        max-width: 60px;
    }
}


/*  @media only screen and (min-device-width : 10px) and (max-device-width : 360px)  {
   .chat-txt .im-list01 .sub .bg-1 .time {
       position: static!important;
       top: auto;
       right: auto;
   }
} */


/*@media only screen and (min-device-width : 321px) and (max-device-width : 600px)  {
    .dialog-box{ max-width:264px;}
}
@media only screen and (min-device-width : 601px) {
    .dialog-box{ max-width:480px;}
    .dialog-box .cont .image-file img{ max-width: 300px; max-height: 500px;}
} */


/*区分不同的头部*/

.noHeader header {
    display: none;
}

.noHeader .top-info {
    top: 0;
}

.noHeader .im-chat-window {
    top: 0;
}

.noHeader .eval_rat .rat-box {
    padding-top: 10px;
}

.noHeader .eval_rat .close {
    top: 15px;
}

.noHeader .eval_rat .im-box-pop {
    top: 30px;
}


/*天气*/

.jimi-weather-wrapper li {
    float: left;
    font-size: 1.1rem;
}

.jimi-weather-wrapper li img {
    width: 50px!important;
    height: 50px!important;
}


/*图片答案*/

.jimi-img {
    padding-top: 10px;
    /* height: 60px; */
    overflow: hidden;
}

.jimi-img-add {
    padding-top: 10px;
}

.sub-lst-03:after {
    height: 0;
    visibility: hidden;
    content: ".";
    display: block;
    clear: both;
    line-height: 1.2;
}

.sub-lst-03 {
    width: 100%;
}

.sub-lst-03 .num {
    display: none;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 18px;
    height: 18px;
    line-height: 18px;
    color: #fff;
    text-align: center;
    background: rgba(74, 74, 74, .8);
}


/* .sub-lst-03 li{ margin-right: 5px;padding: 5px 5px;position: relative;width: 60px; float: left; clear: none; border-bottom: none;}
.sub-lst-03 li img { width: 50px!important;}
.sub-lst-03 li a{ padding: 0;}
.sub-lst-num li:nth-of-type(3) .num { display: block;} */

.sub-lst-03 {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    overflow: hidden;
}

.sub-lst-03 li {
    padding: 0;
    border: none;
    background: #F1F1F1;
}

.sub-lst-03 li a {
    display: inline-block;
}

.sub-lst-03 img {
    margin: 0 auto;
    display: block;
    max-width: 100%!important;
    max-height: auto!important;
}

.sub-lst-num li {
    margin: 0 5px 0 0;
}

.sub-lst-num li:nth-of-type(3) .num {
    display: block;
}

.sub-lst-auto li {
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
}

.sub-lst-auto li {
    margin: 0 5px 0 0;
}

.sub-lst-auto .num {
    display: none!important;
}

.chat-txt[data-rel=history] .sub-lst-03 a {
    background: none;
    color: #888888;
}


/*品牌列表*/

.blank-box {
    padding: 10px;
}

.blank-box ul:after {
    height: 0;
    visibility: hidden;
    content: ".";
    display: block;
    clear: both;
    line-height: 1.2;
}

.blank-box li {
    margin-bottom: 10px;
    height: 30px;
    width: 33%;
    float: left;
    cursor: pointer;
}

.blank-box li span {
    margin: 0 5px;
    display: block;
    line-height: 30px;
    text-align: center;
    color: #333;
    background: #FFFFFF;
    border: 1px solid #AEBBCB;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 5px;
}

.blank-box .on span {
    background: #f3f3f3;
}

.text-box-pop {
    padding: 20px;
    line-height: 24px;
    color: #333;
}

.text-box-pop a {
    color: #336699;
}


/*折叠答案*/

.jimi-list {
    padding-top: 5px;
}

.jimi-list li {
    padding: 5px 0;
    line-height: 25px;
}

.jimi-list li a {
    padding: 0 10px;
    display: inline-block;
    color: #369;
    background: #F1F1F1;
    border-radius: 15px;
}

.jimi-list li i {
    font-style: normal;
}

.jimi-list li .on {
    background: #F1F1F1;
    color: #888;
}


/*用户反馈*/

.jimi-fold {}


/*物流跟踪*/

.log-box .title {
    margin: 0 -14px;
    padding: 5px 14px 10px;
    border-bottom: 1px solid #eeeff2;
}

.log-box .log-body {
    padding: 5px 0 0;
}

.im-box-pop .log-box .log-body {
    padding: 5px 0 35px;
}

.log-box .log-row {
    padding: 10px 0 0;
    position: relative;
}

.log-box .log-row .log-point {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 35px;
}

.log-box .log-row .log-info {
    margin-left: 45px;
    margin-right: -14px;
    padding-right: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eeeff2;
}

.log-box .log-row:last-child .log-info {
    border-bottom: 0;
}

.log-box .log-row .log-point:before,
.log-box .log-row .log-point:after {
    position: absolute;
    left: 50%;
    content: '';
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.log-box .log-row .log-point:before {
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #eeeff2;
}

.log-box .log-row:first-child .log-point:before {
    top: 14px;
}

.log-box .log-row .log-point:after {
    top: 14px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #eeeff2;
}

.log-box .log-row:first-child .log-point:after {
    top: 12px;
    width: 10px;
    height: 10px;
    background-color: #f55b5b;
    border: 2px solid #fbc1c1;
}

.log-box .log-row:last-child .log-point:before {
    height: 14px;
}

.log-box .log-row .log-text {
    line-height: 1.5;
    color: #888;
}

.log-box .log-row:first-child .log-text {
    color: #333;
}

.log-box .log-row .log-time {
    padding: 5px 0 0;
    color: #888;
}

.log-box .log-more {
    margin: 0 -14px;
    padding-top: 10px;
}

.log-box-area {
    padding-top: 10px;
}

.log-box-area .log-more {
    color: #336699;
    margin: 0;
    line-height: 30px;
}

.log-box-area .btn-wt {
    float: right;
    margin-left: 5px;
    line-height: 25px;
}

.btn-wt {
    display: inline-block;
    background: #FFFFFF;
    border: 1px solid #CBCBCB;
    border-radius: 3px;
    padding: 0 10px;
    line-height: 25px;
    color: #555;
    font-size: 1.2rem;
}


/*优惠券*/

.coupon-tip {
    padding-bottom: 10px;
    font-size: 1.4rem;
}

.lis-coupon li {
    background-color: #fff;
    height: 70px;
    position: relative;
    padding: 0;
    margin-bottom: 10px;
}

.lis-coupon li .c-p-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    background-color: rgba(255, 255, 255, 0.5);
}

.lis-coupon li.off .c-p-mask {
    display: block;
    background: url(https://img11.360buyimg.com/ddimg/jfs/t4258/139/3893279386/4391/cdc8ba5/58ea3301N5d897c18.png) no-repeat rgba(255, 255, 255, 0.5);
}

.lis-coupon li.hover .c-p-mask {
    cursor: pointer;
    display: block;
    background-color: rgba(172, 172, 172, 0.1);
}

.lis-coupon .c-p-type-1 .c-p-lef,
.lis-coupon .c-p-type-1 .c-p-rig .c-p-tname {
    background-color: #FF526F;
}

.lis-coupon .c-p-type-2 .c-p-lef,
.lis-coupon .c-p-type-2 .c-p-rig .c-p-tname {
    background-color: #e2b44f;
}

.lis-coupon .c-p-lef {
    float: left;
    height: 100%;
    width: 110px;
    background: url(https://img11.360buyimg.com/ddimg/jfs/t4762/317/862146791/387/94f46a65/58ea3289N286fc2c2.png) right 0 no-repeat #5885eb;
    color: #fff;
    text-align: center;
}

.lis-coupon .c-p-lef .c-p-p1 {
    margin-top: 8px;
    line-height: 30px;
    font-size: 1.4rem;
}

.lis-coupon .c-p-lef .c-p-p1 strong {
    font-size: 2rem;
}

.lis-coupon .c-p-rig {
    position: relative;
    margin-left: 125px;
    color: #555;
    height: 100%;
    border-bottom: #f2f2f2 solid 1px;
}

.lis-coupon .c-p-rig .c-p-txt {
    line-height: 1.5;
    padding-top: 5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.lis-coupon .c-p-rig .c-p-tname {
    background-color: #5885eb;
    color: #fff;
    padding: 0 5px;
    margin-right: 5px;
    min-height: 20px;
    vertical-align: middle;
    display: inline-block;
}

.lis-coupon .c-p-rig .c-p-time {
    color: #7D838A;
    position: absolute;
    bottom: 5px;
    left: 0;
}

.coupon-pop {
    padding: 0 10px;
    margin-top: 10px;
}

.im-box-pop .coupon {
    padding: 10px;
}

.im-box-pop .lis-coupon li {
    margin-bottom: 10px;
}


/*   pop-from  */

.pop-from {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    border: none;
    font-size: inherit;
    background-color: #F0F2F5;
}

.pop-from .tips {
    margin-top: 8px;
    color: #ccc;
}

.pop-from .banner {
    margin-top: 10px;
    padding: 14px;
    background-color: #fff;
    line-height: 20px
}

.pop-from input:focus,
.pop-from textarea:focus {
    font-size: 100% !important;
}

.pop-from .error {
    border: 1px solid #FF716F;
}

.pop-from .p-tab-con {
    margin-top: 10px;
}

.pop-from .p-tab-con .mtype {
    border: #ccc solid 1px;
    color: #555;
    margin-left: 10px;
    padding: 2px 10px;
    line-height: 20px;
    cursor: pointer;
}

.pop-from .p-tab-con .mtype.on {
    border-color: #FC5D60;
    color: #FC5D60;
}

.pop-remind-order input[name="phone"] {
    line-height: 2;
    width: 100%;
    border: none;
}

.pop-from textarea[name="message"] {
    width: 100%;
    height: 100px;
    border: none;
    background: #fff;
    margin-left: -2px;
}

.pop-submit-btn {
    background-color: #FF716F;
    color: #fff;
    text-align: center;
    -webkit-appearance: none;
    border: 1px solid #FF716F;
    width: 100%;
    font-size: 18px;
    padding: 14px;
    outline: 0;
    vertical-align: middle
}

.pop-remind-order .msg-tab {
    margin-top: 0;
    height: 70px
}


/***  降价通知  ***/

.price-notice .tip {
    margin: 0;
    padding: 14px;
    line-height: 20px;
    color: #AEAEAE;
}

.price-notice .cur-price {
    background-color: #f7f7f7;
}

.price-notice .cur-price .yen,
.price-notice .cur-price .price {
    color: #FC5D60;
}

.price-notice .exp-price {
    margin-top: 10px;
}

.price-notice .msg-switch {
    margin-top: 10px;
}

.price-notice .msg-switch span.switch {
    float: right;
}

.price-notice .phone-num {
    border-top: 1px solid #F0F2F5;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

.price-notice .well {
    padding: 14px;
    min-height: 100px;
}

.price-notice .exp-price input,
.price-notice .phone-num input {
    border: none;
    width: 100%;
}

.msg-btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: none;
    outline: none;
    display: inline-block;
    position: relative;
    height: 35px;
    line-height: 35px;
    border-radius: 35px;
    padding: 0 25px 0 25px;
    color: #4C6B90;
    font-size: 1.4rem;
}


/*** 开关按钮 ***/

.check-switch {
    width: 42px;
    height: 21px;
    position: relative;
    border: 1px solid #dfdfdf;
    background-color: #fdfdfd;
    box-shadow: #dfdfdf 0 0 0 0 inset;
    border-radius: 20px;
    background-clip: content-box;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    user-select: none;
    vertical-align: -5px;
}

.check-switch:before {
    content: '';
    width: 18px;
    height: 18px;
    position: absolute;
    top: 0;
    left: 2px;
    border-radius: 18px;
    background-color: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.check-switch:checked {
    border-color: #FF716F;
    box-shadow: #FF716F 0 0 0 16px inset;
    background-color: #FF716F;
}

.check-switch:checked:before {
    left: 21px;
}


/* border-top: 1px solid #eeeff2; */

.im-list01 .bot .btn-wt {
    float: right;
    margin-right: 10px;
    /* position: absolute;bottom: 0;right: 0;  */
    display: inline-block;
}

.log-box .btn-wt {
    display: inline-block;
    background: #FFF;
    border: 1px solid #CBCBCB;
    border-radius: 3px;
    padding: 0 10px;
    line-height: 25px;
    color: #555;
    font-size: 1.4rem;
}

.log-box-area {
    padding-top: 10px;
    text-align: center;
    font-size: 1.2rem;
}

.log-box-area .log-more {
    color: #369;
    margin: 0;
    padding-top: 10px;
    line-height: 20px;
    border-top: none;
}

.log-box-area .btn-wt {
    float: right;
    margin-left: 5px;
    line-height: 25px;
}

.log-box-area .imJumpFlag,
.log-box-area .J_WeReminOrderBtn {
    display: none!important;
}

.log-box-area .J_WeReminOrderBtn.btn-wt {
    display: none!important;
}


/*物流*/


/*   pop-from  */

.pop-from {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    border: none;
    font-size: inherit;
    background-color: #F0F2F5;
}

.pop-from .tips {
    margin-top: 8px;
    color: #ccc;
}

.pop-from .banner {
    margin-top: 10px;
    padding: 14px;
    background-color: #fff;
    line-height: 20px
}

.pop-from input:focus,
.pop-from textarea:focus {
    font-size: 100% !important;
}

.pop-from .error {
    border: 1px solid #FF716F;
}

.pop-from .p-tab-con {
    margin-top: 10px;
}

.pop-from .p-tab-con .mtype {
    border: #ccc solid 1px;
    color: #555;
    margin-left: 10px;
    padding: 2px 10px;
    line-height: 20px;
    cursor: pointer;
}

.pop-from .p-tab-con .mtype.on {
    border-color: #FC5D60;
    color: #FC5D60;
}

.pop-remind-order input[name="phone"] {
    line-height: 2;
    width: 100%;
    border: none;
}

.pop-from textarea[name="message"] {
    width: 100%;
    height: 100px;
    border: none;
    background: #fff;
    margin-left: -2px;
}

.pop-submit-btn {
    background-color: #FF716F;
    color: #fff;
    text-align: center;
    -webkit-appearance: none;
    border: 1px solid #FF716F;
    width: 100%;
    font-size: 18px;
    padding: 14px;
    outline: 0;
    vertical-align: middle
}

.pop-remind-order .msg-tab {
    margin-top: 0;
    height: 70px
}


/***  降价通知  ***/

.price-notice .tip {
    margin: 0;
    padding: 14px;
    line-height: 20px;
    color: #AEAEAE;
}

.price-notice .cur-price {
    background-color: #f7f7f7;
}

.price-notice .cur-price .yen,
.price-notice .cur-price .price {
    color: #FC5D60;
}

.price-notice .exp-price {
    margin-top: 10px;
}

.price-notice .msg-switch {
    margin-top: 10px;
}

.price-notice .msg-switch span.switch {
    float: right;
}

.price-notice .phone-num {
    border-top: 1px solid #F0F2F5;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

.price-notice .well {
    padding: 14px;
    min-height: 100px;
}

.price-notice .exp-price input,
.price-notice .phone-num input {
    border: none;
    width: 100%;
}

.msg-btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff;
    border: none;
    outline: none;
    display: inline-block;
    position: relative;
    height: 35px;
    line-height: 35px;
    border-radius: 35px;
    padding: 0 25px 0 25px;
    color: #4C6B90;
    font-size: 1.4rem;
}


/*** 开关按钮 ***/

.check-switch {
    width: 42px;
    height: 21px;
    position: relative;
    border: 1px solid #dfdfdf;
    background-color: #fdfdfd;
    box-shadow: #dfdfdf 0 0 0 0 inset;
    border-radius: 20px;
    background-clip: content-box;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    user-select: none;
    vertical-align: -5px;
}

.check-switch:before {
    content: '';
    width: 18px;
    height: 18px;
    position: absolute;
    top: 0;
    left: 2px;
    border-radius: 18px;
    background-color: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.check-switch:checked {
    border-color: #FF716F;
    box-shadow: #FF716F 0 0 0 16px inset;
    background-color: #FF716F;
}

.check-switch:checked:before {
    left: 21px;
}


/* start slider */

.slide-main {}

.slide-con-bg {
    background: #fff;
    border-radius: 5px;
    padding: 10px;
    overflow: hidden;
}

.slide-con {
    width: 100%;
    overflow: hidden;
}

.slide-list {
    height: 100%;
}

.slide-list:after {
    height: 0;
    visibility: hidden;
    content: ".";
    display: block;
    clear: both;
    line-height: 1.2;
}

.im-chat-list .slide-list .slide-item {
    float: left;
    width: 100%;
    height: 100%;
}

.im-chat-list .slide-list li {
    padding-left: 0;
    padding-right: 0;
    clear: none;
}

.slide-list .slide-item .imgOne {
    width: 100%;
    border-radius: 5px;
}

.slide-list .slide-item .sImg {
    width: 100%;
    height: 100%;
}

.im-chat-list .slide-list .hide {
    display: none;
}

.slide-indicator a {
    display: inline-block;
}

.slide-indicator {
    text-align: center;
    padding-top: 20px;
}

.tj-02 .slide-con {
    height: 110px;
}

.tj-02 .slide-item {
    position: relative;
}

.tj-02 .sub {
    position: relative;
    padding-right: 160px;
    height: 100%;
    display: inline-block;
    float: left;
}

.tj-02 .sub .view {
    position: absolute;
    bottom: 20px;
    color: #888;
    font-size: 1rem;
}

.tj-02 .sub .stitle {
    color: #333;
    font-size: 1.6rem;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.tj-02 .pic {
    width: 150px;
    height: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
}

.tj-03 .sub .stitle {
    color: #333;
    font-size: 1.6rem;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tj-03 .sub .view {
    color: #888;
    margin-top: 10px;
    font-size: 1rem;
}

.tj-03 .pic {
    width: 100%;
}

.tj-03 .pic ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.im-chat-list .slide-main .pic li {
    padding: 0;
}

.tj-03 .pic li {
    width: 30%;
    max-height: 200px;
    float: left;
}

.tj-03 .pic li img {
    max-height: 200px;
}


/* end slider */


/* start 主动推送- 近期活动 */

.activityInfo {
    line-height: 2;
}

.activityInfo .ai-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 22px;
}

.activityInfo .ai-tip {
    color: #acaaaa;
    font-size: 1rem;
}

.activityInfo .ai-list li {
    position: relative;
    font-size: 1rem;
    padding: 0!important;
}

.activityInfo .ai-list .hide {
    display: none;
}

.activityInfo .ai-list .type {
    position: absolute;
    color: #fe7c7c;
    border: #fe7c7c solid 1px;
    line-height: 1.3;
    top: 3px;
    padding: 0 2px;
}

.activityInfo .ai-list .txt {
    padding-left: 60px;
}

.activityInfo-up .ai-list .txt,
.activityInfo-up .ai-title {
    overflow: visible;
    white-space: normal;
}


/* end 主动推送- 近期活动 */


/* start 朗读 */

.sdkMspeaker {
    background-image: url(https://img14.360buyimg.com/cms/jfs/t7852/244/639886814/1785/ec4681cf/599566c4N37568183.png);
    position: fixed;
    width: 28px;
    height: 40px;
    right: 10px;
    top: 10px;
    background-size: contain;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0);
    background-repeat: no-repeat;
}

.sdkMspeaker:hover {
    background-image: url(https://img10.360buyimg.com/cms/jfs/t5905/338/9711678322/2960/b32b036b/599566c4Nb122a5f5.png);
}

.sdkMspeaker.disabled {
    background-image: url(https://img13.360buyimg.com/cms/jfs/t7744/210/651174984/1775/9c8b601c/599566b2N68691c7c.png);
}

.sdkMspeaker.disabled:hover {
    background-image: url(https://img10.360buyimg.com/cms/jfs/t7411/188/645097077/1829/16fa8359/599566a0Nf2831c87.png);
}


/* end 朗读 */

.normal-list li {
    padding: 10px 0;
}

.display-inb {
    display: inline-block;
}

.link-color-o {
    color: #72ACE3;
}

.w7 {
    width: 8.5rem;
}

.w8 {
    width: 9rem;
}

.fl-r {
    float: right;
}

.w15 {
    width: 15rem;
}

.vertical-middle {
    vertical-align: middle;
}

.line-alone {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


/* new order/product/service */

.pop-tab ul.tab {
    overflow: hidden;
}

.pop-tab ul.tab li {
    float: left;
}

.pop-tab ul.tab .inline-3l {
    display: inline-block;
    width: 33.3%;
    text-align: center;
}

.pop-tab ul.tab .inline-2l {
    display: inline-block;
    width: 50%;
    text-align: center;
}

.pop-tab ul.tab .tab-title {
    display: inline-block;
    padding: 0 11px;
    position: relative;
    line-height: 40px;
}

.tab-title .line {
    position: absolute;
    left: 0rem;
    right: 0rem;
    bottom: 0rem;
    height: 3px;
    background-color: #FC5D60;
    display: none;
}

li.active .tab-title .line {
    display: block;
}

.tab-head {
    border-bottom: solid 1px #e9e9e9;
}


/*最近浏览*/

.chat-tpl .cont>.title {
    margin: 0 -12px;
    padding: 0 10px 6px;
    line-height: 20px;
    font-size: 1.4rem;
}

.chat-tpl .im-list02[data-rel=productList], .chat-tpl .im-list02[data-rel=viewList] {
    margin: 0 -12px;
}

.chat-tpl .im-list02[data-rel=productList] li:last-of-type, .chat-tpl .im-list02[data-rel=viewList] li:last-of-type {
    padding-bottom: 10px;
    margin-bottom: 0;
}

.chat-tpl .im-list02[data-rel=productList] .sub, .chat-tpl .im-list02[data-rel=viewList] .sub {
    padding-bottom: 0;
}

.chat-tpl .cont>.product-title, .chat-tpl .cont>.view-title {
    border-bottom: 1px solid #e9e9e9;
}

.chat-tpl .im-list02[data-rel=productList]+.comonMore, .chat-tpl .im-list02[data-rel=viewList]+.comonMore, .chat-tpl .im-list02[data-rel=orderList]+.comonMore {
    margin: 0 -11px;
    border-top: 1px solid #e9e9e9;
}


/*订单*/

.chat-tpl .cont .order-title, .chat-tpl .cont .sever-title {
    font-weight: bold;
    color: #000;
}

.chat-tpl .im-list02[data-rel=orderList] {
    margin: 0 -11px;
    background: #F3F5F7;
    border-top: 1px solid #e9e9e9;
}

.chat-tpl .im-list02[data-rel=orderList] li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    background: #fff;
}

.chat-tpl .im-list02[data-rel=orderList] li:last-of-type {
    padding-bottom: 10px;
    margin-bottom: 0;
}

.chat-tpl .im-list02[data-rel=orderList] .bg-1 .time {
    top: 0;
}

.chat-tpl .im-list02[data-rel=orderList] .sub {
    padding-bottom: 10px;
}

.chat-tpl .comonMore[data-rel=orderList] {
    margin: -11px -11px 0;
    padding: 5px 0;
    background: #fff;
}


/*商品*/

.chat-tpl .cont {
    overflow: hidden;
}

.chat-tpl .customize-form {
    position: relative;
    margin: 0 -5px 0 0;
}

.chat-tpl .customize-form .msg-info-box {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 3px 8px;
    line-height: 18px;
    /*background-color: #FF716F;*/
    /*border-radius: 3px;*/
    color: #FF716F;
}

.chat-tpl .customize-form-body {
    margin: 5px 0;
    padding: 0 10px;
}

.chat-tpl .customize-form-body:after {
    display: table;
    content: "";
    clear: both;
    visibility: hidden;
}

.chat-tpl .customize-form .form_input,
.chat-tpl .customize-form .form_select,
.chat-tpl .customize-form .form_radio {
    /*margin-bottom: 10px;
    width: 50%; float: left; display: box;*/
}

.chat-form .customize-form .form_select,
.chat-form .customize-form .form_radio {
    padding-left: 73px;
}

.chat-tpl .customize-form .form_select {
    margin-top: -5px;
    font-size: 0;
}

.chat-tpl .customize-form .form_input:last-of-type {
    margin-bottom: 0;
}


/* 避免class覆盖，限定class为form_input和customize-form-button的div为前缀 */

div.form_input input,
div.form_input button,
div.form_input textarea,
div.form_select select,
div.customize-form-button input,
div.customize-form-button button,
div.customize-form-button textarea,
div.customize-form-button select {
    padding: 0;
    border: 0;
    vertical-align: middle;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.customize-form .form_radio .radio_name {
    color: #555;
    margin-left: 10px;
    display: inline-block;
    vertical-align: top;
    width: 23rem;
    line-height: 1.6rem;
}

div.form_input input[type="text"],
div.form_input textarea {
    padding: 3px 4px;
    border: 1px solid #e9e9e9;
    border-radius: 3px;
    line-height: 30px;
    color: #555;
    width: calc(100% - 83px);
    font-size: 1.4rem;
}

div.form_input input[type="text"] {
    height: 26px;
    line-height: normal;
}

div.form_input input.type-error {
    border-color: #FF716F;
}

.customize-form .customize-form-head,
.customize-form .customize-form-button {
    /*  margin-left: -14px;
      margin-right: -4px;*/
}

.customize-form .customize-form-head {
    /*    margin-bottom: 15px;
        padding-bottom: 5px;
        padding-left: 15px;
        border-bottom: 1px solid #e9e9e9;
        line-height: 30px;*/
}

.customize-form .form_input .form_name,
.customize-form .form_select .form_name,
.customize-form .form_radio .form_name {
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle;
    width: 58px;
    color: #888;
    line-height: 26px;
    font-size: 1.4rem;
    text-align: right;
}

.customize-form .form_select .form_name,
.customize-form .form_radio .form_name {
    margin-top: 5px;
}

.customize-form .form_radio .form_name {
    margin-top: 0;
}

.customize-form-button {
    clear: both;
    display: block;
    padding: 10px 0;
    /*  padding-right: 10px;
        border-top: 1px solid #e9e9e9;
        text-align: right;*/
    font-size: 0;
}

.chat-tpl.hide-head .customize-form-head {
    display: none;
}

.chat-tpl.hide-button .customize-form-button {
    display: none;
}

div.form_select select {
    margin: 5px 10px 0 0;
    padding-left: 4px;
    width: calc(100% - 75px);
    height: 32px;
    border: 1px solid #e9e9e9;
    border-radius: 3px;
    font-size: 1.4rem;
    color: #555;
    white-space: nowrap;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAA4CAMAAAC49krEAAAANlBMVEUAAACbm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5sLdM1SAAAAEXRSTlMA8ujcy6SLdVxHNCQXDQa5uOxQfNcAAABWSURBVEjH7cpJDoAgEATAZt9R/v9ZjSFGDjAeNZk6FxhjH2LayGCiqOGpgpk4xIg593gOK/v9Nixl2Z/MWAs9BlDs9SxIVZ9PV9CSaCLhDd88GGM/dgDSMQaXqYFBiAAAAABJRU5ErkJggg==) right center no-repeat #fff;
    -webkit-background-size: contain;
    background-size: contain;
}

div.form_select select.select_type_2 {
    width: calc(50% - 8px);
}

div.form_select select.select_type_3 {
    width: calc(33.3% - 32px);
}

div.form_select select:last-of-type {
    margin-right: 0;
}

div.form_radio input[type="radio"] {
    margin-right: 3px;
    vertical-align: top;
    border-color: transparent;
    width: 12px;
    height: 12px;
    border: 0;
    display: inline-block;
    margin-top: 5px;
}

div.form_radio input[type="radio"]:before {
    display: block;
    margin-top: -3px;
    margin-left: -2px;
    content: '';
    width: 14px;
    height: 14px;
    border: 1px solid #ccc;
    border-radius: 50%;
    background-color: #fafafa;
}

div.form_radio input[type="radio"]:checked:before {
    border-color: #f15353;
    background-color: #FFF;
}

div.form_radio input[type="radio"]:after {
    display: none;
    margin: -13px 0 0 1px;
    content: '';
    width: 10px;
    height: 10px;
    /*    border-left: 2px solid #fff;
        border-bottom: 2px solid #fff;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);*/
    background: #f15353;
    border-radius: 50%;
}

div.form_radio input[type="radio"]:checked:after {
    display: block;
}

div.form_radio .radio_name {
    margin: 0 10px 0 3px;
}

div.form_radio .radio_name:last-of-type {
    margin-right: 0;
}

.customize-form .form_button {
    margin-left: 10px;
    padding: 5px 20px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background-color: #fff;
    font-size: 1.4rem;
    /*font-weight: 600;*/
    -webkit-tap-highlight-color: none;
    -moz-tap-highlight-color: none;
    tap-highlight-color: none;
}

.customize-form .form_button.form_button_submit {
    border-color: #fc5d60;
    background-color: #fc5d60;
    color: #fff;
    /*-webkit-tap-highlight-color: #f35659;
    -moz-tap-highlight-color: #f35659;
    tap-highlight-color: #f35659;*/
}
.customize-form .form_button.form_button_disabled{
    border-color: #ddd;
    background-color: #999;
    color: #fff;
}

.customize-form .form_button.form_button_submit:active {
    background-color: #f35659;
}

.customize-form .form_button.form_button_disabled:active{
    background-color: #999;
}

div.form_input input:focus,
div.form_input textarea:focus,
div.form_select select:focus,
div.customize-form-button input:focus,
div.customize-form-button textarea:focus,
div.customize-form-button select:focus {
    border-color: #9c9c9c;
}

div.form_input input:disabled,
div.form_input textarea:disabled,
div.customize-form-button input:disabled,
div.customize-form-button textarea:disabled,
div.form_input input[readonly],
div.form_input textarea[readonly] {
    padding-left: 4px;
    border-color: transparent;
    color: #555;
    opacity: 1;
    -webkit-text-fill-color: #555;
    -moz-text-fill-color: #555;
    -ms-text-fill-color: #555;
    -o-text-fill-color: #555;
}

.chat-txt[data-rel=history] div.form_radio .radio_name {
    color: #555;
}

.customize-form .customize-form-button .form_submitted,
.customize-form .customize-form-button .form_canceled {
    display: inline-block;
    position: relative;
    padding-left: 25px;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    color: #999;
}

.customize-form .customize-form-button .form_submitted:before,
.customize-form .customize-form-button .form_submitted:after,
.customize-form .customize-form-button .form_canceled:before,
.customize-form .customize-form-button .form_canceled:after {
    position: absolute;
    content: '';
}

.customize-form .customize-form-button .form_submitted:before {
    top: 50%;
    left: 3px;
    margin-top: -8px;
    width: 14px;
    height: 8px;
    border-left: 2px solid #999;
    border-bottom: 2px solid #999;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.customize-form .customize-form-button .form_canceled:before {
    top: 17px;
    left: 3px;
    width: 18px;
    height: 0;
    border-top: 2px solid #999;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.customize-form .customize-form-button .form_canceled:after {
    top: 17px;
    left: 3px;
    width: 18px;
    height: 0;
    border-top: 2px solid #999;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.J_WeReminOrderBtn.btn-wt,
.imJumpFlag.btn-wt {
    display: none;
}

.log-box-area {
    text-align: center;
}

.price-notice .phone-num {
    padding: 0 !important;
}

.price-notice .phone-num>input {
    padding: 14px;
    height: 48px;
    line-height: 48px;
    width: 100%;
    box-sizing: border-box;
}




/**************会话Faq***************/



/* .im-box-inner {position:relative;width:100%;height: calc(100% - 105px);}
.im-list-out {position:absolute;top:0;bottom:0;left:0;width:100%;} */

#Im_PopUp.has-mask {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 4;
    width: 100%;
    background: rgba(74, 74, 74, .2);
;
}


/* .im-scroll-pop {-webkit-transition: height 0.1s,-webkit-transform .1s;} */

.im-list-pop .text-box-pop {
    word-break: break-all;
}#Im_PopUp .popLoading{
     width:220px;
     display: inline-block;
     margin-top: 70px;
 }
.popLoading img{
    width: 100%
}
#Im_PopUp .loadingImgBox{
    top:0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    text-align: center;
    font-size: 15px;
    color: #999999 ;
}/*
* @Author: cdhuangjing12
* @Date:   2017-08-17
*/

.overflow-hidden {
    overflow: hidden;
}
.pop-full {
    background: #fff;
    overflow-x: hidden;
    overflow-y: auto;
}
.pop-full-header {
    padding-top: 30px;
    height: 38px;
    background: #fff;
    position: relative;
    border-top: 1px solid #ccc;
    position: relative;
}
.pop-full-close {
    position: absolute;
    right: 20px;
    bottom: 0px;
}
.pop-full-close a {
    display: block;
    width: 44px;
    height: 44px;
    text-indent: -99em;
    overflow: hidden;
    background: url(https://img12.360buyimg.com/cms/jfs/t3301/255/6683402420/1689/327cd305/58abad6dN30a32008.png) no-repeat center center;
    background-size: 80%;
}
.pop-full-title {
    text-align: center;
    line-height: 50px;
}
.pop-full-body {
    width: 100%;
    overflow: hidden;
    position: relative;
}
/*图片上传*/
/* .im-file-form { width: 40px; height: 35px;} */
#J_UploadFrame  { width: 0; height: 0; font-size: 0; line-height: 0; position: absolute; left: 0;top: 0; z-index: -1; overflow: hidden;}
.upload-img { width: 0!important; height: 0!important;}
.im-file-form { width: 35px; height: 30px;position:absolute;left:-5px; top:0; cursor: pointer;z-index:2;}
.upload-file { margin:0;padding:0;position:absolute;left:0;top:0;z-index:3; border: 1px solid red; width:35px; height: 30px;font-size:50px;cursor:pointer;opacity:0}/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */
html.swipebox-html.swipebox-touch {
    overflow: hidden !important;
}

#swipebox-overlay img {
    border: none !important;
}

#swipebox-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999 !important;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#swipebox-container {
    position: relative;
    width: 100%;
    height: 100%;
}

#swipebox-slider {
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    white-space: nowrap;
    position: absolute;
    display: none;
    cursor: pointer;
}
#swipebox-slider .slide {
    height: 100%;
    width: 100%;
    line-height: 1px;
    text-align: center;
    display: inline-block;
}