@charset "utf-8";
/* CSS Document */
.filterBlur {
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
}
.color-blue {
    background-color: #34b7f7;
}
.color-green {
    background-color: #65c730;
}
.color-orange {
    background-color: #ff6966;
}
.color-yellow {
    background-color: #f0dd3a;
}
.t-line {
    position: relative;
}
.t-line:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid rgba(207, 207, 207, 0.95);
    color: rgba(207, 207, 207, 0.95);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.501);
    transform: scaleY(0.501);
}
.r-line {
    position: relative;
}
.clear{
    clear:both;
}

.r-line:before {
    content: " ";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    border-right: 1px solid rgba(207, 207, 207, 0.95);
    color: rgba(207, 207, 207, 0.95);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
}
.b-line {
    position: relative;
}
.b-line:before {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    border-bottom: 1px solid rgba(207, 207, 207, 0.95);
    color: rgba(207, 207, 207, 0.95);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.501);
    transform: scaleY(0.501);
}
.l-line {
    position: relative;
}
.l-line:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    border-left: 1px solid rgba(207, 207, 207, 0.95);
    color: rgba(207, 207, 207, 0.95);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleX(0.501);
    transform: scaleX(0.501);
}
#loadingMessage{
    padding: 0.5em 0 1em;
}
#loadingMessage .am-list-news-ft {
    text-align: center;
}
.am-list-news-ft{
    text-align: center;
    padding: 1em 0 1em;
}
.box-line {
    position: relative;
}
.box-line:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 200%;
    border: 1px solid rgba(207, 207, 207, 0.95);
    border-radius: 0;
    color: rgba(207, 207, 207, 0.95);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scale(0.501);
    transform: scale(0.501);
}
.fullSize {
    width: 100%;
    height: 100%;
}
.devider {
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
    min-height: 10px;
    background: #f5f5f5;
}
.flexBox {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}
.itemCenter {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.contentCenter {
    -webkit-justify-content: center;
    justify-content: center;
}
.car-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 49px;
    z-index: 2;
    background: #fff;
}
.car-bar:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid rgba(207, 207, 207, 0.95);
    color: rgba(207, 207, 207, 0.95);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.501);
    transform: scaleY(0.501);
}
.car-bar .shopping-car {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 100%;
    margin-left: 15px;
}
.car-bar .shopping-car .shopping-car-icon {
    position: relative;
}
.car-bar .shopping-car .shopping-car-icon .icon-shopping-car {
    position: relative;
    width: 32px;
    height: 32px;
    background: url("../images/icon-png/shopping-car.png") no-repeat;
    background-size: 32px;
}
.car-bar .shopping-car .shopping-car-icon .car {
    position: absolute;
    top: -6px;
    right: -6px;
    width: 16px;
    height: 16px;
    padding: 0 5px;
    border-radius: 8px;
    font-size: 10px;
    color: #fff;
    background: #e84c3d;
}
.car-bar .shopping-car .total-price {
    padding-left: 15px;
    display: inline-block;
}
.car-bar .shopping-car .total-price .total-name {
    font-size: 16px;
    color: #333;
}
.car-bar .shopping-car .total-price .price {
    font-size: 18px;
    font-weight: 400;
    color: #e84c3d;
}
.car-bar .shopping-car .shopping-button {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    padding: 12px 20px;
    line-height: 25px;
    font-size: 17px;
    font-weight: 400;
    color: #fff;
    background: #e84c3d;
}
.bottom-btn-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 80px;
    padding: 5px 15px;
    background: #fff;
}
.bottom-btn-bar:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid rgba(207, 207, 207, 0.95);
    color: rgba(207, 207, 207, 0.95);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.501);
    transform: scaleY(0.501);
}
.scroll {
    position: absolute;
    z-index: 0;
    width: 100%;
}
html {
    -webkit-touch-callout: none;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
    touch-action: pan-y;
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}
body {
    font-size: 16px;

    word-wrap: break-word;
    font-family: '微软雅黑';
    text-rendering: optimizeLegibility;
    -webkit-backface-visibility: hidden;
    -webkit-user-drag: none;
}
* {
    margin: 0;
    padding: 0;
}
*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
a img {
    border: 0;
}
a {
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    color: #646464;
}
iframe {
    border: none;
    background: #fff;
}
ul {
    list-style: none;
}
.fl{
    float:left;
}
.fr{
    float:right;
}
.layout-column {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 100%;
}
.layout-column .col {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    position: relative;
    height: 100%;
    text-align: center;
}
.row {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 100%;
}
.row .col {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}
.row .col-3,
.row .col-3-3,
.row .col-4,
.row .col-4-4,
.row .col-5,
.row .col-5-5 {
    width: 100%;
}
.row .col-3-1 {
    width: 33.333333%;
}
.row .col-3-2 {
    width: 66.666666%;
}
.row .col-4-1 {
    width: 25%;
}
.row .col-4-2 {
    width: 50%;
}
.row .col-4-3 {
    width: 75%;
}
.row .col-5-1 {
    width: 20%;
}
.row .col-5-2 {
    width: 40%;
}
.row .col-5-3 {
    width: 60%;
}
.row .col-5-4 {
    width: 80%;
}
*,
*:after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html,
body,
.container,
.scroller {
    height: 100%;
}
.scroller {
    overflow-y: scroll;
}
.scroller,
.scroller-inner {
    position: relative;
    padding-left: 5px;
    cursor: pointer;
    height: 100%;
}


.focus {
    width: 100%;
    height: auto;
    max-height: 12em;
    position: relative;
    overflow: hidden;
}
.focus .hd {
    width: 100%;
    height: 10px;
    position: relative;
    z-index: 1;
    text-align: center;
    position: absolute;
    bottom: 5px;
}
.focus .hd ul {
    display: inline-block;
    height: 0.3rem;
}
.focus .hd ul li {
    display: inline-block;
    width: 8px;
    height: 8px;
    text-indent: -444rem;
    background: #f4f4f4;
    margin: 0 5px;
    vertical-align: top;
    overflow: hidden;
    border-radius: 50%;
}
.focus .hd ul .on {
    background: #ff5a5f;
}
.focus .bd {
    position: relative;
    z-index: 0;
}
.focus .bd li {
    height: auto;
    overflow: hidden;
    display: none;
}
.focus .bd li a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.focus .bd li a img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
}


.focus1 {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}
.focus1 .hd {
    width: 100%;
    height: 10px;
    position: relative;
    z-index: 1;
    text-align: center;
    position: absolute;
    bottom: 10px;
}
.focus1 .hd ul {
    display: inline-block;
    height: 0.3rem;
}
.focus1 .hd ul li {
    display: inline-block;
    width: 8px;
    height: 8px;
    text-indent: -444rem;
    background: #f4f4f4;
    margin: 0 5px;
    vertical-align: top;
    overflow: hidden;
    border-radius: 50%;
}
.focus1 .hd ul .on {
    background: #ff5a5f;
}
.focus1 .bd {
    position: relative;
    z-index: 0;
}
.focus1 .bd li {
    height: auto;
    overflow: hidden;
}
.focus1 .bd li a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.focus1 .bd li a img {
    width: auto;
    height: 16em;
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
}
.nav-all{
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
}

.nav-all .nav{
    width:100%;
    height:auto;
    padding:0px 0px 10px;
}

.nav-all .nav ul{

    height: auto;
    padding: 0;
    margin: 0px auto;
}
.nav-all .nav-li{
    float: left;
    width:25%;
    height:auto;
    padding-top: 10px;
    padding-bottom:5px;
    text-align:center;
}

.nav-all .nav-li .nav-img{
    display: block;
    margin: auto;
    width: 3.5em;
    height: 3.5em;
    text-align: center;
    color: white;

}

.nav-all .nav-li .nav-img img{
    width:100%;
    height:100%;
}
.nav-all .nav-li .nav-tit{
    text-align:center;
    font-size: 1em;
    letter-spacing: 2px;
}

.height10{
    width: 100%;
    height: 0.75em;
    background:#f7f6f5;
}
.swiper-container {
    width: 100%;
    max-width: 640px;
}
.swiper-container .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}


.main-one{
    width:100%;
    height:3em;
    border-bottom:1px solid #cfcfcf;
}
.main-tit{
    width:100%;
    height:3em;
    line-height: 3em;
    text-align:center;
    margin: 0px auto;
}

.main-tit .one{
    padding:0px 0px;
    width:25%;
}
.main-tit .one span{
    padding: 0px 0px 0px 0px;
    float: right;
}


.main-titg{
    margin:0em 1em 0;
    height:3em;
    
    text-align:center;
}

.main-titg .one{
    padding:0px 0px;
   
}
.main-titg .one a{
    display: block;
    height: 2em;
    line-height: 2em;
    margin:0.5em 0;
    width:auto;

}
.main-titg .one.cur a{
    background: #0ed2fc;
    border-radius: 1.2em;
    color:#fff;
}


.color-lan{
    color:#1c9bfd;
}
.color-hong{
    color:#ff3333;
}
.z-list{

    margin: 1em auto;
}
.z-list .z-l{

    position:relative;
}

