@charset "utf-8";



/* CSS Document */





/* ----Reset---- */



html,

body,

dl,

dt,

dd,

ol,

ul,

li,

p,

span,

em,

cite,

del,

a,

img,

h1,

h2,

h3,

h4,

h5,

h6,

object,

pre,

code,

form,

fieldset,

legend,

pre,

input,

select,

textarea,

blockquote,

q,

table,

caption,

thead,

tbody,

tfoot,

th,

td,

button {

    margin: 0;

    padding: 0;

    -webkit-tap-highlight-color: transparent;

}



body {

    font-family: "微软雅黑";

    font-size: 13px;

    color: #383838;

    background: #fff;

    overflow-x: hidden;

}



table {

    border-collapse: collapse;

    border-spacing: 0;

}



img,

fieldset,

abbr,

acronym {

    border: none;

    vertical-align: bottom;

}



a img {

    border: none;

    padding: 0;

    margin: 0;

}



input,

select,

textarea {

    border: none;

    background: none;

    outline: none;

}



textarea {

    resize: none;

}



blockquote,

q {

    quotes: none;

}



address,

caption,

cite,

code,

dfn,

em,

th,

var {

    margin: 0;

    padding: 0;

    font-style: normal;

    font-weight: normal;

}



* {}



a {

    color: #333;

    text-decoration: none;

    cursor: pointer;

    -webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    -ms-transition: all 0.5s ease-in-out;

}



a:hover {

    color: #333;

    text-decoration: none;

}





/* ----End Reset---- */



b,

em,

strong,

i {

    font-style: normal;

    font-weight: normal;

}





/*---- Patchs---- */



li {

    list-style: none;

    vertical-align: bottom;

}



input::-webkit-input-placeholder {

    color: #ccc;

}



input {

    outline: none;

}



.position {

    position: relative;

    width: 100%;

    height: auto;

}





/*会员中心开始*/



.huiy-t {

    width: 100%;

    height: 150px!important;

    background: url(../images/bj.jpg) center top no-repeat;

    background-size: 100% 100%;

}



.huiy-t .huiy-c {

    width: -webkit-calc(100% - 36px);

    width: -moz-calc(100% - 36px);

    width: calc(100% - 36px);

    float: left;

    margin-left: 18px;

    margin-top: 40px;

    overflow: hidden;

}



.huiy-t .huiy-c .huiy-x {

    width: 65px;

    height: 65px;

    border-radius: 50%;

    overflow: hidden;

    border: 2px solid #93cdde;

    float: left;

}



.huiy-t .huiy-c .huiy-x img {

    width: 65px;

    height: 65px;

    overflow: hidden;

    border-radius: 50%;

}



.huiy-t .huiy-c .huiy-i {

    float: right;

    height: auto;

    width: -webkit-calc(100% - 80px);

    width: -moz-calc(100% - 80px);

    width: calc(100% - 80px);

    overflow: hidden;

    margin-top: 3px;

}



.huiy-t .huiy-c .huiy-i h1 {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    align-items: center;

    color: #fff;

    font-size: 20px;

    width: 100%;

    font-weight: normal; margin:0

}



