html { font-size: 20px; }
body { font-size: 16px; }
@media only screen and (min-width: 400px) {
    html { font-size: 21.33333333px !important; }
}
@media only screen and (min-width: 414px) {
    html { font-size: 22.08px !important; }
}
@media only screen and (min-width: 480px) {
    html { font-size: 25.6px !important; }
}
a { text-decoration: none; color: #333; -webkit-tap-highlight-color: rgba(0,0,0,0); }
a:hover, a:active,a:visited { text-decoration: none; }
body { background: #fff; font-family: "微软雅黑","Microsoft YaHei"; color:#333; margin: 0;padding: 0;}
body.bg_f2 { background-color: #f2f2f2; }
body.bg_f8 { background-color: #f7f7f7; }
body.bg_f5 { background-color: #f5f5f5; }
p,section, ul, li,textarea ,input,h2 ,h3,button { margin: 0;padding: 0;}
img { display: block; }
ul, li  { list-style: none; }
em , b , h1, h2, h3, cite { font-style: normal; font-weight: normal; }
.clear { width:100%; height:0; clear:both; line-height:0; font-size:0; margin:0 auto; padding:0; }
/*index*/
.index_a { padding: 0 3vw; height: 3vw; display: flex; box-sizing: border-box;
    justify-content: space-between; align-items: center; background: #fff; }
.index_a h3 { font-size: .85rem; }
.index_a a { display: block; position: relative; }
.index_a a img { width: 6.5vw; }
.index_a a span { position: absolute; width: 8px; background-color: #f00;
    height: 8px; border-radius: 4px; top: 0; right: -3px; }

.focus-box { }
.focus{ width: 92vw; height: 41vw; margin: 10vw auto 0;
    position:relative; overflow:hidden;   }
.focus .hd{ width:100%; height: 3px; position:absolute; z-index:1; bottom:5px; text-align:center;  }
.focus .hd ul{ display:inline-block; height:2px; font-size:0; vertical-align:top;}
.focus .hd ul li{ display:inline-block; width: 14px; height: 4px; -webkit-border-radius: 2px;
    -moz-border-radius: 2px; border-radius: 2px; background: rgba(255,255,255,.5); margin:0 2px;
    vertical-align:top; overflow:hidden;   }
.focus .hd ul .on{ background:#fff;  }
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%;  height: 41vw; background:url(../image/loading.gif) center center no-repeat;  }
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }
.index_xx { position: absolute; top: 12px; right: 12px; z-index: 9; width: 7vw; }
.index_xx img { width: 7vw; }
.index_xx span { position: absolute; width: 6px; background-color: #f00;
    height: 6px; border-radius: 3px; top: 4px; right: 3px; }

.index_b { padding: 0 3vw; background: #fff; }
.index_b img { width: 100%; }
.index_c { padding: 5vw 3vw 2vw; display: flex; justify-content: space-around;
    align-items: center; }
.index_c li { position: relative; text-align: center; }
.index_c li img { width: 11vw; margin: 0 auto; }
.index_c li span { font-size: .65rem; line-height: 1.4rem; }
.index_c li em { position: absolute; width: 8px; background-color: #f00;
    height: 8px; border-radius: 5px; top: .5vw; left: 50%; margin-left: 3vw; border: 1px #fff solid; }
.index_d { padding: 2vw 4vw 3vw; border-top: 10px #eee solid; }
.v_title { position: relative; padding: 0 2vw; font-size: .75rem; margin-bottom: 4vw;
    display: flex; justify-content: space-between; align-items: center; border-bottom: 1px #ededed solid; }
.v_title a { position: relative; display: block; box-sizing: border-box; line-height: 2rem; color: #999; }
.v_title a img { display: inline-block; width: 4vw; vertical-align: middle; margin: -2px 3px 1px 0; }
.v_title a.active { color: #4f67f2; }
.v_title a.active:after { position: absolute; bottom: 0; left: 50%; content: "";
    width: 16vw; margin-left: -8vw; height: 3px; border-radius: 1.5px; background-color: #4f67f2; }
.v_lst:after { clear:both;content:'';display:block;width:0;height:0;visibility:hidden;  }
.v_unit { position: relative; width: 45vw; box-sizing: border-box; margin-right: 2vw; float: left;
    margin-bottom: 3vw; overflow: hidden; border-radius: 4px; background-color: #fff; }
.v_unit:nth-child(2n) { margin-right: 0; }
.v_unit .v_img { width: 45vw; height: 47vw; display: block;
    background: no-repeat 50%; background-image: url("../image/no.jpg"); background-size: cover; }
.v_unit .bo_img img { width: 9vw; display: block; position: absolute; left: 19vw; top: 19vw; }
.v_unit aside { width: 45vw; box-sizing: border-box; padding: 1vw; }
.v_unit aside > a { display: block; line-height: 5vw; height: 10vw;
    font-size: .65rem; text-align: justify; display: -webkit-box; -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; -webkit-box-flex: 1;  overflow: hidden; }
.v_unit aside p { display: flex; justify-content: space-between; align-items: center;
    height: 7vw; font-size: 12px; padding-top: 1vw; }
.v_unit aside span.v_btns { display: block; display: flex; align-items: center; }
.v_unit aside span.v_btns a:first-child { margin-right: 5px; }
.v_unit aside span.lei { position: absolute; right: 1vw; top: 41vw; display: block; background-color: #d59b34;
    line-height: 12px; padding: 2px 4px; font-size: 12px; border-radius: 2px; color: #fff; }
.v_unit aside p img { width: 15px; display: inline-block; vertical-align: middle;
    margin-top: -2px; margin-bottom: 1px; margin-right: 2px; }
.v_unit aside p b { display: inline-block; line-height: 26px; font-weight: normal; color: #999; }
.v_unit aside p a { display: block; background-color: #e1e5f7; border: 1px #5768f0 solid;
    line-height: 12px; padding: 3px 8px; font-size: 12px; border-radius: 10px; color: #5768f0; }

.v_unit2 { position: relative; width: 29vw; box-sizing: border-box; margin-right: 2.5vw; float: left;
    margin-bottom: 3vw; overflow: hidden; border-radius: 4px; background-color: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.2); }
.v_unit2:nth-child(3n) { margin-right: 0; }
.v_unit2 .v_img { width: 29vw; height: 29vw; display: block;
    background: no-repeat 50%; background-image: url("../image/no.jpg"); background-size: cover; }
.v_unit2 .bo_img img { width: 9vw; display: block; position: absolute; left: 19vw; top: 19vw; }
.v_unit2 aside { width: 29vw; box-sizing: border-box; padding: 1vw; }
.v_unit2 aside > a { display: block; line-height: 5vw; height: 5vw; text-align: center;
    font-size: .65rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.v_unit2 aside p { display: flex; justify-content: space-between; align-items: center;
    height: 7vw; font-size: 12px; padding-top: 1vw; }
.v_unit2 aside span.v_btns { display: block; display: flex; align-items: center; }
.v_unit2 aside span.v_btns a:first-child { margin-right: 5px; }
.v_unit2 aside span.lei { position: absolute; right: 1vw; top: 41vw; display: block; background-color: #d59b34;
    line-height: 12px; padding: 2px 4px; font-size: 12px; border-radius: 2px; color: #fff; }
.v_unit2 aside p img { width: 15px; display: inline-block; vertical-align: middle;
    margin-top: -2px; margin-bottom: 1px; margin-right: 2px; }
.v_unit2 aside p b { display: inline-block; line-height: 26px; font-weight: normal; color: #999; }
.v_unit2 aside p a { display: block; background-color: #e1e5f7; border: 1px #5768f0 solid;
    line-height: 12px; padding: 3px 8px; font-size: 12px; border-radius: 10px; color: #5768f0; }

.index_tzbox { border-bottom: 10px #eee solid; padding-bottom: 3vw; }
.index_tz { margin: 0 auto; width: 92vw; height: 36px; background-color: #fff; padding: 0 3vw;
    box-sizing: border-box; display: flex; align-items: center; border-radius: 4px; }
.index_tz span { font-size: 12px; line-height: 12px; border-radius: 3px; padding: 3px 5px; color: #f4445e;
    border: 1px #f4445e solid; }
.index_tz >img { width: 18px; margin-right: 10px; }
.rollAD { height: 25px; position:relative; width: 79vw; overflow:hidden; }
.rollText { line-height: 25px; font-size: .65rem; }
.rollText a { color: #888; display: block; height: 25px; overflow: hidden; text-overflow: ellipsis;
    white-space: nowrap; }
.rollText a em { color: #5768f0; }
.index_e { position: fixed; right: 2vw; bottom: 20vw; width: 17vw; z-index: 99; }
.index_e img { width: 17vw; margin-top: 3vw; }

.index_f { position: fixed; right: 0; bottom: 20vw; width: 22vw; z-index: 99; }
.index_f a { display: block; margin-bottom: 10px; }
.index_f img { width: 100%; }

.header-wrap { display: none; }
.header-fix { position: fixed; padding: 3vw; left: 0; top: 0; background-color: #fff;
    width: 100vw; box-sizing: border-box; box-shadow: 0 1px 3px rgba(0,0,0,.2); }
.search { position: relative; background-color: #eee; box-sizing: border-box; padding: 0 20px;
    height: 36px; border-radius: 18px; margin-bottom: 3vw; }
.search section { height: 36px; box-sizing: border-box; padding: 3px 0; }
.search section input { width: 85%; height: 30px; border: 0; background: none; outline: 0;
    text-align: center; font-size: .7rem; }
.search section button { width: 24px; height: 30px; border: 0; background: none; float: right;
    background: url("../image/search.png") no-repeat center center; background-size: 20px; }
.search span { position: absolute; width: 94vw; display: block;
    left: 0; top: 0; height: 36px; line-height: 36px;
    border-radius: 18px; background-color: #ebebeb; text-align: center; font-size: .7rem; color: #999; }
.search span img { width: 20px; vertical-align: middle; display: inline-block; margin-right: 10px; }
.search:hover span { display: none; }
/*tools*/
.tool_wrap { min-height: 92vh; }
.tools_top { padding: 3vw 5vw; box-shadow: 0 2px 2px #eee; background: #fff; }
.tools_box { padding: 0 3vw; background: #fff; }
.tools_t { line-height: 2.5rem; font-size: .8rem; }
.tools_t img { width: 4px; display: inline-block; vertical-align: middle; margin: -2px 4px 1px 0; }
.tools_unit { position: relative; padding: 3vw 2vw; min-height: 10vw;
    display: flex; justify-content: space-between; align-items: center; }
.tools_unit:after { position: absolute; left: 0; bottom: 0; width: 200%; height: 1px; content: "";
    background-color: #e2e2e2; transform: scale(.5,.5); -webkit-transform: scale(.5,.5); transform-origin: 0 0; }
.tools_unit .tools_img { width: 15vw; }
.tools_unit .tools_img img { width: 15vw; height: 15vw; border-radius: 6px; }
.tools_unit section { width: 66vw; margin: 0 2vw; line-height: 6vw; }
.tools_unit section a { font-size: .75rem; color: #333; font-weight: bold; display: block; }
.tools_unit section a b { font-size: .75rem; color: #333; font-weight: bold; display: block;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.tools_unit section a span { display: inline-block; margin-left: 4px; font-size: 12px; color: #fff;
    font-weight: normal; text-align: center;
    line-height: 12px; padding: 2px 3px; min-width: 10px; border-radius: 8px; background-color: #f00;  }
.tools_unit section p { font-size: .65rem; font-weight: normal; color: #999;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tools_unit aside { width: 4vw; }
.tools_unit aside img { width: 4vw; }

/*my*/
.my_top { background-color: #fff; margin-bottom: 10px; padding: 10vw 3vw 3vw; }
.uer_info { background: url("../image/pic_3.jpg") no-repeat 0 0; height: 34vw; box-sizing: border-box; padding: 0 2vw;
    background-size: 100% 100%; border-radius: 6px; display: flex; align-items: center; color: #fff; margin-bottom: 10px; }
.uer_info aside { width: 17vw; margin-right: 2vw; }
.uer_info aside span { width: 36px; background-color: #f74f60; line-height: 12px; font-size: 12px; padding: 2px 0;
    color: #fff; display: block; text-align: center; border-radius: 3px; margin: 6px auto 0; }
.uer_info .my_photo { width: 17vw; height: 17vw; border-radius: 8.5vw; }
.uer_info b { display: block; font-size: .75rem; line-height: 1.2rem; }
.uer_info b img { display: inline-block; height: 12px; margin-left: 5px; vertical-align: middle; }
.uer_info b em {  color: #fff; display: inline-block; margin-left: 5px; font-size: 12px; }
.uer_info span { display: block; font-size: .65rem; line-height: 1.2rem; }
.uer_info p { font-size: .65rem; line-height: 1.2rem; }
.uer_info section a { color: #f0ad4e; }
.vip_info { margin-bottom: 8px; }
.vip_info a { display: flex; justify-content: space-around; align-items: center; }
.vip_info img { width: 20vw; }
.vip_info section { width: 50vw; line-height: 1rem; padding: .5rem 0; }
.vip_info section b { font-size: .65rem; }
.vip_info section p { font-size: .6rem; color: #999;
overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vip_info span { font-size: .75rem; color: #bbb; }
.vip_info span.vip_color { color: #4f67f2; }
.xyz { }
.xyz img { width: 100%; }
.my_lst { background-color: #fff; margin-bottom: 10px; }
.my_unit { height: 50px; display: flex; align-items: center; }
.my_unit img { width: 6vw; margin: 0 3vw; }
.my_unit a { position: relative; height: 50px; box-sizing: border-box; width: 88vw; padding: 0 5px;
    display: block; font-size: .75rem; display: flex; justify-content: space-between; align-items: center; }
.my_unit a:after { position: absolute; left: 0; bottom: 0; width: 200%; height: 1px; content: "";
    background-color: #e2e2e2; transform: scale(.5,.5); -webkit-transform: scale(.5,.5); transform-origin: 0 0; }
.my_unit a img { width: 4vw; }
.my_unit a span { display: inline-block; margin-left: 4px; font-size: 12px; color: #fff;
    font-weight: normal; text-align: center;
    line-height: 12px; padding: 2px 5px; min-width: 10px; border-radius: 8px; background-color: #f00;  }
.my_quit { height: 50px; line-height: 50px; background-color: #fff; text-align: center; font-size: .75rem; }
footer { font-size: 12px; line-height: 20px; color: #999; padding: 30px 0; text-align: center; }

/*用户协议*/
.qanda { margin: 0 10px; }
.qanda .panel-title a { display: block; }
.qanda >h2 { font-size: .8rem; line-height: 2rem; font-weight: bold; text-align: center; }
.qanda .panel-body { font-size: .7rem; line-height: 1.2rem; }
.qanda .panel-body p { margin-bottom: 8px; }


/*抽奖*/
.jiang_box { background: #ffe48b url("http://yqlm.jisubianxian.com/static/app/images/jiang_bg1.jpg") no-repeat 0 0; background-size: 100% auto; }
.jiang_box>cite { display: block; padding-top: 5vw; line-height: 7vw; width: 43vw; text-align: center;
    color: #875915; font-size: .65rem; margin-bottom: 31vw; }
.jiang_box>cite a { margin-left: 10px; text-decoration: underline; color: #999; }
.jiang_box>cite em { color: #cd1a20; }
.jiang_box>aside { width: 54vw; margin: 0 auto; font-size: .8rem; text-align: center; line-height: 10vw; }
.jiang_box>aside em { color: #cd1a20; padding: 0 4px;  }

#lottery{ width: 70vw; height: 70vw; margin: 12.4vw 0 0 15.8vw; box-sizing: border-box; }
#lottery table { border: 0; border-spacing: 0; }
#lottery table td { border: 0; padding: 1vw; text-align:center; box-sizing: border-box; }
#lottery table td img { width: 21vw; height: 21vw; border: 4px #fd7f44 solid; border-radius: 6px;
    display: block; box-sizing: border-box; }
#lottery table td a { width: 21vw; height: 21vw; display:block; }
#lottery table td a img { border: 4px #fee89c solid; }
#lottery table td.active img { border: 4px #fee89c solid; }

.jiang_btn { display: block; width: 30vw; margin: 10vw auto 27vw; }
.jiang_btn img { width: 30vw; }
.jiang_info { width: 78vw; margin: 0 auto; color: #a02a02; font-size: .7rem; line-height: 1.2rem; height: 50vw; }
.jiang_copy { text-align: center; line-height: 1.6rem; font-size: .7rem; color: #a02a02; }

.jiang_class { border-radius: 6px; overflow: hidden; }
.jiang_class .layui-layer-content { padding: 20px; text-align: center; font-size: 16px; line-height: 30px; }
.jiang_class .layui-layer-btn { padding: 0; }
.jiang_class .layui-layer-btn a { margin: 0; width: 50%; box-sizing: border-box;
    text-align: center; height: 42px; line-height: 40px; }
.jiang_class .layui-layer-btn .layui-layer-btn0 { border: 0; background-color: #f1f1f1;
    color: #333;}
.jiang_class .layui-layer-btn .layui-layer-btn1 { border: 0; font-weight: bold;
    background-color: #fcd45b; color: #875915;}

.jiang { display: none; }
.jiang2 { display: none; }
.jiang-dis { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; text-align: center; }
.jiang-dis2 { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; text-align: center; }
.jiang-in {
    width: 300px; position: absolute; top: 50vw; left: 50%; margin-left: -150px; height: 280px;
    background: url("../image/tk_img.png") no-repeat center 0; padding-top: 55px; line-height: 30px;
    background-size: 100% auto; -webkit-animation: show 1s; -ms-animation: show 1s; animation: show 1s;
}
.jiang-in p { height: 60px; width: 28vw; line-height: 30px; color: #a02a02; margin: 0 auto; font-weight: bold;
    text-align: center; font-size: 16px; display: flex; justify-content: center; align-items: center; }
.jiang-in a { display: block; width: 120px; margin: 110px auto 0; }
.jiang-in a img { width: 120px; }
.jiang2 aside { padding: 0 10px; display: flex; justify-content: space-between; align-items: center; }
.jiang2 aside a { font-size: 14px; line-height: 14px; padding: 8px 10px; border-radius: 18px;
    background-color: #f15d35; color: #fee392; border: 3px #fcd45b solid; width: 45%; }
.jiang2 aside a:first-child { width: 25%; border-color: #ddd; color: #555; background-color: #999; }

@-webkit-keyframes show {
    0% {
        -webkit-transform: scale(0);
    }
    70% {
        -webkit-transform: scale(1);
    }
    85% {
        -webkit-transform: scale(.9);
    }
    100% {
        -webkit-transform: scale(1);
    }
}
@-ms-keyframes show {
    0% {
        -webkit-transform: scale(0);
    }
    70% {
        -webkit-transform: scale(1);
    }
    85% {
        -webkit-transform: scale(.9);
    }
    100% {
        -webkit-transform: scale(1);
    }
}
@keyframes show {
    0% {
        -webkit-transform: scale(0);
    }
    70% {
        -webkit-transform: scale(1);
    }
    85% {
        -webkit-transform: scale(.9);
    }
    100% {
        -webkit-transform: scale(1);
    }
}
.jiang-shadow { width: 100%; height: 100%; background: rgba(0,0,0,.5);}
.peolist { margin: 0; }
.peolist .msg_unit { position: relative; margin: 0; display: block; padding: 10px 3vw; line-height: 1.2rem;
    display: flex; align-items: center; justify-content: space-between; }
.peolist .msg_unit:after { width: 200%; height: 1px; position: absolute; left: -50%; bottom: 0; background-color: #dcdcdc;
    content: ""; transform: scale(.5,.5); }
.peolist .msg_unit img { width: 11vw; margin-right: 3vw; }
.peolist .msg_unit section { width: 92vw; }
.peolist .msg_unit time { color: #999; font-size: .65rem; }
.peolist .msg_unit p { font-size: .7rem; }

.lot_list { margin: 0; }
.lot_list dd { position: relative; padding: 10px; margin: 0; font-size: .65rem;
    display: flex; justify-content: space-between; align-items: center; }
.lot_list dd:after { width: 200%; height: 1px; position: absolute; left: -50%; bottom: 0;
    background-color: #dcdcdc; content: ""; transform: scale(.5,.5); }
.lot_list dd time { color: #999; }
.lot_list dd a { font-size: 12px; line-height: 12px; margin-left: 4px; background-color: #eb6100;
    color: #fff; padding: 2px 6px; border-radius: 3px; }

.make-my { background-color: #fff; border-radius: 6px; overflow: hidden; }
.make-my .layui-layer-btn0 { width: 120px; display: block; text-align: center; margin: 0 auto;
    background-color: #4f67f2; border-color: #4f67f2; border-radius: 18px; font-size: .75rem; }
.make-my .layui-layer-content { font-size: .65rem; padding: 20px; }
.make-my .layui-layer-content b { font-size: .8rem; display: block; text-align: center;
    line-height: 1.6rem; color: #333; }
.make-my .layui-layer-content p { font-size: .65rem; line-height: 1.2rem; color: #999; }
.make-my .layui-layer-btn { padding-bottom: 20px; }
.make-my .layui-layer-setwin .layui-layer-close2 { right: -10px; top: -10px; }


/*分享 轮播*/
body.bg_11 { background-color: #1c1409; }
.swiper-container {
    width: 100%;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    width: 68vw;
    height: 130vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide img { width: 58vw; border-radius: 3px; border: 2px #fff solid; box-sizing: border-box; }
.swiper-slide-active img { width: 62vw; border: 3px #ed3e39 solid; }
.swiper-pagination-bullet { background-color: #7b7a82; }
.swiper-pagination-bullet-active { background-color: #fff; }
.share_btn { position: relative; z-index: 99; width: 84vw; margin: 0 auto; }
.share_btn div { display: flex; align-items: center; justify-content: space-between; }
.share_btn a { width: 40vw; display: block; line-height: 40px; text-align: center; background-color: #4f67f2;
    border-radius: 20px; color: #fff; font-size: .75rem; }
.share_btn p { text-align: center; color: #999; font-size: .7rem; padding: 20px 0; }
.share_btn a.app_info { width: 84vw; background-color: #fc6865; margin-bottom: 30px; }
.load_img { display: none; }
.load_img img { width: 100%; }
.share_my { width: 90vw; margin: 0 auto; box-sizing: border-box; border-radius: 6px;
    padding: 3vw; height: 19vw; background-color: #fff; }
.share_my img { width: 13vw; float: left; height: 13vw; border-radius: 6.5vw; }
.share_my section { margin-left: 16vw; line-height: 6.5vw; }
.share_my section b { font-size: .75rem; }
.share_my section p { font-size: .7rem; }
.share_my section p em { font-size: .7rem; font-weight: bold; padding: 0 10px; color: #ed3e39; }
.share_bang { width: 90vw; margin: 20px auto; border-radius: 6px; background-color: #fff; overflow: hidden; }
.share_bang_t { height: 14.5vw; text-align: center; line-height: 14.5vw;
    background: url("../image/share_bg.png") repeat-x 0 0; background-size: auto 100%; }
.share_bang_t img { display: inline-block; width: 6vw; vertical-align: middle; margin: -2px 8px 1px 0; }
.share_lst li { height: 14vw; display: flex; justify-content: space-between; align-items: center; }
.share_lst li:nth-child(2) { background-color: #f2f2f2; }
.share_lst li span { width: 10vw; text-align: center; font-size: .7rem; }
.share_lst li span img { width: 5vw; margin: 0 auto; }
.share_lst li p { width: 12vw; }
.share_lst li p img { width: 8vw; height: 8vw; border-radius: 4vw; }
.share_lst li b { width: 44vw; font-size: .75rem; display: block;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }
.share_lst li aside { width: 22vw; height: 9vw; font-size: .8rem; text-align: center; color: #ed3e39;
    border-left: 1px #dcdcdc solid; line-height: 9vw; }

.hb_top { padding: 8px; line-height: 20px; font-size: .7rem; color: #666; background-color: #fff; }
.hb_top a { padding: 0 8px; color: #333; }
.hb_top a.on { color: #4f67f2; }
.hb_lst { padding: 2vw; }
.hb_unit { position: relative; width: 46vw; margin: 1vw; float: left;
    border-radius: 10px; overflow: hidden; background-color: #fff; }
.hb_unit img { width: 46vw; }
.hb_unit section { background-color: #fff; position: absolute; left: 0; bottom: 0;
    box-sizing: border-box; width: 46vw; padding: 5px 5px 8px; }
.hb_unit b { font-size: 12px; line-height: 18px; display: block; }
.hb_unit p { display: flex; justify-content: space-between; align-items: center; padding-top: 5px; }
.hb_unit p span { background-color: #f2f2f2; line-height: 12px; font-size: 12px;
    padding: 3px 8px; border-radius: 9px; color: #666; }
.hb_unit p cite { line-height: 20px; font-size: 12px; color: #666; }
.hb_unit p img { display: inline-block; width: 14px; vertical-align: middle; margin: -2px 0 1px 0; }
.invite_img { padding: 30px; }
.invite_img img { width: 55vw; margin: 0 auto; }
.invite_img p { font-size: 14px; color: #999; line-height: 20px; margin-bottom: 10px; text-align: center; }

/*文章*/
.db { display: block; }
.main_box { padding: 4vw; }
.main_box >h2 { font-size: 1.1rem; line-height: 1.7rem; margin-bottom: 10px; }
.main_box .main_info { line-height: 1.4rem; font-size: .75rem; margin-bottom: 10px; }
.main_box .main_info time { color: #aaa; }
.main_box .main_info span { color: #576b95; }

.content_box { margin: 4vw 0; font-size: .75rem; line-height: 1.5rem; }
.content_box p { margin-bottom: 15px; text-align: justify; }
.content_box img {  display: block; margin: 1rem auto; max-width: 90vw; }
.content_box ul { padding-left: 8px; margin-bottom: 15px; border-left: 4px #ddd solid; }
.content_box ul li { font-size: .7rem; color: #666; }
/*音频部分*/
.audio_area {
    display: inline-block; width: 100%;
    position: relative; -ms-text-size-adjust: none;
    -webkit-text-size-adjust: none; text-size-adjust: none;}
.audio_wrp { border: 1px solid #ebebeb; background-color: #fcfcfc; overflow: hidden; padding: 12px;}
.audio_wrp section { display: flex; justify-content: space-between; align-items: center; }

.audio_play_area { margin: 10px 5px; font-size: 0; width: 18px; height: 25px;}
.playing .audio_play_area .icon_audio_default { display: block;}
.audio_play_area .icon_audio_default { background: transparent url(../image/iconloop.png) no-repeat 0 0;
    width: 18px; height: 25px; vertical-align: middle;
    display: inline-block; -webkit-background-size: 54px 25px;
    background-size: 54px 25px; background-position: -36px center;}
.audio_play_area .icon_audio_playing { background: transparent url(../image/iconloop.png) no-repeat 0 0;
    width: 18px; height: 25px; vertical-align: middle; display: inline-block;
    -webkit-background-size: 54px 25px; background-size: 54px 25px;
    -webkit-animation: audio_playing 1s infinite;
    background-position: 0px center; display: none;}
.audio_area .pic_audio_default { display: none; width: 18px;}
.tips_global { color: #8c8c8c;}
.audio_area .audio_length { font-size: .65rem; }
.audio_info_area { width: 60vw; overflow: hidden; font-size: .7rem; min-height: 22px; max-height: 44px;
    white-space: normal;  line-height: 22px; display: -webkit-box;
    -webkit-box-orient: vertical; -webkit-line-clamp: 2;  -webkit-box-flex: 1;  overflow: hidden;}
.audio_area .audio_source { font-size: .65rem;}
.audio_area .progress_bar { position: absolute; left: 0; bottom: 0; background-color: #0cbb08; height: 2px;}
.playing .audio_play_area .icon_audio_default { display: none;}
.playing .audio_play_area .icon_audio_playing { display: inline-block;}

@-webkit-keyframes audio_playing {
    30% {
        background-position: 0px center;
    }
    31% {
        background-position: -18px center;
    }
    61% {
        background-position: -18px center;
    }
    61.5% {
        background-position: -36px center;
    }
    100% {
        background-position: -36px center;
    }
}

/*APP简介*/
.vip_app { background-color: #fff0bd; }
.vip_app a { padding: 0 5vw; display: flex; justify-content: space-around; align-items: center; }
.vip_app img { width: 16vw; }
.vip_app section { width: 50vw; line-height: 1rem; padding: .5rem 0; }
.vip_app section b { font-size: .65rem; }
.vip_app section p { font-size: .6rem; color: #999;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vip_app span { font-size: .75rem; color: #bbb; }
.vip_app span.vip_color { width: 18vw; line-height: 28px; font-size: 14px; color: #fff;
    text-align: center; border-radius: 14px;
    background: -webkit-linear-gradient(left, #f86626 , #f4304d); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #f86626, #f4304d); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #f86626, #f4304d); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #f86626 , #f4304d); /* 标准的语法 */}

.app_clear { width: 100%; height: 110vw; }
.index_tz2 { margin: 0 auto 10vw; width: 90vw; height: 11vw; padding: 0 3vw;
    background: url("../image/vip_bg.jpg") 0 0 no-repeat; background-size: 100% 100%;
    box-sizing: border-box; display: flex; align-items: center; border-radius: 8px; }
.index_tz2 >img { width: 8vw; margin-right: 10px; }
.index_tz2 .rollAD { height: 25px; position:relative; width: 79vw; overflow:hidden; }
.index_tz2 .rollText { line-height: 25px; font-size: .65rem; }
.index_tz2 .rollText a { color: #eee; display: block; height: 25px; overflow: hidden; text-overflow: ellipsis;
    white-space: nowrap; }
.index_tz2 .rollText a em { color: #fff; font-size: .75rem; font-style: normal; }

.app_box { box-sizing: border-box; font-size: .65rem;
    background: #119dff url("http://yqlm.jisubianxian.com/static/app/images/bg000.jpg") no-repeat 0 0; background-size: 100% auto; }
.app_title { position: absolute; left: 23.5vw; top: -5vw; width: 43vw; height: 10.5vw; margin: 0 auto;
    text-align: center; line-height: 10.5vw; color: #fff; font-size: .75rem;
    background: url("../image/bg1.png") no-repeat 0 0; background-size: 100% auto; }
.app_main { position: relative; width: 90vw; box-sizing: border-box; padding: 7vw 10px 15px;
    background-color: #fff; border-radius: 8px; margin: 0 auto 10vw; }
#myVideo{ width: 100%; height: 55vw; }
.video_play { position: absolute; top: 7vw; left: 0; width: 100%; height: 55vw;
    display: flex; justify-content: space-around; flex-direction: column; align-items: center; }
.video_play img { width: 40px; height: 40px; }
.video_text { font-size: .7rem; line-height: 1.3rem; text-align: justify; color: #666; }
.video_text2 { font-size: .7rem; line-height: 1.3rem; text-align: justify; color: #666; }
.video_text2 p { text-indent: 2em; margin-bottom: 5px; }
.video_text p { display: flex; margin-bottom: 5px; justify-content: space-between; }
.video_text span { width: 6vw; color: #4f67f2; font-weight: bold; }
.video_text em { color: #f00; font-weight: bold; }
.video_text b { width: 80vw; font-weight: normal; }
.video_text0 p { background-color: #f2f2f2; overflow: hidden; height: 54px; line-height: 22px;
    border-radius: 27px; display: flex; justify-content: center; align-items: center; margin-bottom: 10px;}
.video_text0 p:last-child { margin-bottom: 0; }
.video_text0 p span { display: block; width: 54px; height: 54px; font-style: italic; font-size: 22px;
    background-color: #4f67f2; color: #fff; text-align: center; line-height: 54px; }
.video_text0 p b { width: 80vw; box-sizing: border-box; padding: 5px 15px; font-size: .72rem; color: #666; }

.app_flow img { width: 100%; margin-bottom: 10px; }
.app_flow p { width: 100%; font-size: .65rem; line-height: 1.2rem; text-align: justify; color: #666; }
.app_vip img { width: 100%; margin-bottom: 20px; }
.app_vip ul { height: 40vw; padding: 3vw 10px; line-height: 8vw; }
.app_vip ul span { background-color: #4a82fd; width: 8px; height: 8px; border-radius: 4px;
    display: inline-block; margin-right: 8px; }
.app_vip a { }
.app_vip .app_fu { background-color: #1790e1; color: #fff; display: block; height: 12vw; font-size: .75rem;
    line-height: 12vw; text-align: center; margin: 0 10px 3vw; border-radius: 6vw; box-sizing: border-box;  }
.app_vip .app_share { display: block; position: fixed; right: 0; width: 20vw; top: 50vh; }
.app_vip .app_share img { width: 100%; }
.app_copy { font-size: .7rem; text-align: center; color: #fff; padding-bottom: 10px; }

/*帮助中心*/
.help_box1 { background: url("../image/help_bg.jpg") no-repeat 0 0; background-size: 100% auto; margin-bottom: 10px; }
.help_box1 section { height: 41.5vw; box-sizing: border-box; padding: 18vw 7vw; color: #e1e0ff; }
.help_box1 section h3 { font-size: 1rem; line-height: 36px; }
.help_box1 section p { font-size: .75rem; line-height: 26px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.help_box1 section p em { padding-left: 6px; color: #fff; }
.help_box1 ul { background-color: #fff; width: 90vw; margin: 0 auto; padding: 15px 20vw; border-radius: 8px;
    box-sizing: border-box; display: flex; justify-content: space-between;
    box-shadow: 0 2px 10px rgba(10,10,10,.3); }
.help_box1 ul li { text-align: center; font-size: .7rem; }
.help_box1 ul li img { width: 12vw; margin: 0 auto 5px; }
.help_t { height: 40px; display: flex; align-items: center; font-size: .8rem; }
.help_t img { width: 4px; margin-right: 7px; }
.help_t a { flex-grow: 1; text-align: right; color: #999; font-size: .65rem; }
.help_box2 { width: 90vw; margin: 0 auto 10px; }
.ul_a { position: relative; width: 100%; height: 28vw; padding: 2vw 0; background-color: #fff;
    border-radius: 8px; box-shadow: 0 2px 10px rgba(10,10,10,.3); box-sizing: border-box; }
.ul_a li { width: 50%; height: 12vw; float: left; box-sizing: border-box;
    display: flex; align-content: flex-end; }
.ul_a li a { width: 100%; display: block; box-sizing: border-box; padding: 15px 25px;
    display: flex; align-items: center; justify-content: center; font-size: .75rem; }
.ul_a li img { width: 26px; margin-right: 10px; }
.ul_a:before { width: 192%; height: 1px; position: absolute; left: 2%; top: 14vw;
    background-color: #ddd; content: "";  -webkit-transform-origin: 0 0;
    transform: scale(.5,.5); -webkit-transform:  scale(.5,.5); transform-origin: 0 0; }
.ul_a:after { height: 192%; width: 1px; position: absolute; left: 50%; top: 2%;
    background-color: #ddd; content: "";  -webkit-transform-origin: 0 0;
    transform: scale(.5,.5); -webkit-transform:  scale(.5,.5); transform-origin: 0 0; }
.ul_b { width: 100%; padding: 2vw 4vw; background-color: #fff;
    border-radius: 8px; box-shadow: 0 2px 10px rgba(10,10,10,.3); box-sizing: border-box; }
.ul_b a { position: relative; display: block; padding-left: 15px;
    background: url("../image/help_8.jpg") no-repeat 3px center;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .7rem; line-height: 42px;
    background-size: 3px auto; }
.ul_b a:after { width: 200%; height: 1px; position: absolute; left: 0; bottom: 0;
    background-color: #ddd; content: "";  -webkit-transform-origin: 0 0;
    transform: scale(.5,.5); -webkit-transform:  scale(.5,.5); transform-origin: 0 0; }
.ul_b a:last-child:after { display: none; }
.ul_c { width: 100%; padding: 3vw; background-color: #fff;
    border-radius: 8px; box-shadow: 0 2px 10px rgba(10,10,10,.3); box-sizing: border-box;  }
.ul_c:after { display: block; content: ""; width: 100%; height: 0; clear: both; }
.ul_c li { width: 50%; float: left; padding: 2vw 0; font-size: .65rem; text-align: center; }
.ul_c li p { width: 38vw; height: 58vw; margin: 0 auto; display: flex; align-items: center; }
.ul_c li:nth-child(1) p , .ul_c li:nth-child(2) p, .ul_c li:nth-child(3) p,
.ul_c li:nth-child(4) p , .ul_c li:nth-child(5) p, .ul_c li:nth-child(6) p { height: 28vw; }
.ul_c li img { width: 100%; }
.help_copy { font-size: .65rem; text-align: center; line-height: 50px; color: #999; }
.ruzhu_box1 > img { width: 100%; }
.ruzhu_box2 > h3 ,.ruzhu_box3 > h3 { text-align: center; font-size: 1rem; line-height: 50px; color: #4031a8; font-weight: bold; }
.ruzhu_box2 section ,.ruzhu_box3 section { box-sizing: border-box; padding: 3vw; border: 1px #4031a8 dashed;
    border-radius: 8px; color: #666; font-size: .7rem; line-height: 1.8em; }
.ruzhu_box2 ,.ruzhu_box3 { padding: 0 3vw; }
.ruzhu_box2 b { display: block; color: #333; font-weight: bold; }
.ruzhu_box2 p { padding-left: 4vw; }
.ruzhu_box3 p { margin-bottom: 10px; text-align: justify; }
.ruzhu_box3 ul { margin-left: 6px; margin-bottom: 10px; border-left: 3px #ddd solid; padding-left: 8px; }

.shorturl_box { padding: 3vw; font-size: .75rem; }
.shorturl_in { line-height: 30px;  }
.shorturl_box p { line-height: 30px; margin-bottom: 5px; }
.shorturl_in textarea { width: 100%; height: 80px; box-sizing: border-box; padding: 8px; word-break: break-all;
    border-radius: 4px; border: 1px #5068f2 solid; outline: 0; background-color: #f8f8f8; }
.shorturl_in button { background-color: #5068f2; color: #fff; width: 45%; border: 0; outline: 0;
    height: 36px; border-radius: 18px; font-size: 15px; margin: 0 auto; display: block; }
.shorturl_end { padding-top: 20px; }
.shorturl_end a { color: #5068f2; }
.shorturl_end section { background-color: #f5f5f5; border-radius: 4px;
    display: flex; justify-content: space-between; align-items: center; padding: 12px; }
.shorturl_end section span { word-break: break-all; padding-right: 10px; }
.shorturl_end section a { width: 65px; flex-shrink: 0; }
.shorturl_end >img { display: block; max-width: 300px; margin: 0 auto 10px; }
.shorturl_end >p { text-align: center; color: #777; }

/*钱包*/
.wallet { width: 92vw; margin: 4vw auto; border-radius: 10px; }
.wallet a { padding: 5vw; height: 40px; font-size: 16px; display: flex; align-items: center; justify-content: space-between; color: #fff; }
.wallet b { font-size: .75rem; }
.wallet p { line-height: 40px; }
.wallet p img { display: inline-block; width: 15px; vertical-align: middle; margin: -2px 0 1px 10px;  }
.wallet_1 { background-color: #6076f2; }
.wallet_2 { background-color: #f69452; }
.wallet_3 { background-color: #e5c78e; }
.wallet_4 a { color: #3e3e3e; justify-content: flex-end; }
.wallet_4 a >img { width: 20px; margin-right: 5px; }

.text_box { margin: 3vw; background-color: #f8f8f8; padding: 3vw; border-radius: 6px; font-size: .65rem; }
.text_box img { width: 100%; border: 1px #ddd solid; margin-bottom: 8px; }
.text_box h2 { font-size: .8rem; font-weight: bold; color: #6076f2; margin-bottom: 6px; }
.text_box h3 { font-size: .75rem; font-weight: bold; line-height: 30px; margin-bottom: 6px; }
.text_box section { margin-bottom: 10px; }
.text_box section p { line-height: 1.6em; margin-bottom: 8px; }


.goods_box { margin: 0 4vw; }
.good_unit { position: relative; padding: 3vw 0 2vw; display: flex; justify-content: space-between; flex-wrap: wrap;
    border-bottom: 1px #ededed solid; }
.good_unit:first-child { padding-top: 0; }
.good_img { width: 33vw; height: 33vw; border-radius: 5px; background-position: center center; background-size: cover; }
.good_unit div { width: 56vw; }
.good_unit div>a { display: block; height: 12vw; line-height: 6vw; white-space: normal; display: -webkit-box;
    -webkit-box-orient: vertical; -webkit-line-clamp: 2; -webkit-box-flex: 1; overflow: hidden;
    font-size: .75rem; }
.good_unit div a span { display: inline-block; font-size: 12px; line-height: 12px; padding: 2px 3px; color: #fff;
    background-color: #e02020; border-radius: 2px; margin-right: 3px; }
.good_unit section { display: flex; justify-content: space-between; height: 7vw; line-height: 6vw; font-size: 10px;
    color: #999; }
.good_unit b { display: block; width: 80px; text-align: center; font-size: 10px; line-height: 12px; padding-top: 2px;
    background: url("../image/quan_1.png") no-repeat center center; height: 14px; box-sizing: border-box;
    background-size: auto 14px; color: #fff; }
.good_unit aside { display: flex; justify-content: space-between; align-items: center; height: 9vw; }
.good_unit aside p { color: #e02020; font-size: .65rem; }
.good_unit aside p em { color: #e02020; font-size: .8rem; }
.good_unit aside a { color: #fff; background-color: #e02020; font-size: .7rem; padding: 3px 5px; border-radius: 3px; }
.good_unit>section { width: 100%; justify-content: flex-end; align-items: center; }
.good_unit section cite { display: block; color: #8f775d; background-color: #fff3cd;
    padding: 4px 10px 2px; border-radius: 10px; line-height: 12px; }
.good_unit section s { margin-right: 10px; color: #999; }

.tc_class { border-radius: 5px; overflow: hidden; }
.tc_box { display: none; }
.tc_box>img { width: 100%; }
.tc_box section { padding: 0 15px 15px; }
.tc_box section h3 { font-size: .8rem; color: #000; text-align: center; margin-bottom: 8px; }
.tc_box section p { font-size: .7rem; line-height: 1.6em; }
.tc_box section p span { color: #e02020; padding: 0 4px; font-weight: bold; }
.tc_box section img { width: 90%; margin: 0 auto; }
.tc_class .layui-layer-setwin { top: 35px; right: 35px; }
.tc_class .layui-layer-setwin .layui-layer-close2 { width: 26px; height: 26px;
    background: url("../image/close.png") no-repeat 0 0; background-size: 26px; }


.address_lst {  }
.address_unit { display: flex; justify-content: space-between;
    border-bottom: 5px #f5f5f5 solid; padding: 10px 15px; }
.address_unit aside { margin-right: 10px; align-self: center; }
.address_unit section { margin-right: 10px; }
.address_unit section p { font-size: .7rem; color: #000; line-height: 24px; margin-bottom: 5px; }
.address_unit section p span { margin-right: 10px; }
.address_unit section p em { font-size: 10px; line-height: 10px; padding: 3px 5px;
    background-color: #e02020; color: #fff; display: inline-block; border-radius: 2px; }
.address_unit section div { font-size: .65rem; color: #999; }
.address_unit>p { display: flex; flex-direction: column; justify-content: space-between; }
.address_unit>p img { width: 20px; }
.add_box { width: 50vw; margin: 20px auto; }
.add_box a { border: 1px solid #5068f2; color: #5068f2; outline: 0; text-align: center; background-color: #e1e5f7;
    height: 36px; line-height: 36px; border-radius: 18px; font-size: 15px; margin: 0 auto; display: block; }