@CHARSET "UTF-8";
/*默认样式*/
html {
    
    height: 100vh;
 overflow:auto;
}

* {
    margin: 0;
    padding: 0;
    outline: none;
}

   

body {
	line-height: 1.5;
    font-family: Arial, Helvetica, STHeiTi, sans-serif;
    color: #000;
}

a {
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

    a:hover {
        text-decoration: none;
    }

button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    padding: 0;
    outline: none;
}

textarea, input {
    resize: none;
    outline: none;
}

textarea {
    resize: none;
    -webkit-appearance: none;
}

ul, ol, li {
    list-style: none;
}

em {
    font-style: normal;
}

input[type=button] {
    -webkit-appearance: none;
    outline: none
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

b {
    font-weight: normal;
}

* {
    margin: 0;
    padding: 0;
    outline: none;
}

body {
    min-width: 320px;
    line-height: 1.5;
    font-family: Arial, Helvetica, STHeiTi, sans-serif;
}

ul,
ol,
li {
    list-style: none;
}

a {
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

    a:hover {
        text-decoration: none;
    }

html {
    font-size: 50px
}

body {
    font-size: 24px
}

@media screen and (min-width:320px) {
    html {
        font-size: 21.33px
    }

    body {
        font-size: 12px
    }
}

@media screen and (min-width:360px) {
    html {
        font-size: 24px
    }

    body {
        font-size: 12px
    }
}

@media screen and (min-width:375px) {
    html {
        font-size: 25px
    }

    body {
        font-size: 12px
    }
}

@media screen and (min-width:384px) {
    html {
        font-size: 25.6px
    }

    body {
        font-size: 14px
    }
}

@media screen and (min-width:400px) {
    html {
        font-size: 26.67px
    }

    body {
        font-size: 14px
    }
}

@media screen and (min-width:414px) {
    html {
        font-size: 27.6px
    }

    body {
        font-size: 14px
    }
}

@media screen and (min-width:424px) {
    html {
        font-size: 28.27px
    }

    body {
        font-size: 14px
    }
}

@media screen and (min-width:480px) {
    html {
        font-size: 32px
    }

    body {
        font-size: 15.36px
    }
}

@media screen and (min-width:540px) {
    html {
        font-size: 36px
    }

    body {
        font-size: 17.28px
    }
}

@media screen and (min-width:720px) {
    html {
        font-size: 48px
    }

    body {
        font-size: 23.04px
    }
}

@media screen and (min-width:750px) {
    html {
        font-size: 50px
    }

    body {
        font-size: 24px
    }
}

.container {
    width: 100%;
    max-width: 750px;
    height: 100%;
    margin: 0 auto;
    overflow:hidden;
background:#F7F8FC
}




/* ===== find分类 ===== */
.find_nav {
    width: 100%;
    height: 1.76rem;
    position: relative;
    top: 0;
    z-index: 9999;
    display: -moz-box;
    display: -webkit-box;
    display: box;
    border-bottom: 1px solid #F1F1F1;
		 box-sizing: border-box;
}

.find_nav_left {
   height: 1.76rem;
    position: relative;
    overflow: hidden;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    box-flex: 1;
}

.find_nav_list {
    position: absolute;
    left: 0;
}

    .find_nav_list ul {
        position: relative;
        white-space: nowrap;
    }

        .find_nav_list ul li {
            display: inline-block;
           /* margin-right: 0 .9rem;
            line-height: 2rem;*/
            height: 1.26rem;
         /* width: 2.3rem;*/
			padding:.5rem .5rem 0 .7rem
        }

            .find_nav_list ul li a {
                position: relative;
                display: block;
                width: 100%;
                height: 100%;
                /*line-height: 2rem;*/
                height: 1.76em;
                font-size: .6rem;
                text-align: center;
                color: #282828;
            }

            .find_nav_list ul li.find_nav_cur a {
                color: #2883CA !important;
                font-weight: bold;
                font-size: .6rem;
				
            }
			
			
			  .find_nav_list ul li.find_nav_cur span {
				 display:block;
                width:.8rem;
                height: 3px;
               background:#2883CA;
			   border-radius:30px;
			   margin:.2rem auto 0 auto
            }
			
/*.find_nav_list ul li a.active {
    font-size: .72rem;
   
}
.find_nav_list a.active {
	color: #C00;
}*/
.sideline {
    display: block;
    position: absolute;
    width: .56rem !important;
    height: .12rem !important;
    background-color: #2883CA;
    left: 0;
    bottom: -.1rem;
    pointer-events: none;
    z-index: 99;
    border-radius: 30px;
    margin: 0 auto
}

.li_list {
    /*	padding:1.6rem 0 0 0;*/
    height: 1.5rem;
    color: #fff;
    /*text-align: center;*/
}
/*.swipe {
	padding: 70px 0 0 0;
}
*/
/* ===== retrie分类下来 ===== */
/*.retrie {
	width: 15rem;
	height: 1.5rem;
	position: relative;
	border-bottom: 1px solid #ccc;
}

.retrie .dt a {
	display:block;
	width: 15rem;
	height: 1.5rem;
	line-height: 1.5rem;
	color: #333;
	font-size: 0.5rem;
	text-align: center;
}
.retrie .dt a:after {
	position: absolute;
	top: 45%;
	left: 70%;
	margin-top: -4px;
	margin-left: 30px;
	width: 8px;
	height: 8px;
	border: #666 solid;
	border-width: 1px 1px 0 0;
	content: ' ';
	-webkit-transform: rotate(135deg);
}
.retrie .dt .up {
	color: #007ccf;
	border-bottom: 2px solid #007ccf;
}
.retrie .dt .up:after {
	margin-top: 0;
	border: #007ccf solid;
	border-width: 1px 1px 0 0;
	-webkit-transform: rotate(-45deg);
}
.retrie .dt a:last-child:before {
	position: absolute;
	top: 10px;
	left: 0;
	display: block;
	width: 1px;
	height: 30px;
	background-color: #ebebeb;
	content: ' ';
}
.retrie .area {
	position: relative;
	
}*/
/* ===== slide-area ===== */
/*.downlist {
	position: absolute;
	top: 0px;
	left: 0;
	z-index: 999;
	display: none;
	width: 15rem;
	background: #fff
}
.downlist li {
	float: left;
	width: 5rem;
	height: 0.9rem;
	background: #0FF
}
.downlist a {
	float: left;
	width: 15rem;
	height: 0.9rem;
	line-height: 0.9rem;
	font-size: 0.45rem;
	color: #000
}
.downlist li a:hover, .downlist li a.selected {
	background-color: #f6f6f6;
}
.downlist li a.select {
	background-color: #fff;
}*/
/*图表*/
.chart {
    width: 100%;
    height: 500px;
    overflow: hidden;
}

.mark {
    width: 100%;
    height: 2.64rem;
    background: url(../images/top-background.png) no-repeat center;
    background-size: 100% 100%;
    margin-top: .3rem
}

.update {
    float: left;
    width: 3.5rem;
    height: 2.4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-left: 0;
    box-sizing: border-box;
    text-align: center;
    margin-left: .6rem
}

    .update p {
        font-size: 0.72rem;
        color: #0276E3;
        font-weight:bold;
        margin-top: 0.3rem
    }

    .update span {
        font-size: 0.52rem;
        color: #727272
    }

.ratio {
    float: right;
    width: 8.8rem;
    height: 2.4rem;
    overflow: hidden;
    margin-right:.3rem
}
    /*.ratio div {
	float: left;
	width: 9.41rem;
	height: 2rem;
	overflow: hidden
}*/
    .ratio div {
        float: left;
        width: 50%;
        height: 1.2rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        box-sizing: border-box;
        font-size: 0.56rem;
        color: #727272
    }

        
        .ratio div:last-child {
            border-right: none
        }

        .ratio div p {
            display:inline-block;
            margin-top: 0.2rem;
            margin-right:.3rem;
            margin-left:.3rem
           
        }
        .ratio div span {
            display: inline-block;
            width:40%;
            text-align:left;
          
        }


        .day span.increase {
            color: #C8344E
        }
.day span.decline {
    color: #369135
}
.ratio div:nth-child(even) {
    text-align:right
}
.surface {
    width: 100%;
    height: auto;
    display: table;
    overflow: hidden;
}
/*.data {
	width: 15rem;
	height: 1.2rem;
	color: #f00;
	background:#f3c4c4;
}*/
.data div {
    float: left;
    width: 4.12rem;
    height: 1.2rem;
    line-height: 1.2rem;
    text-align: center;
    font-size: 0.4rem;
    color: #f00;
}


.btn {
    position: fixed;
    bottom: 0;
    width: 15rem;
    height: 1.2rem;
    overflow: hidden;
    border: 1px solid #ccc;
    color: #000;
    box-sizing: border-box
}

    .btn button {
        float: left;
        width: 4.11rem;
        height: 1.2rem;
        border: 0;
        border-right: 1px solid #ccc;
        box-sizing: border-box;
        text-align: center;
        font-size: 0.5rem;
        color: ;
        background: #1c6be3;
    }

        .btn button:last-child {
            border-right: none
        }


.drop {
    width: 100%;
    height: 100%;
   
}


/* ===== retrie分类下来 ===== */

.retrie {

    position: relative;
    height: 1.5rem;
    border-bottom: 1px solid #F1F1F1;
}

    .retrie dt {
        overflow: hidden;
        border-bottom: 1px solid #F1F1F1;
    }

        .retrie dt a {
            position: relative;
            float: left;
            height: 1.5rem;
            line-height: 1.5rem;
            color: #727272;
            font-size: .56rem;
            text-align: center;
        }

            .retrie dt a.dataTime-title {
                width: 35%;
            }

            .retrie dt a.data-title {
                width: 65%;
            }

            .retrie dt a i {
                display: inline-block;
                width: 0.72rem;
                height: 0.72rem;
                background: url(../images/drop-down.png) no-repeat center;
                background-size: 100% 100%;
                margin-top: -0.2rem;
                margin-left: .3rem;
                vertical-align: middle;
            }

                .retrie dt a i.up {
                    display: inline-block;
                    width: 0.72rem;
                    height: 0.72rem;
                    background: url(../images/drop-up.png) no-repeat center;
                    background-size: 100% 100%;
                    margin-top: -0.1rem;
                    margin-left: .3rem;
                    vertical-align: middle
                }




    .retrie dd {
        position: relative;
    }


/* ===== slide-area ===== */


.slide {
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    top: 0px;
    left: 0;
    z-index: 104;
    display: none;
    width: 100%;
    max-height: 15.3rem;
    background-color: #fff;
}
.slide2 {
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    top: 0px;
    left: 0;
    z-index: 104;
    display: none;
    width: 100%;
    min-height: 5rem;
    max-height: 15.3rem;
    background-color: #fff;
}

.slide2::-webkit-scrollbar-track-piece {
    background-color: rgba(0, 0, 0, 0);
    border-left: 1px solid rgba(0, 0, 0, 0);
}

    .slide2::-webkit-scrollbar {
        width: 6px;
        height: 13px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .slide2::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, 0.5);
        background-clip: padding-box;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        min-height: 28px;
    }

        .slide2::-webkit-scrollbar-thumb:hover {
            background-color: rgba(0, 0, 0, 0.5);
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }

    .slide li {
        display: block;
        height: 1.7rem;
    }

        .slide li a {
            display: block;
            width: 92%;
            height: 1.7rem;
            background-color: transparent;
            line-height: 1.7rem;
            margin: 0 auto;
            font-size: .6rem;
            color: #282828;
            border-bottom: 1px solid #eee;
        }

            .slide li a i {
                float: right;
                width: 0.96rem;
                height: 0.96rem;
                background: url(../images/check.png) no-repeat center;
                background-size: 100% 100%;
                margin-top: .4rem;
            }

            .slide li a.active {
                color: #0276E3;
				   
            }

            .slide li a i.checked {
                float: right;
                width: 0.96rem;
                height: 0.96rem;
                background: url(../images/checked.png) no-repeat center;
                background-size: 100% 100%;
            }

.mask {
    position: fixed;
    left: 0;
    top: 12rem;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 99;
    background-color: #000;
    opacity: 0.1;
}


.fixed-div {
    width: 100%;
    height: 2rem;
    position: fixed;
    z-index: 99999999999999;
    top: 0;
}

.fixed-item {
    width: 100%;
    height: 2rem;
    max-width: 750px;
    background-color: #ebebeb;
    margin: 0 auto;
    -webkit-text-size-adjust: 100% !important;
}

.fixed-left {
    float: left;
    width: 64%;
    font-size: 0.6rem;
    color: #1b5ead;
    vertical-align: middle;
    height: 2rem;
    line-height: 2rem;
}


    .fixed-left span {
        font-size: 0.48rem;
    }

    .fixed-left img {
        float: left;
        width: 1.28rem;
        height: 1.28rem;
        display: inline-block;
        vertical-align: top;
        margin: 0.4rem 0.4rem 0 0.3rem;
    }

    .fixed-left .fixed-text {
        width: 65%;
        float: left;
        font-size: 0.56rem;
        color: #1b5ead;
        color: #000;
        line-height: normal;
        margin-top: 0.65re;
        line-height: 2rem;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        -webkit-text-overflow: ellipsis;
        -moz-text-overflow: ellipsis;
    }

.fixed-right {
    float: right;
    width: 2.6rem;
    height: 1rem;
    text-align: center;
    margin: 0.5rem 0.3rem 0 0;
}

    .fixed-right a {
        display: block;
        /* width: 2.6rem;
      height: 1rem;
     line-height:1.08rem;
      font-size: 0.5rem;
      color: #fff;*/
    }

    .fixed-right img {
        width: 100%;
        height: auto
    }

.btn-fixed {
    /*display: table;*/
	display:none;
    width: 100%;
    height: 2rem;
    max-width: 750px;
    margin: 0 auto;
    text-align: center;
}

.btn-fx {
    display: block;
    width: 90%;
    height: 1.6rem;
    line-height: 1.6rem;
    background-color: #0276E3;
    color: #fff;
    box-shadow: 0px 4px 8px rgba(2, 118, 227, 0.3);
    opacity: 1;
    border-radius: 200px;
    margin: 0 auto;
    text-align: center;
    font-size: .6rem;
    border: 0
}

 /* tab切换 */
         .tabBtn {
             width: 100%;
             height: 1.92rem;
             overflow: hidden;
             background: #EBECF5;
         }

         .tabBtn a {
             float: left;
             font-size: .64rem;
             line-height: 2.4rem;
             color: #282828;
             font-weight: bold;
         }

         a.tabActive {
             width: 4.8rem;
             height: 1.92rem;
             background: url(../images/tabActive.png) no-repeat center bottom;
             background-size: 100% 1.92rem;
             padding-left: 3.4rem;
             color: #2883CA;
         }

         .tabBtn a:first-child {
             width: calc(100% - 8.2rem - 2.4rem);
             padding-left: 2.4rem;
         }
		  /* tab切换end */