.z-list .z-l .z-list-img img{
    width:4.8em;
    height:4.8em;
    margin-top:10px;
    margin-left:10px;
    border-radius: 50%;
    overflow: hidden;

}
.jin img{
    border: 3px solid #f2bc00;
}
.yin img{
    border: 3px solid #d0dee5;
}
.tong img{
    border: 3px solid #a8812d;
}

.z-list .z-l .jin-g,.z-list .z-l .yin-g,.z-list .z-l .tong-g{
    width:30px;
    height: 30px;
    position:absolute;
    z-index:0;
}

.jin-g img,.yin-g img,.tong-g img{
    width:100%;
    height:auto;
}

.zuan{
    margin-top:2px;
    width:1.2em;
    height:1.2em;
    display:block;
    background: url(../img/zuan.png) no-repeat;
    background-size:100% 100%;
}
.z-list .z-r{
    margin-left: 0.8em;
    margin-right: 0.8em;
    margin-top: 0.4em;
}
.z-list .z-r .top{

    height:2em;
    padding-bottom:0.125em;
    border-bottom:1px solid #e9e9e9;
    display:block;

}

.z-list .z-r .top h4{
    font-size: 1em;
    font-family:"微软雅黑";
    padding-right:10px;
    font-weight:normal;
    color:#333;
}

.z-list .z-r .top .price{
    font-size:1em;
    font-weight:normal;
}

.z-list .z-r .con{
    width:100%;
    height: 1.125em;

}
.z-list .z-r .con .age{
    width:57px;
    height: 22px;
    margin-top:8px;
    line-height: 22px;

}
.z-list .z-r .con .g-age{
    background:url(../img/age.png) no-repeat;
    background-size: 100% 100%;
}

.z-list .z-r .con .b-age{
    background:url(../img/b-age.png) no-repeat;
    background-size: 100% 100%;
}
.z-list .z-r .con h4{
    padding-left:30px;
}
.color-fen{
    color:#ff96aa;
}
.z-list .z-r .con .mei{
    padding:0px 15px;
    height:22px;
    background:#d2bfeb;
    color: #fff;
    border-radius: 20px;
    margin-top:8px;
    margin-left:10px;
    line-height: 22px;
    font-size:0.9em;
}

.z-list .z-r .bottom{
    width:100%;
    height: 30px;
    line-height: 30px;
}

.z-list .z-r .bottom .tex{
    font-size: 0.875em;

    height:30px;
    text-overflow: ellipsis;/*超出部分省略*/
    white-space: nowrap;/*强制不换行*/
    overflow:hidden; /*超出部分隐藏*/
}

.z-list .z-r .bottom .map{

    line-height:30px;
    height: 30px;
}

.dingwei{
    display:block;
    width: 13px;
    height: 15px;
    background:url(../img/map.png) no-repeat;
    background-size: 100% 100%;
    margin-top:6px;
}

.z-list .z-r .bottom .map h4{
    font-weight:normal;
    padding-left:5px;
    font-size: 0.8em;
}

.foot-btn{
    position: fixed;
    width: 100%;
    height:3em;
    background: url(../img/foot-bg.jpg) no-repeat;
    background-size: 100% 100%;
    bottom:0px;
}
.foot-btn li{
    width: 25%;
    text-align:center;
    height:3.5em;
}
.foot-btn li a{
    display:block;
    margin-top:0.25em;
}

.foot-btn li .foot-tex{
    color:#fff;
    font-size:0.875em;
}

.icon1{

    width: 1.4em;
    height:1.4em;
    margin:0px auto;
    background:url(../img/foot-icon1.png) no-repeat;
    background-size: 100% 100%;
}
.icon2{

    width: 1.4em;
    height:1.4em;
    margin:0px auto;
    background:url(../img/foot-icon2.png) no-repeat;
    background-size: 100% 100%;
}
.icon3{

    width: 1.4em;
    height:1.4em;
    margin:0px auto;
    background:url(../img/foot-icon3.png) no-repeat;
    background-size: 100% 100%;
}
.icon4{

    width: 1.4em;
    height:1.4em;
    margin:0px auto;
    background:url(../img/foot-icon4.png) no-repeat;
    background-size: 100% 100%;
}
.icon5{

    width: 1.4em;
    height:1.4em;
    margin:0px auto;
    background:url(../img/foot-icon5.png) no-repeat;
    background-size: 100% 100%;
}
.bor-r{
    border-right: 1px solid #fff;
}
.last{
    width:100%;
    height: 3.2em;
}


.color-danlan{
    color:#5fdfff;
}

.personal-data{
    width:100%;
    height:80px;
    margin: 0px auto;
    border-bottom: 1px solid #eaeaea;
    position:relative;
}
.personal-data .personal-data-con{
    width:96%;
    height: auto; 
    margin: 10px auto;
}

.personal-data .head-zan{
    position:absolute;
    z-index:0;
    background:url(../img/guanzhu.png) no-repeat;
    background-size: 100% 100%;
    width:2em;
    height:2em;
    right: 0.5em;
    top: -2em;
}
.personal-data .head-zan.active{

    background-image:url(../img/guanzhu2.png) ;

}
.personal-data .personal-logo{
    width: 20%;
    height:auto;

}

.personal-data .personal-logo img{
    width: 4.5em;
    height:4.5em;
    border-radius: 50%;
}

.personal-data .personal-text{
    width:76%;
    height:auto;
}

.personal-data .personal-text .top{
    margin-top: 10px;
}


.personal-data .personal-text .top .top1{
    display:block;
    width: 100%;
    height:30px;
    line-height:30px;
}
.personal-data .personal-text .top .top1 h4{
	text-align:left;
	line-height:30px;
    font-weight:normal;
    width: 63%;
    height: 30px;
    text-overflow: ellipsis;/*超出部分省略*/
    white-space: nowrap;/*强制不换行*/
    overflow:hidden; /*超出部分隐藏*/
}
.personal-data .personal-text .top .top1 span{
	width: 37%;
    font-size: 0.9em;
	padding-left:5px;
	padding-right:5px;
	text-align:right;
}
.personal-data .personal-text .top .top2{
    width:100%;
    height:27px;
    display:block;
    line-height:27px;
}

.personal-data .personal-text .top .top2 .per-icon1{
    width:14px;
    height: 15px;
    background:url(../img/per-icon1.png) no-repeat;
    display: block;
    background-size: 100% 100%;
    margin-top:5px;
}
.personal-data .personal-text .top .top2 .per-icon2{
    width:16px;
    height: 13px;
    background:url(../img/per-icon2.png) no-repeat;
    display: block;
    background-size: 100% 100%;
    margin-top:8px;

}
.personal-data .personal-text .top .top2 .per-icon3{
    width:13px;
    height: 13px;
    background:url(../img/per-icon3.png) no-repeat;
    display: block;
    background-size: 100% 100%;
    margin-top:8px;
}

.personal-data .personal-text .top .top2 span{
    padding-left:2px;
    font-size: 0.675em;
    color:#666;
}

.personal-data .personal-text .top .top2 .per-top{
    padding-right:7px;
}
.color-zi{
    color:#d2bfeb;
}

.per-introduce{
    display:block;
    width: 94%;
    height:40px;
    font-weight: normal;
    font-size:0.9em;
    margin-left: 3%;
    line-height: 40px;
    color:#555;
    text-overflow: ellipsis;/*超出部分省略*/
    white-space: nowrap;/*强制不换行*/
    overflow:hidden; /*超出部分隐藏*/
}

.per-title{
    width: 100%;
    height:3em;
    line-height:3em;

}
.per-icon4{
    width:1.7em;
    height:1.4em;
    background:url(../img/per-icon4.png) no-repeat;
    background-size: 100% 100%;
    display:block;
    margin: 0.8em 0em 0em 0em;
}
.per-title .con{
    height: 3em;
    line-height: 3em;
    margin: 0px auto; 
    text-align:center;
    font-size: 1.05em;
    border-bottom: 1px solid #eaeaea;
}
h4{
    font-weight: normal;
}

.per-list{

}

.per-list li{
    width: 50%;
    height: auto;
    padding: 15px 0px 10px 0px;

}
.per-list li .per-list-l{
    width: 24%;
    margin-left: 4%;
    margin-right: 2%;
}

.per-list li .per-list-l img{
    width: 3em;
    height:3em;
    margin-top: 2px;
}

.per-list li .per-list-r .top{
    font-size: 1em;
    line-height: 27px;
}
.per-list li .per-list-r .top span{
    font-size:0.875em;
}
.per-list li .per-list-r h4{
    padding-right:7px;
    font-size: 0.875em

}
.per-list li .per-list-r .bottom{
    line-height:20px;
    color: #777;
    font-size:0.9em;
}
.border-r{
    border-right: 1px solid #eaeaea;
}
.border-b{
    border-bottom: 1px solid #eaeaea;
}


