html,body{background: #f1f1f1;color:#666 !important;min-width:320px;margin:0 auto;}
@media screen and (max-width: 320px){
       .am-nav-tabs > li > a {font-size:12px;}
 	   .list-bottom .am-list>li{height: 76px;}
 	   .list-bottom .am-list>li{padding: 5px !important;}
 	   .list-bottom .am-list>li p{font-size: 13px !important;}
 	   .list-bottom .am-list>li p i {font-size: 30px !important;}
       .black .flex{display:inline;}
       .roll p span label{font-size: 16px !important;}
       .list-type>div:first-child p{margin: 0 5px;}
    }
 @media screen and (min-width: 340px) and (max-width: 360px){
       .am-nav-tabs > li > a {font-size:12px;}
 	   .list-bottom .am-list>li{height: 101px;}
 	   .black .flex{display:inline;}
    }
 @media screen  and (min-width: 361px) and (max-width: 376px){

       .list-bottom .am-list>li{height: 109px;}
    }
@media screen and (min-width: 377px) and (max-width: 400px){
        .list-bottom .am-list>li{height: 118px;}
        .list-bottom .am-list>li p i {font-size: 40px !important;}
    }
@media screen and (min-width: 400px) and (max-width: 414px){
        .list-bottom .am-list>li{height: 124px;}
        .list-bottom .am-list>li p i {font-size: 40px !important;}
    }
@media screen and (min-width: 415px){
        .list-bottom .am-list>li{height: 135px;}
        .list-bottom .am-list>li p i {font-size: 40px !important;}
    }

img{display: block;}
ul,li{list-style:none;}
ul, ol{margin-bottom: 0;}
a{text-decoration:none;}
a:hover,a:focus{text-decoration:none;}
p{margin: 0 0 0.6rem;}
input{outline: none!important;}
button{outline: none!important;}
.white{color:#fff;}
.justify-content{display: flex;display:-webkit-flex;display:-ms-flex;displinay:-moz-flex;justify-content: space-between;-webkit-justify-content: space-between;-ms-justify-content: space-between;-moz-justify-content: space-between;}
.flex{display: flex;display:-webkit-flex;display:-ms-flex;display:-moz-flex;}
table{border-collapse:collapse;width: 100%;height: auto;font-size: 13px;}
table, td, th{border:1px solid #ccc;text-align: center;color:#666;}
td, th{width: 90px;}
h3{padding: 0;margin: 0;}
p{padding: 0;}
td a{color:#666;}
th a{color:#666;}
.border_none{border:none !important;}


.container{width: 100%;height: 100%;padding: 0;position: relative;}
.header{width: 100%;height: 40px;background: #3ba6b0;color:#fff;position: fixed;top:0;left:0;z-index: 10000;}
.header>div{width: 30%;  font-size: 18px; line-height: 40px; margin: 0;}
.header p{font-size: 15px; line-height: 35px; margin: 0;}
.header i{font-size:28px;line-height: 35px;}
.header a{font-size: 15px;line-height: 32px;color:#fff; margin-left: 10px;}
.header span{font-size: 14px; margin-top: 0;padding: 0 10px;line-height: 40px;color:#fff;}
.list{width: 100%;height: 100%;margin-top: 41px;}
.list-top{background:#fff;margin-bottom: 6px;padding-bottom: 5px;}
.ours{width: 100%;height: 100%;}
.ours .list-top{width: 100%;height: 220px;background:url("../images/bg1.png");}
.portrait{width: 70px;height: 90px; margin: 0 auto;padding-top: 15px;}
.portrait img{width: 70px;height: 70px;border-radius: 100%;background: 100%;border:2px solid #fff;}
.list-top h5{margin: 0;text-align: center;font-weight: 400;font-size: 90%;}
.list-middle{width: 100%;height: 70px;margin-top:10px;}
.list-navbar{width: 96%;height: 70px;padding: 0; line-height: 20px; margin: 0 auto;text-align: center; border-top: 1px solid #f7f7f7;}
.list-navbar li{width: 32%;font-size: 15px; margin: 10px auto; display: inline-block;  border-right: 1px solid #f7f7f7;}
.list-navbar a{color:#fff;}
.list-navbar li a:hover{color:#3bb4f2;}
.list-navbar li span{font-size: 17px;}

.list-bottom {width: 100%;height: auto;margin-bottom: 58px;}
.list-bottom .am-list p{font-size: 15px;margin: 0;}
.list-bottom .am-list p span{ position: absolute;margin:0 20px; font-size: 8px;    border-radius: 100%; background:#e53d22;margin: 0px;padding: 0 6px;color: #fff;}
.list-bottom .am-list a{color:#060606;padding: 0;}
.list-bottom .am-list>li{display: inline-block;width: 33%;border-right:1px solid #dadada;margin-right: -2px;text-align: center; padding: 17px;}
.list-bottom .am-list>li p i{font-size: 36px;color:#9a9a9a;}
.header .title{width:40%;text-align:center;}
.btn{background: #3ba6b0;margin: 5px;height: 28px;color:#fff;border:none;border-radius: 2px;padding: 0 10px;font-size: 14px;}
/* .integral-bar{margin: 0 10px 10px;} */
.integral-bar label{font-size: 15px;color:#060606;}
.integral-bar span{color:#ec9717;}
.integral-bar p{margin-left:10px;margin: 5px;}
.bar_border{border-left:1px solid #f2f2f2;border-right:1px solid #f2f2f2;border-top:1px solid #dedede; border-bottom:1px solid #dedede;}

.list-record{font-size: 14px;}
.list-record>div p:first-child{color:#060606;} 
.list-record>p{color:#3ba6b0;font-size: 22px;}
.list-record>p span{color:#e53d22;}
/*.list-type{border-top:5px solid  #f2f2f2;}*/
.list-type .am-list>li{border-left: 1px solid #f2f2f2;border-right: 1px solid #f2f2f2;border-top: 1px solid #dedede;border-bottom: 1px solid #dedede;margin-bottom: 6px;}
.list-type .am-list>li>a{padding: 0.5rem 0;}
.list-type h4{margin: 0;color:#060606;    line-height: 30px;}
.list-type .am-list{margin: 10px 0;}
.list-title div{padding: 10px;}
.list-title p i{font-size: 20px;margin-right: 5px;}
.list-title p{padding: 0px;line-height: 20px;}
.list-title p label{color:#060606;font-size: 16px;font-weight: 600;}
.list-title a{font-size: 12px;}
.list-title a p i{font-size: 18px;}
.list-type>div:first-child p{margin: 0 5px;}
.list-type p i{font-size: 20px;}
.yellow{color: #ec9717;}

.footer{bottom: 0px;position: fixed;z-index: 10000;background:url("../images/bg.jpg");max-width:768px; width: 100%;height: 57px;margin:0 auto;border-top: 1px solid #ddd;} 
.footer .am-menu-default .am-menu-sub{bottom: 57px;position: fixed;} 
.footer .am-menu-default .am-menu-nav a{font-size: 14px; height: 40px; line-height: 20px;}
.footer .am-menu-default .am-menu-sub a{font-size: 14px; height: 36px; line-height: 36px;}
.am-menu-default .am-menu-nav>.am-parent>a:before{margin-top: -57px;}
.am-menu-default .am-menu-nav a{color:#666;}
.am-menu-default .am-menu-nav>.am-parent.am-open>a{color:#3ba6b0;}



.coupon{width: 261px;height: 100px;background: #ffa800;color:#fff;margin: 10px auto;line-height: 50px;}
.coupon p{margin: 0 20px;}

.am-offcanvas-content{padding: 0; margin-top: 30px;}
.titleHeader{height: 40px;line-height: 40px;color:#060606;border-bottom: 1px solid #eee;font-size: 18px;}
.titleHeader p{margin:0 10px;}
.am-offcanvas-bar{width: 170px;}
.am-menu-stack .am-menu-nav>li>a{background: none;color:#fff;}
.am-menu-stack .am-menu-sub a:hover{color: #0e90d2;}
.am-menu-stack .am-menu-nav>.am-open>a, .am-menu-stack .am-menu-nav>li>a:focus, .am-menu-stack .am-menu-nav>li>a:hover{ background: none;color: #0e90d2;}
.am-menu-stack .am-menu-sub{border: none; }
.am-menu-stack .am-menu-sub a{color:#fff;}
.listBox .am-offcanvas-bar:after{background: none; }
.listBox .am-offcanvas-bar{width: 100%;background-color: #fff;}
.am-titlebar{margin-top: 0px;}
.am-titlebar-default .am-titlebar-title{font-size: 1.5rem !important;font-weight: 600;}
.am-titlebar{height: 35px;line-height: 35px;}
.am-titlebar-default{border-bottom: none;margin-top: 40px;}
.am-menu-stack .am-menu-nav>li>a{border-top:none;}
.am-menu-stack .am-menu-sub a{border-bottom: none;}
.am-menu-stack .am-menu-nav{border-bottom: none;}
.Bborder{border-bottom: 1px solid #dedede;}
.am-tabs-bd{border:none;}

.am-nav-tabs>li.am-active>a, .am-nav-tabs>li.am-active>a:focus, .am-nav-tabs>li.am-active>a:hover{border:none;border-bottom:2px solid #3ba6b0;color:#3ba6b0;background: #f1f1f1;}
.am-nav-tabs>li>a:hover{border-color:none;}
.am-nav-tabs>li{text-align: center;width: 50%;border: 1px solid #999999;background: #f1f1f1;margin-left:-1px;}
.am-nav-tabs>li>a{margin-right: 0px;color:#060606;}
.am-form-group{display: flex;display: -webkit-flex;margin-bottom: 0;    border-bottom: 1px solid #eee;}
.am-form-group label{width: 120px;line-height: 39px; margin-bottom: 0px;    font-size: 15px;}
.am-form input[type=text], .am-form textarea{text-align: right;border:1px solid #fff;font-size: 14px;}
.am-form input[type=text]:focus{border:1px solid #fff;box-shadow:none;}
.am-form-field{background: #fff !important;}
.radio-button{position: relative;display: inline-block;}
.radio-button:first-child .radio-button__inner{border: none;border-radius: 0;}
.radio-button__inner{line-height: 30px;white-space: nowrap;vertical-align: middle; -webkit-appearance: none;text-align: center;box-sizing: border-box; outline: 0;
                     margin: 0;cursor: pointer;transition: all .3s cubic-bezier(.645, .045, .355, 1);padding: 10px 15px;font-size: 14px;border-radius: 0;}
.radio-button__orig-radio{opacity: 0;outline: 0; position: absolute; z-index: -1;left: -999px;}
.radio-group{display: inline-block;font-size: 0;line-height: 30px;margin-left: 10px;}
.screen{width: 100%;padding: 10px;}
.screen p{line-height: 30px;}
.screen p>label{font-size: 15px; font-weight: 600;}
.screen a{font-size: 13px;text-decoration: underline;}
.is-active{background: #3ba6b0;color:#fff;}
.is-active .radio-button__inner{color:#fff;}

input{outline:none !important;}

label{font-weight: 400;margin: 0;}
fieldset{margin: 0px 10px;background: #fff;}
.am-avg-sm-3>li{width: 33.33333333% !important;}
.am-menu-sub li{float: none !important;}
.list-table{height: auto;padding: 6px 10px;background: #fff;}
.list-table p{margin:0 10px;margin-bottom: 0;}
.list-table a{color:#888;}
.list-table .am-accordion-gapped .am-accordion-title{padding:0 !important;border:none !important;background: #fff;}
.list-table .am-accordion-gapped .am-active .am-accordion-title{background:none;}
.list-table .am-accordion-bd{border-left: 1px solid #ccc !important; border-right: 1px solid #ccc !important;border-bottom: 1px solid #ccc !important;}
.am-accordion-gapped .am-accordion-item{border:none !important;margin: 0;margin-top: -1px; border: 1px solid #dedede;/* background: #fff; */}
.list-table .am-accordion-gapped .am-accordion-title:after{display: none;background: #fff;}
.list-table .am-accordion-content{margin-top:-8px;}
.am-accordion-gapped .am-accordion-title{background: #fff;border-bottom: 1px solid #eee;}

dt{font-weight: 400;}
.cardPage{background:#f4f4f4;}
.list-card{width: 94%;height: auto;margin-bottom:10px;margin:0 auto;}
.list-card .card{background:#fff;border-radius: 15px;box-shadow: 0 1px 2px rgba(0,0,0,.3);}
.list-card h4{margin: 0;padding: 5px 35px; color: #060606;}
.list-card h3{margin: 10px 35px;}
.list-card dl{padding: 2px 35px;margin:0 0 10px 0;font-size: 14px;color:#444;}
.footnote{line-height: 34px;}
.footnote a{color:#0e90d2;font-size: 14px;text-decoration: underline;padding: 0 10px;}
.am-menu-default .am-menu-nav>.am-parent>a:after{display: none;}
.am-slider-default .am-control-nav{bottom: 10px;}
.am-slider .am-slides>li{height: 170px;}
.am-slider .am-slides>li>img{height: 100%;}
.am-form select:focus{box-shadow:none!important;}
select{border:none!important;}
.phone-list {padding:10px;}
.phone-list li { width: 100%;height: auto;padding: 10px; }
.phone-list li > div {margin-bottom: 5px;padding: 2px 5px;}
.phone-list li p {font-size: 14px;}
.phone-list li p label {width:100%;font-size: 15px;font-weight: 600;}
.border {border:1px solid #dedede;}




/* 兑换 */
.ul-list{width: 100%;height: auto; padding: 0;margin: 0;}
.ul-list li{width: 100%;height: 95px; font-size: 12px;margin: 5px 2px; display: inline-block;border-top:none;border:1px solid #999999;border-radius: 5px;}
.ul-list li img{width: 100%;height: 20px;border-radius: 2px;}
.ul-list .matter-list{padding:5px 10px;}
.ul-list .matter-list>p:first-child{text-align: center;font-size: 13px;color:#060606;}
/* .ul-list .matter-list>div{margin-top: 20px;} */
.ul-list .matter-list>div p{color:#3ba6b0;}
.ul-list .matter-list>div p span{color:#ec9717;font-size: 1.3rem;}
.amount p span{font-size: 2.3rem !important;}
.am-tabs-bd .am-tab-panel{padding: 5px 0;}

.roll-list li{width: 98%;height: 160px; font-size: 12px;margin: 5px;border:none;border-radius: 5px;/*background:#fff;*/}
.roll-list li .roll{width: 25%;height: 160px;border-radius: 2px;background:url("../images/duihuan02.png")no-repeat;background-size: 100% 100%; padding: 30px 0;}
.roll p{color:#fff;text-align: center;}
.roll p span{font-size: 18px;}
.roll p span label{font-size: 22px !important;}
.roll-list .matter-list{width: 60%;height: 160px;background: #fff;}
.use{width: 15%;height: 160px;background: #fff;border-left:1px solid #eee;}
.use img{width: 100%;height: 70% !important;margin-top: 15px;}
.money{font-size: 34px;color:#ec9717;line-height: 75px;}
.am-offcanvas-bar{width: 100%;height: 250px;   bottom:0;top:auto;    background: #fff;}
.am-offcanvas-bar:after{background: #fff;}
.modal{margin-top: -35px;}
.modal label{color:#fff !important;background: #3ba6b0;border-radius: 10px; font-size: 14px !important;   font-weight: 400 !important;padding: 0 10px;}
.modal span{font-size: 14px;margin: 0 5px;color:#060606;}
.button{text-align: center;margin-top:10px;}
.button .am-btn{border-radius: 5px;}
.botm_border{border-bottom:1px solid #efefef;}
.ul-list li>a{padding: 0 !important;}
 .am-nav-tabs{padding:6px;background:#fff;border:none;}
 /*.am-nav-tabs{background: #fff;padding: 10px 15px;border:none;}*/
.coupon-list .am-nav li{width: 33.4%;}
.coupon-list .am-fade{background:#f1f1f1;}
.coupon-list .over .roll-list li .roll{background:url("../images/youhu1.png")no-repeat !important;background-size: 100% 100%;} 
.list-combo{padding: 5px !important; margin-top: 7px;}
.list-combo>div{width: 80%;margin-top: 0 !important;}
.list-combo>div p{margin: 0 !important;color:#666!important;}
.list-combo>div p>span{color:#666!important;}
.list-combo>p{width: 20%; font-size: 12px;margin: 0px 5px !important;}
.list-combo>p span{font-size: 37px;color: #ec9717;}
.list-combo .title{font-size: 17px;color:#060606!important;}
.check{font-size: 12px; padding: 2px 10px;border-radius: 5px;}
.am-btn-secondary{background-color: #3ba6b0;border-color: #3ba6b0;color:#fff;}
.am-active .am-btn-secondary.am-dropdown-toggle, .am-btn-secondary.am-active, .am-btn-secondary:active{background-color:  #3ba6b0;}
.am-btn-secondary:focus, .am-btn-secondary:hover{background-color:  #3ba6b0;}
.list-title button{padding:0 5px;font-size: 12px;border-radius: 10px;}
.across-list li{width: 100%;height: auto;}
.across-list-center{width: 100% !important; border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding: 10px;}
.predict{font-size: 20px !important;color: #ec9717 !important;}
.across-list button{margin-top: 5px;height: 22px;}
.across-list .list-combo>div{width: 100%;}