@charset "utf-8";
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html{ width:100%; height:100%;background-color: #fcfcfc;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, table,th, td, address, area {
	font-family: Helvetica;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
    color:#303030;
}
ul,li{ list-style-type:none; padding:0; margin:0;}
section,header,footer,nav,menu,article{
    padding: 0;
    width: 7.5rem;
    margin: 0 auto;
    overflow: hidden;
}
.clearfix:after { 
	content: "." ; 
	display: block ;
	height: 0 ;
	clear: both ;
	visibility: hidden ;
}
*:focus {outline: none;}
a{
    color:#333;
    text-decoration: none;
}
a:hover{
    color:#333;
    text-decoration: none;
}
body > img{ 
	width:100%; 
	vertical-align:top;
}
header{
	top:0;
    left: 0;
    right: 0;

}
.index-head-area{
	width:7.5rem;
	height:1rem;
	float:left;
    padding-top: .05rem;
    background-color: #fcfcfc;
}
.index-head-area .logo{
    height: 1rem;
    float: left;
}
.index-head-area .logo p{
    height: 1rem;
    float: left;
    line-height: 1rem;
    margin-left: .3rem;
    font-size: .35rem;
    font-weight: bold;
}
.index-head-area .logo span{
    height: .8rem;
    line-height: .8rem;
    float: left;
    margin-top: .15rem;
    margin-left: .1rem;
    font-size: .26rem;
}
.head-right-nav{
    height: 1rem;
    float: right;
    margin-right: .3rem;
    line-height: 1rem;
    position: relative;
    z-index: 1000;
}
.head-right-nav a{
    height: 1rem;
    line-height: 1rem;
    float: left;
    font-size: .3rem;
    color:#303030;
    margin-left: .15rem;
}
.head-right-nav a i{
    font-size: .5rem;
    color:#606060
}
.head-right-nav a.ico{
    text-align: center;
}
.head-right-nav a.ico i{
    font-size: .6rem;
    color:#ccc;
}
.head-right-nav a.ico span{
    clear: both;
    width: 100%;
    float: left;
    margin-top: -0.6rem;
    position: relative;
    z-index: 100;
    height: .3rem;
    line-height: .3rem;
    background-color: #fcfcfc;
}
.head-area{
    width:7.5rem;
    height:1rem;
    float:left;
    background-color: #fcfcfc;
    border-bottom: 1px #f5f5f5 solid;
    overflow: hidden;
}
.head-area .backto{
    height: 1rem;
    line-height: 1rem;
    float: left;
    padding-left: .18rem;
    padding-right: .5rem;
    position: relative;
    z-index: 1000;
    font-size: .35rem;
}
.head-area .backto a{
    display: block;
}
.head-area .backto a i{
    font-size: .5rem;
}
.head-area .head-tle{
    clear: both;
    width: 100%;
    float: left;
    height: .8rem;
    line-height: 1rem;
    text-align: center;
    margin-top: -1rem;
    font-size: .35rem;
}
.slide-area{
    clear:both;
    width:6.9rem;
    float:left;
    height: 3rem;
    overflow: hidden;
    margin-left: .3rem;
    border-radius: .15rem .15rem 0 0;
    overflow: hidden;
    margin-top: 0rem;
}
.swiper-container {
    width: 100%;
    height: 3rem;
}
.question-swiper-container {
    width: 100%;
    height: auto;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide a{
    width: 100%;
    height: 3rem;
    float: left;
}
.swiper-slide a img{
    width: 6.9rem;
    height: 3rem;
}
.subject-select{
    width: 6.9rem;
    float: left;
    margin-left: .3rem;
    text-align: center;
    color:#303030;
    padding: .2rem 0;
    font-size: .3rem;
    background-color: #fff;
}
.subject-select i{
    font-size: .3rem;
}
.subject-item{
    width: 6.9rem;
    float: left;
    margin-left: .3rem;
    background-color: #fff;
    padding-bottom: .15rem;
    border-radius: 0 0 .15rem .15rem;
    box-shadow: 0 .05rem .04rem -0.04rem #666;
    margin-bottom: .05rem;
}
.subject-item li{
    width: 1.7rem;
    float: left;
    margin-bottom: .3rem;
}
.subject-item li i{
    width: 100%;
    float: left;
    font-size: .7rem;
    text-align: center;
    color: #ff4b00;
}
.subject-item li span{
    width: 100%;
    float: left;
    text-align: center;
    font-size: .2rem;
    margin-top: 0rem;
}
.section-area{
    width: 6.9rem;
    float: left;
    margin-left: .3rem;
    background-color: #fff;
    margin-top: .3rem;
    border-radius: .15rem .15rem .15rem .15rem;
    box-shadow: 0 .05rem .04rem -0.04rem #333;
    margin-bottom: .2rem;
}
.section-tle{
    width: 6.3rem;
    float: left;
    font-size: .3rem;
    font-weight: bold;
    margin-top: .35rem;
    margin-left: .3rem;
}
.section-tree{
    width: 6.3rem;
    float: left;
    padding-bottom: .3rem;
}
.st_tree{
    width: 6.3rem;
    float: left;
    margin-top: .1rem;
    margin-left: .3rem;
}
/* 超链接 */
.st_tree li a {
    text-decoration: none;
}
.st_tree li a:hover {
    text-decoration: none;
}
/* 菜单 */
.st_tree ul {
    padding: 0 .2rem .2rem 0rem;
    margin: 0;
}
/* 菜单项 */
.st_tree ul li {
    cursor: pointer;
    list-style: none;
    background-repeat: no-repeat;
    padding: 0 0 .05rem .3rem;
    background-size: .3rem;
    float: left;
    margin-top: .2rem;
}
/* 子菜单 */
.st_tree ul li ul {
}
/* 子菜单项 */
.st_tree ul li ul li {
}
/* 子菜单的父节点 */
.st_tree li.folder {
    background: url(../images/icon-folder.png) left .03rem;
    background-repeat: no-repeat;
    padding: 0 0 0 .3rem;
    background-size: .3rem;
}
/* 展开的父节点 */
.st_tree li.open {
    background: url(../images/icon-open.png) left .03rem;
    background-repeat: no-repeat;
    padding: 0 0 0 .3rem;
    background-size: .3rem;
}
.tree-tle,.tree-tle-a{
    float: left;
    margin-left: .1rem;
}
.tree-tle p,.tree-tle-a p{
    width: 100%;
    float: left;
}
.tree-tle p.txt,.tree-tle-a p.txt{
    font-size: .26rem;
    color:#303030
}
.tree-tle p.bold{
    font-weight: bold;
    font-size: .3rem;
    margin-top: 0rem;
}
.tree-tle p.star,.tree-tle-a p.star{
    font-size: .26rem;
    color: #c2c2c2;
    margin-top: .1rem;
}
.tree-tle p.star i.icolor,.tree-tle-a p.star i.icolor{
    /*color:#26c7fc*/
    color:#FFB800;
}
.tree-tle p.star span,.tree-tle-a p.star span{
    font-size: .26rem;
    color: #c2c2c2;
    padding-left: .2rem;
}
.blank-area{
    clear:both;
    width:100%;
    height:1.1rem;
    line-height:1.1rem;
    float:left;
}
footer{
    position:fixed;
    bottom:0;
    left: 0;
    right: 0;
    z-index: 1000;
}
.footer-area{
    width: 100%;
    float: left;
    border-top: 1px #fafafa solid;
    padding-top: .1rem;
    background-color: #fff;
}
.footer-area li{
    width: 25%;
    float: left;
    text-align: center;
    font-size: .2rem;
    height:.9rem;
    font-size:.2rem;
    padding-top: .1rem;
}
.footer-area li a i{
    font-size: .35rem;
}
.footer-area li.on a i{
    color: #ff4b00;
}
.footer-area li.on a{
    color: #ff4b00;
}
.section-footer li{
    width: 25%;
}
.section-bg{
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: #000;
    filter:alpha(opacity:30);
    opacity:0.3;
    -moz-opacity:0.3;
    -khtml-opacity: 0.3;
    z-index: 2900;
    display: none;
}
.subject-change{
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 3000;
    background-color: #fff;
    border-radius: .15rem .15rem 0 0;
    display: none;
}
.subject-change li{
    width: 100%;
    float: left;
    padding: .35rem;
    text-align: center;
    font-size: .3rem;

}
.subject-change li.on{
    background-color: #f5f5f5;
}
.subject-change li.tle{
    text-align: right;
}
.subject-change li.tle a{
    color: #ff4b00;
}
.loading{
    width: 100%;
    float: left;
    height: .5rem;
    background: url("../images/loading.gif") .3rem .1rem no-repeat;
    background-size: .35rem;
    line-height: .5rem;
    padding-left: .7rem;
    padding-top: .03rem;
    margin-top: .1rem;
}
.category-area-news{
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 9999;
    display: none;
    overflow-y: scroll;
}
.category-area{
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: #fff;
    z-index: 9999;
    display: none;
}
.category-blank{
    width: 100%;
    float: left;
    height: .3rem;
    line-height: .3rem;
}
.category-area-news .category-blank{
    height: .1rem;
    line-height: .1rem;
}
.category-tle{
    width: 6.9rem;
    float: left;
    margin-left: .3rem;
    font-size: .3rem;
}
.category-list{
    width: 100%;
    float: left;
    padding: .2rem 0;
}
.category-list li{
    width: 43%;
    float: left;
    background-color: #e5e5e5;
    border-radius: .4rem;
    margin-left: .3rem;
    padding: .15rem 0;
    text-align: center;
    margin-bottom: .2rem;
}
.category-list li a{
    display: block;
    font-size: .26rem;
}
.category-list li.on{
    background-color: #ff4b00;
}
.category-list li.on a{
    color: #fff;
}
.head-blank-area{
    width: 100%;
    height: 1rem;
    float: left;
    line-height: 1rem;
}
.news-area{
    width: 6.9rem;
    float: left;
    background-color: #fff;
    margin-left: .3rem;
    border-radius: .15rem .15rem .15rem .15rem;
    box-shadow: 0 .05rem .04rem -0.04rem #333;
    margin-bottom: .2rem;
    margin-top: .3rem;
}
.news-tle{
    width: 6.3rem;
    float: left;
    font-size: .3rem;
    font-weight: bold;
    margin-left: .3rem;
    padding: .2rem 0;
    text-align: center;
}
.news-little-tle{
    width: 6.3rem;
    float: left;
    font-size: .36rem;
    padding: .1rem 0;
    border-bottom: 1px #fafafa solid;
    margin-left: .3rem;
    font-weight: bold;
}
.news-little-tle a{
    float: right;
    font-weight: normal;
    font-size: .26rem;
}
.news-search{
    width: 6.3rem;
    float: left;
    font-size: .3rem;
    margin-left: .3rem;
    padding-top: .2rem;
    padding-bottom: .1rem;
}
.news-search li{
    float: left;
    line-height: .3rem;
}
.news-search li span{
    float: left;
}
.news-search li i{
    float: left;
    margin-left: .15rem;
}
.news-list{
    width: 6.3rem;
    float: left;
    font-size: .3rem;
    margin-left: .3rem;
    padding-bottom: .2rem;
}
.news-list li{
    width: 100%;
    float: left;
    padding: .3rem 0 .2rem 0;
    border-bottom: 1px #f5f5f5 solid;
}
.news-list li a{
    width: 100%;
    float: left;
    line-height: .44rem;
    font-size: .32rem;
}
.news-list li span{
    width: 100%;
    float: left;
    font-size: .26rem;
    color: #ddd;
    margin-top: .05em;
}
.news-loading{
    width: 100%;
    float: left;
    height: .6rem;
    line-height: .6rem;
    background: url("../images/loading.gif") center center no-repeat;
    margin-bottom: .2rem;
}
.content-area{
    clear: both;
    width: 7.5rem;
    float: left;
    padding-top: .3rem;
    overflow: hidden;
    background-color: #fff;
}
.content-tle-1{
    clear: both;
    width: 7.45rem;
    float: left;
    height: .45rem;
    line-height: .45rem;
    border-left: .05rem #1e50ae solid;
    font-size: .4rem;
    padding-left: .15rem;
    margin-left: .2rem;
    font-weight: bold;
    overflow: hidden;
}
.content-tle{
    clear: both;
    width: 6.9rem;
    float: left;
    margin-left: .3rem;
    overflow: hidden;
}
.content-tle h1{
    clear: both;
    width: 6.9rem;
    float: left;
    line-height: .6rem;
    font-size: .46rem;
    padding-top:.01rem;
    font-weight: 600;
    color:#1a1a1a;
}
.content-info{
    clear: both;
    width: 6.9rem;
    float: left;
    margin: .2rem 0 0rem .3rem;
    border-bottom: .02rem #f5f5f5 solid;
    padding-bottom: .15rem;
}
.content-info li{
    height: .3rem;
    float: left;
    font-size: .26rem;
    color: #919191;
    margin-right: .1rem;
    line-height: .3rem;
}
.content-info li a{
    color:#ff4b00;
}
.content-con{
    clear: both;
    width: 6.9rem;
    float: left;
    margin-left: .3rem;
    overflow: hidden;
    line-height: .65rem;
    font-size: .34rem;
    color: #333;
    margin-top: .2rem;
    overflow: hidden;
}
.content-con p{
    width: 100%;
    float: left;
    line-height: .6rem;
    font-size: .34rem;
    color: #333;
    margin-bottom: .1rem;
}
.content-con img{
    max-width: 6.9rem;
}
.content-con p img{
    max-width: 6.9rem;
}
.content-con iframe{
    width:100%;
    display:inline;
    float:left;
    overflow:hidden;
    margin-top:0px
}
.news-con {
    width: 7.5rem;
    float: left;
    overflow: hidden;
}
.news-con li{
    width: 6.9rem;
    float: left;
    margin-left: .3rem;
    margin-top: .2rem;
    border-bottom: 1px #e5e5e5 dotted;
    padding-bottom: .2rem;
}
.news-con li p.img{
    width: 1rem;
    height: 1rem;
    float: left;
    color: #fff;
    border: 1px #e5e5e5 solid;
}
.news-con li p.img img{
    width: 1rem;
    height: 1rem;
}
.news-con li p.date{
    width: 1rem;
    height: 1rem;
    float: left;
    background-color: #1e50ae;
    color: #fff;
}
.news-con li p.date span.date1{
    width: 100%;
    height: .5rem;
    line-height: .7rem;
    float: left;
    text-align: center;
    font-size: .3rem;
}
.news-con li p.date span.date2{
    width: 100%;
    height: .5rem;
    line-height: .45rem;
    float: left;
    text-align: center;
    font-size: .2rem;
}
.news-con li p.tle{
    width: 5.6rem;
    float: right;
    margin-top: .03rem;
}
.news-con li p.tle a{
    font-size: .26rem;
    width: 100%;
    height: .3rem;
    line-height: .3rem;
    float: left;
    text-overflow:ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.news-con li p.txt{
    width: 5.6rem;
    height: .6rem;
    float: right;
    margin-top: .04rem;
}
.news-con li p.txt a{
    font-size: .2rem;
    color: #888;
    width: 100%;
    height: .6rem;
    line-height: .31rem;
    float: left;
    overflow: hidden;
    text-overflow:ellipsis;/*文本溢出时显示省略标记*/
    display:-webkit-box;/*设置弹性盒模型*/
    -webkit-line-clamp:2;/*文本占的行数,如果要设置2行加...则设置为2*/
    -webkit-box-orient:vertical;/*子代元素垂直显示*/
}
.my-top-area{
    width: 100%;
    float: left;
    padding: 1rem 0;
    background-color: #ff4b00;
}
.my-top-area .face{
    width: 1rem;
    height: 1rem;
    float: left;
    border-radius: 50%;
    overflow: hidden;
    margin-left: .5rem;
}
.my-top-area .face img{
    width: 100%;
    height: 100%;
}
.my-top-area .user-info{
    width: 3rem;
    float: left;
    margin-left: .2rem;
    margin-top: -0.03rem;
}
.my-top-area .user-info li{
    width: 100%;
    float: left;
    font-size: .3rem;
    margin-top: .08rem;
    color:#fff;
}
.my-top-area .user-info li a{
    color:#fff
}
.my-top-area .user-info li span{
    background-color: #FFB800;
    float: left;
    border-radius: .3rem;
    font-size: .2rem;
    padding: .05rem .15rem;
}
.my-menu{
    width: 6.3rem;
    float: left;
    margin-left: .3rem;
    padding-bottom: .2rem;
}
.my-menu li{
    width: 100%;
    float: left;
    padding: .25rem 0;
    border-bottom: 1px #fafafa solid;
    font-size: .3rem;
}
.my-menu li i{
    font-size: .3rem;
    margin-right: .1rem;
}
.my-menu li a span{
    float: right;
    color: #ccc;
    font-size: .26rem;
}
.info-area{
    width: 7.5rem;
    height: 100%;
    float: left;
    background-color: #fff;
    padding: .5rem .3rem;
}
.info-area li{
    width: 6.9rem;
    float: left;
    margin-bottom: .3rem;
    border-bottom: 1px #fafafa solid;
    padding-bottom: .2rem;
}
.info-area li span{
    width: 1.2rem;
    float: left;
    font-size: .3rem;
    line-height: .3rem;
    height: .3rem;
}
.info-area li.info{
    border-bottom: none;
    margin-top: -0.1rem;
}
.info-area li.noborder{
     border-bottom: none;
}
.info-area li.info span{
    width: 100%;
    float: left;
    font-size: .26rem;
    color: #ccc;
    line-height: .3rem;
}
.info-area li input{
    width: 5.6rem;
    float: left;
    border:none;
    height: .3rem;
    line-height: .3rem;
    font-size: .3rem;
}
.info-area li span.w1{
    width: .9rem;
}
.info-area li a{
    width: 100%;
    font-size: .26rem;
}
.question-area{
    width: 7.5rem;
    float: left;
    background-color: #fff;
    padding: 0 .3rem;
}
.qtle{
    width: 100%;
    float: left;
    font-size: .3rem;
    color: #606060;
    border-bottom: 1px #fafafa solid;
    padding: .15rem 0;
}
.question-show{
    width: 100%;
    float: left;
    background-color: #fff;
    padding: .1rem 0;
}
.questoin-tle{
    width: 6.9rem;
    float: left;
    line-height: .5rem;
    font-size: .32rem;
    text-align: left;
    word-wrap: break-word;
    margin-top: .15rem;
}
.questoin-tle span{
    color:#ff4b00;
}
.question-option{
    width: 6.9rem;
    float: left;
    text-align: left;
    margin-top: .15rem;
}
.question-option li{
    width: 100%;
    float: left;
    padding: .1rem 0;
    margin: .1rem 0;
}
.question-option li p{
    float: left;
    font-size: .32rem;
}
.question-option li p.optle{
    width: .5rem;
    height: .5rem;
    color:#ff4b00;
    border: 1px #ff4b00 solid;
    border-radius: 50%;
    text-align: center;
    line-height: .5rem;
}
.question-option li p.opcon{
    width: 6.25rem;
    line-height: .5rem;
    float: right;
    padding-top: .01rem;
}
.question-option li.on p.optle{
    border: 1px #FFB800 solid;
    color:#FFB800
}
.question-option li.on p.opcon{
    color:#FFB800
}
.question-option li.is_right p.optle{
    background-color:#0a0;
    border: 1px #0a0 solid;
    color: #fff;
}
.question-option li.is_right p.opcon{
    color: #0a0;
}
.question-option li.is_err p.optle{
    background-color: #f00;
    border: 1px #f00 solid;
    color: #fff;
}
.question-option li.is_err p.opcon{
    color: #f00;
}
.question-after{
    width: 6.9rem;
    float: left;
    display: none;
}
.question-info{
    width: 100%;
    float: left;
    margin-top: .2rem;
    line-height: .5rem;
    font-size: .36rem;
    text-align: left;
    color: #666;
}
.question-info img{
    max-width: 6.9rem;
}
.question-info span.is_info{
    color:#FFB800;
}
.question-info span.is_right{
    color: #0a0;
}
.question-info span.is_err{
    color:#f00
}
.question-info button{
    width: 100%;
    height: .8rem;
    line-height: .8rem;
    font-size: .36rem;
    display: none;
}
.question-info-tle{
    width: 100%;
    float: left;
    margin-top: .3rem;
    line-height: .36rem;
    font-size: .36rem;
    text-align: left;
    font-weight: bold;
}
.question-info-tle span{
    color:#ff4b00;
}
.qbtn{
    width: 100%;
    float: left;
    margin-bottom: .5rem;
}
.qbtn a{
    width: 100%;
    height: .8rem;
    line-height: .8rem;
    font-size: .36rem;
}
.table-area{
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: #fff;
    z-index: 9999;
    display: none;
    float: left;
    overflow-y: scroll;
}
.table-option{
    width: 6.9rem;
    float: left;
    padding-bottom: .35rem;
}
.table-option li{
    width: .8rem;
    height: .8rem;
    line-height: .8rem;
    font-size: .36rem;
    float: left;
    margin-top: .3rem;
    border:1px #e5e5e5 solid;
    border-radius: 50%;
    text-align: center;
    margin-right: .35rem;
}
.table-option li.is_right{
    border: 1px #0a0 solid;
    background-color: #0a0;
    color: #fff;
}
.table-option li.is_err{
    border: 1px #f30 solid;
    background-color: #f30;
    color: #fff;
}
.table-option li.is_done{
    border: 1px #ff4b00 solid;
    background-color: #ff4b00;
    color: #fff;
}
.section-footer li.is_on i{
    color:#FFB800;
}
/*用户指引*/
.use-area{
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: #000;
    z-index: 9999;
    float: left;
    overflow-y: scroll;
    filter:alpha(opacity:80);
    opacity:0.8;
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
}
.use-icon{
    width: 100%;
    float: left;
    margin-top: 3rem;
}
.use-icon-left{
    width: 1.6rem;
    height: 1.6rem;
    float: left;
    background: url("../images/toLeft.png") left top no-repeat;
    background-size: 1.6rem;
    margin-left: .6rem;
}
.use-icon-right{
    width: 1.6rem;
    height: 1.6rem;
    float: right;
    background: url("../images/toRight.png") left top no-repeat;
    background-size: 1.6rem;
    margin-right: .6rem;
}
.use-text{
    width: 100%;
    float: left;
    text-align: center;
    padding: .5rem 0;
    font-size: .35rem;
    color: #ccc;
}
.use-btn{
    width: 100%;
    float: left;
    text-align: center;
    padding: .1rem 0;
}
.use-btn a{
    padding: .2rem .5rem;
    font-size: .3rem;
    color:#ccc;
    border: .01rem #ccc solid;
    border-radius: .1rem;
}
/*试题纠错*/
.feedback-area{
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: #fff;
    z-index: 9999;
    display: none;
    float: left;
    overflow-y: scroll;
}
.feedback-con{
    width: 6.9rem;
    float: left;
    margin-left: .3rem;
    padding: .3rem 0;
}
.feedback-con li{
    width: 6.9rem;
    float: left;
    font-size: .36rem;
    padding-bottom: .2rem;
}
.feedback-con li textarea{
    width: 100%;
    height: 2rem;
    font-size: .3rem;
    padding: .2rem;
}
.feedback-con li a{
    width: 100%;
    height: .8rem;
    line-height: .8rem;
    font-size: .36rem;
}
/*做题报告*/
.report-area{
    width: 7.5rem;
    float: left;
    background-color: #fff;
    padding: .3rem .3rem;
}
.report-info{
    width: 6.9rem;
    float: left;
    color: #666;
    font-size: .26rem;
    line-height: .45rem;
    border-bottom: 1px #fafafa solid;
    padding-bottom: .2rem;
}
.mtr{
    margin-top: .2rem;
    margin-left: .2rem;
}
/* 圆形进度条 */
.report-circle{
    width:3.5rem;
    float: left;
    margin-left: 1.55rem;
    margin-top: .5rem;
}
.circle{
    width:3.5rem;
    display:inline-block;
    height:3.5rem;
    position: relative;
    background: #ccc;
    border-radius: 50%;
}
.pie_left, .pie_right{
    width:3.5rem;
    height:3.5rem;
    position: absolute;
    top:0px;
    left:0px;
}
.left, .right{
    position: absolute;
    left:0px;
    top:0px;
    border-radius:50%;
    background: #ff4b00;
    transform:rotate(-1.8rem);
    width:100%;
    height:100%;
    transform: rotate(-180deg);
}
.pie_left, .left{
    clip: rect(auto, 1.5rem, auto, auto);
    /*clip:rect(0,100px,auto,0);*/
}
.pie_right, .right{
    clip:rect(0, auto, auto, 1.5rem);
}
.mask{
    position: absolute;
    top:.2rem;
    left:.2rem;
    width:3.1rem;
    height:3.1rem;
    line-height: 3.1rem;
    font-size:.26rem;
    border-radius: 50%;
    background: #fff;
    text-align: center;
    color: #999;
}
.mask span{
    font-size: .6rem;
    color:#303030;
    font-weight: bold;
}
/*登录注册*/
.fullscreen{
    width: 100%;
    height: 100%;
    min-height: 4.8rem;
    float: left;
    background-color: #fff;
    padding-bottom: 1rem;
}
.footer-area-user{
    width: 100%;
    text-align: center;
    padding: .2rem 0;
    font-size: .26rem;
    position: fixed;
    bottom: 0;
    margin-top: .6rem;
    z-index: 500;
    background-color: #fff;
}
.footer-area-user a{
    color:#ff4b00;
}
.zc-area{
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: #fff;
    z-index: 9999;
    display: none;
    overflow-y: scroll;
    margin-top: 0;
    padding-top: 1rem;
}
.zc-area .head-area{
    position: fixed;
    top: 0;
}
.user-btn{
    width: 6.5rem;
    float: left;
    margin-left: .5rem;
    text-align: center;
    margin-top: .8rem;
}
.user-btn li{
    width: 100%;
    float: left;
    margin-bottom: .3rem;
}
.user-btn li a{
    width: 100%;
    height: .8rem;
    line-height: .8rem;
    font-size: .36rem;
}
.user-btn li.tle{
    font-size: .5rem;
}
.user-btn li.info{
    text-align: right;
}
.user-btn li.info a{
    color:#ff4b00;
}
.user-btn li.input{
    width: 100%;
    border-bottom: 1px #e5e5e5 solid;
    margin-bottom: .3rem;
    margin-top: .2rem;
    padding-bottom: .2rem;
}
.user-btn li.input input{
    width: 100%;
    height: .6rem;
    line-height: .6rem;
    font-size: .36rem;
    border: none;
}
.user-btn li.code input{
    width: 3.5rem;
    float: left;
}
.user-btn li.code button{
    width: 3rem;
    float: left;
    height: .6rem;
    line-height: .6rem;
}
.user-btn li.code img{
    width: 3rem;
    height: .9rem;
    margin-top: -0.3rem;
}
/*右侧的浮动*/
.right-fixed-menu{
    bottom: 1.5rem;
    position: fixed;
    z-index: 1000;
    left:6.2rem;
}
.fixed-menu-con{
    width: 1.1rem;
    float: left;
}
.fixed-menu-con li{
    width: 1.1rem;
    float: left;
    margin-bottom: .3rem;
}
.fixed-menu-con li a{
    width: .9rem;
    height: .9rem;
    float: left;
    border-radius: 50%;
    border: .01rem #f5f5f5 solid;
    background-color: #fff;
    text-align: center;
    line-height: 1rem;
    box-shadow:.01rem .01rem .01rem .01rem #ccc;
}
.fixed-menu-con li a i{
    color:#4a4a4a;
    font-size: .7rem;
}
.fixed-menu-con li a.sev{
    background-color: #ff4b00;
    border: 1px #ff4b00 solid;
}
.fixed-menu-con li a.sev i{
    color:#fff;
    line-height: .9rem;
    font-size:.5rem;
}
.fixed-menu-con li a.top{
    line-height: .85rem;
}
.fixed-menu-con li a.top i{
    font-weight: 600;
    color:#666;
}
/*20211116*/
.dailay-area{
    width: 6.9rem;
    float: left;
    margin-left: .3rem;
    color:#303030;
    padding: .2rem 0;
    font-size: .3rem;
    background-color: #fff;
    padding-top: .4rem;
}
.day-left{
    width: 3.05rem;
    float: left;
    padding: .15rem .2rem;
    float: left;
    border-right: 1px #d5d5d5 solid;
}
.day-nums{
    width: 100%;
    float: left;
    font-size: .3rem;
    color:#999;
    text-align: center;
}
.day-nums span{
    font-size: .5rem;
    font-weight: bold;
    color:#000;
}
.day-desc{
    width: 100%;
    float: left;
    text-align: center;
    font-size: .16rem;
    color:#999;
}
.day-right{
    width: 3rem;
    float: left;
    padding: .15rem .2rem;
    float: left;
    margin-left: .3rem;
}
.day-nums-r{
    width: 100%;
    float: left;
    font-size: .3rem;
    color:#999;
    padding-bottom: .1rem;
}
.day-nums-r span{
    font-weight: bold;
    color:#000;
}
.daily-desc{
    width: 100%;
    float: left;
    padding: .15rem 0;
    color:#999;
    font-size: .26rem;
    text-align: center;
}
.dailay-btn{
    width: 100%;
    float: left;
    margin-top: .1rem;
}
.dailay-btn a.btn-l{
    float: left;
    width: 4rem;
    margin-left: .3rem;
}
.dailay-btn a.btn-r{
    float: right;
    margin-right: .3rem;
    width: 2rem;
}