﻿#M-Center {
    background:url(/images/bg-Mcenter.jpg);
    width: 100%;
    overflow: hidden;
    padding-bottom: 15px;
}

#M-Center .CenterCon {
    margin:30px auto;
    overflow:hidden;
    width:979px;
    padding:30px 0;
    text-align:center
}
#M-Center .CenterCon h2, #M-Center .CenterCon h3{
    font-size:26px;
    font-family:"微软雅黑";
    text-shadow:2px 0px 0px #FFF;
    color:#2a2a2a;
    font-weight:normal;
    line-height:1.5
}
#M-Center .CenterCon h3{
    font-size:13px;
}
#M-Center .Conmod {
    box-shadow:5px 5px 8px #aeadad;
    width:100%;
    height: 508px;
    background:#e8e8e8;
    border-radius:5px;
    border:1px #f3f3f3 solid;
    min-height:170px;
    margin:30px auto;
    font:13px/1 "微软雅黑";
    color:#2a2a2a;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}
.nbs-flexisel-container {
    position:relative;
    width:100%;
    height:130px;
}
.nbs-flexisel-ul {
    position:relative;
    width:9999px;
    margin:0px;
    padding:0px;
    list-style-type:none;
    text-align:center;
}
.nbs-flexisel-inner {
    overflow:hidden;
    margin:30px auto 0 auto;
    width:870px;
    height:130px;
}
.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
    line-height:1
}
.Conmod .nbs-flexisel-item img {
    cursor: pointer;
    position: relative;
    margin-bottom: 10px;
    width:240px;
    height:93px;
    border-radius:10px;
}

/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    width: 25px;
    height: 39px;
    position: absolute;
    cursor: pointer;
    z-index: 100;
    opacity: 0.5;
    margin-top:-15px
}
.nbs-flexisel-nav-left {
    left: 10px;
    background: url(/images/Mobile/button-previous.png) no-repeat;
}

.nbs-flexisel-nav-right {
    right: 5px;
    background: url(/images/Mobile/button-next.png) no-repeat;
}
.M-Marquee {
    color: #2a2a2a;
    height: 156px;
    width: 340px;
    float: left;
    overflow: hidden;
    display: block;
    margin:30px 0 0 20px;
    background:url(/images/Mobile/bg-mlist.png) no-repeat ;
    padding-top:50px
}
#M-tickerContainer {
    overflow: hidden;
    height: 156px;
}
.M-Qna{
    float:left;
    overflow: hidden;
    background: url(/images/Mobile/bg-mqna.png) no-repeat;
    width:260px;
    padding-top:50px;
    margin:30px 0 0 0;
    font-size:15px;
    text-align:left
}
.M-Qna p{
    padding:10px 5px 0 39px;
    line-height:1.5;
    text-indent:-1.8em;
    font-family:"微软雅黑"
}
.M-Qna a{
    color:#2a2a2a
}
.M-Qna a:hover{
    color:#a8771e
}
.M-Point{
    background: url(/images/Mobile/bg-mpoint.png) no-repeat;
    float:left;
    overflow: hidden;
    padding-top:60px;
    margin:30px 100px 0 70px;
    font-size:15px;
    text-align:left;
    color:#2a2a2a
}
.M-Point p{
    background:url(/images/Mobile/bg-mpointli.png) no-repeat;
    margin-left:10px;
    padding-left:35px;
    line-height:24px;
    padding-bottom:15px;
}

.M-app_img_title {
    width: 100%;
    z-index: 5;
    text-align: left;
    font-size: 13px;
    font-family: "微软雅黑";
    color: #2a2a2a;
    line-height: 20px;
    height: 100%;
    flex: 1 1 auto;
    box-sizing: border-box;
    padding: 50px 0 0 20px;
    margin-right: -80px;
    overflow: hidden;
}
.M-app_img_phone {
    position: relative;
    background: url(/images/Mobile/app_img_phone.png) no-repeat left center;
    width: 375px;
    height: 100%;
    background-size: 465px 450px;
    flex: 1 0 375px;
}
.M-app_img_qrcode_android,.M-app_img_qrcode_apple{
    position: relative;
    float: left;
    width: 110px;
    height: 110px;
    margin-right: 22px;
    padding: 5px;
    border: 2px solid #DFC291;
    border-radius: 5px;
    background: white;
}
.website {
    box-shadow: 0 0 15px #a77f3e;
    background: #fff;
    border-radius: 8px;
    padding: 5px 20px 5px 15px;
    color: #ae9163;
    width: 487px;
    display: block;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.website a {
    color:#3d3d3d;
}
.M-Cha{
    color:#7d7d7d;
    width:100%;
    margin:20px 0 30px 0;
    overflow:hidden;
    padding-left:15px;
}
.M-Cha p{
    float:left;
    width:145px;
    display:block;
    background:none;
    line-height:28px;
    margin-left:0;
    margin-right:5px;
    height:28px;
    padding:0;
}

.M-Chaiconaa, .M-Chaiconab, .M-Chaiconac, .M-Chaiconad, .M-Chaiconae, .M-Chaiconaf{
    background:url(/images/Mobile/icon-mcha.jpg) no-repeat;
    width:32px;
    height:28px;
    display: inline-block;
    opacity:0;
}
.M-Chaiconab{
    background-position:0 -28px;
}
.M-Chaiconac{
    background-position:0 -56px;
}
.M-Chaiconad{
    background-position:0 -84px;
}
.M-Chaiconae{
    background-position:0 -112px;
}
.M-Chaiconaf{
    background-position:0 -140px;
}
.smallinfo{
    font-size:13px;
    color:#7d7d7d;
    line-height:20px;
    margin-bottom:10px;
    overflow:hidden;
    display:inline-block
}

/* each bullet */


/* --------- Others ------- */
.layer{
    background: rgba(0,0,0,0.75);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    display:none
}
.layercon{
    width:560px;
    border-radius:8px;
    margin:230px auto;
    padding:20px 40px;
    background:#e8e8e8;
    min-height:460px;
    color:#2a2a2a;
    position:relative;
}
.layercon h1{
    text-align:center;
    font:22px/2 "微软雅黑";
    text-shadow:1px 2px 2px #fff
}
.layercon hr{
    width:560px;
    height:4px;
    border:0;
    border-radius:4px;
    background:#d6d6d6;
    box-shadow:1px 1px 1px rgba(0,0,0,0.3) inset, 1px 1px 1px rgba(255,255,255,0.75) ;
    margin:15px 0
}
.layercon p{
    font:14px/25px "微软雅黑";
    text-shadow:1px 2px 2px #fff;
    text-align:left;
    margin:0 20px 0 60px;
    text-indent:-24px;
}
.layerclose{
    cursor:pointer;
    color:#fff;
    display:inline-block;
    width:20px;
    height:20px;
    font: bold 20px/20px Verdana, Geneva, sans-serif;
    position:absolute;
    margin-top:-50px;
    margin-left:600px;
    float:right;
    z-index:9999;
}
.layercon img{
    border:1px solid #a7a6a6
}