.huiy-t .huiy-c .huiy-i h1 span {

    display: inline-block;

    max-width: 60%;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



.shenfen {

    display: inline-block;

    height: 16px;

    overflow: hidden;

    margin-left: 5px;

    background: rgba(0, 0, 0, 0.3);

    -moz-border-radius: 8px;

    -webkit-border-radius: 8px;

    border-radius: 8px;

}



.shenfen img {

    width: 16px;

    height: 16px;

    float: left;

    vertical-align: top;

}



.shenfen font {

    display: inline-block;

    height: 16px;

    line-height: 16px;

    font-size: 12px;

    color: #fff;

    padding: 0 8px 0 5px;

    vertical-align: top;

}



.huiy-t .huiy-c .huiy-i>span {

    font-size: 15px;

    color: #fff;

    margin-top: 10px;

    display: block;

    position: relative;

}





/* .huiy-t .hui-r{



	position:absolute; right:0; z-index:1; top:15px;



	width: 85px;



	height: 33px;



	background-color:rgba(255,255,255,0.7);



	border-radius: 16.5px  0  0 16.5px; ;align-items: center; display:flex;



} */



.huiy-t .hui-r {

    position: absolute;

    right: 0;

    top: 20px;

    float: right;

    border-top-left-radius: 15px;

    border-bottom-left-radius: 15px;

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

}



.huiy-t .hui-r a {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    align-items: center;

    padding: 5px 10px;

    font-size: 14px;

}



.huiy-t .hui-r img {

    width: 16px;

    height: 16px;

    vertical-align: middle;

    margin-right: 5px;

}



.huiy-t .hui-r p {

    font-size: 16px;

    color: #333;

}



.cita {

    width: -webkit-calc(100% - 70px);

    width: -moz-calc(100% - 70px);

    width: calc(100% - 70px);

    height: auto;

    background: #fff;

    padding: 0 20px 20px;

    border-radius: 10px;

    overflow: hidden;

    position: absolute;

    top: 134px;

    left: 15px;

}



.cita .cita-1 {

    width: 100%;

    height: 57px;

    overflow: hidden;

}



.cita .cita-1 .cita-2 {

    float: left;

    font-size: 17px;

    font-weight: bold;

    height: 57px;

    line-height: 57px;

}



.cita .cita-1 .cita-3 {

    height: 57px;

    line-height: 57px;

    width: auto;

    float: right;

    font-size: 14px;

}



.cita .cita-1 .cita-3 a {

    display: block;

    width: 100%;

    height: 100%;

    color: #acacac;

}



.cita .cita-1 .cita-3 img {

    width: 12px;

    height: 12px;

    float: right;

    margin-top: 21px;

    margin-left: 4px;

    display: block;

}



.cita .cita-4 {

    width: 100%;

    height: auto;

    overflow: hidden;

}



.cita .cita-4 span {

    /*

	width:-webkit-calc(33.33% - 80px);



	width:-moz-calc(33.33% - 80px);



	width:calc(33.33% - 0px);*/

    width: 44%;

    float: left;

    display: block;

    text-align: center;

}



.cita .cita-4 span:nth-child(1) {

    width: 28%;

}



.cita .cita-4 span:nth-child(3) {

    width: 28%;

}



.cita .cita-4 span h1 {

    display: block;

    font-size: 18px;

    color: #333;

    font-weight: normal;

}



.cita .cita-4 span em {

    display: block;

    font-size: 14px;

    color: #666;

    margin-top: 6px;

}



.iooe {

    width: 100%;

    height: auto;

    /* display:none */

}



.hulist {

    width: -webkit-calc(100% - 30px);

    width: -moz-calc(100% - 30px);

    width: calc(100% - 30px);

    padding: 0 15px;

    margin-top: 10px;

}



.hulist .hulistt {

    width: 100%;

    height: 45px;

    overflow: hidden;

}



.hulist .hulistt a {

    display: flex;

    align-items: center;

    width: 100%;

    height: 45px;

    overflow: hidden;

}



.hulist .hulistt .hulistt-1 {

    width: -webkit-calc(100% - 50px);

    width: -moz-calc(100% - 50px);

    width: calc(100% - 50px);

    overflow: hidden;

    font-size: 17px;

    color: #333333;

    float: left;

}



.hulist .hulistt .hulistt-1 img {

    width: 22px;

    height: 22px;

    margin-right: 7px;

}



.hulist .hulistt .hulistt-2 {

    width: 11px;

    height: 45px;

    overflow: hidden;

    margin-left: auto;

}



.hulist .hulistt .hulistt-2 img {

    width: 11px;

    height: 11px;

    margin-top: 17px;

}



.hui-an {

    width: 300px;

    height: 44px;

    overflow: hidden;

    background: #fff;

    margin: 34px auto 30px;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    border-radius: 5px;

    background: -webkit-gradient(linear, left, right, color-stop(0%, #02bf96), color-stop(100%, #3b9cf5));

    background: -webkit-linear-gradient(left, #02bf96 0%, #3b9cf5 100%);

    background: -o-linear-gradient(left, #02bf96 0%, #3b9cf5 100%);

    background: -ms-linear-gradient(left, #02bf96 0%, #3b9cf5 100%);

    background: linear-gradient(to right, #02bf96 0%, #3b9cf5 100%);

}



.hui-an input {

    display: block;

    width: 100%;

    height: 44px;

    line-height: 44px;

    color: #fff;

    font-size: 17px;

    text-align: center;

    overflow: hidden;

}



.bot-1 {

    width: 100%;

    height: 49px;

    overflow: hidden;

}



.bot-box {

    width: 100%;

    height: 49px;

    background: #fff;

    overflow: hidden;

    position: fixed;

    z-index: 999;

    left: 0;

    bottom: 0;

}



.line-2 {

    width: 400%;

    margin-left: -200%;

    height: 1px;

    background: #d6d7dc;

    overflow: hidden;

    -webkit-transform: scale(0.5);

    transform: scale(0.5);

}



.bot-box ul {

    width: 100%;

    height: auto;

    overflow: hidden;

}



.bot-box ul li {

    width: 20%;

    text-align: center;

    height: 48px;

    overflow: hidden;

    float: left;

}



.bot-box ul li i {

    display: block;

    width: 23px;

    height: 23px;

    margin: 5px auto 0;

    overflow: hidden;

}



.bot-box ul li i img {

    width: 23px;

    height: 23px;

}



.bot-box ul li p {

    width: 200%;

    height: 38px;

    overflow: hidden;

    text-align: center;

    font-size: 22px;

    color: #999999;

    -webkit-transform: scale(0.5);

    transform: scale(0.5);

    -webkit-transform-origin: 100% 100%;

    transform-origin: 100% 100%;

    margin-left: -100%;

    margin-top: -19px;

}



.bot-on img:first-child {

    display: none;

}



.bot-box ul li.bot-on p {

    color: #3c9bf7;

}





/*会员中心结束*/





/*充值开始*/



.charge {

    width: -webkit-calc(100% - 30px);

    width: -moz-calc(100% - 30px);

    width: calc(100% - 30px);

    height: auto;

    overflow: hidden;

    background: #fff;

    padding: 15px;

}



.charge .charge-r {

    width: 100%;

    height: auto;

    background: url(../images/re.png) center top no-repeat;

    background-size: 100% 100%;

    border-radius: 4px;

    overflow: hidden;

}



.charge-r2 {

    width: 80px;

    overflow: hidden;

    height: auto;

    float: right;

}



.charge-r2 a {

    display: block;

    float: right;

    width: 80px;

    height: auto;

    text-align: center;

    font-size: 15px;

    color: #007ee4;

    background: #fff;

    padding: 6px 0;

    border-radius: 4px;

    margin-top: 38px;

    font-weight: 500

}



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

    .charge .charge-r .charge-r1 {

        width: -webkit-calc(100% - 168px);

        width: -moz-calc(100% - 168px);

        width: calc(100% - 168px);

        height: auto;

        float: left;

        overflow: hidden;

        padding: 34px 0 34px 34px;

    }

    .charge-r2 {

        margin-right: 34px;

    }

}



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

    .charge .charge-r .charge-r1 {

        width: -webkit-calc(100% - 154px);

        width: -moz-calc(100% - 154px);

        width: calc(100% - 154px);

        height: auto;

        overflow: hidden;

        padding: 27px 0 27px 27px;

    }

    .charge-r2 {

        margin-right: 27px;

    }

}



.charge .charge-r .charge-r1 h1 {

    font-size: 16px;

    color: #fff;

    line-height: 16px;

    font-weight: normal;

}



.charge .charge-r .charge-r1 span {

    font-size: 30px;

    color: #fff;

    display: block;

    margin-top: 10px;

    font-weight: bold;

}



.charge .charge-r .charge-r1 span font {

    font-size: 14px;

    font-weight: normal;

    vertical-align: top;

    margin-top: 11.15px;

    display: inline-block;

}



.charge .charge-r .charge-r1 span img {

    width: 16px;

    height: 16px;

    margin-left: 3px;

    vertical-align: top;

    margin-top: 12.35px;

    display: inline-block;

}



.charge-e {

    width: -webkit-calc(100% - 30px);

    width: -moz-calc(100% - 30px);

    width: calc(100% - 30px);

    padding: 0 15px 0;

    background: #fff;

    overflow: hidden;

}



.charge-e .charge-p {

    text-align: center;

    font-size: 17px;

    color: #333;

    font-weight: bold;

    height: 30px;

    line-height: 30px;

}



.charge-e .charge-p span {

    display: inline-block;

    width: 50px;

    height: 12px;

    background: url(../images/line.png) no-repeat center;

    background-size: 50px 6px;

    padding: 0 10px;

}



.charge-c {

    text-align: center;

    font-size: 12px;

    color: #e03b3b;

}



.charge-li {

    width: 100%;

    height: auto;

    overflow: hidden;

    padding-bottom: 12px;

}



.charge-li ul {

    width: 100%;

    height: auto;

    overflow: hidden;

}



.charge-li ul li {

    width: -webkit-calc(20% - 6px);

    width: -moz-calc(20% - 6px);

    width: calc(20% - 6px);

    background: #f2f8ff;

    float: left;

    margin-right: 7.5px;

    height: 35px;

    text-align: center;

    line-height: 35px;

    color: #1f82f7;

}



.charge-li ul li:last-child {

    margin-right: 0;

}



.charge-li ul li span {

    font-size: 16px;

    display: inline-block;

}



.charge-li ul li em {

    display: inline-block;

    font-size: 12px;

}



.charge-put {

    width: 100%;

    height: auto;

    overflow: hidden;

    margin-top: 22px;

}



.charge-put .charge-put1 {

    width: 100%;

    height: 49px;

    background: #f2f2f2;

    border-radius: 3px;

    overflow: hidden;

    margin-bottom: 15px;

}



.charge-put .charge-put1 b {

    float: left;

    width: 80px;

    height: 49px;

    line-height: 49px;

    text-align: center;

}



.charge-put .charge-put1 .charge-put2 {

    width: -webkit-calc(100% - 80px);

    width: -moz-calc(100% - 80px);

    width: calc(100% - 80px);

    float: left;

    height: 49px;

    line-height: 49px;

}



.charge-put .charge-put1 .charge-put2 input {

    width: 100%;

    height: 49px;

    line-height: 49px;

    font-size: 15px;

}



.charge-put .charge-put1 .charge-put2 input::-webkit-input-placeholder,

textarea::-webkit-input-placeholder {

    color: #999;

}



.charge-put .charge-put1 .charge-put3 {

    width: -webkit-calc(100% - 80px);

    width: -moz-calc(100% - 80px);

    width: calc(100% - 80px);

    float: left;

    height: 49px;

    line-height: 49px;

}



.charge-put .charge-an {

    width: 100%;

    height: 49px;

    line-height: 49px;

    background: -webkit-gradient(linear, left, right, color-stop(0%, #02bf96), color-stop(100%, #3b9cf5));

    background: -webkit-linear-gradient(left, #02bf96 0%, #3b9cf5 100%);

    background: -o-linear-gradient(left, #02bf96 0%, #3b9cf5 100%);

    background: -ms-linear-gradient(left, #02bf96 0%, #3b9cf5 100%);

    background: linear-gradient(to right, #02bf96 0%, #3b9cf5 100%);

    text-align: center;

    border-radius: 5px;

    overflow: hidden;

    margin-bottom: 15px;

}



.charge-put .charge-an input {

    width: 100%;

    height: 49px;

    line-height: 49px;

    color: #fff;

    font-size: 15px;

}





/*充值结束*/





/*我的纪念馆开始*/



.poeu {

    width: -webkit-calc(100% - 30px);

    width: -moz-calc(100% - 30px);

    width: calc(100% - 30px);

    height: auto;

    overflow: hidden;

    background: #fff;

    padding: 15px;

    border-bottom: 1px solid #eee;

}



.poeu .sosuo {

    width: 100%;

    height: 33px;

    background: #f0f1f2;

    border-radius: 5px;

    overflow: hidden;

}



.poeu .sosuo .topR1 {

    width: -webkit-calc(100% - 100px);

    width: -moz-calc(100% - 100px);

    width: calc(100% - 100px);

    float: left;

    line-height: 33px;

    text-indent: 15px;

    font-size: 14px;

}



.poeu .sosuo .topR1::-webkit-input-placeholder,

textarea::-webkit-input-placeholder {

    color: #999;

}



.poeu .sosuo .topR2 {

    width: 50px;

    height: 33px;

    background: url(../images/ss.png) no-repeat center;

    background-size: 50px 33px;

    float: right;

}



.gusn {

    /*	position: sticky;*/

    top: 0;

    left: 0;

    right: 0;

    margin-bottom: 10px;

    width: 100%;

    height: 44px;

    overflow: hidden;

    background: #fff;

    line-height: 44px;

}



.gusn ul {

    width: 100%;

    height: auto;

    overflow: hidden;

    display: flex;

}



.gusn ul li {

    width: 50%;

    height: 44px;

    line-height: 44px;

    float: left;

    text-align: center;

    flex-grow: 1;

}



.gusn ul li p {

    font-size: 17px;

    color: #333;

    height: 42px;

    line-height: 42px;

    font-weight: 500;

}



.gusn ul .gusn1 p a,

.gusn ul .gusn1 p {

    color: #3a9cf4;

}



.gusn ul .gusn1 span {

    width: 50px;

    height: 2px;

    background: -webkit-gradient(linear, left, right, color-stop(0%, #02bf96), color-stop(100%, #3b9cf5));

    background: -webkit-linear-gradient(left, #02bf96 0%, #3b9cf5 100%);

    background: -o-linear-gradient(left, #02bf96 0%, #3b9cf5 100%);

    background: -ms-linear-gradient(left, #02bf96 0%, #3b9cf5 100%);

    background: linear-gradient(to right, #02bf96 0%, #3b9cf5 100%);

    background: linear-gradient(left, #02bf96 0%, #3b9cf5 100%);

    display: block;

    margin: 0 auto;

}



.gusn2 {

    width: 100%;

    height: auto;

    overflow: hidden;

    margin-top: 5px;

}



.gusn2 ul {

    width: 100%;

    height: auto;

    overflow: hidden;

}



.gusn2 ul li {

    width: -webkit-calc(100% - 30px);

    width: -moz-calc(100% - 30px);

    width: calc(100% - 30px);

    background: #fff;

    padding: 15px;

    height: auto;

    overflow: hidden;

    margin-bottom: 5px;

}



.gusn2 ul li .gusn3 {

    width: 43px;

    height: 55px;

    float: left;

    border-radius: 2px;

    overflow: hidden;

}



.gusn2 ul li .gusn3 img {

    width: 43px;

    height: 55px;

    border-radius: 2px;

}



.gusn2 ul li .gusn4 {

    width: -webkit-calc(100% - 110px);

    width: -moz-calc(100% - 110px);

    width: calc(100% - 110px);

    float: left;

    margin-left: 15px;

}



.gusn2 ul li .gusn4 h1 {

    font-size: 17px;

    color: #333;

    font-weight: 500;

}



.gusn2 ul li .gusn4 span {

    margin-top: 15px;

    display: block;

    font-size: 14px;

    color: #666;

    height: 18px;

    line-height: 18px;

    float: left;

}



.gusn2 ul li .gusn4 span img {

    width: 14px;

    height: 14px;

    float: left;

    margin-top: 2px;

    margin-right: 5px;

}



.gusn2 ul li .gusn4 .gusn6 {

    margin-left: 22px;

}



.gusn2 ul li .gusn7 {

    float: right;

    font-size: 14px;

    color: #33a1e7;

}



.gusn2 ul li .trnen {

    color: #04be99;

}



.gusn2 ul li .trnen1 {

    color: #ed735f;

}





/*我的纪念馆结束*/





/*我的收藏开始*/



.rerne {

    width: 100%;

    height: auto;

    margin-top: 10px;

    overflow: hidden;

}



.rerne ul {

    width: 100%;

    height: auto;

    overflow: hidden;

}



.rerne ul li {

    width: -webkit-calc(100% - 30px);

    width: -moz-calc(100% - 30px);

    width: calc(100% - 30px);

    background: #fff;

    padding: 15px;

    height: auto;

    overflow: hidden;

    margin-bottom: 5px;

}



.rerne ul li .rerne1 {

    width: 43px;

    height: 55px;

    float: left;

    border-radius: 2px;

    overflow: hidden;

}



.rerne ul li .rerne1 img {

    width: 43px;

    height: 55px;

    border-radius: 2px;

}



.rerne ul li .rerne2 {

    width: -webkit-calc(100% - 130px);

    width: -moz-calc(100% - 130px);

    width: calc(100% - 130px);

    float: left;

    margin-left: 13px;

}



.rerne ul li .rerne2 h1 {

    font-size: 20px;

    color: #333;

    font-weight: 500;

}



.rerne ul li .rerne2 span {

    margin-top: 10px;

    display: block;

    font-size: 14px;

    color: #666;

    height: 18px;

    line-height: 18px;

    float: left;

}



.rerne ul li .rerne2 span img {

    width: 14px;

    height: 14px;

    float: left;

    margin-top: 2px;

    margin-right: 5px;

}



.rerne ul li .rerne2 .rerne4 {

    margin-left: 10px;

}



.rerne ul li .rerne5 {

    width: 66px;

    height: 24px;

    border: 1px solid #aaa;

    border-radius: 3px;

    overflow: hidden;

    line-height: 24px;

    text-align: center;

    font-size: 14px;

    color: #777;

    float: right;

    margin-top: 15px;

}





/*我的收藏结束*/





/*祈福记录开始*/



.qoir {

    width: -webkit-calc(100% - 30px);

    width: -moz-calc(100% - 30px);

    width: calc(100% - 30px);

    background: #fff;

    padding: 15px;

    height: auto;

    overflow: hidden;

}



.gand_1 {

    width: 100%;

    height: auto;

    overflow: hidden;

    margin: 0 auto;

}



.gand_3 table tr td {

    background: #ecf7f4;

    border-top: 1px solid #fff;

    border-right: 1px solid #fff;

    text-align: center;

    padding: 10px 10px;

    font-size: 15px;

    color: #666;

}



.yutyw {

    background: #02bf95!important;

    font-size: 14px;

    color: #fff;

    font-weight: normal;

    text-align: center;

    border-right: 1px solid #fff;

}



.yutyw strong {

    color: #fff;

}



.gand_3 table tr td span {

    display: block;

    color: #db6565;

    font-weight: bold;

}



.gand_3 table tr td a {

    display: block;

    color: #fff;

    background: #22acf7;

    padding: 4px 0px;

    border-radius: 3px;

    font-size: 13px;

}



.gand_3 table tr td a:hover {

    background: #1373da;

}



.gand_3 table tr td .tom {

    color: #08ba06;

}



.gand_3 table tr td .tom1 {

    color: #ef7f0c;

}



.gand_3 table tr td .web1 {

    font-weight: normal;

    color: #ed735f;

    font-size: 15px;

}





/* .gand_3 table tr td .web2{

	display: flex;

	align-items: center;

} */



.gand_3 table tr td .web2 p {

    font-size: 14px;

    color: #333;

    /* width:100%;  */

    height: auto;

    overflow: hidden;

}



.gand_3 table tr td .web2 img {

    width: 43px;

    height: 43px;

    margin-bottom: 5px;

}



.gand_3 table tr td .web4 p {

    font-size: 14px;

    color: #333;

    float: left;

    margin-top: 7px;

    width: 100%;

    height: auto;

    overflow: hidden;

    text-align: center;

}



.gand_3 table tr td .web4 img {

    width: 43px;

    height: 43px;

    margin: 0 auto;

    border-radius: 50%;

}





/*祈福记录结束*/



.pow {

    border-bottom: none;

}



.peemr {

    width: 100%;

    height: auto;

    overflow: hidden;

    background: #fff;

}





/*手机banner开始*/



.ap_bane {

    width: -webkit-calc(100% - 30px);

    width: -moz-calc(100% - 30px);

    width: calc(100% - 30px);

    height: auto;

    padding: 0 15px;

}



.swiper-container {

    margin: 0 auto;

    position: relative;

    overflow: hidden;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    -ms-backface-visibility: hidden;

    -o-backface-visibility: hidden;

    backface-visibility: hidden;

    /* Fix of Webkit flickering */

    z-index: 1;

}



.swiper-wrapper {

    overflow: hidden;

    position: relative;

    width: 100%;

    -webkit-transition-property: -webkit-transform, left, top;

    -webkit-transition-duration: 0s;

    -webkit-transform: translate3d(0px, 0, 0);

    -webkit-transition-timing-function: ease;

    -moz-transition-property: -moz-transform, left, top;

    -moz-transition-duration: 0s;

    -moz-transform: translate3d(0px, 0, 0);

    -moz-transition-timing-function: ease;

    -o-transition-property: -o-transform, left, top;

    -o-transition-duration: 0s;

    -o-transform: translate3d(0px, 0, 0);

    -o-transition-timing-function: ease;

    -o-transform: translate(0px, 0px);

    -ms-transition-property: -ms-transform, left, top;

    -ms-transition-duration: 0s;

    -ms-transform: translate3d(0px, 0, 0);

    -ms-transition-timing-function: ease;

    transition-property: transform, left, top;

    transition-duration: 0s;

    transform: translate3d(0px, 0, 0);

    transition-timing-function: ease;

}



.swiper-free-mode>.swiper-wrapper {

    -webkit-transition-timing-function: ease-out;

    -moz-transition-timing-function: ease-out;

    -ms-transition-timing-function: ease-out;

    -o-transition-timing-function: ease-out;

    transition-timing-function: ease-out;

    margin: 0 auto;

}



.swiper-slide {

    float: left;

    overflow: hidden;

}



.top {

    width: 100%;

    overflow: hidden;

    display: block;

    border-radius: 10px;

}



.pagination {

    position: absolute;

    z-index: 20;

    width: 95%;

    left: 2.5%;

    height: 6px;

    bottom: 12px;

    text-align: center;

}



.swiper-pagination-switch {

    display: inline-block;

    width: 5px;

    height: 5px;

    background-color: rgba(0, 0, 0, 0.4);

    border: 1px solid rgba(255, 255, 255, 0.4);

    margin-left: 3px;

    margin-right: 3px;

    cursor: pointer;

    -moz-border-radius: 50%;

    -webkit-border-radius: 50%;

    border-radius: 50%;

    vertical-align: top;

}



.swiper-active-switch {

    width: 5px;

    height: 5px;

    vertical-align: top;

    background: #22ac38;

    border: 1px solid #22ac38;

}





/*手机banner结束*/





/*礼物动态开始*/



.gift {

    display: none;

    width: -webkit-calc(100% - 30px);

    width: -moz-calc(100% - 30px);

    width: calc(100% - 30px);

    height: auto;

    padding: 6px 15px;

}



.gift .gift-t {

    width: 100%;

    height: 32px;

    overflow: hidden;

    font-size: 17px;

    line-height: 32px;

}



.gift .gift-t span {

    display: block;

    float: left;

    width: 5px;

    height: 14px;

    background: url(../images/liner.png) no-repeat center;

    background-size: 5px 14px;

    margin-top: 8.2px;

    vertical-align: top;

    margin-right: 6px;

}



.gift .gift-c {

    display: none;

    width: 100%;

    height: auto;

    overflow: hidden;

    margin: 12px 0 0 0;

}



.gift .gift-c ul {

    width: 100%;

    height: auto;

    overflow: hidden;

}



.gift .gift-c ul li {

    /*	width:-webkit-calc(25% - 13px);



	width:-moz-calc(25% - 13px); 



	width:calc(19% - 13px);*/

    width: 25%;

    float: left;

    /*	margin-right: 17px;*/

}



.gift .gift-c ul li:last-child {

    margin-right: 0;

}



.gift .gift-c ul li .gift-p {

    width: 100%;

    height: auto;

    overflow: hidden;

    position: relative;

}



.gift .gift-c ul li .gift-p .gift-pt {

    width: 44px;

    height: 44px;

    overflow: hidden;

    margin: 0 auto;

}



.gift .gift-c ul li .gift-p .gift-pt img {

    width: 44px;

    height: 44px;

}



.gift .gift-c ul li .gift-p span {

    display: block;

    width: auto;

    height: auto;

    background: #ed735f;

    border-radius: 17px;

    overflow: hidden;

    border: 1px solid #fff;

    position: absolute;

    right: 14px;

    z-index: 99;

    top: -16px;

    font-size: 20px;

    color: #fff;

    text-overflow: ellipsis;

    white-space: nowrap;

    -webkit-transform: scale(0.5);

    transform: scale(0.5);

    -webkit-transform-origin: 100% 100%;

    transform-origin: 100% 100%;

    /*        margin-left:-100%;*/

    padding: 4px 10px;

}



.gift .gift-c ul li .gift-pc {

    width: 44px;

    height: auto;

    text-align: center;

    float: left;

    margin-top: 6px;

    font-size: 13px;

    color: #333;

    width: 100%;

}





/*消息动态开始*/



.redian3 {

    width: -webkit-calc(100% - 30px);

    width: -moz-calc(100% - 30px);

    width: calc(100% - 30px);

    height: 36px;

    overflow: hidden;

    padding: 7px 15px 7px;

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



 	margin-top: 10px;*/

}



.redian3 ul {

    width: 100%;

    height: 36px;

    overflow: hidden;

}



.redian3 ul li {

    width: 100%;

    height: 36px;

    line-height: 36px;

    overflow: hidden;

    font-size: 16px;

    margin: 0 auto;

}



.redian3 ul li:first-child {

    margin-top: 0;

    transition: margin-top 1s;

}



.redian3 ul li .redian4 {

    width: -webkit-calc(100% - 70px);

    width: -moz-calc(100% - 70px);

    width: calc(100% - 70px);

    float: left;

    height: 36px;

}



.redian3 ul li .redian4 .redian5 {

    width: 20px;

    height: 36px;

    border-radius: 10px;

    float: left;

    vertical-align: top;

}



.redian3 ul li .redian4 .redian5 img {

    width: 20px;

    height: 20px;

    border-radius: 10px;

    vertical-align: top;

    margin-top: 8px;

}



.redian3 ul li .redian4 .redian6 {

    width: -webkit-calc(100% - 40px);

    width: -moz-calc(100% - 40px);

    width: calc(100% - 40px);

    float: left;

    height: 36px;

    line-height: 36px;

    margin-left: 10px;

    display: block;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



.redian3 ul li .redian4 .redian6 b {

    font-size: 14px;

    color: #399cf9;

    margin-right: 10px;

}



.redian3 ul li a em {

    font-size: 15px;

    color: #999999;

    float: right;

    display: block;

}





/*礼物动态结束*/





/*我的纪念馆开始*/



.shopo {

    width: -webkit-calc(100% - 30px);

    width: -moz-calc(100% - 30px);

    width: calc(100% - 30px);

    padding: 15px;

    background: #f8f8f8;

}



.shopo-t {

    width: 100%;

    height: 32px;

    overflow: hidden;

    font-size: 20px;

    line-height: 32px;

}



.shopo-t .shopo-tl {

    width: -webkit-calc(100% - 90px);

    width: -moz-calc(100% - 90px);

    width: calc(100% - 90px);

    float: left;

    display: flex;

    align-items: center;

    font-weight: 500;

}



.shopo-tla {

    width: -webkit-calc(100% - 30px);

    width: -moz-calc(100% - 30px);

    width: calc(100% - 30px);

}



.shopo-t .shopo-tl span {

    display: block;

    float: left;

    width: 5px;

    height: 17px;

    background: url(../images/liner.png) no-repeat center;

    background-size: 5px 17px;

    vertical-align: top;

    margin-right: 6px;

}



.shopo-t .shopo-tr {

    float: right;

    font-size: 13px;

}



.shopo-t .shopo-tr a {

    color: #999;

}



.shopo .shopo-k {

    width: -webkit-calc(100% - 46px);

    width: -moz-calc(100% - 46px);

    width: calc(100% - 46px);

    height: 165px;

    padding: 0 23px;

    margin-top: 8px;

    margin-bottom: 12px;

    background-image: -webkit-linear-gradient(top, #c7ece5, #d2e6f7);

    background-image: -o-linear-gradient(top, #c7ece5, #d2e6f7);

    background-image: -ms-linear-gradient(top, #c7ece5, #d2e6f7);

    background-image: linear-gradient(top, #c7ece5, #d2e6f7);

    background-repeat: repeat-x;

}



.shopo .shopo-k .shopo-kl {

    width: 100%;

    height: 23px;

    overflow: hidden;

    font-size: 16px;

    line-height: 23px;

    color: #333;

    text-align: center;

    padding-top: 40px;

}



.shopo .shopo-k .shopo-kl span {

    width: 23px;

    height: 23px;

    display: inline-block;

    background: url(../images/icon6.png) no-repeat center;

    background-size: 23px 23px;

    vertical-align: top;

    margin-right: 10px;

}

.shopo .shopo-k .shopo-kc {

    width: 100%;

    height: 44px;

    border-radius: 5px;

    overflow: hidden;

    background: -webkit-gradient(linear, left, right, color-stop(0%, #02bf96), color-stop(100%, #3b9cf5));

    background: -webkit-linear-gradient(left, #02bf96 0%, #3b9cf5 100%);

    background: -o-linear-gradient(left, #02bf96 0%, #3b9cf5 100%);

    background: -ms-linear-gradient(left, #02bf96 0%, #3b9cf5 100%);

    background: linear-gradient(to right, #02bf96 0%, #3b9cf5 100%);

    margin-top: 24px;

}



.shopo .shopo-k .shopo-kc a {

    text-align: center;

    display: block;

    font-size: 15px;

    color: #fff;

    line-height: 46px;

}





/*我的纪念馆结束*/





/*今日生祭开始*/



.rifice {

    width: -webkit-calc(100% - 30px);

    width: -moz-calc(100% - 30px);

    width: calc(100% - 30px);

    background: #fff;

    padding: 15px;

    margin-top: 10px;

}



.rifice .rifice-k {

    width: 100%;

    height: auto;

    overflow: hidden;

}



.rifice .rifice-k ul {

    width: 100%;

    height: auto;

    overflow: hidden;

}



.rifice .rifice-k ul li {

    width: -webkit-calc(100% - 30px);

    width: -moz-calc(100% - 30px);

    width: calc(100% - 30px);

    background: #f5f5f5;

    padding: 15px;

    height: auto;

    overflow: hidden;

    margin-top: 10px;

}



.rifice .rifice-k ul li a {

    display: block;

    width: 100%;

    height: 100%;

}



.rifice .rifice-k ul li .rifice-kp {

    width: 72px;

    height: 92px;

    background: url(../images/kue.png) no-repeat center;

    background-size: 72px 92px;

    float: left;

    margin-top: 4px;

}



.rifice .rifice-k ul li .rifice-kp img {

    width: 59px;

    height: 77px;

    overflow: hidden;

    vertical-align: top;

    margin-left: 7px;

    margin-top: 7.5px;

}


.rifice .rifice-k ul li .rifice-pt {

    width: 72px;

    height: 92px;

    background: url(../images/kue-pt.png) no-repeat center;

    background-size: 72px 92px;

    float: left;

    margin-top: 4px;

}



.rifice .rifice-k ul li .rifice-pt img {

    width: 67px;

    height: 87px;

    overflow: hidden;

    vertical-align: top;

    margin-left: 3px;

    margin-top: 2px;

}



.rifice .rifice-k ul li .rifice-r {

    width: -webkit-calc(100% - 86px);

    width: -moz-calc(100% - 86px);

    width: calc(100% - 86px);

    float: right;

}



.rifice .rifice-k ul li .rifice-r .rifice-rt {

    width: 100%;

    height: auto;

    overflow: hidden;

    display: flex;

    align-items: center;

}



.rifice .rifice-k ul li .rifice-r .rifice-rt b {

    float: left;

    font-size: 20px;

    color: #333;

    margin-right: 6px;

}


.rifice .rifice-k ul li .rifice-r .rifice-rt p{ display:inline-block; color:#fff;  margin: 0 5px 0 0px; font-size:12px; height:18px; line-height:18px; padding:0 12px;  border-radius: 2px; background: linear-gradient(to right, #02bf95 0%,#3c9bf7 100%);}
.rifice .rifice-k ul li .rifice-r .rifice-rt p.jiri-a{display:inline-block; color:#fff;  margin: 0 5px 0 0px; font-size:12px; height:18px; line-height:18px; padding:0 12px;  border-radius: 2px; background:#b5b5b5;}

.rifice .rifice-k ul li .rifice-r .rifice-rt span {

/*    background: #b5b5b5;*/

    display: inline-block;

/*    padding: 1px 6px;*/

    margin: 0 5px 0 0px;

    

    color: #fff; height:19px;

    font-size: 11px; position:relative;

}


.rifice .rifice-k ul li .rifice-r .rifice-rt span img{ width:23px; height:18px; position:absolute; top:0; left:0;}

.rifice .rifice-k ul li .rifice-r .rifice-rt span font{ display:inline-block; height:14px; margin-top:1px; line-height:14px; background:#848484; padding:0 5px 0 15px; margin-left:9px; border-radius: 0 8px 8px 0;}


/*.rifice .rifice-k ul li .rifice-r .rifice-rt span.active {

    background-image: -moz-linear-gradient( 0deg, rgb(60, 155, 247) 0%, rgb(2, 191, 149) 100%);

    background-image: -webkit-linear-gradient( 0deg, rgb(60, 155, 247) 0%, rgb(2, 191, 149) 100%);

    background-image: -ms-linear-gradient( 0deg, rgb(60, 155, 247) 0%, rgb(2, 191, 149) 100%);

}*/

.rifice .rifice-k ul li .rifice-r .rifice-rt span.active font{ background:#be870d}

.rifice .rifice-k ul li .rifice-r .rifice-rc {

    font-size: 14px;

    /* height:16px; 

	line-height:16px; 

	overflow:hidden; */

    color: #666;

    margin-top: 5px;

}



.rifice .rifice-k ul li .rifice-r .rifice-ru {

    font-size: 14px;

    color: #999;

    margin-top: 5px;

}



.rifice .rifice-k ul li .rifice-r .rifice-re {

    width: 100%;

    height: auto;

    overflow: hidden;

    margin-top: 5px;

}



.rifice .rifice-k ul li .rifice-r .rifice-re .rifice-re1 {

    float: left;

    display: inline-flex;

    align-items: center;

    height: auto;

    overflow: hidden;

    font-size: 13px;

    color: #333;

}



.rifice .rifice-k ul li .rifice-r .rifice-re .rifice-re1 img {

    width: 14px;

    height: 14px;

    overflow: hidden;

    vertical-align: top;

    margin-top: 1px;

    margin-right: 4px;

}



.rifice .rifice-k ul li .rifice-r .rifice-re .rifice-re2 {

    float: left;

    display: inline-block;

    height: auto;

    overflow: hidden;

    font-size: 12px;

    color: #333;

    margin-left: 15px;

}



.rifice .rifice-k ul li .rifice-r .rifice-re .rifice-re2 img {

    width: 14px;

    height: 14px;

    overflow: hidden;

    vertical-align: top;

    margin-top: 1px;

    margin-right: 4px;

}



.lebrity-re1 {

    float: left;

    display: inline-block;

    height: auto;

    overflow: hidden;

    font-size: 12px;

    color: #333;

}



.lebrity-re1 img {

    width: 14px;

    height: 14px;

    overflow: hidden;

    vertical-align: top;

    margin-top: 1px;

    margin-right: 4px;

}



.lebrity-re2 {

    float: left;

    display: inline-block;

    height: auto;

    overflow: hidden;

    font-size: 12px;

    color: #333;

    margin-left: 15px;

}



.lebrity-re2 img {

    width: 14px;

    height: 14px;

    overflow: hidden;

    vertical-align: top;

    margin-top: 1px;

    margin-right: 4px;

}





/*今日生祭结束*/





/*资讯中心开始*/



.new {

    width: -webkit-calc(100% - 30px);

    width: -moz-calc(100% - 30px);

    width: calc(100% - 30px);

    background: #fff;

    padding: 10px 15px 15px;

    margin-top: 10px;

}



.new5 {

    margin-top: 0

}



.new .new-t {

    width: 100%;

    height: auto;

    overflow: hidden;

}



.new .new-t ul {

    width: 100%;

    height: auto;

    overflow: hidden;

}



.new .new-t ul li {

    padding: 12px 0;

    width: 100%;

    height: auto;

    overflow: hidden;

    border-bottom: 1px solid #e8e8e8;

}



.new .new-t ul li:last-child {

    border-bottom: none;

    padding-bottom: 0;

}



.new .new-t ul li a {

    display: block;

    width: 100%;

    height: 100%;

}



.new .new-t ul li .new-tl {

    width: -webkit-calc(100% - 80px);

    width: -moz-calc(100% - 80px);

    width: calc(100% - 80px);

    float: left;

    height: auto;

    overflow: hidden;

}



.new .new-t ul li .new-tl p {

    font-size: 17px;

    color: #333;

    float: left;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    margin-bottom: 8px;

    height: 44px;

}



.new .new-t ul li .new-tl span {

    float: left;

    height: auto;

    overflow: hidden;

    font-size: 13px;

    color: #999;

    display: flex;

    align-items: center;

}



.new .new-t ul li .new-tl span b {

    display: block;

    width: 14px;

    height: 14px;

    overflow: hidden;

    vertical-align: middle;

    margin-top: 0px;

    margin-right: 4px;

    background: url(../images/time.png) no-repeat center;

    background-size: 14px 14px;

    float: left;

}



.new .new-t ul li .new-tr {

    width: 65px;

    height: 65px;

    float: right;

}



.new .new-t ul li .new-tr img {

    width: 65px;

    height: 65px;

    overflow: hidden;

}





/*资讯中心结束*/





/*资讯列表开始*/



.new1 {

    width: -webkit-calc(100% - 30px);

    width: -moz-calc(100% - 30px);

    width: calc(100% - 30px);

    background: #fff;

    padding: 0 15px;

}



.new1 .new1-t {

    width: 100%;

    height: auto;

    overflow: hidden;

}



.new1 .new1-t ul {

    width: 100%;

    height: auto;

    overflow: hidden;

}



.new1 .new1-t ul li {

    padding: 12px 0;

    width: 100%;

    height: auto;

    overflow: hidden;

    border-bottom: 1px solid #e8e8e8;

}



.new1 .new1-t ul li:last-child {

    border-bottom: none;

}



.new1 .new1-t ul li a {

    display: block;

    width: 100%;

    height: 100%;

}



.new1 .new1-t ul li .new1-tl {

    width: -webkit-calc(100% - 80px);

    width: -moz-calc(100% - 80px);

    width: calc(100% - 80px);

    float: left;

    height: auto;

    overflow: hidden;

}



.new1 .new1-t ul li .new1-tl p {

    font-size: 17px;

    color: #333;

    float: left;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    margin-bottom: 8px;

    height: 44px;

}



.new1 .new1-t ul li .new1-tl span {

    float: left;

    height: auto;

    overflow: hidden;

    font-size: 14px;

    color: #999;

    display: block;

}



.new1 .new1-t ul li .new1-tl span b {

    display: block;

    width: 14px;

    height: 14px;

    overflow: hidden;

    vertical-align: middle;

    margin-top: 0px;

    margin-right: 4px;

    background: url(../images/time.png) no-repeat center;

    background-size: 14px 14px;

    float: left;

}



.new1 .new1-t ul li .new1-tr {

    width: 65px;

    height: 65px;

    float: right;

}



.new1 .new1-t ul li .new1-tr img {

    width: 65px;

    height: 65px;

    overflow: hidden;

}





/*资讯列表结束*/





/*新闻详情开始*/



.news-bt1 {

    width: -webkit-calc(100% - 30px);

    width: -moz-calc(100% - 30px);

    width: calc(100% - 30px);

    height: auto;

    line-height: 24px;

    font-size: 17px;

    color: #333;

    overflow: hidden;

    max-height: 48px;

    padding-top: 14px;

    margin: 0 auto 5px auto;

    text-align: center;

}



.news-bt2 {

    width: -webkit-calc(100% - 30px);

    width: -moz-calc(100% - 30px);

    width: calc(100% - 30px);

    height: 20px;

    overflow: hidden;

    padding: 2px 0 8px 0;

    border-bottom: 1px solid #eee;

    margin: 0 auto;

}



.news-bt2 span {

    width: 100%;

    display: block;

    height: 20px;

    line-height: 20px;

    overflow: hidden;

    font-size: 14px;

    color: #999;

    text-align: center;

}



.news-bt3 {

    width: -webkit-calc(100% - 30px);

    width: -moz-calc(100% - 30px);

    width: calc(100% - 30px);

    height: auto;

    line-height: 24px;

    overflow: hidden;

    font-size: 14px;

    color: #333;

    margin: 5px auto 30px auto;

}



.news-bt3 img {

    max-width: 100%;

    height: auto;

}



.news-botjg {

    width: 100%;

    height: 49px;

    overflow: hidden;

}



.new-botbox {

    width: 100%;

    height: 49px;

    overflow: hidden;

    background: #3c9bf7;

    position: fixed;

    bottom: 0;

    left: 0;

    z-index: 999;

}



.news-bot1 {

    width: 50%;

    height: 49px;

    overflow: hidden;

    float: left;

    background: #3c9bf7;

    font-size: 17px;

    color: #fff

}



.news-bot1 a {

    display: block;

    width: 100%;

    height: 49px;

    line-height: 49px;

    color: #fff;

    text-align: center;

}



.news-bot2 {

    width: 50%;

    height: 49px;

    overflow: hidden;

    float: right;

    background: #02bf95;

    font-size: 17px;

    color: #fff

}



.news-bot2 a {

    display: block;

    width: 100%;

    height: 49px;

    line-height: 49px;

    color: #fff;

    text-align: center;

}





/*新闻详情结束*/





/*名人馆列表开始*/



.lebrity {

    width: 100%;

    height: auto;

    /* overflow: hidden; */

}



.lebrity .lebrity-k {

    width: 100%;

    height: auto;

    overflow: hidden;

}



.lebrity .lebrity-k ul {

    width: 100%;

    height: auto;

    overflow: hidden;

    padding-bottom: 12px;

}



.lebrity .lebrity-k ul li {

    width: -webkit-calc(100% - 30px);

    width: -moz-calc(100% - 30px);

    width: calc(100% - 30px);

    background: #fff;

    padding: 15px;

    height: auto;

    overflow: hidden;

    margin-bottom: 10px;

}



.lebrity .lebrity-k ul li a {

    display: block;

    width: 100%;

    height: 100%;

}



.lebrity .lebrity-k ul li .lebrity-kp {

    width: 72px;

    height: 92px;

    background: url(../images/kue.png) no-repeat center;

    background-size: 72px 92px;

    float: left;

}



.lebrity .lebrity-k ul li .lebrity-kp img {

    width: 59px;

    height: 78px;

    overflow: hidden;

    vertical-align: top;

    margin-left: 7px;

    margin-top: 6.5px;

}


.lebrity .lebrity-k ul li .lebrity-pt {

    width: 72px;

    height: 92px;

    background: url(../images/kue-pt.png) no-repeat center;

    background-size: 72px 92px;

    float: left;

}



.lebrity .lebrity-k ul li .lebrity-pt img {

    width: 67px;

    height: 87px;

    overflow: hidden;

    vertical-align: top;

    margin-left: 3px;

    margin-top: 2px;

}



.lebrity .lebrity-k ul li .lebrity-r {

    width: -webkit-calc(100% - 86px);

    width: -moz-calc(100% - 86px);

    width: calc(100% - 86px);

    float: right;

}



.lebrity .lebrity-k ul li .lebrity-r .lebrity-rt {

    width: 100%;

    height: auto;

    overflow: hidden;

    line-height: 20px;

}



.lebrity .lebrity-k ul li .lebrity-r .lebrity-rt b {

    float: left;

    font-size: 20px;

    color: #333;

    margin-right: 6px;

}



.lebrity .lebrity-k ul li .lebrity-r .lebrity-rt span {

/*    background: #b5b5b5;*/

    display: inline-block;

   /* padding: 3px 8px;*/

    margin: 0 5px 0 0px;

/*    border-radius: 3px;*/

    color: #fff; height:19px;

    font-size: 11px;  position:relative;

}




.lebrity .lebrity-k ul li .lebrity-r .lebrity-rt span img{ width:23px; height:18px; position:absolute; top:0; left:0;}

.lebrity .lebrity-k ul li .lebrity-r .lebrity-rt span font{ display:inline-block; height:14px; margin-top:1px; line-height:14px; background:#848484; padding:0 5px 0 15px; margin-left:9px; border-radius: 0 8px 8px 0; vertical-align:top;}


.lebrity .lebrity-k ul li .lebrity-r .lebrity-rt p{ display:inline-block; color:#fff;  margin: 0 5px 0 0px; font-size:12px; height:18px; line-height:18px; padding:0 12px;  border-radius: 2px; background: linear-gradient(to right, #02bf95 0%,#3c9bf7 100%);}
.lebrity .lebrity-k ul li .lebrity-r .lebrity-rt p.jiri-a{display:inline-block; color:#fff;  margin: 0 5px 0 0px; font-size:12px; height:18px; line-height:18px; padding:0 12px;  border-radius: 2px; background:#b5b5b5;}


.lebrity .lebrity-k ul li .lebrity-r .lebrity-rt span.active font{ background:#be870d}


.lebrity .lebrity-k ul li .lebrity-r .lebrity-rt .lebrity-rt1 {

    background: #3c9bf7;

}



.lebrity .lebrity-k ul li .lebrity-r .lebrity-rc {

    font-size: 14px;

    color: #666;

    margin-top: 6px;

}



.lebrity .lebrity-k ul li .lebrity-r .lebrity-ru {

    font-size: 14px;

    color: #999;

    margin-top: 6px;

}



.lebrity .lebrity-k ul li .lebrity-r .lebrity-re {

    width: 100%;

    height: auto;

    overflow: hidden;

    margin-top: 6px;

}



.lebrity .lebrity-k ul li .lebrity-r .lebrity-re .lebrity-re1 {

    float: left;

    height: auto;

    overflow: hidden;

    font-size: 13px;

    line-height: 16px;

    color: #333;

}



.lebrity .lebrity-k ul li .lebrity-r .lebrity-re .lebrity-re1 img {

    width: 14px;

    height: 14px;

    overflow: hidden;

    vertical-align: top;

    margin-top: 1px;

    margin-right: 4px;

}



.lebrity .lebrity-k ul li .lebrity-r .lebrity-re .lebrity-re2 {

    float: left;

    height: auto;

    overflow: hidden;

    font-size: 12px;

    color: #333;

    margin-left: 15px;

    line-height: 16px;

}



.lebrity .lebrity-k ul li .lebrity-r .lebrity-re .lebrity-re2 img {

    width: 14px;

    height: 14px;

    overflow: hidden;

    vertical-align: top;

    margin-top: 1px;

    margin-right: 4px;

}





/*名人馆列表结束*/



.zanwu-box {

    width: 92%;

    height: auto;

    overflow: hidden;

    margin: 30px auto;

}



.zanwu-1 {

    width: 100px;

    height: auto;

    overflow: hidden;

    margin: 0 auto 15px auto;

}



.zanwu-1 img {

    width: 100%

}



.zanwu-2 {

    width: 100%;

    height: auto;

    line-height: 24px;

    font-size: 16px;

    text-align: center;

    overflow: hidden;

    color: #999;

}



.zanwu-2 button {

    display: inline-block;

    border: none;

    height: auto;

    margin: 20px auto;

    vertical-align: top;

}



.zanwu-2 button a {

    color: #fff;

    padding: 10px 24px;

    display: block;

    height: auto;

    vertical-align: top;

    background: #02bf95;

    border-radius: 5px;

    font-size: 13px;

}



.head-top {

    width: 100%;

    height: 44px;

    background: #fff;

    border-bottom: 1px solid #d9d9d9;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 9999;

    overflow: hidden;

}



.head-box {

    width: 100%;

    height: 100%;

    overflow: hidden;

}



.head-fh {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

    overflow: hidden;

    text-align: center;

    width: 44px;

    height: 44px;

}



.head-fh a {

    display: block;

    width: 100%;

    height: 100%;

    overflow: hidden;

}



.head-fh img {

    width: 14px;

    height: 14px;

    overflow: hidden;

    margin: 15px auto 0;

}



.head-top1 {

    width: 80%;

    height: 100%;

    overflow: hidden;

    margin: 0 auto;

    line-height: 44px;

    text-align: center;

    font-size: 17px;

    color: #333;

}



.head-top1 img {

    width: 40px;

    height: 36px;

    display: block;

    margin: 4px auto;

}



.head-gd1 {

    width: 100%;

    height: 45px;

    overflow: hidden;

}



.fenxiang-max {

    width: 100%;

    min-height: calc(100vh - 45px);

    height: calc(100vh - 45px);

    overflow: hidden;

    position: relative;

    /*background:url(../images/fenxing-bj.jpg) center top no-repeat #426fdb; background-size:100%*/

    background: url(../images/fengxiang-min.jpg) center top;

    background-size: 100% 2px;

}



.fenxiang-max img {

    width: 100%;

}



.fenxiang-box {

    width: -webkit-calc(100% - 44px);

    width: -moz-calc(100% - 44px);

    width: calc(100% - 44px);

    height: 350px;

    overflow: hidden;

    background: #fff;

    -moz-border-radius: 15px;

    -webkit-border-radius: 15px;

    border-radius: 15px;

    border: 2px solid #3fc3d7;

    margin: 250px auto 0;

}



.fenxiang-1 {

    width: 60px;

    height: 60px;

    overflow: hidden;

    -moz-border-radius: 50%;

    -webkit-border-radius: 50%;

    border-radius: 50%;

    margin-top: 21px;

}



.fenxiang-1 img {

    width: 100%;

    height: 100%

}



.fenxiang-2 {

    width: 90%;

    height: 19px;

    line-height: 19px;

    font-size: 13px;

    text-align: center;

    color: #333333;

    overflow: hidden;

    padding-top: 5px;

}



.fenxiang-3 {

    width: 214px;

    height: 211px;

    overflow: hidden;

    background: url(../images/ewma-bj.png) center center no-repeat;

    background-size: 100% 100%;

    margin: 10px auto 0;

}



.fenxiang-31 {

    width: 170px;

    height: 170px;

    overflow: hidden;

    margin: 21px auto 0;

}



.fenxiang-31 img {

    width: 100%;

    height: 100%;

}



.fenxiang-an {

    width: -webkit-calc(100% - 44px);

    width: -moz-calc(100% - 44px);

    width: calc(100% - 44px);

    height: 40px;

    overflow: hidden;

    margin: 25px auto 25px;

    position: absolute;

    bottom: 0;

    left: 22px;

    z-index: 999;

    border-radius: 4px;

    background: #3cb8ff;

}



.fenxiang-an button {

    display: block;

    width: 100%;

    height: 40px;

    line-height: 42px;

    text-align: center;

    font-size: 21px;

    color: #ffffff;

    overflow: hidden;

    border: none;

    background: none;

    outline: none;

}



.xiaji-top {

    width: -webkit-calc(100% - 30px);

    width: -moz-calc(100% - 30px);

    width: calc(100% - 30px);

    height: 50px;

    background: #fff;

    overflow: hidden;

    padding: 0 15px;

    border-bottom: 1px solid #eeeeee

}



.xiaji-top span {

    display: inline-block;

    float: left;

    margin-right: 10px;

    width: 4px;

    height: 17px;

    overflow: hidden;

    margin-top: 17px;

    background: #3c9bf7;

    vertical-align: top;

}



.xiaji-top font {

    display: inline-block;

    float: left;

    height: 50px;

    line-height: 50px;

    overflow: hidden;

    font-size: 17px;

    color: #333333;

    vertical-align: top;

}



.xiaji-box {

    width: 100%;

    height: auto;

    overflow: hidden;

    background: #fff

}



.xiaji-1 {

    width: -webkit-calc(100% - 30px);

    width: -moz-calc(100% - 30px);

    width: calc(100% - 30px);

    padding: 15px 0;

    height: auto;

    overflow: hidden;

    border-bottom: 1px solid #eeeeee;

}



.xiaji-box .xiaji-1:last-child {

    border-bottom: none

}



.xiaji-11 {

    width: 59px;

    height: 59px;

    overflow: hidden;

    float: left;

    -moz-border-radius: 50%;

    -webkit-border-radius: 50%;

    border-radius: 50%;

    border: 1px solid #f6f6f6;

}



.xiaji-11 img {

    width: 100%;

    height: 100%;

}



.xiaji-12 {

    width: -webkit-calc(100% - 75px);

    width: -moz-calc(100% - 75px);

    width: calc(100% - 75px);

    height: auto;

    overflow: hidden;

    float: right;

}



.xiaji-121 {

    width: 100%;

    height: 28px;

    line-height: 28px;

    font-size: 16px;

    color: #333333;

    overflow: hidden;

    padding-top: 5px;

}



.xiaji-122 {

    width: 100%;

    height: 25px;

    line-height: 25px;

    font-size: 14px;

    overflow: hidden;

}



.xiaji-122 span {

    color: #999999;

}



.xiaji-122 font {

    color: #fb2a22;

    font-weight: bold;

}



.cl {

    clear: both;

}



.xiugai-box {

    width: 100%;

    height: auto;

    overflow: hidden;

    padding: 15px 0 0;

    border-top: 1px solid #eee;

    margin-top: 15px;

    text-align: right

}



.xiugai-box1 {

    display: inline-block;

    margin-left: 10px;

    overflow: hidden;

    height: auto

}



.xiugai-box1 input {

    display: inline-block;

    padding: 5px 20px;

    overflow: hidden;

    border: 1px solid #eee;

    font-size: 14px;

    color: #666;

    -moz-border-radius: 30px;

    -webkit-border-radius: 30px;

    border-radius: 30px;

}





/*领取铜钱开始*/



.lingqu-zz {

    width: 100%;

    height: 100vh;

    overflow: hidden;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 99999;

    background: rgba(0, 0, 0, 0.8);

}



.lingqu-gb {

    width: 18px;

    height: 18px;

    overflow: hidden;

    -moz-border-radius: 50%;

    -webkit-border-radius: 50%;

    border-radius: 50%;

    position: fixed;

    top: 108px;

    right: 65px;

    z-index: 999999

}



.lingqu-gb img {

    width: 100%;

    height: 100%;

}



.lingqu-max {

    width: 281px;

    height: auto;

    overflow: hidden;

    position: fixed;

    top: 160px;

    left: calc(50% - 140px);

    z-index: 999999

}



.lingqu-1 {

    width: 100%;

    height: 317px;

    overflow: hidden;

    background: url(../images/tongqianbj.png) center top no-repeat;

    background-size: 100% 100%;

}



.lingqu-11 {

    width: 180px;

    height: 54px;

    line-height: 54px;

    text-align: center;

    overflow: hidden;

    padding-top: 173px;

    margin-left: 54px;

}



.lingqu-11 span {

    display: inline-block;

    font-size: 24px;

    color: #e51915;

    font-weight: bold;

}



.lingqu-11 font {

    display: inline-block;

    font-size: 36px;

    color: #e51915;

    font-weight: bold;

}



.lingqu-11 p {

    display: inline-block;

    font-size: 12px;

    color: #e51915;

}



.lingqu-12 {

    width: 180px;

    height: 36px;

    line-height: 36px;

    font-size: 18px;

    text-align: center;

    padding-top: 31px;

    color: rgba(247, 235, 176, 0.8);

    margin-left: 54px;

}



.lingqu-2 {

    width: 229px;

    height: 36px;

    overflow: hidden;

    margin-top: 23px;

    margin-left: 31px;

    background: url(../images/lingqu-an.png) center center no-repeat;

    background-size: 100% 100%;

}



.lingqu-2 a {

    display: block;

    width: 100%;

    height: 36px;

    line-height: 36px;

    text-align: center;

    overflow: hidden;

    font-size: 15px;

    color: #9e740e;

}





/*领取铜钱结束*/



.mima-zz {

    width: 100%;

    height: 100vh;

    overflow: hidden;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 9;

    background: rgba(0, 0, 0, 0.6);

}



.mima-box {

    width: 310px;

    height: 125px;

    overflow: hidden;

    background: #fff;

    position: fixed;

    z-index: 9999999;

    top: 19vh;

    left: calc(50% - 155px);

    -moz-border-radius: 4px;

    -webkit-border-radius: 4px;

    border-radius: 4px;

}



.mima-1 {

    width: calc(100% - 30px);

    height: 40px;

    overflow: hidden;

    background: #f2f3f5;

    -moz-border-radius: 4px;

    -webkit-border-radius: 4px;

    border-radius: 4px;

    margin: 15px auto 0;

}



.mima-1 input {

    display: block;

    width: calc(100% - 30px);

    padding: 0 15px;

    height: 40px;

    line-height: 40px;

    overflow: hidden;

    color: #333;

}



.mima-1 input::-webkit-input-placeholder {

    color: #333;

}



.mima-2 {

    width: calc(100% - 30px);

    height: 40px;

    overflow: hidden;

    margin:15px auto 0;

}



.mima-21 {

    width: calc(50% - 10px);

    overflow: hidden;

    height: 40px;

    float: left;

    background: #eee;

    -moz-border-radius: 4px;

    -webkit-border-radius: 4px;

    border-radius: 4px;

}



.mima-21 input {

    display: block;

    width: 100%;

    height: 40px;

    line-height: 40px;

    overflow: hidden;

    color: #333;

}



.mima-22 {

    width: calc(50% - 10px);

    overflow: hidden;

    height: 40px;

    float: right;

    background: #3b9bf6;

    -moz-border-radius: 4px;

    -webkit-border-radius: 4px;

    border-radius: 4px;

}



.mima-22 input {

    display: block;

    width: 100%;

    height: 40px;

    line-height: 40px;

    overflow: hidden;

    color: #fff;

}



.el-message {

    width: 180px;

    min-width: 80px !important;

    text-align: left !important;

}



.el-message i {

    float: left;

    margin-left: 0;

    padding-left: 0

}





/*充值开始*/



.charge-li1 {

    width: 50%;

    height: auto;

    overflow: hidden;

    float: left;

    position: relative;

    margin-top: 10px;

    margin-bottom: 0px;

}



.charge-li11 {

    width: 60px;

    height: 25px;

    line-height: 25px;

    background: #f45c68;

    border-radius: 0 8px 0 8px;

    font-size: 12px;

    color: #fff;

    font-weight: bold;

    position: absolute;

    right: 9px;

    top: 0;

    z-index: 11;

    text-align: center;

}



.charge-li12 {

    width: 130px;

    height: 130px;

    float: right;

    margin-right: 9px;

    background: url(../images/chongzhi-bj.png) center center no-repeat;

    background-size: 100% 100%;

    margin-top: 8px;

    overflow: hidden;

    border-radius: 8px;

}



.charge-li .charge-li1:nth-child(2n) .charge-li11 {

    left: 79px;

    right: auto

}



.charge-li .charge-li1:nth-child(2n) .charge-li12 {

    float: left;

    margin-left: 9px;

    margin-right: auto;

}



.charge-li111 {

    width: 92%;

    height: 32px;

    line-height: 32px;

    color: #fff;

    text-align: center;

    font-size: 24px;

    overflow: hidden;

    margin: 30px auto 0;

}



.charge-li111 font {

    display: inline-block;

    font-weight: bold;

}



.charge-li111 span {

    display: inline-block;

}



.charge-li112 {

    width: 92%;

    height: 22px;

    line-height: 22px;

    color: #fff;

    text-align: center;

    font-size: 13px;

    font-weight: bold;

    overflow: hidden;

    margin: 0 auto 0;

}



.charge-li113 {

    width: 92%;

    height: 33px;

    line-height: 33px;

    color: #fff;

    text-align: center;

    font-size: 18px;

    overflow: hidden;

    margin: 0 auto 0;

}



.charge-li113 font {

    display: inline-block;

    font-weight: bold;

    vertical-align: top;

}



.charge-li113 span {

    display: inline-block;

    vertical-align: top;

}



.charge-li113 img {

    width: 16px;

    height: 16px;

    display: inline-block;

    vertical-align: top;

    margin-top: 7.5px;

    margin-left: 4px;

}



.chongzhi-smbox {

    width: calc(100% - 30px);

    height: auto;

    overflow: hidden;

    padding-top: 0px;

    margin: 0 auto;

}



.chongzhi-sm1 {

    width: 100%;

    height: auto;

    overflow: hidden;

}



.chongzhi-sm1 span {

    display: block;

    float: left;

    overflow: hidden;

    width: calc(50% - 44px);

    height: 2px;

    overflow: hidden;

    background: #ddedfb;

    vertical-align: top;

    margin-top: 13px;

}



.chongzhi-sm1 font {

    width: 88px;

    height: 25px;

    line-height: 25px;

    text-align: center;

    font-size: 17px;

    font-weight: bold;

    color: #333333;

    overflow: hidden;

    float: left;

}



.chongzhi-sm2 {

    width: 100%;

    height: auto;

    overflow: hidden;

    padding: 5px 0 20px 0;

    line-height: 22px;

    font-size: 15px;

    color: #333333;

}



.chongzhijl-top {

    width: calc(100% - 40px);

    height: 55px;

    overflow: hidden;

    padding: 0 20px;

    background: #f5f5f5;

}



.chongzhijl-top1 {

    width: 85px;

    height: 55px;

    line-height: 55px;

    text-align: left;

    text-indent: 21px;

    font-size: 15px;

    overflow: hidden;

    float: left;

    color: #333333;

}



.chongzhijl-top2 {

    width: 120px;

    height: 55px;

    line-height: 55px;

    text-align: right;

    font-size: 15px;

    overflow: hidden;

    float: left;

    margin-left: 38px;

    color: #333333;

}



.chongzhijl-top3 {

    width: 50px;

    height: 55px;

    line-height: 55px;

    font-size: 15px;

    overflow: hidden;

    float: right;

    text-align: right;

    color: #333333;

}



.chongzhijl-box {

    width: 100%;

    height: auto;

    overflow: hidden;

    background: #fff;

}



.chongzhijl-1 {

    width: calc(100% - 40px);

    padding: 0 20px;

    height: 55px;

    overflow: hidden;

    border-bottom: 1px solid #f8f8f8;

}



.chongzhijl-11 {

    width: 85px;

    height: 55px;

    overflow: hidden;

    float: left;

    color: #333333;

}



.chongzhijl-11 font {

    display: block;

    width: 100%;

    height: 19px;

    line-height: 19px;

    font-size: 14px;

    color: #666666;

    overflow: hidden;

    padding-top: 9px;

}



.chongzhijl-11 span {

    display: block;

    width: 100%;

    height: 18px;

    line-height: 18px;

    font-size: 12px;

    color: #999999;

    overflow: hidden;

}



.chongzhijl-12 {

    width: 120px;

    height: 55px;

    line-height: 55px;

    text-align: right;

    font-size: 14px;

    overflow: hidden;

    float: left;

    margin-left: 32px;

    color: #666666;

}



.chongzhijl-13 {

    width: 50px;

    height: 55px;

    line-height: 55px;

    font-size: 14px;

    overflow: hidden;

    float: right;

    color: #ff6600;

}



.chongzhijl-14 {

    width: 50px;

    height: 55px;

    line-height: 55px;

    font-size: 14px;

    overflow: hidden;

    float: right;

    text-align: right;

    color: #00aaee;

}





/*充值结束*/



.tuijian-box1 {

    width: 100%;

    height: auto;

    overflow: hidden;

    margin: 0 auto;

}



.tuijian-11 {

    width: 156px;

    height: auto;

    overflow: hidden;

    padding-top: 15px

}



.tuijian-11 img {

    width: 100%;

}



.tuijian-12 {

    width: 100%;

    height: auto;

    line-height: 20px;

    font-size: 13px;

    color: #999999;

    padding-top: 13px;

    text-align: center;

}



.tuijian-13 {

    width: 100%;

    height: auto;

    overflow: hidden;

    padding-bottom: 10px;

}



.tuijian-13 input {

    display: block;

    margin: 16px auto 0;

    width: 150px;

    padding: 10px 20px;

    border-radius: 4px;

    overflow: hidden;

    background: #3a9df3;

    color: #fff;

    text-align: center;

    font-size: 15px;

}



.tuijian-13 a {

    display: block;

    margin: 16px auto 0;

    width: 150px;

    padding: 10px 20px;

    border-radius: 4px;

    overflow: hidden;

    background: #3a9df3;

    color: #fff;

    text-align: center;

    font-size: 15px;

}



.tuijian-box2 {

    width: 100%;

    height: 150px;

    overflow: hidden;

    background: url(../images/tuijian-2.png) center top no-repeat;

    background-size: 100% 100%;

    border-radius: 5px;

    margin-top: 5px;

}



.tuijian-21 {

    width: 75px;

    height: 75px;

    overflow: hidden;

    margin: 65px auto 0;

}



.tuijian-21 img {

    width: 100%;

    height: 100%;

}



.xiangce-box {

    width: calc(100% - 36px);

    height: auto;

    overflow: hidden;

    background: #fff;

    padding: 15px 18px 3px;

    border-top: 10px solid #f3f3f3;

}



.xiangce-1 {

    width: calc(50% - 6px);

    height: auto;

    overflow: hidden;

    float: left;

    margin-bottom: 12px;

}



.xiangce-box .xiangce-1:nth-child(2n) {

    float: right;

}



.xiangce-1 img {

    width: 100%;

    height: 100%;

}





/*升级馆开始*/



.jng-top {

    width: 100%;

    height: 200px;

    overflow: hidden;

}



.jng-top input {

    display: block;

    width: 100%;

    height: 100%;

}



.jng-hdbox {

    width: 100%;

    height: auto;

    overflow: auto;

    position: relative;

    margin-top: -77px;

    z-index: 111

}



.jng-hd {

    width: 100%;

    height: auto;

    overflow: auto;

}



.jng-1box {

    width: 100%;

    height: auto;

    overflow: hidden;

    margin-top: 0;

}



.jng-max1 {

    width: 100%;

    height: auto;

    position: relative;

    margin-top: 44px;

}



.jng-xk {

    width: 81px;

    height: 104px;

    overflow: hidden;

    position: absolute;

    top: -33px;

    left: 15px;

    background: url(../images/kue.png) center center no-repeat #fff;

    background-size: 100% 100%;

}



.jng-xk img {

    display: block;

    width: 66px;

    height: 88px;

    margin-left: 7px;

    margin-top: 8px;

}


.jng-pt {

    width: 81px;

    height: 104px;

    overflow: hidden;

    position: absolute;

    top: -33px;

    left: 15px;

    background: url(../images/kue-pt.png) center center no-repeat #fff;

    background-size: 100% 100%;

}



.jng-pt img {

    display: block;

    width: 75px;

    height: 99px;

    margin-left: 3px;

    margin-top: 2px;

}



.jng-box1 {

    width: calc(100% - 30px);

    padding: 0 15px;

    height: auto;

    overflow: hidden;

    background: #fff;

    border-radius: 13px 13px 0 0;

}



.jng-11 {

    width: calc(100% - 91px);

    height: auto;

    overflow: hidden;

    margin-right: 0; float:right;

}



.jng-111 {

    width: 100%;

    height: 26px;

    line-height: 26px;

    font-size: 18px;

    font-weight: bold;

    color: #333333;

    padding-top: 14px;

}



.jng-112 {

    width: 100%;

    height: auto;

    overflow: hidden;

    padding-top: 5px;

    padding-bottom: 8px;

}



.jng-1121 {

    width: 14px;

    height: 12px;

    overflow: hidden;

    float: left;

    vertical-align: top;

    margin-top: 4px;

}



.jng-1121 img {

    width: 100%;

    height: 100%;

    vertical-align: top;

}



.jng-1122 {

    width: calc(100% - 20px);

    height: auto;

    overflow: hidden;

    float: right;

}



.jng-11221 {

    width: 100%;

    height: auto;

    overflow: hidden;

    line-height: 20px;

    font-size: 12px;

    color: #333333;

}



.jng-11222 {

    width: 100%;

    height: auto;

    overflow: hidden;

    line-height: 18px;

    font-size: 10px;

    color: #666666;

}



.jng-12 {

    width: 100%;

    height: auto;

    overflow: hidden;

    padding: 8px 0 17px;

    border-top: 1px solid #f3f3f3;

}



.jnga-hdbox {

    width: 100%;

    height: auto;

    overflow: auto;

    position: relative;

    margin-top: -77px;

    z-index: 111

}



.jnga-hd {

    width: 100%;

    height: auto;

    overflow: auto;

}



.jnga-1box {

    width: 100%;

    height: auto;

    overflow: hidden;

    margin-top: 0;

}



.jnga-max1 {

    width: 100%;

    height: auto;

    position: relative;

    margin-top: 44px;

}



.jnga-xk {

    width: 81px;

    height: 104px;

    overflow: hidden;

    position: absolute;

    top: -33px;

    left: 90px;

    background: url(../images/kue.png) center center no-repeat #fff;

    background-size: 100% 100%;

}



.jnga-xk img {

    display: block;

    width: 66px;

    height: 88px;

    margin-left: 7px;

    margin-top: 8px;

}



.jnga-pt {

    width: 81px;

    height: 104px;

    overflow: hidden;

    position: absolute;

    top: -33px;

    left: 90px;

    background: url(../images/kue-pt.png) center center no-repeat #fff;

    background-size: 100% 100%;

}



.jnga-pt img {

    display: block;

    width: 75px;

    height: 100px;

    margin-left: 3px;

    margin-top: 2px;

}



.jnga-xk1 {

    width: 81px;

    height: 104px;

    overflow: hidden;

    position: absolute;

    top: -33px;

    right: 90px;

    background: url(../images/kue.png) center center no-repeat #fff;

    background-size: 100% 100%;

}



.jnga-xk1 img {

    display: block;

    width: 66px;

    height: 88px;

    margin-left: 7px;

    margin-top: 8px;

}



.jnga-xk1pt {

    width: 81px;

    height: 104px;

    overflow: hidden;

    position: absolute;

    top: -33px;

    right: 90px;

    background: url(../images/kue-pt.png) center center no-repeat #fff;

    background-size: 100% 100%;

}



.jnga-xk1pt img {

    display: block;

    width: 75px;

    height: 100px;

    margin-left: 3px;

    margin-top: 2px;

}



.jnga-box1 {

    width: calc(100% - 30px);

    padding: 0 15px;

    height: auto;

    overflow: hidden;

    background: #fff;

    border-radius: 13px 13px 0 0;

}



.jnga-11 {

    width: 100%;

    height: auto;

    overflow: hidden;

    margin-top: 70px;

}



.jnga-111 {

    width: 100%;

    height: 26px;

    line-height: 26px;

    font-size: 18px;

    font-weight: bold;

    color: #333333;

    padding-top: 14px;

}



.jnga-112 {

    width: 100%;

    height: auto;

    overflow: hidden;

    padding-top: 5px;

    padding-bottom: 8px;

}



.jnga-1121 {

    width: 14px;

    height: 12px;

    overflow: hidden;

    float: left;

    vertical-align: top;

    margin-top: 4px;

}



.jnga-1121 img {

    width: 100%;

    height: 100%;

    vertical-align: top;

}



.jnga-1122 {

    width: calc(100% - 20px);

    height: auto;

    overflow: hidden;

    float: right;

}



.jnga-11221 {

    width: 100%;

    height: auto;

    overflow: hidden;

    line-height: 20px;

    font-size: 12px;

    color: #333333;

}



.jnga-11222 {

    width: 100%;

    height: auto;

    overflow: hidden;

    line-height: 18px;

    font-size: 10px;

    color: #666666;

}



.jnga-12 {

    width: 100%;

    height: auto;

    overflow: hidden;

    padding: 8px 0 17px;

    border-top: 1px solid #f3f3f3;

}



.jngb-1box {

    width: 100%;

    height: auto;

    overflow: hidden;

    border-top: 10px solid #f8f8f8

}



.jngb-max1 {

    width: 100%;

    height: auto;

    position: relative;

}



.jngb-box1 {

    width: calc(100% - 30px);

    padding: 0 15px;

    height: auto;

    overflow: hidden;

    background: #fff;

    border-radius: 13px 13px 0 0;

}



.jngb-11 {

    width: 100%;

    height: auto;

    overflow: hidden;

    margin-top: 0px;

}



.jngb-111 {

    width: 100%;

    height: 26px;

    line-height: 26px;

    font-size: 18px;

    font-weight: bold;

    color: #333333;

    padding-top: 14px;

}



.jngb-112 {

    width: 100%;

    height: auto;

    overflow: hidden;

    padding-top: 5px;

    padding-bottom: 8px;

}



.jngb-1121 {

    width: 14px;

    height: 12px;

    overflow: hidden;

    float: left;

    vertical-align: top;

    margin-top: 4px;

}



.jngb-1121 img {

    width: 100%;

    height: 100%;

    vertical-align: top;

}



.jngb-1122 {

    width: calc(100% - 20px);

    height: auto;

    overflow: hidden;

    float: right;

}



.jngb-11221 {

    width: 100%;

    height: auto;

    overflow: hidden;

    line-height: 20px;

    font-size: 12px;

    color: #333333;

}



.jngb-11222 {

    width: 100%;

    height: auto;

    overflow: hidden;

    line-height: 18px;

    font-size: 10px;

    color: #666666;

}



.jngb-12 {

    width: 100%;

    height: auto;

    overflow: hidden;

    padding: 8px 0 17px;

    border-top: 1px solid #f3f3f3;

}



.jng-btbox {

    width: calc(100% - 30px);

    height: 44px;

    overflow: hidden;

    padding: 0 15px;

    border-top: 10px solid #f8f8f8;

    border-bottom: 1px solid #f8f8f8;

}



.jng-bt1 {

    width: 60%;

    height: 44px;

    line-height: 44px;

    font-size: 17px;

    color: #333;

    overflow: hidden;

    float: left;

}



.jng-bt1 img {

    display: inline-block;

    width: 5px;

    height: 14px;

    overflow: hidden;

    margin-left: 0;

    margin-top: 15px;

    vertical-align: top;

    margin-right: 5px;

}



.jng-bt1 font {

    display: inline-block;

    height: 44px;

    overflow: hidden;

}



.jng-bt2 {

    width: 35%;

    height: 44px;

    overflow: hidden;

    float: right;

    text-align: right

}



.jng-bt2 a {

    display: block;

    width: 100%;

    color: #999999;

    height: 100%;

    overflow: hidden;

}



.jng-bt2 font {

    display: inline-block;

    height: 44px;

    line-height: 44px;

    overflow: hidden;

    font-size: 12px;

}



.jng-bt2 img {

    width: 7px;

    height: 14px;

    display: inline-block;

    vertical-align: top;

    margin-top: 16px;

    margin-left: 4px;

}



.shipin-box {

    width: calc(100% - 30px);

    height: auto;

    overflow: hidden;

    background: #fff;

    padding: 15px 15px 10px;

}



.shipin-1 {

    width: calc(50% - 6px);

    height: auto;

    overflow: hidden;

    float: left;

    margin-bottom: 15px;

    position: relative;

}



.shipin-1 a {

    display: block;

    width: 100%;

    height: 100%;

    overflow: hidden;

}



.shipin-box .shipin-1:nth-child(2n) {

    float: right;

}



.shipin-11 {

    width: 100%;

    height: 100%;

    overflow: hidden;

}



.shipin-11 img {

    width: 100%;

    height: 100%;

}



.shipin-12 {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    z-index: 9;

    background: rgba(0, 0, 0, 0.2);

    display: flex;

    flex-wrap: nowrap;

    align-items: center;

}



.shipin-121 {

    flex-wrap: nowrap;

    align-items: center;

}



.shipin-121 img {

    width: 33px;

    height: 33px;

    overflow: hidden;

}



.bofang-box {

    width: 100%;

    height: calc(100vh - 45px);

    overflow: hidden;

}



.bofang-box video {

    display: block;

    width: 100%;

    height: calc(100vh - 45px);

    overflow: hidden;

}



.jng-4box {

    width: calc(100% - 30px);

    height: auto;

    overflow: hidden;

    background: #fff;

    padding: 15px 15px 15px;

}



.jng-41 {

    width: calc(100% - 30px);

    height: auto;

    overflow: hidden;

    padding: 12px 15px 15px;

    background: #f8f8f8;

}



.jng-411 {

    width: 100%;

    height: auto;

    overflow: hidden;

    line-height: 24px;

    font-size: 15px;

    color: #333333;

    font-weight: 500;

}



.jng-412 {

    width: 100%;

    height: auto;

    overflow: hidden;

    line-height: 18px;

    font-size: 12px;

    color: #999999;

    padding-top: 2px;

}



.jng-413 {

    width: 100%;

    height: auto;

    overflow: hidden;

    font-size: 12px;

    color: #999999;

    padding-top: 4px;

}



.jng-413 span {

    display: inline-block;

    margin-right: 10px;

}



.jng-5 {

    width: calc(100% - 30px);

    height: auto;

    overflow: hidden;

    background: #fff;

    padding: 15px 15px 15px;

}



.jng-51 {

    width: 100%;

    height: auto;

    overflow: hidden;

}



.jng-51 img {

    width: 100%;

    height: auto;

}



.jng-52 {

    width: 100%;

    height: auto;

    overflow: hidden;

    text-align: center;

    padding-top: 8px;

    line-height: 26px;

    font-size: 14px;

    color: #333333;

}



.jng-52 img {

    display: inline-block;

    vertical-align: top;

    width: 12px;

    height: 14px;

    overflow: hidden;

    margin-top: 7px;

}



.jng-53 {

    width: 100%;

    height: auto;

    overflow: hidden;

    text-align: center;

    line-height: 24px;

    font-size: 13px;

    color: #333333;

}



.jng-6 {

    width: calc(100% - 30px);

    height: auto;

    overflow: hidden;

    padding: 30px 15px 30px;

    overflow: hidden;

}



.jng-61 {

    width: 55px;

    overflow: hidden;

    height: auto;

    float: left;

    position: relative;

    margin-left: 60px;

}



.jng-611 {

    width: 100%;

    height: auto;

    overflow: hidden;

}



.jng-6111 {

    width: 100%;

    height: 55px;

    overflow: hidden;

    border-radius: 50%;

}



.jng-6111 img {

    width: 100%;

    height: 100%;

}



.jng-6111 img:nth-child(2) {

    display: none;

}



.jng-6111on img:nth-child(1) {

    display: none;

}



.jng-6111on img:nth-child(2) {

    display: block;

}



.jng-6112 {

    width: 100%;

    height: 24px;

    line-height: 24px;

    text-align: center;

    font-size: 14px;

    padding-top: 7px;

    color: #333333;

    overflow: hidden;

}



.jng-612 {

    width: 100%;

    height: 100%;

    overflow: hidden;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 9;

}



.jng-612 input {

    display: block;

    width: 100%;

    height: 100%;

}



.jng-62 {

    width: 55px;

    overflow: hidden;

    height: auto;

    float: right;

    position: relative;

    margin-right: 60px;

}



.jng-621 {

    width: 100%;

    height: auto;

    overflow: hidden;

}



.jng-6211 {

    width: 100%;

    height: 55px;

    overflow: hidden;

    border-radius: 50%;

}



.jng-6211 img {

    width: 100%;

    height: 100%;

}



.jng-6212 {

    width: 100%;

    height: 24px;

    line-height: 24px;

    text-align: center;

    font-size: 14px;

    padding-top: 7px;

    color: #333333;

    overflow: hidden;

}



.jng-pubu {

    width: calc(100% - 30px);

    height: auto;

    overflow: hidden;

    padding: 15px 15px 30px;

    height: auto;

    background: #fff;

}



#waterfall {

    column-count: 2;

    width: 100%;

    margin: 0 auto;

    column-gap: 15px;

}



#waterfall>span {

    margin-bottom: 15px;

    width: 100%;

    display: block;

    overflow: hidden;

}



#waterfall>span img {

    display: block;

    width: 100%;

}



#waterfall>span:hover img {

    transition: all 200ms linear;

    opacity: 1;

}





/*升级馆结束*/





/*升级馆开始*/



.shengji-xzbox {

    width: 100%;

    height: auto;

    overflow: hidden;

    padding: 15px 0px 0px;

    background: #edf4f9;

}



.shengji-btbox {

    width: calc(100% - 30px);

    height: 32px;

    overflow: hidden;

    margin: 0 auto;

}



.shengji-bt1 {

    width: 100%;

    height: 32px;

    line-height: 32px;

    font-size: 20px;

    color: #333;

    overflow: hidden;

    float: left;

    display: flex;

    align-items: center;

}



.shengji-bt1 img {

    display: inline-block;

    width: 5px;

    height: 14px;

    overflow: hidden;

    margin-left: 0;

    vertical-align: top;

    margin-right: 5px;

}



.shengji-bt1 font {

    display: inline-block;

    height: 32px;

    overflow: hidden;

}



.shengji-1box {

    width: calc(100% - 30px);

    height: auto;

    overflow: hidden;

    padding: 7px 15px 35px;

}



.shengji-1 {

    width: 105px;

    height: 160px;

    overflow: hidden;

    float: left;

    background: url(../images/shengji-xz1.png) center center no-repeat;

    background-size: 100% 100%;

    margin-right: calc(50% - 158px);

    box-shadow: 1px 1px 1px rgba(4, 4, 4, 0.017), 1px -1px 1px rgba(4, 4, 4, 0.017), -1px 1px 1px rgba(4, 4, 4, 0.017), -1px -1px 1px rgba(4, 4, 4, 0.017);

    border-radius: 10px;

}



.shengji-1box .shengji-1:nth-child(3n) {

    margin-right: 0;

}



.shengji-11 {

    width: 92%;

    height: 26px;

    line-height: 26px;

    font-size: 18px;

    color: #333333;

    text-align: center;

    font-weight: bold;

    padding-top: 7px;

    margin: 0 auto;

}



.shengji-12 {

    width: 39px;

    height: 32px;

    margin: 21px auto 0 auto;

}



.shengji-12 img {

    width: 100%;

    height: 38px;

}



.shengji-13 {

    width: 92%;

    height: 30px;

    line-height: 30px;

    text-align: center;

    color: #333333

}



.shengji-13 p {

    display: inline-block;

    font-size: 12px

}



.shengji-13 font {

    display: inline-block;

    font-size: 28px;

    font-weight: bold;

}



.shengji-13 span {

    display: inline-block;

    font-size: 12px;

    font-weight: bold;

}



.shengji-14 {

    width: 92%;

    height: 24px;

    line-height: 24px;

    font-size: 16px;

    padding-top: 5px;

    text-align: center;

    color: #888888;

    text-decoration: line-through;

}



.shengji-1on {

    background: url(../images/shengji-xz11.png) center center no-repeat;

    background-size: 100% 100%;

}



.shengji-1on .shengji-11 {

    color: #fff

}



.shengji-1on .shengji-13 {

    color: #399df2

}



.shengji-1on .shengji-14 {

    color: #399df2

}



.shengji-2box {

    width: 100%;

    height: auto;

    overflow: hidden;

    padding-top: 10px;

}



.shengji-banner {

    width: calc(100% - 30px);

    height: auto;

    overflow: hidden;

    padding-top: 7px;

    margin: 0 auto;

}



.swiper-slidea {

    width: 100%;

    height: auto;

    position: relative

}



.swiper-slidea img {

    width: 100%;

    height: 100%;

}



.shengji-banner .pagination {

    display: none

}



.swiper-slidea p {

    width: 100%;

    height: 53px;

    overflow: hidden;

    position: absolute;

    left: 0;

    bottom: 0;

    z-index: 11;

    background: -moz-linear-gradient(bottom, #000 0%, rgba(0, 0, 0, 0) 100%);

    background: -webkit-gradient(linear, left bottom, left bottom, color-stop(0%, #000), color-stop(100%, rgba(0, 0, 0, 0)));

    background: -webkit-linear-gradient(bottom, #000 0%, rgba(0, 0, 0, 0) 100%);

    background: -o-linear-gradient(bottom, #000 0%, rgba(0, 0, 0, 0) 100%);

    background: -ms-linear-gradient(bottom, #000 0%, rgba(0, 0, 0, 0) 100%);

    background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%);

}



.swiper-slidea p font {

    display: block;

    width: 90%;

    height: 24px;

    line-height: 24px;

    overflow: hidden;

    font-size: 14px;

    color: #fff;

    margin: 20px auto 0;

    text-align: center;

}



.shengji-22 {

    width: calc(100% - 62px);

    height: auto;

    overflow: hidden;

    padding: 7px 15px 9px;

    border: 1px solid #f3f3f3;

    margin: 0 auto;

}



.shengji-221 {

    width: 100%;

    height: auto;

    line-height: 28px;

    font-size: 18px;

    font-weight: bold;

    color: #333333;

    overflow: hidden;

}



.shengji-221 img {

    display: inline-block;

    width: 18px;

    height: 16px;

    overflow: hidden;

    vertical-align: top;

    margin-top: 7px;

    margin-right: 8px;

}



.shengji-221 font {

    display: inline-block;

}



.shengji-222 {

    width: 100%;

    height: auto;

    overflow: hidden;

    font-size: 15px;

    line-height: 24px;

    color: #333333;

}



.shengji-3 {

    width: calc(100% - 30px);

    height: auto;

    overflow: hidden;

    line-height: 30px;

    padding: 16px 0;

    text-align: right;

}



.shengji-3 span {

    display: inline-block;

    font-size: 15px;

    color: #999999;

}



.shengji-3 p {

    display: inline-block;

    font-size: 20px;

    color: #ea1b1b;

    font-weight: bold;

}



.shengji-3 font {

    display: inline-block;

    font-size: 15px;

    color: #ea1b1b;

}



.shengji-botjg {

    width: 100%;

    height: 49px;

    overflow: hidden;

}



.shengji-botbox {

    width: 100%;

    height: 49px;

    overflow: hidden;

    position: fixed;

    bottom: 0;

    left: 0;

    z-index: 999;

    background: -moz-linear-gradient(left, #02bf95 0%, #3c9bf7 100%);

    background: -webkit-gradient(linear, left left, left bottom, color-stop(0%, #02bf95), color-stop(100%, #3c9bf7));

    background: -webkit-linear-gradient(left, #02bf95 0%, #3c9bf7 100%);

    background: -o-linear-gradient(left, #02bf95 0%, #3c9bf7 100%);

    background: -ms-linear-gradient(left, #02bf95 0%, #3c9bf7 100%);

    background: linear-gradient(to right, #02bf95 0%, #3c9bf7 100%);

}



.shengji-botbox input {

    display: block;

    width: 100%;

    height: 49px;

    line-height: 49px;

    text-align: center;

    font-size: 17px;

    color: #ffffff;

    overflow: hidden;

}





/*升级馆结束*/





/*海报开始*/



.haibao-1box {

    width: calc(100% - 30px);

    height: auto;

    overflow: hidden;

    padding-top: 10px;

    padding-bottom: 5px; margin:0 auto;

}



.haibao-11 {

    width: 100%;

    height: auto;

    line-height: 30px;

    font-size: 16px;

    color: #e4e6e5;

    text-align: center;

    font-weight: bold; margin:0 auto;

}



.haibao-12 {

    width: 100%;

    height: auto;

    line-height: 22px;

    font-size: 13px;

    color: #a6a6a6;

    text-align: center;

    padding-top: 2px; margin:0 auto;

}



.haibao-13 {

    width: 100%;

    height: auto;

    line-height: 22px;

    font-size: 14px;

    color: #fff;

    text-align: center;

    padding-top: 2px; margin:0 auto;

}



.haibao-13 font {

    color: #1bb557

}



.haibao-2box {

    width: 250px;

    height: 450px;

    overflow: hidden;

    background: url(../images/haibao-bj.jpg) center top no-repeat;

    background-size: 100% 100%;

    margin: 0 auto;

}



.haibao-2box>img {

    width: 100%;

    height: 100%;

}



.haibao-21 {

    width: 60px;

    height: 60px;

    overflow: hidden;

    margin-top: 116px;

    border: 1px solid #fff;

    border-radius: 50%;

    background: #fff;

}



.haibao-21 img {

    width: 100%;

    height: auto;

}



.haibao-22 {

    width: 90%;

    height: auto;

    overflow: hidden;

    line-height: 22px;

    font-size: 12px;

    text-align: center;

    color: #333333;

    padding-top: 6px; margin:0 auto;

}



.haibao-23 {

    width: 90%;

    height: auto;

    overflow: hidden;

    text-align: center;

    padding-top: 18px; margin:0 auto;

}



.haibao-23 img {

    width: 150px;

    display: block;

    margin: 0 auto;

}



.haibao-24 {

    width: 110px;

    height: 110px;

    overflow: hidden;

    margin: 18px auto 0;

}



.haibao-24 img {

    width: 100%;

    height: 100%;

}



.haibao-25 {

    width: 90%;

    height: auto;

    line-height: 20px;

    font-size: 10px;

    color: #333333;

    overflow: hidden;

    text-align: center;

    padding-top: 4px;

}



.haibao-3 {

    width: calc(100% - 30px);

    height: auto;

    overflow: hidden;

    padding-top: 5px;

    line-height: 22px;

    text-align: center;

    font-size: 14px;

    color: #ffffff; margin:0 auto;

}



.haibao-3 font {

    color: #1bb557

}



.haibao-4 {

    width: 330px;

    height: auto;

    overflow: hidden;

    margin: 10px auto 15px;

    background: #1bb557;

    border-radius: 9px;

}



.haibao-4 input {

    display: block;

    width: 100%;

    text-align: center;

    color: #fff;

    font-size: 15px;

    line-height: 15px;

    overflow: hidden;

    padding: 10px 0;

}





/*海报结束*/



.member-fixed {

    position: sticky;

    top: 0;

    left: 0;

    right: 0;

    background: #fff;

    height: 44px;

    line-height: 44px;

    border-bottom: 1px solid #eee;

    padding: 0 10px;

    font-size: 15px;

    box-sizing: border-box;

    z-index: 999;

    display: flex;

    align-items: center;

}



.icon-back-wrap {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    align-items: center;

    float: left;

    padding: 0;

    margin: 0;

}



.title {

    font-size: 16px;

    color: #333;

    display: block;

    width: calc(100% - 92px);

    text-align: center;

}



.member-num {

    float: right;

    color: #02bf95;

}



.icon-back {

    width: 16px;

    height: 16px;

}



.member-fixed a {

    color: #383838;

}



.xiayibu {

    width: 20px;

    height: 44px;

    float: right;

    position: relative;

    padding: 0;

    margin-right: 0;

}



.xiayibu a {

    display: block;

    width: 60px;

    height: 44px;

    line-height: 44px;

    font-size: 16px;

    text-align: right;

    color: #333333;

    position: absolute;

    top: 0;

    right: 0;

    z-index: 11;

}



.fenxiang-zz {

    width: 100%;

    height: 100vh;

    overflow: hidden;

    position: fixed;

    left: 0;

    top: 0;

    z-index: 9999;

    background: rgba(0, 0, 0, 0.8);

}



.fenxiang-tp {

    width: 77px;

    height: auto;

    overflow: hidden;

    position: fixed;

    right: 20px;

    top: 20px;

    z-index: 99999

}



.fenxiang-tp img {

    width: 100%;

    height: auto;

}



.fenxiang-wz {

    width: calc(100% - 30px);

    height: auto;

    overflow: hidden;

    text-align: center;

    line-height: 23px;

    font-size: 13px;

    color: #fff;

    position: fixed;

    left: 15px;

    top: 120px;

    z-index: 99999

}



.fenxiang-bg {

    width: 120px;

    height: auto;

    overflow: hidden;

    margin: 0 auto;

    background: #fff;

    font-size: 14px;

    text-align: center;

    line-height: 14px;

    padding: 10px 0;

    border-radius: 20px;

    position: fixed;

    left: calc(50% - 60px);

    bottom: 30px;

    z-index: 99999

}



html::-webkit-scrollbar {

    display: none;

}



body::-webkit-scrollbar {

    display: none;

}





/*登录开始*/



.denglu-max {

    width: 100%;

    height: 100vh;

    overflow: hidden;

    position: relative;

    background: url(../images/denglu-bj.jpg) center top no-repeat;

    background-size: 100%;

}



.denglu-an {

    width: 290px;

    height: 49px;

    overflow: hidden;

    position: absolute;

    z-index: 9999;

    left: calc(50% - 145px);

    bottom: 85px;

    background: #04a20f;

    border-radius: 25px;

}



.denglu-an1 {

    width: 100%;

    height: 100%;

    overflow: hidden;

    position: relative;

}



.denglu-an11 {

    width: 100%;

    height: 100%;

    overflow: hidden;

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    flex-wrap: nowrap;

    align-items: center;

    justify-content: center;

}



.denglu-an11 img {

    width: 22px;

    height: 18px;

    overflow: hidden;

    display: inline-block;

    flex-wrap: nowrap;

    align-items: center;

}



.denglu-an11 font {

    display: inline-block;

    font-size: 18px;

    color: #ffffff;

    padding-left: 6px;

}



.denglu-xy {

    width: 290px;

    height: 38px;

    overflow: hidden;

    position: absolute;

    z-index: 9999;

    left: calc(50% - 145px);

    bottom: 32px;

}



.denglu-xy1 {

    width: 100%;

    height: 100%;

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    flex-wrap: nowrap;

    align-items: center;

    justify-content: center;

}



.denglu-xy1 font {

    display: inline-block;

    font-size: 15px;

    color: #fff;

    padding-left: 6px;

}



.denglu-xy1 font a {

    color: #fff;

    text-decoration: none;

}





/*登录结束*/





/*多选按钮开始*/



.gouwuche-2 dl dt {

    width: 20px;

    height: 20px;

    display: block;

}



.mgc1 {

    cursor: pointer;

    position: relative;

    width: 22px;

    height: 22px;

    background-clip: border-box;

    margin: -.15px .6px 0 0;

    vertical-align: text-bottom;

    border-radius: 3px;

    -webkit-transition: background-color .25s;

    transition: background-color .25s;

    border-width: 0 0 2px 2px;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    outline: none;

    -webkit-transform: rotate(-0deg);

    background: #eee;

}



.mgc1:checked:after {

    content: '';

    display: block;

    height: 6px;

    width: 12px;

    border: 0 solid #333;

    border-width: 0 0 2px 2px;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

    position: absolute;

    top: 5px;

    left: 4px;

}



.mgc-primary1:checked {

    background-color: #007aff;

    border-color: #007aff;

}



.mgc-circle1 {

    border-radius: 50%;

}



.mgc-primary1:checked:after {

    border-color: #fff;

}





/*多选按钮结束*/



.qingchusj {

    clear: both;

}



.zongshouyi {

    width: 100%;

    height: auto;

    overflow: hidden;

}



.zongshouyi .tg-money-list:nth-child(2) {

    float: right;

}



.tg-money-list {

    float: left;

    width: 33.3%;

    text-align: center;

    color: #fff;

    padding-top: 11px;

}



.tg-money {

    font-size: 18px;

    font-weight: bold;

    padding-bottom: 5px;

}



.tg-money-list span {

    font-size: 12px;

}



.tg-base-content {

    position: relative;

    width: -webkit-calc(100% - 30px);

    width: -moz-calc(100% - 30px);

    width: -ms-calc(100% - 30px);

    width: -o-calc(100% - 30px);

    width: calc(100% - 30px);

    background: #fff;

    border-radius: 10px;

    margin: -55px auto 0 auto;

    padding: 15px 10px 10px 10px;

    box-sizing: border-box;

    overflow: hidden;

    /* box-shadow: 0px 2px 12px 0px rgba(0, 64, 48, 0.06); */

    box-shadow: 0px 2px 0px 0px rgba(2, 191, 149, 0.5);

}



.tg-base-list {

    float: left;

    width: 33.3%;

    text-align: center;

    font-size: 13px;

}



.tg-base-list img {

    display: block;

    width: 30px;

    height: 30px;

    margin: 0 auto 6px auto;

}



.tg-base-num {

    font-size: 16px;

    padding-top: 6px;

    font-weight: 600;

}



.tg-base-num span {

    font-size: 13px;

}



.tg-base-time {

    color: #999;

    text-align: center;

    font-size: 13px;

    padding-top: 10px;

    clear: both;

}



.tg-icon-wrap {

    width: -webkit-calc(100% - 30px);

    width: calc(100% - 30px);

    min-height: 50px;

    margin: 15px auto 0 auto;

    background: #fff;

    border-radius: 10px;

    padding: 15px 15px 0 15px;

}



.tg-icon-list {

    border-bottom: 1px solid #f1f1f1;

    padding-bottom: 15px;

    margin-bottom: 15px;

}



.tg-icon-list a {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    align-items: center;

}



.tg-icon-list:last-child {

    border-bottom: 0;

    margin-bottom: 0;

}



.tg-icon-list img {

    width: 7px;

    height: 12px;

    margin-left: auto;

}





/*新增*/



.qifu-box {

    width: calc(100% - 30px);

    height: auto;

    overflow: hidden;

    margin: 0 auto;

    background: #fff;

    padding: 0 15px 15px;

}



.qifu-1 {

    width: calc(50% - 5px);

    height: auto;

    overflow: hidden;

    border-radius: 4px;

    float: left;

}



.qifu-box .qifu-1:nth-child(2n) {

    float: right;

}



.qifu-1 img {

    width: 100%;

    height: auto;

}



.qifu-2 {

    width: 100%;

    height: 100px;

    padding-top: 10px;

    clear: both;

}



.qifu-2 img {

    width: 100%;

    height: 100%;

    border-radius: 5px;

}



.tongji-box1 {

    width: 100%;

    height: auto;

    overflow: hidden;

    padding: 15px 0;

}



.tongji-box {

    width: calc(100% - 30px);

    height: 189px;

    overflow: hidden;

    background: url(../images/tongji.jpg) center center no-repeat #fff;

    background-size: 100% 100%;

    border-radius: 5px;

    margin: 0 auto;

}



.tongji-1 {

    width: calc(100% - 30px);

    height: auto;

    overflow: hidden;

    line-height: 35px;

    color: #fce7cd;

    font-size: 17px;

    margin: 30px auto 0;

    text-align: center;

}



.tongji-1 span {

    display: inline-block;

    padding: 0 6px

}



.tongji-1 font {

    color: #fff5e9;

    font-size: 20px;

    display: inline-block;

    padding: 0 5px;

}



.tongji-2 {

    width: 83px;

    height: auto;

    overflow: hidden;

    margin: 15px auto 0;

}



.tongji-2 img {

    width: 100%;

    height: auto;

}



.liuyan-box {

    width: 100%;

    height: auto;

    overflow: hidden;

}



.liuyan-1 {

    width: 100%;

    height: auto;

    overflow: hidden;

    margin-bottom: 5px;

    border-bottom: 1px solid #e8e8e8;

    padding-bottom: 15px;

}



.liuyan-box .liuyan-1:last-child {

    margin-bottom: 0;

    border-bottom: none;

    padding-bottom: 5px;

}



.liuyan-11 {

    width: 100%;

    height: auto;

    overflow: hidden;

    padding-top: 10px;

}



.liuyan-111 {

    width: 20px;

    height: 20px;

    overflow: hidden;

    float: left;

    border-radius: 50%;

}



.liuyan-111 img {

    width: 100%;

    height: 100%;

}



.liuyan-112 {

    width: calc(100% - 24px);

    height: 20px;

    overflow: hidden;

    line-height: 20px;

    font-size: 16px;

    color: #333; float:right;

}



.liuyan-12 {

    width: 100%;

    height: auto;

    line-height: 20px;

    color: #333333;

    font-size: 17px;

    overflow: hidden;

    padding-top: 12px;

}



.liuyan-13 {

    width: 100%;

    height: auto;

    line-height: 14px;

    padding-top: 7px;

}



.liuyan-13 img {

    display: block;

    width: 14px;

    height: 14px;

    float: left;

}



.liuyan-13 font {

    display: block;

    width: calc(100% - 20px);

    height: 14px;

    line-height: 14px;

    font-size: 13px;

    float: right;

    overflow: hidden;

    color: #999;

}



.jiayuan-bj {

    width: 100%;

    height: auto;

    overflow: hidden;

}



.jiayuan-bj img {

    width: 100%;

}



.jiayuan-1 {

    width: 100%;

    height: auto;

    overflow: hidden;

    position: relative;

    z-index: 1;

    margin: -64px auto 0;

}



.jiayuan-11 {

    width: 80px;

    height: 80px;

    overflow: hidden;

    border-radius: 50%;

    position: relative;

    margin: 0px auto 0;

    z-index: 2;

    border: 2px solid #fff;

    background: #fff;

}



.jiayuan-11 img {

    width: 100%;

    height: 100%;

}



.jiayuan-12 {

    width: calc(100% - 30px);

    height: auto;

    padding: 52px 15px 0;

    line-height: 32px;

    position: relative;

    border-radius: 13px 13px 0 0;

    background: #fff;

    font-size: 18px;

    color: #333333;

    text-align: center;

    margin: -45px auto 0;

}



.jiayuan-12 font {

    color: #000

}



.jiayuan-2 {

    width: calc(100% - 30px);

    height: auto;

    overflow: hidden;

    margin: 21px auto 15px;

    background: #fff;

}



.jiayuan-21 {

    width: calc(50% - 5px);

    height: auto;

    overflow: hidden;

    border-radius: 4px;

    float: left;

}



.jiayuan-2 .jiayuan-21:nth-child(2n) {

    float: right;

}



.jiayuan-21 img {

    width: 100%;

    height: auto;

}



.sousuo-box {

    width: calc(100% - 30px);

    height: auto;

    overflow: hidden;

    padding: 11px 15px;

    background: #fff;

    border-bottom: 1px solid #dcdcdc

}



.sousuo {

    width: 100%;

    height: 33px;

    overflow: hidden;

    background: #f0f1f2;

    border-radius: 4px;

}



.sousuo-1 {

    width: calc(100% - 55px);

    height: 33px;

    overflow: hidden;

    float: left;

}



.sousuo-1 input {

    display: block;

    width: calc(100% - 10px);

    padding-left: 10px;

    height: 33px;

    line-height: 33px;

    font-size: 14px;

    color: #666666;

    overflow: hidden;

}



.sousuo-2 {

    width: 35px;

    height: 33px;

    overflow: hidden;

    background: url(../images/sousuo.png) left center no-repeat;

    background-size: 18px 18px;

    float: right;

}



.sousuo-2 input {

    display: block;

    width: 100%;

    height: 100%;

    overflow: hidden;

}



.jiapu-xxbox {

    width: 100%;

    height: auto;

    overflow: hidden;

    background: #fff;

}



.jiapu-xx1 {

    width: 50%;

    height: auto;

    overflow: hidden;

    float: left;

}



.jiapu-xx11 {

    width: 100%;

    height: 40px;

    text-align: center;

    line-height: 40px;

    font-size: 17px;

    color: #333;

    overflow: hidden;

    padding-top: 2px;

}



.jiapu-xx12 {

    width: 50px;

    height: 2px;

    margin: 0 auto;

}



.jiapu-xx1on .jiapu-xx12 {

    background: linear-gradient(to right, #3c9bf7 0%, #02bf96 100%);

}



.jiapu-lbbox {

    width: 100%;

    height: auto;

    overflow: hidden;

}



.jiapu-lb {

    width: 100%;

    height: auto;

    overflow: hidden;

    margin-top: 10px;

    background: #fff;

    display: none;

}



.jiapu-lbon {

    display: block;

}



.jiapu-1 {

    width: calc(100% - 30px);

    height: auto;

    overflow: hidden;

    margin: 0 auto;

    border-bottom: 5px solid #f2f2f2;

    padding: 0 15px;

}



.jiapu-11 {

    width: 48px;

    height: 63px;

    overflow: hidden;

    float: left;

    margin-top: 12px;

    margin-bottom: 12px;

}



.jiapu-11 img {

    width: 100%;

    height: 100%;

}



.jiapu-12 {

    width: calc(100% - 58px);

    height: auto;

    overflow: hidden;

    float: right;

    padding-top: 6px;

    padding-bottom: 10px;

}



.jiapu-121 {

    width: 100%;

    height: 25px;

    overflow: hidden;

}



.jiapu-1211 {

    width: 100%;

    height: 25px;

    line-height: 25px;

    font-size: 16px;

    color: #333333;

}



.jiapu-1212 {

    width: 48%;

    height: 25px;

    line-height: 25px;

    text-align: right;

    font-size: 13px;

    color: #333333;

    overflow: hidden;

}



.jiapu-1212 font {

    color: #399df2

}



.jiapu-122 {

    width: 100%;

    height: 16px;

    overflow: hidden;

    line-height: 16px;

    font-size: 12px;

    color: #999999;

    margin-top: 5px;

}



.jiapu-1221 {

    width: calc(100% - 60px);

    float: left;

}



. .jiapu-1222 {

    width: 50px;

    height: 25px;

    overflow: hidden;

    float: right

}



.jiapu-12221 {

    width: 50%;

    height: 25px;

    overflow: hidden;

    text-align: right;

    float: left;

}



.jiapu-12221 a {

    display: block;

    width: 100%;

    height: 100%;

    overflow: hidden;

}



.jiapu-12221 img {

    width: 14px;

    height: 15px;

    margin-right: 0;

    vertical-align: top;

    margin-top: 5px;

}



.jiapu-12222 {

    width: 50%;

    height: 25px;

    overflow: hidden;

    text-align: right;

    float: left;

}



.jiapu-12222 a {

    display: block;

    width: 100%;

    height: 100%;

    overflow: hidden;

}



.jiapu-12222 img {

    width: 14px;

    height: 15px;

    margin-right: 0;

    vertical-align: top;

    margin-top: 5px;

}



.jiapu-123 {

    width: 100%;

    height: auto;

    overflow: hidden;

}



.jiapu-1231 {

    width: calc(100% - 60px);

    height: 25px;

    line-height: 25px;

    font-size: 13px;

    color: #333333;

    overflow: hidden;

    float: left

}



.jiapu-1231 font {

    color: #399df2

}



.jiapu-1232 {

    width: 50px;

    height: 25px;

    overflow: hidden;

    float: right

}



.jiapu-lbbox .jiapu-lb:nth-child(1) .jiapu-1221 {

    width: 100%;

}



.jiapu-lbbox .jiapu-lb:nth-child(1) .jiapu-1222 {

    display: none;

}



.cjjp-jg {

    width: 100%;

    height: 49px;

    overflow: hidden;

}



.cjjp-an {

    width: 100%;

    height: 49px;

    overflow: hidden;

    position: fixed;

    bottom: 0;

    left: 0;

    z-index: 999;

    background: linear-gradient(to right, #3c9bf7 0%, #02bf95 100%);

}



.cjjp-an a {

    display: block;

    width: 100%;

    height: 49px;

    line-height: 49px;

    text-align: center;

    font-size: 16px;

    color: #ffffff;

    text-align: center;

    overflow: hidden;

}



.ddqf-bj {

    width: 100%;

    height: auto;

    overflow: hidden;

}



.ddqf-bj img {

    width: 100%;

}



.ddqf-xz {

    width: 100%;

    height: auto;

    overflow: hidden;

    position: relative;

    margin-top: -12px;

}



.ddqf-xz img {

    width: 100%;

}



.ddqf-1 {

    width: calc(100% - 30px);

    height: auto;

    overflow: hidden;

    line-height: 30px;

    padding-top: 8px;

    text-align: center;

    color: #333;

    border-radius: 3px;

}



.ddqf-1 font {

    font-size: 19px;

    color: #03be97;

    display: inline-block;

    padding: 0 3px;

}



.ddqf-1 span {

    color: #003633;

}



.ddqf-2 {

    width: calc(100% - 30px);

    height: 33px;

    overflow: hidden;

    margin: 22px auto 0;

    background: #ebfaf7;

}



.ddqf-21 {

    width: 95px;

    height: 33px;

    line-height: 33px;

    font-size: 15px;

    color: #333333;

    overflow: hidden;

    float: left;

    text-indent: 15px;

}



.ddqf-22 {

    width: calc(100% - 100px);

    height: 33px;

    overflow: hidden;

    float: right;

    line-height: 33px;

    background: url(../images/ddqf-bj.png) center right 14px no-repeat;

    background-size: 14px 15px;

}



.ddqf-22 input {

    display: block;

    width: calc(100% - 40px);

    padding-right: 40px;

    height: 33px;

    line-height: 33px;

    font-size: 15px;

    color: #333;

    overflow: hidden;

    text-align: right;

}



.ddqf-22 input::-webkit-input-placeholder {

    color: #999;

}



.ddqf-3 {

    width: calc(100% - 30px);

    height: auto;

    overflow: hidden;

    line-height: 26px;

    font-size: 15px;

    color: #333333;

    margin: 14px auto 0;

}



.ddqf-4 {

    width: calc(100% - 30px);

    height: auto;

    overflow: hidden;

    margin: 9px auto 0;

}



.ddqf-41 {

    width: calc(33.3% - 16px);

    height: 40px;

    line-height: 40px;

    padding: 0 4px;

    font-size: 13px;

    text-align: center;

    overflow: hidden;

    color: #333333;

    float: left;

    background: #ededed;

    border-radius: 3px;

    margin-right: 12px;

    margin-bottom: 12px;

}



.ddqf-4 .ddqf-41:nth-child(3n) {

    margin-right: 0

}



.ddqf-4 .ddqf-41on {

    background: linear-gradient(to right, #3b9cf6 0%, #03bd97 100%);

    color: #fff;

}



.ddqf-4 .ddqf-41on:nth-child(2n) {

    background: linear-gradient(to right, #fbb013 0%, #ffde69 100%);

}



.ddqf-5 {

    width: calc(100% - 30px);

    height: auto;

    overflow: hidden;

    line-height: 28px;

    font-size: 15px;

    color: #333333;

    margin: 0px auto 0;

}



.ddqf-6 {

    width: 100%;

    height: auto;

    overflow: hidden;

    padding-top: 8px;

    padding-bottom: 5px;

}



.ddqf-61 {

    width: calc(100% - 32px);

    height: auto;

    border: 1px solid #ededed;

    overflow: hidden;

    border-radius: 3px;

    margin-bottom: 10px;

    padding-bottom: 8px;

    background: #fbf9fa;

}



.ddqf-611 {

    width: calc(100% - 18px);

    height: auto;

    margin: 13px auto 0;

}



.ddqf-6111 {

    display: inline-block;

    padding: 0 12px;

    height: 30px;

    line-height: 30px;

    font-size: 15px;

    color: #ffffff;

    background: linear-gradient(to right, #3b9cf6 0%, #03bd97 100%);

    color: #fff;

    border-radius: 15px;

}



.ddqf-612 {

    width: calc(100% - 18px);

    height: auto;

    margin: 10px auto 0;

    overflow: hidden;

}



.ddqf-6121 {

    width: calc(100% - 27px);

    height: auto;

    line-height: 24px;

    font-size: 14px;

    color: #333333;

    overflow: hidden;

    float: left;

}



.ddqf-6122 {

    width: 17px;

    height: 25px;

    overflow: hidden;

    float: right;

}



.ddqf-6122 img {

    width: 12px;

    height: 6px;

    display: block;

    margin-top: 9px;

    vertical-align: top;

    margin-left: 0;

}



.ddqf-6 .ddqf-61:nth-child(2n) .ddqf-6111 {

    background: linear-gradient(to right, #fbb013 0%, #ffde69 100%);

}



.ddqf-anjg {

    width: 100%;

    height: 49px;

    overflow: hidden;

}



.ddqf-anbox {

    width: 100%;

    height: 49px;

    overflow: hidden;

    position: fixed;

    bottom: 0;

    left: 0;

    z-index: 999;

    background: linear-gradient(to right, #3c9bf7 0%, #02bf95 100%);

}



.ddqf-anbox1 {

    width: 100%;

    height: 100%;

    overflow: hidden;

    position: relative;

}



.ddqf-an1 {

    width: 100%;

    height: 49px;

    line-height: 49px;

    text-align: center;

    font-size: 17px;

    color: #ffffff;

    overflow: hidden;

    font-weight: 600;

}



.ddqf-an1 font {

    font-size: 20px;

}



.ddqf-an2 {

    width: 100%;

    height: 100%;

    overflow: hidden;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 9;

}



.ddqf-an2 input {

    display: block;

    width: 100%;

    height: 100%;

    overflow: hidden;

}



.ddqf-jyzz {

    width: 100%;

    height: 100vh;

    overflow: hidden;

    position: fixed;

    left: 0;

    top: 0;

    background: rgba(0, 0, 0, 0.7);

    z-index: 9999;

    display: none;

}



.ddqf-jybox {

    width: 100%;

    height: 300px;

    overflow: hidden;

    background: #fff;

    position: fixed;

    bottom: 0;

    left: 0;

    z-index: 99999;

    display: none;

}



.ddqf-jy1 {

    width: calc(100% - 30px);

    height: 40px;

    overflow: hidden;

    background: #3c9bf7;

    padding: 0 15px;

}



.ddqf-jy11 {

    width: calc(100% - 50px);

    height: 40px;

    line-height: 40px;

    float: left;

    overflow: hidden;

    font-size: 14px;

    color: #fff;

}



.ddqf-jy12 {

    width: 40px;

    height: 40px;

    float: right;

    overflow: hidden;

}



.ddqf-jy12 img {

    width: 16px;

    height: 16px;

    vertical-align: top;

    float: right;

    margin-top: 12px;

    display: block;

}



.ddqf-jy2box {

    width: calc(100% - 30px);

    height: 240px;

    overflow: hidden;

    padding: 10px 15px;

}



.ddqf-jy2 {

    width: 100%;

    height: 240px;

    overflow: auto;

}



.ddqf-jy21 {

    width: 100%;

    height: auto;

    overflow: hidden;

    line-height: 23px;

    font-size: 13px;

    color: #333;

    margin-bottom: 10px;

}



.ddqf-jy21 font {

    display: inline-block;

    color: #3c9bf7;

    padding-left: 5px;

}



.rifice-re1 img {

    width: 14px;

    height: 14px;

    overflow: hidden;

    vertical-align: top;

    margin-top: 1px;

    margin-right: 4px;

}



.rifice-re2 img {

    width: 14px;

    height: 14px;

    overflow: hidden;

    vertical-align: top;

    margin-top: 1px;

    margin-right: 4px;

}



.qmd-lb {

    width: 100%;

    height: auto;

    overflow: hidden;

    background: #fff;

}



.qmd-1 {

    width: calc(100% - 30px);

    height: 55px;

    overflow: hidden;

    margin: 0 auto;

    border-bottom: 1px solid #ebebeb;

}



.qmd-lb .qmd-1:last-child {

    border-bottom: none;

}



.qmd-11 {

    width: 25px;

    height: 25px;

    overflow: hidden;

    float: left;

    border-radius: 50%;

    margin-top: 15px;

}



.qmd-11 img {

    width: 100%;

    height: 100%

}



.qmd-12 {

    width: calc(100% - 120px);

    height: 55px;

    line-height: 55px;

    float: left;

    margin-left: 7px;

    font-size: 15px;

    color: #333333;

}



.qmd-12 span {

    color: #399cf9;

    padding-right: 3px;

    vertical-align: top;

}



.qmd-12 font {

    color: #04bd99;

    padding-left: 3px;

    padding-right: 3px;

    vertical-align: top;

}



.qmd-12 img {

    width: 13px;

    height: 14px;

    margin-left: 3px;

    vertical-align: top;

    margin-top: 21px;

}



.qmd-13 {

    width: 80px;

    height: 55px;

    line-height: 55px;

    font-size: 13px;

    float: right;

    text-align: right;

    color: #999999;

    overflow: hidden;

}



.shanchu-zz {

    width: 100%;

    height: 100vh;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 9990;

    background: rgba(0, 0, 0, 0.8);

}



.shanchu-tcbox {

    width: 250px;

    height: 130px;

    overflow: hidden;

    position: fixed;

    top: calc(50vh - 100px);

    left: calc(50% - 125px);

    z-index: 9999;

    background: #fff;

    border-radius: 6px;

}



.shanchu-tc1 {

    width: 90%;

    height: 28px;

    line-height: 28px;

    font-size: 16px;

    text-align: center;

    color: #333;

    overflow: hidden;

    margin: 10px auto 0;

}



.shanchu-tc2 {

    width: 90%;

    height: 28px;

    line-height: 24px;

    font-size: 14px;

    text-align: center;

    color: #333;

    overflow: hidden;

    margin: 5px auto 15px;

}



.shanchu-tc3 {

    width: 100%;

    height: 100px;

    overflow: hidden;

    border-top: 1px solid #f2f3f5;

    margin-top: 10px;

}



.shanchu-tc31 {

    width: -webkit-calc(50% - 1px);

    height: 50px;

    line-height: 47px;

    text-align: center;

    float: left;

    font-size: 14px;

    color: #666;

    border-right: 1px solid #f2f3f5;

}



.shanchu-tc32 {

    width: -webkit-calc(50% - 1px);

    height: 50px;

    line-height: 47px;

    text-align: center;

    float: right;

    font-size: 14px;

    color: #399df2;

}



.swiper-slide>div {

    width: 100%;

    height: 100%;

    overflow: hidden;

}



.rilia-box {

    width: 100%;

    height: 100%;

    overflow: hidden;

    background: url(../images/banner-rili.jpg) center center no-repeat;

    background-size: 100% 100%;

    border-radius: 10px;

    position: relative

}



.rilia-1 {

    width: 68px;

    height: 25px;

    overflow: hidden;

    position: absolute;

    top: 30px;

    right: 15px;

    z-index: 9;

    background: #fff;

    border-radius: 13px;

}



.rilia-1 a {

    display: block;

    width: 100%;

    height: 25px;

    line-height: 25px;

    font-size: 13px;

    color: #0b8a89;

    text-align: center;

}



.rilia-2 {

    width: 100%;

    height: 100%;

    overflow: hidden;

}



.rilia-2 a {

    width: 100%;

    height: 100%;

    display: block;

}



.rilia-21 {

    width: calc(100% - 30px);

    height: 25px;

    line-height: 25px;

    font-size: 15px;

    color: #fff;

    overflow: hidden;

    margin: 30px auto 0;

}



.rilia-22 {

    width: calc(100% - 30px);

    height: auto;

    overflow: hidden;

    margin: 41px auto 0;

}



.rilia-221 {

    display: inline-block;

    height: 38px;

    line-height: 38px;

    font-size: 20px;

    float: left;

    color: #fff;

    overflow: hidden;

}



.rilia-222 {

    display: inline-block;

    height: 38px;

    line-height: 38px;

    font-size: 20px;

    float: right;

    color: #fff;

    overflow: hidden;

    background: url(../images/rilia-jt.png) right center no-repeat;

    background-size: 9px 16px;

    padding-right: 17px;

}



.rilia-222 font {

    font-size: 22px;

    color: #ffe886;

    display: inline-block;

    padding: 0 5px;

}





/*2022.11.16开始*/



.cjwc-top {

    width: 60px;

    height: 44px;

    float: right;

    position: absolute;

    padding: 0;

    right: 15px;

    margin-right: 0;

}



.cjwc-top a {

    display: block;

    width: 70px;

    height: 44px;

    line-height: 44px;

    font-size: 17px;

    text-align: right;

    color: #389cf3;

    position: absolute;

    top: 0;

    right: 0;

    z-index: 11;

}



.cjwc-1 {

    width: 74px;

    height: 74px;

    overflow: hidden;

    margin: 32px auto 0

}



.cjwc-1 img {

    width: 100%;

    height: 100%;

}



.cjwc-2 {

    width: calc(100% - 30px);

    height: auto;

    overflow: hidden;

    line-height: 26px;

    font-size: 17px;

    color: #333333;

    margin: 9px auto 0;

    text-align: center;

}



.cjwc-3 {

    width: calc(100% - 30px);

    height: auto;

    overflow: hidden;

    line-height: 24px;

    font-size: 14px;

    color: #7997b0;

    margin: 0px auto 0;

    text-align: center;

}



.cjwc-4 {

    width: 14px;

    height: auto;

    overflow: hidden;

    margin: 9px auto 0;

}



.cjwc-4 img {

    width: 100%;

    height: 14px;

}



.cjwc-lb {

    width: calc(100% - 20px);

    height: auto;

    overflow: hidden;

    padding: 18px 10px 10px;

}



.cjwc-lb1 {

    width: calc(50% - 5px);

    height: 190px;

    overflow: hidden;

    float: left;

    background: #fff;

    border-radius: 8px;

    margin-bottom: 10px

}



.cjwc-lb .cjwc-lb1:nth-child(2n) {

    float: right;

}



.cjwc-lb11 {

    width: 44px;

    height: 44px;

    overflow: hidden;

    margin: 15px auto 0

}



.cjwc-lb11 img {

    width: 100%;

    height: 100%;

}



.cjwc-lb12 {

    width: calc(100% - 30px);

    height: 29px;

    overflow: hidden;

    line-height: 29px;

    text-align: center;

    font-size: 17px;

    color: #333333;

    margin: 5px auto 0

}



.cjwc-lb13 {

    width: calc(100% - 30px);

    height: 48px;

    overflow: hidden;

    line-height: 16px;

    font-size: 13px;

    color: #999999;

    margin: 0px auto 0

}



.cjwc-lb14 {

    width: 115px;

    height: 30px;

    overflow: hidden;

    background: #3b9bf7;

    margin: 3px auto 0;

    border-radius: 4px;

    line-height: 30px;

    font-size: 16px;

    color: #ffffff;

    text-align: center;

}





/*2022.11.16结束*/



.jindu-ta {

    width: 100%;

    height: auto;

    overflow: hidden;

    padding-top: 10px

}



.jindu-ta1 {

    width: 85px;

    height: auto;

    float: left;

    overflow: hidden;

    padding-top: 3px

}



.jindu-ta11 {

    width: 100%;

    height: 5px;

    overflow: hidden;

    border-radius: 3px;

}



.jindu-ta11 progress {

    width: 100%;

    background: #d0d0d0;

    height: 100%;

    border-radius: 3px;

    vertical-align: top;

}



.jindu-ta11 progress::-webkit-progress-bar {

    background: #d0d0d0;

}



.jindu-ta11 progress::-webkit-progress-value {

    background: #3c9bf7;

    border-radius: 3px;

}



.jindu-ta12 {

    width: 100%;

    height: 20px;

    line-height: 20px;

    overflow: hidden;

    padding-top: 3px;

    font-size: 11px;

    color: #999999;

}



.jindu-ta2 {

    width: 90px;

    height: 30px;

    overflow: hidden;

    float: right;

    text-align: center;

    line-height: 30px;

    font-size: 17px;

    color: #ffffff;

    border-radius: 15px;

    background: linear-gradient(to right, #3c9bf7 0%, #02bf95 100%);

}



.chongzhi-bjbox {

    width: 100%;

    height: auto;

    overflow: hidden;

    background: #1c214d;

}



.chongzih-bj1 {

    width: calc(100% - 30px);

    height: 115px;

    overflow: hidden;

    margin: 22px auto 0;

    background: url(../images/chongzhi-bj.png) center center no-repeat;

    background-size: 100% 100%;

}



.chongzhi-bj11 {

    width: calc(100% - 143px);

    height: auto;

    overflow: hidden;

    float: left;

    margin-left: 30px;

}



.chongzhi-bj111 {

    width: 100%;

    height: 34px;

    line-height: 34px;

    font-size: 16px;

    color: #fff;

    overflow: hidden;

    padding-top: 19px;

}



.chongzhi-bj112 {

    width: 100%;

    height: 52px;

    line-height: 52px;

    font-size: 14px;

    color: #ffffff;

    overflow: hidden;

}



.chongzhi-bj112 font {

    font-weight: bold;

    font-size: 30px;

}



.chongzhi-bj12 {

    width: 80px;

    height: auto;

    overflow: hidden;

    float: right;

    margin-right: 23px;

}



.chongzhi-bj121 {

    width: 48px;

    height: 54px;

    overflow: hidden;

    margin: 15px auto 0

}



.chongzhi-bj121 img {

    width: 100%;

    height: 100%

}



.chongzhi-bj122 {

    width: 100%;

    height: 23px;

    line-height: 23px;

    text-align: center;

    background: #004d7f;

    border-radius: 12px;

    margin-top: 5px;

    text-align: center;

}



.chongzhi-bj122 a {

    display: block;

    width: 100%;

    height: 100%;

    overflow: hidden;

    color: #fff;

    font-size: 14px;

}



.chongzhi-bj122 img {

    width: 4px;

    height: 6px;

    vertical-align: top;

    margin-left: 5px;

    margin-top: 9px;

}



.chongzhi-xxmax {

    width: 100%;

    height: auto;

    overflow: hidden;

    background: #fff;

    padding-bottom: 12px;

}



.chongzhi-bt {

    width: calc(100% - 30px);

    height: auto;

    margin: 15px auto 0;

    line-height: 29px;

    font-size: 16px;

    color: #333333;

    overflow: hidden;

}



.chongzhi-xxbox {

    width: calc(100% - 30px);

    height: auto;

    margin: 2px auto 0;

    overflow: hidden;

}



.chongzhi-xx1 {

    width: calc(33.2% - 7px);

    height: 128px;

    overflow: hidden;

    float: left;

    border: 1px solid #f1f1f1;

    border-radius: 4px;

    margin-right: 7px;

    margin-bottom: 10px;

}



.chongzhi-xxbox .chongzhi-xx1:nth-child(3n) {

    margin-right: 0

}



.chongzhi-xx11 {

    width: 100%;

    height: 25px;

    line-height: 25px;

    text-align: center;

    font-size: 13px;

    color: #666666;

    overflow: hidden;

    background: #f1f1f1

}



.chongzhi-xx12 {

    width: 100%;

    height: auto;

    overflow: hidden;

}



.chongzhi-xx121 {

    width: 92%;

    height: 36px;

    line-height: 36px;

    font-size: 12px;

    color: #333333;

    margin: 5px auto 0;

    text-align: center;

}

.chongzhi-xx121 span{ font-size:15px; font-weight: bold;}

.chongzhi-xx121 font {

    font-size: 26px;

    font-weight: bold;

}



.chongzhi-xx123{
    width: 92%;

    height: 25px;

    line-height: 25px;

    font-size: 14px;

    color: #333333;

    margin: 0px auto 0;

    text-align: center;	 text-decoration:line-through
	}




.chongzhi-xx122 {

    width: calc(100% - 16px);

    height: 24px;

    line-height: 24px;

    text-align: center;

    overflow: hidden;

    background: #f3dc99;

    margin: 11px auto 0;

    border-radius: 3px;

    font-size: 12px;

    color: #333333;

}


.chongzhi-xx124 {

    width: calc(100% - 16px);

    height: 24px;

    line-height: 24px;

    text-align: center;

    overflow: hidden;

    background: #f3dc99;

    margin: 6px auto 0;

    border-radius: 3px;

    font-size: 15px;

    color: #333333; font-weight:500

}



.chongzhi-xx122 font {

    font-size: 16px;

}



.chongzhi-xx1on {

    border: 1px solid #37bdcf; background:#f7feff;

}



.chongzhi-xx1on .chongzhi-xx11 {

    background: #37bdcf;

    color: #fff;

}



.chongzhi-sm {

    width: calc(100% - 30px);

    height: auto;

    overflow: hidden;

    margin: 0 auto;

    padding: 0px 0 20px 0;

    line-height: 22px;

    font-size: 13px;

    color: #666666;

}



.fenxiang-qytczz {

    width: 100%;

    height: 100vh;

    overflow: hidden;

    background: rgba(0, 0, 0, 0.6);

    position: fixed;

    top: 0;

    left: 0;

    z-index: 9;

}



.fenxiang-qytcgb {

    width: 26px;

    height: 26px;

    overflow: hidden;

    position: fixed;

    top: calc(50vh - 216px);

    right: 46px;

    z-index: 10;

}



.fenxiang-qytcgb img {

    width: 100%;

    height: 100%;

}



.fenxiang-tcbox {

    width: calc(100% - 92px);

    height: 360px;

    overflow: hidden;

    border-radius: 8px;

    background: url(../images/fx-tcbj.png) center top no-repeat #fff;

    background-size: 100% 136px;

    position: fixed;

    top: calc(50vh - 180px);

    right: 46px;

    z-index: 10;

}



.fenxiang-tc1 {

    width: calc(100% - 40px);

    height: auto;

    overflow: hidden;

    text-align: center;

    margin: 160px auto 0;

    line-height: 34px;

    font-size: 20px;

    color: #333333;

}



.fenxiang-tc2 {

    width: calc(100% - 40px);

    height: 54px;

    overflow: hidden;

    text-align: center;

    margin: 12px auto 0;

    line-height: 18px;

    font-size: 15px;

    color: #666666;

}



.fenxiang-tc3 {

    width: calc(100% - 40px);

    height: 49px;

    line-height: 49px;

    overflow: hidden;

    margin: 20px auto 0;

    border-radius: 25px;

    text-align: center;

    font-size: 18px;

    color: #fff;

    background: linear-gradient(to right, #02bf96 0%, #3b9cf5 100%);

}


.chongzhi-botjg{ width:100%; height:85px; overflow:hidden}
.chongzhi-botbox{ width:calc(100% - 30px); padding:0 15px; height:85px; overflow:hidden; z-index:9999; background:#fff; left:0; bottom:0; position:fixed;}
.chongzhi-bot1{ display:inline-block; height:auto; overflow:hidden; float:left; max-width:90px; text-align:center; margin-top:20px;}
.chongzhi-bot11{ width:auto; display:block; height:22px; line-height:22px; font-size:13px; color:#333333;}
.chongzhi-bot11 font{ font-size:19px;}
.chongzhi-bot12{ width:auto; height:20px; line-height:20px; text-align:center; display:inline-block; font-size:14px; color:#c1c1c1; text-decoration:line-through}

.chongzhi-bot2{ width:calc(100% - 93px); height:auto; overflow:hidden; float:right;}
.chongzhi-bot21{ width:100%; height:39px; overflow:hidden; color:#fff; text-align:center; background:#40b7bb; margin-top:10px; border-radius:20px; line-height:39px;}
.chongzhi-bot21 p{ display:inline-block; font-size:15px;}
.chongzhi-bot21 font{ display:inline-block; font-size:24px;}
.chongzhi-bot21 span{ display:inline-block; font-size:16px;}
.chongzhi-bot22{ width:100%; height:auto; overflow:hidden; line-height:26px; font-size:11px; text-align:center; margin-top:3px;}
.chongzhi-bot22 label{ display:inline-block; color:#d9ab25;}
.chongzhi-bot22 span{ color:#666666;}
.chongzhi-bot22 font{ color:#d9ab25;}

.chongzhi-bot22 label .mgc-circle1{ vertical-align:top; margin-top:2px; margin-right:5px;}


.chongzhi-tczz {

    width: 100%;

    height: 100vh;

    overflow: hidden;

    position: fixed;

    z-index: 9999;

    top: 0;

    left: 0;

    background: rgba(0, 0, 0, 0.6); display:none;

}



.chongzhi-tcbox {

    width: calc(100% - 76px);

    height: 400px;

    position: fixed;

    top: calc(50vh - 200px);

    left: 38px;

    background: #fff;

    z-index: 99999;

    overflow: hidden;

    border-radius: 5px; display:none;

}



.chongzhi-tc1 {

    width: calc(100% - 30px);

    height: 40px;

    line-height: 30px;

    font-weight: bold;

    text-align: center;

    overflow: hidden;

    font-size: 15px;

    color: #333;

    margin: 10px auto 0;

    border-bottom: 1px solid #f2f3f5;

    padding-bottom: 10px;

}



.chongzhi-tc2 {

    width: calc(100% - 30px);

    height: 314px;

    overflow: auto;

    margin: 15px auto 0;

}



.chongzhi-tc21 {

    width: 100%;

    height: auto;

    overflow: hidden;

    line-height: 24px;

    font-size: 13px;

    color: #666;

}



.chongzhi-tc3 {

    width: 100px;

    line-height: 14px;

    font-size: 14px;

    text-align: center;

    font-size: #666;

    background: #f2f3f5;

    padding: 10px 0;

    border-radius: 18px;

    margin: 20px auto 0

}





/*	.denglu-tcgb{ width:0; height:0; position:relative; margin-right:0; float:right;}*/



.chongzhi-tcgb1 {

    width: 20px;

    height: 20px;

    overflow: hidden;

    position: fixed;

    z-index: 99999;

    top: calc(50vh - 235px);

    right: 38px; display:none;

}



.chongzhi-tcgb img {

    width: 15px;

    height: 15px;

    display: block;

    vertical-align: top;

    float: right

}





/*登录结束*/

/*长明灯开始*/
.cmd-bt{ width:calc(100% - 30px); height:auto; overflow:hidden; margin:10px auto 0; line-height:22px; font-size:12px; color:#999999; }
.cmd-box{ width:calc(100% - 30px); height:auto; overflow:hidden; margin:3px auto 0;}
.cmd-1{ width:calc(50% - 5px); height:230px; overflow:hidden; position:relative; float:left; margin-bottom:10px; border-radius: 4px; background:#1d0f0e}
.cmd-box .cmd-1:nth-child(2n){ float:right;}
.cmd-11{ width:100%; height:100%; overflow:hidden;}
.cmd-11 img{ width:100%; height:100%;}
.cmd-12{ width:23px; height:23px; overflow:hidden; position:absolute; right:15px; top:13px; z-index:1; display:none;}
.cmd-12 img{ width:100%; height:100%;}
.cmd-13{ width:100%; height:auto; overflow:hidden; position:absolute; bottom:0; left:0; z-index:11; padding-bottom:8px; background:rgba(0,0,0,0.8);  transform: translate(0px,70px);  transition: all 1s;
-webkit-transition: all 1s;}
.cmd-131{ width:calc(100% - 20px); height:auto; overflow:hidden; line-height:26px; font-size:17px; color:#ffffff; margin:0 auto;}
.cmd-132{ width:calc(100% - 20px); height:auto; overflow:auto; line-height:13px; max-height:52px; font-size:11px; color:#ffffff; margin:3px auto 0;}
.cmd-14{ width:100%; height:auto; overflow:hidden; line-height:26px; font-size:17px; text-align:center; color:#ffffff;  position:absolute; bottom:0; left:0; z-index:11; padding-bottom:10px; display:none;}
.cmd-an{ width:calc(100% - 20px); height:44px; line-height:44px; text-align:center; background:#4c897a; border-radius: 3px; font-size:15px; color:#ffffff; margin:15px auto 25px;}
.cmd-1on .cmd-12{ display:block;}
.cmd-1on .cmd-13{  transform: translate(0px,0px);  transition: all 1s; -webkit-transition: all 1s;}
.cmd-1on .cmd-14{ display:none;}

.cmd-tczz{ width:100%; height:100vh; overflow:hidden; position:fixed; left:0; top:0; z-index:1111; background:rgba(0,0,0,0.5); display:none;}
.cmd-tcbox{ width:100%; height:auto; overflow:hidden; background:#fff;  border-radius: 0;  position:fixed; left:0; bottom:0; z-index:11111; display:none;}
.cmd-tc1{ width:100%; height:auto; background:linear-gradient(to right, #02bf96 0%, #3b9cf5 100%); line-height:50px; text-align:center; font-size:17px; font-weight:500; color:#fff; overflow:hidden;}
.cmd-tc2{ width:100%; height:auto; overflow:hidden; }
.cmd-tc21{ width:calc(100% - 30px); height:40px; overflow:hidden; padding:0 15px; border-bottom:1px solid #ebebeb; position:relative;}
.cmd-tc2 .cmd-tc21:last-child{ border-bottom:none;}

.cmd-tc211{ width:100%; height:100%; overflow:hidden; text-align:center;}
.cmd-tc2111{ display:inline-block; height:auto; line-height:40px; font-size:15px; color:#666; overflow:hidden; vertical-align:top; }
.cmd-tc2112{ display:inline-block; height:auto; line-height:40px; font-size:15px; color:#333; overflow:hidden; vertical-align:top;}
.cmd-tc212{ width:20px; height:20px; overflow:hidden; position:absolute; right:15px; top:10px; z-index:1; display:none;}
.cmd-tc212 img{ width:100%; height:100%}

.cmd-tc21on .cmd-tc212{ display:block;}
.cmd-tc21on .cmd-tc2111{ color:#d94545}
.cmd-tc21on .cmd-tc2112{ color:#d94545}

.cmd-gm{ width:100%; height:44px; overflow:hidden; background:#d94545;}
.cmd-gm input{ display:block; width:100%; height:44px; line-height:44px; text-align:center; font-size:15px; color:#ffffff; overflow:hidden;}
/*长明灯结束*/


/*资料设置开始*/
.glxx-1{ width:calc(100% - 30px); padding:15px 15px; height:auto; overflow:hidden; border-bottom:1px solid #eee; background:#fff;}
.glxx-11{ width:100px; height:70px; line-height:70px; font-size:15px; color:#333; overflow:hidden; float:left;}
.glxx-12{ width:70px; height:70px; overflow:hidden; float:right; border-radius: 50%;}
.glxx-szbox{ width:100%; height:auto; overflow:hidden;}
.glxx-sz1{  width:calc(100% - 30px); padding:0 15px; height:50px; overflow:hidden; border-bottom:1px solid #eee; background:#fff;}
.glxx-sz11{ width:100px; height:50px; line-height:50px; font-size:15px; color:#333; overflow:hidden; float:left;}
.glxx-sz12{ width:calc(100% - 110px); height:50px; overflow:hidden; float:right;}
.glxx-sz12 input{ display:block; width:100%; height:50px; line-height:50px; text-align:right; font-size:15px; color:#333; overflow:hidden;}
.glxx-sz12 input::-webkit-input-placeholder{ color:#999;}

.glxx-sz13{ width:calc(100% - 110px); height:50px; overflow:hidden; float:right;}
.glxx-sz13 input{ display:block; width:100%; height:50px; line-height:50px; text-align:right; font-size:15px; color:#333; overflow:hidden;}
.glxx-sz13 input::-webkit-input-placeholder{ color:#999;}

.biaodan-anbox {

     width:calc(100% - 30px);

    height: 44px;

    overflow: hidden;

    background: #fff;

    margin: 34px auto 30px;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    border-radius: 5px;

    background: -webkit-gradient(linear, left, right, color-stop(0%, #02bf96), color-stop(100%, #3b9cf5));

    background: -webkit-linear-gradient(left, #02bf96 0%, #3b9cf5 100%);

    background: -o-linear-gradient(left, #02bf96 0%, #3b9cf5 100%);

    background: -ms-linear-gradient(left, #02bf96 0%, #3b9cf5 100%);

    background: linear-gradient(to right, #02bf96 0%, #3b9cf5 100%);

}



.biaodan-anbox input {

    display: block;

    width: 100%;

    height: 44px;

    line-height: 44px;

    color: #fff;

    font-size: 17px;

    text-align: center;

    overflow: hidden;

}

/*资料设置结束*/


/*下拉选择开始*/



.contain1{width:calc(100% - 110px); height:auto; float:right; overflow:hidden;}

.fixWidth1{

 display:block; width:100%;

  margin: 0 auto;

  position: relative;

}



.trigger2{ width:100%; margin: 0 auto; overflow:hidden; height:50px; text-align:right; line-height:50px; font-size:15px; color:#333;   }



.trigger2 span{ display:block; width:100%; line-height:50px; font-size:15px; color:#999; overflow:hidden; }



/*#trigger5{ width:100%; overflow:hidden; height:30px; line-height:30px; font-size:15px; color:#fff; font-weight:bold;  }



#trigger6{ width:100%; overflow:hidden; height:30px; line-height:30px; font-size:15px; color:#fff; font-weight:bold;  }*/



.mobileSelect {

  position: relative;

  z-index: 0;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: opacity 0.4s, z-index 0.4s;

  transition: opacity 0.4s, z-index 0.4s;

}

.mobileSelect * {

  margin: 0;

  padding: 0;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

.mobileSelect .grayLayer {

  position: fixed;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

  background: #eee;

  background: rgba(0, 0, 0, 0.7);

  z-index: 888;

  display: block;

}

.mobileSelect .content {

  width: 100%;

  display: block;

  position: fixed;

  z-index: 999999;

  color: black;

  -webkit-transition: all 0.4s;

  transition: all 0.4s;

  bottom: -350px;

  left: 0;

  background: white;

}

.mobileSelect .content .fixWidth {

  width: 100%;

  margin: 0 auto;

  position: relative;

}

.mobileSelect .content .fixWidth:after {

  content: ".";

  display: block;

  height: 0;

  clear: both;

  visibility: hidden;

}

.mobileSelect .content .btnBar {

  border-bottom: 1px solid #DCDCDC;

  font-size: 15px;

  height: 45px;

  position: relative;

  text-align: center;

  line-height: 45px;

}

.mobileSelect .content .btnBar .cancel,

.mobileSelect .content .btnBar .ensure {

  height: 45px;

  width: 55px;

  cursor: pointer;

  position: absolute;

  top: 0;

}

.mobileSelect .content .btnBar .cancel {

  left: 0;

  color: #3c9bf7;

}

.mobileSelect .content .btnBar .ensure {

  right: 0;

  color: #3c9bf7;

}

.mobileSelect .content .btnBar .title {

  font-size: 15px;

  padding: 0 15%;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.mobileSelect .content .panel:after {

  content: ".";

  display: block;

  height: 0;

  clear: both;

  visibility: hidden;

}

.mobileSelect .content .panel .wheels {

  width: 100%;

  height: 250px;

  overflow: hidden;

}

.mobileSelect .content .panel .wheel {

  position: relative;

  z-index: 0;

  float: left;

  width: 50%;

  height: 250px;

  overflow: hidden;

  -webkit-transition: width 0.3s ease;

  transition: width 0.3s ease;

}

.mobileSelect .content .panel .wheel .selectContainer {

  display: block;

  text-align: center;

  -webkit-transition: -webkit-transform 0.18s ease-out;

  transition: -webkit-transform 0.18s ease-out;

  transition: transform 0.18s ease-out;

  transition: transform 0.18s ease-out, -webkit-transform 0.18s ease-out;

}

.mobileSelect .content .panel .wheel .selectContainer li {

  font-size: 15px;

  display: block;

  height: 50px;

  line-height: 50px;

  cursor: pointer;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.mobileSelect .content .panel .selectLine {

  height: 50px;

  width: 100%;

  position: absolute;

  top: 100px;

  pointer-events: none;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  border-top: 1px solid #DCDCDC;

  border-bottom: 1px solid #DCDCDC;

}

.mobileSelect .content .panel .shadowMask {

  position: absolute;

  top: 0;

  width: 100%;

  height: 250px;

  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(rgba(255, 255, 255, 0)), to(#ffffff));

  background: -webkit-linear-gradient(top, #ffffff, rgba(255, 255, 255, 0), #ffffff);

  background: linear-gradient(to bottom, #ffffff, rgba(255, 255, 255, 0), #ffffff);

  opacity: 0.9;

  pointer-events: none;

}

.mobileSelect-show {

  opacity: 1;

  z-index: 10000;

  visibility: visible;

}

.mobileSelect-show .content {

  bottom: 0;

}

/*下拉选择结束*/


/*日历控件开始*/
.dw-trans .dw-persp{overflow:hidden;-webkit-perspective:1000px;-moz-perspective:1000px;perspective:1000px}.dw-trans .dw,.dw-trans .dwo{-webkit-animation-fill-mode:forwards;-webkit-animation-duration:200ms;-moz-animation-fill-mode:forwards;-moz-animation-duration:200ms;animation-fill-mode:forwards;animation-duration:200ms}.dw-trans .dwo{-webkit-backface-visibility:hidden}.dw-in .dw{-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;animation-timing-function:ease-out}.dw-out .dw{-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;animation-timing-function:ease-in}.dw-in .dwo{-webkit-animation-name:dw-f-in;-moz-animation-name:dw-f-in;animation-name:dw-f-in}.dw-out .dwo{-webkit-animation-name:dw-f-out;-moz-animation-name:dw-f-out;animation-name:dw-f-out}.dw-flip,.dw-swing,.dw-slidehorizontal,.dw-slidevertical,.dw-slidedown,.dw-slideup,.dw-fade{-webkit-backface-visibility:hidden;-webkit-transform:translateX(0);-moz-backface-visibility:hidden;-moz-transform:translateX(0);backface-visibility:hidden;transform:translateX(0)}.dw-swing,.dw-slidehorizontal,.dw-slidevertical,.dw-slidedown,.dw-slideup,.dw-fade{-webkit-transform-origin:0 0;-moz-transform-origin:0 0;transform-origin:0 0}.dw-flip,.dw-pop{-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;transform-origin:50% 50%}.dw-in .dw-pop{opacity:1;-webkit-animation-name:dw-p-in;-webkit-transform:scale(1);-moz-animation-name:dw-p-in;-moz-transform:scale(1);transform:scale(1);animation-name:dw-p-in}.dw-out .dw-pop{opacity:0;-webkit-animation-name:dw-p-out;-moz-animation-name:dw-p-out;animation-name:dw-p-out}.dw-in .dw-flip{opacity:1;-webkit-animation-name:dw-fl-in;-webkit-transform:scale(1);-moz-animation-name:dw-fl-in;-moz-transform:scale(1);animation-name:dw-fl-in;transform:scale(1)}.dw-out .dw-flip{opacity:0;animation-name:dw-fl-out;-webkit-animation-name:dw-fl-out;-moz-animation-name:dw-fl-out}.dw-in .dw-swing{opacity:1;-webkit-animation-name:dw-sw-in;-webkit-transform:scale(1);-moz-animation-name:dw-sw-in;-moz-transform:scale(1);transform:scale(1);animation-name:dw-sw-in}.dw-out .dw-swing{opacity:0;-webkit-animation-name:dw-sw-out;-moz-animation-name:dw-sw-out;animation-name:dw-sw-out}.dw-in .dw-slidehorizontal{opacity:1;-webkit-animation-name:dw-sh-in;-webkit-transform:scale(1);-moz-animation-name:dw-sh-in;-moz-transform:scale(1);transform:scale(1);animation-name:dw-sh-in}.dw-out .dw-slidehorizontal{opacity:0;-webkit-animation-name:dw-sh-out;-moz-animation-name:dw-sh-out;animation-name:dw-sh-out}.dw-in .dw-slidevertical{opacity:1;-webkit-animation-name:dw-sv-in;-webkit-transform:scale(1);-moz-animation-name:dw-sv-in;-moz-transform:scale(1);animation-name:dw-sv-in;transform:scale(1)}.dw-out .dw-slidevertical{opacity:0;-webkit-animation-name:dw-sv-out;-moz-animation-name:dw-sv-out;animation-name:dw-sv-out}.dw-in .dw-slidedown{-webkit-animation-name:dw-sd-in;-webkit-transform:scale(1);-moz-animation-name:dw-sd-in;-moz-transform:scale(1);animation-name:dw-sd-in;transform:scale(1)}.dw-out .dw-slidedown{animation-name:dw-sd-out;-webkit-animation-name:dw-sd-out;-webkit-transform:translateY(-100%);-moz-animation-name:dw-sd-out;-moz-transform:translateY(-100%)}.dw-in .dw-slideup{-webkit-animation-name:dw-su-in;-webkit-transform:scale(1);-moz-animation-name:dw-su-in;-moz-transform:scale(1);transform:scale(1);animation-name:dw-su-in}.dw-out .dw-slideup{animation-name:dw-su-out;-webkit-animation-name:dw-su-out;-webkit-transform:translateY(100%);-moz-animation-name:dw-su-out;-moz-transform:translateY(100%)}.dw-in .dw-fade{opacity:1;-webkit-animation-name:dw-f-in;-moz-animation-name:dw-f-in;animation-name:dw-f-in}.dw-out .dw-fade{opacity:0;-webkit-animation-name:dw-f-out;-moz-animation-name:dw-f-out;animation-name:dw-f-out}@keyframes dw-f-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes dw-f-in{from{opacity:0}to{opacity:1}}@-moz-keyframes dw-f-in{from{opacity:0}to{opacity:1}}@keyframes dw-f-out{from{visibility:visible;opacity:1}to{opacity:0}}@-webkit-keyframes dw-f-out{from{visibility:visible;opacity:1}to{opacity:0}}@-moz-keyframes dw-f-out{from{visibility:visible;opacity:1}to{opacity:0}}@keyframes dw-p-in{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}@-webkit-keyframes dw-p-in{from{opacity:0;-webkit-transform:scale(0.8)}to{opacity:1;-webkit-transform:scale(1)}}@-moz-keyframes dw-p-in{from{opacity:0;-moz-transform:scale(0.8)}to{opacity:1;-moz-transform:scale(1)}}@keyframes dw-p-out{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0.8)}}@-webkit-keyframes dw-p-out{from{opacity:1;-webkit-transform:scale(1)}to{opacity:0;-webkit-transform:scale(0.8)}}@-moz-keyframes dw-p-out{from{opacity:1;-moz-transform:scale(1)}to{opacity:0;-moz-transform:scale(0.8)}}@keyframes dw-fl-in{from{opacity:0;transform:rotateY(90deg)}to{opacity:1;transform:rotateY(0)}}@-webkit-keyframes dw-fl-in{from{opacity:0;-webkit-transform:rotateY(90deg)}to{opacity:1;-webkit-transform:rotateY(0)}}@-moz-keyframes dw-fl-in{from{opacity:0;-moz-transform:rotateY(90deg)}to{opacity:1;-moz-transform:rotateY(0)}}@keyframes dw-fl-out{from{opacity:1;transform:rotateY(0deg)}to{opacity:0;transform:rotateY(-90deg)}}@-webkit-keyframes dw-fl-out{from{opacity:1;-webkit-transform:rotateY(0deg)}to{opacity:0;-webkit-transform:rotateY(-90deg)}}@-moz-keyframes dw-fl-out{from{opacity:1;-moz-transform:rotateY(0deg)}to{opacity:0;-moz-transform:rotateY(-90deg)}}@keyframes dw-sw-in{from{opacity:0;transform:rotateY(-90deg)}to{opacity:1;transform:rotateY(0deg)}}@-webkit-keyframes dw-sw-in{from{opacity:0;-webkit-transform:rotateY(-90deg)}to{opacity:1;-webkit-transform:rotateY(0deg)}}@-moz-keyframes dw-sw-in{from{opacity:0;-moz-transform:rotateY(-90deg)}to{opacity:1;-moz-transform:rotateY(0deg)}}@keyframes dw-sw-out{from{opacity:1;transform:rotateY(0deg)}to{opacity:0;transform:rotateY(-90deg)}}@-webkit-keyframes dw-sw-out{from{opacity:1;-webkit-transform:rotateY(0deg)}to{opacity:0;-webkit-transform:rotateY(-90deg)}}@-moz-keyframes dw-sw-out{from{opacity:1;-moz-transform:rotateY(0deg)}to{opacity:0;-moz-transform:rotateY(-90deg)}}@keyframes dw-sh-in{from{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@-webkit-keyframes dw-sh-in{from{opacity:0;-webkit-transform:translateX(-100%)}to{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes dw-sh-in{from{opacity:0;-moz-transform:translateX(-100%)}to{opacity:1;-moz-transform:translateX(0)}}@keyframes dw-sh-out{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@-webkit-keyframes dw-sh-out{from{opacity:1;-webkit-transform:translateX(0)}to{opacity:0;-webkit-transform:translateX(100%)}}@-moz-keyframes dw-sh-out{from{opacity:1;-moz-transform:translateX(0)}to{opacity:0;-moz-transform:translateX(100%)}}@keyframes dw-sv-in{from{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes dw-sv-in{from{opacity:0;-webkit-transform:translateY(-100%)}to{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes dw-sv-in{from{opacity:0;-moz-transform:translateY(-100%)}to{opacity:1;-moz-transform:translateY(0)}}@keyframes dw-sv-out{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}@-webkit-keyframes dw-sv-out{from{opacity:1;-webkit-transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(100%)}}@-moz-keyframes dw-sv-out{from{opacity:1;-moz-transform:translateY(0)}to{opacity:0;-moz-transform:translateY(100%)}}@keyframes dw-sd-in{from{transform:translateY(-100%)}to{transform:translateY(0)}}@-webkit-keyframes dw-sd-in{from{opacity:1;-webkit-transform:translateY(-100%)}to{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes dw-sd-in{from{-moz-transform:translateY(-100%)}to{-moz-transform:translateY(0)}}@keyframes dw-sd-out{from{transform:translateY(0)}to{transform:translateY(-100%)}}@-webkit-keyframes dw-sd-out{from{opacity:1;-webkit-transform:translateY(0)}to{opacity:1;-webkit-transform:translateY(-100%)}}@-moz-keyframes dw-sd-out{from{-moz-transform:translateY(0)}to{-moz-transform:translateY(-100%)}}@keyframes dw-su-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@-webkit-keyframes dw-su-in{from{opacity:1;-webkit-transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes dw-su-in{from{-moz-transform:translateY(100%)}to{-moz-transform:translateY(0)}}@keyframes dw-su-out{from{transform:translateY(0)}to{transform:translateY(100%)}}@-webkit-keyframes dw-su-out{from{opacity:1;-webkit-transform:translateY(0)}to{opacity:1;-webkit-transform:translateY(100%)}}@-moz-keyframes dw-su-out{from{-moz-transform:translateY(0)}to{-moz-transform:translateY(100%)}}.dw,.dwo{-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mbsc-fr-lock{-ms-touch-action:none;touch-action:none}.dw{max-width:98%;position:absolute;top:0;left:0;z-index:2;font-size:12px;text-shadow:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y}.dw:focus{outline:0}.dw:focus{outline-offset:-2px}.dw-rtl{direction:rtl}.dw,.dwbc{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.dwwr{min-width:200px;zoom:1;overflow:hidden;text-align:center;font-family:arial,verdana,sans-serif}.dw-persp,.dwo{width:100%;height:100%;position:absolute;top:0;left:0}.dw-persp{z-index:99998;pointer-events:auto}.dwo{z-index:1;background:#000;background:rgba(0,0,0,.7);filter:Alpha(Opacity=70)}.dw-liq .dw{max-width:100%}.dw-top .dw,.dw-bottom .dw{width:100%;max-width:100%}.dw-inline .dw{position:static;display:inline-block;max-width:100%}.dw-inline.dw-liq .dw-persp .dw{display:block}.dw-inline .dw-persp{position:static}.dw-bubble .dw{margin:20px 0}.dw-bubble .dw-arrw{position:absolute;z-index:1;left:0;width:100%}.dw-bubble-top .dw-arrw{bottom:-36px}.dw-bubble-bottom .dw-arrw{top:-36px}.dw-bubble .dw-arrw-i{margin:0 30px;position:relative;height:36px}.dw-bubble .dw-arr{display:block}.dw-arr{display:none;position:absolute;left:0;width:0;height:0;border-width:18px 18px;border-style:solid;margin-left:-18px}.dw-bubble-bottom .dw-arr{top:0}.dw-bubble-top .dw-arr{bottom:0}.dw-hidden{width:0;height:0;margin:0;padding:0;border:0;overflow:hidden}.dwv{overflow:hidden;text-overflow:ellipsis}.dwb{overflow:hidden;display:block;text-decoration:none;white-space:nowrap;text-overflow:ellipsis;vertical-align:top}.dwb-e{cursor:pointer}.dwb-d{cursor:default}.dwbc{display:table;width:100%;text-align:center}.dwbc .dwb-d{opacity:.3}.dwbw{vertical-align:top;display:table-cell;position:relative;z-index:5}.dwbw .dwb:before{padding:.375em}.mbsc-wdg .mbsc-wdg-c{position:relative;z-index:0;padding:1em;font-size:14px;text-align:left;white-space:normal}.mbsc-mobiscroll .dwwr{min-width:16em;background:#f7f7f7;color:#454545;font-size:16px}.mbsc-mobiscroll .dwv{padding:0 .6666em;padding-top:.6666em;color:#4eccc4;font-size:.75em;text-transform:uppercase;min-height:2em;line-height:2em}.mbsc-mobiscroll .dwbc{display:block;overflow:hidden;text-align:right;padding:0 .5em .5em .5em}.mbsc-mobiscroll .dwbw{display:block;float:right}.mbsc-mobiscroll .dw-rtl .dwbw{float:left}.mbsc-mobiscroll .dwb{height:2.5em;line-height:2.5em;padding:0 1em;color:#4eccc4;text-transform:uppercase}.mbsc-mobiscroll .dwb-a{background:rgba(78,204,196,.3)}.mbsc-mobiscroll .dw-bubble-bottom .dw-arr{border-color:transparent transparent #f7f7f7 transparent}.mbsc-mobiscroll .dw-bubble-top .dw-arr{border-color:#f7f7f7 transparent transparent transparent}.mbsc-ios .dwo{background:rgba(0,0,0,0.7);filter:Alpha(Opacity=20)}.mbsc-ios .dwwr{position:relative;background:#f7f7f7;color:#000;padding-top:3.333334em;font-size:12px}.mbsc-ios .dwv{padding:0 .416667em;color:#9d9d9d;line-height:2.5em;min-height:2.5em;border-bottom:1px solid #acacac}.mbsc-ios .dwbc{position:absolute;top:0;left:0;width:100%;border-bottom:1px solid #acacac}.mbsc-ios .dwb{height:45px;line-height:45px; width:55px; text-align:center;display:inline-block;color:#3c9bf7;font-size:15px}.mbsc-ios .dwb-a{opacity:.5}.mbsc-ios .dwbw{display:block;float:right}.mbsc-ios .dwb-c{float:left}.mbsc-ios .dwb-s .dwb{/*font-weight:bold*/}.mbsc-ios .dw-bubble-bottom .dw-arr{border-color:transparent transparent #f7f7f7 transparent}.mbsc-ios .dw-bubble-top .dw-arr{border-color:#f7f7f7 transparent transparent transparent}.mbsc-ios.dw-bubble .dwwr{border-radius:8px}.mbsc-ios.dw-nobtn .dwwr{padding-top:0}.dwwb,.dwwo,.dwwol{-webkit-transform:translateZ(0)}.dwc{max-width:100%;vertical-align:middle;display:inline-block;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.dwl{line-height:30px;height:30px;top:-30px;left:0;text-align:center;white-space:nowrap;position:absolute;width:100%}.dwwc{margin:0 auto;position:relative;zoom:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.dwfl{max-width:100%;-webkit-box-flex:1;-webkit-flex:1 auto;-ms-flex:1 auto;flex:1 auto;-ms-touch-action:none;touch-action:none}.dwwl{position:relative;z-index:5}.dwww{position:relative;padding:1px}.dww{overflow:hidden;position:relative;border-radius:1px;border-top:1px solid transparent;border-bottom:1px solid transparent}.dw-bf{-webkit-backface-visibility:hidden;-webkit-perspective:1000px;backface-visibility:hidden;perspective:1000px}.dw-ul{position:relative;z-index:3}.dw-li{padding:0 5px;position:relative;text-align:center;white-space:nowrap;vertical-align:bottom;opacity:.3;filter:Alpha(Opacity=30);cursor:pointer;-webkit-transition:opacity .2s ease-out;-moz-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.dw-li.dw-v,.dw-li.dw-fv{opacity:1;filter:Alpha(Opacity=100)}.dw-li.dw-h{visibility:hidden}.dw-i{position:relative;height:100%;overflow:hidden;text-overflow:ellipsis}.dwwb{position:absolute;z-index:4;left:0;cursor:pointer;width:100%;text-decoration:none;text-align:center;opacity:1;-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.dwa .dwwb{opacity:0}.dwpm .dwwbp{top:0}.dwpm .dwwbm{bottom:0}.dwpm .dwwol{display:none}.dwwo{position:absolute;z-index:3;top:0;left:0;width:100%;height:100%;pointer-events:none}.dwwol{position:absolute;z-index:1;top:50%;left:0;width:100%;pointer-events:none}.dw-liq .dwc{display:block}.dw-liq .dw-tbl{width:100%;table-layout:fixed}.dwhl .dwl{display:none}.dw-hsel{position:absolute;height:1px!important;width:1px!important;left:0;overflow:hidden;clip:rect(1px,1px,1px,1px)}.dw-ml .dw-li{overflow:hidden}.dw-ml .dw-li .dw-i{width:100%;height:auto;display:inline-block;vertical-align:middle;white-space:normal}.dwwms .dw-li{padding:0 40px}.dwwms .dwwol{display:none}.dw-msel:before{width:40px;text-align:center;position:absolute;top:0;left:0}.dww .dw-w-gr{padding:0 5px;opacity:1;font-weight:bold;text-align:left}.mbsc-mobiscroll .dwc{padding:2em .25em 0 .25em}.mbsc-mobiscroll .dwl{color:#4eccc4;font-size:.75em;text-transform:uppercase}.mbsc-mobiscroll .dwhl{padding-top:0}.mbsc-mobiscroll .dwfl{padding:.5em .25em}.mbsc-mobiscroll .dw-li{font-size:1.375em}.mbsc-mobiscroll .dw-hl{background:rgba(78,204,196,.3)}.mbsc-mobiscroll .dwwol{border-top:1px solid #4eccc4;border-bottom:1px solid #4eccc4}.mbsc-mobiscroll .dwpm .dwwol{display:block}.mbsc-mobiscroll .dwwb{color:#4eccc4;background:#f7f7f7}.mbsc-mobiscroll .dwwbp{bottom:0;top:auto}.mbsc-mobiscroll .dwwbm{top:0;bottom:auto}.mbsc-mobiscroll .dwwb span{display:none}.mbsc-mobiscroll .dwwb:before{position:absolute;left:0;top:0;width:100%;font-size:24px;text-align:center}.mbsc-mobiscroll .dwwb.dwb-a:before{background:rgba(78,204,196,.3)}.mbsc-mobiscroll .dw-w-gr{font-size:1.125em}.mbsc-mobiscroll .dw-msel:before{font-size:40px;color:#4eccc4}.mbsc-mobiscroll .dwwms .dwwol{display:none}.mbsc-ios .dwl{text-align:left;text-indent:.4166667em;color:#ababab}.mbsc-ios .dwwc{padding:5px 10px;}.mbsc-ios .dwhl .dwwc{padding-top:.833333em; text-align:center !important;}.mbsc-ios .dwwo{background:-webkit-gradient(linear,left bottom,left top,from(#f7f7f7),color-stop(0.52,rgba(245,245,245,0)),color-stop(0.48,rgba(245,245,245,0)),to(#f7f7f7));background:-webkit-linear-gradient(#f7f7f7,rgba(245,245,245,0) 52%,rgba(245,245,245,0) 48%,#f7f7f7);background:-moz-linear-gradient(#f7f7f7,rgba(245,245,245,0) 52%,rgba(245,245,245,0) 48%,#f7f7f7);background:linear-gradient(#f7f7f7,rgba(245,245,245,0) 52%,rgba(245,245,245,0) 48%,#f7f7f7)}.mbsc-ios .dwwol{padding:0 .833333em;height:2.833333em;margin:-1.5em 0 0 -.833333em;border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb}.mbsc-ios .dw-li{color:#9d9d9d;font-size:13px;text-align:center}.mbsc-ios .dw-hl{background:rgba(0,122,255,.2)}.mbsc-ios .dw-sel{color:#000}.mbsc-ios .dwpm .dw-li{text-align:center}.mbsc-ios .dwpm .dwwol{display:block}.mbsc-ios .dwwb{color:#007aff;background:#f7f7f7}.mbsc-ios .dwwbp{bottom:0;top:auto}.mbsc-ios .dwwbm{top:0;bottom:auto}.mbsc-ios .dwwb span{display:none}.mbsc-ios .dwwb:before{position:absolute;left:0;top:0;width:100%;font-size:2em;text-align:center}.mbsc-ios.dw-select .dwwo{display:none}.mbsc-ios .dwwms .dw-li{padding:0 .227272em 0 1.818181em;color:#000}.mbsc-ios .dwwms .dw-msel{color:#007aff}.mbsc-ios .dw-msel:before{font-size:1.818181em}.mbsc-ios .dw-select-gr .dw-li{padding-left:1.818181em}.mbsc-ios .dw-select-gr .dw-w-gr{padding-left:.277777em;font-weight:normal;font-size:1.222222em}
/*日历控件结束*/

.clipArea{ background:rgba(0,0,0,1)}
.half {
    width: 70px;
    height: 70px;
}

.half > a {
    position: relative;
    width: 100%;
    display: inline-block;
 
    background-size: 100% 100%;
    height: 100%;
}

.half > a  img {
    width: 100%!important;
    height: 100%!important;
    margin-top: 0!important;
    margin-left: 0!important;
}

.half > p {
    font-size: 1.5rem;
    text-align: center;
    position: relative;
    bottom: 0;
    margin-top: 1.2rem;
    color: #999;
}
.license{
    position: relative;
    width: 8rem;
    display: inline-block;
    background: #18b4ed;
    height: 8rem;
    left: 50%;
    margin-left: -4rem
}
.license >img{
    width: 5rem;
    height: 4.16rem;
    margin-left: 1.5rem;
    margin-top: 1.92rem
}


/*图片裁剪-触屏设备*/

@font-face {
    font-family: 'icomoon';
    src:url('../fonts/icomoon.eot?rretjt');
    src:url('../fonts/icomoon.eot?#iefixrretjt') format('embedded-opentype'),
    url('../fonts/icomoon.woff?rretjt') format('woff'),
    url('../fonts/icomoon.ttf?rretjt') format('truetype'),
    url('../fonts/icomoon.svg?rretjt#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

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

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}
.htmleaf-container{
    left: 0;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    background: url("../images/htmleaf-container.png") no-repeat;
    background-size: 100% 100%;
    display: none;
    z-index: 9999999;
}
.htmleaf-content {
    font-size: 150%;
    padding: 1em 0;
}

.htmleaf-content h2 {
    margin: 0 0 2em;
    opacity: 0.1;
}

.htmleaf-content p {
    margin: 1em 0;
    padding: 5em 0 0 0;
    font-size: 0.65em;
}
.bgcolor-1 { background: #f0efee; }
.bgcolor-2 { background: #f9f9f9; }
.bgcolor-3 { background: #e8e8e8; }/*light grey*/
.bgcolor-4 { background: #2f3238; color: #fff; }/*Dark grey*/
.bgcolor-5 { background: #df6659; color: #521e18; }/*pink1*/
.bgcolor-6 { background: #2fa8ec; }/*sky blue*/
.bgcolor-7 { background: #d0d6d6; }/*White tea*/
.bgcolor-8 { background: #3d4444; color: #fff; }/*Dark grey2*/
.bgcolor-9 { background: #ef3f52; color: #fff;}/*pink2*/
.bgcolor-10{ background: #64448f; color: #fff;}/*Violet*/
.bgcolor-11{ background: #3755ad; color: #fff;}/*dark blue*/
.bgcolor-12{ background: #3498DB; color: #fff;}/*light blue*/
.bgcolor-20{ background: #494A5F;color: #D5D6E2;}
/* Header */
.htmleaf-header{
    padding: 1em 190px 1em;
    letter-spacing: -1px;
    text-align: center;
    background: #66677c;
}
.htmleaf-header h1 {
    color: #D5D6E2;
    font-weight: 600;
    font-size: 2em;
    line-height: 1;
    margin-bottom: 0;
    font-family: "Microsoft YaHei","宋体","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif, FreeSans, Arimo;
}
.htmleaf-header h1 span {
    font-family: "Microsoft YaHei","宋体","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif, FreeSans, Arimo;
    display: block;
    font-size: 60%;
    font-weight: 400;
    padding: 0.8em 0 0.5em 0;
    color: #c3c8cd;
}
/*nav*/
.htmleaf-demo a{color: #1d7db1;text-decoration: none;}
.htmleaf-demo{width: 100%;padding-bottom: 1.2em;}
.htmleaf-demo a{display: inline-block;margin: 0.5em;padding: 0.6em 1em;border: 3px solid #1d7db1;font-weight: 700;}
.htmleaf-demo a:hover{opacity: 0.6;}
.htmleaf-demo a.current{background:#1d7db1;color: #fff; }
/* Top Navigation Style */
.htmleaf-links {
    position: relative;
    display: inline-block;
    white-space: nowrap;
    font-size: 1.5em;
    text-align: center;
}

.htmleaf-links::after {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1px;
    width: 2px;
    height: 100%;
    background: #dbdbdb;
    content: '';
    -webkit-transform: rotate3d(0,0,1,22.5deg);
    transform: rotate3d(0,0,1,22.5deg);
}

.htmleaf-icon {
    display: inline-block;
    margin: 0.5em;
    padding: 0em 0;
    width: 1.5em;
    text-decoration: none;
}

.htmleaf-icon span {
    display: none;
}

.htmleaf-icon:before {
    margin: 0 5px;
    text-transform: none;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    font-family: 'icomoon';
    line-height: 1;
    speak: none;
    -webkit-font-smoothing: antialiased;
}
/* footer */
.htmleaf-footer{width: 100%;padding-top: 10px;}
.htmleaf-small{font-size: 0.8em;}
.center{text-align: center;}

.related {
    color: #fff;
    background: #494A5F;
    text-align: center;
    font-size: 1.25em;
    padding: 0.5em 0;
    overflow: hidden;
}

.related > a {
    vertical-align: top;
    width: calc(100% - 20px);
    max-width: 340px;
    display: inline-block;
    text-align: center;
    margin: 20px 10px;
    padding: 25px;
    font-family: "Microsoft YaHei","宋体","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif, FreeSans, Arimo;
}
.related a {
    display: inline-block;
    text-align: left;
    margin: 20px auto;
    padding: 10px 20px;
    opacity: 0.8;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    -webkit-backface-visibility: hidden;
}

.related a:hover,
.related a:active {
    opacity: 1;
}

.related a img {
    max-width: 100%;
    opacity: 0.8;
    border-radius: 4px;
}
.related a:hover img,
.related a:active img {
    opacity: 1;
}
.related h3{font-family: "Microsoft YaHei", sans-serif;}
.related a h3 {
    font-weight: 300;
    margin-top: 0.15em;
    color: #fff;
}
/* icomoon */
.icon-htmleaf-home-outline:before {
    content: "\e5000";
}

.icon-htmleaf-arrow-forward-outline:before {
    content: "\e5001";
}


@media screen and (max-width: 50em) {
    .htmleaf-header {
        padding: 3em 10% 4em;
    }
    .htmleaf-header h1 {
        font-size:2em;
    }
}


@media screen and (max-width: 40em) {
    .htmleaf-header h1 {
        font-size: 1.5em;
    }
}

@media screen and (max-width: 30em) {
    .htmleaf-header h1 {
        font-size:1.2em;
    }
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}

audio, canvas, video {
    display: inline-block;
}

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

[hidden] {
    display: none;
}

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

body {
    margin: 0;
}

a:focus {
    outline: thin dotted;
}

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

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

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

b, strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

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

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

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

pre {
    white-space: pre-wrap;
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

small {
    font-size: 80%;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

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

figure {
    margin: 0;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
}

button, input {
    line-height: normal;
}

button, select {
    text-transform: none;
}

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

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

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

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

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

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

textarea {
    overflow: auto;
    vertical-align: top;
}

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

.clipArea {
    height: 92%;
}


/*上传图标*/
.file{
    float: left;
    height: 100%;
}
.clipBtn{
    float: right;
    height: 100%;
    width: 50%;
    background: #3775ec;
    background: #555;
    border: 0;
    outline: none;
    color: #b8e5ff;
    font-size: 18px;
    z-index: 999;
}
.foot-use{
    background: #fff;
    height: 8%;
    width: 100%;
position: relative;
}


.uploader{
    position: absolute;
    width: 54%;
    height: 8rem;
    left: 23%;
    cursor: default;
    height: 100%;
    float: left;
}
.uploader1{
    position: absolute;
    width: 50%;
    height: 8rem;
    cursor: default;
    height: 100%;
    float: left;
}
.filename {
    position: absolute;
    outline: 0 none;
    line-height: 1.5rem;
    font-size: 1.5rem;
    color: #999;
    width: 100%;
    margin: 0;
    overflow: hidden;
    cursor: default;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: 0;
    top: 9.2rem;
    text-align: center;

}

.button {
    float: left;
    height: 100%;
    display: inline-block;
    outline: 0 none;
    margin: 0;
    cursor: pointer;
    border: 0;
    width: 8rem;
    font-size: 14px;
}

.uploader input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border: 0;
    padding: 0;
    margin: 0;
    height:8rem;
    width: 100%;
    cursor: pointer;
   border: solid 1px #ddd;
    opacity: 0;
    font-size: 14px;
}
.uploader1 input[type=file] {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    border: 0;
    padding: 0;
    margin: 0;
    height:8rem;
    width: 100%;
    cursor: pointer;
    border: solid 1px #ddd;
    opacity: 0;
    font-size: 14px;
}
input[type=button]::-moz-focus-inner {
    padding: 0;
    border: 0 none;
    -moz-box-sizing: content-box;
}

input[type=button]::-webkit-focus-inner {
    padding: 0;
    border: 0 none;
    -webkit-box-sizing: content-box;
}

input[type=text]::-moz-focus-inner {
    padding: 0;
    border: 0 none;
    -moz-box-sizing: content-box;
}

input[type=text]::-webkit-focus-inner {
    padding: 0;
    border: 0 none;
    -webkit-box-sizing: content-box;
}

.blue .button {
    color: #fff;
    background: #0fa1f7;
    background: #555;
    height: 100%;
    width: 100%;
    font-size: 18px;

}
.info{
    margin-top: 4rem;
    border-top: solid 1px #ddd;
}
.info ul li{list-style-type: none;padding: 1.5rem 0 ;border-bottom: solid 1px #eee;width: 98%;margin: auto}
.info ul li .left{width: 25%;float: left;position: relative;text-align: right;font-size: 1.5rem;color: #999}
.info ul li .right{width: 72%;float: right;position: relative;text-align: left;font-size: 1.5rem}
.info ul li .right input{outline: none;border:0}
.btn-1{margin-top: 3rem;margin-bottom: 2rem;text-align: center}
.btn-1 button{width: 90%;outline: none;border: none;background: #3775ec;color: #fff;height: 5rem;display: inline-block;border-radius: 0.4rem;font-size: 2rem}


.cmd-lbbox{ width:calc(100% - 30px); height:auto; overflow:hidden; margin:15px auto 0;}
.cmd-lb1{width:calc(100% - 30px);height:70px; overflow:hidden; background:#ffffff; border-radius:4px; margin-bottom:15px; padding:15px;}
.cmd-lb11{ width:51px; height:70px; overflow:hidden; float:left;  border-radius:4px; background:#1d0f0e;}
.cmd-lb111{ width:100%; height:100%;  display:flex; flex-wrap: nowrap;align-items: center; text-align: center;justify-content: center;}
.cmd-lb111 img{ width:100%;}
.cmd-lb12{ width:calc(100% - 61px); height:auto; overflow:hidden; float:right; }
.cmd-lb121{ width:100%; height:23px; line-height:23px; font-size:15px; color:#333333; overflow:hidden;}
.cmd-lb122{ width:100%; height:22px; line-height:22px; font-size:12px; color:#999999; overflow:hidden; margin-top:2px;}
.cmd-lb123{ width:100%; height:22px; line-height:22px; font-size:12px; color:#ff0000; overflow:hidden;}