.per-ping{
    width: 100%;
    height:4.2em;
}
.per-ping .per-pingl{
    width: 50%;

    text-align:right;
    padding-right:15px;
    line-height: 4em;
    border-right: 1px dashed #19b3fd;
    font-size: 1em;

}
.per-ping .per-pingr{
    width: 50%;

    padding-left:10px;
    margin: 12px 0px 12px 0px;
}
.per-ping .per-pingr h4{
    padding-left:5px;
    line-height: 1em;
    font-size: 0.875em;
}
.star{

    height: 1.4em;
    line-height:1.4em;
}
.star .star1{
    display:block;
    width: 1em;
    height: 1em;
    margin-right:0.2em;
    background:url(../img/star1.png) no-repeat;
    background-size: 100% 100%;
}
.star .star2{
    display:block;
    width: 1em;
    height: 1em;
    margin-right:0.2em;
    background:url(../img/star2.png) no-repeat;
    background-size: 100% 100%;
}

.per-evaluate{
    width: 96%;
    margin:15px 2% 0px 2%;
}

.per-evaluate .top .l-img{
    width:4em;
    height:4em;
    margin-left: 2%;

}
.per-evaluate .top .l-img img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.per-evaluate .top .l-tit{
    margin-left:5%;
}
.per-evaluate .top .l-tit> h4{
    color:#333;
    line-height: 1.4em;
    font-size:0.975em;
}
.per-evaluate .top .l-tit .star h4{
    line-height: 1em;
    color:#999
}
.per-evaluate .top .l-date{

    color:#999;
}

.per-evaluate .bottom{
    margin:0em 0 1em 0em;
    line-height:2em;
    text-overflow: ellipsis;/*超出部分省略*/
    white-space: nowrap;/*强制不换行*/
    overflow:hidden; /*超出部分隐藏*/
    font-size:0.875em;

}

.vip-div{
    position: relative;
}
.vip-div .star{
    position: absolute;
    left:0.4em;
    top:0.4em;
}
.vip-div .txt{
    position: absolute;
    right:0.6em;
    top:0.4em;
    color:#ffffff;
    text-align: right;
}
.vip-div .txt2{
    position: absolute;
    left:1em;
    bottom:0.6em;
    color:#ffffff;
    text-align: right;
    font-size: 0.675em;
}
.vip-div .txt3{
    position: absolute;
    left:1em;
    bottom:2.2em;
    color:#f30;
    text-align: right;
    font-size: 0.675em;
}
.vip-div .txt span{

    font-size: 0.675em;
}
.vip-div .vip-wx{
    position: absolute;
    right:1em;
    bottom:1em;
    color: #ffffff;
    font-size: 0.675em;
}
.vip-div .vip-wx span{
    text-decoration: line-through;

    color: #e84c3d;
}
.vip-div .vip-1{
    position: absolute;
    right:0.8em;
    bottom:1em;
    color: #ffffff;
    font-size: 0.675em;
}

.vip-div .vip-1 p{
    background: #4327ee;
    border-radius:0.5em;
    padding:0em 0.3em;
    display: inline-block;
}
.vip-div .vip-1 p span{
    text-decoration: line-through;

    color: #e84c3d;
}
.vip-div .vip-2{
    position: absolute;
    right:0.8em;
    bottom:1em;
    color: #ffffff;
    font-size: 0.675em;
}

.vip-div .vip-2 p{
    background: #4327ee;
    border-radius:0.5em;
    padding:0em 0.3em;
    display: inline-block;
}

.vip-div .ml{
    position: absolute;
    right:3.2em;
    top:0.8em;
    color: #ffffff;
    font-size: 0.675em;
}

.vip-div .ml p{
    background: #4327ee;
    border-radius:0.5em;
    padding:0em 0.3em;
    display: inline-block;
}
.vip-div .ml p span{
    text-decoration: line-through;
    color:#e84c3d;
}
.vip-div .dd{
    position: absolute;
    right:0.4em;
    top:0.6em;
    color: #ffffff;
    font-size: 0.675em;
}
.vip-div .zuan{
    width:1.4em;
    height:1.4em;
}

.qiangdan-pub{
    position: fixed;
    right:1em;
    bottom:4.5em;
}
.qiangdan-pub a{
    display: block;
    width:3.5em;
    height:3.5em;
    background: url(../img/qiangdan-pub.png);
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
}

.wx-look{
    margin:0 auto;
    background: url(../img/overcenga.png) no-repeat;
    background-size: contain;
    width:20em;
    height:16em;
    padding:4.4em 0 0;
}
.wx-look .wx-title{
    line-height: 2.3em;
    text-align: left;
    margin-left: 6.4em;
    font-size: 0.9em;
}

.wx-look .wx-title input{
    width:8em;
    border:0;
    background: #ffffff;

}
.wx-look .wx-title .dtel{
    width:1.6em;
    height:1.6em;
    background: url(../img/dtel.png) no-repeat;
    background-size: contain;
    display: inline-block;
    margin: 0.3em 2.8em 0 0em;
    float: right;
}
.wx-look .wx-title img{
    width:7em;
    height:7em;
    margin-left: 1.2em;
    margin-top: 0.6em;
}

.wx-look1{
    margin:0 auto;
    background: url(../img/overceng3.png) no-repeat;
    background-size: contain;
    width:20em;
    height:13em;
    padding:4.4em 0 0;
}

.active-look{
    margin:0 auto;
    background: url(../img/overceng1.png) no-repeat;
    background-size: contain;
    width:14em;
    height:8em;
    padding:4em 3em 0;
    text-align: left;
    font-size: 1em;
}
.active-look p{
    font-size: 0.875em;
}
.active-look span{
    display: block;
    text-align: center;
}
.active-uinfo{
    padding:0.4em 0.5em;
}
.active-uinfo img{
    width:4em;
    height:4em;
    border-radius: 50%;
    border:1px solid #c1c1c1;
    display: inline-block;
    overflow: hidden;
    margin:0.2em 0.1em;
}

.popuo-login{

}
.popuo-login .layui-m-layercont{
    max-height: 20em;
    overflow-y: scroll;
}

.header{
    width: 100%;
    height:3em;
    background: url(../img/header-bg.jpg) no-repeat;
   
    background-size: 100% 100%;
    z-index: 9999;
}
.frist{
    width:100%;
    height: 3em;
}

.header .back{

    width: 3em;
    height:3em;
    background:url(../img/back.png) no-repeat;
    background-size: 1em 1.5em;
    background-position:center;
}
.header .back a{
    display:block;
    width:100%;
    height:100%;
}
.header .right{
    width: 3em;
    height:3em;

    background-size: 1em 1.4em;
    background-position:center;
}
.header .right a{
    display:block;

}
.header .sex{
    width: 19px;
    height: 24px;
    background:url(../img/sex.png) no-repeat;
    background-size: 100% 100%;
    margin-top:8px;
    margin-right: 15px;
}
.header .head-list{
    display: block;
    text-align:center;

    height: 3em;


}

.header .head-list li a{

    color: #fff;
    font-size: 1.03em;
    line-height: 3em;

    padding: 0em 0.5em 0.2em 0.5em;
}
.header .con{

    height: 3em;
    line-height: 3em;
    text-align:center;
    color: #fff;
    display:block;
}
.help{

    width: 3em;
    height: 3em;
    background:url(../img/help.png) no-repeat;
    background-size:1.6em 1.6em;
    background-position:center;

}
.search{
    width: 3em;
    height: 3em;
    background: url(../img/seach.png) no-repeat;
    background-size:1.6em 1.6em;
    background-position:center;
}

.active{
    border-bottom: 1px solid #fff;
}

.z-list .z-r .bottom .play-list{
    width: 75%;
    height: 30px;
}
.z-list .z-r .bottom .play-list .l-move{
    width: 15px;
    height:15px;
    background:url(../img/l-move.png) no-repeat;
    background-size: 100% 100%;
    margin-top:5px;
    margin-right:2px;
}
.z-list .z-r .bottom .play-list .l-shipin{
    width: 15px;
    height:13px;
    background:url(../img/l-shipin.png) no-repeat;
    background-size: 100% 100%;
    margin-top:7px;
    margin-right:2px;
}
.z-list .z-r .bottom .play-list .l-lvyou{
    width: 15px;
    height:17px;
    background:url(../img/l-lvyou.png) no-repeat;
    background-size: 100% 100%;
    margin-top:3px;
    margin-right:2px;
}

.z-list .z-r .bottom .play-list .l-miace{
    width: 13px;
    height:19px;
    background:url(../img/l-miace.png) no-repeat;
    background-size: 100% 100%;
    margin-top:3px;
    margin-right:2px;
}
.z-list .z-r .bottom .play-list .l-youxi{
    width: 15px;
    height:13px;
    background:url(../img/l-youxi.png) no-repeat;
    background-size: 100% 100%;
    margin-top:5px;
    margin-right:2px;
}
.z-list .z-r .bottom .play-list .l-sleep{
    width: 13px;
    height:15px;
    background:url(../img/l-sleep.png) no-repeat;
    background-size: 100% 100%;
    margin-top:5px;
    margin-right:2px;
}

.z-list .z-r .bottom .play-list li h4{
    line-height:30px;
    font-size: 0.8em;
    color: #555;
}

.z-list .z-r .bottom .play-list li{
    margin-right: 5px;
}


.a-head{

    width: 100%;
    height: 13em;
    background:url(../img/about-top-bg.jpg) no-repeat;
    background-size: 100% 100%;
    position:relative;

}

