@charset "UTF-8";
ul,li,p,span,em,i,div,img,h1,h2,h3,h4,a,input,textarea,body{padding:0px;margin:0px;border:none;}{ padding: 0px; margin: 0px;border: none;}
a{cursor:pointer;text-decoration:none;color:#333;}
ul,li{list-style: none;}
body{font-family: "Microsoft YaHei";overflow-x: hidden;}
blockquote {
    overflow: hidden;
    padding-right: 1.5em;
    padding-left: 1.5em;
    margin-left: 0;
    font-style: italic;
    border-left: 5px solid #ccc;
}
html {-ms-overflow-style:none;overflow:-moz-scrollbars-none;}
html::-webkit-scrollbar{width:0px}

/*周琳恒-登录页面*/
.home-top{width:100%;float: left;height:7.03125vw;position: fixed;background-color: #f5f5f5;z-index: 3;}
.home-top img{position: absolute;top:1.5vw;left:2vw;width:7.708333vw;height:auto;}
.home{width:100%;position: relative;height:36.458333vw;float: left;background-color: #0000004f;padding-top: 7.03125vw;}
.home img{width:100%;position: relative;top:0px;left:0px;z-index: 1;}
.home .title-img{width:auto;position:absolute;top:18.4895833vw;;left:43.75%;width:19.94%;}
.home .logo{width:19.2708333vw;position: absolute;top:24%;left:67.1875%;z-index: 2;}
.home .logo .top{float:left;width:100%;}
.home .logo .top img{width:100%;position: inherit;height: auto;float: left;}
.home .logo .down{width:100%;float: left;box-sizing:border-box;padding:1.9270833vw 1.3020833vw;background-color: #f5f5f5;margin-top: -0.2604166vw;padding-bottom: 1.5vw;}
.home .logo .down .logotext{width:100%;float: left;border-radius: 0.2604166vw;}
.home .logo .down .logotext .text{width:100%;height:2.7604166vw;float: left;border:solid 0.05vw #dad1ce;background-color: white;}
.home .logo .down .logotext .text .left{width:2.6041666vw;height:2.6041666vw;position: relative;float: left;}
.home .logo .down .logotext .text input{width:calc(100% - 3.854166vw);float: left;height:2.6041666vw;line-height: 2.6041666vw;font-family: Arial;font-size: 0.8333vw;color:#6c6c6c;padding-left:1.04166vw;margin-top: 0.078125vw;outline: none;}
.home .logo .down .logotext .text .left img{width:1.04166vw;left:0.8333vw;top: 0.8333vw;height:auto;float: left;}
.home .logo .down .logotext .text .a1 img{width:1.40625vw;top:calc(50% - 0.36458vw);height:auto;}
.home .logo .down .button{height:2.6041666vw;line-height: 2.6041666vw;width:100%;border-radius: 0.2604166vw;background-color: #eb6100;color:white;font-family: Adobe 黑体 Std;font-size: 0.8333vw;text-align: center;float: left;margin-top: 1.04166vw;cursor: pointer;}
.home .logo .down p{width:50%;float: left;line-height: 1.5625vw;font-size: 0.729166vw;margin-top: 0.520833vw;}
.home .logo .down .right{text-align: right;color:#eb6100;}
.home-down{width:100%;float: left;padding:2.6041666vw 0;box-sizing:border-box;background-color: #f5f5f5;position: relative;z-index: 1;}
.home-down p{text-align: center;line-height: 1.5625vw;color:#999999;font-size: 0.8333vw;position: relative;}
.home-down p img{position: relative;;top:0.46875vw;width:2.65625vw;height:auto;}
.home-down .a1{margin-top: 0.78125vw;}


/*周琳恒-首页*/
.index-left{width:16.77vw;height:100%;float: left;background: #1b222c;padding:0px 1.71875vw;box-sizing:border-box;position: fixed;left:0;overflow-y: hidden;overflow-x: hidden;}
.index-left .top{margin-top: 1.5vw;float: left;margin-bottom: 1.5vw;}
.index-left .top img{width: 10vw;height: auto;float: left;margin-left: 1.5vw;}
.index-left .user{margin-top: 0.5vw;float:left;width:100%;float: left;}
.index-left .user .img{width: 5vw;height: 5vw;margin:0 auto;position:relative;border-radius: 50%;overflow: hidden;}
.index-left .user .img img{width:100%;height:auto;position: absolute;/* left:-1.432291vw; */float: left;}
.index-left .user p{line-height: 1.5625vw;color:white;text-align: center;font-size: 0.83333vw;}
.index-left .user .p{font-size: 0.53vw;line-height: 2vw;position: relative;}
.index-left .user .p img{width:auto;height:1vw;margin:0 0.1vw;margin-right: 0.3vw;position: relative;top:0.25vw;}
.index-left .user .email{cursor: pointer;margin-top: 1vw;margin-left: 2.4vw;float: left;position: relative;width:4.1666vw;}
.index-left .user .email .p{width:1vw;line-height: 1vw;height:1vw;font-size: 0.5vw;background-color: #e62f42;border-radius: 50%;text-align: center;color:white;position: absolute;left:1vw;top:-0.5vw;}
.index-left .user .email p{color:white;line-height: 1vw;font-size: 0.7291666vw;margin-top: 0.2vw;}
.index-left .user .delete{cursor: pointer;margin-top: 1vw;margin-left:1.5vw;float: left;position: relative;width:3vw;}
.index-left .user .delete p{color:white;line-height: 1vw;font-size: 0.7291666vw;margin-top: 0.2vw;margin-left: 0.3vw;padding-left: 0.7vw;}
.index-left .user .email img{width:1.5625vw;height:auto;float: left;}
.index-left .user .delete img{width:0.8854vw;height:auto;float: left;}
.index-left .button{float: left;margin-top: 1vw;padding: 0 2vw;box-sizing:border-box;}
.index-left .button ul{width:10.2083333vw;}
.index-left .button li{width:4.6875vw;float: left;margin-right: 0.2vw;opacity: 0.6;cursor: pointer;height:4vw;margin-top: 0.2vw;}
.index-left .button li p{color:white;text-align: center;font-size: 0.625vw;line-height: 1vw;float: left;width: 100%;margin-top: 0.2vw;}
.index-left .button li:hover{opacity: 1;}
.index-left .button li.selected{opacity: 1;}
.index-left .button li img{width:1.61458vw;height:auto;margin-left: calc(50% - 0.80729vw);margin-top: 0.48125vw;float: left;}
.index-left .button li.on1{width:9.8vw;}
.index-left .button li.on{width: 9.6vw;height:3vw;}
.index-left .button li.on img{margin-top:0.3vw;margin-left: 2.1875vw;float: left;}
.index-left .button li.on p{float: left;margin-top:1.1vw;margin-left: 0.2vw;width:auto;}

.index-right{padding:4.5vw 4.3229166vw;box-sizing:border-box;padding-left: 20vw;width:100vw;}

.index-right .top .h3{font-family: Adobe 黑体 Std;font-size:1.875vw;line-height: 2.5vw;color:white; }
.index-right .top .p{font-size:0.9375vw;line-height:4vw;color:white; }
.index-right .top .p b{font-size:1.5vw;}
.index-right .left{float: left;width:40%;border-radius: 0.2604166vw;background-color: #fbf8f1;margin-top: 1.5625vw;}
.index-right .left .head,.index-right .right .head{float: left;height:2.6041666vw;line-height: 2.6041666vw;padding:0 1.302833vw;box-sizing:border-box;width:100%;background-color: #65d3e4;color:white;font-weight: bold;font-size: 1.04166vw;border-radius: 0.2604166vw 0.2604166vw 0 0;}
.index-right .left .p{padding:1vw 1.302833vw;float: left;width:100%;box-sizing:border-box;color:#563743;font-size: 0.78125vw;}
.index-right .left ul{width:100%;float: left;box-sizing:border-box;padding:0  1.302833vw;}
.index-right .left ul li{width:100%;float: left;height: 7.5vw;border-bottom: solid 0.05vw #dbd1ce;padding:1vw 0;box-sizing:border-box;cursor: pointer;}
.index-right .left ul li:nth-child(3){border-bottom: none;}
.index-right .left ul li:hover h4,.index-right .left ul li:hover p{color:#f39800;}
.index-right .left ul li .img{width: 5vw;float: left;}
.index-right .left ul li .img img{width:100%;height:auto;}
.index-right .left ul li h4{font-size: 0.8854166vw;line-height: 1.6vw;color:#563743;padding-left:0.8vw;float: left;box-sizing:border-box;width: calc(100% - 5vw);}
.index-right .left ul li p{font-size: 0.78125vw;line-height: 1.8vw;color:#a8979a;padding-left:1vw;float: left;box-sizing:border-box;width: calc(100% - 5vw);margin-top: 0.3vw;}

.index-right .left .a{line-height: 2vw;text-align: right;color:#563743;font-size: 0.78125vw;float: left;width:100%;padding:0 1.302833vw;box-sizing:border-box;padding-bottom: 0.3vw;}
.index-right .left a:hover{color:#f39800;}

.index-right .right{width:55%;float: left;border-radius: 0.2604166vw;background-color: #fbf8f1;margin-top: 1.5625vw;margin-left: 2.5%;}
.index-right .right .head{background-color: #f39800;}
.index-right .right .slide-pro,.index-right .right .slide-pic,.index-right .right .slide-dot{width:100%;position: relative;overflow: hidden;}
.index-right .right .slide-pic ul{width:100%;position:relative;}
.index-right .right .slide-pic ul li{float: left;}
.index-right .right .slide-pic ul li img{width:100%;}
.index-right .right .slide-dot{position:absolute;text-align: center;top:16.5vw;z-index: 3;height:0.78125vw;left:calc(50% - 2.2vw);width:auto;}
.index-right .right .slide-dot ul{width:100%;position: relative;text-align: center;}
.index-right .right .slide-dot li{width:0.78125vw;height:0.78125vw;border-radius: 50%;margin-right:0.3vw;float: left;background-color: white;cursor: pointer;}
.index-right .right .slide-dot li.main{background-color: #f39800;}
.index-right .right .slide-pro{float: left;}
.index-right .right .down{float: left;width:100%;padding:0  1.302833vw;margin-top: -0.25vw;}
.index-right .right .down ul{width:97.5%;float: left;height: 7.5vw;padding:1vw 0;box-sizing:border-box;}
.index-right .right .a{line-height: 2vw;text-align: right;color:#563743;font-size: 0.78125vw;float: left;width:100%;padding:0 1.302833vw;box-sizing:border-box;padding-bottom: 0.3vw;}
.index-right .right .a a:hover{color:#f39800;}
.index-right .right .down ul li{width:30.333%;float: left;margin-right: 3%;cursor: pointer;}
.index-right .right .down ul li .img{width: 5vw;float: left;}
.index-right .right .down ul li img{width:100%;height:auto;float: left;}
.index-right .right .down ul li h4{font-size:0.520833vw;line-height: 1.6vw;color:#563743;padding-left:0.8vw;float: left;box-sizing:border-box;width: calc(100% - 5vw);}
.index-right .right .down ul li p{font-size: 0.625vw;line-height: 1.8vw;color:#a8979a;padding-left:1vw;float: left;box-sizing:border-box;width: calc(100% - 5vw);margin-top: 0.3vw;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.index-right .right .down ul li:hover h4,.index-right .right .down ul li:hover p{color:#f39800;}




/*谭耀飞--用户设置与账号管理*/
.index-right .bread{line-height:1.30208vw;margin-bottom:0.52vw;font-size:0.73vw;color:#909090;}
.index-right .bread a{color:#454545;}
.index-right .bread span{color:#909090;}
.index-right .user{padding-top:3.9375vw;}
.index-right .user .set{padding:1.0425vw 0 2.86458vw;border-bottom:0.05vw solid #dcdcdc;overflow:hidden;}
.index-right .user .set .avatar{float:left;width:4.79167vw;margin-right:2.34375vw;padding-top:0.78125vw;text-align:center;}
.index-right .user .set .avatar .img{width:4.79167vw;height:4.79167vw;margin-bottom:1vw;border-radius:50%;box-shadow:0.15vw 0.15vw 0.2vw rgba(0,0,0,.3);overflow:hidden;}
.index-right .user .set .avatar .img img{width:100%;height:auto;float: left;}
.index-right .user .set .avatar span{font-size:0.83333vw;color:#0a258b;cursor:pointer;float: left;text-align: center;width: 100%;}
.index-right .user .set .info{float:left;}
.index-right .user .set .info li{position:relative;height:1.5625vw;min-width:25.66667vw;padding-right:3.64583vw;margin-bottom:0.52083vw;box-sizing:border-box;}
.index-right .user .set .info li p{line-height:1.5625vw;font-size:0.83333vw;}
.index-right .user .set .info li p input{padding-left:0.26vw;height:1.5625vw;font-size:0.83333vw;}
.index-right .user .set .info li span{position:absolute;line-height:1.5625vw;right:0;top:0;font-size:0.83333vw;color:#0a258b;cursor:pointer;}
.index-right .user .edit{padding-top:1.04167vw;}
.index-right .user .edit p{line-height:1.30208vw;margin-bottom:1.875vw;font-size:0.73vw;color:#151c22;}
.index-right .user .edit li{position:relative;padding-left:4.8667vw;margin-bottom:1.875vw;float: left;width: 100%;}
.index-right .user .edit li label{position:absolute;left:0;top:0;line-height:1.30208vw;font-size: 0.8333vw;}
.index-right .user .edit li input{width:10vw;height:1.30208vw;padding:0 0.26vw;border:0.05vw solid #b2b8bf;box-sizing:border-box;float: left;}
.index-right .user .edit .btn{overflow:hidden;float: left;}
.index-right .user .edit .btn input{height:1.5625vw;padding:0 1.72vw;text-align:center;box-sizing:border-box;border-radius:0.78125vw;cursor:pointer;color:#1d0404;font-size:0.586vw;float: left;}
.index-right .user .edit .btn .cancel,.index-right .user .edit .btn .send{margin-right: 3.5vw;border:0.05vw solid #999;background:-webkit-linear-gradient(top,#fdfdfe,#b2b6bc);}
.index-right .user .edit .btn .send.disabled{background: #e1e3e6;color: #848484;}
.index-right .user .edit .btn .confirm{border:0.05vw solid #ffcc00;background:-webkit-linear-gradient(top,#ffb200,#ffe500);}

.index-right .account{/* padding-top:3.9375vw; */}
.index-right .account .statistics table{width:100%;text-align:center;border-collapse:collapse;font-size:0.73vw;}
.index-right .account .statistics table thead{line-height:2.08333vw;background-color:#151c22;color:#fff;}
.index-right .account .statistics table thead .addacc{display:inline-block;cursor:pointer;}
.index-right .account .statistics table thead .addacc i{display:inline-block;width:0.78125vw;height:0.78125vw;margin-top:-0.15vw;margin-right:0.26vw;background-image:url(../images/add-icon.png);background-size:100% 100%;background-repeat:no-repeat;vertical-align:middle;}
.index-right .account .statistics table tbody tr{line-height:1.4vw;border:0.05vw solid #dcdcdc;}
.index-right .account .statistics table tbody tr td{position:relative;padding:0.8vw;box-sizing:border-box;}
.index-right .account .statistics table tbody tr td:hover .editbox{display:block;}
.index-right .account .statistics table tbody tr:hover{background-color:#f5d094;}
.index-right .account .statistics table tbody tr:hover td .edit{display:inline-block;}
.index-right .account .statistics .edit{display:none;position:relative;cursor:pointer;z-index:1;}
.index-right .account .statistics .edit i{display:inline-block;width:1vw;height:1vw;background-image:url(../images/edit-icon.png);background-size:100% 100%;vertical-align:middle;margin-top:-0.15vw;margin-right:0.26vw;}
.index-right .account .statistics .editbox{display:none;position:absolute;left:50%;top:3vw;width:6.25vw;padding:0.52vw 0.78125vw;margin-left:-2.8vw;background-color:#fff;box-shadow:0 0 0.26vw rgba(0,0,0,.2);text-align:left;box-sizing:border-box;z-index:2;}
.index-right .account .statistics .editbox p{position:relative;padding-left:1.6vw;line-height:1.5625vw;cursor:pointer;}
.index-right .account .statistics .editbox p i{position:absolute;left:0;top:0;width:1.14583vw;height:1.5625vw;background-size:100% 100%;background-repeat:no-repeat;}
.index-right .account .statistics .editbox p .mod{background-image:url(../images/mod-icon.png);}
.index-right .account .statistics .editbox p .del{background-image:url(../images/del-icon.png);}
.index-right .account .statistics .editbox p .dis{background-image:url(../images/dis-icon.png);}
.index-right .account .statistics .editbox p .lift{background-image:url(../images/lift-icon.png);}
.index-right .account .statistics .editbox p:hover{color:#ff0c0c;}
.index-right .account .statistics .editbox p:hover .mod{background-image:url(../images/mod-icon-on.png);}
.index-right .account .statistics .editbox p:hover .del{background-image:url(../images/del-icon-on.png);}
.index-right .account .statistics .editbox p:hover .dis{background-image:url(../images/dis-icon-on.png);}
.index-right .account .statistics .editbox p:hover .lift{background-image:url(../images/lift-icon-on.png);}
.index-right .account .statistics .editbox:after{content:"";position:absolute;left:50%;top:-0.9vw;width:0;height:0;margin-left:-0.45vw;border:0.45vw solid transparent;border-bottom-color:#fff;}
.index-right .account .flow-add{display:none;position:fixed;top:50%;left:50%;width:36vw;height:20vw;margin:-10vw 0 0 -9.615vw;background-color:#fff;border-radius:0.52vw;box-shadow:0 0 2vw rgba(0,0,0,.2);z-index:9999;border-radius:0.26vw;overflow:hidden;}
.index-right .account .flow-add h3{height:2.24vw;line-height:2.24vw;padding:0 0.78125vw;font-size:0.73vw;font-weight:normal;background-color:#151c22;color:#fff;}
.index-right .account .flow-add ul{padding:2.6vw 0 0 3.49vw;margin-bottom:0.78125vw;overflow:hidden;}
.index-right .account .flow-add li{position:relative;float:left;width:12.76vw;height:1.3vw;padding-left:3.5vw;margin-right:3.49vw;margin-bottom:0.78125vw;box-sizing:border-box;}
.index-right .account .flow-add li label{position:absolute;left:0;top:0;line-height:1.3vw;font-size:0.73vw;}
.index-right .account .flow-add li input{width:100%;height:1.3vw;line-height:1.25vw;padding:0 0.26vw;font-size:0.73vw;border:0.05vw solid #b2b8bf;box-sizing:border-box;}
.index-right .account .flow-add .btn{overflow:hidden;text-align:center;}
.index-right .account .flow-add .btn input{height:1.5625vw;padding:0 1.72vw;margin:0 2.1vw;text-align:center;box-sizing:border-box;border-radius:0.78125vw;cursor:pointer;color:#1d0404;font-size:0.586vw;}
.index-right .account .flow-add .btn .cancel{border:0.05vw solid #999;background:-webkit-linear-gradient(top,#fdfdfe,#b2b6bc);}
.index-right .account .flow-add .btn .confirm{border:0.05vw solid #ffcc00;background:-webkit-linear-gradient(top,#ffb200,#ffe500);}
.index-right .account .flow-add.on{display:block;}


/*周琳恒-学习视频列表页面*/
.index-learn{padding-right:4.3229166vw;box-sizing:border-box;padding-left: 20vw;width:100vw;padding-top: 4.16666vw;overflow: hidden;}
.index-learn .head{line-height: 1.30208vw;margin-bottom: 0.52vw;font-size: 0.73vw;color: #909090;}
.index-learn .head a{color:#454545;}
.index-learn .left{float: left;width:70%;}
.index-learn .left .top,.index-learn .leftslide-pro,.index-learn .slide-pic{position: relative;float: left;width:100%;overflow: hidden;}
.index-learn .slide-pic ul{position: relative;float: left;}
.index-learn .slide-pic li{position: relative;float: left;cursor: pointer;width:52.97395838vw;}
.index-learn .slide-pic li img{width:100%;height:auto;float: left;}
.index-learn .slide-dot{position: absolute;bottom: 1vw;left:calc(50% - 2vw);}
.index-learn .slide-dot li{width:0.625vw;height:0.625vw;float: left;background:white;border-radius: 50%;margin-right: 0.375vw;cursor: pointer;}
.index-learn .slide-dot li.main{background: #f39800;}
.index-learn .left .top01{width:100%;float: left;background: #1a212a;position: relative;}
.index-learn .left .top01 ul{width:80%;float: left;}
.index-learn .left .top01 li{line-height: 3.6458333vw;width:16%;float: left;font-size: 0.78125vw;text-align: center;color:white;cursor: pointer;}
.index-learn .left .top01  .bottom{width:14%;position: absolute;right:0;top:0;padding: 1.8229166vw 0;height: 0;transition:all .5s;overflow: hidden;z-index: 3;}
.index-learn .left .top01  .bottom:hover{height: 20vw;}
.index-learn .left .top01  .bottom h4{line-height: 3.6458333vw;width:100%;float: left;font-size: 0.78125vw;text-align: left;color:white;cursor: pointer;margin-top: -1.8229166vw;font-weight: 100;position: relative;}
.index-learn .left .top01  .bottom h4 i{width: 1vw;height: 0.55vw;background-size: 100%;/* position: absolute; */right: 1vw;cursor: pointer;background-image: url(../images/next.png);display: inline-block;margin-left: 0.5vw;}
.index-learn .left .top01 .bottom .box{width:100%;float: left;padding:0.5vw;box-sizing:border-box;background: white;/*margin-top: 0.05vw;*/border: 1px solid #ccc;}
.index-learn .left .top01 .bottom .box p{line-height: 1.5vw;font-size: 0.83vw;}
.index-learn .left .top01 .bottom .box p a{color: #333333;}
.index-learn .left .top01 .bottom .box p:hover a{color: #dc5c00;}
.index-learn .left .top01 li a{color:white;}
.index-learn .left .top01 li:hover,.index-learn .left .top01 li.on, .index-learn .left .top01 div.on{background: #dc5c00;}
.index-learn .left .top01 .li{width:100%;line-height: 2vw;float: left;background:#434343;padding-left: 10%;box-sizing:border-box;color:white;font-size: 0.6770833vw;display: none;}
.index-learn .left .top01 .li.block{display: block;}
.index-learn .left .top01 .li a{color:white;}
.index-learn .left .top01 .li a:hover,.index-learn .left .top01 .li a.on{color:#ff8a00;font-weight: bold;}
.index-learn .left .down{width:100%;float: left;}
.index-learn .left .down.block{display: block;}
.index-learn .left .down .seach{width:30%;float: left;position: relative;padding:1vw 0;margin-top: 0.6vw;margin-left: 1vw;}
.index-learn .left .down .seach input{width:70%;line-height: 1vw;font-size: 0.625vw;padding-left:5%;box-sizing:border-box;top: 0;float: left;position: absolute;/* left:10%; */border: solid 0.05vw #3d3d3d;}
.index-learn .left .down .seach button{width: 1.1vw;height: 1.1vw;background:url(../images/seach.png);background-size: 100%;float: left;position: absolute;top: 0;left: calc(70% - 0.1vw);border: none;cursor: pointer;}
.index-learn .left .down .topdiv{/* width:100%; */float: left;line-height: 2.3vw;font-size:0.6770833vw;color:#434343;}
.index-learn .left .down .topdiv a{color:#434343;}
.index-learn .left .down .topdiv a.on,.index-learn .left .down .topdiv a:hover{font-weight: bold;}
.index-learn .left .down ul{width:102%;float: left;}
.index-learn .left .down li{width: 31.33333%;float: left;margin-right: 2%;box-shadow: 0px 0px 20px #ccc;margin-bottom: 1vw;border: solid 0.05vw #cfcfcf;cursor: pointer;box-sizing:border-box;padding-bottom: 0.25vw;}
.index-learn .left .down .img{width:100%;float: left;position: relative;}
.index-learn .left .down .img img{width:100%;height:166px;float: left;}
.index-learn .left .down .img .button{position: absolute;width:2vw;height:2vw;top:calc(50% - 1vw);left:calc(50% - 1vw);background: url(../images/Learn-down-li-void.png);background-size: 100%;cursor: pointer;}
.index-learn .left .down li .h5{width:100%;float: left;line-height: 2.5vw;font-weight: bold;font-size: 1vw;color:#323333;padding:0 3%;box-sizing:border-box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.index-learn .left .down li p{line-height: 1.2vw;font-size: 0.625vw;padding:0 3%;box-sizing:border-box;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-bottom: 0.5vw;}
.index-learn .left .down li .span{width:67%;float:left;margin-left: 3%;margin-top: 0.2vw;}
.index-learn .left .down li .span img{float: left;height:0.625vw;width:auto;margin-top: 0.2vw;}
.index-learn .left .down li .span span{display: block;float: left;font-size:0.5208333vw;color:#747474;margin-left: 0.1vw;line-height: 1vw; }
.index-learn .left .down li .keep{background-image: url(../images/Learn-down-li-keep.png);width:0.7291666vw;height:0.65vw;background-size: 100%;float: right;margin-right: 5%;margin-top: 0.3vw;cursor: pointer;}
.index-learn .left .down li .keep.on,.index-learn .left .down li .keep:hover{background-image: url(../images/Learn-down-li-keep01.png);}


.index-learn .right{width:23.125%;float: left;margin-left: 1.625%;}
.index-learn .right .top{width:100%;float: left;position:relative;}
.index-learn .right .top .img{width:100%;float: left;position: relative;}
.index-learn .right .top .img img{width:100%;height:auto;float: left;}
.index-learn .right .top .img .button{width:4.375vw;height:4.375vw;position: absolute;left:calc(50% - 2.1875vw); top:calc(50% - 2.1875vw);background-image: url(../images/Learn-right-top-button.png);background-size: 100%;cursor:pointer;}
.index-learn .right .top .img p{position: absolute;bottom: 0;width:100%;line-height: 2.34375vw;text-align: center;font-size: 0.7291666vw;color:white;background-color: #16161666;}
.index-learn .right .top .img1{width:100%;float: left;position: relative;height:5.445833vw;background:#1a212a;}
.index-learn .right .top .img1 img{width:7.13541666vw;height:auto;position: absolute;left:calc(50% - 3.562705333vw);top:calc(50% - 0.80729166vw);float: left;}

.index-learn .right .down{width:100%;float: left;}
.index-learn .right .down .topdiv{width: 100%;float: left;line-height: 2.3vw;font-size: 0.6770833vw;color: #434343;}
.index-learn .right .down ul{width:100%;float: left;}
.index-learn .right .down ul li{width:100%;float: left;height: 7.5vw;border-top: solid 0.05vw #dbd1ce;padding:1vw 0;box-sizing:border-box;cursor: pointer;}
.index-learn .right .down ul li .img{width: 5vw;float: left;}
.index-learn .right .down ul li .img img{width:100%;height:auto;}
.index-learn .right .down ul li h4{font-size: 0.8854166vw;line-height: 1.6vw;color:#563743;padding-left:0.8vw;float: left;box-sizing:border-box;width: calc(100% - 5vw);overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.index-learn .right .down ul li p{font-size: 0.78125vw;line-height: 1.8vw;color:#a8979a;padding-left:1vw;float: left;box-sizing:border-box;width: calc(100% - 5vw);margin-top: 0.3vw;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.index-learn .right .down ul li:hover h4,.index-learn .right .down ul li:hover p{color:#f39800;}


/*视频详情页面-周琳恒*/
.video-index{padding-right:4.3229166vw;box-sizing:border-box;padding-left: 20vw;width:100vw;padding-top: 4.6875vw;}

.video-index .left{width:52.5%;float: left;margin-left: 5%;}
.video-index .left .left-index .top{width:100%;float: left;}
.video-index .left .left-index .top img{width:100%;float: left;}
.video-index .left .left-index1{width:100%;float: left;margin-top: 0.5vw;}
.video-index .left .left-index1 p{float: left;line-height:1.6vw ;color:#687381;font-size: 0.7291666vw;padding-bottom: 0.4vw;}
.video-index .left .left-index1 .keep{float: right;min-width: 65px;width:4.1666vw;height:1.5vw;border:solid 0.05vw #cecece;border-radius: 0.1vw;line-height: 1.5vw;color:#687381;font-size: 0.7291666vw;text-align: center;cursor: pointer;}
.video-index .left .left-index1 .keep .keep-img{width:0.73vw;height:0.63vw;background-image: url(../images/Learn-down-li-keep.png);background-size: 100%;float: left;margin-top: 0.45vw;margin-left: 0.5vw;margin-right: -0.2vw}
.video-index .left .left-index1 .keep.on .keep-img,.video-index .left .left-index1 .keep:hover .keep-img{background-image: url(../images/Learn-down-li-keep01.png);}

.video-index .left .left-index1 .like{float: right;width:auto;height:1.5vw;line-height: 1.5vw;border:solid 0.05vw #cecece;border-radius: 0.1vw;color:#687381;font-size: 0.7291666vw;text-align: center;cursor:pointer;margin-right: 1vw;padding-right: 0.5vw;}
.video-index .left .left-index1 .like .great{width:0.8333vw;height:0.7291666vw;background-image: url(../images/great01.png);background-size: 100%;float: left;margin-left: 0.5vw;margin-right: 0.5vw;margin-top: 0.4vw;}
.video-index .left .left-index1 .like.on .great,.video-index .left .left-index1 .like:hover .great{background-image: url(../images/great.png);}
.video-index .left .left-index1 .notes{float: right;width:5vw;height:1.5vw;line-height: 1.5vw;border:solid 0.05vw #cecece;border-radius: 0.1vw;color:#687381;font-size: 0.72916666vw;text-align: center;cursor: pointer;margin-right: 1vw;}
.video-index .left .left-index1 .release{float: right;width:5vw;height:1.5vw;line-height: 1.5vw;border:solid 0.05vw #cecece;border-radius: 0.1vw;color:#687381;font-size: 0.72916666vw;text-align: center;cursor: pointer;margin-right: 1vw;}
.video-index .left .left-index1 .notes img{width:1.2vw;height:auto;float: left;margin-left:0.5vw;margin-top: 0.2vw;}
.video-index .left .left-index1-1{width:100%;float: left;}
.video-index .left .left-index1-1 ul{width:100%;float: left;background: #f3f5f6;line-height: 3vw;}
.video-index .left .left-index1-1 li{width:20%;float: left;font-size: 0.625vw;color:#14191e;text-align: center;cursor: pointer;position: relative;}
.video-index .left .left-index1-1 li.on,.video-index .left .left-index1-1 li:hover{background: #bfbfbf;}
.video-index .left .left-index1-1 li img{width:1.3541666vw;height:auto;top: 0.25vw;position: relative;}


.video-index .left .left-index2{width:100%;float: left;display: none;}
.video-index .left .left-index2.block{display: block;}
.video-index .left .left-index2 h3{padding:1.5625vw 0;font-size: 0.8333vw;color:#000000;line-height: 1vw;font-weight: bold;}
.video-index .left .left-index2 .down{width:100%;float: left;padding:1.302083vw 1.82291666vw;box-sizing:border-box;box-shadow: 0px 10px 10px #ccc;border-radius: 0.5vw;position: relative;}
.video-index .left .left-index2 .down textarea{width:100%;box-sizing:border-box;float: left;height:6.5104166vw;line-height:1.3020833vw; font-size: 0.625vw;border:solid 0.05vw #afafaf;border-radius: 0.5vw;padding:0.5vw 0.5vw;outline: none;}
.video-index .left .left-index2 .down .count{position: absolute;line-height:1.3020833vw; font-size: 0.625vw;opacity: 0.5;right:2.2vw;top:6.2vw;}
.video-index .left .left-index2 .down>button{float: right;width:3.90625vw;line-height:1.3vw;text-align: center;color:white;background: #f39800;border-radius: 0.25vw;font-size: 0.625vw;border:none; margin-top: 0.5vw;height:1.3vw;cursor: pointer;}
.video-index .left .left-index3{width:100%;float: left;margin-top: 1vw;}
.video-index .left .left-index3 .top{width:100%;float: left;position: relative;}
.video-index .left .left-index3 .top ul{width:100%;float: left;margin-bottom: 1vw;}
.video-index .left .left-index3 .top ul li{float: left;width:3.90625vw;line-height:1.3vw;text-align: center;color:white;background: #9199a1;border-radius: 0.25vw;font-size: 0.625vw;border:none;height:1.3vw;cursor: pointer;margin-right: 1vw;}
.video-index .left .left-index3 .top ul li.on,.video-index .left .left-index3 .top ul li:hover,.video-index .left .left-index3 .top .release:hover{background:#f39800;color:white;}
.video-index .left .left-index3 .top .release{float: right;width:5vw;line-height:1.3vw;text-align: center;color:#545c63;background: #edeeef;border-radius: 0.25vw;font-size: 0.625vw;border:none;height:1.3vw;cursor: pointer;margin-right: 1vw;position: absolute;top:0;right:0;}

.video-index .left .left-index3 .down{width:100%;float: left;}
.video-index .left .left-index3 .down ul{width:100%;float: left;}
.video-index .left .left-index3 .down ul li{width:100%;float: left;box-sizing:border-box;padding:1.1458333vw;box-shadow: 0px 10px 10px #ccc;margin-bottom: 1vw;border-radius: 0.5vw;position: relative;}
.video-index .left .left-index3 .down ul li.on .essence{width:3.28125vw;height:2.13541666vw;position: absolute;right:0;background-image: url(../images/essence.png);background-size: 100%;}
.video-index .left .left-index3 .down ul li .text{width:100%;float: left;}
.video-index .left .left-index3 .down ul li .text .img{width:3vw;height:3vw;border-radius: 50%;float: left;}
.video-index .left .left-index3 .down ul li .text .img img{width:100%;height:100%;float: left;border-radius: 1.5vw;}
.video-index .left .left-index3 .down ul li .text h4{padding-left: 0.5vw;width:calc(100% - 3vw);float: left;box-sizing:border-box;line-height: 1.2vw;font-size: 0.92vw;color:black;margin-top:1.3vw;margin-bottom: 0.7vw;}
.video-index .left .left-index3 .down ul li .text p{width:100%;line-height: 1.2vw;font-size: 0.78125vw;color:#535353;float: left;padding-left: 3.5vw;box-sizing:border-box;}

.video-index .left .left-index3 .down ul li .reply1{width:100%;float: left;padding-left: 3vw;box-sizing:border-box;}
.video-index .left .left-index3 .down ul li .reply1 ul{width:100%;float: left;}
.video-index .left .left-index3 .down ul li .reply1 ul li{width:100%;float: left;line-height: 1.8vw;background: #eaeaea;border-radius: 1vw;box-shadow: none;margin-bottom: 0;margin-top: 0.5vw;padding:0.2vw 1vw;color:#12191f;font-size: 0.73vw;}
.video-index .left .left-index3 .down ul li .reply1 ul li .reply{color: #535353;width: 3.5vw;line-height: 1.2vw;float: right;font-size: 0.73vw;background: #d4d4d4;border-radius: 1vw;text-align: center;cursor: pointer;margin-top: 4px;}
.video-index .left .left-index3 .down ul li .reply1 ul li .like{width: 4.3vw;line-height: 1.2vw;font-size: 0.73vw;text-align: left;color: #93999f;float: right;background: #edeeef;border-radius: 0.25vw;cursor: pointer;margin-top: 4px;}
.video-index .left .left-index3 .down ul li .reply1 ul li .like .great{width: 0.8333vw;height: 0.7291666vw;background-image: url(../images/great01.png);background-size: 100%;float: left;margin-top: 0.18vw;margin-left: 0.5vw;margin-right: 0.5vw;}
.video-index .left .left-index3 .down ul li .reply1 .more{width:5vw;float: right;line-height: 1.2vw;font-size: 0.73vw;text-align: center;color: #93999f;margin-top: 0.5vw;cursor: pointer;}
.video-index .left .left-index3 .down ul li .reply1 ul li p{padding-left: 0.5vw;}
.video-index .left .left-index3 .down ul li .bottom{width:100%;float: left;margin-top: 1vw;}
.video-index .left .left-index3 .down ul li .bottom .like{width:auto;line-height: 1.2vw;font-size: 0.73vw;text-align: left;color:#93999f;float: left;background: #edeeef;border-radius: 0.25vw;cursor: pointer;padding-right: 1vw;}
.video-index .left .left-index3 .down ul li .bottom .like .great{width:0.8333vw;height:0.7291666vw;background-image: url(../images/great01.png);background-size: 100%;float: left;margin-top: 0.22vw;margin-left: 0.5vw;margin-right: 0.5vw;}


.video-index .left .left-index3 .down ul li .bottom .like:hover .great,.video-index .left .left-index3 .down ul li .bottom .like.on .great,.video-index .left .left-index3 .down ul li .reply1 ul li .like:hover .great,.video-index .left .left-index3 .down ul li .reply1 ul li .like.on .great{background-image: url(../images/great.png);}

.video-index .left .left-index3 .down ul li .bottom .report{width:4.3vw;line-height: 1.2vw;float: left;font-size: 0.73vw;text-align: center;color:#93999f;}
.video-index .left .left-index3 .down ul li .bottom .report a{color:#93999f;}
.video-index .left .left-index3 .down ul li .bottom .data{width:6vw;line-height: 1.2vw;float: right;font-size: 0.73vw;text-align: right;color:#93999f;}
.video-index .left .left-index3 .down ul li .bottom .reply{color:#535353;width:3.5vw;line-height: 1.2vw;float: right;font-size: 0.73vw;background: #ecedf1;border-radius:0.25vw;text-align: center;cursor: pointer;}
.video-index .left .left-index3 .down ul li .reply2{width:100%;float: left;transition:all .5s;height:0;overflow: hidden;}
.video-index .left .left-index3 .down ul li .reply2 textarea{width:100%;box-sizing:border-box;float: left;height:6.5104166vw;line-height:1.3020833vw; font-size: 0.625vw;border:solid 0.05vw #afafaf;border-radius: 0.5vw;padding:0.5vw 0.5vw;outline: none;margin-top:1vw;}
.video-index .left .left-index3 .down ul li .reply2>button{float: right;width:3.90625vw;line-height:1.3vw;text-align: center;color:white;background: #f39800;border-radius: 0.25vw;font-size: 0.625vw;border:none; margin-top: 0.5vw;height:1.3vw;cursor: pointer;}

.video-index .right{width:35%;float: left;margin-left: 5%;position:relative;}

.video-index .right .note{width:100%;float: left;height:20vw;background: white;transition:all .5s;padding:0.7vw;box-sizing:border-box;padding-right: 1.4vw;display:none;}
.video-index .right .note .title{width:100%;float: left;}
.video-index .right .note .title span{float: left;line-height:1vw;color:#14191e;font-size: 1vw;}
.video-index .right .note .title img{width:0.9vw;height:auto;float: right;cursor: pointer;}
.video-index .right .note .text{width:100%;float: left;margin-top: 1vw;}
.video-index .right .note>button{width:5vw;border:none;line-height: 1.5625vw;float: right;margin-top:0.5vw;border-radius: 1.5625vw;background: #ffc000;color:black;text-align: center;font-size: 0.8333vw;cursor: pointer;}
.video-index .right .note>a{float: left;min-width:120px;width:7.5vw;margin-left: calc(50% - 3.75vw);line-height:1.5625vw;font-size:0.8333vw;border-radius: 1.5625vw;background: #e7eaec;text-align: center;color:#14191e;margin-top: 4vw;}
.video-index .right .note .text img{width:100%;height:auto;float: left;}
.video-index .right .note.on{display: block;}
.video-index .right .top{width:100%;float: left;box-sizing:border-box;padding:1.5625vw;border:solid 0.05vw black;float: left;padding-top: 0.75vw;padding-bottom: 1vw;}
.video-index .right .top .top-index{float: left;width:100%;line-height: 2vw;font-size:0.73vw;color:#687381;text-align: left;}
.video-index .right .top .top-index img{width:0.73vw;height:0.73vw;float: left;margin-top: 0.65vw;padding:0 0.1vw;}
.video-index .right .top .top-index1{width:100%;float: left;}
.video-index .right .top .top-index1 h3{line-height: 2vw;font-size: 1vw;font-weight: bold;}
.video-index .right .top .top-index1 p{color:#687381;line-height: 1.2vw;font-size: 0.73vw;}
.video-index .right .top .top-index2{width:100%;float: left;}
.video-index .right .top .top-index2 h3{line-height:2vw;font-size: 1vw;font-weight: bold;margin-top:1vw;}
.video-index .right .top .top-index2 .img{width:5vw;float: left;cursor: pointer;}
.video-index .right .top .top-index2 .img img{width:100%;height:auto;float: left;}
.video-index .right .top .top-index3{width:100%;float: left;margin-top:1vw;}
.video-index .right .top .top-index3 h4{line-height: 1vw;font-size: 0.73vw;color:black;margin-bottom: 1vw;}
.video-index .right .top .top-index3 p{color:#323333;font-size: 0.73vw;line-height: 1.2vw;text-align: left;}
.video-index .right .top .top-index3 p i{float: left;width:0.73vw;height:0.63vw;background-image: url(../images/Learn-down-li-keep01.png);background-size: 100%;margin-top: 0.335vw;margin-right: 0.2vw;}

.video-index .right .down{width:100%;float: left;margin-top: 2.5vw;}
.video-index .right .down .topdiv{width: 100%;float: left;line-height: 2.3vw;font-size: 0.6770833vw;color: #434343;}
.video-index .right .down ul{width:100%;float: left;}
.video-index .right .down ul li{width:100%;float: left;height: 7.5vw;border-top: solid 0.05vw #dbd1ce;padding:1vw 0;box-sizing:border-box;cursor: pointer;}
.video-index .right .down ul li .img{width: 5vw;float: left;}
.video-index .right .down ul li .img img{width:100%;height:auto;float: left;}
.video-index .right .down ul li h4{font-size: 0.8854166vw;line-height: 1.6vw;color:#563743;padding-left:0.8vw;float: left;box-sizing:border-box;width: calc(100% - 5vw);}
.video-index .right .down ul li p{font-size: 0.78125vw;line-height: 1.8vw;color:#a8979a;padding-left:1vw;float: left;box-sizing:border-box;width: calc(100% - 5vw);margin-top: 0.3vw;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.video-index .right .down ul li:hover h4,.video-index .right .down ul li:hover p{color:#f39800;}

.loading{width:32px;position: fixed;top:calc(50% - 16px);left:calc(50% - 16px);opacity: 0;transition:all .5s;}



/*主账号首页-周琳恒*/
.index-right .down-home{width:100%;float: left;margin-top: 1.75vw;}
.index-right .home-left{width:30.45vw;float: left;}
.index-right .down-home p{line-height:1.2vw;font-size: 0.7333vw;color:white;float: left;}
.index-right .down-home ul{width:100%;float: left;margin-top: 1vw;}
.index-right .down-home ul li{width:100%;margin-right:;border-radius:1vw;float: left;box-shadow: 0px 0px 2vw #0000006b;margin-bottom: 2vw;box-sizing:border-box;padding:2vw 0;position: relative;}
.index-right .down-home ul li .img{width:5.028333vw;height:5.028333vw;border-radius: 50%;overflow: hidden;position: relative;float: left;margin-left: 0.5vw;}
.index-right .down-home ul li .img img{position: absolute;width:100%;height:auto;/* left:-1.3vw;top:-0.7vw; */}
.index-right .down-home ul li .right{float: left;width:calc(100% - 6.028333vw);    border-radius: none;background-color:inherit;margin-top:0;margin-left:0;}
.index-right .down-home ul li .right p{width:100%;float: left;font-size: 0.7333vw;line-height: 1.2vw;}
.index-right .down-home ul li .right p b{font-size: 1vw;font-weight: bold;margin:0 0.5vw;}
.index-right .down-home ul li .right span{display: block;width:31%;float: left;line-height: 2vw;font-size: 0.7333vw;color:white;margin-left:2%;}
.index-right .down-home ul li .right span b{font-size: 1vw;margin: 0 0.25vw;}
.index-right .down-home ul li .right .span{width:65%;margin-left: 2%;}
.index-right .down-home ul li .right span i{height:0.7vw;margin-top: 0.75vw;border-radius:1vw;background: -webkit-linear-gradient(left,#ffe200,#ce1310);display: block;float: left;}
.index-right .down-home ul li .right .p{padding-left: 0.5vw;margin-top: 0.5vw;}
.index-right .down-home ul li .right  a{line-height: 1.2vw;font-size: 0.733vw;color:#68707c;position: absolute;bottom:1vw;right:2vw;}
.index-right .home-right{width:42.45vw;float: right;}
.index-right .home-right .top{width:100%;float: left;position: relative;}
.index-right .home-right .top p{line-height: 1.2vw;color: white;font-size: 0.73vw;margin-bottom: 0.8vw;width:100%;float: left;}
.index-right .home-right .top img{width:100%;border-radius: 0.5vw;height: auto;float: left;}
.index-right .home-right .top a{position: absolute;right:1vw;bottom: 0;line-height: 2vw;font-size: 0.73vw;color: #667487;}
.index-right .home-right .right-index{width:100%;float: left;margin-top: 0.5vw;box-shadow: 0px 0px 1vw #00000030;}
.index-right .home-right .right-index .div-left{width:5vw;float: left;background: #eb6100;position: relative;}
.index-right .home-right .right-index .div-left h2{line-height: 3.6666vw;text-align: center;color: white;font-size: 2.08333vw;padding-bottom: 0.5vw;}
.index-right .home-right .right-index .div-left p{position: absolute;bottom: 0;left: 0;color: white;width:100%;text-align: center;font-size: 0.625vw;line-height: 1.6vw;}
.index-right .home-right .right-index .div-right{width:calc(100% - 5.2vw);float: right;}
.index-right .home-right .right-index .div-right .h1{line-height: 1.5vw;width:100%;float: left;text-align: left;font-size: 0.625vw;color: #667487;margin-top: 0.58333vw;}
.index-right .home-right .right-index .div-right .h1 span{color: #d75801;font-size: 0.85vw;display:inline-block;margin-right: 1vw;}
.index-right .home-right .right-index .div-right .h1 i{width:0.73vw;height: 0.625vw;background-image: url(../images/home-right-index-i.png);background-size: 100%;display: inline-block;margin-left: 0.05vw;}
.index-right .home-right .right-index .div-right .h1 i.on{background-image: url(../images/home-right-index-i-on.png);}
.index-right .home-right .right-index .div-right .p{line-height: 1.5vw;width:100%;float: left;text-align: left;font-size: 0.625vw;color: #667487;}
.index-right .home-right .right-index .div-right .p span{display: inline-block;margin-right: 0.5vw;}
.index-right .home-right .right-index1{width:100%;float: left;box-shadow: 0 0 1vw #00000030;border-radius: 0 0 0.5vw 0.5vw;padding-bottom: 1vw}
.index-right .home-right .right-index1 .div-top{line-height: 1vw;font-size: 0.625vw;color: #667487;width:100%;float: left;margin-top: 1vw;}
.index-right .home-right .right-index1 .div-top p{float: left;width:10%;text-align: center;border-right:solid 0.05vw #667487;box-sizing:border-box;}
.index-right .home-right .right-index1 .div-top p.p1{border: none;width:30%;text-align: left;padding-left: 1vw;}
.index-right .home-right .right-index1 .div-top p.p3{width:17%;}
.index-right .home-right .right-index1 .div-top p a{color: #667487;}
.index-right .home-right .right-index1 .box{width:100%;float: left;overflow-x:hidden;}
.index-right .home-right .right-index1 ul{width:calc(100% + 17px);max-height: 33vw;overflow: auto;}

.index-right .home-right .right-index1 li{width:calc(100% - 17px);float: left;margin-top: 1vw;line-height: 1vw;font-size: 0.625vw;color: #667487;width:100%;float: left;margin-top: 1vw;}
.index-right .home-right .right-index1 li p{float: left;width:10%;text-align: center;}
.index-right .home-right .right-index1 li p.p1{width:1.25vw;height: 1.25vw;background: #667487;border-radius: 50%;font-size: 0.83vw;color: white;text-align: center;line-height: 1.25vw;margin-left: 0.75vw;margin-right: 0.25vw;margin-top: -0.25vw;}
.index-right .home-right .right-index1 li p.p2{width:calc(30% - 2.25vw);}
.index-right .home-right .right-index1 li p.p3{width:15%;}
.index-right .home-right .right-index1 li p i{width:0.73vw;height: 0.625vw;background-image: url(../images/home-right-index-i.png);background-size: 100%;display: inline-block;}
.index-right .home-right .right-index1 li p.a1 i:nth-child(1),.index-right .home-right .right-index1 li p.a2 i:nth-child(1),.index-right .home-right .right-index1 li p.a3 i:nth-child(1),.index-right .home-right .right-index1 li p.a4 i:nth-child(1),.index-right .home-right .right-index1 li p.a5 i:nth-child(1){background-image: url(../images/home-right-index-i-on.png);}
.index-right .home-right .right-index1 li p.a2 i:nth-child(2),.index-right .home-right .right-index1 li p.a3 i:nth-child(2),.index-right .home-right .right-index1 li p.a4 i:nth-child(2),.index-right .home-right .right-index1 li p.a5 i:nth-child(2){background-image: url(../images/home-right-index-i-on.png);}
.index-right .home-right .right-index1 li p.a3 i:nth-child(3),.index-right .home-right .right-index1 li p.a4 i:nth-child(3),.index-right .home-right .right-index1 li p.a5 i:nth-child(3){background-image: url(../images/home-right-index-i-on.png);}
.index-right .home-right .right-index1 li p.a4 i:nth-child(4),.index-right .home-right .right-index1 li p.a5 i:nth-child(4){background-image: url(../images/home-right-index-i-on.png);}
.index-right .home-right .right-index1 li p.a5 i:nth-child(5){background-image: url(../images/home-right-index-i-on.png);}
.index-right .home-right .right-index1 li p i.on{background-image: url(../images/home-right-index-i-on.png);}
.index-right .home-right .right-index1 li:nth-child(1) p.p1{background: #e60012;}
.index-right .home-right .right-index1 li:nth-child(2) p.p1{background: #f39800;}
.index-right .home-right .right-index1 li:nth-child(3) p.p1{background: #8fc31f;}
.index-right .home-right .right-index1 li:nth-child(4) p.p1{background: #13b5b1;}
.index-right .home-right .right-index1 li:nth-child(5) p.p1{background: #005982;}

/*管理员账号设置页面*/
.index-right.a1{padding-top: 5vw;}
.index-right.a1 .user{padding-top: 0;overflow: hidden;padding-bottom: 5vw;border-bottom:0.05vw solid #dcdcdc; }
.index-right.a1 .user .set,.index-right.a1 .user .edit{width:45%;float: left;padding-top:3vw;border-bottom:none;}
.index-right.a1 .user .set{padding:4.5vw 0 2.86458vw;}
.index-right.a1 .user .edit{border-left: 0.05vw solid #dcdcdc;width:calc(55% - 0.05vw);padding-bottom: 1.05vw;padding-left: 10%;box-sizing:border-box;}
.index-right.a1 .user .edit li{margin-bottom: 1vw;}
.index-right.a1 .user .edit .btn{overflow: inherit;}
.index-right.a1 .user .edit .btn .confirm{/* margin-left:8.7vw; */}

.index-right.a1 .index1{width:100%;float: left;}
.index-right.a1 .index1 .top{width:100%;float: left;line-height: 3.125vw;font-size: 0.7333vw;color:#909090;}
.index-right.a1 .index1 .down{width:100%;float: left;}
.index-right.a1 .index1 .down li{width:31%;float: left;margin-right:2.3333%;box-shadow: 0px 5px 10px #00000026;padding:3vw 1.5vw;box-sizing:border-box;cursor: pointer;margin-bottom: 3.3333%;background: #fbfbfbfc;border-radius: 0.5vw;}
.index-right.a1 .index1 .down li .box-li{position: relative;}
.index-right.a1 .index1 .down li .li{width:100%;float: left;}
.index-right.a1 .index1 .down li .img{float: left;width:6vw;height:6vw;border-radius:100%;overflow: hidden;}
.index-right.a1 .index1 .down li .index{float: left;width:calc(100% - 7.5vw);margin-left: 1.5vw;margin-top: 0.5vw;}
.index-right.a1 .index1 .down li .index p{line-height: 1.3vw;font-size: 0.833vw;color:#151c22;}
.index-right.a1 .index1 .down li .index .h2{line-height: 1.5vw;}
.index-right.a1 .index1 .down li .index .h2 b{color:#323333;font-weight: bold;font-size: 1vw;padding-right:0.5vw;}
.index-right.a1 .index1 .down li .img img{width:100%;}
.index-right.a1 .index1 .down li .p{width:4.5vw;position: absolute;opacity: 0.5;bottom: -7.75vw;right: -1.5vw;line-height: 1vw;font-size: 0.733vw;color:#151c22;transition:all .5s;}
.index-right.a1 .index1 .down li .p img{width:1vw;float: left;height:auto;margin-right: 0.3vw;}
.index-right.a1 .index1 .down li .p:hover{opacity: 1;}
.index-right.a1 .index1 .down li .text{width:7vw;position: absolute;bottom: -8.5vw;right:0;padding:0.5vw 0;padding-left:1vw;box-sizing:border-box;background: white;box-shadow: 0px 10px 10px #00000026;transition:all .5s;z-index: -1;opacity: 0;}
.index-right.a1 .index1 .down li .text li{box-shadow: none;padding:0;width:100%;margin: 0;line-height: 1.5vw;font-size: 0.5208333vw;color:#151c22;transition:all .5s;padding:0.25vw 0;}
.index-right.a1 .index1 .down li .text li div{width:1.2vw;float: left;height:auto;margin-right: 0.2vw;height:1.5vw;}
.index-right.a1 .index1 .down li .text-top{float: left;position: absolute;width:0px;height:0px;border: 0.75vw solid transparent;border-bottom-color: white;right: 4vw;bottom: -1.5vw;z-index: -1;transition:all .5s;opacity:0;}
.index-right.a1 .index1 .down li .p:hover .text-top{opacity: 1;z-index: 3;}
.index-right.a1 .index1 .down li .p:hover .text{opacity:1;z-index: 5;}
.index-right.a1 .index1 .down li .text li .modify{background: url(../images/mod-icon.png);background-size: 100%;}
.index-right.a1 .index1 .down li .text li .delete{background: url(../images/del-icon.png);background-size: 100%;}
.index-right.a1 .index1 .down li .text li .disable{background: url(../images/dis-icon.png);background-size: 100%;}
.index-right.a1 .index1 .down li .text li .cancel{background: url(../images/lift-icon.png);background-size: 100%;}
.index-right.a1 .index1 .down li .text li:hover{color:#ff0c0c;}
.index-right.a1 .index1 .down li .text li:hover .modify{background-image: url(../images/mod-icon-on.png);}
.index-right.a1 .index1 .down li .text li:hover .delete{background-image: url(../images/del-icon-on.png);}
.index-right.a1 .index1 .down li .text li:hover .disable{background-image: url(../images/dis-icon-on.png);}
.index-right.a1 .index1 .down li .text li:hover .cancel{background-image: url(../images/lift-icon-on.png);}
.index-right.a1 .index1 .down li .disable-img{width:3vw;height:2.9vw;background:url(../images/user-disable.png);background-size: 100%;position: absolute;right: -0.5vw;top: -2vw;z-index: 4;opacity: 0;}
.index-right.a1 .index1 .down li.on .disable-img{opacity: 1;}
.index-right.a1 .index1 .down li.on .li .img{filter: grayscale(1); }
.index-right.a1 .index1 .down li.add{height:12vw;}
.index-right.a1 .index1 .down li.add img{width:3vw;height:auto;top:calc(50% - 1.5vw);left:calc(50% - 1.5vw);position: relative;}
.index-right.a1 .index1 .flow-add{display:none;position:fixed;top:50%;left:40%;width:36vw;height:13vw;margin:-10vw 0 0 -9.615vw;background-color:#fff;border-radius:0.52vw;box-shadow:0 0 2vw rgba(0,0,0,.2);z-index:99;border-radius:0.26vw;overflow:hidden;}
.index-right.a1 .index1 .flow-add h3{height:2.24vw;line-height:2.24vw;padding:0 0.78125vw;font-size:0.73vw;font-weight:normal;background-color:#181f28;color:#fff;}
.index-right.a1 .index1 .flow-add ul{padding:2.6vw 0 0 3.49vw;margin-bottom:0.78125vw;overflow:hidden;}
.index-right.a1 .index1 .flow-add li{position:relative;float:left;width:12.76vw;height:1.3vw;padding-left:3.5vw;margin-right:3.49vw;margin-bottom:0.78125vw;box-sizing:border-box;}
.index-right.a1 .index1 .flow-add li label{position:absolute;left:0;top:0;line-height:1.3vw;font-size:0.73vw;}
.index-right.a1 .index1 .flow-add li input{width:100%;height:1.3vw;line-height:1.25vw;padding:0 0.26vw;font-size:0.73vw;border:0.05vw solid #b2b8bf;box-sizing:border-box;}
.index-right.a1 .index1 .flow-add .btn{overflow:hidden;text-align:center;}
.index-right.a1 .index1 .flow-add .btn input{height:1.5625vw;padding:0 1.72vw;margin:0 2.1vw;text-align:center;box-sizing:border-box;border-radius:0.48125vw;cursor:pointer;color:#1d0404;font-size:0.586vw;}
.index-right.a1 .index1 .flow-add .btn .cancel{border:0.05vw solid #999;background:-webkit-linear-gradient(top,#fdfdfe,#b2b6bc);}
.index-right.a1 .index1 .flow-add .btn .confirm{border:0.05vw solid #ffcc00;background:-webkit-linear-gradient(top,#ffb200,#ffe500);}
.index-right.a1 .index1 .flow-add.on{display:block;}
.window-modal-cover{background-color: #000;cursor: default;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10);opacity: 0.1;position: fixed;z-index: 98;left: 0px;top: 0px;width: 100%;height: 100%;border: none;zoom: 1;}
.unread i{display: inline-block;width: 8px;height: 8px;border-radius: 50%;background: #f76969;position: relative;right: 2px;}

.index-collection{padding:4vw 4.3229166vw;box-sizing:border-box;margin-left: 16vw;width:100vw;position:relative;padding-right: 20vw;}
.index-collection .return{width:1.35vw;float: left;}
.index-collection .return img{width:100%;}
.index-collection .title{width: 100%;float: left;line-height: 2vw;font-size: 0.7333vw;color:white;padding-top:2.5vw;padding-bottom: 1vw;}
.index-collection .index{width:100%;float: left;}
.index-collection .index li{width:15%;float: left;margin-right: 2%;background:white;position: relative;top:0.25vw;cursor: pointer;transition:all .5s;margin-bottom: 2%;}
.index-collection .index li:hover{top:0;}
.index-collection .index li .video{width:100%;float: left;position: relative;}
.index-collection .index li .video img{width:100%;}
.index-collection .index li .video i{background: url(../images/Learn-down-li-void.png) 0 0 no-repeat;background-size: 100%;width:2vw;height:2vw;position: absolute;top:calc(50% - 1vw);left:calc(50% - 1vw);z-index:99;}
.index-collection .index li .video .bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);z-index: 98;}
.index-collection .index li .text{padding:3%;box-sizing:border-box;float: left;}
.index-collection .index li .text h4{line-height: 1.5vw;font-size: 0.8333vw;box-sizing: border-box;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.index-collection .index li .text p{line-height: 1.2vw;font-size: 0.625vw;box-sizing:border-box;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.index-collection .index li .down{width:100%;float: left;}
.index-collection .index li .down .left{width:70%;float: left;line-height: 1.2vw;font-size:0.5208333vw;color:#747474;position: relative;padding-bottom: 0.1vw;}
.index-collection .index li .down .left i{width:1.1vw;height:0.7vw;background: url(../images/Learn-down-li-span.png);background-size: 100%;float: left;margin:0 0.3vw;margin-top:0.2vw;}
.index-collection .index li .down .right{width:30%;float: right;}
.index-collection .index li .down .right i{width:1.1vw;height:1.5625vw;background: url(../images/del-icon.png);background-size: 100%;float: right;margin-top: -0.1vw;margin-right: 6%;}
.index-collection .index li .down .right i:hover{background-image: url(../images/del-icon-on.png);}
.index-collection .index li .video i.close{background: url(../images/dis-icon-on.png) 0 0 no-repeat;top: calc(50% - 0.9vw);left: calc(50% - 0.6vw);}

/*学习计划页面*/
/*.index-reaord{padding:4vw 15vw;box-sizing:border-box;padding-left: 20vw;width:100vw;position:relative;}*/
.index-reaord{padding: 4vw 4.3229166vw;
    box-sizing: border-box;
    /* padding-left: 20vw; */
    left: 16vw;
    padding-right: 20vw;
    width: 100vw;
    position: relative;}
.index-reaord .return{width:1.35vw;float: left;}
.index-reaord .return img{width:100%;}
.index-reaord .user{width:100%;border-radius:1vw;float: left;box-shadow: 0px 0px 2vw #0000006b;margin-bottom: 1vw;box-sizing:border-box;padding:1vw 0;position: relative;margin-top: 1vw;}
.index-reaord .user .img{width:5.028333vw;height:5.028333vw;border-radius: 50%;overflow: hidden;position: relative;float: left;margin-left: 1vw;}
.index-reaord .user .img img{position: absolute;width:100%;height:auto;}
.index-reaord .user .right{float: left;width:calc(100% - 6.028333vw);    border-radius: none;background-color:inherit;margin-top:0;margin-left:0;}
.index-reaord .user .right p{width:100%;float: left;font-size: 0.7333vw;line-height: 1.2vw;padding-left: 1%;color: white;}
.index-reaord .user .right p b{font-size: 1vw;font-weight: bold;margin:0 0.5vw;}
.index-reaord .user .right span{display: block;width: 19%;float: left;line-height: 2vw;font-size: 0.7333vw;color:white;margin-left:2%;}
.index-reaord .user .right span b{font-size: 1vw;margin: 0 0.25vw;}
.index-reaord .user .right .span{width:65%;margin-left: 2%;}
.index-reaord .user .right span i{height:0.7vw;margin-top: 0.75vw;border-radius:1vw;background: -webkit-linear-gradient(left,#ffe200,#ce1310);display: block;float: left;}
.index-reaord .user .right .p{padding-left: 2%;}
.index-reaord .title{width: 100%;float: left;line-height: 2vw;font-size: 0.7333vw;color:white;}
.index-reaord .text{width:100%;min-height:40vw;background: #d6d7d9;float: left;overflow: hidden;position: relative;margin-bottom: 5vw;}
.index-reaord .text .right{width:88%;float: left;margin:2vw 0;padding-left: 10%;}
.index-reaord .text .right li{width:100%;float: left;position: relative;padding:0 1vw;box-sizing:border-box;padding-bottom: 1vw;border-left:solid 0.05vw #1b222c;padding-top: 1vw;}
.index-reaord .text .right li i{position: absolute;width:1vw;height:1vw;background:#1b222c;border-radius: 50%;left:-0.5vw;top:1vw;z-index: 5; }
.index-reaord .text .right li p{color:#1b222c;font-size: 0.677vw;line-height: 1.2vw;float: left;width:100%;}
.index-reaord .text .right li .p{width:13vw;font-size:0.8375vw;line-height:1.5vw;font-weight: bold;color:#1b222c;margin-left: -0.25vw;}
.index-reaord .text .right li  .down{width:calc(80% - 8vw);float:left;position: relative;}
.index-reaord .text .right li  .down p a{color:#1b222c;float: right;opacity: 0.5;}
.index-reaord .text .right li  .down p a:hover{color:#ce1211;opacity: 1;}
.index-reaord .text .right li  .down span{width:100%;height:0.4vw;border-radius: 0.2vw;background: #626262;float: left;margin-top: 0.2vw;position: absolute;top:1.3vw;left:0;z-index: 4;}
.index-reaord .text .right li  .down .span{z-index: 5;background: -webkit-linear-gradient(left,#ffe200,#20c912);}
.index-reaord .headtab ul,.index-collection .headtab ul{margin-left: calc(100% - 52.8vw);padding-bottom: 4.5vw;}
.index-reaord .headtab ul li,.index-collection .headtab ul li{float: left;padding: 1vw 1vw 0.5vw;color: white;}
.index-reaord .headtab ul li.on,.index-collection .headtab ul li.on{border-bottom: 2px solid;}
.index-reaord .headtab ul li:hover,.index-collection .headtab ul li:hover{border-bottom: 2px solid;}   
 
.study .index .flow-add{display:none;position:fixed;top:50%;left:40%;width:36vw;height:13vw;margin:-10vw 0 0 -9.615vw;background-color:#fff;border-radius:0.52vw;box-shadow:0 0 2vw rgba(0,0,0,.2);z-index:9999;border-radius:0.26vw;overflow:hidden;}
.study .index .flow-add h3{height:2.24vw;line-height:2.24vw;padding:0 0.78125vw;font-size:0.73vw;font-weight:normal;background-color:#181f28;color:#fff;}
.study .index .flow-add ul{padding:2.6vw 0 0 3.49vw;margin-bottom:0.78125vw;overflow:hidden;}
.study .index .flow-add li{position:relative;float:left;width:12.76vw;height:1.3vw;padding-left:3.5vw;margin-right:3.49vw;margin-bottom:0.78125vw;box-sizing:border-box;}
.study .index .flow-add li label{position:absolute;left:0;top:0;line-height:1.3vw;font-size:0.73vw;}
.study .index .flow-add li input{width:100%;height:1.3vw;line-height:1.25vw;padding:0 0.26vw;font-size:0.73vw;border:0.05vw solid #b2b8bf;box-sizing:border-box;}
.study .index .flow-add .btn{overflow:hidden;text-align:center;}
.study .index .flow-add .btn input{height:1.5625vw;padding:0 1.72vw;margin:0 2.1vw;text-align:center;box-sizing:border-box;border-radius:0.2604166vw;cursor:pointer;color:#1d0404;font-size:0.586vw;}
.study .index .flow-add .btn .cancel{border:0.05vw solid #999;background:-webkit-linear-gradient(top,#fdfdfe,#b2b6bc);}
.study .index .flow-add .btn .confirm{border:0.05vw solid #ffcc00;background:-webkit-linear-gradient(top,#ffb200,#ffe500);}
.study .index .flow-add.on{display:block;}

/*学习记录页面*/
.study .title{margin-top: 1vw;}

.study .index{width:100%;border-radius: 1.5vw;min-height:40vw;background: #4e555f;box-shadow: 0px 0px 1vw #3c434c;float: left;margin: 2vw 0;}
.study .index .top{width:calc(100% - 2vw);border-radius: 1.5vw;height:7.5vw;box-shadow:0px 0px 0.5vw #434a54;float: left;position: relative;padding: 0 1vw;padding-bottom:1vw;}
.study .index .top .p p{float: left;}
.study .index .top .p{line-height: 4.5vw;font-size: 1.1vw;font-weight: bold;color: white;}
.study .index .top .p i{width:1.1vw;height:1.1vw;background: url(../images/edit-icon.png);background-size: 100%;float: left;margin-top: 1.725vw;margin-left: 0.5vw;}
.study .index .top .span{width:calc(100% - 2vw);position: absolute;top:3.5vw;z-index: 2;}
.study .index .top .span i{border-radius: 0.5vw;height:0.75vw;background: #1b222c;width:100%;display: block;transition:all .5s;}
.study .index .top .span p{line-height: 1.2vw;font-size: 0.733vw;color:white;text-align: right;margin:0.25vw 0;}
.study .index .top .span p b{font-size: 1vw;}
.study .index .top .span.a1{z-index: 3;}
.study .index .top .span.a1 p{text-align: left;}
.study .index .top .span.a2 p{text-align: left;}
.study .index .top .span.a1 i{background: -webkit-linear-gradient(left,#ffe200,#20c912);}

.study .index .bottom{width:100%;padding:2vw 1vw;box-sizing:border-box;padding-bottom: 0;float: left;}
.study .index .bottom li{width:100%;height:3.6458333vw;background: #3a414b;float: left;margin-bottom: 0.1vw;cursor: pointer;transition:all .5s;}
.study .index .bottom li:hover{background: #2e353f;}
.study .index .bottom li .left{line-height: 3.6458333vw;width:4.35vw;text-align: center;font-size: 1.875vw;color: white;background: #1b222c;float: left;}
.study .index .bottom li .right{width:calc(100% - 13vw);height:3.6458333vw;float: left;padding:0 1vw;box-sizing:border-box;}
.study .index .bottom li .right .t1{width:45%;float: left;line-height: 3.6458333vw;font-size: 0.8333vw;color: white;}
.study .index .bottom li .right .t2{width:55%;float: left;position: relative;height:3.6458333vw;}
.study .index .bottom li .right .t2 .span{width:100%;position: absolute;top:1vw;z-index: 2;}
.study .index .bottom li .right .t2 .span p{line-height: 0.9vw;font-size: 0.533vw;text-align: right;color: white;margin-bottom: 0.25vw;}
.study .index .bottom li .right .t2 .span p b{font-size: 0.8vw;}
.study .index .bottom li .right .t2 .span i{height:0.5vw;width:100%;border-radius: 0.5vw;background: #1b222c;display: block;}
.study .index .bottom li .right .t2 .span.a2 p{text-align: left;}
.study .index .bottom li .right .t2 .span.a1{z-index: 3;}
.study .index .bottom li .right .t2 .span.a1 p{text-align: left;}
.study .index .bottom li .right .t2 .span.a1 i{background: -webkit-linear-gradient(left,#ffe200,#20c912);}
.study .index .bottom li .button{width:8.65vw;float: left;height:3.6458333vw;float: left;background: #3a414b;padding:0.75vw;box-sizing:border-box;}
.study .index .bottom li .button .delete,.study .index .bottom li .button .add{width:1.5vw;height:2vw;float: left;margin-right:1vw;position:relative;opacity: 0;z-index: -1;transition:all .5s;}
.study .index .bottom li .button .delete{background: url(../images/del-button.png);background-size: 100%;}
.study .index .bottom li .button .add{background: url(../images/add-button.png);background-size: 100%;}
.study .index .bottom li .button .main{width:1.8vw;height:2vw;float: left;background: url(../images/main-button.png);background-size: 100%;}
.study .index .bottom li:hover .button .delete,.study .index .bottom li:hover .button .add{z-index: 3;opacity: 1;}


/*学习笔记页面*/
.index-reaord.notes .index{width:100%;float: left;margin-bottom: 5vw;}
.index-reaord.notes .index li{width:100%;float: left;background: white;border-radius: 0.5vw;margin-bottom: 0.2vw;padding:1vw 1.25vw;padding-bottom: 0.5vw;box-sizing:border-box;}
.index-reaord.notes .index li .top{width:100%;float: left;}
.index-reaord.notes .index li .top>p{width:100%;float: left;line-height: 1vw;font-size: 0.625vw;text-align: right;}
.index-reaord.notes .index li .top .p{width:100%;float: left;}
.index-reaord.notes .index li .top .p .left{float: left;line-height: 3vw;font-size: 0.9875vw;font-weight: bold;min-width:8vw;}
.index-reaord.notes .index li .top .p .right{width:50%;float: left;position: relative;margin-left: 1%;}
.index-reaord.notes .index li .top .p .right p{width:100%;font-size: 0.5333vw;text-align: left;margin-top: 0.35vw;}
.index-reaord.notes .index li .top .p .right p a{float: right;}
.index-reaord.notes .index li .top .p .right p a:hover{color: #ce1211;}
.index-reaord.notes .index li .top .p .right span{width:100%;height:0.4vw;border-radius: 0.4vw;position: absolute;top:1.75vw;background: #626262;left:0;z-index: 2;display: block;}
.index-reaord.notes .index li .top .p .right span.a1{background:-webkit-linear-gradient(left,#ffe200,#20c912); z-index: 3;}
.index-reaord.notes .index li .main{width:100%;float: left;padding-right: 10%;box-sizing:border-box;display: none;}
.index-reaord.notes .index li .main.on{display: block;}
.index-reaord.notes .index li .main .img{width:11vw;cursor: pointer;margin-bottom: 0.5vw;height:6vw;}
.index-reaord.notes .index li .main .img img{width:100%;}
.index-reaord.notes .index li .main p{width:100%;float: left;font-size: 0.833vw;line-height: 1.4vw;color: #535353;}
.index-reaord.notes .index li .down{width:100%;float: left;}
.index-reaord.notes .index li .down .t1,.index-reaord.notes .index li .down .t2{line-height:1.2vw;font-size: 0.7333vw;color:#535353;text-align: right;cursor: pointer;display: none;float: right;}
.index-reaord.notes .index li .down .t1 i{width:0.625vw;height:0.7333vw;background: url("../images/collapse.png");background-size: 100%;margin-right: 0.25vw;float: left;margin-top: 0.175vw;}
.index-reaord.notes .index li .down .t2 i{width:0.625vw;height:0.7333vw;background: url("../images/unfold.png");background-size: 100%;margin-right: 0.25vw;float: left;margin-top: 0.175vw;}
.index-reaord.notes .index li .down .on{display: block;}


/*活动中心*/
.activirty .return{width:100%;;float: left;margin-bottom: 1.5vw;}
.activirty .return img{width:1.35vw;height:auto;}
.activirty .index-a{width:100%;float: left;margin-top: 1vw;}
.activirty .index-a .title-head{color:#7d7e7e;line-height: 1.2vw;font-size: 0.7333vw;width:100%;float: left;padding:1.5vw 0;}
.activirty .index-a .title-head a{margin:0 0.25vw;}
.activirty .index-a .title-head a:hover{font-weight: bold;}
.activirty .index-a .title-head a.on{font-weight: bold;}
.activirty .index-a .main{width:100%;float: left;}
.activirty .index-a .main ul{width:102%;float: left;}
.activirty .index-a .main li{width: calc(18% - 0.1vw);float: left;margin-right: 2%;box-shadow: 0px 0px 20px #ccc;margin-bottom: 1vw;border: solid 0.05vw #cfcfcf;cursor: pointer;position: relative;}
.activirty .index-a .main li .img,.activirty .index-a .main li .text{width:100%;float: left;}
.activirty .index-a .main li .img img{width:100%;height:auto;}
.activirty .index-a .main li .text p{line-height: 1.2vw;font-size: 0.625vw;padding:0 3%;box-sizing:border-box;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.activirty .index-a .main li .text p.h4{width:100%;float: left;line-height: 1.8229166vw;font-weight: bold;font-size: 0.7291666vw;color:#323333;padding:0 3%;box-sizing:border-box;}
.activirty .index-a .main li .bottom{width:100%;float: left;line-height: 1.5vw;text-align: right;color:#7d7e7e;font-size: 0.5208333vw;margin-top: 0.5vw;padding:0 3%;box-sizing:border-box;}
.activirty .index-a .main li .bottom i{width:0.8333vw;height:0.7333vw;background: url(../images/Learn-down-li-keep.png);background-size:100%;float: left;margin-top: 0.5vw;}
.activirty .index-a .main li .bottom.on i{background-image: url(../images/Learn-down-li-keep01.png);}
.activirty .index-a .main li .text .desc{height: 3.5vw;width: 100%;line-height: 1.2vw;font-size: 0.625vw;padding:0 3%;box-sizing:border-box;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}

.activirty .index-a .main li .disable{position: absolute;width:6.458333vw;height:5.41666vw;background: url(../images/index-disable.png);background-size: 100%;top:2vw;left:calc(50% - 3.229111vw);z-index: 5;display: none;}
.activirty .index-a .main li .news{width:3vw;height:2.6vw;background: url(../images/index-news.png);background-size: 100%;position: absolute;top:0;right:0;display: none;}
.activirty .index-a .main li .hot{width:3vw;height:2.6vw;background: url(../images/index-hot.png);background-size: 100%;position: absolute;top:0;right:0;display: none;}
.activirty .index-a .main li.a1 .news{display: block;}
.activirty .index-a .main li.a2 .hot{display: block;}
.activirty .index-a .main li.a3 .disable{display: block;}
.activirty .index-a .main li.a3 .li{filter: grayscale(1);}



/*活动详情页*/
.event .return{width:100%;;float: left;margin-bottom: 1.5vw;}
.event .return img{width:1.35vw;height:auto;}
.event .left .banner,.event .left .body{width:100%;float: left;}
.event .left .banner img{width:100%;float: left;}
.event .left .body .html{width:58%;float: left;}
.event .left .body .html .h4{font-size: 0.9875vw;line-height: 1.5vw;margin-top: 1vw;color: #323333;width:100%;float: left;font-weight: bold;}
.event .left .body .html p{line-height: 1.2vw;font-size: 0.625vw;color: #323333;}
.event .left .body .button{width:42%;float: left;/* margin-left: 5%; */position: relative;}
.event .left .body .button p{line-height: 1.5vw;font-size: 0.625vw;color: #7d7e7e;text-align: right;}
.event .left .body .button p span{display: block;float: right;}
.event .left .body .button p span.a1{margin-left: 5%;}
.event .left .body .button p.but{line-height: 1.75vw;width:6vw;border-radius:0.25vw;float: right;background: #f39800;text-align: center;color:white;cursor: pointer;margin-top: 2vw;position: absolute;right: 0;}
.event .left .disable{position: absolute;
    width: 6.458333vw;
    height: 5.41666vw;
    background: url(../images/index-disable.png);
    background-size: 100%;
    top: 26.5vw;
    left: calc(50% - 3.229111vw);
    z-index: 5;
    display: none;}
.event .left.a3 .banner,.event .left.a3 .body{filter: grayscale(1);}
.event .left.a3 .disable{display: block;}

/*积分商城页面*/
.mall .index-a .main li{width:calc(23% - 0.1vw);}
.mall .index-a .main li .bottom span{color:#c1393e;float: left;display: block;}
.mall .index-a .main li{padding-bottom: 0.25vw;}
.mall .index-a .title-head a:hover,.mall .index-a .title-head a.on{color:#c1393e;font-weight: inherit;}
.mall .flow-add{display:none;position:fixed;top:50%;left:40%;width:36vw;height:13vw;margin:-10vw 0 0 -9.615vw;background-color:#fff;border-radius:0.52vw;box-shadow:0 0 2vw rgba(0,0,0,.2);z-index:9999;border-radius:0.26vw;overflow:hidden;}
.mall .flow-add h3{height:2.24vw;line-height:2.24vw;padding:0 0.78125vw;font-size:0.73vw;font-weight:normal;background-color:#181f28;color:#fff;}
.mall .flow-add ul{padding:2.6vw 0 0 3.49vw;margin-bottom:0.78125vw;overflow:hidden;}
.mall .flow-add li{position:relative;float:left;width:12.76vw;height:1.3vw;padding-left:3.5vw;margin-right:3.49vw;margin-bottom:0.78125vw;box-sizing:border-box;}
.mall .flow-add li label{position:absolute;left:0;top:0;line-height:1.3vw;font-size:0.73vw;}
.mall .flow-add li input{width:100%;height:1.3vw;line-height:1.25vw;padding:0 0.26vw;font-size:0.73vw;border:0.05vw solid #b2b8bf;box-sizing:border-box;}
.mall .flow-add .btn{overflow:hidden;text-align:center;}
.mall .flow-add .btn input{height:1.5625vw;padding:0 1.72vw;margin:0 2.1vw;text-align:center;box-sizing:border-box;border-radius:0.2604166vw;cursor:pointer;color:#1d0404;font-size:0.586vw;}
.mall .flow-add .btn .cancel{border:0.05vw solid #999;background:-webkit-linear-gradient(top,#fdfdfe,#b2b6bc);}
.mall .flow-add .btn .confirm{border:0.05vw solid #ffcc00;background:-webkit-linear-gradient(top,#ffb200,#ffe500);}
.mall .flow-add.on{display:block;}

/*积分详情*/
.points .return{width:100%;;float: left;margin-bottom: 2.5vw;}
.points .return img{width:1.35vw;height:auto;}
.points .left .index-p{width:100%;float: left;}
.points .left .index-p .img{width:40%;float: left;}
.points .left .index-p .img img{width:100%;float: left;height:auto;}
.points .left .index-p .text{width:50%;float: left;margin:0 5%;margin-top: 1vw;}
.points .left .index-p .text h2{color:#323333;line-height: 2vw;font-size: 1.2vw;width:100%;float: left;}
.points .left .index-p .text p{color:#323333;line-height: 1.2vw;font-size: 0.7333vw;padding:2vw 0;float: left;width:100%;}
.points .left .index-p .text .p{color: #323333;line-height: 1.2vw;font-size: 0.625vw;padding-bottom: 1.5vw;float: left;width:100%;}
.points .left .index-p .text .p b{color:#c1393e;margin-left: 0.5vw;margin-right: 0.5vw;}
.points .left .index-p .text .label{width:100%;color: #323333;line-height: 1.5vw;font-size: 0.625vw;float: left;margin-bottom: 0.5vw;text-align: left;position: relative;}
.points .left .index-p .text .label span{float: left; margin-right: 0.5vw;}
.points .left .index-p .text .label input{opacity: 0;position: absolute;top:-1vw;z-index: -99;}
.points .left .index-p .text .label label{width:4vw;line-height: 1.5vw;float: left;margin-right:0.5vw;background:white;color: #7d7e7e;text-align: center; border:solid 0.05vw #7d7e7e;font-size: 0.625vw;cursor: pointer;}
.points .left .index-p .text .label label.on,.points .left .index-p .text .label label:hover{color: white;background: #f39800;border:solid 0.05vw #f39800;}
.points .left .index-p .text .p1{color: #323333;line-height: 1.2vw;font-size: 0.625vw;padding:0.5vw 0;float: left;width:100%;}
.points .left .index-p .text .button{width:100%;float: left;}
.points .left .index-p .text .button input{width:3.2vw;height:3vw;float: left;border:solid 0.05vw #7d7e7e;line-height: 3vw;text-align: center;}
.points .left .index-p .text .button input::-webkit-inner-spin-button{opacity: 1;}
.points .left .index-p .text .button button{width:7vw;height:3.15vw;float: left;margin-left: 0.5vw;line-height: 3.15vw;color:white;text-align: center;background: #f39800;font-size: 1vw;font-weight: bold;border:solid 0.05vw #f39800;cursor:pointer;}
.points .left .index-p-1{width:100%;float: left;margin-top: 2vw;border-top:solid 0.05vw #aaaaaa;}
.points .left .index-p-1 img{/* width:100%; */margin-top: 0.5vw;}

/*任务中心页面*/
.index-mission{padding:4vw 4.3229166vw;box-sizing:border-box;/*padding-left: 20vw;*/left: 16vw; padding-right: 20vw;width:100vw;position:relative;}
.index-mission .return{width:1.35vw;float: left;}
.index-mission .return img{width:100%;}
.index-mission .title{width: 100%;float: left;line-height: 2vw;font-size: 0.7333vw;color:white;padding-top:2.5vw;padding-bottom: 1vw;}
.index-mission .index1{width:100%;float: left;position: relative;height:12vw;}
.index-mission .index1 .left1{width:12vw;height:8vw;border-radius: 0.5vw;box-shadow: 0 0 1vw #333333;cursor: pointer;margin-top: 5vw;float: left;position: relative;}
.index-mission .index1.on .left1,.index-mission .index1 .left1:hover{background: #eb6100;}
.index-mission .index1 .left1 i{width:2.8vw;height:2.85vw;background: url(../images/li1-i.png);background-size: 100%;position: absolute;top:1.75vw;left:calc(50% - 1.4vw);}
.index-mission .index1.on .left1 i{background-image: url(../images/li1-i-on.png);}
.index-mission .index1 .left1 p{line-height: 4vw;text-align: center;color: white;font-size: 0.9375vw;padding-top: 4vw;}
.index-mission .index1 .right1{width:calc(100% - 16vw);margin-left: 4vw;margin-top:;float: left;position: relative;z-index: -99;opacity: 0;transition:all .5s;}
.index-mission .index1.on .right1{z-index: 1;opacity: 1;}
.index-mission .index1 .right1 .li{width:100%;float: left;margin-top:1vw;position: relative;height: 2.5vw;}
.index-mission .index1 .right1 .li.on,.index-mission .index1 .right1 .li.on .left2{height:4vw;}
.index-mission .index1 .right1 .li .left2{width:12vw;float: left;border-radius: 0.25vw;box-shadow: 0 0 1vw #333333;cursor: pointer;height:2.5vw;position: relative;}
.index-mission .index1 .right1 .li .left2 i{width:0.75vw;height:0.75vw;background: url(../images/li1.png);background-size: 100%;display: block;float: right;position: absolute;right: 0.75vw;top:1vw;}
.index-mission .index1 .right1 .li.on .left2 i{background-image: url(../images/li1-on.png);top:1.75vw;}
.index-mission .index1 .right1 .li .left2 p{line-height: 2.5vw;text-align: left;;color: white;font-size: 0.9375vw;padding-right: 1vw;position: relative;padding-left:1vw;}
.index-mission .index1 .right1 .li.on .left2 p{line-height:4vw;}
.index-mission .index1 .right1 .li .left2 span{float: left;margin-left: 1vw;}
.index-mission .index1 .right1 .li.on .left2,.index-mission .index1 .right1 .li .left2:hover{background: #eb6100;}
.index-mission .index1 .right1 .li .right2{width:calc(100% - 16vw);float: left;margin-left: 4vw;position: relative;top:315%;z-index: -99;opacity: 0;transition:all .5s;transform:translateY(-50%);}
.index-mission .index1 .right1 .li .right2.on{transform:none;top:-10vw;}
.index-mission .index1 .right1 .li.on .right2{z-index: 3;opacity: 1;}
.index-mission .index1 .right1 .li .right2 .li1{margin: 0.5vw 0;float: left;width:24vw;min-height:6vw;box-sizing:border-box;border-radius: 0.5vw;box-shadow: 0 0 1vw #333333;padding:1vw;position: relative;padding-right:2vw;padding-bottom: 1.5vw;}
.index-mission .index1 .right1 .li .right2 .li1 h4{width:100%;color: white;line-height: 2vw;font-size: 0.73vw;text-align: left;font-weight: bold;}
.index-mission .index1 .right1 .li .right2 .li1 p{width:86%;color: white;line-height: 2vw;font-size: 0.73vw;text-align: left;position: relative;}
.index-mission .index1 .right1 .li .right2 .li1 p a{color: white;text-decoration: underline;}
.index-mission .index1 .right1 .li .right2 .li1 .button{width:4vw;line-height: 1.5vw;position: absolute;right:0.5vw;bottom:1.2vw;font-size: 0.625vw;text-align: center;color: white;background: #303131;border-radius: 1vw;cursor:pointer}
.index-mission .index1 .right1 .li .right2 .li1 .button:hover,.index-mission .index1 .right1 .li .right2 .li1.on .button{background: #eb6100;}
.index-mission .index1 .right1 .li .right2 .li1 .i{width:3.5vw;height:1vw;background: url(../images/li1-p.png);background-size: 100%;position: absolute;right:1vw;top:0.75vw;}
.index-mission .index1 .right1 .li .right2 .li1.on .i{background-image: url(../images/li1-p-on.png);}
.index-mission .index1 .right1 .li .right2 .li1.on h4,.index-mission .index1 .right1 .li .right2 .li1.on p,.index-mission .index1 .right1 .li .right2 .li1.on p a{color: #eb6100;}
.index-mission .index1 .right1 .li .right2 .li1 p span{float: left;}
.index-mission .index1 .right1 .li .right2 .li1 p i{width:1vw;height:1vw;background: url(../images/li2-i.png);background-size: 100%;display: block;float: left;margin-left: 0.5vw;margin-top: 0.5vw;}
.index-mission .index1 .right1 .li .right2 .li1 p.on i{background-image: url(../images/li2-i-on.png);}
.index-mission .index1 .left1:after,.index-mission .index1 .right1 .li .left2:after{content: "";width:0vw;display: block;position:absolute;right:-2vw;height:0.1vw;background: #58606c;top:calc(50% - 0.05vw);transition:all .5s;}
.index-mission .index1 .right1 .li:after,.index-mission .index1 .right1 .li .right2 .li1:after{content: "";width:0vw;display: block;position: absolute;left:-2vw;height:0.1vw;background: #58606c;top:calc(50% - 0.05vw);transition:all.5s;}
.index-mission .index1.on .left1:after,.index-mission .index1.on .right1 .li.on .left2:after,.index-mission .index1.on .right1 .li:after,.index-mission .index1.on .right1 .li.on .right2 .li1:after{width:2vw;}
.line{position: absolute;background:#58606c;width:0.1vw;top:0;left:-2.05vw;height:0;}
.index-mission .flow-add{display:none;position:fixed;top:50%;left:35%;width:36vw;height:13vw;margin:-10vw 0 0 -9.615vw;background-color:#fff;border-radius:0.52vw;box-shadow:0 0 2vw rgba(0,0,0,.2);z-index:99;border-radius:0.26vw;overflow:hidden;}
.index-mission .flow-add h3{height:2.24vw;line-height:2.24vw;padding:0 0.78125vw;font-size:0.73vw;font-weight:normal;background-color:#181f28;color:#fff;}
.index-mission .flow-add ul{padding:2.6vw 0 0 3.49vw;margin-bottom:0.78125vw;overflow:hidden;}
.index-mission .flow-add li{position:relative;float:left;width:26vw;height:auto;padding-left:3.5vw;margin-right:3.49vw;margin-bottom:1.78125vw;box-sizing:border-box;}
.index-mission .flow-add li label{position:absolute;left:0;top:0;line-height:1.3vw;font-size:0.73vw;}
.index-mission .flow-add li input{width:100%;height:1.3vw;line-height:1.25vw;padding:0 0.26vw;font-size:0.73vw;border:0.05vw solid #b2b8bf;box-sizing:border-box;}
.index-mission .flow-add .btn{overflow:hidden;text-align:center;}
.index-mission .flow-add .btn input{height:1.5625vw;padding:0 1.72vw;margin:0 2.1vw;text-align:center;box-sizing:border-box;border-radius:0.48125vw;cursor:pointer;color:#1d0404;font-size:0.586vw;}
.index-mission .flow-add .btn .cancel{border:0.05vw solid #999;background:-webkit-linear-gradient(top,#fdfdfe,#b2b6bc);}
.index-mission .flow-add .btn .confirm{border:0.05vw solid #ffcc00;background:-webkit-linear-gradient(top,#ffb200,#ffe500);}
.index-mission .flow-add.on{display:block;}

/*系统消息页面-周琳恒*/
.system{width:39.0625vw;margin:5vw 0;margin-left:30.46875vw;background: url(../images/system-bg.png);background-size: 100%;background-size: cover;overflow: hidden;box-sizing:border-box;padding: 0 1.5625vw;}
.system .index{width:16.35416vw;margin-top: 5.2vw;margin-left: calc(50% - 8.17708vw);}
.system .index img{width:100%;height: auto;}
.system .index1{width:100%;margin-top: 2.34375vw;overflow: hidden;}
.system .index1 .top{width:100%;float: left;}
.system .index1 .top h4{line-height: 2vw;font-size: 1.15vw;text-align: center;font-weight: bold;color: white;position: relative;}
.system .index1 .top h4 i{width:35%;height: 0.1vw;background: #434a54;display: block;position: absolute; left:0;top:0.95vw;}
.system .index1 .top h4 i:nth-child(1){left:65%;}
.system .index1 .top p{line-height: 2.5vw;font-size: 1.35416vw;margin-top: 1vw;text-align: center;color: white;}
.system .index1 .text{width:100%;float: left;}
.system .index1 .text .li{width:100%;margin-top: 2vw;float: left;}
.system .index1 .text .li h4{color: #ff7e00;line-height: 2vw;font-size: 1.15vw;font-weight: bold;}
.system .index1 .text .li p{font-size: 0.9375vw;line-height: 1.6vw;color: white;}
.system .index1 .text .ul{width:100%;float: left;margin-top: 1vw;}
.system .index1 .text .ul ul{width:101.5%;}
.system .index1 .text .ul li{width:23.5%;float: left;margin-right: 1.5%;overflow: hidden;border-radius: 0 0 0.5vw 0.5vw;}
.system .index1 .text .ul li.a1{background:#f39800;}
.system .index1 .text .ul li.a2{background:#8fc31f;}
.system .index1 .text .ul li.a3{background:#005982;}
.system .index1 .text .ul li.a4{background:#005752;}
.system .index1 .text .ul li p{line-height: 2vw;font-size: 1vw;text-align: center;font-weight: bold;color: white;box-shadow: 0vw 0.25vw 0.25vw #33333375;color: white;}
.system .index1 .text .ul li.a1 p{background: #eb6100;}
.system .index1 .text .ul li.a2 p{background: #22ac38;}
.system .index1 .text .ul li.a3 p{background: #005982;}
.system .index1 .text .ul li.a4 p{background: #00736d;}
.system .index1 .text .ul li h4{line-height: 3vw;text-align: center;font-size: 0.8vw;color: #210505;font-weight: bold;}
.system .index1 .text .ul li h4 b{font-size: 1.5vw;}
.system .index2{margin-top: 7vw;float: left;width:8.85416vw;margin-left: calc(50% - 4.42708vw);margin-bottom: 2.3vw;}
.system .index2 img{width:100%;height: auto;}

.system .logo{width:100%;margin-top: 20%;}
.system .logo .top{float:left;width:100%;}
.system .logo .top img{width:100%;position: inherit;height: auto;float: left;}
.system .logo .down{width:100%;float: left;box-sizing:border-box;padding:1.9270833vw 1.3020833vw;background-color: #f5f5f5;margin-top: -0.2604166vw;padding-bottom: 1.5vw;}
.system .logo .down .logotext{width:100%;float: left;border-radius: 0.2604166vw;}
.system .logo .down .logotext .text{width:100%;height:8.7604166vw;float: left;border:solid 0.05vw #dad1ce;background-color: white;}
.system .logo .down .logotext .text .left{width:10vw;position: relative;float: left;}
.system .logo .down .logotext .text input{width:calc(100% - 13vw);float: left;height:8.0041666vw;line-height: 2.6041666vw;font-family: Arial;font-size: 3.8333vw;color:#6c6c6c;padding-left:1.04166vw;margin-left: 10vw;margin-top: 0.278125vw;outline: none;}
.system .logo .down .logotext .text .left img{width:4.34166vw;left:2.9333vw;top: 1.8333vw;height:auto;float: left;position: absolute;}
.system .logo .down .button{height:8.6041666vw;line-height: 8.6041666vw;width:100%;border-radius: 0.2604166vw;background-color: #eb6100;color:white;font-family: Adobe 黑体 Std;font-size: 3.8333vw;text-align: center;float: left;margin-top: 7.04166vw;cursor: pointer;}
.system .logo .down p{width:50%;float: left;line-height: 1.5625vw;font-size: 0.729166vw;margin-top: 0.520833vw;}
.system .logo .down .right{text-align: right;color:#eb6100;}

.system .index1 .html{width:100%;float: left;margin-bottom: 8vw;}
.system .index1 .html p{line-height: 1.5vw;font-size: 0.9375vw;color: white;margin-top: 0.5vw;}
.system .index1 .html p b{color: #fe7e00;font-weight: bold;}
.system .index1 .html ul{width:102.5%;margin-top: 2vw;}
.system .index1 .html li{width:47.5%;float: left;margin-right: 2.5%;background: #434a54;border-radius: 0.5vw;box-sizing:border-box;padding:1vw 1.5vw 1vw 0.5vw;overflow: hidden;margin-bottom: 1vw;}
.system .index1 .html li .img{width:4vw;height:4vw;border-radius: 50%;overflow: hidden;position:relative;float: left;}
.system .index1 .html li .img img{width:100%;height: 4vw;/* position: absolute; */left:-1vw;}
.system .index1 .html li .txt{width:calc(100% - 5vw);float: left;margin-left: 1vw;}
.system .index1 .html li .txt h4{line-height: 2vw;font-size: 0.9375vw;color: #77879e;font-weight: bold;width:100%;float: left;}
.system .index1 .html li .txt .i{float: left;}
.system .index1 .html li .txt .i span{width:0.9vw;height:0.9vw;background-size: 100%;float: left;margin-right: 0.3vw;position: relative;top:0.55vw;}
.system .index1 .html li .txt .i span.a1{background-image: url(../images/li-a1.png);}
.system .index1 .html li .txt .i span.a2{background-image: url(../images/li-a2.png);}
.system .index1 .html li .txt .i span.a3{background-image: url(../images/li-a3.png);}
.system .index1 .html li .txt .i span.a4{background-image: url(../images/li-a4.png);}

.system .index1 .html li .txt .i span.a1.on{background-image: url(../images/li-a1-on.png);}
.system .index1 .html li .txt .i span.a2.on{background-image: url(../images/li-a2-on.png);}
.system .index1 .html li .txt .i span.a3.on{background-image: url(../images/li-a3-on.png);}
.system .index1 .html li .txt .i span.a4.on{background-image: url(../images/li-a4-on.png);}
.system .index1 .html li .txt a{line-height: 2vw;float: right;font-size: 0.83vw;color: #77879e;}
.system .index1 .html .left{float: left;margin-top: 0.5vw;}
.system .index1 .html .left .li{line-height:2vw;float: left;background-size: 100%;margin-right: 0.75vw;font-size: 0.9375vw;color: #60646a;}
.system .index1 .html .left .li i{width:1.2vw;height:1.2vw;background-size: 100%;margin-right: 0.5vw;display: inline-block;position: relative;top:0.2vw;}
.system .index1 .html .left .li.a1 i{background-image: url(../images/li-a1-a.png);}
.system .index1 .html .left .li.a2 i{background-image: url(../images/li-a2-a.png);}
.system .index1 .html .left .li.a3 i{background-image: url(../images/li-a3-a.png);}
.system .index1 .html .left .li.a4 i{background-image: url(../images/li-a4-a.png);}
.system .index1 .html .right{float: right;margin-top: 0.5vw;}
.system .index1 .html .right span{line-height: 2vw;font-size: 0.9375vw;color: #60646a;float: right;margin-left: 0.5vw;}
.system .index1 .html .right span i{width:1vw;height: 1vw;border-radius: 50%;background: #eb6100;display: inline-block;margin-right: 0.5vw;position: relative;top:0.2vw;}
.system .index1 .html .right span:nth-child(1) i{background: #8fc31f;}

.data-box  h2 {
    line-height: 44px;
    padding: 0px 17px;
    background-color: #f2f2f5;
    font-size: 14px;
    font-weight: bold;
}

.data-box h2 span {
    font-weight: 400;
    padding-left: 14px;
    font-size: 12px;
    color: #666;
}

.data-box {
    width: 100%;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    padding-bottom: 50px;
    margin-bottom: 20px;
    float: left;
}

.data-box > img {
    display: block;
    margin: 140px auto;
}

.data-synchronization-box-index .left {
    float: left;
}

.data-synchronization-box-index .right {
    float: right;
}

.data-box .select-category {
    position: relative;
    width: 100%;
    float: left;
    line-height: 2vw;
    font-size: 0.7333vw;
}

.data-synchronization-box-index .left-top .selectcat {
    width: 240px;
    height: 28px;
    position: absolute;
    right: 20%;
    top: 7px;
}

.data-box .selectcat {
    width: 240px;
    height: 28px;
    position: absolute;
    right: 2%;
    top: 7px;
}

.data-box .selectcat > p {
    padding-left: 14px;
    line-height: 28px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #333;
    cursor: pointer;
    border: 1px solid #dbdbdb;
}

.data-box .selectcat > p:hover {
    background-color: #e9e9e9;
    color: #333;
}

.data-box .selectcat > p > i {
    width: 0px;
    height: 0px;
    border: 6px solid transparent;
    border-top-color: #9e9e9e;
    position: absolute;
    z-index: 20;
    top: 12px;
    right: 6px
}

.data-box .selectcat .select-box {
    width: 100%;
    position: absolute;
    z-index: 999;
    top: 27px;
    left: 0px;
    background-color: #FFF;
    border: 1px solid #dbdbdb;
    border-radius: 0px 0px 4px 4px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
    display: none;
    max-height: 250px;
    overflow: auto;
}

.data-box .selectcat .select-box p {
    font-size: 12px;
    padding: 5px 0px 5px 14px;
    cursor: pointer;
}

.data-box .selectcat .select-box p:hover {
    background-color: #f5f5f5;
}

.data-box .selectcat .select-box.show {
    display: block;
}

.data-box .list ul li {
    width: 16.66%;
    float: left;
    background: url(../images/line.jpg) repeat-y left top;
    text-align: center;
    height: 100px;
    cursor: pointer;
    border-bottom: 1px solid #dcdcdc;
}

.data-box .list ul li.on {
    border-bottom: 2px solid #f67f0b;
}

.data-box .list ul li:first-child {
    background: none;
}

.data-box .list ul li .p1 {
    font-size: 14px;
    font-weight: bold;
    color: #333;
    padding: 12px 0px 2px 0px;
}

.data-box .list ul li h3 {
    color: #429cba;
    font-size: 24px;
    padding-bottom: 6px;
}

.data-box .list ul li .p2 {
    color: #f67f0b;
    font-size: 0;
    -webkit-text-size-adjust: none;
}

.data-box .list ul li .p2 span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 12px;
}

.data-box .list ul li .p2 span:first-child {
    width: 10px;
    height: 12px;
    background: url(../images/arrow.png) no-repeat 0px 0px;
    margin-right: 4px;
}

.data-box .list ul li .down {
    color: #56c7c8;
    font-weight: bold;
}

.data-box .list ul li .down span:first-child {
    background-position: 0px -12px;
}

.data-box .img-box {
    width: 100%;
    float: left;
    line-height: 2vw;
    font-size: 0.7333vw;
    padding-top: 1vw;
    background: white;
}

.data-box .img-box img {
    display: block;
    margin: 0 auto;
    max-width: 96%;
    height: auto !important;
}