body{margin: 0;padding: 0; background-color: #fff;color: #333; font-size: 14px;font-family: '微软雅黑';}
a{text-decoration:initial;}
.main{width: 1200px;margin: 0 auto;box-sizing:border-box;}
.loading{padding: 100px 0;text-align: center;}
.loadBox{padding-top: 30px;padding-bottom: 50px; clear: both;text-align: center;}
.loadBox .txt{color: #999;}
.loadBox .img{display: none; width: 40px;}
.noneBox{padding: 130px 0;text-align: center;}
.noneBox .txt{padding: 36px 0 60px 0;color: #666;}
.inlineBlock{font-size:0;letter-spacing:0px;word-spacing:0px;}
.inlineBlock-sub{display:inline-block;*display:inline;*zoom:1;letter-spacing:normal;word-spacing:normal;font-size:14px;}
.inpD{width: 100%;margin:0 auto 15px auto;}
.inpD .inp{height: 34px;width: calc(100% - 10px);padding-left: 10px;border:1px solid #e2e2e2;background-color: #F0F0F0;}
.inpD .fsBtn{display: inline-block;padding: 9px 20px;margin-left: 15px; background-color: #0455FF;color: #fff;vertical-align: middle;cursor: pointer;}
.button{display: inline-block;padding: 9px 30px; border:1px solid #333;box-shadow: 1px 1px 0px 1px #666;color: #333;border-radius: 2px;text-align: center;cursor: pointer;}

.head{position:fixed;top:0;left: 0;z-index: 100; width: 100%;height: 70px; color: #fff;background-color: transparent;}
.head .main{position: relative;margin-top: 20px;text-align: center;}
.head .logo{position: absolute;left: 80px;top: 16px;display: inline-block; height: 34px;}
.head .logo img{width: auto;height: 100%;}
.head .navD{display: inline-block;}
.head .navD a{display: inline-block;width: 120px;color: #fff;}
.head .navD .zhizuo{width: 90px; padding: 6px 0;background-color: #0257FF;}
.head .userD{position: absolute;right: 80px;top: 22px;display: inline-block;}
.head .userD .msg{float: left;width: 16px;height: 16px; margin-top: 5px; overflow: hidden;margin-right: 34px;}
.head .userD .msg img{width: 100%;height: 100%;}
.head .userD .user{float: right; width: 24px;height: 24px; overflow: hidden; background-color: #fff;border-radius: 50%;}
.head .userD .user img{width: 100%;height: 100%;}

.foot{padding-top: 40px;background-color: #222222;color: #454545;}
.foot .h{padding-bottom: 10px;color: #fff;font-weight: bold;font-size: 16px;}
.foot .ulBox{float: left;width: 60%;line-height: 30px;min-height: 190px;color: #B6B6B6;}
.foot .ulBox .ul{float: left;width: 25%;}
.foot .ulBox .ul span{display: block;}
.foot .ewmBox{float: right;width: 40%;text-align: right;}
.foot .ewmBox .ewm{display: inline-block;margin-left: 20px; vertical-align: top;text-align: center;color: #fff;}
.foot .ewmBox .ewm img{width: 106px;height: 106px;}
.foot .ewmBox .ewm .tl{display: block;padding-top: 6px;font-size: 12px;}
.foot .copyBox{width: 100%;line-height: 20px;padding: 25px 0;color:#B6B6B6;font-size: 12px;border-top: 1px solid #B6B6B6; clear: both; text-align: center;}

.userDiv{height: 407px; background: url('../images/wsxIcon19.png?ver=1') no-repeat center center;background-size:100% 100%;color: #fff;text-align: center;}
.userDiv .ub{padding-top: 124px;}
.userDiv .grade{display: inline-block;width:120px;padding-right: 40px;margin-top: 20px;vertical-align: top;}
.userDiv .name{}
.userDiv .gd{height:22px;margin: 10px 0 18px 0;background: url('../images/wsxIcon20.png?ver=1') no-repeat center center;background-size:auto 100%;}
.userDiv .btn{display: inline-block;padding: 5px 15px;background-color:#0257FF;border-radius: 20px;cursor: pointer;}
.userDiv .user{position: relative;display: inline-block;width:120px;margin: 0 60px;}
.userDiv .userImg{width: 90px;height: 90px; border-radius: 50%;}
.userDiv .userName{margin-top: 16px;font-size: 18px;}
.userDiv .bdLf,.userDiv .bdRg{position: absolute;left: -60px;top: 30px;width: 1px;height: 74px;background-color: #fff;}
.userDiv .bdRg{left: initial;right: -60px;}
.userDiv .money{display: inline-block;width:120px;padding-left: 40px;margin-top: 20px;vertical-align: top;}
.userDiv .num{margin: 7px 0 14px 0;font-size: 20px;font-family: initial;}
.userDiv .mu{padding-top: 44px;}
.userDiv .edit{display: inline-block;padding-left: 26px; background: url('../images/wsxIcon21.png?ver=1') no-repeat left center;background-size:auto 16px;cursor: pointer;}
.userDiv .zuye{display: inline-block;padding-left: 26px;margin-left: 100px;background: url('../images/wsxIcon22.png?ver=1') no-repeat left center;background-size:auto 16px;cursor: pointer;}
.userNav{height: 70px;margin-top: -36px;background-color: #fff;box-shadow:0px 0px 26px -12px #666;color: #666;text-align: center;}
.userNav a{float: left; display: block; width: 20%;height: 70px;line-height: 70px;color: #333;cursor: pointer;}
.userNav .icon{display: inline-block; padding-left: 30px; background: url('../images/wsxIcon23.png?ver=1') no-repeat left center;background-size:auto 15px;}
.userNav .icon_0{display: inline-block; background: url('../images/wsxIcon24.png?ver=1') no-repeat left center;background-size:auto 15px;color: #0257FF;}
.userNav .icon2{display: inline-block; background: url('../images/wsxIcon30.png?ver=1') no-repeat left center;background-size:auto 15px;}
.userNav .icon2_0{display: inline-block; background: url('../images/wsxIcon27.png?ver=1') no-repeat left center;background-size:auto 15px;color: #0257FF;}
.userNav .icon3{display: inline-block; background: url('../images/wsxIcon38.png?ver=1') no-repeat left center;background-size:auto 15px;}
.userNav .icon3_0{display: inline-block; background: url('../images/wsxIcon39.png?ver=1') no-repeat left center;background-size:auto 15px;color: #0257FF;}
.userNav .icon4{display: inline-block; background: url('../images/wsxIcon8.png?ver=1') no-repeat left center;background-size:auto 15px;}
.userNav .icon4_0{display: inline-block; background: url('../images/wsxIcon7.png?ver=1') no-repeat left center;background-size:auto 15px;color: #0257FF;}
.userNav .icon5{display: inline-block; background: url('../images/wsxIcon26.png?ver=1') no-repeat left center;background-size:auto 15px;}
.userNav .icon5_0{display: inline-block; background: url('../images/wsxIcon25.png?ver=1') no-repeat left center;background-size:auto 15px;color: #0257FF;}
.sortDiv{}
.sortDiv .sortD{position: relative;padding: 42px 0;}
.sortDiv .sortD .filter{margin-right: 10px;cursor: pointer;}
.sortDiv .sortD .filter:hover{color: #0257FF;}
.sortDiv .sortD .filter font{color: #0257FF;}
.sortDiv .sortD .serD{float: right; position: relative; padding-right: 55px;}
.sortDiv .sortD .serBt{position: absolute;right: 22px;top: 0; display: inline-block;width: 18px;height: 18px;background: url('../images/wsxIcon40.png?ver=1') no-repeat center center;background-size:auto 100%;cursor: pointer;}
.sortDiv .sortD .sel{margin-left: 20px;border: none;background-color: #FAFAFA;}
.paginationBox{padding-right: 20px;text-align: center;clear: both;}
.paginationBox .pagination{display: inline-block;}

.confirm{display: none;position: fixed;top:0px;left: 0px;z-index: 10001;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);color: #333;}
.confirm .alertMain{position: absolute;top:calc(50% - 85px);left: calc(50% - 200px);width: 400px;height: auto;background-color: #F3F3F3;border-radius: 2px;}
.confirm .x{position:absolute;right:10px;top:10px;z-index:1;width: 16px;cursor: pointer;}
.confirm .tl{padding: 50px 0 40px 0;color: #333;text-align: center;}
.confirm .btnD{padding-bottom: 30px;text-align: center;}
.confirm .btnD .okBtn,.confirm .btnD .noBtn{display: inline-block;padding: 7px 40px;background-color: #0257FF;color: #fff;border-radius: 2px;cursor: pointer;}
.confirm .btnD .noBtn{margin-left: 40px;background-color: #201E30;}

.loginBox .bkImg{position:absolute;left:0px;top:0px;z-index:-1;display: block;width:100%;height:100%;}
.loginBox .tlBox{padding-bottom: 90px;text-align: center;}
.loginBox .tlBox .icon{padding-bottom: 30px;opacity: 0.9;}
.loginBox .tlBox .icon img{height: 74px;}
.loginBox .tlBox .txt{color: #fff;font-size: 25px;letter-spacing:2px;font-weight: 100;opacity: 0.9;}
.loginBox .weixinBox{position: relative; width:580px;height:350px;margin:0 auto;background-color: #fff;box-shadow:0px 0px 26px -4px #666;}
.loginBox .weixinBox .h{ padding: 20px 0 32px 115px; background: url('../images/wsxIcon5.png?ver=1') no-repeat 74px 24px;background-size:auto 21px;font-size: 18px;color:#0257FF;}
.loginBox .weixinBox .x{position:absolute;right:20px;top:20px;z-index:1;width: 20px;cursor: pointer;}
.loginBox .weixinBox .codeBox{position: relative;float: left;margin-left: 16px;}
.loginBox .weixinBox .codeBk{position: relative; width: 271px;height: 203px;padding-top: 15px; box-sizing: border-box; background: url('../images/wsxIcon2.png?ver=1') no-repeat center center;background-size:100% 100%;}
.loginBox .weixinBox .codeBk img{display: none; width:169px;height:169px;margin: 0 auto;}
.loginBox .weixinBox .codeBk .k{display: none; position:absolute;left:30px;top:0;width:206px;height:203px;line-height:203px;background:rgba(0,0,0,0.5);color:#fff;text-align:center;font-style:normal;cursor:pointer;}
.loginBox .weixinBox .codeBox .txt{padding-top: 20px;color: #666;font-size: 14px;text-align: center;}
.loginBox .weixinBox .rgBox{position: relative; float: left;margin-top: 22px;margin-left: 38px;width: 206px;height: 156px;color: #666;font-size: 12px;text-align: center;box-shadow:0px 0px 26px -4px #abcdef;}
.loginBox .weixinBox .rgBox .icon{padding-top: 14px; padding-bottom: 5px;}
.loginBox .weixinBox .rgBox .icon img{display: inline-block;width:22px;}
.loginBox .weixinBox .rgBox .name{padding-bottom: 8px;font-size: 16px;color: #000;}
.loginBox .weixinBox .rgBox .tips{padding-bottom: 8px;}
.loginBox .weixinBox .rgBox .info{padding-bottom: 8px;}
.loginBox .weixinBox .rgBox .gzD{font-size: 14px;text-align: center;}
.loginBox .weixinBox .rgBox .gzD .gz{position: relative;display: inline-block; padding: 2px 15px; color: #57C967;border:1px solid #57C967;}
.loginBox .weixinBox .rgBox .gzD .dianji{position: absolute;left: 20px; bottom: -19px; height: 34px;}
.loginBox .mobileBox{position: relative; width:580px;height:280px;margin:0 auto;background-color: #fff;box-shadow:0px 0px 26px -4px #666;}
.loginBox .mobileBox .x{position:absolute;right:20px;top:20px;z-index:1;width: 20px;cursor: pointer;}
.loginBox .mobileBox .h{ padding: 20px 0 32px 0;font-size: 18px;color:#666;text-align: center;}
.loginBox .mobileBox .inpD{width: 80%;margin:0 auto 15px auto;}
.loginBox .mobileBox .inpD .inp{height: 34px;width: calc(100% - 10px);padding-left: 10px;border:1px solid #e2e2e2;background-color: #F0F0F0;}
.loginBox .mobileBox .inpD .fsBtn{display: inline-block;padding: 9px 20px;margin-left: 15px; background-color: #0257FF;color: #fff;vertical-align: middle;cursor: pointer;}
.loginBox .mobileBox .btnD{padding-top: 28px;text-align: center;}
.loginBox .mobileBox .btnD .okBtn{display: inline-block;padding: 10px 40px;background-color: #201E30;color: #fff;font-size: 16px;border-radius: 2px;cursor: pointer;}
.loginBox .copyBox{position:absolute;left:0;bottom:6%;z-index:1;width: 100%;line-height: 20px;color:#fff;font-size: 12px; text-align: center;}

.signdeBox{position: relative;}
.signdeBox .bkImg{display: block;width:100%;min-height: 700px;}
.signdeBox .centerBox{position: absolute;top: 15%;left: 0; width:100%;height:500px;text-align: center;}
.signdeBox .progress{margin-bottom: 30px; width:100%;height:50px;text-align: center;}
.signdeBox .progress span{display: inline-block; width: 189px;height: 24px;line-height: 24px;margin: 0 14px; color: #fff;background: url('../images/wsxIcon14.png?ver=1') no-repeat 0px 0px;background-size:100% 100%;}
.signdeBox .progress span.on{background: url('../images/wsxIcon13.png?ver=1') no-repeat 0px 0px;background-size:100% 100%;}
.signdeBox .mainBox{display: inline-block;position: relative; width: 458px;height:auto;padding: 10px 25px 30px 25px; background-color: #fff;box-shadow:0px 0px 26px -4px #666;color: #666;text-align: left;}
.signdeBox .mainBox .x{position:absolute;right:20px;top:20px;z-index:1;width: 20px;cursor: pointer;}
.signdeBox .mainBox .h{ padding: 10px 0 22px 0;color:#444;font-size: 16px;font-weight: 600;letter-spacing:2px; text-align: center;}
.signdeBox .mainBox .scsm{margin-bottom: 10px;padding: 10px 16px; box-shadow:0px 0px 26px -4px #666;}
.signdeBox .mainBox .yaoqiu{line-height: 30px;padding-bottom: 10px;}
.signdeBox .mainBox .yaoqiu .zp{display: block;padding: 8px 0 10px 0; color:#333;font-size:16px;}
.signdeBox .mainBox .yaoqiu .xz{display: block;padding-top:5px; color:#2362E3;font-size: 16px;font-weight:600;}
.signdeBox .mainBox .tongye{position: relative;margin-top: 5px;padding-left: 30px;background: url('../images/wsxIcon9.png?ver=1') no-repeat 0px center;background-size:18px 18px;cursor: pointer;}
.signdeBox .mainBox .tongye.on{background: url('../images/wsxIcon10.png?ver=1') no-repeat 0px center;background-size:18px 18px;}
.signdeBox .mainBox .btnD{padding-top: 30px;text-align: center;}
.signdeBox .mainBox .btnD .okBtn{display: inline-block;padding: 10px 40px;background-color: #201E30;color: #fff;font-size: 16px;border-radius: 2px;cursor: pointer;}
.signdeBox .mainBox .tips{padding-bottom: 18px;color: #999;text-align: center;}
.signdeBox .mainBox .qyD{padding: 6px 16px 14px 16px;margin-bottom: 15px; box-shadow:0px 0px 26px -10px #666;color: #666;background-color: #F5F5F5;}
.signdeBox .mainBox .qyD.on{background-color: #fff;}
.signdeBox .mainBox .qyD .title{position: relative;margin: 0 -16px 12px -16px;padding: 6px 0 12px 46px;background: url('../images/wsxIcon9.png?ver=1') no-repeat 16px 7px;background-size:18px 18px;border-bottom: 1px solid #e2e2e2;cursor: pointer;}
.signdeBox .mainBox .qyD.on .title{background: url('../images/wsxIcon10.png?ver=1') no-repeat 16px 7px;background-size:18px 18px;}
.signdeBox .mainBox .zuD{position: relative; padding: 5px 0 10px 30px;color: #999;}
.signdeBox .mainBox .zuD .zu{position: absolute;left: 0;top: 6px;}
.signdeBox .mainBox .inpB{position: relative; padding-left: 30px;margin:0 auto 15px auto;}
.signdeBox .mainBox .inpB .dian{position: absolute;left: 0;top: 16px; width: 10px;height: 10px;background-color:#0162FF;border-radius: 50%;}
.signdeBox .mainBox .inpD{ width: 100%;box-shadow:0px 0px 26px -10px #666;}
.signdeBox .mainBox .inpD .inp{height: 34px;width: calc(100% - 10px);padding-left: 10px;border:none;}
.signdeBox .mainBox .inpB .tps{color: #999;text-align: right;}
.signdeBox .mainBox .sfzD .tl{padding: 16px 0;color: #333;font-size: 16px;font-weight: 600;}
.signdeBox .mainBox .sfzD .yq{padding-top: 8px; padding-bottom: 15px; color:#436DD1;}
.signdeBox .mainBox .sfzD .sfz{display: inline-block;width:220px;height: 160px;background-color: #F5F5F5;border-radius: 5px;text-align: center;vertical-align: top;}
.signdeBox .mainBox .sfzD .fan{float: right;}
.signdeBox .mainBox .sfzD .add{width: 30px; margin-top: 62px;}
.signdeBox .mainBox .yuyue{padding-top: 66px;text-align: center;}
.signdeBox .mainBox .tl{padding:25px 0 20px 0;font-size: 18px;}

.showBox{background-color: #FAFAFA;}
.showBox .sortDiv .sortD .zpBt{display: inline-block;padding: 8px 20px;background-color:#0257FF;color: #fff;cursor: pointer;}
.showBox .sortDiv .sortD .vBt,.sortDiv .sortD .fBt{display: inline-block; position: absolute;left: 130px;top: 45px;width: 26px;height: 22px; background: url('../images/wsxIcon46.png?ver=1') no-repeat center center;background-size:auto 22px;cursor: pointer;}
.showBox .sortDiv .sortD .fBt{left: 170px;background: url('../images/wsxIcon47.png?ver=1') no-repeat center center;background-size:auto 22px;}
.showBox .dBox{display: none;margin: 20px auto 60px auto;padding-top: 130px; box-shadow:0px 0px 26px -10px #666;color: #666;background-color: #fff;text-align: center;}
.showBox .dBox .txt{padding: 36px 0 60px 0;}
.showBox .dBox .caozuo{padding-bottom: 100px;color: #315ECA;}
.showBox .dBox .m{display: inline-block;padding-left: 36px; background: url('../images/wsxIcon41.png?ver=1') no-repeat left center;background-size:auto 20px;}
.showBox .dBox .z{display: inline-block;padding-left: 36px;margin-left: 100px;background: url('../images/wsxIcon34.png?ver=1') no-repeat left center;background-size:auto 20px;}
.showBox .mainBox{display: none; position: fixed;left: 0;top: 0;z-index: 101; width: 100%;height: 100%;}
.showBox .mainBox .bk{position: absolute; left: 0;top: 0;width: 100%;height: 100%; background-color: rgba(0,0,0,0.5);}
.showBox .mainBox .mainD{position: absolute;top: calc(50% - 180px);left: calc(50% - 225px); width:458px;height:340px;padding: 22px 25px 12px 25px; background-color: #FAFAFA;box-shadow:0px 0px 26px -4px #666;color: #333;}
.showBox .mainBox .x{position:absolute;right:-40px;top:1px;z-index:1;width: 26px;cursor: pointer;}
.showBox .mainBox .h{font-size: 16px;font-weight: bold;}
.showBox .mainBox .btnD{padding-top: 20px;text-align: center;}
.showBox .mainBox .btnD .okBtn{display: inline-block;padding: 10px 40px;background-color: #211E31;color: #fff;font-size: 16px;border-radius: 2px;cursor: pointer;}
.showBox .qyBox .yuyue{padding-top: 66px;text-align: center;}
.showBox .qyBox .tl{padding:25px 0 20px 0;font-size: 16px;color: #666;}
.showBox .ypBox .inpD{margin-top: 26px;}
.showBox .videoBox .mainD{top: calc(50% - 225px);left: calc(50% - 340px); width:714px;height: auto;padding: 20px 15px 25px 15px;}
.showBox .videoBox .h{font-size: 18px;}
.showBox .videoBox .h a{float: right;display: inline-block; padding-right: 38px;font-size: 16px; color: #333;font-weight: normal;background: url('../images/wsxIcon41.png?ver=1') no-repeat right center;background-size:auto 20px;}
.showBox .videoBox .videoD{padding-top: 10px;}
.showBox .videoBox .title{padding: 10px 0;color: #000;}
.showBox .videoBox .title font{color: #999;}
.showBox .videoBox .imgD .img{float: left;position: relative; display: block;width: 58px;height: 58px;line-height: 58px;overflow: hidden; margin: 0 8px 10px 0;border: 1px solid #e2e2e2;text-align: center; cursor: pointer;}
.showBox .videoBox .imgD .img:hover{border: 1px solid #0257FF;}
.showBox .videoBox .lf{float: left;width: 48%;margin-right: 2%;overflow: hidden;}
.showBox .videoBox .rg{float: right;width: 50%;}
.showBox .videoBox .rg .title{color: #333;}
.showBox .videoBox .rg .rgD{position: relative; width: 100%;height: 200px;/*overflow: hidden;*/}
.showBox .videoBox .rg .imgD{height: 200px;overflow-y: auto;}
.showBox .videoBox .rg .bar{position: absolute;right: 0;top: 0;width: 12px;height: 100%;background-color: #FAFAFA;}
.showBox .videoBox .video{position: relative;width: 100%;height: 200px;overflow:hidden;}
.showBox .videoBox .video .videoPlay{display:block;position:absolute;top:50%;left:50%;width:64px;height:64px;margin-top:-32px;margin-left:-32px;background:url("../images/wsxIcon48.png?ver=1") no-repeat;cursor: pointer;}
.showBox .videoBox .video img{width: 100%;height: 100%;}
.showBox .videoBox .video video{display: none; max-width: 100%;max-height: 100%;}
.showBox .videoBox .timeD{padding-top: 10px;clear: both;}
.showBox .videoBox .timeD .imgD{height: auto;min-height: 62px; padding: 6px 6px 0 6px;background-color: #D9D9D9;}
.showBox .videoBox .timeD .imgD .img{margin-bottom: 6px;border: 1px solid #0257FF;}
.showBox .videoBox .timeD .imgD .img .xx{position: absolute;right: 0;top: 0;z-index: 1;  display: inline-block;width: 27px;height: 27px; background: url('../images/wsxIcon45.png?ver=1') no-repeat 0 center;background-size:auto 27px;}
.showBox .videoBox .vdD{position: relative;width: 100%; height: 77px;margin-top: 16px;overflow: hidden;}
.showBox .videoBox .vdD .imgD{height: auto;min-width: 700px;padding-left: 5px;}
.showBox .videoBox .vdD .imgD .imgs{float: left; position: relative; display: inline-block;height: 66px;width: 66px;margin-right: 6px;padding-top: 3px;padding-left: 3px;overflow:hidden;cursor: pointer;border: 1px solid #e2e2e2;}
.showBox .videoBox .vdD .imgD .imgs:hover,.showBox .videoBox .vdD .imgD .imgs.on{border: 1px solid #0257FF;box-shadow: 0px 0px 18px -1px #0257FF;}
.showBox .videoBox .vdD .imgD .imgs .img{float: left; width: 18px;height: 18px;line-height: 18px; margin: 0 2px 2px 0;}
.showBox .videoBox .vdD .imgD .imgs .bk{position: absolute;left: 0;top:0;z-index: 1; width: 100%;height: 100%;padding-top: 24px; background-color: rgba(0,0,0,0.5);color: #fff;font-size: 12px;text-align: center;}
.showBox .videoBox .vdD .imgD .imgs .tmInp{display:none;width:72%;margin-right: 3px; text-align:center;background-color:transparent;color:#fff;border:none;}
.showBox .videoBox .vdD .imgD .imgs.ad .tmInp{display: inline-block;}
.showBox .videoBox .vdD .imgD .imgs.ad .tmInp:hover{border:1px solid #ccc;}
.showBox .videoBox .vdD .imgD .imgs.ad .tm{display: none;}
.showBox .videoBox .vdD .add{display: inline-block; height: 70px;width: 70px;background: #D9D9D9 url('../images/wsxIcon12.png?ver=1') no-repeat center center;background-size:auto 23px;cursor: pointer;}
.showBox .listBox{display: none; min-height: 500px; margin: 0px auto 60px auto;padding: 0 10px;}
.showBox .listBox .list{padding-bottom: 10px;}
.showBox .listBox .list .item{position: relative;min-height: 222px;box-sizing: border-box;margin-bottom: 20px;padding: 20px 130px 20px 300px;}
.showBox .listBox .list .item:hover,.showBox .listBox .list .item.on{background-color: #fff;box-shadow:0px 0px 26px -12px #666;color: #333;}
.showBox .listBox .list .imgD{position: absolute;left: 20px;top: 20px; width: 260px;height: 180px;background-color: #D9D9D9;text-align: center;}
.showBox .listBox .list .upBt{display: none;position: relative;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);text-align: center;}
.showBox .listBox .list .upBt span{display: inline-block;margin-top: 78px;padding-left: 26px; color: #fff;background: url('../images/wsxIcon44.png?ver=1') no-repeat 0 center;background-size:auto 16px;cursor: pointer;}
.showBox .listBox .list .item:hover .upBt{display: block;}
.showBox .listBox .list .title{font-size: 16px;font-weight: bold; color: #000;}
.showBox .listBox .list .title .bage{display: inline-block;margin-left: 10px;padding: 1px 5px 3px 5px;border-radius: 4px;background-color:#6725FB;color: #fff;font-size: 12px;}
.showBox .listBox .list .sta{margin-top: 6px; margin-bottom: 34px; color: #999;}
.showBox .listBox .list .sp{color: #666;padding-bottom: 5px;}
.showBox .listBox .list .tags{display: inline-block;padding-left: 16px;}
.showBox .listBox .list .tags .tag{position: relative; display: inline-block;height: 24px; padding: 2px 10px 2px 10px;margin-right: 30px;box-sizing:border-box; background-color: #0257FF;color: #fff;cursor: pointer;}
.showBox .listBox .list .tags .dian{position: absolute;right: -3px;top: 10px;z-index: 1; width: 5px;height: 5px;background-color:#fff;border-radius: 50%;}
.showBox .listBox .list .tags .sj{position:absolute;right:-24px;top:0;width:0;height:0;line-height:0;overflow:hidden;font-size:0;border-width:12px;border-color:transparent transparent transparent  #0257FF;border-style:dashed dashed dashed solid;}
.showBox .listBox .list .caozuo{position: absolute;right: 0;top: 25px;height: 100%;padding-right: 40px;}
.showBox .listBox .list .btn{display: block;margin-bottom: 16px; padding-left: 26px; color: #fff;cursor: pointer;color: #666;}
.showBox .listBox .list .edit{background: url('../images/wsxIcon32.png?ver=1') no-repeat 0 center;background-size:auto 16px;}
.showBox .listBox .list .edit:hover{background: url('../images/wsxIcon51.png?ver=1') no-repeat 0 center;background-size:auto 16px;color: #0257FF;}
.showBox .listBox .list .up{background: url('../images/wsxIcon31.png?ver=1') no-repeat 0 center;background-size:auto 16px;}
.showBox .listBox .list .up:hover{background: url('../images/wsxIcon52.png?ver=1') no-repeat 0 center;background-size:auto 16px;color: #0257FF;}
.showBox .listBox .list .del{background: url('../images/wsxIcon29.png?ver=1') no-repeat 0 center;background-size:auto 16px;}
.showBox .listBox .list .del:hover{background: url('../images/wsxIcon50.png?ver=1') no-repeat 0 center;background-size:auto 16px;color: #0257FF;}
.showBox .listBox .list .anniuDiv{position: absolute;right: 35px;bottom: 52px;width: 233px;text-align: right;}
.showBox .listBox .list .staBtn,.showBox .listBox .list .tmBtn{display: inline-block;padding: 7px 20px;margin-left: 20px;color: #fff;background-color: #0257FF;vertical-align: bottom;cursor: pointer;}

.showeditBox{background-color: #FAFAFA;}
.showeditBox .fmBox{}
.showeditBox .fmBox .h{margin-top: 20px;padding: 18px 22px;font-size: 16px;border-bottom: 1px solid #e2e2e2;background-color: #fff;}
.showeditBox .fmBox .h span{padding-left: 30px;font-size: 14px;color: #999;}
.showeditBox .fmBox .inpGroup{padding-top:10px;padding-bottom:10px;background-color: #fff;}
.showeditBox .fmBox .inpB{position: relative; padding: 16px 20px 16px 50px;background-color: #fff;}
.showeditBox .fmBox .inpB .dian{position: absolute;left: 20px;top: 30px; width: 10px;height: 10px;background-color:#0162FF;border-radius: 50%;}
.showeditBox .fmBox .inpD{margin:0; width: 100%;}
.showeditBox .fmBox .inpD .inp{height: 34px;width: calc(100% - 10px);padding-left: 10px;border:1px solid #e2e2e2;color: #666;}
.showeditBox .fmBox .inpD .sel{height:34px;min-width:250px;background-color:#F0F0F0;border:1px solid #e2e2e2;color:#999;}
.showeditBox .fmBox .radioD{display: inline-block;}
.showeditBox .fmBox .radioD span{display: inline-block;margin-left: 14px;padding-left: 26px;background: url('../images/wsxIcon42.png?ver=1') no-repeat 0 center;background-size:18px 18px;cursor: pointer;}
.showeditBox .fmBox .radioD span.on{background: url('../images/wsxIcon43.png?ver=1') no-repeat 0 center;background-size:18px 18px;}
.showeditBox .fmBox .tagD{padding-top: 10px;}
.showeditBox .fmBox .tagD .tag{position: relative; display: inline-block;padding: 4px 13px 4px 20px;margin-right: 30px; background-color: #D8D8D8;color: #fff;cursor: pointer;}
.showeditBox .fmBox .tagD .dian{position: absolute;left: 6px;top: 11px; width: 5px;height: 5px;background-color:#fff;border-radius: 50%;}
.showeditBox .fmBox .tagD .sj{position:absolute;right:-26px;top:0;width:0;height:0;line-height:0;overflow:hidden;font-size:0;border-width:13px;border-color:transparent transparent transparent  #D8D8D8;border-style:dashed dashed dashed solid;}
.showeditBox .fmBox .tagD .tag:hover,.showeditBox .fmBox .tagD .tag.on{background-color: #0257FF;}
.showeditBox .fmBox .tagD .tag:hover .sj,.showeditBox .fmBox .tagD .tag.on .sj{border-color:transparent transparent transparent  #0257FF;}
.showeditBox .fmBox .tongye .dian{top: 26px;}
.showeditBox .fmBox .tongye .inpD{position: relative;margin-top: 5px;margin-bottom: 14px;padding-left: 30px;background: url('../images/wsxIcon9.png?ver=1') no-repeat 0 center;background-size:18px 18px;cursor: pointer;}
.showeditBox .fmBox .tongye .inpD.on{background: url('../images/wsxIcon10.png?ver=1') no-repeat 0 center;background-size:18px 18px;}
.showeditBox .fmBox .btnD{padding: 40px 0;text-align: center;}
.showeditBox .fmBox .btnD .btn{display: inline-block;padding: 6px 30px;background-color: #201E30;color: #fff;font-size: 16px;border: 1px solid #201E30;border-radius: 2px; cursor: pointer;}
.showeditBox .fmBox .btnD .btn.cancel{margin-left: 20px; background-color: #fff;color: #201E30;}

.recordBox{background-color: #FAFAFA;}
.recordBox .listBox{min-height: 500px; margin: 0px auto 60px auto;padding: 0 10px;}
.recordBox .list{padding-bottom: 10px;margin-right: -10px;}
.recordBox .list .item{position: relative;float: left; width: 283.5px;margin-bottom: 15px;margin-right: 14px; box-sizing: border-box;}
.recordBox .list .item:hover{background-color: #fff;box-shadow:0px 0px 32px -7px #666;}
.recordBox .list .imgD{width: 100%;height: 157.5px;}
.recordBox .list .imgD img{width: 100%;height: 100%;}
.recordBox .list .info{}
.recordBox .list .title{padding: 5px 10px 6px 10px;}
.recordBox .list .tm{padding: 0px 12px 10px 10px;color: #999; font-size: 12px;}
.recordBox .list .tm .sta{float: right;color: #0257FF;}
.recordBox .list .btD{position: absolute;right: 14px;top: 13px;display: none; color: #fff;}
.recordBox .list .item:hover .btD{display: block;}
.recordBox .list .btD .dBt{float: left;display: inline-block;padding: 3px 5px 3px 24px;color: #fff;background: #0257FF url('../images/wsxIcon56.png?ver=1') no-repeat 5px center;background-size:auto 12px;font-size: 12px;border-radius: 4px;}
.recordBox .list .btD .eBt{float: left;display: inline-block;width: 18px;height: 18px;margin-left: 10px;padding: 0px 3px 4px 3px;background: rgba(0,0,0,0.5) url('../images/wsxIcon22.png?ver=1') no-repeat center center;background-size: auto 14px;border-radius: 4px;}
.recordBox .list .btD .eBt2{background: rgba(0,0,0,0.5) url('../images/wsxIcon57.png?ver=1') no-repeat center center;background-size: auto 14px;}

.favBox{background-color: #FAFAFA;}
.favBox .listBox{min-height: 500px; margin: 0px auto 60px auto;padding: 0 10px;}
.favBox .list{padding-bottom: 10px;margin-right: -10px;}
.favBox .list .item{position: relative;float: left; width: 283.5px;margin-bottom: 15px;margin-right: 14px; box-sizing: border-box;}
.favBox .list .item:hover{background-color: #fff;box-shadow:0px 0px 32px -7px #666;}
.favBox .list .imgD{width: 100%;height: auto;}
.favBox .list .imgD img{width: 100%;height: auto;}
.favBox .list .btD{position: absolute;left: 14px;top: 13px;color: #fff;}
.favBox .list .btD .eBt{float: left;display: inline-block;width: 18px;height: 18px;margin-left: 10px;padding: 0px 3px 4px 3px;background: url('../images/wsxIcon58.png?ver=1') no-repeat center center;background-size: auto 14px;border-radius: 4px;}
.favBox .list .btD .eBt2{background: url('../images/wsxIcon28.png?ver=1') no-repeat center center;background-size: auto 14px;}

.msgBox{background-color: #FAFAFA;}
.msgBox .listBox{min-height: 500px; margin: 0px auto 60px auto;padding: 0 10px;}
.msgBox .list{padding-bottom: 10px;margin-right: -10px;}
.msgBox .list .item{position: relative;width: 100%;margin-bottom: 15px;padding: 0 150px 0 58px; box-sizing: border-box;background-color: #fff;}
.msgBox .list .item:hover{box-shadow:0px 0px 32px -16px #666;}
.msgBox .list .name{padding: 18px 0 12px 0;font-size: 16px;}
.msgBox .list .title{padding-bottom: 5px;}
.msgBox .list .tips{padding-bottom: 20px;color: #999;}
.msgBox .list .icon{position: absolute;left: 14px;top: 18px; width: 30px;height: 30px;border-radius: 50%;}
.msgBox .list .icon img{width: 100%;height: 100%;border-radius: 50%;}
.msgBox .list .vBtn{position: absolute;right: 14px;bottom: 20px;display: inline-block;padding: 6px 38px 6px 15px;border-radius: 2px;color: #fff;cursor: pointer; background: #211E31 url('../images/wsxIcon59.png?ver=1') no-repeat 78px center;background-size: auto 14px;}

.shareBox{background-color: #FAFAFA;}
.shareBox .sBox{min-height: 700px;margin-top: 60px;margin-bottom: 100px;padding: 0 20px;}
.shareBox .sBox .lfBox{float: left;width: 33%;}
.shareBox .sBox .lfBox img{width: 300px;}
.shareBox .sBox .rgBox{float: left;width: 67%;margin-top: 122px;}
.shareBox .sBox .rgBox .numD{padding: 20px 20px;margin-bottom: 30px;background-color: #fff;}
.shareBox .sBox .rgBox .numD:hover{background-color: #fff;box-shadow:0px 0px 32px -14px #666;}
.shareBox .sBox .rgBox .tl{padding-bottom: 20px;font-size: 18px;font-weight: bold;}
.shareBox .sBox .rgBox .tl span{float:right;color: #999;font-size: 14px;}
.shareBox .sBox .rgBox .tl span.vlog{color: #0257FF;font-weight: normal;cursor: pointer;}
.shareBox .sBox .rgBox .icons{padding: 2px 0;}
.shareBox .sBox .rgBox .icons img{width: 30px;height: 29px;margin-right: 10px;}
.shareBox .sBox .rgBox .copyInp{width: 626px;height: 29px;margin-right: 10px;padding-left: 10px;background-color: #D8D8D8;border: none;}
.shareBox .sBox .rgBox .copyBtn{display: inline-block;padding: 6px 15px;border-radius: 2px;color: #fff;cursor: pointer;background-color: #211E31;}

.editBox{padding: 70px 300px 0px 250px; color: #fff;}
.editBox .top{position: fixed;top: 0px;left: 0px;z-index: 1;height: 70px;width: 100%;background-color: #1C1C1C;}
.editBox .lf{position: fixed;top: 70px;left: 0px;width: 250px;height: 100%;padding: 5px 10px 0 10px;box-sizing: border-box;}
.editBox .md{padding: 5px 20px;background-color: #2B2B2B;}
.editBox .rg{position: fixed;top: 70px;right: 0px;width: 300px;height: calc(100% - 70px);}
.editBox a{color: #fff;}
.editBox .top .logo{position: absolute;left: 30px;top: 16px;}
.editBox .top .logo img{height: 34px;}
.editBox .top .navD{display: inline-block;margin-left: 180px;margin-top: 22px;}
.editBox .top .navD a{display: inline-block;margin-right: 30px;font-size: 16px;}
.editBox .top .jc{display: inline-block;padding-left: 34px;background: url('../images/wsxIcon66.png') no-repeat left center;background-size: auto 20px;}
.editBox .top .fh{display: inline-block;padding-left: 30px;background: url('../images/wsxIcon65.png') no-repeat left center;background-size: auto 20px;}
.editBox .top .btD{position: absolute;right: 10px;top: 18px;}
.editBox .top .btD span{display: inline-block;margin-right: 20px;padding: 7px 26px;background-color: #0357FF;color: #fff;border-radius: 3px;cursor: pointer;}
.editBox .lf .tl{height: 20px;margin-top: 15px;}
.editBox .lf .tl .name{float: left; width: 100px;height: 20px;line-height: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size: 14px;}
.editBox .lf .tl .cou{float: right;margin-top: 0px;color: #A4A4A4;font-size: 12px;}
.editBox .lf .tl .f{display: inline-block;padding-left: 18px; background: url('../images/wsxIcon63.png') no-repeat left center;background-size: auto 13px;}
.editBox .lf .tl .p{display: inline-block; margin-left: 10px;padding-left: 18px;background: url('../images/wsxIcon67.png') no-repeat left center;background-size: auto 13px;}
.editBox .lf .tl .t{display: inline-block;margin-left: 10px;padding-left: 18px;background: url('../images/wsxIcon64.png') no-repeat left center;background-size: auto 13px;}
.editBox .lf .preD{display: flex;padding: 12px 0 6px 0;margin-bottom: 15px;font-size: 12px;}
.editBox .lf .preD .txt{display: inline-block;width: 50px;}
.editBox .lf .preD .pre{display: inline-block; width: 100%; height: 8px; margin-top: 5px;border-radius: 10px;background-color: #fff;}
.editBox .lf .preD .b{display: block;width: 30%; height: 100%;margin-left: -1px;margin-right: -1px;border-radius: 10px;background-color: #0455FE;}
.editBox .lf .preD .cel{padding-left: 10px;}
.editBox .lf .preD .cel font{color: #A4A4A4;}
.editBox .lf .imgScroll{position: relative;width:220px;height: calc(100% - 160px);padding-right: 10px;overflow: hidden;}
.editBox .lf .imgScroll .imgD{width: 100%;}
.editBox .lf .imgScroll .img{position: relative; width: 220px;height: 123.75px;margin-bottom: 8px;overflow: hidden;border: 1px solid #ccc;box-sizing: border-box;}
.editBox .lf .imgScroll .img:hover,.editBox .lf .imgScroll .img.on{border: 2px solid #214EDF;}
.editBox .lf .imgScroll .img img{width: 100%;height: 100%;}
.editBox .lf .imgScroll .num{position: absolute;left: 15px;top: 0;display: inline-block; width:24px;height: 30px;line-height: 20px;background: url('../images/wsxIcon68.png') no-repeat center center;background-size: 100% 100%;font-size: 12px;text-align: center;}
.editBox .lf .imgScroll .txt{margin-top: 50px;font-size: 12px;text-align: center;}
.editBox .md .mdPic{padding-top: 20px;padding-bottom: 20px;text-align: center;}
.editBox .md .core{position:relative;display:inline-block;margin:0 auto;}
.editBox .md .lfBt{display: block; position: absolute;left: -38px;top: 0px;}
.editBox .md .rgBt{display: none; position: absolute;right: -38px;top: 0px;z-index: 2;}
.editBox .md .eBtn{position: relative;display:block;width: 30px;height: 30px;margin-bottom: 10px;border-radius: 3px;font-size: 12px;cursor: pointer;}
.editBox .md .lfBt .eBtn{background-color: #636363;}
.editBox .md .rgBt .eBtn,.editBox .md .eBtn:hover{background-color: #0357FF;}
.editBox .md .eBtn .txt{display: none;position: absolute;right: 24px;top: 0;width: 84px;height: 30px;line-height: 30px;background-color: #0357FF;}
.editBox .md .rgBt .eBtn .txt{left: 22px;display: block;}
.editBox .md .eBtn:hover .txt{display: block;}
.editBox .md .qh{background: url('../images/wsxIcon90.png') no-repeat center center;background-size: auto 14px;}
.editBox .md .lj{display: none; background: url('../images/wsxIcon89.png') no-repeat center center;background-size: auto 14px;}
.editBox .md .xz{display: none;background: url('../images/wsxIcon92.png') no-repeat center center;background-size: auto 14px;}
.editBox .md .xz2{display: none;background: url('../images/wsxIcon91.png') no-repeat center center;background-size: auto 14px;}
.editBox .md .jx{display: none;background: url('../images/wsxIcon87.png') no-repeat center center;background-size: auto 14px;}
.editBox .md .jx2{display: none;background: url('../images/wsxIcon88.png') no-repeat center center;background-size: auto 14px;}
.editBox .md .sy{display: none;background: url('../images/wsxIcon86.png') no-repeat center center;background-size: auto 14px;}
.editBox .md .up{background: url('../images/wsxIcon83.png') no-repeat center center;background-size: auto 14px;}
.editBox .md .ok{background: url('../images/wsxIcon84.png') no-repeat center center;background-size: auto 14px;}
.editBox .md .yt{background: url('../images/wsxIcon55.png') no-repeat center center;background-size: auto 14px;}
.editBox .md .picBox{position: relative;width: 560px;height: 315px;background-color: #414141;text-align: center;}
.editBox .md .picBox .pic{display: block;max-width: 100%;max-height: 100%;margin: 0 auto;vertical-align: middle;}
.editBox .md .txtD{display: none; position: absolute;bottom: 0px;left: 0;width: 100%;padding: 10px 20px 18px 20px;box-sizing: border-box;background-color: rgba(0,0,0,0.5);}
.editBox .md .txtD .tl{width: 100%;height: 20px;border: none;border-bottom: 1px solid #A4A4A4;font-size: 12px;color: #fff;background-color: transparent;}
.editBox .md .upD{display: none; position: absolute;top: 33%;left: 0;width: 100%;text-align: center;}
.editBox .md .upD .upBt{width: 72px;}
.editBox .md .upD .txt{color: #fff;padding-top: 5px;}
.editBox .md .video{display: none;position: relative; width: 560px;height: 315px;}
.editBox .md .video .pause{position: absolute;left: calc(50% - 30px);top: calc(50% - 30px);display: inline-block; width: 60px;height: 60px;background: url('../images/play.png') no-repeat center center;background-size: 100% 100%;}
.editBox .md .video video{width: 100%;height: 100%;}
.editBox .md .rotateD{display: none; margin-top: 15px;margin-bottom: 30px;padding: 10px;}
.editBox .md .rotate{position: relative; width: 350px;height: 4px;margin: 0 auto;background-color: #4B4B4B;border-radius: 5px;}
.editBox .md .rotate .degreeD{position:absolute;left:-3px;top:0;display: inline-block;}
.editBox .md .rotate .dragDian,.editBox .md .rotate .dian{display: block;width:4px;height:4px;margin: 0 auto;background-color: #BDBDBD;border-radius:50%;}
.editBox .md .rotate .dragDian{position:absolute;left:-1px;top:-2px;z-index:1;width:8px;height:8px;background-color:#0357FF;cursor: pointer;}
.editBox .md .rotate .degree{display: block;padding-top: 10px;color: #ABABAB;font-size: 12px;}
.editBox .md .tmScroll{position: relative;height: 500px;padding-right: 10px;overflow:hidden;color: #fff;}
.editBox .md .tmScroll .tmD{padding: 10px 10px;margin-bottom: 10px;clear: both;}
.editBox .md .tmScroll .tmD:hover,.editBox .md .tmScroll .tmD.on{background-color: #5F5F5F;}
.editBox .md .tmScroll .tl{padding-bottom: 10px;}
.editBox .md .tmScroll .img{display: inline-block;width: 100px;height: 56.25px;margin-right: 10px;margin-bottom: 10px;border: 1px solid #ccc;vertical-align: top;}
.editBox .md .tmScroll .img:hover,.editBox .md .tmScroll .img.on{border: 1px solid #214EDF;}
.editBox .md .tmScroll .img img{width: 100%;height: 100%;}
.editBox .md .tmScroll .img .txt{height: 56px; line-height: 56px;overflow: hidden; font-size: 12px;text-align: center;}
.editBox .rg .tab{position: relative;z-index: 2; height: 55px;line-height: 55px;border-bottom: 1px solid #5F5F5F;background-color: #414141;}
.editBox .rg .tab .sp{position: relative;float: left;width: 33%;height: 100%;text-align: center;cursor: pointer;}
.editBox .rg .tab .sp .name{position: relative;display: inline-block;height: 53px;border-bottom: 2px solid #414141;}
.editBox .rg .tab .sp.on .name{border-bottom: 2px solid #214EDF;}
.editBox .rg .tab .sp .xsj{display: inline-block;position: absolute;right: -16px;top: 25px;z-index: 1; width: 10px;height: 8px;background: url('../images/sanjiao.png') no-repeat center center;background-size: auto 100%;}
.editBox .rg .tab .sp .downMenu{display: none; position: absolute;left: 16px;top: 50px;z-index: 2;padding: 10px 10px 12px 10px; background-color: #fff;border-radius: 3px;text-align: center;}
.editBox .rg .tab .sp:hover .downMenu{display: block;}
.editBox .rg .tab .sp .downMenu .sj{display: inline-block;position: absolute;left: 50px;top: -12px;z-index: 1; width: 20px;height: 14px;background: url('../images/sanjiao2.png') no-repeat center center;background-size: auto 100%;}
.editBox .rg .tab .sp .downMenu .li{display: block;width: 100px;height: 30px;line-height: 30px;color: #333;}
.editBox .rg .tab .sp .downMenu .li.on{color: #666;}
.editBox .rg .panel{padding: 0 10px;}
.editBox .rg .picScroll{position: relative; height: 700px;padding-top: 15px; /*overflow: hidden;*/}
.editBox .rg .picScroll .scroll{position: relative;}
.editBox .rg .picScroll .imgD{}
.editBox .rg .picScroll .img{position: relative; display: inline-block;width: 84px;height: 84px;margin-right: 5px;margin-bottom: 5px;border: 1px solid #5F5F5F;background-color: #5F5F5F;}
.editBox .rg .picScroll .img:hover,.editBox .rg .picScroll .img.on{border: 1px solid #214EDF;}
.editBox .rg .picScroll .img img{width: 100%;height: 100%;}
.editBox .rg .picScroll .img .xx{display: none;position: absolute;top: 0;right: 0px;z-index: 1;width: 26px;height: 26px;cursor: pointer; background: url('../images/wsxIcon45.png') no-repeat top right;background-size: auto 100%;}
.editBox .rg .picScroll .img:hover .xx,.editBox .rg .picScroll .img.on .xx{display: block;}
.editBox .rg .musicBox{display: none; position: relative;}
.editBox .rg .musicBox .mic{position: relative;padding: 6px 10px 6px 50px;border: 1px solid #414141;background-color: #515151;font-size: 12px;border-radius: 3px;}
.editBox .rg .musicBox .mic:hover,.editBox .rg .musicBox .mic.on{border: 1px solid #FF6600;background-color: #515151;}
.editBox .rg .musicBox .mic.cur{display: none;margin-top: 15px; border: 1px solid #0357FF;background-color: #0357FF;}
.editBox .rg .musicBox .mic.sel{border: 1px solid #0357FF;background-color: #515151;}
.editBox .rg .musicBox .mic.sel:hover,.editBox .rg .musicBox .mic.sel.on{border: 1px solid #FF6600;background-color: #515151;}
.editBox .rg .musicBox .mic .gou{display: none;position: absolute;top: -1px;left: -1px;z-index: 1;width: 26px;height: 26px;background: url('../images/wsxIcon94.png') no-repeat center center;background-size: auto 100%;}
.editBox .rg .musicBox .mic.sel .gou{display: block;}
.editBox .rg .musicBox .mic.sel:hover .gou,.editBox .rg .musicBox .mic.sel.on .gou{background: url('../images/wsxIcon93.png') no-repeat center center;background-size: auto 100%;}
.editBox .rg .musicBox .mic .x{display: none;position: absolute;top: 0;right: 0px;z-index: 1;width: 26px;height: 26px;cursor: pointer;}
.editBox .rg .musicBox .mic.cur .x{display: block;}
.editBox .rg .musicBox .mic:hover .x,.editBox .rg .musicBox .mic.on .x{display: block;}
.editBox .rg .musicBox .mic .bt{display: block; position: absolute;right: 10px;top: 8px;z-index: 1;}
.editBox .rg .musicBox .mic:hover .bt,.editBox .rg .musicBox .mic.on .bt{display: block;}
.editBox .rg .musicBox .mic .add,.editBox .rg .musicBox .mic .del{float: left;display: inline-block;width: 8px;height: 8px;padding: 4px;border-radius: 2px;cursor: pointer;background: url('../images/wsxIcon70.png') no-repeat center center;background-size: auto 14px;}
.editBox .rg .musicBox .mic .del{display: none;margin-left: 6px;background: url('../images/wsxIcon56.png') no-repeat center center;background-size: auto 12px;}
.editBox .rg .musicBox .mic:hover .del,.editBox .rg .musicBox .mic.on .del{display: block;}
.editBox .rg .musicBox .mic .py{display: inline-block;position: absolute;left: 10px;top: 10px;width: 36px;height: 36px;cursor: pointer;background: url('../images/wsxIcon90.png?ver=1') no-repeat center center;background-size: 100% 100%;}
.editBox .rg .musicBox .mic .py.pause{background: url('../images/wsxIcon96.png') no-repeat center center;background-size: 100% 100%;}
.editBox .rg .musicBox .mic .tl{position: relative;padding: 3px 28px 3px 3px;}
.editBox .rg .musicBox .mic .tm{position: relative;padding: 3px 30px 3px 30px;font-size: 12px;color: #A4A4A4;}
.editBox .rg .musicBox .mic .tm .stm{position: absolute;left: 0;top: 1px;}
.editBox .rg .musicBox .mic .tm .etm{position: absolute;right: 0;top: 1px;}
.editBox .rg .musicBox .mic .tm .pre{width: 100%;height: 30px;}
.editBox .rg .musicBox .mic .tm .pre img{width: 100%;height: 100%;}
.editBox .rg .musicBox .tp{position: relative;z-index: 1; background-color: #414141;}
.editBox .rg .musicBox .clsD{display: none; margin-top: 10px;padding: 10px 0 0 8px;background-color: #515151;}
.editBox .rg .musicBox .cls{position: relative; display: inline-block;width: 60px;height: 40px;margin-right: 5px;margin-bottom: 5px;border: 1px solid #414141;border-radius: 4px;}
.editBox .rg .musicBox .cls:hover,.editBox .rg .musicBox .cls.on{border: 1px solid #214EDF;}
.editBox .rg .musicBox .cls img{width: 100%;height: 100%;border-radius: 4px;}
.editBox .rg .musicBox .cls .name{position: absolute; display: block;width: 100%;line-height: 40px;font-size: 12px;text-align: center;cursor: pointer;}
.editBox .rg .musicScroll{position: relative; padding-right: 10px;margin-top: 15px; height: 500px;overflow: hidden;}
.editBox .rg .musicBox .musicScroll .mic{margin-bottom: 6px;}
.editBox .rg .videoScroll{display: none; position: relative; height: 600px;padding-top: 15px; padding-right: 10px;overflow: hidden;}
.editBox .rg .videoScroll .img{position: relative;width: 270px; height: 151.88px; margin-bottom: 10px;border: 1px solid #5F5F5F;background-color: #5F5F5F;text-align: center;}
.editBox .rg .videoScroll .img:hover,.editBox .rg .videoScroll .img.on{border: 1px solid #214EDF;}
.editBox .rg .videoScroll .img img{width: 100%;height: 100%;}
.editBox .rg .videoScroll .img video{max-width: 100%;height: 100%;}
.editBox .rg .videoScroll .img .xx{display: none;position: absolute;top: 0;right: 0px;z-index: 1;width: 26px;height: 26px; background: url('../images/wsxIcon45.png') no-repeat top right;background-size: auto 100%;}
.editBox .rg .videoScroll .img:hover .xx,.editBox .rg .videoScroll .img.on .xx{display: block;}
.editBox .rg .btnD{position:absolute;left:0;bottom:0px;width:100%;height: 80px;background-color: #414141;text-align:center;}
.editBox .rg .btnD .upBtn,.editBox .rg .btnD .delBtn{display: inline-block;margin-top: 25px;padding: 8px 16px;color: #fff;background: #0357FF;border-radius: 3px;cursor: pointer;}
.editBox .rg .btnD .delBtn{margin-left: 20px;}
.editBox .showAlert{display: none; position: fixed;top:0px;left: 0px;z-index: 10000;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);color: #333;}
.editBox .showAlert .alertMain{position: absolute;top:calc(50% - 290px);left: calc(50% - 307px);width: 614px;height: auto;padding: 20px;background-color: #fff;border-radius: 2px;}
.editBox .showAlert .x{display: none; position:absolute;right:-44px;top:1px;z-index:1;width: 30px;cursor: pointer;}
.editBox .showAlert .tl{padding-bottom: 20px;font-size: 18px;color: #000;}
.editBox .showAlert .tl .i{display: inline-block;width: 14px;height: 14px;margin-left: 10px;margin-bottom: 3px;vertical-align: bottom; background: url('../images/wsxIcon32.png') no-repeat center center;background-size: 100% 100%;}
.editBox .showAlert .videoD{width: 100%;height: 340px;background-color: #010101;text-align: center;}
.editBox .showAlert .videoD video{display: none; width: 100%;max-height: 100%;}
.editBox .showAlert .videoD .load{width: 100%;height: 100%;text-align: center;}
.editBox .showAlert .videoD .load .loadImg{width: 130px;height: 130px;margin-top: 80px;}
.editBox .showAlert .videoD .load .txt{padding-top: 20px;color: #fff;}
.editBox .showAlert .videoD .load .tips{padding-top: 10px;font-size: 12px;color: #fff;}
.editBox .showAlert .nD{padding-top: 20px;min-height: 95px;}
.editBox .showAlert .nD .item{position: relative; float: left;width: 33%;padding: 10px;box-sizing: border-box;border:1px solid #fff;}
.editBox .showAlert .nD .item .gou{display: none; position: absolute;left: 0;top: 0;width: 20px;}
.editBox .showAlert .nD .item .icon{display: none; position: absolute;right: -1px;top: 0;width: 60px;}
.editBox .showAlert .nD .item:hover,.editBox .showAlert .nD .item.on{border:1px solid #F5640C;}
.editBox .showAlert .nD .item:hover .gou,.editBox .showAlert .nD .item.on .gou{display: block;}
.editBox .showAlert .nD .item:hover .icon,.editBox .showAlert .nD .item.on .icon{display: block;}
.editBox .showAlert .nD .name{font-size: 16px;}
.editBox .showAlert .nD .name span{padding-left: 8px;color: #0357FF;font-size: 12px;}
.editBox .showAlert .nD .name font{}
.editBox .showAlert .nD .dw{padding: 10px 0;font-size: 12px;color: #999;}
.editBox .showAlert .nD .fbl{font-size: 12px;color: #999;}
.editBox .showAlert .btnD{padding-top: 20px;text-align: center;}
.editBox .showAlert .uBtn,.editBox .showAlert .kBtn,.editBox .showAlert .wBtn{display: inline-block;padding: 10px 36px;background-color: #0357FF;color: #fff;border-radius: 2px;font-size: 16px;cursor: pointer;}
.editBox .showAlert .kBtn{margin-right: 30px;}
.editBox .showAlert .uBtn{float: right;padding: 5px 12px;background-color: #F5640C;border-radius: 10px;font-size: 12px;}
.editBox .showAlert .wBtn{background-color: #1C1C1C;}
.editBox .vipAlert{display: none; position: fixed;top:0px;left: 0px;z-index: 10000;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);color: #333;}
.editBox .vipAlert .alertMain{position: absolute;top:calc(50% - 300px);left: calc(50% - 310px);width: 620px;height: auto;padding: 20px 20px 0 20px;background-color: #F3F3F3;border-radius: 2px;}
.editBox .vipAlert .x{position:absolute;right:-44px;top:1px;z-index:1;width: 30px;cursor: pointer;}
.editBox .vipAlert .tl{height: 56px;line-height: 50px;margin: -26px -26px 0 -26px;font-size: 16px;color: #fff;text-align: center;background: url('../images/wsxIcon77.png') no-repeat center center;background-size: 100% 100%;}
.editBox .vipAlert .vipD{padding-top: 22px;}
.editBox .vipAlert .vipD .item{position: relative;width: 33%;padding-top: 34px;padding-bottom: 14px;border: 1px solid #F3F3F3;text-align: center;}
.editBox .vipAlert .vipD .item:hover,.editBox .vipAlert .vipD .item.on{border: 1px solid #FF6600;}
.editBox .vipAlert .vipD .item.opa{opacity: 0.5;}
.editBox .vipAlert .vipD .gou{display: none; position: absolute;left: 0;top: 0;width: 20px;}
.editBox .vipAlert .vipD .item:hover .gou,.editBox .vipAlert .vipD .item.on .gou{display: block;}
.editBox .vipAlert .vipD .img{width:84%;height: 200px;}
.editBox .vipAlert .vipD .tm{display: none; position:absolute;top:8px;width:100%;text-align:center;font-size: 12px;}
.editBox .vipAlert .vipD .item:hover .tm,.editBox .vipAlert .vipD .item.on .tm{display: block;}
.editBox .vipAlert .vipD .bm{visibility: hidden;}
.editBox .vipAlert .vipD .item:hover .bm,.editBox .vipAlert .vipD .item.on .bm{visibility: visible;}
.editBox .vipAlert .vipD .price{margin: 12px  4px 6px 4px;padding-top: 12px;color: #3448C2;border-top: 1px dotted #3448C2;font-size: 18px;}
.editBox .vipAlert .vipD .tips{color: #999;font-size: 12px;}
.editBox .vipAlert .ty{padding-top: 20px;padding-bottom: 20px;text-align: center;}
.editBox .vipAlert .ty .txt{display: inline-block; padding-left: 24px;color: #000;font-size: 14px;color:#0257FF;cursor:pointer;text-align: center;background: url('../images/wsxIcon9.png') no-repeat left center;background-size: auto 16px;}
.editBox .vipAlert .ty .txt.on{background: url('../images/wsxIcon10.png') no-repeat left center;background-size: auto 16px;}
.editBox .vipAlert .btnD{padding-bottom: 20px; text-align:center;}
.editBox .vipAlert .gmBtn{display:inline-block;padding:10px 36px;background-color:#1C1C1C;color:#fff;border-radius:2px;font-size:16px;cursor:pointer;}
.editBox .vipAlert .ewmD{display: none; margin: 0px -20px 0px -20px;height: 178px;padding-top: 6px;background-color: #fff;text-align: center;}
.editBox .vipAlert .ewmD .ewm{display: inline-block;}
.editBox .vipAlert .ewmD .img{display: inline-block;width: 100px;height: 100px;padding: 10px;border: 1px solid #6AC800;}
.editBox .vipAlert .ewmD .img img{width: 100%;height: 100%;}
.editBox .vipAlert .ewmD .wx{display: block;margin-top: 8px;padding: 4px 10px 4px 32px;color: #000;background: url('../images/wsxIcon76.png') no-repeat 18px center;background-size: auto 18px;}
.editBox .vipAlert .ewmD .zfb{display: block;margin-top: 8px;padding: 4px 10px;background-color: #00ACF0;color: #fff;}
.editBox .payAlert{display: none;position: fixed;top:0px;left: 0px;z-index: 10000;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);color: #333;}
.editBox .payAlert .alertMain{position: absolute;top:calc(50% - 220px);left: calc(50% - 230px);width: 620px;height: auto;background-color: #F3F3F3;border-radius: 2px;}
.editBox .payAlert .x{position:absolute;right:-44px;top:1px;z-index:1;width: 30px;cursor: pointer;}
.editBox .payAlert .tl{height: 56px;line-height: 50px;padding-left: 20px;font-size: 16px;color: #000;background-color: #fff;}
.editBox .payAlert .tl span{padding-left: 10px;font-size: 12px;color: #999;}
.editBox .payAlert .tl span font{color: #3448C2;}
.editBox .payAlert .priceD{padding-top: 30px;padding-bottom: 20px;text-align: center;}
.editBox .payAlert .priceD .item{display: inline-block;position: relative;width: 36%;padding-top: 15px;padding-bottom: 14px;border: 1px solid #FF6600;background-color: #fff;text-align: center;}
.editBox .payAlert .priceD .gou{display: block; position: absolute;left: 0;top: 0;width: 20px;}
.editBox .payAlert .priceD .name{text-align:center;font-size: 16px;color: #000;}
.editBox .payAlert .priceD .price{margin: 12px  4px 6px 4px;padding-top: 12px;color: #3448C2;border-top: 1px dotted #3448C2;font-size: 18px;}
.editBox .payAlert .priceD .tips{padding-bottom: 6px;color: #999;font-size: 12px;}
.editBox .payAlert .ewmD{margin: 18px 0px 0px 0px;height: 178px;padding-top: 26px;background-color: #fff;text-align: center;}
.editBox .payAlert .ewmD .ewm{display: inline-block;}
.editBox .payAlert .ewmD .img{display: inline-block;width: 100px;height: 100px;padding: 10px;border: 1px solid #6AC800;}
.editBox .payAlert .ewmD .img img{width: 100%;height: 100%;}
.editBox .payAlert .ewmD .wx{display: block;margin-top: 8px;padding: 4px 10px 4px 32px;color: #000;background: url('../images/wsxIcon76.png') no-repeat 18px center;background-size: auto 18px;}
.editBox .payAlert .ewmD .zfb{display: block;margin-top: 8px;padding: 4px 10px;background-color: #00ACF0;color: #fff;}
.editBox .confirmAlert{display: none; position: fixed;top:0px;left: 0px;z-index: 10000;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);color: #333;}
.editBox .confirmAlert .alertMain{position: absolute;top:calc(50% - 100px);left: calc(50% - 150px);width: 300px;height: auto;padding: 20px;background-color: #fff;border-radius: 3px;}
.editBox .confirmAlert .x{position:absolute;right:-34px;top:1px;z-index:1;width: 24px;cursor: pointer;}
.editBox .confirmAlert .txt{padding-top: 20px;font-size: 16px; text-align: center;}
.editBox .confirmAlert .btnD{padding-top: 30px;text-align: center;}
.editBox .confirmAlert .okBtn{display: inline-block;padding: 8px 36px;background-color: #1C1C1C;color: #fff;border-radius: 2px;cursor: pointer;}

.subNav{position: relative; height: 400px; background: url('../images/wsxBk3.png?ver=1') no-repeat center center;background-size:100% 100%;color: #fff;text-align: center;}
.subNav .ser{padding-top: 168px;}
.subNav .serInp{position: relative;display: inline-block;width: 600px;}
.subNav .serInp .inpD{width: 600px;height: 44px;margin: 0;background-color: rgba(255,255,255,0.3);border-radius: 4px;}
.subNav .serInp .inpD .inp{width: 100%;height: 43px;padding-left: 20px;background-color: transparent;border: none;box-sizing: border-box;color: #fff;font-size: 16px;}
.subNav .serInp .inpD .inp::-webkit-input-placeholder{color:#fff;}
.subNav .serInp .inpD .inp::-moz-placeholder{color:#fff;}
.subNav .serInp .inpD .inp:-moz-placeholder{color:#fff;}
.subNav .serInp .inpD .inp:-ms-input-placeholder{color:#fff;}
.subNav .serInp .serIcon{position: absolute;right: 20px;top: 13px;cursor: pointer;width: 18px;}
.subNav .serInp .jc{position: absolute;right: -86px;top: -5px;padding: 10px;background-color: rgba(255,255,255,0.2);border-radius: 50%;cursor: pointer;}
.subNav .serInp .jc span{display: inline-block;width: 36px;height: 36px;line-height: 36px;background-color: #fff;border-radius: 50%;font-size: 12px;color: #333;text-align: center;}
.subNav .ser .kd{display:inline-block;width:600px;padding-top:15px;padding-left:15px;text-align:left;}
.subNav .ser .kd a{padding-right: 12px;color: #ccc;}
.subNav .nav{position: absolute;left: 0;bottom: 18px; width: 100%;text-align: left;}
.subNav .nav .main{text-align: center;}
.subNav .nav a{display: inline-block;height: 30px;line-height: 30px; padding: 2px 20px;margin-right: 30px;color: #fff;cursor: pointer;border: 1px solid transparent;border-radius: 2px;}
.subNav .nav a:hover,.subNav .nav a.on{border: 1px solid #0058FF;}
.subNav .nav a.on{font-size: 15px;}

.makeAlert{display: none;position: fixed;top:0px;left: 0px;z-index: 10000;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);color: #333;}
.makeAlert .alertMain{position: absolute;top:calc(50% - 270px);left: calc(50% - 400px);width: 800px;height: auto;padding: 20px; background-color: #F4F4F4;border-radius: 2px;}
.makeAlert .x{position:absolute;right:-44px;top:1px;z-index:1;width: 30px;cursor: pointer;}
.makeAlert .uInfo{position: relative;padding-left: 60px;}
.makeAlert .uInfo .icon{position: absolute;left: 0;top: -4px; width: 50px;height: 50px;border-radius: 50%;}
.makeAlert .uInfo .name{font-size: 16px;color: #000;}
.makeAlert .uInfo .name .s{padding-left:15px;font-size: 12px;color: #999;}
.makeAlert .uInfo .tips{padding: 5px 0;font-size: 12px;color: #666;}
.makeAlert .uInfo .tips .des{padding-left:15px;font-size: 12px;color: #999;}
.makeAlert .uInfo .tm{display:inline-block;position:absolute;right:10px;top:0;color:#666;font-size:12px;}
.makeAlert .videoD{padding-top: 15px;}
.makeAlert .videoD .lf{float: left;width: 60%;overflow: hidden;}
.makeAlert .videoD .video{position: relative;width: 100%;height: 280px;padding: 10px;box-sizing: border-box;background-color: #fff;overflow:hidden;text-align: center;}
.makeAlert .videoD .video .videoPlay{display:block;position:absolute;top:50%;left:50%;width:64px;height:64px;margin-top:-32px;margin-left:-32px;background:url("../images/wsxIcon48.png?ver=1") no-repeat;cursor: pointer;}
.makeAlert .videoD .video img{width: 100%;height: 100%;}
.makeAlert .videoD .video video{display: none; width: 100%; max-height: 100%;}
.makeAlert .videoD .rg{float:right;width:40%;padding-left:25px;box-sizing:border-box;}
.makeAlert .videoD .rg .ul{color: #999;}
.makeAlert .videoD .rg .li{height: 34px;line-height: 34px;margin-bottom: 6px;border-bottom:1px solid #ccc;}
.makeAlert .videoD .rg .li .l{float: left;padding-left: 24px;}
.makeAlert .videoD .rg .li .r{float: right}
.makeAlert .videoD .rg .fav .l{background: url('../images/wsxIcon81.png') no-repeat left center;background-size: auto 14px;}
.makeAlert .videoD .rg .hot .l{background: url('../images/wsxIcon82.png') no-repeat left center;background-size: auto 14px;}
.makeAlert .videoD .rg .grade .l{background: url('../images/wsxIcon80.png') no-repeat left center;background-size: auto 14px;}
.makeAlert .videoD .rg .grade .gd{display: inline-block;height: 22px;width:74px;margin-top: 5px;}
.makeAlert .videoD .rg .share .l{background: url('../images/wsxIcon78.png') no-repeat left center;background-size: auto 14px;}
.makeAlert .videoD .rg .share .copy{cursor: pointer;}
.makeAlert .videoD .rg .tm .l{background: url('../images/wsxIcon79.png') no-repeat left center;background-size: auto 14px;}
.makeAlert .videoD .rg .tagD{padding-top: 10px;}
.makeAlert .videoD .rg .tagD .title{padding-bottom: 10px;color: #000;}
.makeAlert .videoD .rg .tags{display: inline-block;}
.makeAlert .videoD .rg .tags .tag{position: relative; display: inline-block;height: 24px;line-height: 20px;padding: 2px 10px 2px 10px;margin-right: 30px;box-sizing:border-box; background-color: #0257FF;color: #fff;font-size: 12px;cursor: pointer;}
.makeAlert .videoD .rg .tags .dian{position: absolute;right: -3px;top: 10px;z-index: 1; width: 5px;height: 5px;background-color:#fff;border-radius: 50%;}
.makeAlert .videoD .rg .tags .sj{position:absolute;right:-24px;top:0;width:0;height:0;line-height:0;overflow:hidden;font-size:0;border-width:12px;border-color:transparent transparent transparent #0257FF;border-style:dashed dashed dashed solid;}
.makeAlert .imgBox{position: relative; padding-top: 10px;margin-bottom: 20px;clear: both;}
.makeAlert .imgBox .title{padding-bottom: 15px; font-size: 16px;}
.makeAlert .imgBox .title font{padding-left: 10px; font-size: 12px;color: #999;}
.makeAlert .imgBox .lfIcon{display: none;position: absolute;left: -1px;top: 90px;z-index: 1;width: 35px;height: 35px;background: url('../images/wsxIcon97.png') no-repeat center center;background-size: auto 35px;cursor: pointer;}
.makeAlert .imgBox .rgIcon{display: none;position: absolute;right: -1px;top: 90px;z-index: 1;width: 35px;height: 35px;background: url('../images/wsxIcon98.png') no-repeat center center;background-size: auto 35px;cursor: pointer;}
.makeAlert .imgBox:hover .lfIcon{display: inline-block;}
.makeAlert .imgBox:hover .rgIcon{display: inline-block;}
.makeAlert .imgBox .imgScroll{position: relative;height: 120px;width: 100%;overflow: hidden;padding: 10px;box-sizing: border-box;background-color: #DBDBDA;}
.makeAlert .imgBox .imgScroll .trans{min-width: 700px;height: 120px;}
.makeAlert .imgBox .imgScroll .img{float: left;display: inline-block;width: 160px;height: 100px;overflow: hidden; margin-right: 10px;border: 1px solid #ccc;}
.makeAlert .imgBox .imgScroll .img img{width: 100%;height: 100%;}
.makeAlert .btD{padding-top: 20px;}
.makeAlert .btD .btn{display: inline-block;padding: 8px 40px;background-color: #0257FF;color: #fff;font-size: 16px;border-radius: 2px;cursor: pointer;}

.itemBox{margin-right: -1%;}
.itemBox .item{position: relative;float: left; width: 24%;margin-bottom: 1%;margin-right: 1%;overflow: hidden; box-sizing: border-box;}
.itemBox .item:hover{background-color: #fff;box-shadow:0px 0px 32px -7px #666;}
.itemBox .imgD{width: 100%;height: auto;}
.itemBox .imgD .img{display: block; width: 100%;height: auto;-webkit-transition: transform 0.5s;transition: transform 0.5s;}
.itemBox .item:hover .imgD .img{-webkit-transform: scale(1.05,1.05);transform: scale(1.05,1.05);}
.itemBox .imgD .video{display: none; width: 100%;max-height: 100%;}
.itemBox .grade{position: absolute;right: 12px;top: 13px;z-index: 2;height: 22px;width:74px;}
.itemBox .item:hover .grade{display: none;}
.itemBox .time{position: absolute;right: 14px;top: -20px;z-index: 2;height: 22px;color: #fff;font-size: 17px; text-align: center;-webkit-transition: top 0.5s;transition: top 0.5s;}
.itemBox .item:hover .time{top: 9px;}
.itemBox .fav{display: inline-block; position: absolute;left: 14px;top: -20px;z-index: 2;width: 22px; height: 20px;color: #fff;cursor: pointer; background: url('../images/wsxIcon28.png') no-repeat center center;background-size:100% 100%;-webkit-transition: top 0.5s;transition: top 0.5s;}
.itemBox .item:hover .fav{top: 13px;}
.itemBox .favOn{background: url('../images/wsxIcon107.png') no-repeat center center;background-size:100% 100%;}
.itemBox .sta{position: absolute;left: 45px;top: 12px;z-index: 2;display: inline-block;padding: 2px 12px;border-radius: 10px;color: #fff;font-size: 12px;background-color: #0257FF;}
.itemBox .uInfo{position: absolute;left: 14px;bottom: -40px;z-index: 2;color: #fff;-webkit-transition: bottom 0.5s;transition: bottom 0.5s;}
.itemBox .item:hover .uInfo{bottom: 8px;}
.itemBox .uInfo .icon{width: 34px;height: 34px;border-radius: 50%;}
.itemBox .uInfo .name{display: inline-block;padding-left: 10px;margin-top: 9px;font-weight: 100;vertical-align: top;}
.itemBox .bk{display: none; position: absolute;left: 0px;top: 0px;z-index: 1; width: 100%;height: 100%;background-color: rgba(0,0,0,0.1);}
.itemBox .item:hover .bk{display: block;}
.itemBox .play{display: none; position: absolute;left: calc(50% - 25px);top: calc(50% - 25px);z-index: 1; width: 50px;height: 50px;cursor: pointer; background: url('../images/wsxIcon108.png') no-repeat center center;background-size:100% 100%;}
.itemBox .item:hover .play{display: block;}

.showhome{background-color: #FAFAFA;}
.showhome .sortDiv .sortD{text-align: center;}
.showhome .sortDiv .sortD .sel{margin: 0 12px;font-size: 20px;font-weight: 100;}
.showhome .listBox{/*width: 1600px;*/ min-height: 600px; margin: 0px auto 60px auto;padding: 0 1%;}
.showhome .listBox .itemBox{min-height: 600px; padding-bottom: 10px;}

.appBox{}
.appBox .line{text-align: center;}
.appBox .line .thick,.appBox .line .thin{display: block;width: 50px;height: 3px;margin: 0 auto;background-color: #fff;}
.appBox .line .thin{height: 1px;margin-top: 3px;}
.appBox .one{width: 100%;height: auto;padding-top: 130px;padding-bottom: 20px;background: url('../images/wsx_Vip1.png') no-repeat center center;background-size: 100% 100%;}
.appBox .one .dw{display: inline-block; width: 48%;vertical-align: top;color: #fff;text-align: center;}
.appBox .one .dw .core{display: inline-block;}
.appBox .one .dw .name{padding-bottom: 12px; font-size: 22px;color: #fff;}
.appBox .one .dw .tips{padding-top: 12px;margin-bottom: 10px;font-size: 18px;color: #fff;}
.appBox .one .dw .ewmD{padding: 30px 36px 26px 36px;background-color: #fff;border-radius: 3px;box-shadow: 0px 0px 32px -7px #666;}
.appBox .one .dw .ewmD .ewm{width: 110px;height: 110px;}
.appBox .one .dw .ewmD .t{padding: 10px 0 20px 0;color: #999;}
.appBox .one .dw .ewmD .dwBtn{display:block;padding:8px 15px 8px 38px;background-color:#0257FF;color:#fff;border-radius: 3px;background: #0257FF url('../images/wsxIcon99.png') no-repeat 15px center;background-size: auto 18px;}
.appBox .one .dw .ewmD .dwBtn2{margin-top: 20px; background: #0257FF url('../images/wsxIcon100.png') no-repeat 15px center;background-size: auto 18px;}
.appBox .one .mobile{display: inline-block;width: 48%;height: 540px;vertical-align: top;}
.appBox .one .mobile .icon{width: 100%;}
.appBox .two{padding-top: 100px;padding-bottom: 100px;}
.appBox .two .picD{display: inline-block;width: 48%;vertical-align: top;text-align: right;}
.appBox .two .picD .pic{width: 90%;}
.appBox .two .txtD{display: inline-block;width: 46%;margin-left: 3%;padding-top: 64px; vertical-align: top;text-align: left;}
.appBox .two .txt{display: inline-block;text-align: center;}
.appBox .two .txt .name{padding-bottom: 15px;font-size: 18px;color: #000;}
.appBox .two .txt .tips{padding-bottom: 5px;color: #666;}
.appBox .two .line{padding-bottom: 10px;}
.appBox .two .line .thick,.appBox .two .line .thin{background-color: #666;}
.appBox .three{width: 100%;height: auto;padding-top: 60px;padding-bottom: 5px;background: url('../images/wsx_Vip2.png') no-repeat center center;background-size: 100% 100%;}
.appBox .three .txt{display: block;width: 100%;color: #fff;text-align: center;}
.appBox .three .txt .name{padding-bottom: 15px;font-size: 22px;}
.appBox .three .txt .tips{padding-top:10px;padding-bottom:50px;}
.appBox .three .pidD{position: relative;height: 300px;text-align: center;}
.appBox .three .pidD .pic{height: 300px;}
.appBox .three .bmBk{position: relative;width: 100%;height:90px;margin-top: -70px;background: url('../images/wsx_Vip5.png') no-repeat center center;background-size: 100% 100%;}
.appBox .four{padding-top: 100px;padding-bottom: 100px;}
.appBox .four .txtD{display: inline-block;width: 46%;margin-right: 3%;padding-top: 150px; vertical-align: top;text-align: right;}
.appBox .four .txt{display: inline-block;text-align: center;}
.appBox .four .txt .name{padding-bottom: 15px;font-size: 18px;color: #000;}
.appBox .four .txt .tips{padding-bottom: 5px;color: #666;}
.appBox .four .line{padding-bottom: 10px;}
.appBox .four .line .thick,.appBox .four .line .thin{background-color: #666;}
.appBox .four .picD{display: inline-block;width: 48%;vertical-align: top;text-align: left;}
.appBox .four .picD .pic{height: 420px;}

.indBox{}
.indBox .line{text-align: center;}
.indBox .line .thick,.indBox .line .thin{display: block;width: 40px;height: 3px;margin: 0 auto;background-color: #fff;}
.indBox .line .thin{height: 1px;margin-top: 3px;}
.indBox .subNav{position: relative; height: 650px;color: #fff;background: none;text-align: center;}
.indBox .subNav .ser{position: relative;z-index: 2;padding-top: 160px;}
.indBox .subNav .serTitle{padding-bottom: 40px; color: #fff;font-size: 30px;}
.indBox .subNav .serInp .inpD{height: 48px;}
.indBox .subNav .serInp .inpD .inp{height: 46px;}
.indBox .subNav .serInp .serIcon{top: 15px;width: 18px;}
.indBox .subNav .serInp .jc span{width: 32px;height: 32px;line-height: 32px;}
.indBox .subNav .banner{position: absolute;left: 0;top: 0;z-index: 1; width: 100%;height: 100%;}
.indBox .subNav .banner .bannerSwiper{width: 100%;height: 100%;overflow: hidden;}
.indBox .subNav .banner .swiper-slide{width: 100%;}
.indBox .subNav .banner img,.indBox .subNav .banner video{width: 100%;height: 100%;}
.indBox .subNav .dianD{position: absolute;left: 0;bottom: 25px;z-index: 1;width: 100%;}
.indBox .subNav .dianD .dian{display: inline-block;width: 16px;height: 16px;margin-right: 8px;border:1px solid #0257FF;border-radius: 50%;cursor: pointer;}
.indBox .subNav .dianD .dian.on{width: 24px;height: 14px;background-color: #0257FF;border-radius: 20px;}
.indBox .nav{margin-top: 40px;margin-bottom: 40px; width: 100%;text-align: center;}
.indBox .nav a{display: inline-block;height: 30px;line-height: 30px; padding: 2px 20px;margin-right: 30px;color: #000;cursor: pointer;border: 1px solid transparent;border-radius: 2px;}
.indBox .nav a:hover,.indBox .nav a.on{color: #0257FF;}
.indBox .videoBanner{position: relative;}
.indBox .videoBanner .main{position: relative;}
.indBox .videoBanner .lfIcon{display: inline-block;position: absolute;left: -66px;top: 160px;z-index: 1;width: 40px;height: 40px;background: url('../images/wsxIcon97.png') no-repeat center center;background-size: auto 40px;cursor: pointer;}
.indBox .videoBanner .rgIcon{display: inline-block;position: absolute;right: -66px;top: 160px;z-index: 1;width: 40px;height: 40px;background: url('../images/wsxIcon98.png') no-repeat center center;background-size: auto 40px;cursor: pointer;}
.indBox .videoBanner .lfOn{background: url('../images/wsxIcon102.png') no-repeat center center;background-size: auto 40px;}
.indBox .videoBanner .rgOn{background: url('../images/wsxIcon101.png') no-repeat center center;background-size: auto 40px;}
.indBox .videoBanner .more{padding-top: 60px; padding-bottom: 60px; text-align: center;}
.indBox .videoSwiper{height: 340px; overflow: hidden;}
.indBox .videoSwiper .itemBox .item{width: 33.33%;height: 100%;margin-bottom: 0;margin-right: 0;background-color: #F6F6F6;}
.indBox .videoSwiper .itemBox .imgD{width: 100%;height: 100%;}
.indBox .material{width: 100%;height: 610px; margin-bottom:40px;background: url('../images/wsx_img2.jpg') no-repeat center center;background-size: 100% 100%;}
.indBox .material .bk{position: absolute;width: 100%;height: 600px;z-index: 1; background-color: rgba(0,0,0,0.5);}
.indBox .material .main{position: relative;z-index: 2;}
.indBox .material .txtD{padding-top: 46px;padding-bottom: 35px;text-align: center;}
.indBox .material .txt{display: inline-block;color: #fff;text-align: center;}
.indBox .material .txt .name{padding-bottom: 6px;font-size: 24px;}
.indBox .material .txt .tips{padding-bottom: 5px;font-size: 16px;color: #ccc;}
.indBox .material .line{padding-bottom: 10px;}
.indBox .material .picD{}
.indBox .material .picD img,.indBox .material .picD video{width: 100%;height: 100%;}
.indBox .material .picGroup{float: left; width: 290px;margin-right: 20px;}
.indBox .material .picGroup2{float: left; width: 200px;}
.indBox .material .picD .pic1{float: left; width: 390px;margin-right: 20px;}
.indBox .material .picD .pic2{float: left; width: 100%; margin-bottom: 20px;}
.indBox .material .picD .pic3{float: left; width: 134px;margin-right: 20px;}
.indBox .material .picD .pic4{float: left; width: 134px;}
.indBox .material .picD .pic5{float: left; width: 250px;height: 305px;margin-right: 20px;background-color: #211E31;}
.indBox .material .picD .pic6{float: left; width: 210px;margin-bottom: 20px;}
.indBox .material .picD .pic7{float: left; width: 210px;}
.indBox .material .more{padding-top: 44px;clear: both; text-align: center;}
.indBox .material .button{border:1px solid #ccc;box-shadow: 1px 1px 0px 1px #ccc;color: #fff;}
.indBox .appD{padding: 10px 0px 60px 0px;}
.indBox .appD .txtD{padding-bottom: 30px;text-align: center;}
.indBox .appD .txtD .name{font-size: 22px;color: #000;}
.indBox .line{padding: 10px 0;}
.indBox .appD .line .thick,.indBox .appD .line .thin{width: 34px;background-color: #333;}
.indBox .appD .line .thin{height: 1px;margin-top: 3px;}
.indBox .appD .picD{text-align: center;}
.indBox .appD .picD img{width: 600px;}
.indBox .appD .more{padding-top: 34px;clear: both; text-align: center;}

.vipBox{background: url('../images/wsx_bk.png') no-repeat center center;background-size: 100% 100%;}
.vipBox .vipImg{padding-top: 100px;padding-bottom: 20px;text-align: center;}
.vipBox .vipImg img{height: 100px;}
.vipBox .vipTxt{padding-top: 16px;color: #fff;text-align: center;}
.vipBox .vipTxt .lf{display: inline-block;width: 300px;height: 22px;line-height: 22px;padding-right: 10px;background: url('../images/wsx_redLine.png') no-repeat center center;background-size: 100% 100%;text-align: right;letter-spacing: 10px;}
.vipBox .vipTxt .rg{display: inline-block;width: 300px;height: 22px;line-height: 22px;padding-left: 18px;background: url('../images/wsx_blueLine.png') no-repeat center center;background-size: 100% 100%;text-align: left;letter-spacing: 10px;}
.vipBox .vipName{padding-top: 50px;padding-bottom: 40px;color: #fff;text-align: center;}
.vipBox .vipName .lf{display: inline-block;width: 200px;height: 2px;vertical-align: middle;background: url('../images/wsx_line.png') no-repeat center center;background-size: 100% 100%;}
.vipBox .vipName .rg{display: inline-block;width: 200px;height: 2px;vertical-align: middle;background: url('../images/wsx_line2.png') no-repeat center center;background-size: 100% 100%;}
.vipBox .vipName .name{display: inline-block;height: 24px;line-height: 24px;padding-left: 24px;padding-right: 18px;margin-top: -4px;vertical-align: middle;letter-spacing: 10px;font-size: 18px;}
.vipBox .spD{padding-bottom: 60px;color: #fff;text-align: center;}
.vipBox .spD .sp{display: inline-block;padding: 6px 16px;border:1px solid #e2e2e2;border-radius: 2px;letter-spacing: 10px;}
.vipBox .spD .dian{display: inline-block;margin: 0 20px;width: 2px;height: 2px;background-color: #fff;vertical-align: middle;}
.vipBox .vipSwiper{height: 200px;width: 700px;overflow: hidden;}
.vipBox .vipSwiper .swiper-slide{position: relative; width: 100%;height: 100%;overflow: hidden;}
.vipBox .vipSwiper .swiper-slide.opa{opacity: 0.4;}
.vipBox .vipSwiper img{width: 100%;height: 200px;}
.vipBox .vipSwiper .price{position: absolute;left: 15px;top: 10px;padding: 6px 14px;color: #fff;border-radius: 20px;font-size: 12px;background-color: rgba(0,0,0,0.5);}
.vipBox .vipSwiper .cd{display: none;position: absolute;right: -26px;top: 8px;width: 105px;height: 32px;line-height: 30px;text-align: center;color: #fff;font-size: 12px;background: url('../images/wsx_cd3.png') no-repeat center center;background-size: 100% 100%;transform: rotate(44deg);-webkit-transform: rotate(44deg);}
.vipBox .vipSwiper .tm{position: absolute;left: 20px;bottom: 20px;color: #fff;font-size: 12px;}
.vipBox .vipBanner .dianD{padding-top: 20px;text-align: center;}
.vipBox .vipBanner .dianD .dian{display: inline-block;width: 6px;height: 6px;margin-right: 10px; border:1px solid #0257FF;border-radius: 50%;}
.vipBox .vipBanner .dianD .dian.on{background-color:#0257FF;}
.vipBox .ty{padding: 20px 0px 50px 0px; color: #ccc;font-size: 12px;text-align: center;cursor: pointer;}
.vipBox .btD{padding-bottom: 100px;text-align: center;}
.vipBox .btD .button{border:1px solid #ccc;box-shadow: 1px 1px 0px 1px #ccc;color: #fff;}
.vipBox .ewmD{display: none;padding-bottom: 100px;text-align: center;}
.vipBox .ewmD .ewm{display: inline-block;width: 350px;height: auto;padding-top: 20px;padding-bottom: 20px;background: url('../images/wsxBk5.png') no-repeat center center;background-size: 100% 100%;}
.vipBox .ewmD .img{display: inline-block;width: 100px;height: 100px;padding: 5px; background-color: #fff;}
.vipBox .ewmD .img img{width: 100%;height: 100%;}
.vipBox .ewmD .txt{display: block;margin-top: 10px;;color: #fff;font-size: 12px;}

.vdoBox .banner{width: 100%;height: 260px;text-align: center;color: #fff;background: url('../images/wsx_bk2.jpg') no-repeat center center;background-size: 100% 100%;}
.vdoBox .banner .name{padding-top: 95px;font-size: 20px;}
.vdoBox .banner .tips{padding-top: 16px;padding-bottom: 40px;color: #ccc;}
.vdoBox .banner .tgBtn{display:inline-block;padding:6px 24px;border-radius: 2px; background-color:#0257FF;color:#fff;cursor: pointer;}
.vdoBox .listBox{min-height:600px;margin:1% auto 60px auto;padding:0 1%;}
.vdoBox .listBox .itemBox{min-height: 600px; padding-bottom: 10px;}
.vdoBox .tgAlert{display: none;position: fixed;top:0px;left: 0px;z-index: 10000;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);color: #333;}
.vdoBox .tgAlert .alertMain{position: absolute;top:calc(50% - 220px);left: calc(50% - 324px);width: 648px;height: auto;padding: 5px 20px; background-color: #F4F4F4;border-radius: 2px;}
.vdoBox .tgAlert .x{position:absolute;right:-44px;top:1px;z-index:1;width: 30px;cursor: pointer;}
.vdoBox .tgAlert .tl{height: 56px;line-height: 50px;padding-bottom: 5px;font-size: 18px;color: #000;text-align: center;}
.vdoBox .tgAlert .inpGroup{position: relative;padding-left: 20px;}
.vdoBox .tgAlert .dian{position: absolute;left: 0px;top: 15px;width: 8px;height: 8px;border-radius: 50%;background-color: #0257FF;}
.vdoBox .tgAlert .vD{display: inline-block;width: 300px;height: 168px;line-height: 168px;vertical-align: top;border: 1px #DADADA solid;border-radius: 3px;color: #999;background-color: #F0F0F0;text-align: center;}
.vdoBox .tgAlert .vD video{display:none;width:100%;max-height:100%;vertical-align: middle;}
.vdoBox .tgAlert .vTxt{display: inline-block;padding-left: 10px; color: #999;}
.vdoBox .tgAlert .vTxt .tips{line-height: 22px;}
.vdoBox .tgAlert .vTxt .one{padding-bottom: 8px;}
.vdoBox .tgAlert .upD{margin-bottom: 58px;}
.vdoBox .tgAlert .upBtn{display:inline-block;padding:8px 20px;border-radius: 3px;background-color:#0257FF;color:#fff;cursor: pointer;}
.vdoBox .tgAlert .btnD{margin-top: 20px; margin-bottom: 20px;text-align: center;}