.a-head .about-back{
    width: 3em;
    height: 3em;
    background: url(../img/about-back.png) no-repeat;
    background-size: 2em 2em;
    position: absolute;
    z-index:0;
    top: 15px;
    left: 15px;
}
.about-title{
    width: 100%;
    height:auto;
}
.about-title .about-logo{
    width:7em;
    height: 7em;
    left:50%;
    margin-left:-3.5em;
    position:absolute;
    z-index: 1;
    top: 9.5em;
}

.about-title .about-logo img{
    width: 100%;
    height:auto;
    border-radius: 50%;

}
.about-title h4{
    width: 100%;
    height: 2em;
    text-align:center;
    margin-top:4em;
    font-size: 1.1em;
    line-height:2em;
}

.about-title h5{
    width: 100%;
    height: 30px;
    line-height: 20px;
    text-align:center;
    font-weight:normal;
    font-size: 1.1em;
}

.about-title .about-jianjie{
    width: 94%;
    height: 40px;
    line-height:40px;
    text-overflow: ellipsis;/*超出部分省略*/
    white-space: nowrap;/*强制不换行*/
    overflow:hidden; /*超出部分隐藏*/
    margin: 0px auto;
}
.about-list li a{
    display:block;
    width: 94%;
    height:60px;
    line-height: 60px;
    margin-left: 3%;
}
.about-list li a h4{
    margin-left: 10px;
}

.about-icon1{
    width: 40px;
    height: 40px;
    background: url(../img/about-icon1.png) no-repeat;
    background-size: 100% 100%;
    margin-top:10px;
    display: block;
}
.about-icon2{
    width: 40px;
    height: 40px;
    background: url(../img/about-icon2.png) no-repeat;
    background-size: 100% 100%;
    margin-top:10px;
}
.about-icon3{
    width: 40px;
    height: 40px;
    background: url(../img/about-icon3.png) no-repeat;
    background-size: 100% 100%;
    margin-top:10px;
}

.w-border-b{
    width:100%;
    height:1px;
    border-bottom: 1px solid #eaeaea;
}
.right-bg{
    width: 1.2em;
    height:1.2em;
    background:url(../img/right-bg.png) no-repeat;
    background-size: 100% 100%;
}
.right-bg1{
    width: 1.2em;
    height:1.2em;
    background:url(../img/right-bg.png) no-repeat;
    background-size: 100% 100%;
}
.about-list .right-bg{
    margin-top:1.3em;
}
.about-text{
    width: 100%;
    height: 150px;
    background:#f5f4f9;
    border: none;
    padding: 20px 20px;

}

.about-btn{

    position:fixed;
    bottom: 0;
    width: 100%;
    height: 3em;
    background: #fff;
    margin-top: -6px;

    border-top: 1px solid #dadada;
}
.about-btn .btn-l{
    width: 56%;
    height: 3em;
    margin-left:4%;
    line-height: 3em;
    color: #777;
}
.about-btn .btn-l h4{
    font-size: 0.7em;
}
.about-btn .btn-l span,.details-btn .btn-l span{
    font-size: 1em;
}

.about-btn .btn-r{
    width: 40%;
    height: 3em;
    line-height: 3em;
    background: #1c9bfd;
    border-radius: 40px 0px 0px 40px;
}
.about-btn-r{
    width: 21px;
    height: 20px;
    background:url(../img/about-btn-r.png) no-repeat;
    background-size: 100% 100%;	
    margin-top: 15px;
    margin-left: 15%;
    margin-right: 10%;
}

.about-btn .btn-r h4{
    color:#fff;

}

.details-btn{
    width: 100%;
    height: 3em;
    background: #1c9bfd;
    margin-top: -6px;
    position:fixed;
    bottom:0;
}
.details-btn .btn-l{
    width: 46%;
    height: 3em;
    margin-left:4%;
    line-height: 3em;
}
.details-btn .btn-l h4{
    color: #fff;
    padding-left: 10px;
    font-size: 1em;
}
.details-btn .btn-r{
    width: 50%;
    height: 3em;
    line-height: 3em;
    background: #fedb64;
    border-radius: 2em 0px 0px 2em;

}

.weixin-bg{
    width: 25px;
    height: 25px;
    background: url(../img/weixin.png) no-repeat;
    background-size: 100% 100%;
    margin-top: 12px;
    margin-left: 35%;
}
.details-btn .btn-r h4{
    color:#fff;
    padding-left: 78px;
}
.colck-bg{
    width: 25px;
    height: 25px;
    background: url(../img/clock.png) no-repeat;
    background-size: 100% 100%;
    margin-top: 12px;
    margin-left: 25%;
}

.n-list{
    margin-left:3%;
    width: 94%;
    height: 40px;
    line-height: 40px;
    margin: 6px auto;
    color: #555;
}
.n-list .text,.n-text .text{
    width: 83%;
}
.n-list .text h4,.n-text .text h4{
    height: 40px;
    padding-right: 10px;
    font-size: 0.95em;
}

.n-icon1{
    width: 35px;
    height:35px;
    background:url(../img/n-icon1.png) no-repeat;
    background-size: 100% 100%;
    margin: 0px 10px;
}
.n-icon2{
    width: 35px;
    height:35px;
    background:url(../img/n-icon2.png) no-repeat;
    background-size: 100% 100%;
    margin: 0px 10px;
}
.n-icon3{
    width: 35px;
    height:35px;
    background:url(../img/n-icon3.png) no-repeat;
    background-size: 100% 100%;
    margin: 0px 10px;
}
.n-icon4{
    width: 35px;
    height:35px;
    background:url(../img/n-icon4.png) no-repeat;
    background-size: 100% 100%;
    margin: 0px 10px;
}
.n-icon5{
    width: 35px;
    height:35px;
    background:url(../img/n-icon5.png) no-repeat;
    background-size: 100% 100%;
    margin: 0px 10px;
}
.n-list .text input{
    display:block;
    border: none;
    width: 66%;
    height: 40px;
    line-height: 40px;
    font-family:"微软雅黑";
    color: #999;
    font-size: 0.95em;
    padding:0 0.5em;

}
.n-list .text .right-bg{
    margin-top: 10px;
}

.n-list .text .up{
    margin-right: 10px;
    margin-top: 8px;
    display:block;
    height:23x;
    font-size: 0.95em;
    line-height: 23px;
    padding: 0px 10px;
    border: 1px solid #1c9bfd;
    border-radius: 20px;
}
.n-list .text .active{
    background: #1c9bfd;
    color: #fff;
}

.n-text{
    margin-left:3%;
    width: 94%;
    height: 90px;
    line-height: 40px;
    margin: 10px auto;
    color: #555;
}

.n-text .text textarea{
    display:block;
    border: none;
    width: 80%;
    height: 5em;
    line-height: 2em;
    font-family:"微软雅黑";
    padding:0.5em 0;
    font-size: 0.95em;
}
.n-img{
    width: 94%;
    height:auto;
    margin-left: 3%;
}
.n-img li{
    width: 27%;
    height: auto;
    display:block;
    margin-left: 5%;

}
.n-img li .img{
    position:relative;
}
.n-img li img{
    width: 100%;
    height: auto;
    margin: 0px auto;
}
.n-img li h4{
    text-align:center;
}
.n-img .active-img{
    position: absolute;
    z-index: 1;
    bottom: 0px;
    right: 0px;
    width: 25px;
    height: 25px;
    background: url(../img/duihao.png) no-repeat;
    background-size: 100% 100%;
}
.n-btn{
    width: 100%;
    height: 40px;
    background: url(../img/header-bg.jpg) no-repeat;
    background-size: 100% 100%;
    margin-top: 10px;
    color: #fff;
    position: fixed;
    bottom: 0;
    z-index: 1;
}
.n-icon7{
    width: 25px;
    height:25px;
    background:url(../img/n-icon7.png) no-repeat;
    background-size: 100% 100%;
    margin-left: 35%;
    margin-top:5px;
}
.n-btn .con{
    margin-left: 2%;
    line-height: 40px;
}



.pub-top{
    width: 100%;
    height: 13em;
    background: url(../img/pub-top-bg.png) no-repeat;
    background-size: 100% 100%;
}
.pub-top .ptop{
    margin: 0 auto;
    padding-top: 2em;
    width:8em;
    height:10em;
}
.pub-top .ptop img{

    width:8em;
    height:8em;
}
.pub-top .img{

    width: 28%;
    height:auto;
    margin:0 auto;

}

.pub-top .img img{
    width: 100%;
    height:auto;
    margin-top: 1.8em;
}
.pub-top h4{
    text-align:center;
    color: #fff;
    font-size: 0.9em;
}
.pub-con{
    width: 94%;
    margin-left: 3%;
    height: auto;
}
.pub-con h4{
    width: 100%;
    height: 40px;
    line-height: 40px;
    margin-top:20px;
}
.pub-con ul{
    width: 100%;
    margin-bottom: 20px;
    height:auto;
}
.pub-con ul li{
    display:block;
    width: 21%;
    height: auto;
    margin-left: 2%;
    margin-right: 2%;
    margin-bottom: 5px;
    margin-top:5px;
}
.pub-con ul li img{
    width: 100%;
    height: auto;
}

