body {
    padding: 0;
    margin: 0;
    height: 100%;
    overflow-y: scroll;
    font-size: 12px;
    font-family: 微軟正黑體;
    background: #fff;
     max-width: 640px;
}
body {
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";

}
ul li {list-style: none;}
input{background:none; outline:none;  border:none;}
body, h1, p, ul, ol, li,input{ margin: 0;padding: 0;list-style: none;}
html, body, div, span,h1, h2, h3, h4, h5, h6, p, a, ol, ul, li{margin: 0;padding: 0;border: 0; }
body { max-width: 640px;margin: 0 auto;}
a{text-decoration-line: none;outline: none;appearance:none;-webkit-tap-highlight-color: transparent; }

* {
    margin: 0;
    padding: 0;
}
a {
    text-decoration: none; 
    outline: none; 

}

section {
    display: block;
}



.tuichu{position: fixed;top: 14px;right: 0;color: #ccc;z-index: 10000000;display:block;width: 68px;}
.uc{margin: 100px 0 20px 0;}
.userpic{text-align: center;}
.userpic img{height: 72px; width: 72px;border: 1px #fff solid;border-radius: 72px;}
.ye{text-align: center;color: #004c98;line-height: 30px;font-size: 16px;}
.deposit{width: 100%;line-height: 40px;background:#6b0303;display:inline-block;color:#fff;font-size: 1.25em;text-align: center;margin-top: 10px;border-radius:  .25em;margin-top: 10%;}
.search{width: 100%;line-height: 40px;background:#6b0303;display:inline-block;color:#fff;font-size: 1.25em;text-align: center;margin-top: 10px;border-radius:  .25em;margin-top: 5%;}
.changepsw{width: 100%;line-height: 40px;background:#004c98;display:inline-block;color:#fff;font-size: 1.25em;text-align: center;margin-top: 10px;border-radius:  .25em;margin-top: 5%;margin-bottom: 5%;}
.username{text-align: center;/*color: #004c98;*/padding: 2% 0 0 0;}
h1{text-align: center;font-size: 1.5em;color: #008198;/*padding: 5% 0;*/}
.backto{width: 100%;line-height: 40px;background:#004c98;display:inline-block;color:#fff;font-size: 1.25em;text-align: center;margin-top: 10px;border-radius:  .25em;margin-top: 10%;}
.fail {text-align: center;color: red;font-size: 1.5em;font-weight: bold;line-height: 120px;}
.fail i{ display: inline-block; width: 20px;height:5px; background: red;line-height: 0;font-size:0;vertical-align: middle;-webkit-transform: rotate(45deg);margin-top: -4px;}
.fail i:after{content:'/';display:block;width: 20px;height:5px; background: red;-webkit-transform: rotate(-90deg);}



.pswtishi i{ display: inline-block; width: 20px;height:5px; background: red;line-height: 0;font-size:0;vertical-align: middle;-webkit-transform: rotate(45deg);margin-top: -4px;}
.pswtishi i:after{content:'/';display:block;width: 20px;height:5px; background: red;-webkit-transform: rotate(-90deg);}


.cmlogo{width: 100%;text-align: center;margin-top: 100px;}
.cmlogo img{width: 30%;}

.container{width: 92%;margin: 0 auto;position: relative;}

/*.box{width: 100%;color: #fff; padding: 8% 5%;display:inline-block; border-radius: 10px;background: rgba(0,0,0,0.2);float: left;}*/


::-webkit-input-placeholder { color:#929ab5; }
::-moz-placeholder {color:#929ab5; } 
:-ms-input-placeholder { color:#929ab5; } 
input:-moz-placeholder { color:#929ab5; }
 
.li01 li{border: none;margin-top: 0;padding: 0;}



 .mod_select{float:left;}
    .mod_select ul{margin:0;padding:0;}
    .mod_select ul li{list-style-type:none;float:left;height:40px;width: 88px;}
    .select_label{color:#982F4D;float:left;line-height:40px;padding-right:0px;font-size:1.25em;font-weight: bold;}
.select_box{float:left;color:#444;position:relative;cursor:pointer;background:url(../images/selectbg.png) no-repeat 100%;background-size: contain;height: 26px;width: 90px;margin-top: 8px;}
    .selet_open{display:inline-block;position:absolute;right:0;top:0;width:30px;height:40px;}
    .select_txt{display:block;line-height:24px;cursor:text;overflow:hidden;text-align: left;color: #676b7a;border-right: 1px #c8d1da solid;}
    .option{width:100%; /*IE*/-moz-opacity:0.9;/*Moz+FF*/opacity:0.9;position:absolute;top:25px;left:0px;z-index:2;overflow:hidden;display:none; }
    .option a{display:block;height:26px;line-height:26px;text-align:left;/*padding:0 10px;*/width:100%;background:#918c8d;color: #fff;}
    .option a:hover{background:#FDE0E5;}


.pswtishi{color: red;text-align: center;padding: 10px 0;}


.active-con {
    background: url(../images/bg01.jpg) no-repeat 50% 50%;
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    transform: translateZ(0);
}


.active-con__char, .active-con__filter {
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.active-con__char {
    background: url(../images/ac_01.png) no-repeat 50% 50%;
    background-size: cover;
}





.swiper-container{
  padding-top: 90px;
}



/**/


.accon{ width: 100%; z-index: 1000;position: relative; max-width: 960px;margin: 0 auto;}



.mine-nav{
    width: 90%;
    margin: 0 auto;
    margin-top: 30px;
    position: relative;
}
.navlist{ 
    width: 33%;
    text-align: center; 
   /* color: #008bd9; */
   /* background:  url(../images/pics06.png) no-repeat 50% ;
    background-size: cover; */
    display: block; 
    /*border: 1px solid #0094e2;*/
    float: left;
   /* padding: 0.4em 0;*/
    /*font-size: 0.875em;*/
}
.navlist img{width: 90px;height: 37px;}

.navlist-current{ 
  /* background:  url(../images/line.png) no-repeat 50%  50%;
    background-size: contain;
    transition:  .5s ease;*/
}

.section-ul{
    color: #b9917b;
    overflow: hidden; 
    display: none; 
    margin-top: 25px;

}
.section-ul-display{ 
    overflow: hidden; 
    display: block;
   /* width: 100%;*/
}



.ul01{
  /* max-width: 80%;*/
    overflow-y: scroll;
    height: 274px;
    background:  url(../images/ac-bg.png) no-repeat 50% 50% ;
    background-size: 360px 284px;
    padding: 0 30px 10px 30px;   

}
.title01{width: 100%;text-align: center;font-weight: normal;text-shadow: 2px 2px 2px rgba(0, 0, 0,0.5);}
.ul01 .li01{
   display: block;
    width: 95%;
    height: 60px;
    line-height: 60px;
    /*background: url(../images/pics01.png) no-repeat left;*/
    background-size: contain;
    padding-left: 4%;
    overflow: hidden;
    font-size: 14px;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.li01 img{width: 10px;height: 10px;vertical-align: middle;margin-right: 5px;}



/*zhuce*/
/*h2{text-align: center;font-size: 1em;color: #ccc;padding-top: 1rem;}*/
        input:-moz-placeholder { color:#999;font-size: 1em; }
        input{font-size:100%; vertical-align:middle; color: #999;}
        input[type="button"],input[type="reset"],input[type="submit"] {cursor:pointer;-webkit-appearance:none;-moz-appearance:none;}
        input:focus:-moz-placeholder,input:focus::-webkit-input-placeholder {color:transparent}
.test_box {width: 100%;display: block;margin-top: 10%;overflow: hidden;margin: 0 auto;margin-top: 3rem;min-height: 320px;margin: 1em auto;position: relative;}
.test_tab {width: 50%;float: left;height: 2.25rem;line-height: 2.25rem;}
.test_label {display: block;text-align: center;border: #ccc 1px solid;}
.test_radio{position: absolute;width: 20%;cursor: pointer;height: 9%; opacity: 0;} 
.test_tab_content {position: absolute;left: -999em;}
.test_radio:checked ~ .test_tab_content {padding: 0;left: 0;right: 0;}
.test_radio:checked ~ .test_label {height: 2.25rem;line-height: 2.25rem;background: -webkit-linear-gradient(top, #ccc 0%,#ffffff 100%);z-index: 1;border: #ccc 1px solid;}


.login{ width: 100%;text-align: center; }
       .login li .login01, .login li .login02, .login li .login03{margin-top: .75rem;background:#fff;border-radius: .25em; border: #ccc 1px solid;display: inline-block;width: 99%;height: 40px;text-indent:1em;outline:none;font-size:100%;vertical-align:middle;outline:none;box-shadow: none; -webkit-appearance:none;}
        .login li .denglu{width: 100%;line-height: 40px;background:#004c98;display:inline-block;color:#fff;font-size: 1.25em;text-align: center;margin-top: 10px;border-radius:  .25em;text-indent:0em;}
        .login li a{font-size: 16px;}
        .yzm{width: 40%;border: 1px #ccc solid;margin-top: .75rem;margin-right: 7%;border-radius: .25em;height: 40px;text-indent:.75em;outline:none;font-size:100%;vertical-align:middle;outline:none;box-shadow: none; -webkit-appearance:none;}
        .yzm01{width: 50%;border-radius: .25em;height: 40px;margin-top: .75rem; background: #004c98;}

.login  .lit{margin-top: .75rem;background:#fff;border-radius: .25em; border: #ccc 1px solid;display: inline-block;width: 99%;height: 40px;text-indent:1em;outline:none;font-size:100%;vertical-align:middle;outline:none;box-shadow: none; -webkit-appearance:none;}

.login03{position: relative;}

#tishi,#tishi01{position: absolute;position: absolute;top: 58%;width: 50%;right: 0;}



.btn1{background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0.32, #a37318),  color-stop(1, #bb7d51));height: 2.4rem;line-height:2.4rem;width: 100%;margin: 0px 0 1rem 0;font-size: 1.25rem;color: #fff;text-align: center;letter-spacing: 1rem;border-radius: 0.25em;}

/*弹框*/
.m-modal {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    z-index: 1000;
    overflow: auto;
    background-color: rgba(0, 0, 0, .8);
    font-size: 1rem;padding-top: 10rem;

}

.m-modal-dialog {
    font-family: "microsoft yahei", "瀹嬩綋";
    position: relative;
    margin: 0 auto;
    margin-top: -60%;
    width: 50%;
    background: url(../images/pop-up_bg.png) no-repeat;background-size:100% 100%;
    padding: 2rem;
    color: #c69c6d;
    text-align:  center;
}

.m-top {
    background-color: #30A9DE;
}

.m-modal-title {
    margin: 0;
    color: #fff;
    padding: 10px 20px 10px 20px;
    font-size: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.m-modal-close {
    position: absolute;
    right: 3px;
    top: 3px;
    display: inline-block;
    font-size: 35px;
    line-height: 20px;
    color: #555;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff;
}

.m-modal-close:hover {
    color: #555;
}

.m-middle {
    padding: 10px 30px 10px 30px;
}

.m-bottom {
    padding: 0 6px 6px;
    overflow: hidden;
}

.m-bottom button {
    font-family: "microsoft yahei", "瀹嬩綋";
    cursor: pointer;
    background: url(../images/quren.png) no-repeat;background-size:100% 100%;
    width: 5rem;height: 1.55rem;
    /*float: right;*/
    /*margin-left: 1.5rem;*/
    outline: none;
    
    color: #333;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-indent: -9999px;
    

}

.m-bottom button:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.m-bottom button:active {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8
}

.m-bottom .m-btn-sure {
    color: #fff;
    background-color: #f2c164;
    border-color: #f2c164;
    
}

.m-bottom .m-btn-sure:hover {
    color: #fff;
    background-color: #f2c164;
    border-color: #f2c164;
}

.m-bottom .m-btn-sure:active {
    color: #fff;
    background-color: #f2c164;
    border-color: #f2c164;
}




@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone5 */
    .ul01{
    height: 211px;
    background-size: 280px 221px;
    }
    .ul01 .li01{height: 42px;line-height: 42px;}
    .section-ul{margin-top: 10px;}
    .mine-nav{margin-top: 10px;}
    .select_box{width: 80px;height: 24px;}
}

@media (device-height:667px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone6 */
    .ul01{
    height: 243px;
    background-size: 320px 253px;
    }
    .ul01 .li01{height: 52px;line-height: 52px;}
}

@media only screen and (device-width: 360px) and (device-height: 640px) {
    .ul01{
    height: 243px;
    background-size: 320px 253px;
    }
    .ul01 .li01{height: 52px;line-height: 52px;}
}

/* iPhoneX、iPhoneXS*/
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
   .ul01{
    height: 251px;
    background-size: 330px 261px;
    }
    .ul01 .li01{height: 52px;line-height: 52px;}
}


@media (min-width: 640px){
   .ul01 .li01{width: 80%;}
   .ul01{

    height: 448px;
    background-size: 580px 458px;
    padding: 0 80px 10px 180px;  
    }
    .ul01 .li01{height: 70px;line-height: 70px;}

}