﻿*{padding:0;margin:0;font-family:"微软雅黑";-webkit-tap-highlight-color:transparent;outline:none}a{text-decoration:none}.header{position:absolute;top:0;width:100%}.header-title{height:45px;line-height:45px;text-align:center;width:100%;background-color:#c03039;color:#fff;font-size:1em}.back{position:absolute;top:10px;left:5px;width:25px;height:25px;text-decoration:none;background:url(../images/back.png) no-repeat;background-size:25px 25px;display:inline-block}.ads{position:absolute;top:45px;width:100%;height:160px}.ads img{width:100%;height:100%}.ads .ads_title{position:absolute;bottom:0;line-height:30px;height:30px;width:100%;background:rgba(0,0,0,.5);text-align:center;color:#fff;font-size:.9em}.menubar{position:absolute;top:205px;width:100%;background-color:#fff}.menubar ul{list-style:none;width:100%;display:block;font-size:0;letter-spacing:-3px}.menubar ul li{display:inline-block;width:calc((100% - 8*5px)/4);color:#444;padding:8px 5px;text-align:center;font-size:12.8px;line-height:14px;letter-spacing:0;vertical-align:top}.menubar ul li a{width:50px;height:50px;display:block;text-align:center;margin-left:calc((100% - 50px)/2);background:url(../images/logos.png) no-repeat;background-size:100%;letter-spacing:0;vertical-align:bottom}.menubar ul li div{padding-top:3px}.menubar ul li .study{background-position:0 0}.menubar ul li .leave{background-position:0 16.666%}.menubar ul li .exam{background-position:0 33.333%}.menubar ul li .signin{background-position:0 50%}.menubar ul li .paper{background-position:0 66.666%}.menubar ul li .check{background-position:0 83.333%}.menubar ul li .srstate{background-position:0 100%}.studyLogo{position:absolute;top:288px;width:calc(100% - 5px*2);background-color:#f1f5f6;height:20px;padding:10px 5px}.studyLogo img{width:110px;height:20px}.listitem{position:absolute;top:328px;overflow-y:auto;width:100%;height:calc(100% - 328px);-webkit-overflow-scrolling:touch}.item{width:calc(100% - 5px*2);height:auto!important;height:30px;min-height:30px;line-height:30px;border-bottom:1px solid #e2e2e2;padding-top:7px;padding-bottom:6px;margin-left:5px;margin-right:5px}.item .item_title{width:calc((100%)/3);float:left;font-size:1em;color:#363636}.item .item_value{width:calc((100%)*2/3);text-align:right;float:left;font-size:.9em;color:#909090}.item .item_star{width:calc((100%)*2/3);height:20px;text-align:right;padding:5px 0;float:left;font-size:0}.item .item_star img{width:20px;height:20px}.item .clearfloat{clear:both;height:0;font-size:1px;line-height:0}.searchbar{position:absolute;top:45px;width:calc(100% - 10px);height:60px;line-height:60px;padding-left:5px;padding-right:5px;background-color:#efeff5}.searchbar .choice{width:30%;float:left;display:block;font-size:1.1em;color:#505052;text-align:center}.searchbar .choice .down-icon{width:13px;height:7px;display:inline-block;background:url(../images/down.png) no-repeat;background-position:0 0;background-size:100% 100%;color:#b10600;margin-left:5px;vertical-align:middle}.searchbar .choice .down-icon.active{-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg)}.searchbar .search{position:relative;width:70%;text-align:center;float:left}.searchbar .search .icon-search{width:20px;height:20px;background:url(../images/search.png) no-repeat;background-position:0 0;background-size:100% 100%;position:absolute;left:40px;top:20px;z-index:5;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s}.searchbar .search input{width:calc(100% - 100px);display:block;padding-top:5px;padding-bottom:5px;padding-left:65px;padding-right:35px;margin-top:10px;height:30px;line-height:30px;border:none;border-radius:20px;font-size:1em;outline:none;transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s}.searchbar .search input:focus~.icon-search{left:12px}.searchbar .search input:focus{width:calc(100% - 70px);padding-left:35px}.wrapper{position:absolute;top:105px;left:0;width:100%;height:calc(100% - 105px);z-index:10}.choiceList{position:relative;width:100%;height:200px;z-index:10;font-size:.8em;color:#555}.mark{width:100%;height:calc(100% - 200px);background:rgba(0,0,0,.5)}.choiceList .choiceleft{width:40%;height:200px;background-color:#efeff5;float:left;overflow-y:auto;-webkit-overflow-scrolling:touch}.choiceList .choiceright{width:60%;height:200px;background-color:#fff;float:left;overflow-y:auto;-webkit-overflow-scrolling:touch}.choiceList .choiceleft ul,.choiceList .choiceright ul{list-style:none}.choiceList .choiceleft ul li{height:20px;line-height:20px;padding-left:20px;padding-top:10px;padding-bottom:10px}.choiceList .choiceleft ul li.active{background-color:#fff}.choiceList .choiceright ul li{height:20px;line-height:20px;margin-left:10px;padding-left:10px;padding-top:10px;padding-bottom:10px;border-bottom:1px solid #efeff5}.choiceList .choiceright ul li.active,.choiceList .choiceright ul li.active .num{color:#c03039}.choiceList .choiceleft ul .go,.choiceList .choiceright ul .go{background:url(../images/go.png) no-repeat;background-position:0 0;background-size:100% 100%;width:6px;height:10px;float:right;margin-right:10px;margin-top:5px}.choiceList .choiceleft ul .num{width:15px;height:12px;line-height:13px;border-radius:10px;background-color:#bbb;color:#fff;text-align:center;vertical-align:middle;margin-top:4px;float:right;margin-right:10px;font-size:.5em;font-style:normal}.choiceList .choiceright ul .num{width:15px;height:12px;line-height:12px;color:#888;float:right;margin-top:4px;margin-right:10px;font-size:.8em;font-style:normal}.statebar{position:absolute;top:105px;width:100%;height:50px}.statebar ul{list-style:none;width:100%;height:50px}.statebar ul li{float:left;color:#878787;text-align:center;width:calc(100%/3);height:50px;line-height:50px;font-size:1.1em}.statebar ul li.active{box-shadow:0 -2px 0 #b10600 inset;-webkit-box-shadow:0 -2px 0 #b10600 inset;-moz-box-shadow:0 -2px 0 #b10600 inset;color:#b10600;transition:all .5s ease}.itemlist{position:absolute;top:155px;width:100%;height:calc(100% - 205px);min-height:30px;background-color:#efeff5;overflow:hidden;-webkit-overflow-scrolling:touch}.itemlist .content{height:100%;margin-top:10px;overflow-y:scroll;overflow-x:hidden}.content .sritem{width:calc(100% - 16px);height:110px;padding:5px 8px;background-color:#fff;margin-top:5px;display:inline-flex}.content .sritem img{height:110px;width:137.5px;max-width:137.5px}.content .sritem .sritem_content{width:calc(100% - 155.5px);margin:auto;margin-left:20px}.content .sritem .sritem_content_title{color:#161616;font-size:1.1em;font-weight:400}.content .sritem .sritem_content_tag{width:calc(100%);height:28px;line-height:28px}.content .sritem .sritem_content_tag span{width:calc((100% - 10px)/3);height:18px;border-radius:20px;background-color:#e8e8e8;padding:3px 5px;font-size:12px;margin-right:5px;color:#bababa}.content .sritem .sritem_content_tag span.green{background-color:#aad675;color:#fff}.content .sritem .sritem_content_tag span.orange{background-color:#fca591;color:#fff}.content .sritem .sritem_content_tag span.red{background-color:#ff6d67;color:#fff}.content .sritem .sritem_content_tag span.purple{background-color:#d76dad;color:#fff}.content .sritem .sritem_content_tag :last-child{margin-right:0}.content .sritem .sritem_content_time{height:20px;color:#b10600}.content .sritem .sritem_content_time .time_icon{display:inline-block;width:20px;height:15px;background:url(../images/T.png) no-repeat;background-size:20px 15px;vertical-align:middle}.content .sritem .sritem_content_time label{height:20px;font-size:.9em}.content .sritem .sritem_content_address{color:#9a9a9a;font-size:.9em;height:25px;line-height:25px;overflow:hidden;text-overflow:ellipsis}.div-absolute{position:absolute;bottom:0;height:50px;width:100%;background-color:#fff;text-align:center;padding-top:8px;box-shadow:0 -1px 10px #e9e9ed}.btn-red{width:130px;height:40px;color:#fff;background-color:#ff7a82;border-radius:20px;border:none;font-size:1em;outline:none}.btn-grey{width:130px;height:40px;color:#ababab;border:1px solid #dcdcdc;background-color:#fff;border-radius:20px;font-size:1em;margin-left:20px;outline:none}@media screen and (max-width:320px){.searchbar{height:50px;line-height:50px}.searchbar .choice{font-size:1em}.searchbar .choice .down-icon{width:10px;height:5px}.searchbar .search .icon-search{left:20px;top:15px}.searchbar .search input{width:calc(100% - 65px);padding-left:50px;padding-right:15px;margin-top:7.5px;height:25px;line-height:25px}.searchbar .search input:focus{width:calc(100% - 50px);padding-left:35px}.wrapper{top:95px;height:calc(100% - 95px)}.mark{width:100%;height:calc(100% - 200px);background:rgba(0,0,0,.5)}.statebar{top:95px;height:40px}.statebar ul{list-style:none;width:100%;height:40px}.statebar ul li{height:40px;line-height:40px;font-size:1em}.itemlist{top:135px;height:calc(100% - 175px)}.itemlist .content{margin-top:5px;overflow-y:scroll;overflow-x:hidden}.content .sritem{height:100px}.content .sritem img{height:100px;max-width:125px}.content .sritem .sritem_content{width:calc(100% - 135px);margin-left:10px}.content .sritem .sritem_content_title{font-size:.95em}.content .sritem .sritem_content_tag{height:25px;line-height:25px}.content .sritem .sritem_content_tag span{width:calc((100% - 10px)/3);height:18px;font-size:10px;padding:2px 3px}.div-absolute{height:35px;padding-top:5px}.btn-red{width:120px;height:30px;font-size:1em}.btn-grey{width:120px;height:30px;font-size:1em;margin-left:20px}}