.pub-btn{
    display:block;
    text-align: center;
    margin: 2em auto 1em auto;

}
.pub-btn h4{
    text-align: center;
    margin:0 auto;
    width: 209px;
    height:40px;
    background: url(../img/pub-btn.png) no-repeat;
    background-size: 100% 100%;
    text-align:center;
    color: #fff;
    padding-top: 4px;
    border:0;
}

.pub-btn .pub-submit{
    text-align: center;
    margin:0 auto;
    width: 16em;
    height:3em;
    font-size: 1em;
    font-family: '微软雅黑';
    padding-bottom: 14px;
    background: url(../img/pub-btn.png) no-repeat;
    background-size: 100% 100%;
    text-align:center;
    color: #fff;
    padding-top: 4px;
    border:0;

}
#pub-imglist input{
    display:none;
}


.pro-top .left,.pro-top .right{
    width:96%;
    height:3.4em;
    background:  #2d70ce;
    margin-top: 4em;

}
.pro-top .left{
    border-top: 0.2em solid #1c9bfd;
    border-right: 0.2em solid #1c9bfd;
    border-bottom: 0.2em solid #1c9bfd;
    border-radius: 0em 2em 2em 0em;
}
.pro-top .left h5,.pro-top .right h5{
    line-height: 1.8em;
    font-size: 0.8em;
    color: #fff;
    font-weight:normal;
    text-align:center
}
.pro-top .left h4,.pro-top .right h4{
    font-size: 0.8em;
}
.pro-top .right{
    border-left:  0.2em solid #1c9bfd;
    border-top:  0.2em solid #1c9bfd;
    border-bottom:  0.2em solid #1c9bfd;
    border-radius: 2em 0em  0em 2em;
}
.pro-top .con{
    width:100%;
    height:auto;
    margin: 0px auto;
    position:relative;
}
.pro-top  .pro-star{
    width:1.8em;
    height: 1.5em;
    background:url(../img/pro-star.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    z-index: 0;
    top: 2.2em;
    right: 0.8em;
}

.pro-top .con .con-img{
    width: 7em;
    height: 7em;
    background:url(../img/pro-top-bg.png) no-repeat;
    background-size: 100% 100%;

    padding: 0.7em;
    margin:1.3em auto 0em auto;
}
.pro-top .con img{
    width: 5.6em;
    height: 5.6em;
    border: 0.25em solid #fff;
    border-radius: 50%;
    overflow: hidden;
}
.pro-bottom{
	color:#fff;
}
.pro-bottom .list{
    margin-top: 0.3em;
}
.pro-bottom .list a{
    color:#ffffff;
}
.pro-bottom .list h5{
    font-weight:normal;
    text-align:center;
    font-size: 0.9em;
    color: #fff;

}
.pro-bottom .list h5 span{
    padding: 0.2em 0.8em;
    background: #2499fd;
    margin-left: 1em;
    border-radius: 10em;
    line-height-: 3em;
    font-size: 0.875em;
}
.pro-con{
    width: 100%;

    color:#555;
}
.pro-con .main{
    padding:0.5em 1em;

}
.pro-con .main1{
    padding:0.2em 1em;

}
.pro-con .right-bg{
    margin-top: 0.6em;
}
.pro-con .title{
    line-height: 2.5em;
    padding-left: 0.5em;
}
.pro-con .title input{
    border: 0;
    line-height: 2.5em;
    text-align: right;
    padding:0 1em;
    font-size: 0.875em;
    font-family: '微软雅黑';
}
.pro-con .right-bg1{
    margin-top: 1.4em;
}
.pro-icon1{
    width: 2.4em;
    height:2.4em;
    background: url(../img/pro-icon1.png) no-repeat;
    background-size: 100% 100%;

}
.pro-icon3{
    width: 2.4em;
    height:2.4em;
    background: url(../img/pro-icon3.png) no-repeat;
    background-size: 100% 100%;

}
.pro-icon2{
    width: 2.4em;
    height:2.4em;
    background: url(../img/pro-icon2.png) no-repeat;
    background-size: 100% 100%;

}
.pro-icon4{
    width: 2.4em;
    height:2.4em;
    background: url(../img/pro-icon4.png) no-repeat;
    background-size: 100% 100%;

}

.pro-icon5{
    width: 2.4em;
    height:2.4em;
    background: url(../img/pro-icon5.png) no-repeat;
    background-size: 100% 100%;
}
.pro-icon6{
    width: 2.4em;
    height:2.4em;
    background: url(../img/pro-icon6.png) no-repeat;
    background-size: 100% 100%;
}
.pro-icon7{
    width: 2.4em;
    height:2.4em;
    background: url(../img/pro-icon7.png) no-repeat;
    background-size: 100% 100%;
}
.pro-icon8{
    width: 2.4em;
    height:2.4em;
    background: url(../img/pro-icon8.png) no-repeat;
    background-size: 100% 100%;
}
.pro-icon9{
    width: 2.4em;
    height:2.4em;
    background: url(../img/pro-icon9.png) no-repeat;
    background-size: 100% 100%;
}
.pro-icon10{
    width: 2.4em;
    height:2.4em;
    background: url(../img/pro-icon10.png) no-repeat;
    background-size: 100% 100%;
}
.pro-icon11{
    width: 2.4em;
    height:2.4em;
    background: url(../img/pro-icon11.png) no-repeat;
    background-size: 100% 100%;
}
.pro-con-active{
    width: 100%;
    background: url(../img/foot-bg.jpg) no-repeat;
    background-size: 100% 100%;
}
.pro-con-active .title{
    color: #fff;
}

.pos{
    position: relative;
}
.pos .pro-star{
    width:1.8em;
    height: 1.5em;
    background:url(../img/pro-star.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    z-index: 0;
    top: -0.4em;
    right: -0.4em;
}


.active-top{
    width: 100%;
    height:auto;

    position: relative;
}
.active-top img{
    width: 100%;
    height:auto;
}
.active-top .tdiv{
    position: absolute;
    left:0;
    top:30%;
    width:100%;
    text-align: center;
}
.active-top  .tdiv .over{
    background: rgba(255,255,255,0.5);
    border-radius: 4em;
    width:14em;
    margin:0 auto;
    padding:0.6em;
}
.active-top  .tdiv .over .t1{
    font-weight: bold;
    line-height: 1.8;
}
.active-top  .tdiv .over .t2{

}
.active-icon1{
    float: left;
    width: 1.2em;
    height:1.2em;
    background:url(../img/active-icon1.png) no-repeat;
    background-size: 100% 100%;
    margin-top: 0.9em;
    margin-right: 0.2em;
}
.active-icon2{
    width: 1.4em;
    height:1.4em;
    background:url(../img/active-icon2.png) no-repeat;
    background-size: 100% 100%;
    margin-top: 0.7em;
    margin-right: 0.2em;
}
.active-pri{
    color:#1c9bfd;
    font-weight: bold;
    font-size: 1em;
}
.active-pri span{
    color:#1c9bfd;
    font-weight: bold;
    font-size: 1.4em;
}
.active-tip{
    border-top:1px solid #d0dee5;
    padding:0.6em 1em;
    font-size: 0.875em;

}
.active-tip .span1{
    color:#1c9bfd;
    display: inline-block;
    margin: 0 1em 0 0;
    padding:0 0 0 1.2em;
    background:url(../img/active-tip.png) no-repeat;
    background-size: 1em;
    background-position: left center;
}
.active-tip .span2{
    color:#a8a8a8;
    display: inline-block;
    margin: 0 1em 0 0;
    padding:0 0 0 1.2em;
    background:url(../img/active-tip2.png) no-repeat;
    background-size: 1em;
    background-position: left center;
}
.active-nub{
    width: 96%;
    height: 3em;
    line-height: 3em;
    margin-left: 3%;
}

.active-title{
    width: 100%;
    height: 3em;
    line-height: 3em;
    padding-left: 3%;
    background: #eaeaea;
    color: #555;
}

.active-con{
    width: 96%;
    height:auto;
    margin-left: 2%;
    padding:0.2em 0;
    font-size: 0.875em;
}

.active-con img{
    width: 100%;
    height:auto;
    margin: 1em auto 0em auto;
}
.active-main{
    width: 94%;
    height: auto;
    margin-left: 3%;

}
.active-main h4{
    line-height:2em;
}
.active-main p{
    font-size: 0.95em;
    color:#555; 
    line-height: 1.9em;
}

.active-icon3{
    width: 1.6em;
    height:1.2em;
    background:url(../img/active-icon3.png) no-repeat;
    background-size: 100% 100%;
    margin-top: 0.9em;
    margin-left: 1em;
}
.active-icon4{
    width: 1.3em;
    height:1.3em;
    background:url(../img/active-icon4.png) no-repeat;
    background-size: 100% 100%;
    margin-top: 0.8em;
    margin-left:3em;
}

.active-suc-bg{
    background:url(../img/active_suc_bg.png) no-repeat;
    background-size: cover;
    width:100%;
    height:100%;
}
.active-suc-bg .search-div{
    position: absolute;
    left:50%;
    margin-left: -5em;
    bottom:20%;
    width:10em;
    text-align: center;
}
.active-suc-bg .search-div img{
    width:6em;
}
.active-suc-bg .search-div p{
    font-size: 0.875em;
    color: #ffffff;
}


.set-icon1{
    width: 2.5em;
    height: 2.5em;
    background:url(../img/set-icon1.png) no-repeat;
    background-size: 100% 100%;

}
.set-icon2{
    width: 2.5em;
    height: 2.5em;
    background:url(../img/set-icon2.png) no-repeat;
    background-size: 100% 100%;

}
.set-icon3{
    width: 2.5em;
    height: 2.5em;
    background:url(../img/pro-icon3.png) no-repeat;
    background-size: 100% 100%;

}
.set-icon4{
    width: 2.5em;
    height: 2.5em;
    background:url(../img/n-icon4.png) no-repeat;
    background-size: 100% 100%;

}
.mon-top{
    width: 100%;
    height: 14em;
    background:url(../img/mon-top-bgpng.png) no-repeat;
    background-size: 100% 100%;
}
.mon-top .yuan{
    width: 8.5em;
    height:8.5em;
    margin: 0px auto;
    background:url(../img/mon-top-yuan.png) no-repeat;
    background-size: 100% 100%;
    margin-top: 2.8em;
    text-align:center;
}

.mon-top .yuan h4{
    padding-top: 2.3em;
    font-size: 1.1em;
    color: #fff;
}
.mon-top .yuan p{
    font-size: 1.1em;
    color: #fff;
}
.money-icon1{
    width: 2.5em;
    height: 2.5em;
    background:url(../img/money-icon1.png) no-repeat;
    background-size: 100% 100%;

}
.money-icon2{
    width: 2.5em;
    height: 2.5em;
    background:url(../img/money-icon2.png) no-repeat;
    background-size: 100% 100%;

}
.money-icon3{
    width: 2.5em;
    height: 2.5em;
    background:url(../img/money-icon3.png) no-repeat;
    background-size: 100% 100%;

}
.news-icon1{
    width: 2.8em;
    height: 2.8em;
    background:url(../img/news-icon1.png) no-repeat;
    background-size: 100% 100%;
    margin-top: 0.55em;
}
.news-icon2{
    width: 2.8em;
    height: 2.8em;
    background:url(../img/news-icon2.png) no-repeat;
    background-size: 100% 100%;
    margin-top: 0.55em;
}
.news-icon3{
    width: 2.8em;
    height: 2.8em;
    background:url(../img/news-icon3.png) no-repeat;
    background-size: 100% 100%;
    margin-top: 0.55em;
}
.news-icon4{
    width: 2.8em;
    height: 2.8em;
    background:url(../img/news-icon4.png) no-repeat;
    background-size: 100% 100%;
    margin-top: 0.55em;
}

.pro-con .title1 h4{
    line-height: 1.6em;
    padding-top:0.3em;
    padding-left: 0.5em;
    font-size:1em;
}
.pro-con .title1 h6{
    font-weight:normal;

    padding-left: 0.8em;
    color: #999;
    font-size: 0.875em
}

.ch-icon1{
    width: 2.5em;
    height: 2.5em;
    background:url(../img/icon_list1.png) no-repeat;
    background-size: 100% 100%;

}
.ch-icon2{
    width: 2.5em;
    height: 2.5em;
    background:url(../img/icon_list2.png) no-repeat;
    background-size: 100% 100%;
    margin-top: 0.55em;
}
.ch-icon3{
    width: 2.5em;
    height: 2.5em;
    background:url(../img/icon_list3.png) no-repeat;
    background-size: 100% 100%;
    margin-top: 0.55em;
}
.ch-icon4{
    width: 2.5em;
    height: 2.5em;
    background:url(../img/icon_list4.png) no-repeat;
    background-size: 100% 100%;
    margin-top: 0.55em;
}
.ch-icon5{
    width: 2.5em;
    height: 2.5em;
    background:url(../img/icon_list5.png) no-repeat;
    background-size: 100% 100%;
    margin-top: 0.55em;
}
.ch-icon6{
    width: 2.5em;
    height: 2.5em;
    background:url(../img/icon_list6.png) no-repeat;
    background-size: 100% 100%;
    margin-top: 0.55em;
}
.ch-icon7{
    width: 2.5em;
    height: 2.5em;
    background:url(../img/icon_list7.png) no-repeat;
    background-size: 100% 100%;
    margin-top: 0.55em;
}
.ch-icon8{
    width: 2.5em;
    height: 2.5em;
    background:url(../img/icon_list8.png) no-repeat;
    background-size: 100% 100%;
    margin-top: 0.55em;
}

.pro-con .main .xuanze{
    padding: 0em 1em;
    background: #9fd9f6;
    line-height: 1.7em;
    height: 1.7em;
    color: #fff;
    border-radius: 1em;
    margin-top: 0.4em;
}
.choose{
    width:1.5em;
    height: 1.5em;
    background:url(../img/choose.png) no-repeat;
    background-size: 100% 100%;
    margin-top: 0.5em;
    margin-left: 1em;
}
.choose.active{
    width:1.5em;
    height: 1.5em;
    background:url(../img/choose_active.png) no-repeat;
    background-size: 100% 100%;
    margin-top: 0.5em;
    margin-left: 1em;


}
.choose-shengyin{
    width: 94%;
    height: 4em;
    margin-left: 3%;
}

.choose-shengyin img{
    width: 3em;
    height: 3em;
    margin-top:0.3em;
}
.choose-shengyin .text{
    line-height:4em;
    color:#777;
}
.choose-shengyin .btn{
    display:block;
    width:3em;
    height:1.3em;
    background:url(../img/ch-icon1.png) no-repeat;
    background-size: 100% 100%;
    margin-top: 1.3em;
}
.choose-shengyin .btn.active{
    background-image:url(../img/ch-icon2.png);
}

.pro-con .main .input input{
    border: none;
    line-height: 2.4em;
    color: #686868;
    font-family:"微软雅黑";
    padding:0 0 0 0.5em;
    margin-left:0em;
    font-size: 1em;
}

.real-icon1{
    width: 2.5em;
    height: 2.5em;
    background:url(../img/real-icon1.png) no-repeat;
    background-size: 100% 100%;

}
.real-icon2{
    width: 2.5em;
    height: 2.5em;
    background:url(../img/real-icon2.png) no-repeat;
    background-size: 100% 100%;

}
.real-icon3{
    width: 1.5em;
    height: 1.5em;
    background:url(../img/real-icon3.png) no-repeat;
    background-size: 100% 100%;

}
.real-icon4{
    width: 1.5em;
    height: 1.5em;
    background:url(../img/real-icon4.png) no-repeat;
    background-size: 100% 100%;

}
.real-icon5{
    width: 1.5em;
    height: 1.5em;
    background:url(../img/real-icon5.png) no-repeat;
    background-size: 100% 100%;

}
.real-jie{
    width: 94%;
    height:auto;
    margin-left: 3%;
    margin-top: 1.5em;
    margin-bottom:0.5em;
}
.real-imgup{
    width: 94%;
    height:auto;
    margin-left: 3%;
}
.real-imgup img{
    width:90%;
    height: auto;
    margin: 0em 5% 0em 5%;
}
.eg{
    margin-top:0.5em;
    position:absolute !important;
    z-index: 1;
}
.eg .eg1{
    margin-left:2.35%;
    width: 30%;
    height:auto;
}
.eg .eg1 img{
    width: 100%;
    height: auto;
}

.real-text{
    width:94%;
    height:auto;
    margin-left: 3%;
    margin-top: 3.5em;
    background:#f8fdff;
    border: #bae7fc 1px solid;
    border-radius: 1em;
    padding: 3.5em 1em 2em 1em;
    font-size:0.9em;
    color: #777;
    line-height: 2em;
    position:relative;
}
.o-main{
    width: 100%;
    height: auto;
    margin: 0.7em auto;

}
.o-main .left1{

}
.o-main .left,.o-main .left1{
    margin-top:0.25em
}
.o-main .left,.o-main .right,.o-main .left1{
    margin-left: 3%;
}
.o-main .left1 img{
    margin-top: 0.5em;
    width: 7em;
    height: 4.5em;
    border-radius:0.6em;
}
.o-main .left img{
    width: 4.8em;
    height: 4.8em;
    border-radius:50%;
    border:1px solid #dfdfdf;
    overflow: hidden;
}

.o-main .right .or-top{
    width: 100%;

    line-height: 2.5em;
    color: #777;
    overflow: hidden;
}
.o-main .right{
    margin-top: 0.25em;
}
.o-main .right .or-top h4{

    margin-right:1em;
}

.bor-lan{
    border:1px solid #18b2fc;
    padding: 0.1em 0.8em;
    border-radius: 3em;
    line-height:1.5em;
    margin-top:0.8em;
    font-size: 0.875em;
}
.bor-hong{
    border:1px solid #ff3333;
    padding: 0.1em 0.8em;
    border-radius: 3em;
    line-height:1.5em;
    margin-top:0.8em;
    font-size: 0.875em;
}
.bor-hui{
    border:1px solid #999;
    padding: 0.1em 0.8em;
    border-radius: 3em;
    line-height:1.5em;
    margin-top:0.8em;
    font-size: 0.875em;
}
.vip-main{
    width: 94%;
    height:auto;
    margin-left: 3%;
    margin-top:0.8em;
    margin-bottom:0.8em;
}
.vip-main .img-con1 .ub-f1{
    width: 98%;
    margin-left:1%;
    margin-right:1%;
    margin-top:0.3em;
}
.vip-main .img-con1 img,.vip-main .img-con2 img{
    width: 100%;
    height:auto;
}
.vip-main .img-con2{
    width: 98%;
    margin-left:1%;
    height:auto;
    margin-top:0.3em;
}

.vip-icon1{
    width: 2.5em;
    height: 2.5em;
    background:url(../img/vip-iocn1.png) no-repeat;
    background-size: 100% 100%;
    margin-top: 0.55em;
}
.vip-icon2{
    width: 2.5em;
    height: 2.5em;
    background:url(../img/vip-iocn2.png) no-repeat;
    background-size: 100% 100%;
    margin-top: 0.55em;
}
.vip-icon3{
    width: 2.5em;
    height: 2.5em;
    background:url(../img/vip-iocn3.png) no-repeat;
    background-size: 100% 100%;
    margin-top: 0.55em;
}
.vip-icon4{
    width: 2.5em;
    height: 2.5em;
    background:url(../img/vip-iocn4.png) no-repeat;
    background-size: 100% 100%;
    margin-top: 0.55em;
}
.vip-icon5{
    width: 2.5em;
    height: 2.5em;
    background:url(../img/vip-iocn5.png) no-repeat;
    background-size: 100% 100%;
    margin-top: 0.55em;
}
.vip-help{
    line-height: 2em;
    padding: 1em 1em;
    color: #999;
    font-size: 0.875em;
}

.skilllist{}
.skilllist ul{
    padding:1em;
}
.skilllist ul li{
    width:25%;
    float: left;
    text-align: center;
}
.skilllist ul li a{
    line-height: 2em;
    display: block;
    background: #e1e1e1;
    border-radius: 1em;
    margin: 0.5em;
    font-size: 0.875em;
}



.ml-icon1{
    width: 2.5em;
    height: 2.5em;
    background:url(../img/ml-icon1.png) no-repeat;
    background-size: 100% 100%;
    margin-top: 0.55em;
}
.ml-icon2{
    width: 2.5em;
    height: 2.5em;
    background:url(../img/ml-icon2.png) no-repeat;
    background-size: 100% 100%;
    margin-top: 0.55em;
}
.ml-icon3{
    width: 2.5em;
    height: 2.5em;
    background:url(../img/ml-icon3.png) no-repeat;
    background-size: 100% 100%;
    margin-top: 0.55em;
}
.zutuan{
    width: 96%;
    margin-left: 2%;
}
.zutuan .zt-div{
    position: relative;
}
.zutuan .zt-div img{
    float: left;
    width: 100%;
    height:auto;
    margin: 0.5em auto 0;
}
.zutuan .zt-div p{
    position: absolute;
    left:0;
    bottom:0;
    background: rgba(0,0,0,0.7);
    color: #ffffff;
    width:100%;
    padding:0.4em;
}

.game-icon1{
    width: 1em;
    height: 1em;
    background:url(../img/game-icon1.png) no-repeat;
    background-size: 100% 100%;
    display:block;
    margin-top:0.5em;
    margin-right:0.5em
}
.game-icon2{
    width: 1em;
    height: 1em;
    background:url(../img/game-icon2.png) no-repeat;
    background-size: 100% 100%;
    display:block;
    margin-top:0.5em;
    margin-right:0.5em
}
.game-icon3{
    width: 1em;
    height: 1em;
    background:url(../img/game-icon3.png) no-repeat;
    background-size: 100% 100%;
    display:block;
    margin-top:0.6em;
    margin-right:0.2em
}
.head-game .hdiv{
    line-height: 2em;
    padding: 0.5em 0.5em 0em 0.5em;
    color: #fff;
    height: 2.7em;
}


#wxpimg{

}
#wxpimg input{
    display:none;
}



