* {
    margin:0;
    padding:0;
}
body {
    background-color:#fff;
}
.clear {
    clear:both;
}
.ui-form-item {
    padding:0.05rem 0.2rem;
}
.ui-form-item label {
    color:#878686;
}
.ui-border-b {
    border-bottom:5px solid #e9e9e9;
}
.ui-form-item .ui-radio {
    padding-left:24px;
}
.ui-select-group {
    margin-left:24px;
}
.yellowbtn {
    background-color:#FA771A;
    color:#fff;
    border-radius:4px;
}
.bluebtn {
    background-color:#0276C7;
    color:#fff;
    border-radius:4px;
}
.usertitle {
    padding:0.2rem 0.1rem;
    background-color:#e97e38;
}
.yellowbk {
    background-color:initial;
    color:#fff!important;
}
.yellowbk p {
    color:#fff!important;
}
.yellowbk .iconfont {
    color:#fff;
}
.my_name{
	font-size: .2rem;
}
.my_zhiye{
	color:#ffe3d0;
}
.my_phone{
	color:#f7bd98;
}
.my-ul-box{
	border-bottom: 0.15rem solid #ededed;
}
.icon{ 
	margin-right:0.4rem;
	line-height:24px;
	vertical-align:middle;
}
.zhanghuyue:before{
	  content: ' ';
	  display: inline-block;
	  position: absolute;
	  background: url(../img/money_icon.png) no-repeat;
	  background-size: contain;
	  height: 0.25rem;
	  width: 0.25rem;
}
.kecheng:before{
	  content: ' ';
	  display: inline-block;
	  position: absolute;
	  background: url(../img/kecheng_icon.png) no-repeat;
	  background-size: contain;
	  height: 0.25rem;
	  width: 0.25rem;
}
.tiwen:before{
	  content: ' ';
	  display: inline-block;
	  position: absolute;
	  background: url(../img/tiwen.png) no-repeat;
	  background-size: contain;
	  height: 0.25rem;
	  width: 0.25rem;
}
.cuotiben:before{
	  content: ' ';
	  display: inline-block;
	  position: absolute;
	  background: url(../img/cuotiben_icon.png) no-repeat;
	  background-size: contain;
	  height: 0.25rem;
	  width: 0.25rem;
}
.dingdan:before{
	  content: ' ';
	  display: inline-block;
	  position: absolute;
	  background: url(../img/dingdan_icon.png) no-repeat;
	  background-size: contain;
	  height: 0.25rem;
	  width: 0.25rem;
}
.shouye:before{
    content: ' ';
    display: inline-block;
    position: absolute;
    background: url(../img/shouye.png) no-repeat;
    background-size: contain;
    height: 0.25rem;
    width: 0.25rem;
}
.icon-bianji {
    font-size:32px;
    margin-top:0.15rem;
    display:inline-block;
}
.iconfont {
    font-size:24px;
    color:#A1A1A1;
    line-height:24px;
    vertical-align:middle;
    margin-right:0.1rem;
}
.ui-list>li {
    margin:0;
    padding-left:0.1rem;
}
.userinfo .ui-nowrap {
    color:#3C3C3C;
}
.userinfo li {
    padding:0.1rem;
}
.userinfo .ui-form-item-link {
    padding-right:0.1rem;
}
.userinfo .ui-form-item-link:after {
    width:12px;
    height:22px;
}
.orderbaner {
    margin:0.1rem;
    font-weight:bold;
}
.orderbaner li {
    padding:0.1rem 0;
    border-bottom:1px solid #ccc;
}
.ordertitle {
    font-weight:bold;
}
.orderinfo {
    font-size:13px;
    margin:0.05rem 0;
}
.price {
    color:#FA771B;
    font-size:24px;
    vertical-align:middle;
}
.payorder div {
    display:inline-block;
    font-size:13px;
}
.payorder a {
    display:inline-block;
    position:absolute;
    right:0;
    margin-top:0.1rem;
    width:100px;
}
.disabledbtn {
    background-color:#858585;
    color:#fff!important;
    border-radius:4px;
}
.paysuccess {
    background-color:#20ae0d;
    color:#fff!important;
    border-radius:4px;
}
.classtitle {
    font-size:13px;
    font-weight:bold;
    line-height:22px;
}
.ui-list-class {
    -webkit-box-flex:1;
    padding-top:8px;
    padding-bottom:8px;
    display:-webkit-box;
    -webkit-box-orient:vertical;
}
.ui-progress span {
    background:#FA771A;
}
.ui-progress {
    height:3px;
    width:50%;
    display:inline-block;
    vertical-align:unset;
}
.ui-nowrap span {
    font-size:18px;
    color:#606060;
}
.classlist li {
    margin-right:12px;
    border-bottom:2px solid #EAEAEA;
}
.ui-list-img-horizontal {
    width:100px;
    height:67px;
}
.classprogress {
    background-color:#D3D3D2;
    padding:10px 0;
    width:100%;
    overflow: hidden;
}
.ui-video video {
    display:block;
    width:100%;
}
.mycos-cont-title {
    font-size:16px!important;
}
.watching {
    background-color:#FA771A;
    color:#fff!important;
}
.ui-nowrap .lgfont {
    color:#FA7B22;
    font-size:20px;
    font-weight:bold;
}
.ui-nowrap .classtime, .ui-nowrap .learned {
    font-size:12px;
}
.ui-form-item-link:after {
    content:"";
    display:block;
    position:absolute;
    right:12px;
    top:50%;
    margin-top:-12px;
    width:8px;
    height:14px;
    background:url(http://i.gtimg.cn/vipstyle/qui/2.0.0/img/icon_arrowlink.png) no-repeat;
    -webkit-background-size:100% auto;
    background-size:100% auto;
}
.ui-nowrap .ui-list-info-tips{
    float: right;
    margin-right: 20px;
    color:#999999;
}
.ui-nowrap .info-tips{
    color:#ee8733;
}

.thisclasstitle {
    color:#2f2f2f;
    padding:0.1rem 0!important;
    font-size:14px!important;
    font-weight: 550;
}
.classinfo{
    color:#434242;
    font-size: 12px;
}
.act_btn{
    font-size: 13px; font-weight: 550; text-align: left; margin:0;background:url('../img/x01.png') no-repeat left center; background-size:23px 23px; padding-left:28px; line-height: 40px;
}
.play{
    background-image: url('../img/x01.png');
}
.practise{
    background-image: url('../img/x02.png');
}
.exam{
    background-image: url('../img/x03.png');
}
.printcert{
    background-image: url('../img/x04.png');
}
.signin{
    background-image: url('../img/x06.png');
}
.document{
    background-image: url('../img/x05.png');
}
.live{
    background-image: url('../img/x07.png');
}
.c_tiwen{
    background-image: url('../img/tiwen.png');
}
.dcwj{
    background-image: url('../img/dcwj.png');
}

.contenttitle {
    font-weight:bold;
}
.print {
    background-color:#ef882e;
    color:#fff!important;
    border-radius:4px;
}
.sign {
    background-color:#9E2C0A;
    color:#fff!important;
    border-radius:4px;
}
.btngroup {
    margin:0.2rem auto;
    width:95%;
}
.confirmbtn {
    width:98%;
    margin:0.2rem 0;
}
.myclass {
    padding:0 0.1rem;
}
.myclass .ui-list-info {
    padding-top:0px;
    padding-bottom:2px;
}
.backto {
    float:right;
    margin-right:20px;
}
.nowlearn {
    margin-left:20px;
}
.hasfooter {
    padding-bottom:55px;
}
.ui-tiled {
    height:100%;
}
#joined, #audit {
    color:#888888;
}
.footerchoosed {
    background-color:#e97e38;
    color:#fff!important;
}
.footerchoosed .iconfont {
    color:#fff!important;
}
.topprogress {
    background-color:#227ec9;
    color:#fff;
}
.topprogress h2 {
    display:inline-flex;
    margin:0 25%;
}
.topprogress #return {
    position:absolute;
    left:10px;
    font-size:15px;
    line-height:50px;
    cursor:pointer;
}
.topprogress #quest_search{
    position: absolute;
    right: 10px;
    font-size: 15px;
    cursor: pointer;
    line-height: 50px;
    top: 2px;
}
.probeltitle {
    padding:0 0.1rem;
    padding-bottom:10px;
}
.problemnum {
    font-size:18px;
}
.nownum {
    font-size:20px;
}
.answerresult {
    padding:0 0.1rem 0 0;
    font-size:20px;
    margin-top:10px;
    font-weight:bold;
}
.yes {
    color:#39b32c;
}
.no {
    color:#ef882e;
}
.parse {
    padding:0 0.1rem 0 0;
}
.orange {
    color:#ef882e;
}
.testpaper {
    background-color:#227ec9;
    color:#fff;
    font-size:20px;
}
.testpaper .iconfont {
    background-color:#227ec9;
    color:#fff!important;
    vertical-align:middle;
    margin:0 3px;
}
.mycos-cont-title {
    font-size:18px;
    font-weight:bold;
    line-height:48px;
    padding:0 20px;
    margin-top:15px;
}
.task-keshi {
    position:relative;
    line-height:26px;
    padding:5px 0px;
    font-size:14px;
    margin:0 20px;
}
.task-keshi p {
    font-size:12px;
}
.task-keshi .button {
    float:right;
    color:#fff;
    background-color:#227ec9;
    text-align:center;
    border-radius:3px;
    margin-top:10px;
    width:60px;
    font-size:12px;
}
.complate {
    color:#39b32c
}
.successbtn {
    background-color:#39b32c!important;
}
.playbutton {
    float:right;
}
.playbutton img {
    height:25px;
    margin-top:10px;
    margin-right:10px;
}
.bluebg {
    background-color:#FFF;
}
.bodytitle {
    width:100%;
	padding:0.6rem 0.2rem ;
}
.topline {
    color:#ee8733;
    margin-top:0.3rem;
    margin-right:0.2rem;
    font-style:italic;
    font-size:22px;
}
.toplogo {
    vertical-align:middle;
    width:15%;
    margin-right:0.2rem;
}
#form{
	margin-bottom: 0.2rem;
}
.mainbody {
    width:100%;
    background-color:#FFF;
}
.lognotice {
    color:#ef882e;
    padding:0px 12px;
    margin-top:0.6rem;
    font-size:20px;
}
.input_box{
	padding-left:0.2rem;
	border-bottom: 1px solid  rgba(204,204,204,.5);
	vertical-align:middle;
}
.input_box label {
	color:#858585;
	font-size: .16rem;
}
#sendVer {color:#ef882e;}
.input_box img{
	margin-bottom: -0.04rem;
	margin-right: 0.05rem;
}
.inputdialog {
    padding:0.1rem;
    margin:0.1rem 0;
	border: 0;
    width:62%;
}
.inputdialog::placeholder{
    font-size:0.16rem;
}
.yellowbtn {
    background-color:#ee8733;
    color:#fff;
    border-color:#ee8733;
}
.registerbtn{
	color:#ee8733;
}
.redbtn {
    background-color:#ff0000;
    color:#fff;
    border-color:#ff0000;
}
.yellowbtn img {
    width:10%;
    vertical-align:middle;
    margin-right:0.1rem;
}
.serversnum {
    text-align:center;
    font-size:18px;
	color:#757575;
}
.serversnum a {
    color:#757575;
}
.login {
    margin-top:0.3rem;
}
.nodata {
    color:#C1C1C1;
    position:absolute;
    top:0.5rem;
    left:44%;
}
.nodata img {
    width:66px;
    margin-left:6px;
}
.footericon div {
    font-size:12px;
}
.footericon i {
    font-size:30px;
}
.greybox {
    display:inline-block;
    width:12px;
    height:12px;
    background-color:#bababa;
    border-radius:2px;
    margin-right:2px;
}
.whitebox {
    display:inline-block;
    width:12px;
    height:12px;
    background-color:#ffffff;
    border:1px solid #bababa;
    border-radius:2px;
    margin-right:2px;
}
.boxtitle {
    color:#bababa;
}
#questionnum {
    height:300px;
    overflow-y:auto;
}
#questionnum span {
    margin:5px;
    display:inline-block;
    padding:6px 6px;
    border:1px solid #bababa;
    border-radius:4px;
    width:24px;
    text-align:center;
}
.questionchoosed {
    color:#fff;
    background-color:#bababa;
}
.ui-table td, .ui-table th {
    border-right:none;
}
.result-table {
    color:#7d7d7d;
    font-weight:bold;
    margin-top:0.3rem;
    border-bottom:1px solid #F5F4F4;
}
.result-table thead th {
    font-size:18px;
    font-weight:bolder;
    height:50px;
}
.result-table td {
    height:50px;
}
.wronganswer td:first-child, .totalscore td:first-child {
    color:#7d7d7d;
}
.wronganswer td {
    color:#D63B20;
}
.ui-table td:after, .ui-table th:after {
    background-image:none!important;
}
.restart {
    margin-top:0.5rem;
}
.totalscore td {
    color:#FA7F2A;
}
.leftbtn, .rightbtn {
    width:45%;
}
.leftbtn {
    margin-right:5%;
}
.testresult {
    text-align:center;
    padding:0.2rem 0;
    color:#fff;
}
.circleresult {
    background-color:#fff;
    border-radius:150px;
    display:inline-block;
    padding:20px;
    width:150px;
}
.score {
    color:#7D7D7D;
}
.finalscore {
    color:#FA771A;
    font-size:75px;
    font-weight:bold;
    vertical-align:middle;
    margin-right:5px;
}
.evaluate {
    color:#227ec9;
    font-size:25px;
    font-weight:bold;
}
.totaltime {
    color:#fff;
    margin-top:20px;
    font-size:18px;
}
.totaltime i {
    color:#fff;
    vertical-align:middle;
    font-size:23px;
}
.problemresult {
    background-color:#fff;
    border-radius:150px;
    display:inline-block;
    padding:20px 24px;
}
.kstg {
    background-image:url('../../img/passed.png');
    background-repeat:no-repeat;
    background-position:80% 20%;
    background-size:40%;
}

.advice {
    height: 24px;
    width: 48px;
    display: inline-block;
    background-image: url(../img/unchecked.png);
    background-repeat: no-repeat;
    background-position: 22px 0px;
    background-size: 24px;
    vertical-align: middle;
    margin-right: 0.3rem;
}
input[type="radio"]:checked + .advice {
    background-image: url(../img/checked.png);
}

/*新增样式*/
.actbtn-box{
    margin: 10px 0 20px 0;
}
.top-public-hours-box{
    padding:0 0.2rem;
    color:#FFF;
    background-color: #e97e38;
    line-height: 0.36rem;
}
.comon-cert{
    text-align: left;
    margin:0;background:url('../img/zheng.png') no-repeat left center;
    background-size:23px 23px;
    padding-left:28px;
}
.time-box{
    padding: 0 20px;
}
.cert_date{
    border: none;
    border-bottom: 1px solid #ccc;
}
#next{
    margin-right: 20px;
    color:#39b32c;
}
.fl{
    float: left;
}
.fr{
    float:right;
}