@charset "utf-8";

html,body{ width: 100%; height: 100%;}
body.bodyScroll { background: #fff; }
.m-popbox { padding:20px;}

/* 布局 */
.ap-layout{display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: auto; flex: auto; }
.ap-layout.ap-layout-has-sider{-ms-flex-direction: row; flex-direction : row}
/* .ap-layout.ap-layout-has-sider, */
.ap-layout.ap-layout-has-sider>.ap-layout-content{overflow-x: hidden; min-height: calc(100vh - 54px);}
.ap-layout-content{-ms-flex: auto; flex : auto;}
.ap-layout-sider{-webkit-transition: all .2s; transition : all .2s; position : relative; background : #313e57; width : 200px;}
.ap-layout-sider-children{flex: 0 0 200px; max-width: 200px; min-width: 200px; width: 200px; height : 100%; padding-top: .1px; margin-top : -.1px}
.ap-layout-content .ap-contentbox {background-color: #fff; margin:0 20px 20px; padding: 20px; height: calc(100vh - 145px); overflow-y: auto;  box-shadow:0 0 10px rgba(101,113,254,.2); border-radius: 3px;}
.w-1300 { width: 1300px; margin: 0 auto;}

/*头部 start*/
.ap-layout-header { height:60px; background: #725bfe; text-align: center; position: fixed; top: 0; right: 0; left: 0; z-index: 999995; box-shadow: 0 10px 10px rgba(101,113,254,.3);}
.ap-layout-header .lhead{ float: left;}
/* logo */
.ap-logo{height :60px; min-width : 160px; line-height : 20px; vertical-align: top; display : inline-block; cursor : pointer; color: #fff; margin-right: 20px;  display: flex;display: -webkit-flex;
  align-items: center;-webkit-align-items: center; position: relative;}
.ap-logo .logotitle {font-size:20px;}
.ap-logo .logoimg {width:52px;height:36px; display : inline-block; vertical-align: middle; margin-right:10px;}
.ap-logo .teststate { width: 42px; height: 24px; position: absolute; top:10px; right: -50px; background:url(../../images/student/testtype.png) 0 -210px no-repeat;}

.ap-layout-header .lhead .u-logo{ display: inline-block; height: 50px; margin-top:6px; color: #725bfe; font-size: 24px;}
.ap-layout-header .lhead .u-logo img{ max-height:50px;}
.ap-layout-header .lhead .u-title{ display: inline-block;height: 24px; vertical-align: 13px; font-size: 16px; font-style: normal; color: #ff9731; font-weight: bold; margin-left:5px;}
.ap-layout-header .mhead{ display: inline-block;}
.headtabs li{ list-style: none; width: 65px; text-align: center; float: left; position: relative;}
.headtabs li:before{ content: ""; display: inline-block; width: 1px; height: 20px; background: #dddddd; position: absolute; left: 0;; top: 16px}
.headtabs li.choose:after { content: ""; display: inline-block; width: 1px; height: 20px; background: #dddddd; position: absolute; right: 0; top: 16px;}
.headtabs .choose{ width: auto; text-align: left;}
.headtabs li a{ display: block; margin-top: 9px;}
.headtabs li a em{ display: inline-block; background: url(../../images/student/tabicons.png) no-repeat;}

.ap-toplink { color: #fff; display:block; padding:12px 30px 0; margin-right: 15px;position: relative;height:60px;}
.ap-toplink .ap-userphoto { width: 38px; height: 38px; background: #fff; border-radius: 5px; position: relative;}
.ap-toplink .ap-userphoto img { max-width: 100%; max-height: 100%; border-radius: 5px; }
.ap-toplink h3{ position: absolute;bottom:-18px;left:0;right:0;text-align: center; display: none;}
.ap-toplink span{margin-right:10px;}

.ap-toplink .headnav li{ list-style: none;border-bottom: 1px solid rgba(255,255,255,0.3);}
.ap-toplink .headnav li:last-child{border-bottom: none;}
.ap-toplink .headnav { position: absolute;list-style: none; font-size: 14px; z-index: 1; padding-top: 6px; box-sizing: border-box;left:0;right:0; top:45px; text-align: center; overflow: hidden; color: #333; visibility:hidden; -webkit-transition: visibility 0 .3s; transition: visibility 0 .3s; box-shadow: 0 5px 10px rgba(0,0,0,.1);}
.ap-toplink .headnav::before { content: ""; display: block; width: 0; height: 0; margin: 0 auto; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:6px solid rgba(91,129,254,.8);}
.ap-toplink .headnav li { display: block; padding: 7px 0 7px 10px; background: rgba(91,129,254,.8); width:100%;}
.ap-toplink .headnav li a { display: block; height: 30px;line-height: 30px; text-align:left; color: rgba(255,255,255,0.8);font-size:12px; text-align: center;}
.ap-toplink .headnav li:hover a{color: rgba(255,255,255,1);;}
.ap-toplink:hover .headnav { visibility: visible; -webkit-transition: visibility 0; transition: visibility 0;}
.ap-toplink .headnav li a i {font-size: 18px; margin-right:5px; vertical-align: -1px; color: #fff;}

.testbtns {
    margin-top: 15px;
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
}
.testbtns .submitbtn { background:#ff4141; box-shadow:1px 1px 0 rgba(0,0,0,.1); color: #fff;}
.m-time { font-size:16px; font-weight: 700; color:#fff; margin-right:30px;}
.m-time i { margin-right: 5px; vertical-align:2px;}
.m-time em { font-style: normal;}

.m-testlistbox { margin-top:80px; background-color: #fff; min-height: calc(100vh - 145px); box-shadow:0 0 10px rgba(101,113,254,.2); border-radius: 3px; padding-bottom: 30px;}
/*头部 end*/

/* 学生考试页面 */
.m-stutesttip { background: #fff url(../../images/student/testtipbg.png) right bottom no-repeat; margin-bottom: 30px;}
.m-stutesttip .tiptitle { font-size: 16px; padding:15px 0 0 38px; color: #394a79; font-weight: 700;}
.m-stutesttip .tiptitle .titlearr { display: inline-block; width: 24px; height: 24px; background: #f1d1b3; position: relative; margin-right: 10px; vertical-align:-4px;}
.m-stutesttip .tiptitle .titlearr::before { content:""; display: inline-block; position: absolute; width: 58px; height: 24px; top:4px; right:4px; background: #f18f30;}
.m-stutesttip .tiptitle i { color:#5b6afe; font-size:28px; margin-right: 5px; vertical-align: -3px;}
.m-stutesttip .testexplan { counter-reset: step; counter-increment: step 0; padding:25px 68px 40px; position: relative; border-bottom: 1px dashed #c5c5c5;}
.m-stutesttip .testexplan li { list-style: none; padding:6px 0 8px; position: relative; color: #657296;}
.m-stutesttip .testexplan li .step { display: inline-block; background: #eef0ff; vertical-align: middle; margin: -0.5em 12px 0 0; width:20px; height: 20px; position: relative;}
.m-stutesttip .testexplan li .step::before { font-weight: 700; position: absolute; top:-2px; left:4px; content: counter(step); counter-increment: step; display: block;  color: #5b6afe; font-size: 25px; line-height: 12px; text-align: center;}
.iconsquare { display: inline-block; position: relative; width:12px; height: 12px; margin-right: 10px; background: #adb4fe;}
.iconsquare::before { content:""; display:block; position: absolute; width: 12px; height: 12px; top:6px; right:6px; background: #725bfe;}

.m-stutestcon { background: #fff; width: 800px; box-shadow:0 0 10px rgba(101,113,254,.2); border-radius: 3px; margin: 0 auto;}
.m-testtitle { font-size:18px; color: #657296; padding:20px 20px 20px; font-weight: 700; border-bottom: 1px solid #dee1e9;}
.m-testypebox .item { position: relative; height: 150px; border-bottom: 1px dashed #dee1e9; color: #394a79;}
.m-testypebox .item .testtag { width: 96px; height: 96px; position: absolute; left: 0; top: 0; background: url(../../images/student/testtype.png) -999px -999px no-repeat;}
.m-testypebox .item .testtag.tag1 { background-position: 0 -104px;}/*实训考试*/
.m-testypebox .item .testtag.tag2 { background-position: right -104px;}/*理论考试*/
.m-testypebox .item .timelist { position: absolute; z-index: 1; left: 100px; top: 50%; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); transform:translate(0,-50%);}
.m-testypebox .item .timelist li { padding: 0 5px; }
.m-testypebox .item .time { font-size: 18px; color: #5b6afe;}
.m-testypebox .item .counttime { font-weight: 700; font-size:24px; color: #5b6afe;}
.m-testypebox .item:last-child { border-bottom: 0;}
.m-testypebox .item .teststate { position: absolute; z-index: 0; left: 432px; top: 50%; margin-top: -48px; width: 98px; height: 98px; background:url(../../images/student/testtype.png) -999px -999px no-repeat;}
.m-testypebox .item .teststate.state1 { background-position: right 0;}/*未开始*/
.m-testypebox .item .teststate.state2 { background-position: 0 0;}/*进行中*/
.m-testypebox .item .testbtn { position: absolute; top: 50%; right: 15px; border: 0; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); transform:translate(0,-50%);}
.m-testypebox .item .testbtn.untest { background: #c8cdda; cursor: default;}


.f-whitebg{ background:#fff;}
.g-wrap{ width: 1200px; margin: 0 auto;}
.g-content{ width: 1200px; /*position: fixed; top:65px; bottom: 15px; left: 50%; margin-left: -600px;*/ margin: 0 auto; margin-top: 110px; background:#fff; min-height: calc(100vh - 135px);}
.g-content.nostep { margin-top: 90px;}
.g-content .g-wrap{ background: #f1f1f1;}
.m-rcontent{ width: 1010px; float: left; position: relative; height: 100%;}
.innercont{padding: 15px 42px 0 30px;}
.g-content .m-stuconbox { padding:20px; position: relative; /*height:86%; overflow: auto;*/ background:#fff; border-radius: 5px;}

/*表单 start*/
.m-formbox { min-height:50px; padding: 0 15px; }
.m-formbox.pd20 { padding: 20px;}
.m-tableform { width:100%;}
.m-tableform td,.m-tableform th { padding:9px 5px; line-height:1.8; vertical-align:top;}
.m-tableform th { text-align:right; white-space:nowrap;}
.m-tableform th.f-tal,.m-tableform td.f-tal {text-align: left;}
.m-tableform th.f-tac,.m-tableform td.f-tac {text-align: center;}
.m-tableform th.f-tar,.m-tableform td.f-tar { text-align: right;}
.m-selectlist li { list-style:none; float:left; margin-right:15px; margin-bottom: 5px; min-width: 150px;}
.m-selectlist li i { vertical-align: -3px; margin-right:3px;}
/*表单 end*/

/*实验列表 start*/
.exptopbox{ height:48px; line-height:48px; padding:0 15px; border:1px solid #ddd; border-bottom:1px solid #725bfe;}
.exptopbox h3{ font-size:18px; font-weight:bold; font-family:"微软雅黑"; color:#333; float:left;}
.experimentcont{ position:absolute; top:50px; bottom:0; left:0; right:0; overflow:hidden;}
.experimentcont .explist{ padding:10px 60px; clear:both; overflow:hidden;}
.experimentcont .procestate { padding: 16px 20px 10px 30px;}
.experimentcont .procestate span{ float:left;}
.experimentcont .explist li{ list-style:none; width:300px; height:370px; text-align:center; background:#fff;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);border-radius: 5px; position:relative; float:left; margin:20px 30px}
.experimentcont .exptitle{ font-size:18px; text-align:left; height:58px; line-height:58px; font-weight:bold; border-bottom:1px solid #ddd; padding:0 15px;}
.modelchose a{ display:inline-block; width:25px; height:20px; margin-left:10px;}
.modelchose a em{ width:28px; height:20px; display:block; background:url(../../images/common/modelstate.png) no-repeat;}
.modelchose a em.wechat{ background-position: 0 -34px;}
.modelchose a em.weblog{ background-position: -37px -33px;}
.modelchose a em.shequn{ background-position: -74px -33px;}
.modelchose a em.douyin{ background-position: -100px -33px;}
.modelchose a.cur em.wechat{ background-position: 0 0px;}
.modelchose a.cur em.weblog{ background-position: -37px 0;}
.modelchose a.cur em.shequn{ background-position: -74px 0;}
.modelchose a.cur em.douyin{ background-position: -100px 0;}
.experimentcont .explist li .u-state{ font-size:14px;}
.experimentcont .explist li .u-state:before{ content:''; display:inline-block; width:14px; height:14px; vertical-align:-2px; margin-right:8px;}
.experimentcont .explist li.unstart .u-state:before{ background:#f69125}
.experimentcont .explist li.doing .u-state:before{ background:#75c339;}
.experimentcont .explist li.over .u-state:before{ background:#e94b4b;}
.expermentime{ text-align:center; width:250px; height:58px; margin:0 auto; padding:20px 0 12px 0; background:#f7f7f7;}
.expermentime + .expermentime{ margin-top: 5px;}
.expermentime .u-date{ font-size:14px; color:#333; line-height:1;}
.expermentime .u-date span{ color:#f18f30;}
.expermentime .u-time{ width:88px; height:28px; line-height:28px; margin:14px auto 15px auto;}
.expermentime .u-time em{ font-style:normal; font-weight:bold; font-size:20px; vertical-align: -3px; margin:0 5px;}
.explist .u-button{ width:108px; height:30px; margin-top:25px;}
.experimentcont .explist li.doing .u-time{ color:#f18f30;}
.experimentcont .explist li.unstart .u-state{color: #f69125;}
.experimentcont .explist li.doing .u-state{color: #75c339;}
.experimentcont .explist li.over .u-state{color: #e94b4b;}
.u-button.f-clight{ background:#f6f6f6;}
/*实验列表 end*/
/*任务书*/
.taskcontent{ position:absolute; top:0; bottom:80px; left:0; right:0;}
.taskcontent h3{ font-size:16px; font-weight:bold; font-family:"微软雅黑"; text-align:center;background-color: #fff4ea;padding:8px 0;}
.taskcontent img{ max-width:100%;}
.taskbody{padding:20px 35px;}
.taskbody h4{margin-bottom:10px;}
.taskbody h4 i{color:#fe9530;display:inline-block;margin-right:5px;}
.taskbody p{color:#666;padding:5px 0;}

/*input start*/
input[type=text],input[type=password],input[type=time] { width:280px; padding: 0 6px; height: 28px; line-height: 28px; border: 1px solid #dee1e9; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; background: #f4f5f7; color: #394a79;}
input[type=text].disabled,input[type=password].disabled {border: 1px solid #e5e5e5; background: #f4f5f7;}
input[type=text]:focus,input[type=password]:focus {border: 1px solid rgba(114,91,254,.4);  background: #fff;}
input[type=text].u-small { width: 86px; }
input[type=text].colorinput:focus { border-color: #dcdcdc; }
textarea {padding: 6px; line-height: 24px; border: 1px solid #dee1e9; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 2px; background: #f8f8f8; color: #999999;}
textarea:focus {border: 1px solid rgba(114,91,254,.4); color: #666666; background: #fff;}
/*input end*/

/* 统计当前输入字数 */
.m-textnumbox { position: relative; width:400px; height: 32px; line-height: 32px; border: 1px solid #dcdcdc; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; background: #f8f8f8; color: #999999;}
.m-textnumbox input { border: 0; width: 100%; background: none; height: 26px; display: inline-block;}
.m-textnumbox input:focus,.m-textnumbox input:hover { border:0;}
.m-textnumbox .tipnumber { position: absolute; right: 5px; top: 0;}


/*标题 start*/
/* .m-titlebox{ height: 48px; line-height: 48px; background: rgba(101,113,254,.1); padding: 0 16px;}
.m-titlebox .u-title{ font-weight: bold; color: #394a79;} */
.m-titlebox {padding: 12px 15px;border-bottom: 1px solid #ddd;line-height: 32px; position: relative;min-height: 48px; }
.m-titlebox-top{background:rgba(85,124,254,0.2);font-weight: bold;color:#725bfe;margin-bottom: 10px;}
.m-titlebox-top span{font-weight: normal;padding-left: 5px;}
.titleh3{ font-size: 20px; font-weight: bold; color: #51575f; font-family: '微软雅黑';}
.titleh3 + a,
.titleh3 + a i{font-weight: normal;}
.m-titlebox em{font-style:normal;}
.m-titlebox.task {padding: 10px 20px;}
.m-titlebox .back{margin-top:10px;}
.u-title{ font-weight: bold; color: #394a79;}
.u-title .driver{display: inline-block;width:5px;height:20px;background-color: #725bfe;margin-right:10px;vertical-align: -2px;border-radius: 2px;} */

/*标题 end*/

/*提示 start*/
.u-tips{ color: #bbbbbb;}
.u-tips i{ font-size: 14px; margin-right: 5px;}
/*提示 end*/


/*素材库 start*/

/* 
/*一级tab*/
/* .m-layertab { line-height: 48px; height: 48px; background:rgba(91,106,254,.1); padding-left: 20px;border-radius: 4px 4px 0 0;}
.m-layertab .layertab { display: block; padding:0 15px;margin-right:10px; float: left;text-align: center; color: #a7afc3; height: 48px; font-weight: 700; }
.m-layertab .layertab.cur { background: #fff; box-shadow: 0 3px 0 #725bfe inset; color: #725bfe; border-bottom: 1px solid transparent}
.m-layertab .layertab i { color: #828282; }
.m-layertab .layertab.cur i { color: #555; font-size: 18px; } */
/*二级tab*/
/*二级tab*/
/* .m-layertab2 { border-bottom: 1px solid #e3e1dd; margin-bottom:20px;margin-top:10px;padding:0 20px;}
.m-layertab2 .layertab { display: block;  color: #76716f; font-size: 14px; padding: 0 12px; float: left; position: relative; }
.m-layertab2 .layertab + .layertab:before { content: "";  background: #d7d6d8; width: 1px; height: 14px; top: 8px; left: 0; display: block; position: absolute; }
.m-layertab2 .layertab span {  padding: 5px 3px; display: inline-block; color:#657296;}
.m-layertab2 .layertab span i{ margin-right:8px; vertical-align:-1px;}
.m-layertab2 .layertab.cur span { box-shadow: 0 2px 0 #725bfe; color: #725bfe; font-size: 16px; }
.innercontab .m-layertab2{ padding-top:0; box-sizing: content-box !important; -webkit-box-sizing: content-box !important;} */
/*
.m-layertab2 { height: 20px; padding: 8px 0 12px 25px; border-bottom: 1px solid #e3e1dd; }
.m-layertab2 .layertab { display: block; line-height: 20px; color: #76716f; font-size: 14px; padding: 0 12px; float: left; position: relative; }
.m-layertab2 .layertab + .layertab:before { content: "";  background: #d7d6d8; width: 1px; height: 14px; top: 8px; left: 0; display: block; position: absolute; }
.m-layertab2 .layertab span {  padding: 5px 3px; display: inline-block; }
.m-layertab2 .layertab.cur span { box-shadow: 0 2px 0 #725bfe; color: #333; font-size: 16px; }
.innercontab .m-layertab2{ padding-top:0; box-sizing: content-box !important; -webkit-box-sizing: content-box !important;} */
.innercontab .m-searchboxt{ position:absolute; right:10px; top:6px;}
.materialchose{ padding:10px 0px 0 10px;}
.materialchose p{ display:inline-block; margin-left:8px;}
/* step tab */
.m-steptab { display:flex; flex-direction:row; flex-wrap:nowrap; text-align: center; counter-reset: step; border-bottom: 1px solid #725bfe; padding-top:5px;}
.m-steptab a { float: none; flex: 1; position: relative;}
.m-steptab a::after { position: absolute; right: -17px; top: 0; content: ""; display: block; width:  25px; height: 40px; background: url(../../images/common/steptab.png) right 0 no-repeat;background-size: 100% 100%;}
.m-steptab a:last-child::after { display: none;}
.m-steptab a span { display: inline-block; line-height: 35px;height:40px; padding: 0 5px 10px; color: #999; font-size: 16px; position: relative;}
.m-steptab a span::after { content: ""; display: block; height: 5px; background:#725bfe; width: 0; position: absolute;}
.m-steptab a.cur span { color: #725bfe;}
.m-steptab a.cur span::after { width: 100%; left:0; right:0; bottom:-3px;}
.m-steptab a:hover span::after {  width: 100%; left:0; right:0; bottom:-3px; transition: width .2s; }
.m-steptab a span::before { content: counter(step); counter-increment: step; display: inline-block; text-align: center; width: 24px; height: 24px; line-height: 24px; background:#eee; border-radius: 100%; color:#999;  margin-right: 15px;}
.m-steptab a.cur span::before { background: #725bfe; color: #fff; }

.m-righttab { display:flex; flex-direction:row; flex-wrap:nowrap; text-align: center; border-radius: 5px 0 0 0;}
.m-righttab a { flex: 1; width: 50%; position: relative; text-align: center; color: #a7afc3; height: 48px; line-height: 48px; background: rgba(114,91,254,.2);}
.m-righttab a.cur { background: #fff; box-shadow: 0 3px 0 #725bfe inset; color: #725bfe; border-bottom: 1px solid transparent}
/* .m-righttab a i { color: #828282; }
.m-righttab a.cur i { color: #555; font-size: 18px; } */
.m-righttab a i{margin-right: 5px;}
.m-righttab a:first-child { border-radius: 5px 0 0 0;}


.m-resourcelist { height: 325px; }
.m-resourcelist, .m-resourcelist li { list-style:none; display: block; }
.m-resourcelist li { float: left; padding: 12px 10px 10px; position: relative; }
.m-resourcelist li .resourcebox { -webkit-transition: box-shadow .2s; transition: box-shadow .2s; position: relative; background: #f8f8f8; box-shadow: 0 0 0 1px #d2d2d2; width: 140px; height: 140px; overflow:hidden; text-align: center; line-height: 140px; font-size: 0; }
.m-resourcelist li .resourcebox:hover, .m-resourcelist li.cur .resourcebox { box-shadow: 0 0 0 2px #FFA124; cursor: pointer; }
.m-resourcelist li.cur .resourcebox:before { content: ""; position: absolute; border: 13px solid #FFA124; border-top-color: transparent; border-left-color: transparent; right: 0; bottom: 0; }
.m-resourcelist li.cur .resourcebox:after { content: "\e644"; font-family: "iconfont"; position: absolute; font-size: 13px; bottom: 0px; right: 1px; line-height: 1; color: #fff; }
.m-resourcelist li .resourcebox.addbtn { box-shadow: none; }
.m-resourcelist li .resourcebox.addbtn .addpic { display: block; width: 138px; height: 138px; border: 1px dashed #d2d2d2; overflow: hidden; line-height: 60px; text-align: center; background: #f8f8f8 url(../../Images/student/uphead.png) center center no-repeat; }
.m-resourcelist li .resourcebox img { vertical-align: middle; max-width: 100%; max-height: 100%; }
.m-resourcelist li .del { display: block; position: absolute; width: 26px; height: 26px; text-align: center; line-height: 26px; color: #fff; background: #666; font-family: bold; top: 11px; right: 9px; opacity: 0; -webkit-transition: opacity .2s, -webkit-transform .1s; transition: opacity .2s, transform .1s; }
.m-resourcelist li .del:before { content: "\e669"; font-family: "iconfont"; font-size: 14px; }
.m-resourcelist li:hover .del { opacity: 1; }
.m-resourcelist li .resourcebox .audioimg{ width:100px; height:100px; margin:5px auto;}
.m-resourcelist li .resourcebox .audioimg img{ vertical-align:top;}
.m-resourcelist li .resourcebox .audiobo{ line-height:1; font-size:12px; color:#999; margin-top:-12px;}
.m-resourcelist li .resourcebox .audiobo span{ margin-left:10px;}
.m-resourcelist li .resourcebox .audioplay{ font-size:14px; line-height:1;  margin-top:5px; position:absolute; margin-left:-20px; left:50%;}
.m-resourcelist li .audioname{ text-align:center; margin-top:5px; color:#666; width:140px; display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.m-resourcelist li .resourcebox.m-videobox{ width:190px;}
.m-resourcelist li .resourcebox.m-videobox img{ width:100%; height:100%;}
.m-resourcelist li .resourcebox.m-videobox .icon-videoplay{ position:absolute; font-size:34px; left:42%; top:0; color:#fff; line-height:1; margin-top:-17px; top:50%;}
/*素材库 end*/

/*表格列表 start*/
.m-tableList { width: 100%;}
.m-tableList th,.m-tableList td { min-height:21px; text-align:center; vertical-align:middle; }
.m-tableList th { color:#394a79; line-height:1.5; background: rgba(101,113,254,.1); padding:8px 8px; font-size:14px; white-space:nowrap;}
.m-tableList thead tr th:first-child { border-radius: 5px 0 0 5px;}
.m-tableList thead tr th:last-child { border-radius: 0 5px 5px 0;}
.m-unitset .m-tableList >tbody > tr > th { color:#999; background:#ebebeb; }
.m-tableList td { color:#657296; padding:10px 6px; border:1px solid transparent; border-bottom:1px solid #e7e7e7; background:#fff;}
.m-tableList td.f-tal,.m-tableList th.f-tal { text-align:left;}
.m-tableList td.f-tar,.m-tableList th.f-tar { text-align:right;}
.m-tableList a{ text-decoration: underline; color: #725bfe; margin: 0 3px;}
.m-tableList a.icona{ text-decoration:none;}
.icona.disabled { color:#999; cursor:no-drop;}
.m-tableList br + a { display: inline-block; padding-top: 3px; }
.m-tableList td.f-limit { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.m-tableList td.w90 { max-width: 90px; }
.m-tableList td.w150 { max-width: 150px; }
.m-tableList td.w650 { max-width: 650px; }
.m-tableList td.w500 { max-width: 500px; }
.m-tableList tr:nth-child(2n) td{ background: #f9f9f9;}
/*表格列表 end*/


/*开启、关闭 end*/

/*时间控件*/
.m-dateset { display: inline-block; }
input[type=datetime] {width:190px; padding: 0 8px; height: 28px; line-height: 28px; border: 1px solid #dee1e9; -webkit-border-radius: 2px;-moz-border-radius: 4px;border-radius:4px; background: #f8f8f8; color: #999999;}


/*通用 start*/
.f-h25 {height: 25px; line-height: 25px; overflow: hidden; clear: both;}
.f-layerpd { padding: 20px 30px; }
.f-relative { position: relative; }
/*通用 end*/

/*tag*/
.m-tag a { display: inline-block; padding:3px 20px 3px 16px; margin-right:5px; margin-bottom:5px; border: solid 1px #dcdcdc; background: #E9E9E9; color:#666; border-radius:5px; white-space:nowrap; position:relative;}
.m-tag a .icon-dels2{ margin:0 0 0 5px; display: none; position: absolute; top:2px; right: 6px; width:12px; height:12px; font-size: 12px;}
.m-tag a:hover,.m-tag a.cur { background:#725bfe; text-decoration:none; color:#fff;}
.m-tag a:hover .icon-dels2 {  display:block; float: right;}
.m-tag.wechat { margin-top:5px;}
.m-tag.wechat a { border-radius: 20px; padding:0 20px 0 16px;}
.m-tag.material a { border-radius: 20px; padding:0 10px;}


/* 素材列表 */
.m-contop { padding:20px 20px;}
.m-contop i { margin-right: 5px; vertical-align: -3px;}
.work-list{ margin:0 10px 0 -40px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction: normal; -ms-flex-direction:row; flex-direction:row; -ms-flex-wrap:wrap; flex-wrap:wrap; padding: 10px 20px 0 50px;}
.work-list,.work-list li{list-style: none;}
.work-list .item{ position: relative; overflow: hidden; margin-left:30px; margin-bottom:30px; width:260px; border-radius:5px; -webkit-box-shadow: 1px 1px 2px rgba(219, 226, 240, .1), 4px 4px 10px #f0f1f5; box-shadow:1px 1px 2px rgba(219, 226, 240, .1), 4px 4px 10px #f0f1f5; background-color:#fff; -webkit-transition: .2s ease-in-out; transition:.2s ease-in-out}
.work-list .item .imgbox{ position:relative; height:174px; background-color: #4c5967; border-radius:5px 5px 0 0; overflow:hidden;background-size:cover; background-position: 50%}
.work-list .item .attr{position:relative; padding:6px 8px; border-bottom: 1px solid #f3f4f6;}
.work-list .item .attr .name {width:180px; height: 25px;}
.work-list .item .footer{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction: normal; -ms-flex-direction:row; flex-direction:row; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:8px}
.work-list .item .tools{ padding:3px 10px 0 0; opacity:0; -webkit-transition: .25s ease-in-out; transition:.25s ease-in-out}
.work-list .item:hover .tools,.work-list .item:hover .attr .btn-edit{opacity: 1;}
.work-list .item .tools i { cursor: pointer; margin-left:2px; display:inline-block; text-align: center; font-size:14px; color: #666;}
.work-list .item:hover{-webkit-box-shadow: 1px 1px 4px rgba(184, 197, 224, .4), 8px 10px 12px #e2e4e9; box-shadow:1px 1px 4px rgba(184, 197, 224, .4), 8px 10px 12px #e2e4e9; -webkit-transform:scale(1.1); transform:scale(1.1)}
.work-list .item .select{display: block; position: absolute; z-index: 100; right: 0; top: 0; width: 44px; height: 44px; top: 0; background:transparent; font-size: 22px; color: #dc6450; opacity: 0; cursor: pointer; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -ms-transition: .2s ease-in-out; -o-transition: .2s ease-in-out;}
.work-list .item .select:before{content : ""; position : absolute; z-index: 100; display : block; width: 200%; height: 80%; top: -120%; left: -40%; background : #07c51d; -webkit-transform-origin: left bottom; transform-origin : left bottom; -webkit-transform : rotate(45deg); transform : rotate(45deg); opacity : 0; z-index : 0; -webkit-transition : .2s; transition : .2s}
.work-list .item.selected .select{ opacity: 1; -webkit-transition: .2s; transition: .2s; -webkit-transform: scale(1) !important; transform: scale(1) !important; -moz-transform: scale(1) !important; -ms-transform: scale(1) !important; -o-transform: scale(1) !important; }
.work-list .item.selected .select:before{-webkit-transition: .5s ease-in-out; transition : .5s ease-in-out; opacity : 1}
.work-list .item.selected .select i{color: #fff; font-size:16px; position: absolute; top:1px; right:3px}
.work-list .item .join { position: absolute; z-index: 99; top: 0; left: 0; background:#715afd; border-radius: 5px 0 5px 0; color: #fff; padding:3px 5px;}

.renovation .work-list li .del{position: absolute;top:3px;right:3px;opacity: 0;}
.renovation .work-list li .del a{color:#715afd;font-size:16px;}
.renovation .work-list li .del{opacity: 1;}
.renovation .work-list li:hover .del a{opacity: 0.8;}

.m-materialtype dd .m-rcselectlist li { min-width:115px;}
.work-list.material .imgbox { position: relative;}
.work-list.material li { position: relative;}
.work-list.material .item .attr .name { width: 100%;}
.work-list.material .item .audioimg { position: absolute; top:50%; left: 50%; margin: -40px 0 0 -40px; width:80px; height:80px; vertical-align:middle; overflow: hidden;}
.work-list.material .item .audioimg img { display: block; width:100%; height:100%;}
.work-list.material .item .type-icon{ position : absolute; z-index: 99; width : 42px; height : 42px; top : 50%; left : 50%; margin : -21px 0 0 -21px; border-radius: 50%; background : rgba(0, 0, 0, .4); text-align : center; line-height : 42px;}
.work-list.material .item .type-icon i{color: #fff; font-size: 28px;}
.work-list.material .item .duration{ position: absolute; height: 20px; padding: 0 12px; left: 0; bottom: 0; background: -webkit-gradient(linear, left top, right top, from(#232323), to(#111)); background: linear-gradient(90deg, #232323, #111); border-radius: 0 4px 0 0; line-height: 20px; font-size: 12px; color: #fff; -webkit-border-radius: 0 4px 0 0; -moz-border-radius: 0 4px 0 0; -ms-border-radius: 0 4px 0 0; -o-border-radius: 0 4px 0 0; }
.audiomove {position: relative; -webkit-animation: spin 2s linear infinite; animation: spin 7s linear infinite;}
.work-list.material .view { display: none; position: absolute; z-index: 999; left: 50%; top:60px; width:48px; height:48px; border-radius: 100%; line-height:48px; text-align: center; margin: 0 0 0 -14px; background: rgba(0, 0, 0, .5); color: #fff;}
.work-list.material .view i { font-size: 18px;}
.work-list.material li:hover .view { display: block;}
.work-list.material .documents { padding: 10px 15px; color: #666; min-height:220px; max-height: 220px; overflow: auto;}
.work-list.material .docfrom { padding: 0 15px 10px; color: #999;}

.u-join { display: none; position: absolute; z-index: 99; top:0; left:0; border-radius: 0 0 5px 0; background:#3bd94d;color: #fff; padding:3px 10px;}
@-webkit-keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* 考试说明 */
#testdescription .optionli { display: none;}
#testdescription .u-exitbtn { width: 150px;}

.m-testexplanbox .testtitle { font-size: 18px; padding:15px 0 0 38px; color: #666;}
.m-testexplanbox .testtitle .titlearr { display: inline-block; width: 24px; height: 24px; background: #f1d1b3; position: relative; margin-right: 10px; vertical-align:-4px;}
.m-testexplanbox .testtitle .titlearr::before { content:""; display: inline-block; position: absolute; width: 58px; height: 24px; top:4px; right:4px; background: #f18f30;}
.m-testexplanbox .testexplan { counter-reset: step; counter-increment: step 0; padding:25px 68px 40px; position: relative; border-bottom: 1px dashed #c5c5c5; margin-bottom:40px;}
.m-testexplanbox .testexplan li { list-style: none; padding:6px 0 8px; position: relative; color: #999;}
.m-testexplanbox .testexplan li .step { display: inline-block; background: #f1d1b3; vertical-align: middle; margin: -0.5em 12px 0 0; width:12px; height: 12px; position: relative;}
.m-testexplanbox .testexplan li .step::before { position: absolute; width:12px; height: 12px; top:4px; left:4px; content: counter(step); counter-increment: step; display: block;  color: #fff; font-size: 12px; line-height: 12px; background:#f18f30; text-align: center;}
.m-testexplanbox .testexplan .iconsquare { display: block; position: absolute; bottom:68px; right:48px; width: 28px; height: 28px; background: #f1d1b3;}
.m-testexplanbox .testexplan .iconsquare::before { content:""; display:block; position: absolute; width: 34px; height: 34px; top:12px; right:12px; background: #f18f30;}
.m-testexplanbox .m-testexplan { width:700px; min-height:480px; background: #fff; box-shadow: 0 1px 5px 0 rgba(0,0,0,0.05); padding: 30px 100px; margin: 0 auto; position: relative;}
.m-testexplanbox .m-testexplan .testtype { font-size: 22px; text-align: center; color: #666; margin-bottom:15px;}
.m-testexplanbox .m-testtime li { color: #999; padding:8px 0; list-style: none;}
.m-testexplanbox .m-testtime li span { color: #f18f30;}
.m-testexplanbox .m-testtime li strong { color: #f18f30; font-size: 18px; margin-right: 5px;}
.m-testexplanbox .m-testtime li .timearr { display: inline-block; width: 0; height: 0; position: relative; border-top:6px solid transparent; border-bottom:6px solid transparent; border-left:10px solid #f8c797; margin-right: 15px;}
.m-testexplanbox .m-testtime li .timearr::after { content:""; display: block; position: absolute; top:-6px; left:-4px; border-top:6px solid transparent; border-bottom:6px solid transparent; border-left:10px solid #f18f30;}
.m-testexplanbox .m-testexplan .u-button { margin: 0 auto; width: 110px; display: block;}
.m-testexplanbox .m-testexplan .testtag { position: absolute; right:0; top:0; width:60px; height: 60px; background: #f1f1f1;}
.m-testexplanbox .m-testexplan .testtag::before { display: block; width: 0;  content: "";}
.m-testexplanbox .m-testexplan .testtag::after { content: ""; position: absolute; transform: rotate(45deg); top:28px; left:5px; color: #fff; font-size: 16px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
.m-testexplanbox .m-testexplan .testtag.first::before { border:30px solid #2daf3f; border-right:30px solid transparent; border-top:30px solid transparent;}
.m-testexplanbox .m-testexplan .testtag.first::after { content: "初级";}
.m-testexplanbox .m-testexplan .testtag.second::before { border:30px solid #e3be28; border-right:30px solid transparent; border-top:30px solid transparent;}
.m-testexplanbox .m-testexplan .testtag.second::after { content: "中级";}
.m-testexplanbox .m-testexplan .testtag.third::before { border:30px solid #f16b30; border-right:30px solid transparent; border-top:30px solid transparent;}
.m-testexplanbox .m-testexplan .testtag.third::after { content: "高级";}
.m-testexplanbox .m-line { height: 1px; border-top:1px dashed #ccc; font-size: 0; margin: 20px 0;}

/* 考试任务 */
.m-tasklistbox { background: #fff; margin-top: 80px; box-shadow: 0 0 10px rgba(101,113,254,.2); border-radius: 5px; margin-bottom: 20px;}
.m-titlebox.task { border-radius: 5px 5px 0 0;}

.m-tasknum { padding-left: 20px;}
.m-tasknum span { display: inline-block; margin-right:20px; font-weight: 700; color: #394a79;}
.m-tasknum span em { font-style: normal; display: inline-block; margin: 0 5px; }
.u-taskstate { display: inline-block; width:16px; height:16px; background: url(../../images/student/testtype.png) -999px -999px no-repeat; margin-right: 5px; vertical-align:-3px;}
.u-taskstate.undo { background-position: -80px -210px;}
.u-taskstate.over { background-position: -60px -210px;}

.m-taskbox { padding: 0 0 0 55px; border-bottom: 1px dashed #dee1e9;}
.m-taskbox:last-child{border-bottom: none;}
.m-taskbox:last-child .m-tasklist:last-child{padding-bottom: 30px;}
.m-tasklistbox .m-taskbo:last-child { border-bottom: 0;}
.m-taskbox.active .tasktitle{cursor: default;}
.m-taskbox .tasktitle { padding: 0 20px; line-height:48px; color: #657296; font-size: 16px; font-weight: 700;cursor: pointer;}
.m-taskbox .tasktitle:hover{opacity: 0.8;}
.m-taskbox.active .tasktitle:hover{opacity: 1;}
.m-taskbox .tasktitle .iconsquare { margin-left: -40px;}
.m-taskbox .tasktitle span { margin-left:20px;}
.m-taskbox .tasktitle .iconarr { display: block; width: 0; height: 0; float: right; margin:18px 10px 0 0; }
.m-taskbox .tasktitle .iconarr.up { border-left:transparent solid 9px; border-right:transparent solid 9px; border-bottom:#725bfe solid 9px; margin-top:25px;}
.m-taskbox .tasktitle .iconarr.down { border-left:transparent solid 9px; border-right:transparent solid 9px; border-top:#725bfe solid 9px; margin-top:25px;}
.m-taskbox .tasktitle .m-tasknum { padding-left:0;}
.m-taskbox .tasktitle .m-tasknum span { margin-left: 0!important;}
.m-taskbox .taskcon { padding:0 0 0 0; }
.m-taskbox .taskcon.show { display: block;}
.m-taskbox .taskcon.hide { display: none;}
.m-taskbox .taskcon .m-tasklist {border-top:1px solid #e9ebf0; }
.m-taskbox .taskcon .m-tasklist dt { color: #657296; height:32px; line-height:32px; position: relative; padding-left: 20px; margin-right: 20px;}
.m-taskbox .taskcon .m-tasklist dt::before { content: ""; position: absolute; left: 0; top:10px; content:""; display:block; width: 12px; height: 12px; background: #826efb;}
.m-taskbox .taskcon .m-tasklist dt span { margin-left:10px;}
.m-taskbox .taskcon .m-tasklist dd { margin-right: 20px; min-height:36px; background: #f4f5f7; color: #333; margin-bottom: 5px; border-radius: 5px; padding:0 10px; color: #a7afc3;}
.m-taskbox .taskcon .m-tasklist dd:hover { }
.m-taskbox .taskcon .m-tasklist dd .u-button { display: none; float: right; margin:6px 0 0 0; width: 70px; height: 24px; line-height: 24px; font-size: 14px; padding: 0; color: #fff; background: #826efb; border: 0;}
.m-taskbox .taskcon .m-tasklist dd .taskname { cursor:pointer;float: left; display:block; position: relative; line-height: 36px;}
.m-taskbox .taskcon .m-tasklist dd .step { width:40px; height: 30px; display: inline-block;text-align: center;}
.m-taskbox .taskcon .m-tasklist dd .u-taskstate { margin-right: 0;}
.m-taskbox .taskcon .m-tasklist dd p { padding:0 10px; width: 950px;}
.m-taskbox .taskcon .m-tasklist dd:hover .u-button { display: block;}

/* 考试结束时间 */
/*.m-maskbox .m-mask { position: fixed; z-index: 99998; top:0; right:0; bottom:0; left: 0; background: rgba(0, 0, 0, 0.5);}
.m-maskbox .m-tipbox { text-align: center; position: absolute; z-index: 99999; left: 50%; top:50%; width: 200px; height:65px; margin-left: -100px; margin-top: -50px; background: #fff; border-radius: 10px; padding: 20px;}
.m-maskbox .m-tipbox p { margin-bottom:15px;}*/
/****** 2020年5月新增 ******/


.m-examsteptitle { background: #f0f2f5; position:fixed; z-index: 999995; top:0; left:0; right:0; height:50px; margin-top:60px; color: #394a79; font-size: 16px; line-height:50px;}
.m-examsteptitle .icon-examstep { color:#725bfe; display: inline-block; font-size: 24px; vertical-align: -3px;}
.m-examsteptitle ~ .g-content { background: none; position: relative; background: #fff; box-shadow: 0 0 10px rgba(91,106,254,.2); border-radius: 5px;}
.m-examsteptitle .u-button { color:#725bfe; font-size: 14px; background: none;}
.m-examsteptitle .u-button.default:hover{ background-color:#725bfe;color:#fff;}
.m-examsteptitle .u-button:first-child:hover{color:#ff4141;}
/* 直播间搭建与运维 */
/* 图文table */
.pic-text-table .img-wrapper{width:85px;height:60px;border-radius: 3px;-webkit-border-radius: 3px;display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;justify-content: center;-webkit-justify-content: center;  -ms-flex-pack: center;justify-content: center;border:2px solid transparent;border-radius:2px;-webkit-border-radius:2px;cursor: pointer;position:relative;
    background-color: #f2f2f2;margin:0 auto;}
.pic-text-table .img-wrapper img{display: block;max-width: 100%; max-height: 100%;}
.pic-text-table td{position: relative;}
/* .pic-text-table td i{display:none;margin-top:20px;} */
.pic-text-table .active td{background-color: #f2f2f2;}
.pic-text-table tr.active i{color:#725bfe;display:block;}

/* text-oper-table */
.text-oper-table th{width: 120px;}
.text-oper-table{margin:20px auto 0;}


/* 添加商品 */
.goods-info{text-align: left;height:60px;overflow: hidden;line-height:20px;}
.drop-menlist{margin-bottom: 10px;}
.drop-menlist li{width:200px;background-color:#fff;border:1px solid #ededed;border-bottom:none;border-radius: 2px;-webkit-border-radius: 2px;position: relative;}
.drop-menlist li{padding:3px 10px;height:35px;}
.drop-menlist li:last-child{border-bottom: 1px solid #e4e4e4;}

.drop-menlist li a{color:#333;}
.drop-menlist li i{color:#666;}
.drop-menlist li span{float:right;}
.drop-menlist  .second-menu,
.drop-menlist  .third-menu{transition: display .5s;-webkit-transition: display .5s;}
.drop-menlist li:hover{background-color: rgba(101,113,254,.1);cursor: pointer;}
.drop-menlist li:hover > a,.drop-menlist li:hover > span{color:#394a79;}
.drop-menlist li:hover > div{display: block;}
.drop-menlist > div{margin-right: 3px;max-height: 150px;overflow-y: auto;}
.menu-select-bar{background-color:#fbfbfb;border: 1px solid #e4e4e4;width:600px;padding:3px 10px;margin-top:5px;}

.uppic img{margin-right:10px;}
.uppic .u-button{margin:0;}

/* tab */
.m-table-tabs-living{font-size:0;}
.m-table-tabs-living a{padding:5px 20px;border:1px solid #ededed;display: inline-block;width:200px;font-size:14px;color:#666;box-sizing: border-box;}
.m-table-tabs-living a.cur{background-color: #725bfe;color: #fff;border-color:#725bfe;}
.m-table-tabs-living a:first-child{border-radius: 3px 0 0 3px;}
.m-table-tabs-living a:last-child{border-radius:0 3px 3px 0;}

/* 优惠券 */
.squarelist li{flex:1;-webkit-flex:1;margin:0 10px;padding: 20px;border-radius: 4px;-webkit-border-radius: 4px;text-align: center;position: relative;cursor: pointer;    -webkit-box-shadow: 1px 1px 2px rgba(219, 226, 240, .1), 4px 4px 10px #f0f1f5;
  box-shadow: 1px 1px 2px rgba(219, 226, 240, .1), 4px 4px 10px #f0f1f5;background-color: #fff;-webkit-transition: .2s ease-in-out;transition: .2s ease-in-out;overflow: hidden;}
.squarelist li span{font-size:40px;color:#666;}
.squarelist li:hover{-webkit-box-shadow: 1px 1px 4px rgba(184, 197, 224, .4), 8px 10px 12px #e2e4e9;box-shadow: 1px 1px 4px rgba(184, 197, 224, .4), 8px 10px 12px #e2e4e9;-webkit-transform: scale(1.1);transform: scale(1.1);}
.squarelist li i{position: absolute;top:0;right:2px;font-size:12px;z-index:8;color:#fff;display:none;}
.squarelist li::after{content:"";position: absolute;top:0;right:0;width: 0;height: 0;border-top: 30px solid #07c51d; border-left: 30px solid transparent;z-index:5;display: none;}
.squarelist li.active i{display:block;}
.squarelist li.active::after{display: block;}
.squarelist li:hover span,.squarelist li:hover h3{color:#725bfe;}


/* 弹框 */
.m-bottom-pop{position: absolute;bottom:0;left:0;right:0;padding:15px 0;}

/* counterbox */
.counterbox{position: relative;}
.counterbox .counter{position: absolute;top:0;left:330px;}
.counterbox .counter.counter-rb{top:auto;left:auto;bottom:10px;right:10px;}
.counterbox li{padding:5px 0;color:#666;line-height:25px;float:left;margin-right:10px;margin-bottom:10px;}

/*  */
small.tip{color:#a7afc3;font-size:12px;}


/* 上传图片列表 */
.m-uploadlist { display : -webkit-box; display : -ms-flexbox; display : flex; -webkit-box-orient : horizontal; -webkit-box-direction: normal; -ms-flex-direction : row; flex-direction : row; -ms-flex-wrap : wrap; flex-wrap : wrap; -ms-flex-line-pack : start; justify-content: flex-start;}
.m-uploadlist .uploaditem { margin: 0 20px 20px 0;}

/* 海报设计或video设计 */
.m-designbox { width: 650px; display : -webkit-box; display : -ms-flexbox; display : flex; -webkit-box-orient : horizontal; -webkit-box-direction: normal; -ms-flex-direction : row; flex-direction : row; -ms-flex-wrap : nowrap; flex-wrap : nowrap; -ms-flex-line-pack : start; align-content : flex-start;}
.m-designbox .m-designitem { width: 270px; height: 350px; cursor: pointer; border: 1px solid #ccc; border-radius: 5px; margin:0 50px; text-align: center; padding-top:40px; position: relative;}
.m-designbox .m-designitem .poster{position: absolute;top:0;left:0;right:0;bottom: 0;}
.m-designbox .m-designitem .poster img{width:100%;object-fit: cover;height: 100%;}
.m-designbox .reupload{opacity:1;position: absolute;bottom:0;right: 0;z-index:15;}
.m-designbox .m-designitem .poster .reupload{right:-80px;}

.m-designbox .m-designitem:first-child { margin-left: 0;}
.m-designbox .m-designitem i { font-size:108px;}
.m-designbox .m-designitem i ~ p { font-size:28px;}
.m-designbox .m-designitem .icon-next::before { font-size:28px; position: absolute; right: -60px; top: 50%; margin-top: -10px;}
.m-designbox .m-designitem .icon-design,.m-designbox .m-designitem .icon-upload,
.m-designbox .m-designitem .icon-tuozhuaibianji,.m-designbox .m-designitem .icon-shangchuan { color:#725bfe;}
.m-designitem .m-uploadbox { position: absolute; z-index: 10; left: 0; top: 0; right: 0; bottom: 0; border-radius: 5px; width: 100%; height: 100%;}
.work-list.show { margin:0; padding:0; width: auto; height: 350px; position: absolute; top:0; left:0; right:0; bottom: 0;}
.work-list.show .item { margin: 0; box-shadow:none;}
.work-list.show .documents { margin: 0; min-height:89px; max-height:89px;}
.m-designitem .m-uploadbox { background:none; border: 0;}
.advertorial .work-list .item,.advertorial .work-list .item:hover { -webkit-transform:scale(1); transform:scale(1); box-shadow:none;}

/* 上传 */
.m-uploadbox { width: 120px; height: 160px; position: relative; border:1px solid #ddd; background-color: #eee;}
.m-uploadbox.transverse { width: 160px; height: 120px;}
.uploadimg { width: 100%; height:100%; position: relative; overflow: hidden;}
.uploadimg img { display: block; min-height:100%; min-width:100%; position: absolute; z-index: 10; top:50%; left:50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform:translate(-50%,-50%);}
.uploadimg .reuploadbox { display: none; cursor: pointer; position: absolute; z-index:12; left:0; right:0; top:0; bottom: 0; color: #fff; text-align: center;}
.uploadimg .reuploadbox::after { content: ""; display: block; background: rgba(0,0,0,.6); position:absolute; z-index: 12; left:0; right:0; top:0; bottom: 0;}
.uploadimg .reuploadbox .reupload { position: absolute; z-index:13; top:50%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform:translate(-50%,-50%);}
.uploadimg .reuploadbox .reupload .icon-upload {  display: block; font-size: 32px;}
.uploadimg .reuploadbox .reupload span { display: block;}
.uploadimg:hover .reuploadbox { display: block;}
.uploadimg .icon-delete { position: absolute; top:5px; right:5px; z-index:12; background: #000; color: #fff; width: 24px; height: 24px; border-radius: 100%; text-align: center; cursor: pointer;}
.m-uploadbox .uploadbox { cursor: pointer; position: absolute; z-index:12; left:0; right:0; top:0; bottom: 0; color: #999; text-align: center; background: #eee;}
.m-uploadbox .uploadbox .upload { position: absolute; z-index:13; top:50%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform:translate(-50%,-50%);}
.m-uploadbox .uploadbox .upload .icon-add {  display: block; font-size: 32px;}
.m-uploadbox.auto { margin: 0 auto;}

/*提示*/
.m-tips { color: #999; padding:10px 20px;}

/*视频物料制作 */
.m-videolinebox { position: relative;}
.m-videoline { padding: 0 20px;}
.m-videoline .item { flex: 1; margin: 0 10px; background: #eee;}
.m-videoline.video { margin-bottom:120px;}
.m-videoline.video .item { height: 350px;}
.m-videoline.text .item { text-align: center; padding: 10px;}
.m-videoline.text { margin-bottom: 20px;}
.m-drawline { position: absolute; z-index: 99; left:30px; right:30px; top:350px; background: #fff; border: 1px solid #eee;}

/* 直播间商品上架 */
.flex-right{flex:1;-webkit-flex:1;}

/* 手机预览 */
/*.phone-area-tb{background:url("../../images/student/bg-livingroom.jpg") no-repeat;}
.phone-area-dy{background:url("../../images/student/bg-livingroom1.jpg") no-repeat;}*/
.anchor{background: rgba(0, 0, 0, .4);border-radius: 35px;padding:5px;}
.anchor-tb{width:222px;}
.anchor-dy{width:222px;position: relative;z-index:15;}
.anchor-wrapper,.anchor-wrapper img{width:40px;height:40px;border-radius: 100%;}
.anchor-info{line-height:20px;margin-left: 10px;position:relative;;}
.anchor-info h3{color:#fff;}
.anchor-info h3 span{vertical-align: -1px;}
.anchor-info h3 i{color:rgba(255,255,255,0.7);margin-left:5px;cursor:pointer;}
.anchor-info h3 i[data-title]{transition: all .5s;-webkit-transition: all .5s;}
.anchor-info h3 i[data-title]::after{content:attr(data-title);width:161px;position: absolute;top:28px;left:75px;padding:5px;font-size:12px;background:rgba(0,0,0,0.4);border-radius: 2px;opacity: 0;}
.anchor-info h3 span::before{content:"";width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:10px solid rgba(0,0,0,0.4);position: absolute;top:18px;left:80px;opacity: 0;}
.anchor-info h3 span:hover i[data-title]::after{opacity: 1;}
.anchor-info h3 span:hover::before{opacity: 1;}
.anchor-info small{font-size:12px;color:rgba(255,255,255,0.7);}
.anchor-info small em{font-style: normal;}
.phone-header{position: relative;padding:8px 10px;}
.phone-header .close{position: absolute;top:20px;right:10px;}
.phone-header .close a{color:#fff;font-size:18px;background:rgba(0, 0, 0, .4);border-radius:20px;padding:5px 10px;}
.phone-header .close a:hover{opacity:0.8;}
.phone-body{padding-left:15px;}
.phone-area-dy .phone-header .close{top:30px;right:10px;}
.phone-area-dy .phone-header .close a{padding:0;background:none;}
.gather-watch{position:absolute;top:30px;right: 40px;z-index:9;}
.gather-watch img{width:25px;height:25px;border-radius: 100%;-webkit-border-radius: 100%;}
.gather-watch span{display: inline-block;position: relative;}
.gather-watch span small{display: block;position:absolute;bottom:15px;left:0;right:0;color:#fe3665;font-size:12px;zoom:.7;text-align: center;}

.follow{padding-left:10px;padding-top: 11px;;}
.u-button-tb{background-color:#fe3665;padding:3px 10px;color:#fff;border-radius: 15px;font-size: 12px;}
.u-button-tb:hover{background-color:#f70f4b;color:#fff}

.phone-header-bottom{padding-left: 10px;}
.phone-header-bottom ul{background:rgba(0, 0, 0, .2);border-radius:20px;padding:5px 15px;}
.phone-header-bottom ul li{margin-left:5px;color:#fff;}
.phone-header-bottom ul li:first-child{margin-left:0;color:#198a38;}
.phone-header-bottom ul li i{margin-right:3px;}
.phone-header-bottom ul li:last-child{color:#fe3665;}
.phone-header-bottom .lvroomid{width:70px;margin-right: 10px;}
.phone-header-bottom .lvroomid img{width:100%;}

.phone-toppic li{background:rgba(0, 0, 0, .2);border-radius:20px;padding:2px 8px;font-size:12px;color:#fff;margin-right:10px;}
.phone-toppic li i{color:#f5cf08;padding-right:2px;}
.phone-toppic li span{max-width:100px;display: inline-block;vertical-align: -2px;}


.phone-body li{width:35%;background:rgba(0, 0, 0, .2);padding:5px;color:rgba(255,255,255,1);text-align: center;font-size:12px;margin-bottom:5px;position: relative;border-radius: 4px;-webkit-border-radius: 4px;flex-direction: column;-webkit-flex-direction: column;}
.phone-body li .body-anchor-wrapper,.phone-body li img{width:30px;height:30px;border-radius:100%;margin:3px auto;}
.phone-body li span{padding:0 1px;}
.phone-body li h3 span{color:#ff4141;}
.phone-body li .box{border:1px dashed rgba(255,255,255,0.7);position: absolute;top:0;left:0;right: 0;bottom: 0;display: flex;display:-webkit-flex;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;}
.phone-body li a{color:#fff;font-size:20px;}
.phone-body li > p,
.phone-body li > div {width:100%;}

.phone-body li span,
.phone-body li > div,
.phone-body li > p{display: inline-block;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}

.phone-footer{position: absolute;left:0;bottom:0;right:0;padding:5px;border-radius:0 0 5px 5px;display:flex;flex-direction: row; align-items: center;-webkit-align-items: center;justify-content: space-between;-webkit-justify-content: space-between;}
.phone-footer-tb{background:rgba(0, 0, 0, .4);}
.phone-footer-dy{background:none;}
.phone-footer-dy .m a.ocpmfpmt{}
.phone-footer input{width:190px;border-radius:20px;margin:0 10px;font-size:12px;padding:0 10px;}
.phone-footer-dy input,.phone-footer-dy .m a.iconfont a{background:rgba(0, 0, 0, .2);border:none;color:#fff;}
.phone-footer-dy ::-webkit-input-placeholder { color: #fff;}
.phone-footer-dy .m a.iconfont{display:inline-block;width:26px;height:26px;line-height:26px;text-align: center;border-radius: 100%;font-size: 12px;position:relative;z-index:8;}
.phone-footer .m a.iconfont{font-size:20px;margin:0 5px;}
.phone-footer .m a{color:#fff;}
.phone-footer .m a.islove{color:#fe3665;}
.phone-footer-dy a.islove.icon-jia2{background:none;color:#fff;}
.phone-footer > .shoppingbag{position: relative;}
.phone-footer > .shoppingbag span{color:#fe3665;font-size:30px;margin-left:8px;}
.phone-footer > .shoppingbag strong{color: #fff;position: absolute;top: 29px;left: 9px;text-align: center;width: 37px;font-size: 12px;zoom:.8;font-weight: normal;}
.grad-face{position: absolute;top:-32px;right:15px;z-index:5;padding-bottom: 10px;}
.grad-face img{width:30px;height:30px;border-radius: 100%;border: 1px solid #fff;position: relative;z-index:9;margin-top:-2px;top:27px;opacity:0;transition: all .5s;-webkit-transition: all .5s;}
.grad-face.zan img{top:5px;opacity:1;}
.grad-face::before{content:"";position: absolute;bottom:-26px;left:-5px;right:-5px;height:50px;opacity:0.8;border-radius: 0 0 20px 20px;
background: -moz-linear-gradient(top,  rgba(254,54,101,0) 0%, rgba(254,54,101,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(254,54,101,0) 0%,rgba(254,54,101,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(254,54,101,0) 0%,rgba(254,54,101,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fe3665', endColorstr='#fe3665',GradientType=0 ); /* IE6-9 */
}
.phone-goodslist-hd {padding:10px 10px 0;color:#333;font-size:12px;}
.phone-goodslist-hd span{color:#ea435a;font-size:12px;padding:0 5px;}
.phone-goodslist-hd .f-right a{color:#aaa;font-size:12px;zoom:0.9;}
.phone-goodslist-hd .f-right a i{padding-right: 3px;}
.phone-goodslist-hd .f-right a i.icon-gouwuche1{color:#aaa;}


.phone-area-wrapper .phone-body li{width:95px;height:95px;padding:0;}

/* 进入店铺 */
/* 预览 */
.phone-laybox{padding:10px;border-radius:4px;-webkit-border-radius: 4px;background-color:#fff;z-index:99;}
.phone-laybox-bottom{border-radius: 4px 4px 2px 2px;-webkit-border-radius: 4px 4px 2px 2px;}
.phone-laybox-vhcenter{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);width:90%;}
.phone-laybox-vhcenter .icon-quan,
.phone-laybox-vhcenter .icon-fudai{font-size:95px;color:#a7afc3;}
.phone-laybox img{width:100px;height:100px;border-radius: 4px;}
.phone-laybox img.tiezhi{width:178px;height:104px;}
.phone-laybox .img-wrapper-shadow img{box-shadow: 1px 1px 2px rgba(219, 226, 240, .1), 4px 4px 10px #f0f1f5;-webkit-box-shadow:1px 1px 2px rgba(219, 226, 240, .1), 4px 4px 10px #f0f1f5;}
.phone-laybox dd{margin-left:15px;position: relative;}
.phone-laybox .u-button-small{background-color: #fe3665;border-color:#fe3665;color:#fff;padding:2px 3px;border-radius: 4px;-webkit-border-radius: 4px;font-size: 12px;}

.phone-laybox.laybox-pushproduct{left:15px;bottom:15px;right: 85px;border-radius: 4px;}
.phone-laybox .phone-goodslist,.phone-laybox .phone-goodslist li{padding:0;}
.phone-laybox .phone-goodslist li{padding-bottom: 10px;}
.phone-laybox .phone-goodslist dl{padding:5px;}
.phone-laybox .sort{left:0;top:2px;}
.phone-laybox .sort span{background-color: rgba(0, 0, 0, .4);zoom:0.8;}
.phone-laybox .hot .sort span{background-color:#e9324a;zoom:0.8;}
.phone-laybox.laybox-pushproduct li dd span{width:200px;}
.phone-laybox  dd .price{color:#c00;padding:0;position: absolute;left:0;bottom:0;}
.phone-laybox .icon-gouwuche1{color:#333;}

/* 淘宝推送讲解爆款 */
.phone-area-tb .phone-laybox .phone-goodslist dd span{color:#333;}
.phone-area-tb .phone-laybox .explain{padding: 1px 10px;border-radius: 18px;font-size: 12px;position: relative;}
.phone-area-tb .phone-laybox .toexplain{border: 1px dotted #666;color:#333;}
.phone-area-tb .phone-laybox .explaining{background-color:#faeaef;color:#ea1b3f;padding-left:20px;}
.phone-area-tb .phone-laybox .explained{border:1px solid #666;color:#333;}
.phone-area-tb .phone-laybox .primary{background-color: #f19034; background-image: linear-gradient(to right, #f19034 , #ea6227);padding: 5px 15px;border-radius: 18px;font-size: 12px;color:#fff;}
/* .shopcoupon{background: url("../../images/student/tuisong/tagshare.png") no-repeat #fff !important;width:316px;height:94px;background-size: 100% 100%;} */
/* 跳动的音频 */
.equilizer{transform: rotate(180deg);position: absolute;bottom:5px;left:5px;}
.equilizer li{width:3px;float:left;margin:0 1px;background-color: #ea1b3f;animation: equalize 1s 0s infinite;-webkit-animation: equalize 1s 0s infinite;zoom:0.8;}
.eqbar:nth-child(1) {animation-delay: -1.9s;}
.eqbar:nth-child(2) {animation-delay: -2s;}
.eqbar:nth-child(3) {animation-delay: -2.3s;}
@keyframes equalize {
  0% {height: 10px;}
	20% {height: 6px;}
	40% {height: 4px;}
	60% {height: 6px;}
	100% {height: 15px;}
}

/* 淘宝优惠券 */
.phone-area-tb .phone-laybox .goods-coupon{background-color: #fff6f2;position: relative;border-radius: 10px;color:#ff1919;}
.phone-area-tb .phone-laybox .goods-coupon dd{margin-left:0;}
.phone-area-tb .phone-laybox .goods-coupon label{position: absolute;top:0;left:0;padding:0 15px;font-size:12px;zoom:0.8;border-radius: 10px 4px 4px 0;}
.phone-area-tb .phone-laybox .goods-coupon .shopbag{background-color: #ff756f;color:#fff;}
.phone-area-tb .phone-laybox .goods-coupon .shopcoupon,
.phone-area-tb .phone-laybox .goods-coupon .shopvip{color:#ff504c;}
.phone-area-tb .phone-laybox .goods-coupon .money{font-family: Arial, Helvetica, sans-serif;padding:27px 3px;margin-right:20px;}
.phone-area-tb .phone-laybox .goods-coupon .coupon-content{padding-top:10px;width:150px;}
.phone-area-tb .phone-laybox .goods-coupon small.tip{color:#ff1919;zoom:0.7;}
.phone-area-tb .phone-laybox .goods-coupon .f-right{padding:22px 5px 18px 5px; border-left:1px dotted #fb9391;}
.phone-area-tb .phone-laybox .goods-coupon .f-right .primary{background:none;color:#ff1919;font-weight: bold;padding:0 10px;}
.phone-laybox .coupon-condition{background: url("../../images/student/tuisong/bgcd.png") no-repeat;background-size: 100% 100%;width:309px;height:330px;text-align: center;}
.phone-laybox .coupon-condition > div{padding-top:100px;width:230px;margin-left:52px;}
.phone-laybox .coupon-condition strong{color:#ff1919;}
.phone-laybox .coupon-condition img{margin-top:15px;}
.phone-laybox .coupon-condition .u-button-long{background-color: #ff2b75;background-image:linear-gradient(to right, #ff2853 , #ff2c7c);border-color:#ff2b75;line-height:20px;height:28px;}


/* 店铺小卡 */
.phone-area-tb .phone-laybox.redborder{border-top:3px solid #f23e62;}
.phone-area-tb .phone-laybox.shopcard{width:178px;height:140px;padding:20px;}
.phone-area-tb .phone-laybox.shopcard .u-button-long{background-color: #b6aeb0;background-image:linear-gradient(to right, #ff2853 , #ff2c7c);border-color:#ff2b75;line-height:20px;height:28px;}
.phone-area-tb .phone-laybox.shopcard .icon-guanbi1{position:absolute;top: -7px;right: -5px;left:auto;color:#ff224d;background: #fff;border-radius: 100%;padding: 0;width: 18px;height: 18px;}
.phone-area-tb .phone-laybox.shopcard .icon-guanbi1::before{top:-6px;position: relative;font-size:20px;}

/* 公告 */
.phone-area-tb .notice{background-color: #ff2b75;background-image:linear-gradient(to right, #d32d7b , #d23b51);}
.phone-area-tb .notice > div,.phone-area-tb .notice > div i {color:#fff;}
 
/* 裂变优惠券 */
.sharebox-coupon{background: url("../../images/student/tuisong/bgshare.png") no-repeat;background-size: 100% 100%;}
.sharebox-coupon > div{color:#fff;padding-top:50px;}
.sharebox-coupon > div .share-goods-info{background:url("../../images/student/tuisong/tagshare.png") no-repeat;background-size: 100% 100%;width:239px;height:94px;margin:10px auto 0;padding:7px;}
.sharebox-coupon > div .share-goods-info dd{zoom:0.75;color:#e65319;}
.sharebox-coupon > div .share-goods-info dd h3{font-weight: normal;font-size:25px;}
.sharebox-coupon > div .share-goods-info dd small.tip{color:#e65319;}
.phone-area-tb .sharebox-coupon li{margin:0 5px;}
.phone-area-tb .sharebox-coupon .primary{width:80px;display: inline-block;background-image:linear-gradient(to bottom, #ee8d71 , #f14564);border-color:#e47353;}
/* 抽奖 */
.phone-area-tb .gift em{background: url("../../images/student/tuisong/gif.png") no-repeat left center;background-size:100% 100%;width:50px;height:50px;display: inline-block;}
.phone-area-tb .gift span{vertical-align: top;padding-left:10px;}

/* 投票 */
.phone-area-tb .vote{background-color: #f2f3f5;padding:0;}
.phone-area-tb .vote h3{font-size:16px;padding:10px 10px 0 10px;}
.phone-area-tb .vote .countdown{padding:0 10px 10px 10px;}
.phone-area-tb .vote .countdown em{color:#ff224d;font-style: normal;}
.phone-area-tb .vote > ul{padding:0 10px 10px 10px;}
.phone-area-tb .vote > ul li{color:#333;}
.phone-area-tb .vote > ul li:hover{background-color:#e2e5ec;}
.phone-area-tb .vote > ul li span.f-right em{color:#4092d9;font-style: normal;}
.phone-area-tb .vote .primary-long-rect{height:35px;line-height: 35px;border-radius: 0;background-color:#ec5878;display: block;color:#fff;}

/* 关注卡片 */
.phone-area-tb .followcard > h3,.phone-area-tb .subscard > h3{font-size:16px;color:#333;}
.phone-area-tb .followcard .img-wrapper img{border-radius: 100%;-webkit-border-radius: 100%;width:40px;height:40px;}
.phone-area-tb .followcard dd h3{color:#333;}
.phone-area-tb .followcard .primary-long{background-color: #ff2b75;background-image:linear-gradient(to right, #eb5a79 , #eb414a);border-radius: 20px;-webkit-border-radius: 20px;width:207px;height: 40px;line-height: 40px;
  display: block;margin: 0 auto;color: #fff;}

/* 预告订阅卡片 */
.phone-area-tb  .subscard dd p{color:#0088f8;}
.phone-area-tb  .subscard dd em{background-color: #0088f8;color:#fff;border-radius: 10px;-webkit-border-radius: 10px;font-style: normal;zoom: .8;padding:1px 5px;vertical-align: 1px;margin-right:2px;}
.phone-area-tb .subscard .primary-long{background-color: #ff2b75;background-image:linear-gradient(to right, #ff176d , #ff0024);border-radius: 20px;-webkit-border-radius: 20px;width:207px;height: 40px;line-height: 40px;
  display: block;margin: 0 auto;color: #fff;}

/* 抽奖弹框 */
.phone-area-tb .luckdraw{background: url("../../images/student/tuisong/drawluck.png") no-repeat;background-size: 100% 100%;width:233px;height:282px;}

/* 粉丝推送 */
.fanstweet-mask{background-color: #f8f8f8;position: absolute;top:0;right:0;bottom:0;left:0;}
.phone-area-tb .fanstweet{background-color: #f8f8f8;}
.phone-area-tb .fanstweet-box{background-color: #fff;padding:10px;border-radius: 4px;-webkit-border-radius: 4px;}



/* 抖音 */
/* 卖点 */
.phone-area-dy .phone-goodslist dt{width: 80px;height: 80px;}
.phone-area-dy .phone-goodslist img{border-radius: 2px;border:1px solid #e55a78;width:80px;height:80px;}
.phone-area-dy .phone-goodslist dd h3{color:#333;width:90%;font-size: 13px;}
.phone-area-dy .phone-goodslist dd p span{zoom:0.9;}
.phone-area-dy .phone-goodslist dd p span,
.phone-area-dy .phone-goodslist dd .f-right .icon-gouwuche1{ font-size: 12px;}
.phone-area-dy .phone-goodslist dd p span.nodata{color:#999;}
.phone-area-dy .phone-laybox .icon-gouwuche1{color:#da7689;margin-top:13px;}
.phone-area-dy .primary-rect{background-color: #e7455a;color: #fff;padding: 3px 10px;margin-left: 10px;font-size:12px;}
.phone-area-dy .phone-goodslist dl{padding:10px;position: relative;}
.phone-area-dy .phone-goodslist li{margin-bottom: 0;}
.phone-area-dy .phone-goodslist li:hover{background-color: #fcf6f8;}
.phone-area-dy .phone-laybox .sort{left: 5px;top: 7px;}
.phone-area-dy .phone-laybox .sort span{border-radius: 0;background-color: rgba(0, 0, 0, .6);}
.phone-area-dy .explaining{background: rgba(235, 99, 121, 1);font-size: 12px;zoom: 0.9; padding: 1px 0;}
.phone-area-dy .phone-goodslist .equilizer li{padding:0;border:none;background-color: #fff;}

/* 推送 */
.phone-area-dy .pushproduct h3{color:#ea1b3f;position: relative;font-size: 12px;}
.phone-area-dy .pushproduct h3 > strong{color:#333;}
.phone-area-dy .pushproduct h3 > ul{left:15px;}
.phone-area-dy .pushproduct h3 > ul li{width:3px;}
.phone-area-dy .pushproduct{width:122px;bottom:90px;right:5px;}
.phone-area-dy .pushproduct .img-wrapper{width:102px;height:102px;border-radius: 2px;-webkit-border-radius: 2px;border:1px solid #ea1b3f;}
.phone-area-dy .pushproduct .price{color:#ea1b3f;font-weight: normal;font-size:14px;}
.phone-area-dy .pushproduct .title{position: absolute;left: 11px;right: 0;top: 121px;background: rgba(0, 0, 0, .6);color: #fff;font-size: 12px;padding: 1px 4px;}

/* 优惠券 */
.phone-area-dy .togetcoupon{background: url("../../images/student/tuisong/getcoupondy.png") no-repeat;background-size:100% 100%;width:275px;height:209px;cursor: pointer;}
.phone-area-dy .getcoupon h3 a{color:#999;}
.phone-area-dy .getcoupon h3 strong{color:#333;}
.phone-area-dy .getcoupon p{color:#666;}
.phone-area-dy .getcoupon p strong,
.phone-area-dy .getcoupon p small{color:#ea1b3f;font-weight: bold;}
.phone-area-dy .getcoupon dl{border-color:#ffeaee;background-color:#fff9fa;color:#fe3f64;position: relative;}
.phone-area-dy .getcoupon dd{margin-left:0;padding:5px 0;}
.phone-area-dy .getcoupon dt{font-size: 12px;zoom:.8;position: absolute;top:-4px;left:15px;color:#f76377;}
.phone-area-dy .getcoupon .denom{padding-top: 5px;}
.phone-area-dy .getcoupon .denom span{font-size: 18px;font-weight: bold;}
.phone-area-dy .getcoupon .denom small{font-size:12px;padding-left: 10px;zoom: .8;padding-left: 5px;color:#f76377;}
.phone-area-dy .getcoupon .condition span{font-size: 12px;padding-right: 10px;color:#f76377;}
.phone-area-dy .getcoupon .get-layout{position: absolute;top: -10px;right: -10px;border-left: 1px dotted #fe3665;padding: 0 10px;height:100px;}
.phone-area-dy .getcoupon .get-layout a{color:#ea1b3f;}


/* 心愿 */
.wish-laybox{background-color: #161922;color:#82858c;}
.wish-laybox h3{color:#fff;}
.wish-laybox small.tip{color:#82858c;zoom: .9;}
.wish-laybox p{font-size:12px;}
.wish-laybox .wish-list{background-color: #21242d;padding:10px;border-radius: 4px;-webkit-border-radius: 4px;width:100%}
.wish-laybox ul{display: flex;display: -webkit-flex;}
.wish-laybox ul li{background-color: #1b1b27;padding:10px 5px;flex:1;font-size:12px;line-height: 25px;margin:0 5px;border-radius: 4px;-webkit-border-radius: 4px;}
.wish-laybox ul li img{width:50px;height:50px;margin:0 auto;display: block;}
.wish-laybox ul li .process-val em{font-style: normal;color:#f6d61d;}
.wish-laybox ul li .process{width:75px;height:4px;border-radius: 4px;-webkit-border-radius:4px;margin:0 auto;background-color: #2f323b;position: relative;}
.wish-laybox ul li .process span{background-color: #f6d61d;position: absolute;top:0;left:0;bottom:0;border-radius: 4px;-webkit-border-radius:4px;display: block}
.help-list{padding:5px 0;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;}
.help-list img{width:20px;height:20px;border-radius: 100%;-webkit-border-radius: 100%;margin-right:5px;}
.help-list span{color:#82858c;font-size:12px;}
.help-list span em{color: #f6d61d;font-style: normal;}

/* 贴纸 */
.stickers-laybox{background:none;padding:0;}
.stickers-laybox .sticker{width:180px;height:180px;display: flex;display:-webkit-flex;justify-content: center;-webkit-justify-content: center; align-items: center;-webkit-align-items: center;}


/* 福袋 */
.smallfudai{background: url("../../images/student/tuisong/fudai.png") no-repeat;background-size: 100% 100%;width:40px;height:40px;transform: rotate(30deg);-webkit-transform: rotate(30deg);position: absolute;top:20%;left:15px;}
.smallfudai .countdown{color:#fff;font-size:12px;zoom:.8;background: rgba(0, 0, 0, .4);padding:2px 8px;border-radius: 4px;position: absolute;left:2px;bottom:-6px;transform: rotate(-30deg);-webkit-transform: rotate(-30deg);}
.fudai{
background: rgb(82,28,47); 
background: -moz-linear-gradient(top,  rgba(82,28,47,1) 0%, rgba(41,10,21,1) 15%, rgba(24,5,12,1) 26%, rgba(0,0,0,1) 100%); 
background: -webkit-linear-gradient(top,  rgba(82,28,47,1) 0%,rgba(41,10,21,1) 15%,rgba(24,5,12,1) 26%,rgba(0,0,0,1) 100%); 
background: linear-gradient(to bottom,  rgba(82,28,47,1) 0%,rgba(41,10,21,1) 15%,rgba(24,5,12,1) 26%,rgba(0,0,0,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#521c2f', endColorstr='#000000',GradientType=0 ); 
}
.fudai h3{padding:12px 0;border-bottom: 1px solid #290e17;color:#fff;margin-bottom: 10px;}
.fudai dl{padding:10px;margin-bottom: 10px;line-height: 25px;border-radius: 4px;-webkit-border-radius: 4px;}
.fudai dl dd{font-size:12px;margin:0;}
.fudai dl dt{color:#fff;}
.fudai dl dt small{font-size:12px;color:#82858c;}
.fudai dl.tiktok{background-image:linear-gradient(to bottom, #2b1720 , #161415);}
.fudai dl.condition{background-color: #141414;;}
.fudai dl.tiktok dd {color:#f6d61d;}
.fudai dl.condition dd {color:#82858c;}
.fudai dl.condition dd i{margin-right:5px;}
.fudai .primary-rect-long{display: block;padding:12px 0;background-color: #ea435a;border-radius:2px;-webkit-border-radius:2px;color:#fff;margin:10px 0;font-size: 12px;}

/* 礼物 */
.gift-laybox{background: url("../../images/student/tuisong/redbagdy.png") no-repeat;background-size: 100% 100%;width:150px;height:203px;}
.gift-laybox .gift-hd p{color:#fff;padding-top:5px;}
.gift-laybox .gift-hd img{width:40px;height:40px;padding:2px;border:1px solid #fff;border-radius: 100%;-webkit-border-radius: 100%;}
.gift-laybox .gift-footer{position: absolute;bottom:20px;left:0;right:0;color:#fff;}
.gift-laybox .gift-footer ::before{content:"";display: inline-block;background: url("../../images/student/tuisong/iktok.png") no-repeat center center;background-size:100% 100%;width: 15px;height:15px;margin-right:5px;
vertical-align: middle}
.gift-laybox .gift-footer span{;}


/* 弹框位置 */
.phone-laybox-top{top:10px;left:10px;right:10px;position: absolute;}
.phone-laybox-bottom{bottom:0;left:0;right:0;position: absolute;}
.phone-laybox-bottomright{bottom:0;right:0;position: absolute;}
.phone-laybox-topright{top:20px;right:0;position: absolute;}
.phone-laybox-bottomright li{width:105px;}

.phone-laybox .icon-guanbi{position: absolute;bottom:-40px;left:0;right:0;text-align: center;color:#fff;font-size: 24px;}
.icon-gonggao1,.icon-jiangpin{color:#ff4141;}

.phone-laybox .share-goods-info{width:315px;height:auto;padding:10px;border-radius: 4px;-webkit-border-radius: 4px;box-sizing: border-box;position: relative;}
.phone-laybox .share-goods-info dt img{width:60px;height:60px;}
.phone-laybox  .money{font-size:24px;font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;}
.phone-laybox dt.money{height:57px;display: flex;justify-content: center;align-items: center;}
.phone-laybox .share-goods-info  label{position: absolute;top:0;left:0;border-radius: 0 4px 4px 0;}
.phone-laybox .share-goods-info-bggray{background-color: #f8f8f8;width:290px;margin:10px auto;border-radius: 4px;-webkit-border-radius: 4px;}
.phone-laybox .share-links{margin:0 auto;}
.phone-laybox .share-links img{width:30px;height:30px;border-radius: 100%;}
    .phone-laybox .share-links ul {margin: 10px auto 0;text-align: center;display: flex; flex-wrap: wrap;justify-content: center; }
.phone-laybox .share-links li{display:inline-block;}

.phone-laybox .vote-goods-list li{padding:15px 5px;border-bottom: 1px solid #dedede;}
.phone-laybox .u-button.primary.u-button-long{min-width: 130px;}
.phone-laybox .u-button.default.u-button-small{min-width:auto;height:25px;line-height: 25px;}
.phone-laybox h2{font-size:18px;}
.phone-laybox .f-warning{color:#fe3665;}
.phone-laybox .phone-goodslist{border-radius: 5px;-webkit-border-radius: 5px;}
.pushproduct .phone-goodslist ul li> div{position: absolute;bottom:15px;right:0;}
.phone-laybox .headimg img{width:50px;height:50px;border-radius: 100%;-webkit-border-radius:100%;position: absolute;left:0;right:0;top:-20px;margin:0 auto;background-color: #fff;padding:5px;}

/* 直播间爱心 */
.lovedemo img{ width: 20px; height: 20px; position: absolute; bottom: 80px; right: 20px;}

/* 直播间聊天 */
.chat-history{position: absolute;bottom:55px;left:15px;right:30px;height:155px;overflow: hidden;}
.chat-history ul{animation: myMove 12s linear infinite;animation-fill-mode: forwards;}
.chat-history li{margin-bottom:5px;}
.chat-history li span{padding:5px 10px;background: rgba(0, 0, 0, .2);border-radius: 3px;display: inline-block;font-size:12px;color:#fff;}
@keyframes myMove{
    0% {transform: translateY(0);}
    10% {transform: translateY(-10%);}
    20% {transform: translateY(-20%);}
    30% {transform: translateY(-30%);}
    40% {transform: translateY(-40%);}
    50% {transform: translateY(-50%);}
    60% {transform: translateY(-60%);}
    70% {transform: translateY(-70%);}
    80% {transform: translateY(-80%);}
    90% {transform: translateY(-90%);}
    100% {transform: translateY(-100%);}
}
.phone-footer-dy .phone-goodslist{z-index:9;}
.phone-footer-dy .phone-goodslist .u-button{min-width: 50px;height:22px;line-height:22px;font-size: 12px;}
.phone-footer-dy .phone-goodslist .iconfont{color:#999;padding-right:3px;}
.phone-goodslist{position: absolute;bottom:0;left:0;right:0;background-color: #fff;max-height:400px;overflow-y:auto;padding:0 5px;transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;border-radius: 0 0 5px 5px;-webkit-border-radius: 0 0 5px 5px;}
.phone-area .closebar{position:absolute;top:5px;right:5px;}
.phone-area .closebar a{color:#666;font-size:16px;}
.phone-area .closebar a:hover{color:#fe3665;}
.phone-goodslist li{padding:10px 0;border-bottom: 1px solid #ededed;position: relative;overflow-x: hidden;}
.phone-goodslist li:last-child{border-bottom: none;}
.phone-goodslist dl{display: flex;display: -webkit-flex;padding:0 10px 5px;}
.phone-goodslist dt{width:60px;height:60px;position: relative;}
.phone-goodslist dt > div{position: absolute;left:0;right:0;bottom:0;background: rgba(0, 0, 0, .4);color:#fff;text-align: center;}
.phone-goodslist img{width:63px;height:63px;object-fit: fill;}
.phone-goodslist dd{flex:1;-webkit-flex:1;margin-left:10px;width:230px;}
.phone-goodslist dd span{line-height:20px;width:90%;}
.phone-goodslist dd strong{color:#fe3665;padding-top:10px;}
.phone-goodslist ul li> div{padding:0 5px;}
.phone-goodslist ul li> div .u-button{min-width:65px;}
.sort{position: absolute;top:0;left:1px;}
.sort span{background-color:#725bfe;color:#fff;padding:2px 8px;font-size:12px;border-radius: 4px;-webkit-border-radius: 4px;}

/* 右侧 */
/* .phone-left{padding-top:15px;} */
.phone-left + .m-stuconbox .m-table-tabs-living a{width:100px;}
.goodslist{padding:20px 15px;width:800px;}
.goodslist .work-list{padding-left:10px;margin:0;}
.goodslist .work-list li{width:208px;box-sizing:content-box;position: relative;cursor: pointer;padding-bottom:10px;}
.goodslist .work-list li:nth-child(3n){margin-right:0;}
.goodslist li .img-wrapper{width:208px;height:175px;background-color:#f8f8f8;}
.goodslist li .img-wrapper img,.goodsdetail .goodslist .img-wrapper img{width:100%;max-width:100%;max-height: 100%;}
.goodslist li h3{overflow: hidden;line-height:20px;padding:3px 10px;width:90%;}
.goodslist li  strong{color:#ff4141 ;padding:0 10px;;}
.goods-select li i{position: absolute;top:5px;right:10px;display: block;width:20px;height: 20px;border-radius: 100%;-webkit-border-radius: 100%;background-color:#ff4141;color:#fff;text-align: center;line-height:1.4;font-size:14px;}
.goods-select li i:hover{background-color:#e6335d;}
.goodslist li:hover .img-wrapper{opacity: 0.8;;}

.goodsdetail .goodslist{width:630px;padding:10px 0;}
.goodsdetail .goodslist li{float: left;margin-right:10px;margin-bottom: 10px;}
.goodsdetail .goodslist li:nth-child(4n){margin-right: 0;}
.goodsdetail .goodslist .img-wrapper{width:150px;height:126px;}
.goodsdetail .goodslist .img-wrapper img{border-radius: 4px;-webkit-border-radius: 4px;}

.h520{height:520px;overflow-y: auto;}
.h535{height:535px;overflow-y: auto;}

.goods-select{width:800px;border-top: none;padding:10px;overflow-x: auto;overflow-y:hidden;background-color:#f8f8f8;height:70px;}
.goods-select li{position: relative;width:50px;margin-right:15px;margin-bottom:10px;cursor: pointer;}
.goods-select .img-wrapper{width:50px;height:50px;}
.goods-select .img-wrapper img{width:100%;max-width:100%;max-height: 100%;}
.goods-select li i{top:-5px;right:-5px;}
.goods-select-result ul{padding:5px 0;}
.goods-select-result strong{font-weight:bold;padding:0 2px;color:#fe3665;}

.goodsdetail-descr-pic img{width:100%;}
.previewgoods dd{line-height: 28px;}

/* 物料清单整理 */
.content-body{padding:30px 20px;}

.innerdrag span,
.material-cate span,
.gu-mirror{width:140px;height:40px;line-height:40px;border:1px dashed #725bfe;color:#725bfe;border-radius:4px;-webkit-border-radius:4px;background-color:#e3deff;text-align: center;margin:0 10px 20px;cursor: move;display: block;float:left;}
.material-cate span:nth-child(odd){margin-right:24px;}
.innerdrag span.cur{display: none;}

.classify-tip{color:#394a79;}
.classify-tip i{color:#394a79;font-size:20px;}
.classify-box ul{display:flex;display:-webkit-flex;}
.classify-box ul li{margin:10px;flex:1;-webkit-flex:1;}
.classify-box ul li .materiel-cate {border:1px solid #dedede;padding:20px;height:320px;width:100%;}
.classify-box ul li h3{text-align: center;padding:10px 0;}

.material-list img{width:50px;height:50px;margin:0 5px;}

.material-list-container{min-height:175px;border: 1px solid #e3deff;padding: 10px;border-radius: 4px;-webkit-border-radius: 4px;}
.material .material-sidebar{width:100%;}
.material .material-sidebar ul{display:flex;display:-webkit-flex;}
.material .material-sidebar li{padding:20px 15px;position:relative;flex:1;}
.material .material-sidebar li h3{text-align: center;padding:10px 0;color:#394a79}
.material .material-sidebar li:last-child{border-bottom:none;}
.material .material-sidebar li:hover .material-cate{background-color:rgba(101,113,254,.1);cursor:pointer;}
.material .material-sidebar li img{width:80px;height:80px;margin-right:10px;pointer-events: none;}
.material .material-sidebar li img.trash-thumb{opacity:0;position: absolute;top:0;right:0;width:1px;height:1px;}
.material .material-cate > div.trashnumber{position: absolute;top: 28px;right: 30px;text-align: right;display: inherit;width: auto;color: #1b8cf2;font-weight: bold;font-size: 18px;}
.material .material-container{width:830px;border-right:1px solid #ededed;}
.material .material-cate{border:1px solid #e3deff;padding:10px;border-radius:4px;-webkit-border-radius:4px;min-height:180px;overflow:hidden;}
.material .material-cate > div{width:120px;pointer-events: none;}
.material-list{padding-top: 20px;padding-bottom:10px;overflow-x:auto;}
.material-list ul{width:100%;position:relative;}
.material-list li,.garbagepic-b{width: 80px; height: 80px;margin-right:10px;background-color: #efefef;border-radius: 3px;-webkit-border-radius: 3px;display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;justify-content: center;-webkit-justify-content: center;  -ms-flex-pack: center;justify-content: center;border:2px solid transparent;border-radius:2px;-webkit-border-radius:2px;cursor: move;position:relative;}
.garbagepic-b img{display: block;max-width: 100%; max-height: 100%;background-size: contain;background-repeat: no-repeat;background-position: 50%;text-align: center;pointer-events: none;}
.material-list  img{width:80px;height:80px;margin-right:10px;cursor:move;}
.material-list img.cur{display: none;}
.material-list li:hover img{opacity:0.8;}

.garbagepic-b{width:400px;height:400px;cursor:move;}

.material-tip{font-size:14px;color:#725bfe;}
.material-tip i{margin-right: 5px;position:relative; animation: ball-bounce 2s infinite;-webkit-animation: ball-bounce 2s infinite; }

.material-ending{background: url("../../images/student/ending.png") no-repeat;width:500px;height:500px;}


@keyframes ball-bounce {
    0% {
      bottom: 3px;
    }
    50% {
      bottom: -3px;
    }
    70% {
      bottom: -3px;
    }
    100% {
      bottom: 3px;
    }
  }




/*平台注册认证*/
.m-mainbox{ min-height: calc(100vh - 135px); position: relative; background-color: #fff; padding: 15px;border-radius: 4px}
.m-mainbox .plat{width: 700px;height: 400px; text-align: center;position: absolute; top: 50%; left: 50%; transform: translateY(-56%) translateX(-50%)}
.m-mainbox .plat img{width: 200px; height: 200px;box-shadow: #bebadd 0 0 10px; position: absolute;border-radius: 8px;top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%);transition: .2s ease-in-out}
.m-mainbox .plat a{display: block; width: 50%; height: 378px; position: relative;cursor:default;}
.m-mainbox .plat a.dis{cursor:default;opacity:0.5;}
.m-mainbox .plat a.dis img:hover{border:none;transform: translate(-50%,-50%) scale(1);}
/*.m-mainbox .plat p{position:absolute;top: 0;padding-left: 38px;}*/
.m-mainbox .plat p{width:385px;position:absolute;top: 0;left:50%; transform: translateX(-50%); color: #ffa800; font-size: 16px}
.m-mainbox .plat img:hover{transform: translate(-50%,-50%) scale(1.1);border: 2px solid #725bfe;cursor:pointer;}
.m-mainbox .plat span{width: 200px;height: 200px;position:absolute;top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);background:rgba(0,0,0,0.3);border-radius: 8px;}


/*淘宝平台注册认证*/

.register-content {min-height: 700px; box-sizing: border-box; overflow: hidden; position: relative}
.register-content .centerbox{width: 540px;padding-top: 30px;margin: 0 auto; font-size: 14px}
.register-content ul.register-content-step{width: 920px; margin: 0 auto; height: 50px; border-bottom: 3px solid #e4e4e4; box-sizing: border-box; padding:  0 100px;display: flex}
.register-content ul.register-content-step li{width: 240px; height: 50px; line-height: 50px; text-align: center; color: #999; font-size: 16px;font-weight: bold}
.agree, .next-step, .slider-btn:hover{cursor: pointer}
.cross{display: inline-block; width: 15px; height: 15px; background-color: #FF3F13; color: #fff; border-radius: 100%; text-align: center; line-height: 14px }
.tbwarnTips{color: #FF3F13}
.tbwarnBorder{border-color: #FF3F13 !important}
.disabled-bg{background-color: #ccc !important}
.drag{position: relative;background-color: #e8e8e8;width: 320px;height: 34px;line-height: 34px;text-align: center;}
.handler{width: 40px;height: 32px;border: 1px solid #ccc;cursor: move;}
.handler_bg{background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZDhlNWY5My05NmI0LTRlNWQtOGFjYi03ZTY4OGYyMTU2ZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTEyNTVEMURGMkVFMTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTEyNTVEMUNGMkVFMTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MTc5NzNmZS02OTQxLTQyOTYtYTIwNi02NDI2YTNkOWU5YmUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NGQ4ZTVmOTMtOTZiNC00ZTVkLThhY2ItN2U2ODhmMjE1NmU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+YiRG4AAAALFJREFUeNpi/P//PwMlgImBQkA9A+bOnfsIiBOxKcInh+yCaCDuByoswaIOpxwjciACFegBqZ1AvBSIS5OTk/8TkmNEjwWgQiUgtQuIjwAxUF3yX3xyGIEIFLwHpKyAWB+I1xGSwxULIGf9A7mQkBwTlhBXAFLHgPgqEAcTkmNCU6AL9d8WII4HOvk3ITkWJAXWUMlOoGQHmsE45ViQ2KuBuASoYC4Wf+OUYxz6mQkgwAAN9mIrUReCXgAAAABJRU5ErkJggg==") no-repeat center;}
.handler_ok_bg{background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZDhlNWY5My05NmI0LTRlNWQtOGFjYi03ZTY4OGYyMTU2ZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDlBRDI3NjVGMkQ2MTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDlBRDI3NjRGMkQ2MTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDphNWEzMWNhMC1hYmViLTQxNWEtYTEwZS04Y2U5NzRlN2Q4YTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NGQ4ZTVmOTMtOTZiNC00ZTVkLThhY2ItN2U2ODhmMjE1NmU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+k+sHwwAAASZJREFUeNpi/P//PwMyKD8uZw+kUoDYEYgloMIvgHg/EM/ptHx0EFk9I8wAoEZ+IDUPiIMY8IN1QJwENOgj3ACo5gNAbMBAHLgAxA4gQ5igAnNJ0MwAVTsX7IKyY7L2UNuJAf+AmAmJ78AEDTBiwGYg5gbifCSxFCZoaBMCy4A4GOjnH0D6DpK4IxNSVIHAfSDOAeLraJrjgJp/AwPbHMhejiQnwYRmUzNQ4VQgDQqXK0ia/0I17wJiPmQNTNBEAgMlQIWiQA2vgWw7QppBekGxsAjIiEUSBNnsBDWEAY9mEFgMMgBk00E0iZtA7AHEctDQ58MRuA6wlLgGFMoMpIG1QFeGwAIxGZo8GUhIysmwQGSAZgwHaEZhICIzOaBkJkqyM0CAAQDGx279Jf50AAAAAABJRU5ErkJggg==") no-repeat center;}
.drag_bg{background-color: #7ac23c;height: 34px;width: 0px;}
.drag_text{position: absolute;top: 0px;width: 100%;text-align: center;-moz-user-select: none;-webkit-user-select: none;user-select: none;-o-user-select:none;-ms-user-select:none;}
#moveDiv{height: 34px;position: absolute;top: 0px;left: 0px;}
.register-content ul.register-content-step li.active{border-bottom: 2px solid #ff4700; font-weight: bold; color: #3e3e3e}
.register-content ul.register-content-step li i{display: inline-block;width: 24px;height:24px;line-height: 24px;color: #fff;font-size: 14px; margin-right: 5px; }
.register-content ul.register-content-step li i:not(.icon-yiwancheng) {background: url("../../images/student/ico-circle2.png");}
.register-content ul.register-content-step li:nth-of-type(3) i{font-size: 24px; position: relative; top: 4px; color: #ccc; }
.register-content ul.register-content-step li.active i{color: #fff;}
.register-content ul.register-content-step li.active i:not(.icon-yiwancheng){background: url("../../images/student/ico-circle.png")}
.register-content ul.register-content-step li:nth-of-type(3).active i{color: #ff4700}
.register-content ul.shop{height: 400px; justify-content: center}
.register-content ul.shop li{width: 300px; height: 400px; border: 1px solid #666; padding: 0 40px;text-align: center}
.register-content ul.shop li:first-child{margin-right: 40px; background-color: #FFC498; border-color: #C39061;}
.register-content ul.shop li:first-child .u-button{background-color:#FFDCBE; border-color: #C39061; color: #C39061;}
.register-content ul.shop li:first-child .shop-tc{border-bottom: 1px dotted #C99468;}
.register-content ul.shop li:last-child{background-color: #D5F1FF; border-color: #A8C0D7; color: #49768D;}
.register-content ul.shop li:last-child .u-button{background-color: #008AC8; border-color: #A8C0D7; color: #fff;}
.register-content ul.shop li:last-child .shop-tc{border-bottom: 1px dotted#A0C0CF;}
.register-content ul.shop li .shop-tc{margin: 80px 0 20px;line-height: 30px}
.register-content ul.shop li .shop-bc p{font-size: 14px; line-height: 40px;}
.register-content ul.shop li .u-button{padding: 0 40px; margin-top: 30px;}
.register-content .companyOpenC .centerbox{width: 750px}
.register-content .companyOpenC  table tr td:first-child{color: #999}
.register-content .companyOpenC .u-button{height: 36px;}
.register-content .open-success{position: absolute;top: 50%; left: 50%; transform: translateX(-50%) translateY(-85%);text-align: center}
.register-content .open-success i{font-size: 50px; /*color: #ff4001*/}
.register-content .open-success p{font-size: 20px;font-weight: bold; /*color: #ff4001*/}
.register-content .open-success .u-button{width: 298px;height: 48px; line-height: 46px; margin-top: 70px;background: #ff4001; color: #fff}
.set-pwd{width: 600px}
.register-content .centerbox table.set-pwd{margin: 0}
/*淘宝直播认证*/
/*.register-content .m-phonebox{width: 360px; height: 640px}*/
/*.register-content .m-phonebox .m-phone{width: 360px; height: 640px}*/
.taobao-live{ margin: 0 auto;}
.taobao-live .m-phone{overflow: hidden;}
.taobao-live .phone-top{height: 80px; padding: 12px 0 0 20px; margin: 15px;}
.taobao-live .phone-top.phone-top-bg{background: #fff;border-radius: 4px;}
.taobao-live .phone-top img{width: 55px; height: 55px; border-radius: 50%}
.taobao-live .phone-top .fans{margin: 10px 0 0 10px}
.taobao-live .phone-content{height: 535px; border-radius: 0 0 5px 5px;}
.taobao-live .settled{text-align: center; line-height: 400px}
.taobao-live .settled .u-button{width: 280px; height: 50px}
.taobao-live .real-name{position: relative;}
.taobao-live .real-name .real-name-top{width: 306px;border-radius: 4px;position: absolute; left: 50%;transform: translateX(-50%); height: 120px; background: #fff; padding: 12px 55px 20px 12px}
.taobao-live .real-name .real-name-top p{font-size: 13px}
.taobao-live .real-name .real-name-top .to-iden{position: absolute; background-color: #fff; border: 1px solid #ff0447;color: #ff0447; right: 15px;top: 50%; transform: translateY(-50%); min-width: 0}
.taobao-live .real-name .real-name-bottom{position: absolute;left: 0;bottom: 40px; padding: 0 15px;height: 110px;width: 100%;text-align: center}
.taobao-live .real-name .real-name-bottom p{line-height: 30px;}
.taobao-live .real-name .real-name-bottom .u-button{margin: 0;width: 100%; height: 34px; margin-top: 10px}
.taobao-live .iden-complete{background-color: #ccc; color: #fff}
.taobao-live .complete-bg{background-color: #ff0447!important;}
.taobao-live .settled-success{text-align: center;}
.taobao-live .settled-success i{font-size: 40px; display: block; padding-top: 120px; }
.taobao-live .settled-success p{line-height: 40px;}
#real-iden{padding-top: 20px;text-align: center}
#real-iden i{font-size: 40px}
#real-iden .u-button{margin-top: 20px}

/*抖音直播认证*/

.settled-process{height: 500px;background: url(../../images/student/settled-process.png) no-repeat center;text-align: center;position: relative;margin-top: 35px;}
.register-content h1{font-size: 24px;}
.register-content .td-input{position: relative}
.register-content .td-input input{padding-right: 40px;}
.register-content .inputTip{position: absolute; left: 390px; top:15px;}
[v-cloak]{display:none;}
.dywarnTips{color: #FF4050;font-size: 12px}
input[type=text].dywarnBorder{border-color: #ff4050}
.dyregister-table tr td:nth-of-type(1){vertical-align: top;}
.dyregister-table tr td:nth-of-type(2){display: block;height: 66px}
.settled-process .u-button{position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.register-c .centerbox .u-button.btn-blue{background: #1966FF; color: #fff}
.register-content .u-button.btn-blue{background: #1966FF; color: #fff}
.register-content .u-button.btn-blue-d{border-color: #1966ff; color: #1966ff; background-color: #fff}
.register-content .u-button.btn-blue-p{border-color: #dcdde0; color: #394a79; background-color: #fff}
.register-content .u-button.btn-blue-p:hover{border-color: #1966ff; color: #1966ff;}
.choose-main{text-align: center; padding-top: 30px;}
.choose-main p{line-height: 66px;}
.choose-main .main-type{display: flex; justify-content: center;}
.choose-main .type-c{width: 300px; height: 450px; border: 1px solid #eee;border-radius: 3px; background-color: #fff; padding: 30px 20px; position: relative;}
.choose-main .type-c:first-of-type{margin-right: 40px;}
.choose-main .type-c p{line-height: 30px;}
.choose-main .type-c ul{margin-top: 10px;text-align: left; padding-left: 16px;}
.choose-main .type-c li{list-style: disc; font-size: 12px; padding: 8px 0; color: #1e90ff;}
.choose-main .type-c li span{color: #394a79;}
.choose-main .type-c .u-button{position: absolute;left: 50%;transform:translateX(-50%); bottom: 20px;}

/*.fill-msg{display: none;}*/
.fill-msg .fill-top{height: 80px; }
.fill-msg .fill-top ul{display: flex; height: 80px; justify-content: center; line-height: 80px;}
.fill-msg .fill-top ul li{margin: 0 5px; color: #999;}
.fill-msg .fill-top ul li.active{color: #394a79;}
.u-button{border-radius: 3px;}
.fill-msg .msg-content{padding: 0 40px;}
.fill-msg .msg-content .msg-c-item{border-top: 1px solid #eee;padding-top: 20px;}
.fill-msg .msg-content .msg-c-item:nth-child(2){padding-bottom: 150px;}
.fill-msg .msg-content .msg-c-item .centerbox{width: 100%}
.fill-msg .msg-content .msg-c-item h3{font-size: 16px;}
.fill-msg .msg-content .msg-c-item table tr td:first-of-type{vertical-align: top;}
.fill-msg .msg-content .upload-imgbox{width: 80px; height: 80px; position: relative; margin-right: 10px; padding: 10px 8px; border: 1px dashed #ccc; background-color: #fff;text-align: center;}
.fill-msg .msg-content .upload-imgbox:hover{border-color: #1e90ff; color: #1e90ff}
.fill-msg .msg-content .upload-imgbox img{width: 50px;}
.fill-msg .msg-content .upload-imgbox i{line-height: 40px;}
.fill-msg .msg-content .msg-c-item table .upload-license{height: 150px; width: 600px; background-color: #eee;padding: 20px;font-size: 12px; color: #999;}
.fill-msg .msg-content .fill-bottom{height: 80px; text-align: center; line-height: 80px;}
.msg-c-item input[type=datetime]{width: 205px}
.upload-license .upload-license-l{width: 80px; height: 80px;position: relative; border: 1px dashed #ccc; background-color: #fff;text-align: center;  padding: 20px 0;margin-right: 10px;}
.upload-license .upload-license-l:hover{border-color: #1e90ff; color: #1e90ff}
input[type=file].upload{width: 80px;height: 80px;position: absolute;top: 0;left: 0;opacity: 0}
.upload-c{font-size: 12px; min-width: 612px; min-height: 130px; background: #eee;padding: 20px 20px 10px }
.upload-c>p{color: #999; margin-top: 10px}
.upload-c-r p{line-height: 20px; color: #999;}

.fill-msg .msg-content .msg-c-item table .upload-idcard{height: 120px; width: 670px; background-color: #eee; padding: 20px;}
.upload-idcard .upload-idcard-l{display: flex;}
.upload-idcard .upload-imgbox{margin-right: 10px; position: relative}
.upload-c .img-c{display: flex}
.upload-imgbox .see-del{width: 60px; position: absolute; bottom: 0;display: flex; justify-content: space-around}
.upload-imgbox .see-del i{display: none}
.upload-imgbox:hover .see-del i{display: block}
.el-upload--picture-card{width: 80px; height: 80px;line-height: 34px;color: #ccc}
.el-upload--picture-card i{font-size: 18px;position: relative;top: 10px}
.el-upload-list--picture-card .el-upload-list__item{width: 90px;height: 90px}
.fill-msg .msg-content .msg-c-item input[type=text],.fill-msg .msg-content .msg-c-item select{width: 410px;}
.fill-msg .msg-content .msg-c-item input::-webkit-input-placeholder{font-size: 14px;}
.fill-msg .msg-content .msg-c-item td span{font-size: 12px; color: #999;}

.shop-msg{ position: relative}
.shop-msg .msg-tab ul{height: 50px;display: flex}
.shop-msg .msg-tab ul li{height: 50px; line-height: 50px; margin: 0 10px;font-size: 16px}
.shop-msg .msg-tab ul li:first-child{margin-left: 0}
.shop-msg .msg-tab ul li.active{border-bottom: 3px solid #1e90ff; color: #1e90ff}
.shop-msg .operate-type table tr td.ml{display: block; margin-left: 22px;}
.shop-msg .category{width: 100%; height: 30px;}
.shop-msg .category .tagbox{width: 410px; height: 30px; border: 1px solid #ccc; display: flex; margin-right: 5px; border-radius: 3px;}
.shop-msg .category .tagbox li{padding:  0 8px; margin: 3px; background-color: #eee;line-height: 22px; border-radius: 3px;}
.shop-msg .category .tagbox li span{color: #999; font-size: 14px;}
.shop-msg .category .tagbox li span:hover{cursor: pointer;}
.shop-msg .cate-choose{width: 410px; height: 200px;background: #fff;position: absolute;z-index: 3; padding: 5px; line-height: 28px; overflow-y: auto}
.shop-msg .cate-choose p{background: #F9F9FA}
.shop-msg .help{width: 105px; height: 171px;padding: 56px 3px 0; background: url(../../images/student/help-bg.png) no-repeat; position: absolute; bottom: 50px; right: 40px}
.shop-msg .help li{line-height: 37px;border-bottom: 1px solid #6CA7FB; text-align: center; font-size: 14px;}
.shop-msg .help li a{color: #fff}
.shop-msg .help li a i{position: relative; top: 2px}
/*.check-msg{display: none;}*/
.check-status{width: 100%; height: 100px; margin-bottom: 20px; border: 1px solid #C7D9FF; border-radius: 3px; background-color: #EDF3FF;padding: 20px;}
.check-status p{line-height: 30px; margin-left: 10px;}
.check-status p:last-of-type{color: #999; font-size: 12px;}
.check-status p span{color: #999; font-size: 12px;}
.check-status i{line-height: 30px; color: #1966FF;}
.success-pay .check-status{border-color: #CDF0D7; background-color: #EEFAF1;}
.success-pay .check-status i{color: #33CC59;}
.check-msg .msg-c-item .centerbox  table, .account-msg .wait-pay .centerbox table, .account-msg .success-pay .centerbox table{margin: 0; margin-left: 24px;}
.check-msg .msg-c-item .centerbox table tr td:first-of-type,.account-msg .wait-pay .centerbox table tr td:first-of-type, .account-msg .success-pay .centerbox table tr td:first-of-type{text-align: left; min-width: 180px;}
.check-msg td img{width: 180px; height: 120px;}
/*.account-check{display: none;}*/
/*.wait-pay{display: none;}*/
/*.success-pay{display: none;}*/
.register-content .deposit{height: 100%; padding: 20px;}
.register-content .deposit h2{font-size: 16px; font-weight: bold; margin-bottom: 20px;}
.register-content .deposit img{width: 100px; height: 80px; margin-right: 10px;}
.register-content .deposit p{line-height: 44px;}
.register-content .deposit .u-button{margin-top: 20px;}

/*协议*/
.aggrement{background-color: #fff;z-index: 5;position: absolute; width: 705px; height: 520px; border: 1px solid #e4e4e4; top: 125px; left: 50%;transform: translateX(-50%); box-sizing: border-box; padding: 15px 10px}
.aggrement ul {padding-left: 20px}
.aggrement li {list-style: decimal}
.aggrement p,.aggrement li{font-size: 14px; line-height: 30px}
.aggrement .aggrement-title{font-size: 16px}
.aggrement .bold {font-weight: bold}
.aggrement a{color: black; text-decoration: underline; line-height: 30px}
a.ag{text-decoration: none; color: #FF4001;font-weight: 500}
.aggrement span.link{color: black; text-decoration: underline; line-height: 30px}
.aggrement span.ag{line-height: 30px}
span.ag{text-decoration: none; color: #FF4001;font-weight: 500; }

/*注册页面的一级切换*/
.register-content{display: none}
.register-content.active{display: block}
/*注册页面的一级切换 end*/
.aggrement .agree{width: 160px; height: 38px; background-color: #ff4001; color: white; font-weight: 500;font-size: 16px; text-align: center; line-height: 38px; margin-top: 20px; position: absolute;bottom: 10px; left: 50%;transform: translateX(-50%);border-radius: 3px}
/*注册页面的二级切换*/
.register-content .register-c{height: 100px; display: none}
.register-c.active{display: block}
/*注册页面的二级切换 end*/

.register-c{min-height: 550px}
/*.register-c form{text-align: center; padding-top: 30px; max-width: 600px;margin: 0 auto;font-size: 14px;}*/
.register-c .centerbox.set-user .slider{width: 300px; height: 30px; box-sizing: border-box; background-color: #ddd; position: relative;text-align: center; line-height: 30px;font-size: 13px }
.register-c .centerbox input::placeholder{font-size: 14px}
.register-content .centerbox table,.register-c .centerbox table{margin: 0 auto}

.register-c .centerbox.set-user .slider .slider-btn{width: 40px;height: 30px;line-height: 28px; background-color: #fff;position: absolute; top: 0px;left: 0px; border: 1px solid #999;}
.register-content .centerbox tr td:first-child,.register-c form tr td:first-child{text-align: right; }
.register-content .centerbox td,.register-c form td{text-align: left; padding: 10px; min-width: 80px}
.register-content .centerbox .WdateDiv{width: 205px}
.register-content .centerbox .WdateDiv td{min-width: 0}
.register-c /*form.set-user*/ .next-step{width: 160px; height: 38px; line-height: 38px; background-color: #ff4001;color: #fff; border-radius: 3px; text-align: center;font-weight: 600;font-size: 16px;}
.register-c .centerbox td .register-btn{display: block;width: 296px;height: 40px; line-height: 40px;background-color: #725bfe; border-radius: 3px; color: white; text-align: center;display: block; margin-top: 70px; }
.register-c .centerbox.act p{line-height: 30px}
.register-c .centerbox .u-button{width:160px;padding: 0 30px; height: 38px; background-color: #ff4001; color: #fff; line-height: 36px; font-size: 16px; border-radius: 3px;}
.register-c .centerbox th{text-align: right; line-height: 50px; font-weight: bold}
.register-c .register-success {width: 920px; height: 200px; background:#F3FDF6; margin: 140px auto; padding-left: 50px}

/*脚本初稿编写*/
.hottpic{overflow: unset;min-height: 500px}
.hot-aspect-l{width: 50%; height: 500px; display: flex; flex-direction: column; justify-content: space-around; align-items: center}
.hot-aspect-l .hot-type.showitem{width: 200px; height: 150px;background: #e3deff;color: #725bfe; position: relative; border: 1px solid #725bfe;text-align: center; padding: 10px; display: flex; flex-wrap: wrap; justify-content: center;align-items: center;border-radius: 3px;
  -webkit-border-radius: 3px;}
.hot-aspect-r{width: 50%; height: 500px}
.register-content .dot{width: 15px;height: 15px; background: #725bfe; border: 2px solid #fff;-webkit-border-radius: 100%; position: absolute; right: -8px; top: 50%; transform: translateY(-50%)}
.hot-aspect-r ul{height: 100%;display: flex; flex-direction: column; justify-content: space-around; align-items: center}
.hot-aspect-r li{width: 310px; height: 40px; position: relative; border: 1px solid #725bfe;background: #e3deff;color: #725bfe; text-align: center; line-height: 40px;border-radius: 3px;
  -webkit-border-radius: 3px;}
.hot-aspect-r li .dot{left: -8px}
.bottom-btn{ width: 100%;height: 80px; line-height: 80px; text-align: center;margin-top: 30px}
.hot-classify-t{padding: 10px; position: relative; border: 1px solid #e3deff; border-radius: 4px; margin: 0 40px }
.hot-classify-t span{ display: inline-block;padding:0 10px; height: 40px;background: #e3deff; line-height: 38px; margin:10px; font-size: 13px;  color: #725bfe; border: 1px dashed #725bfe; -webkit-border-radius: 3px}
.hot-classify-t span:hover{cursor: move}
.hot-classify-t li.cur{display: none}
/*.hot-classify-t li.cur{display: none}*/
.hot-classify-c{ display: flex; justify-content: center;text-align: center}
.hot-classify-c .content-box{width: 540px; min-height: 250px; border:1px solid #e3deff; border-radius: 3px; margin: 20px; padding: 10px 20px}
.hot-classify-c .content-box span{display: block;width: 280px; border: 1px dotted #725bfe;background: #e3deff; -webkit-border-radius: 3px;color: #725bfe; margin: 10px auto; padding: 5px 0}
.topic-make{padding: 0 20px}
.topic-make p{line-height: 36px; color: #999}
.topic-make table{text-align: center; margin: 0 auto;}
.topic-make table thead tr{line-height: 40px}
.ligature{overflow: hidden}
@media screen and (max-height: 900px) {
    .bottom-btn{margin-top: 0px}
}
/*商品资料整理*/
.goods-c{width: 49%; height: calc(100% - 22px); margin-top: 10px;}
.goods-c-l{position: relative;}
.goods-c-l::before{content:"";width:10px;background-color: #f4f5f7;position:absolute;top:0;left:11px;bottom:0;border-radius: 4px;-webkit-border-radius: 4px;}
.goods-c-l > div{padding-left:20px;}
/* .goods-c-l .goods-box{width: 482px; height: 145px; border: 1px solid #ccc;  margin: 40px 0 40px 40px; position: relative;border-radius: 4px;-webkit-border-radius: 4px;} */
.goods-c-l .goods-box{width: 482px; height: 145px; border: 1px solid #ccc; border-radius: 4px;  margin: 40px 0 0 40px; position: relative}
.goods-c-l .goods-box.active{border-color: #725bfe;-webkit-box-shadow: 1px 1px 2px rgba(219, 226, 240, .1), 4px 4px 10px #f0f1f5; box-shadow:1px 1px 2px rgba(219, 226, 240, .1), 4px 4px 10px #f0f1f5;}
.goods-c-l .goods-box .goods-main{width: 480px; height: 145px;position: relative;padding: 20px;overflow: hidden; }
.goods-c-l .goods-box .select{display: block; position: absolute; z-index: 100; right: 0; top: 0; width: 44px; height: 44px; top: 0; background:transparent; font-size: 22px; color: #dc6450; opacity: 0; cursor: pointer; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -ms-transition: .2s ease-in-out; -o-transition: .2s ease-in-out;}
.goods-c-l .goods-box .select:before{content : ""; position : absolute; z-index: 100; display : block; width: 200%; height: 80%; top: -120%; left: -40%; background : #07c51d; -webkit-transform-origin: left bottom; transform-origin : left bottom; -webkit-transform : rotate(45deg); transform : rotate(45deg); opacity : 0; z-index : 0; -webkit-transition : .2s; transition : .2s}
.goods-c-l .goods-box .select{ opacity: 1; -webkit-transition: .2s; transition: .2s; -webkit-transform: scale(1) !important; transform: scale(1) !important; -moz-transform: scale(1) !important; -ms-transform: scale(1) !important; -o-transform: scale(1) !important; }
.goods-c-l .goods-box .select:before{-webkit-transition: .5s ease-in-out; transition : .5s ease-in-out; opacity : 1}
.goods-c-l .goods-box .select i{color: #fff; font-size:16px; position: absolute; top:1px; right:3px}
.goods-c-l .goods-box img{width: 114px; height: 109px}
.goods-c-l .goods-box .goods-detail{width: 298px}
.goods-c-l .goods-box .goods-detail p{margin:  14px 0}
.goods-c-l .goods-box .step-circle{width: 30px; height: 30px; background-color: #a7afc3; border: 5px solid #f4f5f7;color:#fff;text-align: center; line-height: 20px; border-radius: 50%; position: absolute; left: -60px; top: 50%; transform: translateY(-50%)}
.goods-c-l .goods-box .step-circle.active{background-color: #725bfe; border: 5px solid #ded9ff; color: #fff}
.goods-c table tr{display: block; margin-bottom: 30px}
.goods-c table tr td:first-child{vertical-align: top}
.goods-c textarea{border-radius: 4px}
.goods-desc{width: 430px;display: flex;justify-content: space-between; flex-wrap: wrap}
.goods-desc li{width: 200px; height: 30px; margin-bottom: 10px;border: 1px solid #ccc;border-radius: 4px; box-sizing: border-box; position: relative; padding-right: 28px; line-height: 28px; text-align: center}
.goods-desc li span{position: absolute; width: 28px; height: 28px; border-left: 1px solid #ccc; right: 0; top: 0}
.script-frame{position: relative;height: 75vh; overflow-y: auto;}
.script-frame .add-script:hover{cursor: pointer}
.script-frame .script-nav{width: 262px; text-align: center; position: relative}
.script-frame .script-nav .nav-border{width: 6px; height: 560px;background: #C7BDFF;position: absolute; top: 60px; left: 9px;}
.script-nav-c{min-height: 70px; background: #e7e5f8; border-radius: 4px; margin: 18px 0}
.script-nav-c .script-nav-l{width: 24px;background: #725bfe; color: #fff; border-radius: 12px; -webkit-border-radius: 12px; display: flex; display:-webkit-flex;align-items: center;-webkit-align-items: center;position: relative}
.script-nav-c .script-nav-l i{position: absolute; bottom: 10px; left: 50%;transform: translateX(-50%);display: none; width: 16px; height: 16px; background: #fff; color: #725bfe; line-height: 15px; font-size: 18px; text-align: center; border-radius: 100%;font-weight: 600;cursor: pointer;}
.script-nav-c:hover .script-nav-l i{display: block;}
.script-nav-c > ul{flex:1;-webkit-flex:1;}
.script-nav-c li{width: 218px;height:32px;padding-right: 3px; border: 1px solid #725bfe; line-height:30px; color: #725bfe; border-radius: 4px; margin: 10px;position: relative;}
.script-nav-c li p{display: none;position: absolute;top:0;right:0;}
.script-nav-c li p i{cursor: pointer;}
.script-nav-c li p i:hover,.script-nav-c:hover .script-nav-l i:hover{opacity: 0.8;}
.script-nav-c li:hover{background: #9989FC}
.script-nav-c li:hover p{display: block;}
.script-nav-c li:hover{color: #fff}
.script-nav-c li span{transition: all .5s;-webkit-transition: all .5s;max-width: 145px;}
.script-nav-c li:hover span{margin-left:-50px;}
.script-frame .script-nav .script-nav-t{font-size: 16px; color: #725bfe;line-height: 40px; font-weight: 600}
.script-frame .script-desc{ position: relative}
.script-frame .script-desc .border-l{width: 1px; position: absolute; left: 5px; top: 15px;bottom:78px; border: 1px solid #725bfe;}
.script-frame .script-desc .script-desc-c{width: 872px; height: 140px;background-color: #F4F5F7; margin: 10px 20px; padding: 10px; border: 1px solid #ccc; border-radius: 5px; position: relative}
.script-frame .script-desc h3{font-size: 14px; font-weight: 600; padding-left: 1px}
 span.circle{display: inline-block;width: 10px; height: 10px; border: 1px solid #725bfe; border-radius: 100%;position: relative; background: #fff}
.script-desc .script-desc-c:hover{border-color: #725bfe}
.script-desc .script-desc-c:hover textarea{border-color: #725bfe}
.script-desc .script-desc-c .desc-title{height: 40px; width: 800px;margin-right:60px; color: #657296; font-weight: 700; line-height: 38px; padding: 0 10px}
.script-desc-c .desc-title p input{width: 78px}
.script-desc-c .desc-c-border{width: 14px; height: 1px; position: absolute; border: 1px solid #725bfe; top: 50%; left: -14px}
.script-desc .script-desc-c textarea{width: 852px; height: 70px;background-color: #fff}
.desc-bottom{ height: 50px; background-color: #fff; text-align: center;line-height: 50px}
.live-points{ margin: 30px 20px; width: 1160px}
.live-points tr{line-height: 40px}
.live-points tr.bg-color{background-color: #FEF0E9}
.live-points tr td ul{margin-left: 17px}
.live-points tr td li{line-height: 30px; list-style: decimal}
.live-points tr td:first-child{text-align: center}
.live-points tr td:nth-of-type(2){padding-left: 10px; text-align: left}
    /* 商品链接推送 */
/* 指令 */
.instructions{width:210px;position: relative;}
.instructions-title{border-bottom: none;padding:0;color:#715afd;font-weight: bold;font-size:16px;background: none;}
.instructions-title i{font-size:22px;margin-right:10px;}
.instructions dt{width:20px;height:20px;line-height:20px;background-color:#a7afc3;border:5px solid #f4f5f7;border-radius: 100%;-webkit-border-radius: 100%;margin-right:10px;text-align: center;font-size:12px;box-sizing: content-box;}
.instructions dt span{color:#fff;}
.instructions dd{flex:1;-webkit-flex:1;color:#a7afc3;font-size:13px;background-color: #f4f5f7;border:1px dashed #f4f5f7;padding:5px;border-radius: 4px;position: relative;}

.instructions dl{display:flex;display:-webkit-flex;position: relative;padding-bottom:55px;padding-left:20px;}
.instructions dl.complete dt{background-color: #725bfe;border-color:#ded9ff;}
.instructions dl.active dd{color:#725bfe;}

.instructions dl::after{content:"";position: absolute;top:30px;left:30px;bottom:0;width:10px;background-color: #f4f5f7;}
.instructions dl.active::after{background-color: #f4f5f7;}
.instructions dl.complete dt{background-color:#725bfe;border:5px solid #ded9ff;}
.instructions dl.active:before{content:"\e6f9";font-size:20px;-webkit-transition:all .5s; -webkit-animation: arrow 1.5s infinite ease-in-out; }
.instructions dl.complete::before,.instructions dl.active::before{position:absolute;top:1px;left:0;font-family: "iconfont" !important;font-size: 20px;color:#725bfe;transition:all 1.5s;opacity: .8;}
.instructions dd::before{content: "";width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:8px solid #f4f5f7;position: absolute;top:30%;left:-8px;}
.instructions dl.active dd{background-color: #f4f5f7;border:1px dashed #f4f5f7;color:#a7afc3;}
.instructions dl.active dd::before{border-right:8px dashed #f4f5f7;}

/*.instructions dl.done::after{background-color: #ded9ff;}*/
.instructions dl.complete dt{background-color: #725bfe;border-color:#ded9ff;}
.instructions dl.complete dd{color:#725bfe;}
.instructions dl.complete dd{background-color: #e3deff;border:1px dashed #725bfe;}
.instructions dl.complete dd::before{border-right:8px dashed #725bfe;}

@-webkit-keyframes arrow {
    0% {
      opacity:0;
      transform: translate(0, 0px)rotate(90deg);
      -webkit-transform:translate(0, 0px)rotate(90deg);
    }
    50% {
      opacity:1;
      transform: translate(2px, 0px)rotate(90deg) ;
      -webkit-transform: translate(2px, 0px)rotate(90deg) ;
    }
    100% {
      opacity:0;
      transform: translate(2px, 0px)rotate(90deg);
      -webkit-transform: translate(2px, 0px)rotate(90deg);
    }
  }
  /* 操作面板 */
  .panel-list li{float:left;margin-right:9px;margin-bottom:9px;width:90px;height:90px;background-color: #f8f8f8;border-radius: 3px;-webkit-border-radius: 3px;text-align: center;padding-top:15px;
    display:flex;display:-webkit-flex;flex-direction: column;-webkit-flex-direction: column;}
  .panel-list li:nth-child(6n){margin-right:0;}
  .panel-list li a{font-size:26px;color:#657296;}
  .panel-list li span{color:#657296;font-size:13px;padding-top:8px;}
  .panel-list li:hover a,.panel-list li:hover span{color:#fff;cursor: pointer;}
  .panel-list li:hover{background-color: #ff2851;}

  /* 置灰 */
  .panel-list li.dis,.productdy .panel-list li.dis{cursor:default;}
  .panel-list li.dis a,
  .panel-list li.dis span,
  .productdy .panel-list li.dis a,
  .productdy .panel-list li.dis span{color:#c8cdda;cursor:default;}
  .panel-list li.dis:hover{background-color: #f8f8f8;}

  .productdy .panel-list li{background: none;}
  .productdy .panel-list li:hover,.productdy .panel-list li.dis:hover{background: none;}
  .productdy .panel-list li:hover a,.productdy .panel-list li:hover span{color: #ef3f24;}
  .productdy .panel-list li.dis:hover a,.productdy .panel-list li.dis:hover span{color: #c8cdda;}

  


  /* 操作记录 */
  .loglist{padding:20px 0;}
  .loglist ul{padding-top:20px;}
  .loglist ul li{padding:5px 20px;}

  /* 推送商品 */
/*.register-c form.act{display: none}*/
.register-c send-code.act p{line-height: 30px}
/*.register-c form .u-button{width:160px;padding: 0 30px; height: 38px; font-size: 16px; border-radius: 3px; background-color: #fe572a}*/
.register-c send-code th{text-align: right; line-height: 50px; font-weight: bold}
.register-c .register-success {width: 920px; height: 200px; background: rgba(146, 231, 225, .1); margin: 110px auto; padding-left: 50px}
.register-c .centerbox .send-code{width: 90px; height: 28px; padding: 0;font-size: 14px}


/* 店铺小卡 */
.shopinfo .m-titlebox{padding:0;}
.shopinfo .pic-text-table tr td{background-color:#f8f8f8;}
.shopinfo .pic-text-table td{border:none;}

.cardlist .img-wrapper{width:85px;height:60px;border-radius: 3px;-webkit-border-radius: 3px;display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;justify-content: center;-webkit-justify-content: center;  -ms-flex-pack: center;justify-content: center;border:2px solid transparent;border-radius:2px;-webkit-border-radius:2px;cursor: pointer;position:relative;
  background-color: #f2f2f2;margin:0 auto;}
.cardlist .img-wrapper img{display: block;max-width: 100%; max-height: 100%;}
.cardlist li{width:calc( 50% - 20px);margin-right:20px;margin-bottom:20px;}
.cardlist li dl{background-color:rgba(91,106,254,.1);border:1px solid #f2f2f2;padding:15px 10px;margin-top:10px;border-radius: 3px;position: relative;display:flex;display:-webkit-flex;overflow:hidden;}
.cardlist li dl dt{width:85px;}
.cardlist li dl dd{flex:1;-webkit-flex:1;}
.cardlist li i,.goodspush dd span.select i{position: absolute;top:3px;right:4px;opacity: 0;color:#fff;}
.cardlist li.active dl,.cardlist li:hover  dl{border:1px solid #ededed;}
.cardlist li.active dl i{opacity: 1;}
.cardlist li:last-child{margin-bottom: 0;}
.cardlist li dl dd span.select{display: block; position: absolute; z-index: 100; right: 0; top: 0; width: 44px; height: 44px; top: 0; background:transparent; font-size: 22px; color:#725bfe; opacity: 0; cursor: pointer; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -ms-transition: .2s ease-in-out; -o-transition: .2s ease-in-out;}
.cardlist li dl dd span.select:before{content : ""; position : absolute; z-index: 100; display : block; width: 200%; height: 80%; top: -120%; left: -40%; background : #07c51d; -webkit-transform-origin: left bottom; transform-origin : left bottom; -webkit-transform : rotate(45deg); transform : rotate(45deg); opacity : 1; z-index : 0; -webkit-transition : .2s; transition : .2s}
.cardlist li.active dl span.select{opacity: 1;}



.subscribecardlist li{ width:100%;margin-right:0;position: relative;}
/* 预约直播  */
.livebroadcast-point{position: absolute;left:0;bottom: 18px;left: 17px;right: 20px;background-color:#fff;border-radius:0 0 30px 30px;}
.livebroadcast-point .headimg {position:absolute;top:-15px;left:50%;margin-left:-25px;}
.livebroadcast-point .headimg img,
.problem-body .headimg img{width:50px;height:50px;border-radius:100%;padding:5px;background-color: #fff;}
.livebroadcast-point li{padding:10px;}

/* 屏蔽词 */
.screenwords li{width:calc( 20% - 20px);margin-right:10px;}

/*提交任务提示 */
.submittip i{color:#725bfe;margin-right:5px;font-size:24px;}

/*粉丝答疑 */
.comment-list li{padding:15px;border-bottom:1px solid #dedede}
.comment-list li:last-child{border-bottom: none;}
.comment-list .author{display: flex;display: -webkit-flex;}
.comment-list .author-headimg{width:50px;}
.comment-list .author-headimg  img,
.comment-list .fans-headimg  img{width:50px;height:50px;border-radius:100%;-webkit-border-radius:100%;}
.comment-list .author-info{flex:1;-webkit-flex:1;}
.comment-oper{padding:5px 15px;font-size:0;}
.comment-oper a{font-size:14px;padding-left:10px;}
.author-name,.relayfans  h3{color:#394a39;}
.author-message{color:#a7afc3;padding-top: 10px;}
.replay-textarea{margin:10px 0;color:#a7afc3;}

/* 直播精彩瞬间 */
.wonderfulist li {position: relative;margin-bottom: 20px;margin-left:20px;border-radius: 5px; -webkit-box-shadow: 1px 1px 2px rgba(219, 226, 240, .1), 4px 4px 10px #f0f1f5;box-shadow: 1px 1px 2px rgba(219, 226, 240, .1), 4px 4px 10px #f0f1f5;
  background-color: #fff;-webkit-transition: .2s ease-in-out;transition: .2s ease-in-out;}
.wonderfulist li:nth-child(4n+1){margin-left:0;}
.wonderfulist li .img-wrapper{width:176px;height:99px;}
.wonderfulist li .img-wrapper img{max-width:176px;max-height:99px;}
.wonderfulist li:hover{-webkit-box-shadow: 1px 1px 4px rgba(184, 197, 224, .4), 8px 10px 12px #e2e4e9; box-shadow:1px 1px 4px rgba(184, 197, 224, .4), 8px 10px 12px #e2e4e9; -webkit-transform:scale(1.1); transform:scale(1.1)}

/* 软文 */
.softtext{width:300px;}
.softtext .img-wrapper img{width:100%;}
/* .softtext .softtext-content {color:#394a39;} */
.softtext .softtext-content{color:#24366a;margin-top: 10px;}
.softtext h3{margin-top: 10px;}
.m-softtext .work-list {margin:0;padding:0;}
.m-softtext .work-list li{float: left;width:120px;text-align: center;padding:10px;margin-left:0;margin-right:20px;cursor: pointer;}
.m-softtext .work-list span img{width:50px;}
.m-softtext .icon-weibo{color:#e71f19;}
.m-softtext .icon-weixin1{color:#24db5a;}
.m-softtext .icon-douyin{color:#250b1e;}
.m-softtext .icon-jinritoutiao{color:#fe0101;}
.softtext .swiper-container {height: 515px;}
.softtext .swiper-container .swiper-pagination{bottom:0;}
.softtext .swiper-container .swiper-slide > div{height:490px;overflow-y: auto;}

.softtext-body .previewgoods{height:100%;overflow-y: auto;transition: display .5s;-webkit-transition: display .5s;cursor: pointer;}
.softtext-body .previewgoods .scriptd{padding-right: 5px;}
.softtext-body .previewgoods .postercover{width:100%;}
.softtext-body .previewgoods .postercover img{width: 100%;}
.softtext-body .previewgoods .material{background:url("../../upload/dypic6.png") no-repeat;background-size:100% 100%;width: 258px;height:460px;position: relative;}
.softtext-body .previewgoods .material .type-icon{ position : absolute; z-index: 99; width : 42px; height : 42px; top : 50%; left : 50%; margin : -21px 0 0 -21px; border-radius: 50%; background : rgba(0, 0, 0, .4); text-align : center; line-height : 42px;}
.softtext-body .previewgoods .material .type-icon i{color: #fff; font-size: 28px;}


/* 海报制作 */
.m-posterlist .work-list,
.m-dataacqlist .work-list{justify-content: center;-webkit-justify-content: center;}
.m-posterlist .work-list .item{height:465px;box-sizing: border-box;margin:0 30px;cursor: pointer;}
.m-posterlist .work-list .item.selected{border-color:#dc6450;}
.m-posterlist .work-list .item img{width:260px;height:465px;}
/* .m-dataacqlist  .work-list .item img,
.m-dataacqlist  .work-list .item{width:340px;height:387px;} */
.preview-poster .img-wrapper img{}
.m-selectlist-poster > li{float:none;clear: both;}

/* 选择 */
.poster-select {padding-left:30px;}
.poster-select img{width:50px;height:90px;vertical-align: top;box-shadow: 1px 1px 2px rgba(219, 226, 240, .1), 4px 4px 10px #f0f1f5;-webkit-box-shadow: 1px 1px 2px rgba(219, 226, 240, .1), 4px 4px 10px #f0f1f5;
  -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out;cursor: pointer;}

.poster-select li:hover img{-webkit-box-shadow: 1px 1px 4px rgba(184, 197, 224, .4), 8px 10px 12px #e2e4e9;box-shadow: 1px 1px 4px rgba(184, 197, 224, .4), 8px 10px 12px #e2e4e9;-webkit-transform: scale(1.1);transform: scale(1.1);}
.posterpreviewtip{width:258px;height:460px;color:#999;position: absolute;top:30px;left:20px;right:0;bottom: 0;}
.preview-poster >div{width: 342px;height: 562px;position: relative;box-sizing: border-box;border-radius: 4px;-webkit-border-radius: 4px;}
.poster-title{position: absolute;top:80px;left:50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);z-index:12;}
/* .poster-title,.poster-title img{margin:0 auto;width:209px;height:46px;} */
/* .poster-guest{position: absolute;bottom:20px;left:20px;} */
/* .poster-guest,.poster-guest img{margin:0 auto;width:258px;height:258px;} */
/* .poster-lvlogo{position: absolute;top:0;left:20px;} */
/* .poster-guestname img,
.poster-lvlogo img{width:200px;} */

/* 海报预览 */
/* 背景 */
.poster1-hoster{width:300px;height:431px;position: absolute;bottom: 20px;left: 20px;}
.poster2-hoster{width:188px;height:334px;position: absolute;top:70px;left:50%;margin-left:-92px;}
.poster3-hoster{width: 270px;height: 300px;position: absolute;top: 106px;left: 50%;margin-left: -124px;}
/* 主播 */
.poster1-name{width:168px;height:37px;}
/* 商品预览 */
.poster1-product{position: absolute;top: 165px;left:66px;}
.poster2-product{position: absolute;top: 115px;right: 54px;}
.poster3-product{position: absolute;top: 165px;left: 66px;}
/* logo */
.poster1-logo{position: absolute;bottom: 30px;left: 35px;}
.poster2-logo{position: absolute;top: 35px;left: 35px;}
.poster3-logo{position: absolute;top: 25px;left: 35px;}
/* 主播 */
.poster1-name{position: absolute;bottom:145px;left:33px;}
.poster2-name{position: absolute;top: 215px;left: 68px;}
.poster3-name{position: absolute;top: 142px;right: 57px;}
/* 玩法 */
.poster1-playway{position: absolute;top:163px;left:20px;}
.poster2-playway{position: absolute;top:137px;left:20px;}
.poster3-playway{position: absolute;top:185px;left:27px;}

/* 标题 */
.poster1-title{width:247px;height:44px;}
.poster2-title{margin-top: 280px;z-index: 199;position: relative;}
.poster3-title{margin-top:300px;position: relative;width:244px;height:64px;}
.poster3-bg-title::before{content:"";background: url("../../upload/poster/poster3-title-bg.png") no-repeat;width:277px;height:142px;bottom: -45px;left: -9px;position: absolute;}

/* 时间内容 */
.poster-edit-box{position: absolute; left: 33px;top:420px;border: 3px solid #0f3e83;background: #f9859c;overflow: hidden;}
.poster-edit-box .poster1-date{font-size: 20px;font-weight: bold;padding:5px;color:#fff;}
.poster-edit-box  .poster1-lv-content{font-size: 15px;font-weight: bold;padding:5px;color:#fff;}
.poster2-date{background: url("../../upload/poster/poster2-date.png") no-repeat;width:86px;height:81px;position: absolute;top:30px;right:30px;}
.poster2-date span{color:#fff;display: block;}
.poster2-date span.d{position: absolute;left: 19px;top: 18px;transform: rotate(-21deg);-webkit-transform: rotate(-23deg);}
.poster2-date span.h{top: 40px;position: absolute;left: 29px;transform: rotate(-19deg);-webkit-transform: rotate(-19deg);}
.poster2-lv-content{background: url("../../upload/poster/poster2-content.png") no-repeat;width:207px;height:47px;position: absolute;bottom: 60px;right: 20px;color: #fff;padding: 3px 50px;}
.poster3-date{position: absolute;bottom: 77px;left: 20px;z-index: 5;}
.poster3-date::before{content:"";background: url("../../upload/poster/poster3-date-bg.png") no-repeat;width:300px;height:97px;position: absolute;bottom:0;left:0;z-index:9;}
.poster3-date >div{position: relative;top: -10px;transform: rotate(-3deg);-webkt-transform: rotate(-3deg);font-size: 16px;color:#fff;z-index:12;padding-left:5px;}
.poster3-lv-content{background: url("../../upload/poster/poster3-content-bg.png") no-repeat;width:215px;height:48px;line-height:42px;position: absolute;bottom: 43px;right: 20px;color: #fff;padding: 3px 5px;}
.poster3-lv-content > div{transform: rotate(-3deg);-webkt-transform: rotate(-3deg);color:#fff;}
.lvplate-select img{width:150px;height:46px;}
.lvperson-select {padding-left: 30px;}
.lvperson-select img{max-width:110px;height:100px;vertical-align: top;}
/* radiolist */
.radiolist li{padding:5px 0;color:#666;display: flex;display:-webkit-flex;flex-direction: row;-webkit-flex-direction: row;}
.radiolist li i{margin-right:5px;}
.radiolist li span{flex:1;}

.return-reasons{color:#666;line-height: 30px;}

/* 问题跟踪反馈 */
.problemlist{margin:20px auto 0;width:1062px;}
.problemlist > .problem-body {display: flex;display: -webkit-flex;}
.problem-body dt{width:60px;}
.problem-body dd{flex:1;-webkit-flex:1;}
.problem-body dt h3{width:70px;text-align: center;}
.problem-con {line-height: 22px;margin-top:5px;padding:5px 15px 5px;}
.problem-body .question,.problem-body .answer{flex:1;-webkit-flex:1;}
.problem-body .question{width:460px;margin-right:10px;}
.problem-body .question-item{margin-bottom: 50px;margin-right:5px;position: relative;cursor: pointer;}
.problem-body .question-item .problem-con{padding:11px 15px;}
.problem-body .question-item:last-child{margin-bottom: 0;}
.problem-body .question-item dd{background-color:#d6f2d3;border-color:#d6f2d3;border-radius:4px;-webkit-border-radius:4px;width:405px;position: relative;
box-shadow: 1px 1px 2px rgba(114, 91, 254, .1);}
.problem-body .question-item.active dd{border: 1px solid #725bfe; background-color: #eef0ff;width:405px;box-shadow: none;}
.problem-body .question-item.active dd::before{background: url("../../images/student/pop-corner.png") no-repeat;}
.problem-body .question-item.active dd::after{content: "";width:5px;position: absolute;top:0;right:0;bottom: 0;background-color:#725bfe;border-radius: 0 4px 4px 0;-webkit-border-radius: 0 4px 4px 0;}
.problem-body .question-item dd::before{content: "";width: 7px;height: 5px;position: absolute;top:10px;left:-7px;background: url("../../images/student/pop-active-corner.png") no-repeat;}
.problem-body .question-item.active::after{content:"";position: absolute;right:-16px ;top:20px;width: 0; height: 0;border-bottom: 10px solid transparent;border-top: 10px solid transparent;
   border-right: 10px solid #725bfe;}
.problem-body .answer{width:592px;background-color: #f4f5f7;border-radius: 4px;padding:10px;border-left:5px solid #725bfe;position: relative;}
.problem-body .headimg{width:62px;text-align: center;}
.problem-body .headimg img{width:40px;height:40px;border-radius: 100%;-webkit-border-radius:100%;}
.problem-body .headimg h3{font-size:12px;width: 100%;}

/* 直播数据采集 */
.m-dataacqlist  .work-list .item{cursor: pointer;}
.m-dataacqlist  .work-list .item:hover{background: none;}
.m-dataacqlist .dataacq-wraper{width:264px;height:300px; background-color: #fff;}
.m-dataacqlist .dataacq-wraper img{width:100%;}
.bigimg .jzart-mask{background: rgba(0, 0, 0, .4);}


/* 原图 */
.bigimg{position: absolute;top:0;left:0;right:0;bottom:0;z-index:1999;}
.bigimg-wrapper{position: absolute;top:50px;left:50%;margin-left:-600px;width:1200px; bottom: 50px;overflow-y: auto;}
.bigimg-wrapper img{width:100%;}
.bigimg .close {position: absolute;top:20px;right:20px;color:#fff;font-size: 30px;z-index:1200;}
.bigimg .close:hover{opacity: 0.8;}

.enlargepics {position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 999999;}

/* 数据采集 */
.checklist li{width:20%;padding:5px 0;}
.table-overflowx{width:100%;overflow-x: auto;}
.table-overflowx table td{min-width: 80px;}

/* 图表制作 */
.echartmake-body li{flex-direction: row;-webkit-flex-direction: row;padding:5px 0;}
.echartmake-body li h3{margin-top:0;}
.echartmake-body li i{margin-right:5px;}
.echartmake-body li > div{margin-right: 10px;line-height: 25px;}
.echartmake-body li.iconlist a{font-size:24px;color:#666;border:1px solid #dedede;padding:5px 10px;margin-right: 10px;}
.echartmake-body li.iconlist a.cur,.echartmake-body li.iconlist a:hover{box-shadow: 0 3px 0 #725bfe inset;background-color: rgba(91,106,254,.1);border: 1px solid rgba(91,106,254,.1);color:#725bfe;}

.echart-body{flex:1;-webkit-flex:1;background-color: #f8f8f8;min-height:500px;}

/* 可视化分析 */
.testlist li{width:33.333%;padding:3px 0;display:flex;flex-direction:row;align-items:center;}

/* 直播物料预览 */
.materpreview img,.materpreview video{max-width:600px;max-height: 500px;margin:0 auto;display: block;}

/* 连线 */

.linebox{position: relative;z-index: 55;}
.show {position:relative;}
.show > ul li{width:200px;margin:0 20px;max-width: 300px;}
.show .showtop{width:830px;margin:0 auto;}
.show .showtop li{height:300px;background:#fff;}
.showbottom li{width: 160px;height: 50px;background-color: #e3deff;color:#725bfe;border:1px solid #725bfe;text-align: center;line-height:50px;margin-right:40px; }
.show >ul .dot {width: 15px;height:15px;border: 2px solid #fff;border-radius: 100%;-webkit-border-radius: 100%; position: absolute;background-color: #725bfe;bottom: -8px;left: 50%;margin-left: -3.5px;}
.show >ul.lineresult .dot{bottom: auto;top: -8px;}
.showtop li.addstyle{background:#e3deff;}
.showbottom li.addstyle{background:#725bfe;color:#fff;}
.showbottom li.addstyle .resourcebox{background:#725bfe;}
.canvas{position: absolute;left: 24px;top: 0;z-index: -1;}
.backcanvas{position:absolute;left:20px;top:0px;z-index:-2;}
.showbottom {margin-top: 210px;}
.show .showitem{float: left;display:block;position: relative;border-radius: 3px;-webkit-border-radius: 3px;}
.show.topBottom .showitem .answerarea {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:0 10px;}
.show.topBottom .showitem .answerarea  .loader{top:6px;}
.show.topBottom .showitem .answerarea .audiobo{padding-top:11px;}
.show.topBottom .showitem .answerarea  .duration{margin-left:93px;}
.show.topBottom .showitem .answerarea  .audioplay{top:15px;left:50%;margin-left:-20px;}

/* 直播间装修 */
.renovation{padding:10px;border-radius: 0 0 4px 4px ;}
.renovation .work-list{margin:0;padding:0;}
.renovation .work-list li{width: 135px;padding-bottom:30px;margin-left:0;margin-right:20px;}
.renovation .work-list li.selected{border:1px solid #725bfe;}
.renovation .work-list li:nth-child(5n){margin-right: 0;}
.renovation .work-list li p{color:#24366a;}
.renovation .work-list li div{color:#394a79;}
.renovation .work-list li div small{color:#a7afc3;}
.renovation .work-list li strong{position: absolute;bottom:10px;left:0;right:0;text-align: center;}
.renovation .work-list li div,
.renovation .work-list li p{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width:98%;}


.posterlist .work-list .item,.posterlist .work-list .item img{width:150px;height:268px;}
.posterlist .work-list{justify-content: start;-webkit-justify-content: start;}
.posterlist .work-list .item{margin-bottom: 30px;}


/* 添加标签 */
.tags-body  > div {height:400px;overflow-y: auto;}
.tags-body .cate-list {width:150px;background-color: rgba(101,113,254,.1);}
.tags-body .cate-list li{padding: 5px 20px;border-bottom: 1px solid rgba(101,113,254,.2);position: relative;}
.tags-body .cate-list li.active{background-color:#fff;}
.tags-body .cate-list li.active::before{content: "";position: absolute;top:0;left:0;bottom:0;width:2px;background-color: #725bfe;}
.tags-body .checkbox{width:320px;margin-right:20px;padding:20px;margin-left:-1px;}
.tags-body .checkbox li{width:50%;}
.tags-body .checkbox li:nth-child(even){float:right;}
.tags-body .checkbox li:nth-child(odd){float:left;}
.tags-body .cate-list-checkbox{flex:1;-webkit-flex:1;padding:20px;}
.tags-body .cate-list-checkbox li{position: relative;padding-left:10px;padding-right:30px;margin-right:20px;margin-bottom: 20px;}
.tags-body .cate-list-checkbox li a{position: absolute;top:8px;right:10px;cursor: pointer;}
.tags-body .cate-list-checkbox li a:hover{opacity: .8;}

/* 图片上传和预览 */
.m-addpic{height:140px;border:1px dashed rgba(101,113,254,.5); background:rgba(101,113,254,.1); display:inline-block; text-align:center;margin-right:20px;border-radius: 4px;-webkit-border-radius: 4px;}
.m-addpic-square{width:140px;}
.m-addpic-rect{width:249px;}
.m-addpic i{ font-size:64px;color:rgba(101,113,254,.8); line-height:1; display:block; margin-top:30px;}
.m-addpic p{ font-size:16px; color:rgba(101,113,254,.8);margin-top:-5px;}
.m-addpic:hover i,.m-addpic:hover p{color:rgba(101,113,254,1);}
.zhengjian img{width:150px;height:95px;}
.zhengjian .m-addpic{display: flex;display: -webkit-flex;position: relative;}
.zhengjian .m-addpic::before{content: "";background: rgba(0, 0, 0, .4);position: absolute;top:0;left:0;right:0;bottom: 0;border-radius:4px;-webkit-border-radius:4px;opacity: 0}
.viewzj{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);opacity: 0;}
.viewzj i,.viewzj span{color:#fff;font-size:16px;}
.zhengjian .m-addpic:hover::before,
.zhengjian .m-addpic:hover .viewzj{opacity: 1;cursor: pointer;}
.zhengjian .m-addpic:hover .viewzj i,
.zhengjian .m-addpic:hover .viewzj span{color:#fff;}

.m-picview-list .resourcebox{-webkit-transition: box-shadow .2s; transition: box-shadow .2s; position: relative; background: #f8f8f8;  width: 140px; height: 140px; overflow:hidden; text-align: center; line-height: 140px; font-size: 0; }
.m-picview-list .resourcebox:hover {  cursor: pointer; }
.m-picview-list li{margin-right:20px;margin-bottom:20px;position: relative;-webkit-transition: .2s ease-in-out;transition: .2s ease-in-out;}
.m-picview-list li .resourcebox img { vertical-align: middle; max-width: 100%; max-height: 100%;border-radius: 4px;-webkit-border-radius: 4px;}
.m-picview-list li a{position: absolute;top:-5px;right:-5px;display: block;width:20px;height: 20px;border-radius: 100%;-webkit-border-radius: 100%;background-color:#ff4141;color:#fff;text-align: center;line-height:20px;font-size:14px;}
.m-picview-list li a:hover{background-color:#e6335d;}
.m-picview-list li:hover .img-wrapper{opacity: 0.8;}
.m-picview-list li:hover{-webkit-box-shadow: 1px 1px 4px rgba(184, 197, 224, .4), 8px 10px 12px #e2e4e9; box-shadow:1px 1px 4px rgba(184, 197, 224, .4), 8px 10px 12px #e2e4e9; -webkit-transform:scale(1.1); transform:scale(1.1)}

/* 直播间搭建 */
.lvroom-renov{background: url("../../images/student/renova/defaultbg.jpg") no-repeat center center;width: 1200px;height:400px;background-size: 100% 100%;}

.material-build-container {border: none;}
.material-build-container .innerdrag span{width:216px;}
.material .lvroom-renov li .material-cate{border: none;}

/*弹出层*/
/*绑定支付宝*/
.zfb p{line-height: 50px; padding-left: 20px}
.zfb p input{height: 34px}
.zfb p i{padding: 9px; background-color: #ccc}
.zfb p .u-button{margin: 0; width: 314px; height: 34px; font-size: 16px; border-radius: 3px}
.zfb p .u-button.btn-blue{background: #1e90ff; color: #fff}
/*去认证*/
.identification table{margin: 40px auto}
.identification table tr{line-height: 50px}
.identification table td{min-width: 130px}
.identification table tr td:first-child{min-width: 80px}
.identification table tr td .upload-img{width: 100px; height: 80px; text-align: center;line-height: 80px; font-size: 14px; color: #999; background: #eee; border: 1px dotted #ccc; margin-bottom: 10px;}
/* 充值 */
#deposit-recharge{width: 100%; display: none; text-align: center; position: absolute; top: 50%; transform: translateY(-50%);}
/*#topic-make{position: absolute; width: 100%; top: 50%;transform: translateY(-50%)}*/
#topic-make table{margin: 40px auto; font-size: 14px}
#topic-make table .topic-tag{border:1px dashed rgba(101,113,254,.5); background:rgba(101,113,254,.1);padding:5px 30px 5px 10px;border-radius: 4px;-webkit-border-radius: 4px; position: relative;margin-bottom: 5px;width:280px;}
#topic-make table .topic-tag span{width: 28px;height: 100%; position: absolute; right: 0;text-align: center}
#topic-make table p{color: #999}
#topic-make table tr td:first-child{min-width: 50px}
/*添加脚本框架*/
#add-script table{ margin: 28px auto}
#add-script table tr{ line-height: 48px}
#add-script table tr td select{width: 280px}
#add-script table tr td:first-child{ text-align: right}
/*弹出层 end*/



/* 心愿 */
.wishlist li{float: left;border-radius: 5px;-webkit-box-shadow: 1px 1px 2px rgba(219, 226, 240, .1), 4px 4px 10px #f0f1f5; box-shadow: 1px 1px 2px rgba(219, 226, 240, .1), 4px 4px 10px #f0f1f5;
  background-color: #21242d;-webkit-transition: .2s ease-in-out;transition: .2s ease-in-out;padding:10px;position: relative;margin-right:15px;margin-bottom: 10px;overflow:hidden;}
.wishlist li img{width:100px;height:100px;}
.wishlist li .select{display: block; position: absolute; z-index: 100; right: 0; top: 0; width: 44px; height: 44px; top: 0; background:transparent; font-size: 22px; color: #dc6450; opacity: 0; cursor: pointer; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -ms-transition: .2s ease-in-out; -o-transition: .2s ease-in-out;}
.wishlist li .select:before{content : ""; position : absolute; z-index: 100; display : block; width: 200%; height: 80%; top: -120%; left: -40%; background : #07c51d; -webkit-transform-origin: left bottom; transform-origin : left bottom; -webkit-transform : rotate(45deg); transform : rotate(45deg); opacity : 0; z-index : 0; -webkit-transition : .2s; transition : .2s;overflow: hidden;}
.wishlist li.selected .select{ opacity: 1; -webkit-transition: .2s; transition: .2s; -webkit-transform: scale(1) !important; transform: scale(1) !important; -moz-transform: scale(1) !important; -ms-transform: scale(1) !important; -o-transform: scale(1) !important; }
.wishlist li.selected .select:before {-webkit-transition: .5s ease-in-out;transition: .5s ease-in-out;opacity: 1;}
.wishlist li .select i{color: #fff;font-size: 16px;position: absolute;top: 1px;right: 3px;}
.wishlist li:hover{-webkit-box-shadow: 1px 1px 4px rgba(184, 197, 224, .4), 8px 10px 12px #e2e4e9;box-shadow: 1px 1px 4px rgba(184, 197, 224, .4), 8px 10px 12px #e2e4e9;-webkit-transform: scale(1.1);transform: scale(1.1);}
.wishlist li p{text-align: center;color:#fff;}

/* 线下装修 */
/* 直播间搭建 通用 */
.lvroom-renov{width: 1200px;height:400px;position: relative;overflow: hidden;}
.material-build-container {border: none;}
.dragtags{margin-top:40px;}
.dragtags li{float:left;width: 200px;height: 40px;line-height: 40px;border-radius:4px;-webkit-border-radius:4px;background-color: #e3deff;color: #725bfe;border: 1px solid #725bfe;text-align: center;margin-right: 20px;margin-bottom:20px;cursor: move;}
.dragtags li:nth-child(5n){margin-right:0;}
.lvroonbuild-wrapper{width:300px;height:300px;background-color:#f8f8f8;}
.lvroonbuild-wrapper img {
    max-width: 100%;
    max-height: 100%;
}
.innerdrag{width:1082px;margin:0 auto;}
.innerdrag li{float:left;position: relative;}
.material{position: relative;z-index: 120;}
.material + .m-bottom{position: relative;z-index: 1200;}
    /* 层级 */
    .actor, .actor-help {
        position: relative;
        z-index: 99;
    }
.equipment{position: relative;z-index:230;}
.posterbg{position: relative;z-index:55;}

.lvroom-renov .actor::after,.lvroom-renov .actor img{position: absolute;top: 124px;left: 619px;width: 117px;}
.lvroom-renov .actor-help::after,.lvroom-renov .actor-help img{position: absolute;top: 132px;left: 492px;width: 95px;}
.lvroom-renov .equipment .computer{width: 136px;position: absolute;top: 153px;left: 578px;}
.lvroom-renov .equipment::after,.lvroom-renov .equipment .phone{position: absolute;width: 31px;left: 618px;top: 154px;}
.lvroom-renov .posterbg::after,.lvroom-renov .posterbg img{position: absolute;top: 85px;left: 376px;border-radius: 5px 5px 0 0;width: 485px;height: 168px}
.lvroom-renov .fillinlight img{width:258px;height:383px;}
.lvroom-renov .phonebracket img{width:53px;height:63px;}
.lvroom-renov .productdemo::after,.lvroom-renov .tableproduct{position: absolute;top: 192px;left: 479px;width: 111px;z-index:120;}
#fillinlight{width:258px;height:383px;position: absolute;top: 0;left: 0;}
#phonebracket,
#fillinlight,
#shelf,
#beautylamp,
#microphone{width:200px;height:40px;position: absolute;top:0;left:0;right:0;bottom:0;}

.lvroom-renov .actor::after{content:"";background:url("../../images/student/livingroom/sitact-shadow.png") no-repeat 60px;background-size:117px 100%;height:131px;width: 250px;left:550px;}
.lvroom-renov .actor-help::after{content:"";background:url("../../images/student/livingroom/sithacotr-shadow.png") no-repeat 60px;background-size:95px 100%;height:128px;width: 250px;left: 400px;}
.lvroom-renov .posterbg::after{content:"";background:url("../../images/student/livingroom/poster-shadow.png") no-repeat;background-size:100% 100%;}
.lvroom-renov .productdemo::after{content:"";background:url("../../images/student/livingroom/product-shadow.png") no-repeat 60px;background-size:111px 100%;height:62px;width:250px;left:400px}
.lvroom-renov .equipment::after{content:"";background:url("../../images/student/livingroom/equip-shadow.png") no-repeat 70px;background-size:31px 31px;height:50px;width: 250px;left: 550px;}


.lvroom-renov .actor.highlight::after,
.lvroom-renov .actor-help.highlight::after,
.lvroom-renov .posterbg.highlight::after,
.lvroom-renov .productdemo.highlight::after,
.lvroom-renov .equipment.highlight::after {
    display: none;
}





.lvroom-renov .phonebracket{width: 105px;height:256px;position: absolute;top: 145px;left: 570px;z-index:199;border:2px solid transparent;}
.lvroom-renov .fillinlight{width: 200px;height: 405px;position: absolute;top: 15px;left: 400px;z-index: 188;border:2px solid transparent}
.lvroom-renov .shelf{width: 350px;height:400px;bottom: 0;position: absolute;left: 1px;z-index:120;border:2px solid transparent}
.lvroom-renov .microphone{width: 95px;height: 250px;position: absolute;top: 145px;left: 680px;border:2px solid transparent;z-index:140;}
.lvroom-renov .beautylamp{width: 105px;height: 300px;bottom: 6px;position: absolute;left: 777px;z-index: 120;border: 2px solid transparent;}
.lvroom-renov #newImg1{width: 54px;position: absolute;top: 36px;left: 38px;}
.lvroom-renov #newImg2{width: 286px;height: 383px;position: absolute;top: 8px;left: 0;}
.lvroom-renov #newImg3{width: 350px;bottom:-7px;left:0;position: absolute;}
.lvroom-renov #newImg4{width: 108px;position: absolute;top: -8px;left: -36px;} 
.lvroom-renov #newImg5{width: 55px;position: absolute;top: 8px;left: 20px;}

#phonebracket #newImg1{position: absolute;top:0;left:0;right:0;bottom:0;opacity: 0;}
#fillinlight #newImg2{position: absolute;top:0;left:0;right:0;bottom:0;opacity: 0}
#shelf #newImg3{position: absolute;top:0;left:0;right:0;bottom:0;opacity: 0}
#beautylamp #newImg4{position: absolute;top:0;left:0;right:0;bottom:0;opacity: 0}
#microphone #newImg5{position: absolute;top:0;left:0;right:0;bottom:0;opacity: 0}


/*通用阴影 */
.lvroom-renov > div[data-ani="anibox"]::after{content:""; position: absolute;-webkit-animation:twinkling .5s infinite ease-in-out;animation:twinkling .5s infinite ease-in-out;}
.lvroom-renov .beautylamp .default-shadow,.lvroom-renov .beautylamp[data-ani="anibox"]::after{background: url("../../images/student/livingroom/beautylamp-shadow.png") no-repeat;background-size:100% 100%;width: 108px;height:313px;position: absolute;top: -8px;left: -36px;}
.lvroom-renov .fillinlight .default-shadow,.lvroom-renov .fillinlight[data-ani="anibox"]::after{content:"";background: url("../../images/student/livingroom/fillinlight-shadow.png") no-repeat;background-size:100% 100%;width: 286px;height: 383px;position: absolute;top: 8px;left: 0;}
.lvroom-renov .shelf .default-shadow,.lvroom-renov .shelf[data-ani="anibox"]::after{content:"";background: url("../../images/student/livingroom/squareshelf-shadow.png") no-repeat;background-size:100% 100%;width: 350px;height:213px;bottom:-7px;left:0;position: absolute;}
.lvroom-renov .microphone .default-shadow,.lvroom-renov .microphone[data-ani="anibox"]::after{content:"";background: url("../../images/student/livingroom/microphone-shadow.png") no-repeat 43px 78px;background-size:55px 92px;width: 160px;height:200px;position: absolute;top: -70px;left: -20px;}
.lvroom-renov .phonebracket .default-shadow,.lvroom-renov .phonebracket[data-ani="anibox"]::after{content:"";background: url("../../images/student/livingroom/phonebracket-shadow.png") no-repeat 76px 105px;background-size:54px 66px;width: 200px;height:180px;position: absolute;top: -66px;left: -38px;}

.lvroom-renov .beautylamp.highlight .default-shadow,
.lvroom-renov .fillinlight.highlight .default-shadow,
.lvroom-renov .shelf.highlight .default-shadow,
.lvroom-renov .microphone.highlight .default-shadow,
.lvroom-renov .phonebracket.highlight .default-shadow{display: none;}




/* 线下直播间装修  服装内衣 */
.lvroom-clothes{width: 1200px;height:400px;position: relative;overflow: hidden;}
.lvroom-clothes .posterbg::after,.lvroom-clothes .posterbg img{position: absolute;top: 26px;left: 408px;border-radius: 5px 5px 0 0;width: 336px;height: 163px;}
.lvroom-clothes .actor-help::after,.lvroom-clothes .actor-help img{position: absolute;top: 98px;left: 271px;width: 143px;}
.lvroom-clothes .actor::after,.lvroom-clothes .actor img {position: absolute;top: 102px;left: 507px;width: 141px;}
.lvroom-clothes .actor img.sitact{width: 270px;top: 140px;left: 570px;}
.lvroom-clothes .fillinlight{width: 200px;height: 400px;position: absolute;top: 0;left: 375px;z-index: 188;border: 2px solid transparent;}
.lvroom-clothes .shelf::after,.lvroom-clothes .shelf{width: 300px;bottom:0;top: 0;position: absolute;left: 1px;z-index:120;border:2px solid transparent}
.lvroom-clothes .shelf img{width: 234px;height: 341px;position: absolute; top: 62px;}
.lvroom-clothes .fillinlight img {width: 175px;position: absolute;left: -54px;bottom:0;}
.lvroom-clothes .phonebracket {width: 155px;height:200px;position: absolute;top: 200px;left: 554px;z-index: 140;}
.lvroom-clothes .phonebracket img{width: 140px;bottom: 0;left: 5px;position: absolute;}
.lvroom-clothes .equipment .computer{width: 136px;position: absolute;top: 254px;left: 462px}
.lvroom-clothes .equipment::after,.lvroom-clothes .equipment .phone {position: absolute;width: 36px;left: 611px;top: 157px;}
.lvroom-clothes .microphone{z-index:150;}
.lvroom-clothes .microphone img{position: absolute;bottom: -6px;left: -69px;width: 191px;}
.lvroom-clothes .beautylamp img{position: absolute;bottom: -23px;left: -169px;width: 295px;height:434px;}
.lvroom-clothes .productdemo::after,.lvroom-clothes .tableproduct{position: absolute;top: 60px;left: 16px;width: 192px;z-index: 120;}
.lvroom-clothes .microphone{width: 138px;height: 272px;position: absolute;top: 120px;left: 680px;border: 2px solid transparent;z-index: 130;}
.lvroom-clothes .beautylamp{width: 160px;height: 400px;bottom: 0;position: absolute;left: 795px;z-index: 120;border: 2px solid transparent;}

/*服装内衣阴影 */
.lvroom-clothes > div[data-ani="anibox"]::after{content:""; position: absolute;-webkit-animation:twinkling .5s infinite ease-in-out;animation:twinkling .5s infinite ease-in-out;}
.lvroom-clothes .beautylamp .default-shadow,.lvroom-clothes .beautylamp[data-ani="anibox"]::after{background: url("../../images/student/clothes/beautylamp-shadow.png") no-repeat;background-size:100% 100%;bottom: -23px;left: -169px;width: 295px;height: 434px;}
.lvroom-clothes .fillinlight .default-shadow,.lvroom-clothes .fillinlight[data-ani="anibox"]::after{content:"";background: url("../../images/student/clothes/leftfilllight-shadow.png") no-repeat;background-size:100% 100%;width: 175px;height:342px;left: -54px;bottom:0;}
.lvroom-clothes .shelf .default-shadow,.lvroom-clothes .shelf[data-ani="anibox"]::after{content:"";background: url("../../images/student/clothes/coathanger-shadow.png") no-repeat;background-size:100% 100%;width: 234px;height: 341px;top: 62px;}
.lvroom-clothes .microphone .default-shadow,.lvroom-clothes .microphone[data-ani="anibox"]::after{content:"";background: url("../../images/student/clothes/microphone-shadow.png") no-repeat;background-size:100% 100%;bottom: -6px;left: -69px;width: 191px;height:267px;}
.lvroom-clothes .phonebracket .default-shadow,.lvroom-clothes .phonebracket[data-ani="anibox"]::after{content:"";background: url("../../images/student/clothes/phonebracket-shadow.png") no-repeat;background-size:100% 100%;width: 140px;height:215px;bottom: 0;left: 5px;}

.lvroom-clothes .shelf .default-shadow,
.lvroom-clothes .beautylamp .default-shadow,
.lvroom-clothes .fillinlight .default-shadow,
.lvroom-clothes .microphone .default-shadow,
.lvroom-clothes .phonebracket .default-shadow{position: absolute;}

.lvroom-clothes .beautylamp.highlight .default-shadow,
.lvroom-clothes .fillinlight.highlight .default-shadow,
.lvroom-clothes .shelf.highlight .default-shadow,
.lvroom-clothes .microphone.highlight .default-shadow,
.lvroom-clothes .phonebracket.highlight .default-shadow{display: none;}

.lvroom-clothes .actor::after{content: "";height:269px;background: url("../../images/student/clothes/actor-shadow.png") no-repeat 50px;background-size: 144px 100%; width: 250px;left: 450px;}
.lvroom-clothes .actor-help::after{content: "";height:273px;background: url("../../images/student/clothes/actorh-shadow.png") no-repeat 60px;background-size: 143px 100%;width: 250px;left: 200px;}
.lvroom-clothes .posterbg::after{content: "";background: url("../../images/student/clothes/poster-shadow.png") no-repeat;background-size: 100% 100%;}
.lvroom-clothes .equipment::after{content: "";height:57px;background: url("../../images/student/clothes/equip-shadow.png") no-repeat 112px;background-size: 36px 100%;width: 250px;left: 500px;}
.lvroom-clothes .productdemo::after{content: "";height:279px;background: url("../../images/student/clothes/product-shadow.png") no-repeat;background-size: 100% 100%;}

.lvroom-clothes .actor.highlight::after,
.lvroom-clothes .actor-help.highlight::after,
.lvroom-clothes .posterbg.highlight::after,
.lvroom-clothes .equipment.highlight::after,
.lvroom-clothes .productdemo.highlight::after{display: none;}



/* 线下直播间装修  家居日用 */
.lvroom-homefur{width: 1200px;height:400px;position: relative;overflow: hidden;}
.lvroom-homefur .posterbg::after,.lvroom-homefur .posterbg img{position: absolute;top: 14px;left: 320px;border-radius: 5px 5px 0 0;width: 490px;height: 220px;}
.lvroom-homefur .actor-help::after,.lvroom-homefur .actor-help img{position: absolute;top: 83px;left: 622px;width: 213px;}
.lvroom-homefur .actor img {position: absolute;top: 102px;left: 507px;width: 141px;}
.lvroom-homefur .actor img.standact {top: 20px;left: 365px;width: 170px;}
.lvroom-homefur .actor-help img.stanhact{width: 170px;top: 34px;}
.lvroom-homefur .actor::after,.lvroom-homefur .actor img.sitact{width: 230px;top: 85px;left: 358px}
.lvroom-homefur .fillinlight{width: 200px;height: 380px;position: absolute;top: 21px;left: 130px;z-index: 188;border: 2px solid transparent;}
.lvroom-homefur .fillinlight img {width: 242px;/* height: 407px; */position: absolute;left: 61px;bottom: -76px;}
.lvroom-homefur .shelf{width: 220px;bottom:0;top: 0;position: absolute;right: 1px;left:auto;z-index:120;border:2px solid transparent}
.lvroom-homefur .shelf img{width: 220px;/* height: 341px; */position: absolute;top: 158px;left: 4px;}
.lvroom-homefur .phonebracket {width: 155px;height: 200px;position: absolute;top: 185px;left: 515px;z-index:285;}
.lvroom-homefur .phonebracket img{width: 86px;bottom: 51px;position: absolute;left: 29px;}
.lvroom-homefur .equipment .computer{width: 136px;position: absolute;top: 225px;left: 483px}
.lvroom-homefur .equipment::after,.lvroom-homefur .equipment .phone {position: absolute;width: 97px;left: 538px;top: 185px;}
.lvroom-homefur .microphone{z-index: 190;width: 265px;height: 190px;position: absolute;top: 185px;left: 245px;border: 2px solid transparent;}
.lvroom-homefur .microphone img{position: absolute;bottom: 10px;left: -32px;width: 328px;}
.lvroom-homefur .beautylamp{width: 105px;height: 400px;bottom: 0;position: absolute;left: 585px;z-index: 120;border: 2px solid transparent;}
.lvroom-homefur .beautylamp img{position: absolute;bottom: -1px;left: -89px;width: 211px;}
.lvroom-homefur .productdemo::after,.lvroom-homefur .tableproduct{position: absolute;top: 183px;left: 693px;width: 279px;z-index: 120;}
.lvroom-homefur .tableproduct2{top:224px;}

/* 家居生活阴影 */
.lvroom-homefur > div[data-ani="anibox"]::after{content:""; position: absolute;-webkit-animation:twinkling .5s infinite ease-in-out;animation:twinkling .5s infinite ease-in-out;}
.lvroom-homefur .beautylamp .default-shadow,.lvroom-homefur .beautylamp[data-ani="anibox"]::after{background: url("../../images/student/homefur/beautylamp-shadow.png") no-repeat;background-size:100% 100%;bottom: -1px;left: -89px;width: 211px;height:360px;}
.lvroom-homefur .fillinlight .default-shadow,.lvroom-homefur .fillinlight[data-ani="anibox"]::after{content:"";background: url("../../images/student/homefur/leftfilllight-shadow.png") no-repeat;background-size:100% 100%;width: 242px;height: 472px; left: 61px;bottom: -76px;}
.lvroom-homefur .shelf .default-shadow,.lvroom-homefur .shelf[data-ani="anibox"]::after{content:"";background: url("../../images/student/homefur/squareshelf-shadow.png") no-repeat;background-size:100% 100%;width: 220px;height: 240px;top: 158px;left: 4px;}
.lvroom-homefur .microphone .default-shadow,.lvroom-homefur .microphone[data-ani="anibox"]::after{content:"";background: url("../../images/student/homefur/microphone-shadow.png") no-repeat;background-size:100% 100%;bottom: 10px;left: -32px;width: 328px;height:156px;}
.lvroom-homefur .phonebracket  .default-shadow,.lvroom-homefur .phonebracket[data-ani="anibox"]::after{content:"";background: url("../../images/student/homefur/phonebracket-shadow.png") no-repeat 60px 60px;background-size:86px 143px;width: 250px;height:200px;bottom: 51px;position: absolute;left: -30px;}

.lvroom-homefur .posterbg::after{content: "";background: url("../../images/student/homefur/poster-shadow.png") no-repeat;background-size:100% 100%;}
.lvroom-homefur .actor::after{content: "";background: url("../../images/student/homefur/act-shadow.png") no-repeat;background-size:100% 100%;height:214px;position: absolute;}
.lvroom-homefur .actor-help::after{content: "";background: url("../../images/student/homefur/acth-shadow.png") no-repeat;background-size:100% 100%;height:220px;position: absolute;}
.lvroom-homefur .equipment::after{content: "";background: url("../../images/student/homefur/equip-shadow.png") no-repeat 75px;background-size:97px 100%;height:64px;position: absolute;width: 250px;left: 470px;}
.lvroom-homefur .productdemo::after{content: "";background: url("../../images/student/homefur/product-shadow.png") no-repeat;background-size:100% 100%;height:152px;position: absolute;}

.lvroom-homefur .beautylamp .default-shadow,
.lvroom-homefur .microphone .default-shadow,
.lvroom-homefur .fillinlight .default-shadow,
.lvroom-homefur .shelf .default-shadow,
.lvroom-homefur .phonebracket .default-shadow{position:absolute;}

.lvroom-homefur .beautylamp.highlight .default-shadow,
.lvroom-homefur .microphone.highlight .default-shadow,
.lvroom-homefur .fillinlight.highlight .default-shadow,
.lvroom-homefur .shelf.highlight .default-shadow,
.lvroom-homefur .phonebracket.highlight .default-shadow,
.lvroom-homefur .posterbg.highlight::after,
.lvroom-homefur .actor.highlight::after,
.lvroom-homefur .actor-help.highlight::after,
.lvroom-homefur .equipment.highlight::after,
.lvroom-homefur .productdemo.highlight::after{display: none;}



/* 线下直播间装修  美妆护肤 */
.lvroom-makeup{width: 1200px;height:400px;position: relative;overflow: hidden;}
.lvroom-makeup .posterbg::after,.lvroom-makeup .posterbg img{position: absolute;top: 47px;right: 50px;width: 208px;height: 226px;}
.lvroom-makeup .actor-help::after,.lvroom-makeup .actor-help img{position: absolute;top: 122px;left: 627px;width: 149px;}
.lvroom-makeup .actor img {position: absolute;top: 102px;left: 507px;width: 141px;}
.lvroom-makeup .actor img.standact {top: 107px;left: 454px;width: 168px;}
.lvroom-makeup .actor-help img.stanhact{width: 115px;top: 100px;left: 625px;}
.lvroom-makeup .actor::after,.lvroom-makeup .actor img.sitact{width: 165px;top: 120px;left: 466px;}
.lvroom-makeup .fillinlight{width: 105px;height: 380px;position: absolute;top: 21px;left: 420px;z-index: 188;border: 2px solid transparent;}
.lvroom-makeup .shelf{width: 220px;bottom:0;top: 0;position: absolute;right: 1px;left:auto;z-index:120;border:2px solid transparent}
.lvroom-makeup .shelf img{width: 220px;/* height: 341px; */position: absolute;top: 179px;left: -6px;}
.lvroom-makeup .fillinlight img {width: 104px;/* height: 407px; */position: absolute;left: 1px;top: 64px}
.lvroom-makeup .phonebracket {width: 155px;height: 105px;position: absolute;top: 185px;left: 540px;z-index:285;}
.lvroom-makeup .phonebracket img{width: 63px;bottom: -7px;position: absolute;left: 49px;}
.lvroom-makeup .equipment{}
.lvroom-makeup .equipment .computer{width: 113px;position: absolute;top: 214px;left: 540px;}
.lvroom-makeup .equipment::after,.lvroom-makeup .equipment .phone {position: absolute;width: 70px;left: 578px;top: 187px}
.lvroom-makeup .microphone{z-index: 180;width: 265px;height: 190px;position: absolute;top: 150px;left: 289px;border: 2px solid transparent;}
.lvroom-makeup .microphone img{position: absolute;bottom: 8px;left: 30px;width: 235px}
.lvroom-makeup .beautylamp{width: 150px;height: 400px;bottom: 0;position: absolute;left: 700px;z-index: 120;border: 2px solid transparent;}
.lvroom-makeup .beautylamp img{position: absolute;bottom: -14px;left: -16px;width: 219px}
.lvroom-makeup .productdemo::after,.lvroom-makeup .tableproduct{position: absolute;top: 193px;left: 665px;width: 279px;z-index: 120}
.lvroom-makeup .tableproduct2{top: 234px;width: 123px;left: 798px;transform: rotate(7deg);}

/* 化妆阴影 */
.lvroom-makeup > div[data-ani="anibox"]::after{content:""; position: absolute;-webkit-animation:twinkling .5s infinite ease-in-out;animation:twinkling .5s infinite ease-in-out;}
.lvroom-makeup .beautylamp .default-shadow,.lvroom-makeup .beautylamp[data-ani="anibox"]::after{background: url("../../images/student/makeup/beautylamp-shadow.png") no-repeat;background-size:100% 100%;bottom: -14px;left: -16px;width: 219px;height:383px;}
.lvroom-makeup .fillinlight .default-shadow,.lvroom-makeup .fillinlight[data-ani="anibox"]::after{content:"";background: url("../../images/student/makeup/leftfilllight-shadow.png") no-repeat;background-size:100% 100%;left: 1px; top: 64px;width: 104px;height:315px;}
.lvroom-makeup .shelf .default-shadow,.lvroom-makeup .shelf[data-ani="anibox"]::after{content:"";background: url("../../images/student/makeup/squareshelf-shadow.png") no-repeat;background-size:100% 100%;width: 220px; height: 245px; bottom: -22px;left: -8px;}
.lvroom-makeup .microphone .default-shadow,.lvroom-makeup .microphone[data-ani="anibox"]::after{content:"";background: url("../../images/student/makeup/microphone-shadow.png") no-repeat;background-size:100% 100%;bottom: 8px;left: 30px;width: 235px;height:176px;}
.lvroom-makeup .phonebracket .default-shadow,.lvroom-makeup .phonebracket[data-ani="anibox"]::after{content:"";background: url("../../images/student/makeup/phonebracket-shadow.png") no-repeat 70px 45px;background-size:63px 105px;width: 250px;height:150px;bottom: -7px;left: -20px;}

.lvroom-makeup .beautylamp .default-shadow,
.lvroom-makeup .microphone .default-shadow,
.lvroom-makeup .fillinlight .default-shadow,
.lvroom-makeup .shelf .default-shadow,
.lvroom-makeup .phonebracket .default-shadow{position: absolute}
.lvroom-makeup .actor::after{content:"";background: url("../../images/student/makeup/act-shadow.png") no-repeat;background-size:100% 100%;height:182px;position: absolute;}
.lvroom-makeup .actor-help::after{content:"";background: url("../../images/student/makeup/acth-shadow.png") no-repeat 60px;background-size:149px 100%;height:174px;position: absolute;width: 250px;left: 570px;}
.lvroom-makeup .equipment::after{content:"";background: url("../../images/student/makeup/equip-shadow.png") no-repeat  60px;background-size:80px 100%;height:46px;position: absolute;width: 200px;left: 520px;}
.lvroom-makeup .productdemo::after{content:"";background: url("../../images/student/makeup/product-shadow.png") no-repeat;background-size:100% 100%;height:119px;position: absolute;}
.lvroom-makeup .posterbg::after{content:"";background: url("../../images/student/makeup/poster-shadow.png") no-repeat;background-size:100% 100%;position: absolute;}

.lvroom-makeup .beautylamp.highlight .default-shadow,
.lvroom-makeup .microphone.highlight .default-shadow,
.lvroom-makeup .fillinlight.highlight .default-shadow,
.lvroom-makeup .shelf.highlight .default-shadow,
.lvroom-makeup .phonebracket.highlight .default-shadow,
.lvroom-makeup .actor.highlight::after,
.lvroom-makeup .actor-help.highlight::after,
.lvroom-makeup .equipment.highlight::after,
.lvroom-makeup .productdemo.highlight::after,
.lvroom-makeup .posterbg.highlight::after{display: none;}


/* 线下直播间装修  食品饮料 */
.lvroom-food{width: 1200px;height:400px;position: relative;overflow: hidden;}
.lvroom-food .posterbg::after,.lvroom-food .posterbg img{position: absolute;top: 42px;right: 409px;width: 408px;height: 183px}
.lvroom-food .actor-help::after,.lvroom-food .actor-help img{position: absolute;top: 92px;left: 455px;width: 160px}
.lvroom-food .actor img {position: absolute;top: 102px;left: 507px;width: 141px;}
.lvroom-food .actor img.standact {top: 49px;left: 602px;width: 125px;}
.lvroom-food .actor-help img.stanhact{width: 146px;top: 72px;left: 463px;}
.lvroom-food .actor::after,.lvroom-food .actor img.sitact{width: 145px;top: 100px;left: 592px;}
.lvroom-food .fillinlight{width: 152px;height: 380px;position: absolute;top: 21px;left: 384px;z-index: 188; border: 2px solid transparent;}
.lvroom-food .shelf{width: 220px;bottom:0;top: 0;position: absolute;right: 1px;left:auto;z-index:120;border:2px solid transparent}
.lvroom-food .shelf img{width: 172px;/* height: 341px; */position: absolute;bottom: -7px;left: -8px;}
.lvroom-food .fillinlight img {width: 260px;position: absolute;left: 1px;bottom: -8px}
.lvroom-food .phonebracket {width: 68px;height: 110px;position: absolute;top: 158px;left: 684px;z-index: 285;}
.lvroom-food .phonebracket img{width: 67px;bottom: -2px;position: absolute;left: 5px;}
.lvroom-food .equipment{ z-index: 350;}
.lvroom-food .productdemo{ z-index: 360;position: relative;}
.lvroom-food .equipment .computer{position: absolute;width: 108px;left: 655px;top: 200px;}
.lvroom-food .equipment::after,.lvroom-food .equipment .phone {position: absolute;width: 70px;left: 680px;top: 150px}
.lvroom-food .microphone{z-index: 280;width: 104px;height: 122px;position: absolute;top: 150px;left: 515px; border: 2px solid transparent}
.lvroom-food .microphone img{position: absolute;bottom: -9px;left: 9px;width: 85px;}
.lvroom-food .beautylamp{width: 108px;height: 400px;bottom: 0;position: absolute;left: 778px;z-index: 120;border: 2px solid transparent;}
.lvroom-food .beautylamp img{position: absolute;bottom: -9px;left: -35px;width: 147px}
.lvroom-food .productdemo::after,.lvroom-food .tableproduct{position: absolute;top: 193px;left: 187px;width: 193px;z-index: 240;}
.lvroom-food .tableproduct2{top: 140px;width: 161px;left: 205px;}


/* 视频饮料阴影 */
.lvroom-food > div[data-ani="anibox"]::after{content:""; position: absolute;-webkit-animation:twinkling .5s infinite ease-in-out;animation:twinkling .5s infinite ease-in-out;}
.lvroom-food .beautylamp .default-shadow,.lvroom-food .beautylamp[data-ani="anibox"]::after{background: url("../../images/student/food/beautylamp-shadow.png") no-repeat;background-size:100% 100%;bottom: -9px;left: -35px;width: 147px;height:300px;}
.lvroom-food .microphone .default-shadow,.lvroom-food .microphone[data-ani="anibox"]::after{content:"";background: url("../../images/student/food/microphone-shadow.png") no-repeat 60px 35px;background-size:85px  130px;bottom: -70px;left: -50px;width: 250px;height:230px;}
.lvroom-food .fillinlight .default-shadow,.lvroom-food .fillinlight[data-ani="anibox"]::after{content:"";background: url("../../images/student/food/leftfilllight-boxshadow.png") no-repeat;background-size:100% 100%;width: 260px;left: 1px;bottom: -8px;height:396px;}
.lvroom-food .shelf .default-shadow,.lvroom-food .shelf[data-ani="anibox"]::after{content:"";background: url("../../images/student/food/squareshelf-shadow.png") no-repeat;background-size:100% 100%;width: 220px; height: 245px; bottom: -22px;left: -8px;}
.lvroom-food .phonebracket .default-shadow,.lvroom-food .phonebracket[data-ani="anibox"]::after{content:"";background: url("../../images/student/food/phonebracket-shadow.png") no-repeat 65px 60px;background-size:67px 113px;height:170px;width: 200px;bottom: -2px;left:-60px;}

.lvroom-food .beautylamp .default-shadow,
.lvroom-food .microphone .default-shadow,
.lvroom-food .fillinlight .default-shadow,
.lvroom-food .phonebracket .default-shadow,
.lvroom-food .shelf .default-shadow{position: absolute;}
.lvroom-food .actor::after{content: "";background: url("../../images/student/food/act-shadow.png") no-repeat 50px;background-size:145px 100%;height:165px;position: absolute;left: 540px;width: 250px;}
.lvroom-food .actor-help::after{content: "";background: url("../../images/student/food/acth-shadow.png") no-repeat 40px;background-size:160px 100%;height:189px;position: absolute;left: 420px;width: 250px;}
.lvroom-food .equipment::after{content: "";background: url("../../images/student/food/equip-shadow.png") no-repeat 82px;background-size:70px 100%;height:57px;position: absolute;left: 600px;width: 250px;}
.lvroom-food .productdemo::after{content: "";background: url("../../images/student/food/product-shadow.png") no-repeat;background-size:100% 100%;height:92px;position: absolute;}
.lvroom-food .posterbg::after{content: "";background: url("../../images/student/food//poster-shadow.png") no-repeat;background-size:100% 100%;}


.lvroom-food .beautylamp.highlight .default-shadow,
.lvroom-food .microphone.highlight .default-shadow,
.lvroom-food .fillinlight.highlight .default-shadow,
.lvroom-food .phonebracket.highlight .default-shadow,
.lvroom-food .shelf.highlight .default-shadow,
.lvroom-food .actor.highlight::after,
.lvroom-food .actor-help.highlight::after,
.lvroom-food .equipment.highlight::after,
.lvroom-food .productdemo.highlight::after,
.lvroom-food .posterbg.highlight::after{display: none;}



/* 阴影闪烁 */
@-webkit-keyframes twinkling {
	0% {opacity:0.4;filter:alpha(opacity=30);}
  50% {opacity:1;filter:alpha(opacity=100);}
  100% {opacity:0.4;filter:alpha(opacity=30);
}
}
@keyframes twinkling {
	0% {opacity:0.4;filter:alpha(opacity=30);}
  50% {opacity:1;filter:alpha(opacity=100);}
  100% {opacity:0.4;filter:alpha(opacity=30);}
}

/* 20210224新增 */
.sticker .fuli{color:#ffffff;padding-top: 25px;}
.sticker .huanying{color:#000000;padding-top: 10px;padding-left: 20px;}
.sticker .jiabin{color:#fff;padding-top: 35px;}
.sticker .neirong{color:#6e2226;padding-top: 10px;}
.sticker .shijian{color:#75401d;padding-top:35px;}
.sticker .youhui{color:#ffffff;padding-top: 20px;}

/* 20200309新增 */
.media-viewbox{width:420px;height:470px;overflow-y:auto;padding:20px;margin:20px;border-radius: 4px;}
.media-viewbox-right{flex:1;-webkit-flex:1;}
.media-viewbox .work-list {margin:0;padding:0;}
.media-viewbox .work-list .item{width:170px;margin:0 16px 20px 0;}
.media-viewbox .img-wrapper{width:170px;height:170px;display: flex;justify-content: center;align-items: center;background-color: #f8f8f8;}
.media-viewbox .img-wrapper img{width: 100%;height: 100%;object-fit: cover;border-radius: 4px;}
.media-viewbox-right .m-radiolist li{float:left;width:calc(33.333% - 10px);display: flex;flex-direction: row;align-items: center;}
.media-viewbox-right .m-radiolist li i{margin-right: 5px;}
.media-viewbox-right textarea{width:100%;padding:10px;height:120px;resize: none;}


/* 20210324 */
.icon-chacha:before{line-height: 1.5;}

.m-radio .u-checkbox, .m-radio .u-radio { margin-right:5px;}
.testlist li .u-checkbox, .testlist li .u-radio { margin-right:5px;}


/* 20210518新增 */
.m-designbox-end{align-items: flex-end;-webkit-align-items: flex-end;}
.m-designbox-end .m-designitem{margin-right: 20px;}

.script-desc-c .icon-iconfontquestion { position: relative;z-index: 1200;}
.script-desc-c .icon-iconfontquestion::after{ display: none;white-space:break-spaces;  content: attr(data-title); position: absolute; z-index: 100; left:20px; top:-11px; width:500px; background:#e7e5f8; border: 1px solid rgb(114 91 254); padding:5px; color: #666; border-radius: 5px; text-align: left; font-size: 12px;
line-height: 22px;color:#725bfe;}
.script-desc-c .icon-iconfontquestion:hover::after { display: block;z-index:1200;}
.script-desc-c .icon-iconfontquestion.w200::after{width:200px;}
.script-desc-c .icon-iconfontquestion.w500::after{width:500px;}

.topics .topic-box{margin:8px 0;}
.topics .topic-box a.u-button{width:280px;margin:20px 0 0;display: block;}

/* 20210622新增 */
.m-experimentbox { flex-wrap: wrap; padding: 15px;}
.m-experimentbox .item { width: 33.3%; padding:10px ;}
.m-experimentbox .item .itemcon { border-radius: 4px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); padding: 25px; position: relative;}
.m-experimentbox .item .itemcon .experimentname { font-size: 16px; margin-bottom: 10px; font-weight: 700;}
.m-experimentbox .item .itemcon .experimenttime { color: #666; margin-bottom: 10px;}
.m-experimentbox .item .itemcon .experimenttime span { display: block; line-height: 1.8;}
.m-experimentbox .item .itemcon .u-button { margin: 0 auto; width:150px; padding:4px 20px; height: 42px; display: block;}
.m-experimentbox .item .itemcon .u-state{ overflow: hidden; display: block; position: absolute; z-index: 100; right: 0; top: 0; width: 52px; height: 52px; top: 0; background:transparent; font-size:14px; opacity: 1; cursor: pointer; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -ms-transition: .2s ease-in-out; -o-transition: .2s ease-in-out;}
.m-experimentbox .item .itemcon .u-state:before{ content : ""; position : absolute; z-index: 100; display : block; width: 200%; height: 80%; top: -120%; left: -40%; /*background : rgba(91,124,254,1);*/ -webkit-transform-origin: left bottom; transform-origin : left bottom; -webkit-transform : rotate(45deg); transform : rotate(45deg); opacity : 1; z-index : 0; -webkit-transition : .2s; transition : .2s}
.m-experimentbox .item .itemcon.unstart .u-state:before{ background:#999}
.m-experimentbox .item .itemcon.doing .u-state:before{ background:#75c339;}
.m-experimentbox .item .itemcon.over .u-state:before{ background:#e94b4b;}
.m-experimentbox .item .itemcon .u-state i {color: #fff;font-size: 12px;position: absolute;top:10px; right: 3px; z-index:999; transform : rotate(45deg);}
.m-experimentbox .item .itemcon .u-score { position: absolute; left: 0; top: 0; background: #f18f30; color: #fff; padding:2px 5px; border-radius: 5px 0 0 0;}
.m-experimentbox.practice .item { width: 25%;}
.m-experimentbox.practice .item .itemcon { padding: 0;}
.m-experimentbox .item .itemcon .u-prastate { position: absolute; right: -8px; top: 0; min-width:100px; text-align: center; background: #826efb; color: #fff; padding:5px 10px; border-radius:  0;z-index:10;}
.m-experimentbox .item .itemcon .u-prastate.nostart{background-color: #999;}
.m-experimentbox .item .itemcon .u-prastate .arr { position: absolute; right: 0; bottom: -8px; display: block; width: 0; height: 0;  border-top:8px solid #826efb;  border-right:8px solid transparent;}
.m-experimentbox .item .itemcon .u-prastate.nostart .arr{border-top:8px solid #999;}
.m-experimentbox .item .itemcon .practiceimg { height:170px; position: relative;}
.m-experimentbox .item .itemcon .practicename { position: absolute; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); padding:8px 10px; color: #fff;z-index: 10;}
.m-score  { position: relative; min-width:100px; text-align: center; background: #826efb; color: #fff; padding:0 10px; border-radius: 5px 0 0 5px; line-height: 30px; height:30px;}
.m-score .arr { position: absolute; right: -7px; top: 0; display: block; width: 0; height: 0; border-left: 7px solid #826efb; border-top:15px solid transparent;  border-bottom:15px solid transparent;}
.m-scoretable th,.m-scoretable td {border: 1px solid rgba(85,124,254,0.2); padding: 5px 10px;}
.m-scoretable th { background: #f4f5f7; text-align: center; font-weight: 700;}
.m-contentbox { padding: 30px;}

.m-taskbox .taskcon .m-tasklist dd { position:relative;margin-right: 20px; min-height:36px; background: #f4f5f7; color: #333; margin-bottom: 5px; border-radius: 5px; padding:0 10px; color: #a7afc3;}
.m-taskbox .taskcon .m-tasklist dd .s-score{position: absolute;top:8px;right:280px;background:#725bfe;color:#fff;padding:2px 20px;border-radius:12px;font-size: 12px;}
.m-taskbox .taskcon .m-tasklist dd .u-button.other { margin-left: 10px; background: #999;}