.go-back{
    width: 2em;
    height: 2em;
    background: url(../img/about-back.png) no-repeat;
    background-size: 2em 2em;
    position: absolute;
    z-index: 0;
    top: 1em;
    left: 1em;

}
.go-edit{
    background:rgba(0,0,0,0.3);
    width: 4.4em;
    text-align: center;
    padding:0em 1em;
    height:2em;
    line-height: 2em;
    position: absolute;
    z-index: 0;
    top: 1.5em;
    right: 1em;
    color:#ffffff;
    font-size: 0.875em;
    border-radius: 0.8em;

}



.pay-photo{
    width:4em;
    height:4em;
}
.pay-photo img{
    width:4em;
    height:4em;
    margin: 1em 0;
    border-radius: 0.8em;
}
.pay-txt{
    text-align: left;
    line-height: 2em;
    margin: 1em 0 1em 1em;
}
.p-s-div{
    padding: 0.5em 1em;
}
.p-s-div .p-s-1{
    padding:0.8em 1em;
    border-bottom: 1px solid #e9e9e9;
}
.p-p-div{
    padding: 0.5em 1em;
}
.p-p-div .p-p-t{
    line-height: 2em;
    margin-bottom: 1em;
}
.p-p-div .p-p-1{

    padding: 0.8em 1em;
}
.p-p-div .p-p-1 .pay-icon{
    width:3em;
    height:3em;
}
.p-p-div .p-p-1 .pay-icon img{
    width:3em;
    height:3em;
}
.p-p-div .p-p-1 .pay-txt{
    padding-left: 1em;
    margin: 0.4em 0;
}
.p-p-div .p-p-1 .p-check{
    margin-top: 0.4em;
}

