@charset "utf-8";
/* CSS Document */
html,body{ width:100%; height:100%; overflow:hidden;}
body{ font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:1.5; color:#333; background-color:#fff6f7; overflow-x:hidden;}
a{ text-decoration:none; color:#333;-webkit-tap-highlight-color:transparent;}
*{ list-style:none; margin:0; outline:none; padding:0; border:none;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dn{ display:none;}
.clear{ clear:both;}
.clear:after{ content:""; display:block; clear:both;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;} 
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;} 
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;} 

body{ background-position:bottom center; background-repeat:no-repeat; background-size:cover;}

/*登录*/
.dlbox{ position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.dlbox .title{ text-align:center;}
.dlbox .title b{ display:block; color:#fff; font-size:48px; line-height:1; letter-spacing:10px; text-indent:10px;}
.dlbox .title p{ display:block; color:#fff; font-size:18px; line-height:1; margin-top:10px; text-transform:uppercase;}
.dlbox .box{ width:980px; padding:0 80px; height:580px; background-image:url(../images/dlbg_03.png); background-position:center; background-repeat:no-repeat; margin-top:2vw; display:flex; align-items:center;}
.dlbox .box .left{ width:450px; padding:0 50px;}
.dlbox .box .left img{ width:100%; display:block;}
.dlbox .box .right{ width:380px; padding-right:50px;}
.dlbox .box .right .w01{ width:100%; height:34px;}
.dlbox .box .right .w01 b{ display:block; float:left; font-size:24px; line-height:34px;}
.dlbox .box .right .w01 p{ font-size:14px; line-height:24px; height:24px; padding-top:5px; color:#666; display:block; float:right;}
.dlbox .box .right .w01 p a{ color:#d0000e;}
.dlbox .box .right .w01 p a:hover{ text-decoration:underline;}
.dlbox .box .right .w02{ width:100%; line-height:40px; margin-top:20px; position:relative;}
.dlbox .box .right .w02 .form-input{ width:100%; display:block; border-bottom:1px solid #ddd; font-size:14px; line-height:40px; padding-left:10px; padding-right:38px; box-sizing:border-box;}
.dlbox .box .right .w02 .form-input.active{ border-bottom:1px solid #d0000e;}
.dlbox .box .right .w02 .err{ height:40px; line-height:40px; text-align:right; font-size:12px; color:#dc0000; display:none; position:absolute; right:38px; top:0; font-weight:normal;}
.dlbox .box .right .w02 .err.mescode{ right:120px;}
.dlbox .box .right .w02 .icon{ height:18px; position:absolute; right:10px; top:11px;}
.dlbox .box .right .w02 .icon img{ display:block; height:18px;}
.dlbox .box .right .w02 .icon img.img02{ display:none;}
.dlbox .box .right .w02 .icon.active img.img01{ display:none;}
.dlbox .box .right .w02 .icon.active img.img02{ display:block;}
.dlbox .box .right .w03{ width:100%; margin-top:20px; display:block; text-align:right; font-size:14px; line-height:24px; color:#999;}
.dlbox .box .right .w03 a{ color:#999;}
.dlbox .box .right .w03 a:hover{ color:#d0000e;}
.dlbox .box .right .w04{ width:100%; margin-top:25px; margin-bottom:10px;}
.dlbox .box .right .w04 input{ width:100%; height:46px; line-height:46px; font-size:16px; cursor:pointer; text-align:center; border-radius:40px; overflow:hidden; display:block; cursor:pointer; color:#fff; background:linear-gradient(to right,#d0000e,#eb202e);}
.dlbox .box .right .w04 input:hover{ opacity:.8;}

.dlbox .box .right .w05{ width:100%; margin-bottom:25px;}
.dlbox .box .right .w05 a{ display:block; float:left; font-size:18px; line-height:28px; margin-right:20px;}
.dlbox .box .right .w05 a.on{ color:#d0000e;}

/*会员中心*/
.lbar{ width:220px; height:100%; background-color:#fff; float:left; position:relative; z-index:1; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.lbar .t01{ width:100%; padding-top:30px; height:100px; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.lbar .t01 img{ display:block; max-width:160px;}
.lbar .t01 p{ display:block; text-align:center; font-size:20px; line-height:30px; margin-top:10px; font-weight:bold;}
.lbar .t02{ width:100%; box-sizing:border-box; margin-top:45px; padding-left:30px; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.lbar .t02 li{ height:50px; margin-top:10px; display:block; position:relative;}
.lbar .t02 li a{ width:100%; box-sizing:border-box; height:50px; display:flex; align-items:center; padding-left:30px; border-bottom-left-radius:25px; border-top-left-radius:25px;}
.lbar .t02 li img{ display:block; height:20px;}
.lbar .t02 li span{ display:block; font-size:16px; margin-left:10px;}
.lbar .t02 li.on a{ color:#d0000e; background-color:#fff6f7;}
.lbar .t02 li.on b{ width:25px; height:25px; display:block; position:absolute; right:0; top:-25px; background-image:url(../images/navt.jpg);}
.lbar .t02 li.on strong{ width:25px; height:25px; display:block; position:absolute; right:0; bottom:-25px; background-image:url(../images/navb.jpg);}
.lbar .t02 li:hover a{ color:#d0000e;}
.lbar.wid{ width:70px;}
.lbar.wid .t01 img{ width:40px;}
.lbar.wid .t01 p{ display:none;}
.lbar.wid .t02{ padding-left:0;}
.lbar.wid .t02 li a{ border-radius:0; padding-left:23px; border-left:4px solid #fff;}
.lbar.wid .t02 li span{ position:absolute; left:70px; top:10px; background:linear-gradient(to right,#d0000e,#e71826); color:#fff; height:30px; line-height:30px; text-align:center; font-size:14px; border-radius:3px; width:80px; display:none;}
.lbar.wid .t02 li span:before{ content:""; position:absolute; left:-8px; top:9px; border-top:6px solid transparent; border-bottom:6px solid transparent; border-right:10px solid #d0000e;}
.lbar.wid .t02 li strong,.lbar.wid .t02 li b{ display:none !important;}
.lbar.wid .t02 li a:hover{ background-color:#fff6f7;}
.lbar.wid .t02 li.on a{ background-color:#fff6f7; border-left:4px solid #d0000e;}
.lbar.wid .t02 li:hover span{ display:block;}
.navbtn{ width:36px; height:36px; border-radius:100%; background-color:#fff6f7; position:absolute; left:202px; top:17px; z-index:3; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.navbtn img{ height:16px; display:block; margin:10px auto; -webkit-transform:rotateY(-180deg); transform:rotateY(-180deg);}
.navbtn.active{ left:52px;}
.navbtn.active img{ -webkit-transform:rotateY(0deg); transform:rotateY(0deg);}

.tbar{ width:calc(100% - 221px); height:70px; background-color:#fff; float:left; margin-left:1px; position:relative; z-index:1; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.tbar.wid{ width:calc(100% - 71px);}
.tbar .left{ float:left; margin-left:30px; display:flex; align-items:center; height:100%; font-size:16px; line-height:26px;}
.tbar .left img{ display:block; height:20px; margin-right:10px;}
.tbar .left a{ color:#333; display:block;}
.tbar .right{ height:100%; float:right; display:flex; align-items:center; margin-right:10px;}
.tbar .right span{ width:36px; height:36px; margin:17px 20px; display:block; border-radius:100%; overflow:hidden;}
.tbar .right span img{ width:100%; display:block;}
.tbar .right a{ display:block; float:left; width:36px; height:36px; border-radius:100%; overflow:hidden; background-color:#fff6f7;}
.tbar .right a img{ display:block; height:16px; margin:10px auto;}
.tbar .right a img.img02{ display:none;}
.tbar .right a:hover{ background-color:#d0000e;}
.tbar .right a:hover img.img01{ display:none;}
.tbar .right a:hover img.img02{ display:block;}

.rbar{ width:calc(100% - 220px); max-height:calc(100% - 70px); overflow:auto; box-sizing:border-box; padding:30px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; display:flex; flex-wrap:wrap;}
.rbar.wid{ width:calc(100% - 70px);}
.rbar::-webkit-scrollbar{ width:5px; height:1px;}
.rbar::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#d0000e;}
.rbar::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.1);}
.rbar .box01{ width:60%; float:left; background:#fff; border-radius:10px; position:relative; padding:30px; padding-top:25px; box-sizing:border-box;}
.rbar .box01 .w01{ width:100%; font-size:20px; line-height:30px; font-weight:bold;}
.rbar .box01 .w01 b{ display:block; width:10px; height:10px; border-radius:100%; overflow:hidden; margin:10px; margin-left:0; float:left; background:linear-gradient(to right,#d0000e,#e71826);}
.rbar .box01 .w02{ width:100%; margin-top:15px;}
.rbar .box01 .w02 table{ background-color:#ddd; width:100%;}
.rbar .box01 .w02 table th{ background-color:#f7f7f7; text-align:center; font-weight:normal;}
.rbar .box01 .w02 table td{ background-color:#fff; text-align:center; font-weight:normal;}

.rbar .box02{ width:40%; float:left;}
.rbar .box02 ul{ width:100%; display:block; overflow:hidden; margin-top:-20px;}
.rbar .box02 ul li{ width:calc(50% - 20px); height:175px; background-color:#fff; border-radius:10px; float:left; margin-left:20px; margin-top:20px; padding:30px; padding-top:25px; box-sizing:border-box;}
.rbar .box02 ul li strong{ width:60px; height:60px; border-radius:10px; background:linear-gradient(to top,#d0000e,#e71826); display:block; overflow:hidden;}
.rbar .box02 ul li strong img{ height:30px; margin:15px auto; display:block;}
.rbar .box02 ul li p{ display:block; width:100%; margin-top:10px;}
.rbar .box02 ul li p span{ display:block; font-size:14px; line-height:24px; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.rbar .box02 ul li p b{ display:block; font-size:34px; line-height:42px;}
.rbar .box02 ul li:nth-child(2) strong{ background:linear-gradient(to top,#00d1c3,#00fff6);}
.rbar .box02 ul li:nth-child(3) strong{ background:linear-gradient(to top,#f0854c,#f8b880);}
.rbar .box02 ul li:nth-child(4) strong{ background:linear-gradient(to top,#5450f0,#a289ff);}
.rbar .box02 ul li:hover{ background:linear-gradient(to top,#d0000e,#e71826);}
.rbar .box02 ul li:nth-child(2):hover{ background:linear-gradient(to top,#00d1c3,#00fff6);}
.rbar .box02 ul li:nth-child(3):hover{ background:linear-gradient(to top,#f0854c,#f8b880);}
.rbar .box02 ul li:nth-child(4):hover{ background:linear-gradient(to top,#5450f0,#a289ff);}
.rbar .box02 ul li:hover strong{ background:rgba(255,255,255,.3);}
.rbar .box02 ul li:hover p *{ color:#fff;}

.rbar .box03{ width:calc(50% - 10px); padding:30px; padding-top:25px; box-sizing:border-box; float:left; background:#fff; border-radius:10px; position:relative; margin-top:20px;}
.rbar .box03 .w01{ width:100%; font-size:20px; line-height:30px; font-weight:bold;}
.rbar .box03 .w01 b{ display:block; width:10px; height:10px; border-radius:100%; overflow:hidden; margin:10px; margin-left:0; float:left; background:linear-gradient(to right,#d0000e,#e71826);}
.rbar .box03 .w02{ width:100%; margin-top:15px;}
.rbar .box03 .w02 table{ background-color:#ddd; width:100%;}
.rbar .box03 .w02 table th{ background-color:#f7f7f7; text-align:center; font-weight:normal;}
.rbar .box03 .w02 table td{ background-color:#fff; text-align:center; font-weight:normal;}

.rbar .box04{ width:calc(50% - 10px); padding:30px; padding-top:25px; box-sizing:border-box; float:left; background:#fff; border-radius:10px; position:relative; margin-top:20px; margin-left:20px;}
.rbar .box04 .w01{ width:100%; font-size:20px; line-height:30px; font-weight:bold;}
.rbar .box04 .w01 b{ display:block; width:10px; height:10px; border-radius:100%; overflow:hidden; margin:10px; margin-left:0; float:left; background:linear-gradient(to right,#d0000e,#e71826);}
.rbar .box04 .w02{ width:100%; margin-top:15px;}
.rbar .box04 .w02 table{ background-color:#ddd; width:100%;}
.rbar .box04 .w02 table th{ background-color:#f7f7f7; text-align:center; font-weight:normal;}
.rbar .box04 .w02 table td{ background-color:#fff; text-align:center; font-weight:normal;}

/*测试题库管理*/
.rbar .box{ width:100%; min-height:calc(100vh - 130px); padding:30px; padding-top:25px; box-sizing:border-box; float:left; background:#fff; border-radius:10px; position:relative;}
.rbar .box .w01{ width:100%; font-size:20px; line-height:30px; font-weight:bold; padding-bottom:10px; border-bottom:1px solid #eee;}
.rbar .box .w01 b{ display:block; width:10px; height:10px; border-radius:100%; overflow:hidden; margin:10px; margin-left:0; float:left; background:linear-gradient(to right,#d0000e,#e71826);}

.rbar .box .w02{ margin-left:-20px; padding-top:15px;}
.rbar .box .w02 a{ float:left; margin-top:15px; margin-left:20px; padding:0 15px; height:34px; line-height:34px; border-radius:5px; color:#fff; display:flex; align-items:center;}
.rbar .box .w02 a:hover{ opacity:.8;}
.rbar .box .w02 a.add{ background:linear-gradient(to right,#d0000e,#e71826);}
.rbar .box .w02 a.download{ background-color:#ff5722;}

.rbar .box .sx{ margin-left:-20px; padding-top:15px; display:block;}
.rbar .box .sx form>dt{ margin-left:20px; display:block; float:left; margin-top:15px;}
.rbar .box .sx form>dt label{ display:block; font-size:14px; line-height:36px; float:left;}
.rbar .box .sx form>dt span{ display:block; font-size:14px; line-height:36px; float:left; margin-left:10px;}
.rbar .box .sx form>dt p{ width:200px; border:1px solid #ddd; border-radius:5px; border:1px solid #ddd; height:34px; float:left; margin-left:10px; overflow:hidden;}
.rbar .box .sx form>dt p input,.rbar .box .sx dt p select{ width:100%; padding:0 19px; display:block; height:34px; line-height:34px; box-sizing:border-box; cursor:pointer;} 
.rbar .box .sx form>dd{ margin-left:20px; display:block; float:left; margin-top:15px;}
.rbar .box .sx form>dd .ss{ display:block; padding:0 20px; height:36px; line-height:36px; border-radius:5px; font-size:14px; background:linear-gradient(to right,#d0000e,#e71826); color:#fff; float:left;}
.rbar .box .sx form>dd .ss:hover{ opacity:.8;}
.rbar .box .sx form>dd .ss01{ display:block; padding:0 19px; height:34px; line-height:34px; border-radius:5px; font-size:14px; border:1px solid #ddd; margin-left:10px; float:left;}
.rbar .box .sx form>dd .ss01:hover{ color:#d0000e; border:1px solid #d0000e;}
.rbar .box .sx form>dt .layui-form{ width:202px; float:left; margin-left:10px;}
.rbar .box .sx form>dt .layui-form .layui-input,.rbar .box .w02 .layui-form-select .layui-input{ height:auto; line-height:34px; border-radius:5px; border:1px solid #ddd;}

.rbar .box .w03{ width:100%; margin-top:30px;}
.rbar .box .w03 table{ background-color:#ddd; width:100%;}
.rbar .box .w03 table th{ background-color:#f7f7f7; text-align:center; font-weight:normal;}
.rbar .box .w03 table td{ background-color:#fff; text-align:center; font-weight:normal;}
.rbar .box .w03 table td .cz{ display:inline-block;}
.rbar .box .w03 table td a{ font-size:12px; margin:5px; float:left; padding:0 10px; height:24px; line-height:24px; border-radius:3px; color:#fff; display:flex; align-items:center;}
.rbar .box .w03 table td a.edit{ background:linear-gradient(to right,#d0000e,#e71826);}
.rbar .box .w03 table td a.edit:hover{ opacity:.8;}
.rbar .box .w03 table td a.add{ background:#0067ff;}
.rbar .box .w03 table td a.add:hover{ opacity:.8}
.rbar .box .w03 table td a.del{ background:#ff5722;}
.rbar .box .w03 table td a.del:hover{ opacity:.8}

.fanye{ width:100%; text-align:right; margin-top:30px;}
.fanye li{ margin:0 3px; display:inline-block; text-align:center;}
.fanye li a{ min-width:20px; padding:0 5px; height:30px; line-height:30px; background-color:#f2f2f2; border-radius:3px; display:block;}
.fanye li span{ min-width:20px; padding:0 5px; height:30px; line-height:30px; border-radius:3px; display:block;}
.fanye li.active span{ color:#fff; background-color:#d0000e;}
.fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.fanye li a:hover{ color:#d0000e;}

/*题库内页*/
.rbar.hei{ padding-bottom:100px;}
.rbar.hei .box{ min-height:calc(100vh - 200px);}

.rbar .abtn{ width:calc(100% - 220px); position:fixed; right:0; bottom:0; height:100px; display:flex; align-items:center; justify-content:center; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.rbar.wid .abtn{ width:calc(100% - 70px);}
.rbar .abtn a{ display:block; min-width:80px; padding:0 20px; height:40px; line-height:40px; text-align:center; margin:0 10px; border-radius:10px; font-size:14px;}
.rbar .abtn a.t01{ background:linear-gradient(to right,#d0000e,#e71826); color:#fff;}
.rbar .abtn a.t01:hover{ opacity:.8;}
.rbar .abtn a.t02{ background-color:#fff;}
.rbar .abtn a.t02:hover{ background:#ff5722; color:#fff;}
.rbar .abtn a.none{ background-color:#eee; cursor:no-drop; color:999;}

.rbar .box .w04{ width:100%; margin:auto; padding-top:30px; display:block;}
.rbar .box .w04 .item{ display:block; margin-top:30px;}
.rbar .box .w04 .item .name{ text-align:right; width:200px; font-size:14px; line-height:40px; height:40px; display:block; float:left;}
.rbar .box .w04 .item .text{ max-width:800px; width:calc(100% - 370px); margin-left:20px; display:block; float:left; border:1px solid #ddd; border-radius:5px;}
.rbar .box .w04 .item .text input{ width:100%; height:38px; line-height:38px; display:block; text-indent:20px; font-family:inherit;}
.rbar .box .w04 .item .text select{ width:100%; height:38px; line-height:38px; display:block; text-indent:20px; font-family:inherit;}
.rbar .box .w04 .item .txt{ margin-left:220px; width:calc(100% - 220px); clear:left; float:left; font-size:14px; line-height:24px; color:#999; margin-top:10px;}
.rbar .box .w04 .item .textarea{ width:calc(100% - 370px); margin-left:20px; display:block; float:left; border:1px solid #ddd; border-radius:5px;}
.rbar .box .w04 .item .textarea textarea{ width:100%; height:120px; line-height:24px; padding:7px 20px; display:block; box-sizing:border-box; font-family:inherit;}


.rbar .box .w04 .item .layui-form{ max-width:800px; width:calc(100% - 370px); margin-left:20px; display:block; float:left;}

.rbar .box .w05{ width:100%; margin:auto; padding-top:25px; display:block;}
.rbar .box .w05 .d01{ font-size:16px; line-height:26px; vertical-align:middle;}
.rbar .box .w05 .d01 span{ margin-left:30px;}
.rbar .box .w05 .d01 img{ max-width:100%; vertical-align:middle; margin:0 5px;}
.rbar .box .w05 .d02{ width:100%; padding-top:10px;}
.rbar .box .w05 .d02 .dd02{ width:100%; margin-top:10px; font-size:14px; line-height:24px; vertical-align:middle;}
.rbar .box .w05 .d02 .dd02 input{ vertical-align:middle; display:inline-block; height:14px; margin-right:10px;}
.rbar .box .w05 .d02 .dd02 img{ max-width:100%; vertical-align:middle; margin:0 5px;}

.rbar .box .w06{ font-size:14px; line-height:24px; margin-top:25px;}
.rbar .box .w06 b{ color:#d0000e; margin:0 10px;}

.fileinput{ float:left; margin-left:20px; width:calc(100% - 220px);}
.thumbnail {
    display:block;
    padding:4px;
    margin-bottom:20px;
    line-height:1.42857143;
    background-color:#fff;
    border:1px solid #ddd;
    border-radius:4px;
    -webkit-transition:border .2s ease-in-out;
    -o-transition:border .2s ease-in-out;
    transition:border .2s ease-in-out;
}
.fileinput .thumbnail {
    display:inline-block;
    margin-bottom:5px;
    overflow:hidden;
    text-align:center;
    vertical-align:middle;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    display:block;
    max-width:100%;
    height:auto;
}
.fileinput-exists .fileinput-new, .fileinput-new .fileinput-exists {
    display:none;
}
.thumbnail a>img, .thumbnail>img {
    margin-right:auto;
    margin-left:auto;
}
.fileinput div{ overflow:hidden;}
.fileinput .btn {
    display:inline-block;
    padding:6px 12px;
    margin-top:10px;
    font-size:14px;
    font-weight:400;
    line-height:18px;
	height:18px;
    text-align:center;
    white-space:nowrap;
    vertical-align:middle;
    -ms-touch-action:manipulation;
    touch-action:manipulation;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    background-image:none;
    border:1px solid transparent;
    border-radius:4px;
	margin-left:0;
	position:relative;
	width:auto;
}
.fileinput .btn.btn-primary {
    color:#fff;
    background:linear-gradient(to right, #d0000e, #e71826);
}
.fileinput .btn.btn-warning {
    color:#fff;
    background-color:#ff5722;
}
.btn-file > input {
    position:absolute;
    top:0;
    right:0;
    width:100%;
    height:100%;
    margin:0;
    font-size:23px;
    cursor:pointer;
    filter:alpha(opacity=0);
    opacity:0; display:block; direction:ltr;}
.fileinput-exists .fileinput-new, .fileinput-new .fileinput-exists { display:none !important;}

.a01{ width:100%; text-align:center; font-size:20px; line-height:30px; margin-top:3vw;}
.a02{ width:100%; text-align:center; font-size:30px; line-height:40px; font-weight:bold; margin-top:20px;}
.a03{ width:100%; margin:auto; max-width:900px; display:flex; flex-wrap:wrap; justify-content:center; margin-top:3vw; text-align:center;}
.a03 li{ width:42%; margin:2% 3%; display:block; font-size:20px; line-height:30px; padding:10px 30px; box-sizing:border-box; border-radius:10px; box-shadow:0 0 10px rgba(0,0,0,.1); overflow:hidden; position:relative; background-color:#c7edcc;}
.a03 li.active{ background-color:#d0000e; color:#fff;}
.a03 li input{ width:100%; height:100%; display:block; opacity:0; position:absolute; left:0; top:0;}

.j01{ width:100%; font-size:24px; line-height:34px; font-weight:bold; margin-top:20px;}
.j02{ width:100%; display:block;}
.j02 li{ display:block; float:left; font-size:16px; line-height:26px; width:240px; padding:10px 40px; border-radius:5px; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,.1); box-sizing:border-box; margin-left:3vw; margin:10px; position:relative;}
.j02 li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.j02 li span{ width:24px; height:24px; border-radius:100%; display:block; position:absolute; left:10px; top:50%; margin-top:-12px; overflow:hidden; color:#fff;}
.j02 li.dui span{ background-color:green;}
.j02 li.cuo span{ background-color:red;}
.j02 li span img{ height:14px; position:absolute; left:50%; top:50%; margin-left:-7px; margin-top:-7px;}

.jd{ width:100%; text-align:right; font-size:16px; line-height:26px; margin-top:25px;}
.jd span{ color:#d0000e;}