@font-face {
    font-family: 'icomoon';
    src:  url('../../css/icomoon/fonts/icomoon.eot?xknok5');
    src:  url('../../css/icomoon/fonts/icomoon.eot?xknok5#iefix') format('embedded-opentype'),
    url('../../css/icomoon/fonts/icomoon.ttf?xknok5') format('truetype'),
    url('../../css/icomoon/fonts/icomoon.woff?xknok5') format('woff'),
    url('../../css/icomoon/fonts/icomoon.svg?xknok5#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-c_check:before {
    content: "\e900";
}
.icon-c_check2:before {
    content: "\e901";
}
.icon-c_forward:before {
    content: "\e902";
}
.icon-c_index:before {
    content: "\e903";
}
.icon-c_index2:before {
    content: "\e904";
}
.icon-c_me:before {
    content: "\e905";
}
.icon-c_me2:before {
    content: "\e906";
}
.icon-c_more:before {
    content: "\e907";
}
.icon-c_report:before {
    content: "\e908";
}
.icon-c_report2:before {
    content: "\e909";
}
.icon-c_selected:before {
    content: "\e90a";
}
.icon-c_unfold:before {
    content: "\e90b";
}
.bg-f3{background:#F3F3F3;}
.w-p22{ width: 22%;}
.w-p33{ width: 33%;}
.q_f3{ background: #F3F3F3;}
.foot{position: fixed; bottom: 0; z-index: 100; width: 100%; height: 3rem; }
.tabBox{ margin:0px auto; padding-bottom: 85px;   }
.tabBox .hd{font-size:18px; overflow:hidden; background:#ffffff; padding:0px 10px;  }
.tabBox .hd ul{ }
.tabBox .hd ul li{ float:left; padding: 0px;  vertical-align:top; color: #666666;font-size: 0.8rem;width: 25%;text-align: center; }
.tabBox .hd ul li a{color: #666666;display:block; padding:15px 0px 15px 0px; border-bottom:2px solid #ffffff; }
.tabBox .hd ul li.on a{ color:#1F9AF9; display:inline-block; padding:15px 0px 15px 0px; border-bottom:2px solid #1F9AF9;  }
.tabBox .bd{background: #F3F3F3;}
.tabBox .bd .con ul{border-top:1px solid #E6E6E6;}
.tabBox .bd .con ul li{ background: #ffffff; margin-top: 10px;border-top:1px solid #E6E6E6;border-bottom:1px solid #E6E6E6;}
.tabBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); } 
.readMore{ display:block; height:30px; line-height:30px; margin:10px auto 20px auto;  text-align:center; text-decoration:underline;   }
.qtijian_bq span{ border: 1px #E3E3E3 solid; height: 30px; line-height: 28px;}
.qtijian_top .qbtn{ border: 1px #E3E3E3 solid; height: 30px; line-height: 28px;color:#209AF9;}
.c-hong{ color: #FF4D63;}
.sz-list .sz-list-body {
    padding: 0 .16rem;
}
.pkg-detail {
    overflow: hidden;
    border-radius: 0.3rem;
    font-size: 0.6rem;
    border-collapse: separate!important;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    text-align: left;
}
.pkg-detail thead {
    background-color: #1F9AF9;
}
.pkg-detail thead {
    color: #fff;
    font-weight: 400;
}
.pkg-detail thead th {
    padding: 0.8rem 0;
    text-align: center;
}
.pkg-detail tbody, .pkg-detail tbody td {
    border-bottom: 1px solid #E8EDF0;
}
.pkg-detail tbody td:first-child {
    color: #1F9AF9;
    vertical-align: middle;
    border-left: 1px solid #E8EDF0;
}
.pkg-detail tbody td {
    vertical-align: middle;
    padding: 0.5rem;
    line-height: 0.9rem;
    border-right: 1px solid #E8EDF0;
}
.pkg-detail tbody td {
    border-bottom: 1px solid #E8EDF0;
}
.m_card > img{max-width:100%;}
.m_card_main{position:absolute;top:0.7rem;right:0.5rem;text-align:right;}
.pwd_btn{position:absolute;top:6rem;right:0;}
.pwd_img  img{width:1rem;height:0.93rem;margin-top:-0.15rem;margin-right:0.5rem;}



@media screen and (min-width:300px)and (max-width:360px) {
	html {
		font-size:17px
	}
}
@media screen and (min-width:361px)and (max-width:410px) {
	html {
		font-size:20px
	}
}
@media screen and (min-width:411px)and (max-width:640px) {
	html {
		font-size:21px
	}
}
