.pay-div{
    width:100%;
}
.pay-div .pay-title{
    width:100%;
    line-height: 3em;
    text-align: center;
    border-bottom: 1px solid #dfdfdf;
}
.pay-div .pay-input{
    width:100%;

}
.pay-div .pay-input input{
    width:94%;
    margin:2%;
    line-height: 2.4em;
    border:1px solid #dfdfdf;
    border-radius: 0.5em;
    padding:0 1%;
}
.pay-div .pay-btn{
    width:100%;
}
.pay-div .pay-btn input{
    width:96%;
    margin:2%;
    color:#ffffff;
    line-height: 2em;
    font-size:1.2em;
    border:1px solid #dfdfdf;
    border-radius: 0.5em;
    background: #19b3fd;
}


.pc-list{
  line-height: 2em;
  padding: 0 1em;
}
.pc-list li{
  
}
.pc-list h4{
    line-height: 3;
    color: #1c9bfd;
}
.pc-list .pc-con{}
.pc-list .pc-con .main1{
   padding:0.2em 0;
}
.pc-list .pc-con .main1 .title{
    text-indent: 1em;
     color:#333;
}
.pc-list .pc-con .main1 .inp{

}
.pc-list .pc-con .main1 .inp input{
    border: 0;
    line-height: 2;
    border-bottom: 1px solid #dfdfdf;
}


.icity{
    margin: 0.6em 0 0 0.6em;
    height:1.8em;
    background: rgba(0,0,0,0.5);
    padding:0.3em 0.4em;
    border-radius: 1em;
}
.icity i{
    float: left;
    display: inline-block;
    width:1.2em;
    height:1.2em;
    background: url(../img/location.png) no-repeat;
    background-size: contain;
}
.icity b{
    margin-left: 0.2em;
    float:left;
    line-height: 1.5em;
    color:#fff;
    font-size:0.875em;
}
.isearchtxt{
    margin: 0.6em 0.6em 0 0.6em;
    background: rgba(0,0,0,0.5);
    border-radius: 1em;

}
.isearchtxt input{
    background: none;
    border: 0;
    display: block;
    padding: 0 1em;
    color:#ffffff;
    line-height: 1.9em;

}
.isearchtxt .search-ico{
    height:1.8em;
    width:1.8em;
    background: url(../img/seach.png) no-repeat center;
    background-size: 1em;

}
.isearchtxt .search-ico img{
    width:1em;
    height:1em;
}
.isearch{
    margin: 0.6em  0.6em 0 0;
}
.isearch .search-tuan{

    height:1.8em;
    background: rgba(0,0,0,0.5);
    padding:0.3em 0.7em;
    border-radius: 1em;
    color: #ffffff;
    line-height: 1.1em;
}
.isearch .search-tuan a{
    color: #ffffff;
}

