html{font-size: 62.5%; min-height: 100%;}
body{-webkit-text-size-adjust: none; color: #424242; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family:"Microsoft YaHei","微软雅黑","Helvetica Neue", Helvetica,Arial,Tahoma, sans-serif; font-size: 62.5%; height: 100%; margin: 0; padding: 0;}
[v-cloak] { display: none }
body { margin: 0; padding: 0; min-height: 100%;}
a{ background: transparent; text-decoration: none; margin: 0; padding: 0; color: #333;}
h1,h2,h3,h4,h5,h6,p{font-weight: normal; font-size: 1rem; margin: 0; padding: 0;}
img{ border: 0;}
.main-page{background-color: #fff; width: 100%;}
ul,ol{ padding: 0; margin: 0;}
li{ list-style-type: none; padding: 0; margin: 0;}
input[type="text"],input[type="password"]{ height: 2rem; line-height: 2rem; border: 0.01rem solid #c1c1c1; font-size: 1rem; color: #666; text-indent: 1rem; outline:medium;}

/*radio样式重写start*/
.radio-plate{min-width: 1rem; margin-right: 1rem; float: left;}
.radio-plate input[type='radio'] {position: absolute; width: 1.5rem; height: 1.5rem; clip: rect(0,0,0,0)}
.radio-plate input[type='radio']+label{font-size: 1.4rem; color: #424242; cursor: pointer;}
.radio-plate input[type='radio']+label:before{content: ''; display: inline-block; margin-right: 0.5rem; vertical-align: -0.3rem; width: 1.5rem; height: 1.5rem; border-radius: 1.5rem; background-color: #fff; border: 0.2rem solid #d8d8d8;}
.radio-plate input[type='radio']:checked+label:before{background-color: #006aee}
/*radio样式重写end*/

/*checkbox样式重写start*/
.checkbox-plate{min-width: 3rem; margin-right: 1rem; float: left;}
.checkbox-plate input[type='checkbox'] {position: absolute; width: 1.5rem; height: 1.5rem; clip: rect(0,0,0,0)}
.checkbox-plate input[type='checkbox']+label{font-size: 1.4rem; color: #424242;  cursor: pointer;}
.checkbox-plate input[type='checkbox']+label:before{content: ''; display: inline-block; margin-right: 0.5rem; vertical-align: -0.3rem; width: 1.5rem; height: 1.5rem; border-radius: 0.2rem; background-color: #fff; border: 0.1rem solid #a6a6a6; line-height: 1.5rem; font-size: 1.5rem;}
.checkbox-plate input[type='checkbox']:checked+label:before{background-color: #006aee;}
/*checkbox样式重写end*/

/**底部导航start*/
.footer-plate{width: 100%; height: 3rem; position: fixed; bottom: 0; left: 0; background-color: #fff; border-top: 0.01rem solid #d8d8d8;}
.footer-plate .vip-home{width: calc(50% - 1rem); height: 3rem; line-height: 3rem; border-right: 0.01rem solid #d8d8d8; float: left; text-align: center; font-size: 1rem; color: #424242;}
.footer-plate .vip-home>i{background: url("/Public/image/icon/footer-vip-home1.png") center no-repeat; background-size: 1.6rem 1.4rem; padding: 1rem 1.6rem;}
.footer-plate .personal-center{width: 49%; height: 3rem; line-height: 3rem; text-align: center; font-size: 1rem; color: #424242; float: left;}
.footer-plate .personal-center>i{background: url("/Public/image/icon/footer-personal-center1.png") center no-repeat; background-size: 1.9rem 1.6rem; padding: 1rem 1.6rem;}
.footer-plate .have-select{color: #006aee;}
.footer-plate .vip-home .have-select-i{background: url("/Public/image/icon/footer-vip-home2.png") center no-repeat; background-size: 1.6rem 1.4rem; padding: 1rem 1.6rem;}
.footer-plate .personal-center .have-select-i{background: url("/Public/image/icon/footer-personal-center2.png") center no-repeat; background-size: 1.9rem 1.6rem; padding: 1rem 1.6rem;}
/**底部导航end*/
.vip-nav{position: fixed; top: 0; left: 0; width: 100%; height: 3rem; background-color: #fff;}
.vip-nav>a{font-size: 1rem; line-height: 3rem; text-align: center; width: 33%; color: #424242; float: left;}
.vip-nav .nav-selected{color: #006aee; border-bottom: 0.2rem solid #006aee;}
.vip-main-page{margin: 3.5rem 0;}

.next-page-plate{width: 100%; height: 3rem; font-size: 1rem; line-height: 3rem; text-align: center; color: #424242; background-color: #fff; margin-top: 1rem;}
.next-page-loading{width: 100%; height: 2rem; margin: 1rem 0; background-color: #f1f1f1; background: url("/Public/vendor/layer_mobile/theme/default/loading-1.gif") center no-repeat; display: none;}
.no-data{width: 100%; height: 100%; background-color: #fff; margin-top: 1rem; font-size: 1rem; color: #424242; text-align: center; line-height: 2rem; padding: 2rem 0;}

.f-left{float: left !important;}
.f-right{float: right !important;}

.ff9c05{color: #ff9c05 !important;}
.red{color: red !important;}

.MGB3{margin-bottom: 3rem;}

.PDB5{padding-bottom: 5rem !important;}

.hide{display: none !important;}
.clear{clear: both;}

.position-relative{position: relative !important;}

/*分页样式start*/
.new-page{text-align: center; font-size: 0.8rem; color: #a6a6a6; line-height: 1.2rem; margin: 0.5rem auto; padding: 0 1rem;}
.new-page .current{display: inline-block; background: #006aee; color: #fff; height: 1.5rem; width: 2rem; margin: 0 0.5rem; border: 0.02rem solid #a6a6a6; font-size: 0.8rem; line-height: 1.5rem;}
.new-page .num, .prev, .next, .first, .end{display: inline-block; height: 1.5rem; width: 2rem; margin: 0.2rem 0.2rem; border: 0.01rem solid #a6a6a6; font-size: 0.8rem; line-height: 1.5rem;}
/*分页样式end*/

.main-bg-white {background: #fff; display: flex; flex-direction: column; height: 100%; width: 100%; align-items: center;}
.main-bg-gray {background: #f1f1f1; display: flex; flex-direction: column; height: 100%; width: 100%; align-items: center;}

.gray-block-h1 {width: 100%; background-color: #f1f1f1; height: 1rem;}

/*科目类型选择导航栏样式start*/
.subject-top-nav {display: flex; flex-direction: row; align-items: center; text-align: center; color: #424242; width: 100%; background-color: #fff;}
.subject-top-nav .subject-div {width: 50%; padding: 0.3rem 0; height: 4rem;}
.subject-top-nav .subject-div>a {display: block; font-size: 1.6rem; text-align: center; width: 10rem; margin: 0 auto; line-height: 4rem;}
.subject-top-nav .subject-div>a:first-child {border-left: 0;}
.subject-top-nav .subject-div .select {border-bottom: 0.3rem solid #006aee; color: #006aee;}
/*科目类型选择导航栏样式end*/

/*底部导航菜单样式start*/
.bottom-tabbar-nav {width: 100%; height: 5rem; position: fixed; bottom: 0; left: 0; display: flex; flex-direction: row; align-items: center; background: #fff; border-top: 0.1rem solid #d8d8d8;z-index: 999;}
.bottom-tabbar-nav .menu-nav{display: flex; flex-direction: column; flex: 1; align-items: center; color: #424242;}
.bottom-tabbar-nav .nav-select{color: #006aee;}
.bottom-tabbar-nav .menu-nav>img{max-width: 3rem; height: 2.5rem;}
.bottom-tabbar-nav .menu-nav>span{font-size: 1.4rem; line-height: 1.5rem; text-align: center; margin-top: 0.2rem;}
/*底部导航菜单样式end*/

/*上传图片样式开始start*/
.upload-image-plate {float: left; width: 6rem; height: 6rem; border: 0.1rem solid #d8d8d8; text-align: center;}
.upload-image-plate>span{font-size: 4rem; line-height: 4rem; color: #777;}
.upload-image-plate>p{font-size: 1.2rem; line-height: 2rem; color: #777;}
.upload-image-input {position:absolute;margin-left: -6rem; opacity: 0; width: 6rem; height: 6rem; clip:rect(0 0 0 0)}
.upload-choice-image-view {float: left; position: relative; width: 6rem; height: 6rem; margin-left: 1rem; cursor: pointer;}
.delete-icon {position: absolute; top: -0.2rem; right: -0.2rem; background: #999; width: 1.4rem; height: 1.4rem; border-radius: 50%; color: #fff; text-align: center; line-height: 1.3rem; cursor: pointer; font-size: 1.4rem;}
/*上传图片样式结束end*/

/*计时球样式start*/
.timeWindow { position: fixed; right: 7rem; bottom: 5rem; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 7rem; height: 7rem; border-radius: 4rem; border: 0.5rem solid #b2d2fa; background-color: #006aee; color: white; font-size: 1.2rem;}
.timeWindow:active{background-color: #064592;}
#open-camera{width: 0; height: 0; clip: rect(0,0,0,0)}
/*计时球样式end*/