.isearch .isex{
    z-index: 99999;
    height:1.8em;
    background: rgba(0,0,0,0.5);
    padding:0.3em 0.7em;
    border-radius: 1em;

}
.isearch .isex i{
    display: inline-block;
    width:1em;
    height:1em;
    background: url(../img/shaixuan.png) no-repeat;
    background-size: contain;
}
.isearch .isex .isex-chd{
    display: none;
    position: absolute;
    top:2em;
    right:0em;
    background: rgba(255,255,255,0.9);
    padding:0.3em 0.5em;
    width:5.4em;
    color:#333333;
    font-size:1em;
    border-radius: 0.2em;
    z-index: 999999;
}
.isearch .isex .isex-chd span{
    display: block;
    text-align: left;
    line-height: 1.8;
}
.isearch .isex .isex-chd span .i0{
    float: left;
    display: inline-block;
    width:1.4em;
    height:1.4em;
    background: url(../img/sex-0.png) no-repeat;
    background-size: contain;
    margin-right: 0.2em;
    margin-top: 0.2em;
}
.isearch .isex .isex-chd span .i1{
    float: left;
    display: inline-block;
    width:1.4em;
    height:1.4em;
    background: url(../img/sex-1.png) no-repeat;
    background-size: contain;
    margin-right: 0.2em;
    margin-top: 0.2em;
}
.isearch .isex .isex-chd span .i2{
    float: left;
    display: inline-block;
    width:1.4em;
    height:1.4em;
    background: url(../img/sex-2.png) no-repeat;
    background-size: contain;
    margin-right: 0.2em;
    margin-top: 0.2em;
}

.search-div{
    line-height: 2em;    
}
#codediv{
    display: none;
}
.checkcode{


}
.checkcode input{
    width:6em;
    padding:0.4em;
    margin-right: 0.4em;
    background: #f1f1f1;
    border:1px solid #ddd;
    border-radius: 0.5em;
}
.checkfa{
    padding:0.3em 0.6em;
    font-size: 0.875em;
    background: #2499fd;
    color:#ffffff;
    border-radius: 0.5em;
}
.checkfa input{
    border:0;
    background: none;
    color:#ffffff;
}

#qiandao{
    color:#f30;
}
#qiandao.cur{
    color:#2499fd;
}


.chart_send{
    clear:both;
    width:100%;
}
.chart_send .info{
    width:100%;
}
.chart_send .txt{
    margin: 0.6em 0 0.6em;
    background: #f1f1f1;
    padding:0.6em;
    border-radius: 0.5em;
    width:60%;
}
.chart_send .img{
    width:3em;
    height:3em;
    margin: 0.6em;
}
.chart_send .img img{
    width:2.6em;
    height:2.6em;
    border-radius: 50%;
    overflow: hidden;
}



#demo5a{
    position: absolute;
    left:0;
    top:0;
    width:1px;
    height:1px;
    background: rgba(0,0,0,0.9);
    z-index: 99999;
    overflow: hidden;
}
#demo5a a{
    display: block;
    height:3em;
    text-align: center;
    line-height: 3em;
    color: #ffffff;
    border-bottom: 1px solid #666;
    border-right: 1px solid #666;
}
#demo5a  #clipArea {
    margin: 0px;
    height: 500px;
}
#demo5a  #view {
    margin: 0 auto;
    width: 1px;
    height: 1px;
}

@media (max-width:320px) { 
    body{
        font-size:14px;
    }
    .z-list .z-r .top h4{
        font-size: 1em;
    }
    .z-list .z-r .top .price{
        font-size: 1em;
    }

    .z-list .z-r .con h4{
        padding-left:26px;
    }
    .z-list .z-r .con .mei{
        height:21px;
    }
    .dingwei{
        width:13px;
        height:15px;
        background-size: 100% 100%;
        margin-top: 6px;
    }
    .foot-btn{
        position: fixed;
        width: 100%;
        height:50px;
        background: url(../img/foot-bg.jpg) no-repeat;
        background-size: 100% 100%;
        bottom:0px;
    }
    .foot-btn li{
        width: 25%;
        text-align:center;
        height: 50px;
    }
    .foot-btn li a{
        margin-top:5px;
    }

    .last{
        width:100%;
        height: 3.15em;
    }
    .personal-data .personal-text .top .top2 span{
        padding-left:1px;
        font-size: 0.675em;
        color:#666;
    }

    .personal-data .personal-text .top .top2 .per-top{
        padding-right:1px;
    }
    .personal-data .personal-text .top .top2 .per-icon1{
        width:13px;
        height: 14px;
        background:url(../img/per-icon1.png) no-repeat;
        display: block;
        background-size: 100% 100%;
        margin-top:3px;
    }
    .personal-data .personal-text .top .top2 .per-icon2{
        width:18px;
        height: 14px;
        background:url(../img/per-icon2.png) no-repeat;
        display: block;
        background-size: 100% 100%;
        margin-top:5px;

    }
    .personal-data .personal-text .top .top2 .per-icon3{
        width:14px;
        height: 14px;
        background:url(../img/per-icon3.png) no-repeat;
        display: block;
        background-size: 100% 100%;
        margin-top:5px;
    }
    .personal-data .personal-text .top .top2 .dingwei{
        width:12px;
        height: 14px;
        margin-top:5px;
    }
    .personal-data .personal-text .top{
        margin-top:0px;
    }
    .header .head-list li a{

        color: #fff;
        font-size: 0.9em;
        line-height: 40px;
        padding-bottom:3px;

    }
    .header .sex{
        width: 17px;
        height: 21px;
        background:url(../img/sex.png) no-repeat;
        background-size: 100% 100%;
        margin-top:10px;
        margin-right: 15px;
    }
    .z-list .z-r .bottom .map h4{
        font-size:0.6em;
        padding-left: 2px;
    }
    .z-list .z-r .bottom .play-list li h4{
        font-size: 0.6em;
    }
    .z-list .z-r .bottom .play-list .l-move{
        width: 14px;
        height:14px;
        margin-top:5px;

    }
    .z-list .z-r .bottom .play-list .l-shipin{
        width: 14px;
        height:12px;

        margin-top:7px;

    }
    .z-list .z-r .bottom .play-list .l-lvyou{
        width: 14px;
        height:16px;

        margin-top:3px;

    }

    .z-list .z-r .bottom .play-list .l-miace{
        width: 12px;
        height:17px;
        margin-top:3px;
    }
    .z-list .z-r .bottom .play-list .l-youxi{
        width: 14px;
        height:16px;

        margin-top:5px;

    }
    .z-list .z-r .bottom .play-list .l-sleep{
        width: 14px;
        height:15px;

        margin-top:5px;

    }
    .z-list .z-r .bottom .play-list li{
        margin-right: 2px;
    }

    .about-btn .btn-l{
        width:64%;
        height: 3em;
        margin-left:2%;
        line-height: 3em;
        color: #777;
    }
    .about-btn .btn-l h4{
        font-size: 0.9em;
    }

    .about-btn .btn-l span{
        font-size: 1em;
    }

    .about-btn .btn-r{
        width: 34%;
        height: 3em;
        line-height: 3em;
        background: #1c9bfd;
        border-radius: 40px 0px 0px 40px;
    }
    .about-btn-r{
        width: 21px;
        height: 20px;
        background:url(../img/about-btn-r.png) no-repeat;
        background-size: 100% 100%;	
        margin-top: 15px;
        margin-left: 15%;
        margin-right: 10%;
    }
    .n-list .text,.n-text .text{
        width: 80%;
    }
    .n-list .text .up{
        margin-right: 5px;
        padding: 0px 5px;
    }
    .n-list .text input{
        width: 60%;
    }
    .pub-btn .pub-submit{
        text-align:center;
        color: #fff;

    }
}












.ub
{
    display: -webkit-box !important;
    display: box !important;
    position:relative;
}

.ub-rev
{
    -webkit-box-direction:reverse;
    box-direction:reverse;
}

.ub-fh
{
    width:100%;
}

.ub-fv
{
    height:100%;
}

.ub-con
{
    position:absolute;
    width:100%;
    height:100%;
}

.ub-ac
{
    -webkit-box-align:center;
    box-align:center;
}
.ub-ae
{
    -webkit-box-align:end;
    box-align:end;
}

.ub-pc
{
    -webkit-box-pack:center;
    box-pack:center;
}
.ub-pe
{
    -webkit-box-pack:end;
    box-pack:end;
}
.ub-pj
{
    -webkit-box-pack:justify;
    box-pack:justify;
}

.ub-ver
{
    -webkit-box-orient:vertical;
    box-orient:vertical;
}

.ub-f1
{
    position:relative;
    -webkit-box-flex: 1; 
    box-flex: 1;
}

.ub-f2
{
    position:relative;
    -webkit-box-flex: 2;
    box-flex: 2; 
}

.ub-f3
{
    position:relative;
    -webkit-box-flex: 3;
    box-flex: 3;
}

.ub-f4
{
    position:relative;
    -webkit-box-flex: 4;
    box-flex: 4;
}

.ub-img
{
    -webkit-background-size:contain;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
}

.ub-img1
{	
    -webkit-background-size:cover;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
}
.ub-img2
{
    background-repeat:repeat-x;
    background-size:auto 100%
}
.ub-img3
{
    background-repeat:repeat-y;
    background-size:100% auto
}

.ub-img4
{
    -webkit-background-size:100% auto;
    background-size:100% auto;
    background-repeat:no-repeat;
    background-position:center;
}
.ub-img5
{
    -webkit-background-size:auto 100%;
    background-size:auto 100%;
    background-repeat:no-repeat;
    background-position:center;
}

.ub-img6
{
    background-repeat:no-repeat;
    background-position:center;
}
.ub-img7
{
    -webkit-background-size:100% 100%;
    background-size:100% 100%;
    background-repeat:no-repeat;
    background-position:center;
}