@charset "utf-8";

html,body{ width: 100%; height: 100%;}
body.bodyScroll { background: #fff; }

/* 布局 */
.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: 210000; box-shadow: 0 10px 10px rgba(101,113,254,.3);}
.ap-layout-header .g-wrap{position: relative;z-index:99;}
.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:15px;}
.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;display:flex;display:-webkit-flex;}
.m-stutesttip .testexplan li > div{flex:1;-webkit-flex:1;max-width:865px;}
.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 .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;color:#657296;font-weight: bold;font-size:16px;}
.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:10px; margin-bottom: 5px; min-width: 100px;cursor: pointer;}
.m-selectlist li i { vertical-align: -3px; margin-right:3px;}
.m-selectlist li.disabled{cursor: default;pointer-events: none;color:#999;}
.m-selectlist li.disabled .u-radio{background-position: 0 -75px;}
.m-selectlist.w120 {width:100%;}
.m-selectlist.w120 li { min-width: 120px!important;}
.m-selectlist.w130 li { min-width: 130px!important;}
.m-selectlist.nofloat li { float: none;}
.m-selectlist.haslh li { padding:5px 0;}
/*表单 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=number],input[type=text],input[type=password],input[type=time] { width:280px; padding: 0 6px; height: 28px; line-height: 28px; border: 1px solid rgba(200, 205, 218, 1); -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; background: #fff; 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 rgba(200, 205, 218, 1); -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; background: #fff; color: #999999;}
textarea:focus {border: 1px solid rgba(114,91,254,.4); color: #666666; background: #fff;}
.m-tableform .input-select{width:208px;height:30px;line-height: 30px;border:1px solid #dee1e9;border-radius: 2px;}

/*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;  }
.m-titlebox .u-title{ font-weight: bold; color: #657296;font-size: 18px;}
.m-titlebox .u-title2{ font-weight: bold; color: #657296;font-size: 14px;}
.m-titlebox .u-title3{ font-weight: bold; color: #657296;font-size: 16px;}
.m-titlebox .u-title3 .tip { font-weight: 400; color: #A7AFC3; font-size:14px;}
.m-titlebox .u-button{font-size:16px;font-weight: normal;}
.m-titlebox .driver{display: inline-block;width:5px;height:20px;background-color: #725bfe;margin-right:10px;vertical-align: -2px;border-radius: 2px;}
.m-titlebox .u-title.sm{font-size:17px;}
.m-titlebox .u-title.sm a{font-size:14px;font-weight: normal;}
.m-titlebox .u-title.sm a .icon-tishi1{color:#ff4141;margin-right: 5px;}
/*标题 end*/


.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;background-color: #f1efff; 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: #a7afc3; font-weight: bold; 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:#a7afc3; border-radius: 100%; color:#fff;  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{margin-right: 5px;}
.m-righttab a:first-child { border-radius: 5px 0 0 0;}

/* 标题*/
.m-examsteptitle { background: #f0f2f5; position:fixed; z-index:120000; 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; line-height: 25px;}
.m-examsteptitle .u-button.default:hover{ background-color:#725bfe;color:#fff;}
.m-examsteptitle .u-button:first-child:hover{color:#ff4141;}
.m-examsteptitle .f-left { position: relative;}
.m-examsteptitle .f-left::after { content: ""; position: absolute; left: 0; right: -5px; bottom:12px; display: inline-block; background: rgba(91,129,254,0.2); height: 10px; font-size: 0; min-width:125px;}
.m-examsteptitle .u-button .icon-backtask { vertical-align: -7px;}


.m-titlebox.task { border-radius: 5px 5px 0 0;}

.m-tasklistbox .m-titlebox {padding: 12px 15px; border-bottom: 1px solid #ddd;line-height: 32px; position: relative; height: auto;}
.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;}

.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-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;cursor: pointer;position: relative;}
.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 .u-button.other{background-color: #999;margin-left:10px;cursor:default;}
.m-taskbox .taskcon .m-tasklist dd .u-button.resetexp{margin-left:10px;}
.m-taskbox .taskcon .m-tasklist dd .taskname { 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-taskbox .taskcon .m-tasklist dd .s-score{position: absolute;top:10px;left:350px;background:#725bfe;color:#fff;padding:2px 10px;border-radius:12px;font-size: 12px;width:105px;text-align: center;}

/* 考试任务 */

.m-tasklistbox { background: #fff; margin-top: 80px; box-shadow: 0 0 10px rgba(101,113,254,.2); border-radius: 5px; margin-bottom: 20px;}
/* 商品评估选择 */
.u-tips-content{flex:1;-webkit-flex:1;color:#657296;line-height:24px;}

.filter-list dl{overflow: hidden;}
.filter-list dt,.filter-list dd{display: inline-block;}
.filter-list dd a{color:#4C5C86;margin-right:15px;padding:4px 8px;border-radius: 10px;display: inline-block;background: transparent;transition: all .5s;-webkit-transition: all .5s;}
.filter-list dd a.cur,
.filter-list dd a:hover{color:#725BFE;opacity: 1;background: rgba(114, 91, 254, 0.098);}
.filter-result-item{margin-right:15px;position: relative;}
/* .filter-result-item a::after{content: ",";display:inline-block;}
.filter-result-item a:last-child:after{content: "";} */
.filter-result-item.f-right{margin-right:0;}
.filter-result-item em{font-style: normal;color:#33BE25;padding-right:5px;}
.filter-result-item a{color:#725BFE;position: relative;}
/* .filter-result-item a em{position: absolute;top:-5px;right:-15px;} */

.pic-text-table .img-wrapper{width:100px;height:60px;overflow: hidden;}
.pic-text-table .img-wrapper img{vertical-align: middle; max-width: 100%;max-height: 100%;border-radius: 4px;}
.pic-text-table .sort{display: flex;flex-direction: column;position: absolute;top:11px;right:10px;}
.pic-text-table .sort a{margin:1px 0;}
.pic-text-table  th.check i{vertical-align: -2px;}

.sort a.up{width:0;height:0;border-right:6px solid transparent;border-left:6px solid transparent;border-bottom:6px solid #725BFE;}
.sort a.up.cur{border-bottom:6px solid #de6868;}
.sort a.down{width:0;height:0;border-right:6px solid transparent;border-left:6px solid transparent;border-top:6px solid #725BFE;}
.sort a.down.cur{border-top:6px solid #de6868;}

.assessment-before table{min-height:525px;}
.icons-datasource{width:15px;height:15px;}

/* 选品评估 */
.echart-item-hd{height:60px;line-height: 60px;color:#725bfe;border-bottom:1px solid rgb(229, 233, 242);font-size: 18px;padding:0 20px;}
.assessment-body .echart-item{border:1px solid rgb(229, 233, 242);float:left;width: calc( 50% - 20px);height:480px;margin:0 10px 20px 10px;}
.assessment-body .echart-item .m-nodata{margin-top:65px;}
.echart-item-body h3 {color:#657296;}
.echart-item-body h3 span{color:#33BE25;padding:0 2px;}

/* 商品顺序调整 */
.live-result-list ul{justify-content: space-between;}
.live-result-list li{flex:1;-webkit-flex:1;border:1px solid rgba(233, 233, 233, 1);border-radius: 4px;margin-right: 20px;padding:20px;line-height: 30px;position: relative;}
.live-result-list li .icons{position: absolute;top:5px;right:10px;font-size:40px;}
.live-result-list li:last-child{margin-right: 0;}
.live-result-list li h3{color:#999!important;}
.live-result-list li p{font-size:28px;}
.live-result-list li:first-child {color:#f65860;}
.live-result-list li:nth-child(2){color:#29cb97;}
.live-result-list li:nth-child(3){color:#b558f6;}
.live-result-list li:nth-child(4){color:#005ceb;}
.live-result-list li:nth-child(5){color:#b558f6;}
.live-result-list li:nth-child(6){color:#fec400;}
.live-result-list.small li { padding: 10px; line-height: 24px;}
.live-result-list.small li p{font-size:20px; font-weight: 400;}
.live-result-list.small li .icons { font-size: 26px;}
.live-result-list.small li:first-child(1) {color:#f65860;}
.live-result-list.small li:nth-child(2){color:#b558f6;}
.live-result-list.small li:nth-child(3){color:#005ceb;}
.goods-sort-content{flex:1;-webkit-flex:1;}
.sort-rightbar{width:375px;margin-left:20px;}
.sort-rightbar .echart-item{border:1px solid rgba(233, 233, 233, 1);margin-bottom: 20px;border-radius: 4px;padding:0 15px;}
.onshelves span{color:#725BFE;font-size:28px;}

/* 商品排期 */
.planning-list{padding:10px 5px 30px;border-bottom: 1px solid rgba(101,113,254,.2);}
.planning-list li {width:185px;margin:0 25px ;position: relative;cursor: pointer;}
.planning-list li:nth-child(5n){margin-right: 0;}
.planning-list li .anchor{position: relative;background: url("../../images/student/crown.png") no-repeat;width:185px;height:185px;margin:0 auto;}
.planning-list li .anchor::after{content:"";position: absolute;top:0;left:0;z-index: 120;}
.planning-list li .anchor-headimg img{width: 115px;height: 115px;border-radius: 100%;margin-top: 42px;margin-left: 24px;z-index: 110;}
.planning-list li .anchor-name{background: url("../../images/student/ribbon.png") no-repeat;width:198px;height:41px;line-height:55px;position: absolute;top: 128px;left: -19px;text-align: center;}
.planning-list li .anchor-item{width:155px;margin:3px auto;color: #725bfe;display: flex;align-items: center;-webkit-align-items: center}
.planning-list li .anchor-item-bar{background-color:#f2f2f2;display: inline-block;width:130px;height:25px;line-height:25px;border-radius: 20px;padding:0 8px;margin-right: 5px;}
.planning-list li .anchor-item-bar i{top: -4px;position: relative;}
.planning-list li a.anchor-detail{background-color:#725bfe;color:#fff;position: absolute;top:0;padding: 2px 8px;border-radius: 13px;opacity: 0;right:-100px;transition: all .3s;-webkit-transition: all .3s;}
.planning-list li:hover a.anchor-detail{right:0;opacity: 1;}
.planning-list li a.anchor-detail:hover{opacity: .8;}
.m-planningcon-table .tags::after{content: "，";display: inline-block;}
.m-planningcon-table .tags:last-child:after{content: "";}
.goodslist-sel{background-color:#f1efff;padding:20px;border-radius: 4px;}
.goodslist-sel li{float: left;display: flex;display: -webkit-flex;flex-direction: row;-webkit-flex-direction: row; align-items: center;-webkit-align-items: center;width:40%;position: relative;padding:5px 0;}
.goodslist-sel li:nth-child(odd){float: left;}
.goodslist-sel li:nth-child(even){float: right;}
.goodslist-sel li i{position: absolute;top:8px;right:0;}
.planning-analy .m-selectlist li{min-width: 90px;}
/* .planning-analy .m-selectlist-lg li{min-width:140px;} */
.planning-analy-lg .m-selectlist li{min-width: 140px;}
.goodslist-sel li strong{display: inline-block;text-align: right;  min-width: 120px;padding-right: 24px;}
.planning-analy .u-tags{padding:8px 15px;}


/*弹框按钮  */
.m-bottom-pop{padding: 15px 0;position: absolute;left:0;right:0;bottom:0;overflow: hidden;}
.m-bottom-pop .result{float: left;padding-left: 30px;}

.m-bottom-pop .pages{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);margin-top:0;}

/* alert提示 */
.alerts{border-radius: 4px;padding:5px 20px 5px 10px;color:#999;}
.alert-warning{background-color: rgba(255, 245, 230, 1);border:1px solid rgba(255, 235, 204, 1);}
.alert-warning i{color:#fec400;}
.alert-success{background-color: rgba(235, 245, 255, 1);border:1px solid rgba(214, 235, 255, 1);}
.alert-success{color:#005dea;}

/* m-titlebox2 */
.interplay .m-titlebox2::after{right:95px;}
.interplay .noinfo{color:#C8CDDA;}
.interplay .m-titlebox2-playing::after{right:200px;}
.interplay .m-selectlist li{min-width: 80px;}

/* 脚本策划 */
.scrip-container .framecon li{margin-bottom: 10px;display: flex;display:-webkit-flex;flex-direction: row;-webkit-flex-direction: row;align-items: center;-webkit-align-items: center;}
.scrip-container .framecon li a{display: block;width:280px;background-color: #f1efff;padding:2px 0px;border-radius: 4px;}
.scrip-container .framecon li i{margin-left:10px;color:#725bfe;cursor: pointer;}
.scrip-container .framecon li i:hover{opacity: .8;}

.m-porductlist.singlescript .item{width:32%; overflow: hidden;}
.m-porductlist.singlescript .item:hover{padding-bottom: 50px;}
.m-porductlist .item .proname{padding:5px 0;width:98%;}
.m-porductlist.singlescript{justify-content: space-between;-webkit-justify-content: space-between;}
.m-porductlist.singlescript .item .prointro{height:85px;}
.m-porductlist.singlescript .item .intro{flex-direction: row; align-items: center;}
.m-porductlist.singlescript .item .intro strong:first-child{display: inherit;width:auto;}
.m-porductlist.singlescript .item .propic{width:340px;height:286px;}
.m-porductlist.singlescript .item .propic img{ max-width:100%; max-height:100%;}

.m-porductlist.singlescript .item .proleft{width:100px;}
.m-porductlist.singlescript .item{margin-left:0;position: relative;padding-bottom: 20px;} 
.m-porductlist.singlescript .item:nth-child(3n){margin-left:12px;margin-right: 0;}
.m-porductlist.singlescript .item .price{font-size:20px;}
.m-porductlist.singlescript .item .proleft .u-button{position: absolute;bottom:0;left:0;}
.m-porductlist.singlescript  .explainrefine{border-right: none;padding:0;width: 100%;}
.m-porductlist.singlescript .otherinfo  em{font-style: normal;}
.m-porductlist.singlescript .descr{flex:1;}
.m-porductlist.singlescript .item .select {width: 64px; height: 64px;}
.m-porductlist.singlescript .item .select span { position: absolute; z-index: 999; font-size: 12px; top: 10px; left:25px; color: #fff; transform:rotate(45deg);}


/* 设计单品脚本 */
.scriptedit {flex:1;-wekbkit-flex:1;}
.scriptedit + .singlescript{width:550px;}
.scriptedit textarea{width:370px;margin-right: 5px;}
.singlescript .goodsinfo .proleft{width:150px;margin-right: 25px;}
.singlescript .goodsinfo .intro{padding-top: 5px;flex:1;flex-direction: row; align-items: center;}
/* .singlescript .goodsinfo .proleft img{width:150px;height:126px;} */
.singlescript .goodsinfo .propic {width:150px;height:126px; position: relative; background: #eee}
.singlescript .goodsinfo .propic img { max-height: 100%; max-width: 100%;}



/* goodsinfo-expain */
.goodsinfo-expain .goodsinfo{padding:30px;width:365px;}
.goodsinfo-expain .goodsinfo dt.propic { position: relative; padding:5px;border:1px solid rgba(91,106, 254, .1);border-radius:4px;width:298px;height:250px;}
.goodsinfo-expain .goodsinfo dt img { max-width:288px; max-height:240px; position: absolute;z-index: 100; top:50%; left:50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform:translate(-50%,-50%);}
.goodsinfo-expain .goodsinfo dd{padding:15px 0;}
.goodsinfo-expain .goodsinfo li{background-color: rgba(114, 91, 254, 0.047);border:1px solid rgba(114, 91, 254, 1);border-radius: 4px;padding: 2px 10px;color:#725BFE;margin-bottom: 10px;}
.m-skilllist{flex:1;padding:20px;min-height:calc(100vh - 135px);border-left:1px solid #c8cdda;}
.m-skill-item .m-skill-hd{background-color:#f8f7ff;padding:10px 15px;border-radius: 4px;}
.m-skill-item .m-skill-hd span{padding-right: 5px;}
.m-skill-item .m-selectlist{padding:  5px 20px;}
.m-skill-item .m-selectlist li{padding:10px 0; min-width: 135px;}

.singleshowskill{width:550px;padding:20px;}
.singleskill-list th{font-size:14px;}
.singleskill-list .m-selectlist{padding:0 10px;}
.singleskill-list .m-selectlist li{padding: 0;}
.singleskill-list input[type="text"]{margin-left: 10px;}

/* 讲解话术提炼 */
.explainrefine {padding:10px 30px;width:500px;}
.explainrefine .goodsinfo dt img{padding:5px;border:1px solid rgba(91,106, 254, .1);border-radius:4px;width:150px;height:126px;}
.explainrefine .goodsinfo .proleft{width:150px;margin-right: 20px;}
.explainrefine .goodsinfo dd{width:265px;}
.explainrefine .goodsinfo em{font-style: normal;}
.explainrefine .goodsinfo dl{position:relative;}
.explainrefine .goodsinfo dl .u-price{position: absolute;right:0;bottom: 0;}
.explainrefine .otherinfo li{background-color:#f8f7ff;padding:3px 10px;margin-bottom:5px;display: flex;width:50%;float: left;}
.explainrefine .otherinfo li strong{display: inline-block;width:120px;text-align: right;padding-right: 10px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.explainrefine .otherinfo li span {width: 150px;display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
/* .explainrefine .otherinfo li span em{display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden} */

.goodssellpoint{background-color:#f8f7ff;padding:10px 15px;border-radius: 4px;margin-bottom: 10px;user-select: none;}
.goodssellpoint dt{font-weight: bold;line-height: 24px;}
.goodssellpoint dd{line-height: 24px;}
.goodssellpoint dt .addexplain { font-weight: 400;}
.goodssellpoint dt .addexplain .icon-add { vertical-align:0; margin-right: 3px;}
.goodssellpoint dd textarea { vertical-align: -5px;}

/* 商品展示技巧 */
.productshowskill{padding:10px  0 10px 45px;width:625px;}
.productshowskill .videolist{padding:30px 45px 15px 0;position: relative; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out;   }
.productshowskill .videolist:hover{-webkit-transform: scale(1.1); transform: scale(1.1)}
.productshowskill .videolist video{width:244px;height:410px;}


/* 添加标签 */
.tags-body .cate-list{width:155px;height:480px;overflow-y: auto;}
.tags-body .cate-list ul{padding:0 20px 0 0px;}
.tags-body .cate-list li{width:130px;height:35px;border:1px solid #725bfe;border-radius: 4px;text-align: center;color:#725bfe;line-height: 35px;background: #f1efff;margin-top: 10px;}
.tags-body .checklist{width:380px;height:480px;overflow-y: auto;}
.tags-body .checklist{padding-left:10px;}
.tags-body .checklist li{width: calc(50% - 30px);margin:5px 15px;}
.tags-body .cate-list-checkbox{padding-left: 15px;flex:1;-webkit-flex:1;}
/* .tags-body > div{height:500px;overflow-y: auto;overflow-x: hidden;} */
.tags-body .cate-list li.active{background-color: #725bfe;color:#fff;}

/* 互动引导 */
.interguide .bglist li {margin-right:15px;}
.interguide .bglist li.m-cornermarker .select:before{height:55%;}
.interguide .bglist li img{ border-radius: 4px;width: 80px;height:80px;padding: 10px;}
.interguide .bglist li .img-wrapper { position: relative; border-radius: 4px;width: 80px;height:80px; overflow: hidden; cursor: pointer;border:1px solid rgba(200, 205, 218, 1);}
.interguide .bglist li .img-wrapper .icon-confirm { top:-1px;font-size:12px;}
.interguide .bglist li.selected .img-wrapper .icon-confirm { display: block;}
.interguide .goodslist-sel dt span{color: #a7afc3;}
.interguide .goodslist-sel dt span i{vertical-align: -4px; position: relative; top: -4px; margin-right: 5px;}
.interguide .goodslist-sel dd{margin-top: 10px;}
.u-title3  .filter-list {margin-left:100px;}
.u-title3  .filter-list  dd a{font-size:14px;font-weight: normal;display: inline;}

/* 粉丝互动转化 */
.fansintertrans{width:500px;}
.fansintertrans h3{color:#725BFE;}
.fansintertrans .img-wrapper{border:1px solid #dee1e9;position: relative;}
.fansintertrans .img-wrapper .f-flag{position: absolute;left:0;bottom:0;right:0;text-align: center;background-color: #e3deff;}
.fansintertrans .img-wrapper + div {line-height: 25px;}

/* 多选复选框 */
/* .input-select-ul{position: relative;width:208px;}
.input-select-ul  .arrow{display: inline-block;width: 32px;height: 30px;position: absolute;right: 0px;top: 0px;cursor: pointer; background: none;}
.input-select-ul .up{border-right:6px solid transparent;border-left:6px solid transparent;border-bottom:6px solid #999;}
.input-select-ul .down{border-right:6px solid transparent;border-left:6px solid transparent;border-top:6px solid #999;}
.input-select-ul  .arrow >  a{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);} */

.m-select.input-select-ul   .scroll-list-wrap{max-height:120px;overflow-y: auto;}


/* 分页 */
.pager-result{position: relative;}
.pager-result .result{position: absolute;top:10px;left:30px;}
.goodslist-sel .pager-result .result{left:0;}

/* 异常处理测评 */
.chatbox{height: 400px;overflow-y: auto;padding:10px;}
.chatbox .img-wrapper img{width:50px;height:50px;border-radius: 50%;;}
.chatbox .userinfo  h3{color:#725bfe;margin-bottom: 5px;}
.chatbox .userinfo >div{background:rgba(91,106,254,.1);padding:10px;border-radius: 4px;position: relative;max-width:500px;}
.chatbox .reply .userinfo >div{background: #33be25;color:#fff;}
.chatbox .ask{justify-content: flex-start;}
.chatbox .reply{justify-content: flex-end;}
.chatbox .reply h3{text-align: right;}
.chatbox .reply .img-wrapper{margin-left: 10px;}
.chatbox .ask .img-wrapper{margin-right: 10px;}
.chatbox .ask .userinfo >div::before,
.chatbox .reply .userinfo >div::before{content: "";width: 0;height: 0;;position: absolute;top:10px;}
.chatbox .ask .userinfo >div::before{border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-right: 8px solid rgba(91,106,254,.1);left:-8px;}
.chatbox .reply .userinfo >div::before{border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 8px solid #33be25;right:-8px;}
.chatbox + .result em{font-style: normal;}
.chatbox > div{margin-bottom: 10px;}
.chatbox .reply-product dl{margin-top:10px;}
.chatbox .reply-product dt img{width:80px;height:67px;border-radius: 4px;}
.chatbox .reply-product dd{padding-left:10px;flex:1;max-width:170px;}
.chatbox .reply-product dd h3{text-align: left;color:#fff;}
.chatbox .reply-product dd strong{color:#ff4141;}
.chatbox .reply-product dd del{color:#c8cdda;}
.chatbox .reply-photos img{width:95px;height:80px;border-radius: 4px;}
.chatbox .reply-videos img{width:95px;height:158px;border-radius: 4px;}
.chatbox .reply-videos > div{display: flex;flex-direction: column;width:95px;}
.chatbox .reply-videos > div h3{color:#fff;padding:5px 0;font-size:12px;}

.messgeinfo{background-color: #f1efff;padding: 20px;border-radius: 4px;}
.messgeinfo .m-selectlist {padding-top:10px;}
.messgeinfo .m-selectlist li{float:none;clear: both;;}
.messageinfo-items{margin-bottom: 15px;}
.messageinfo-items:last-child{margin-bottom: 0;}


/* 直播基础分析 */
.tabs {font-size:0;}
.tabs a{font-size:14px;padding:3px 8px;border:1px solid #725bfe;border-left:none; min-width: 80px; display: inline-block;}
.tabs a:first-child{border-left: 1px solid #725bfe;border-radius: 4px 0 0 4px;}
.tabs a:last-child{border-radius: 0 4px 4px 0;}
.tabs a.cur{background: #725bfe;color:#fff;}

.analysis-list dl{width:calc(33.333% - 20px);margin:0 10px 20px 10px;float:left;background-color: #fff;border:1px solid rgba(91,106,254,.2);border-radius: 4px;padding:10px;height:125px;position:relative;}
.analysis-list dt{color:#999;padding:5px 0;}
.analysis-list dd{display: flex;margin-top:10px;}
.analysis-list dd > div{flex:1;-webkit-flex:1;padding:10px;text-align: center;}
.analysis-list dd .icons{position: absolute;top: -14px;right: 5px;font-size: 35px;}
.analysis-list dd .ana-item:nth-child(2){border-left:1px solid rgba(91,106,254,.1);}
.analysis-list dd span i{font-weight: bold;}
.analysis-list dd span em{font-style: normal;}
.analysis-list dd .icon-dangqianrenshu{color:#f65860;}
.analysis-list dd .icon-zhexiantu{color:#29cb97;}
.analysis-list dd .icon-fensi{color:#b558f6;}
.analysis-list dd .icon-shangpinchuangjian{color:#005ceb;}
.analysis-list dd .icon-dianzan{color:#b558f6;}
.analysis-list dd .icon-xiaoxi{color:#fec400;}

.viewdata .analysis-list{width:700px;}
.viewdata .analysis-list dl{width:calc(25% - 20px);height:auto;}
.viewdata .analysis-list dd > div h3{color:#725bfe;font-weight: bold; white-space: nowrap;}
.viewdata .pic-text-table td h3{color: #725BFE;}

.m-datacontainer{flex:1;-webkit-flex:1; border-right:1px solid #c8cdda; min-height: calc(100vh - 135px); padding: 20px; width: 770px;}
.m-dataconrbox {width:500px;}
.m-databox{padding:0 15px 10px 15px;min-height: calc(100vh - 135px);}
.m-databox th{font-size:14px;font-weight: normal;}
.m-databox td span{line-height: 33px;}
.m-databox td small{/*zoom:.86;*/ display: block; color: #999; padding-top: 5px;}
.m-databox .m-selectlist li{min-width: 75px;}

.analysis-body{background:#f8f7ff;padding:10px 15px;border-radius: 4px;}
.analysis-body .m-titlebox span{font-size: 12px;font-weight: normal;}
.analysis-body .m-titlebox span em{font-style: normal;}
.analysis-body .result{position: absolute;bottom:10px;left:0;}
.m-floatnone > li{float:none;}


/* 宣传物料设计 */
.medialist dl{padding-bottom: 20px;margin-left:60px;flex:1;}
.medialist dt {width:300px;height:535px;display: flex;justify-content: center;align-items: center;}
.medialist dt img{max-width: 100%;max-height: 100%;object-fit: fill;border-radius: 4px;}
.medialist dd{width:300px;}
.medialist dd h3{text-align: center;padding-top: 10px;}
.medialist dd p{text-align:left;}

.m-materialcontainer .analysis-body{width:780px;max-height: 800px;overflow-y: auto;}
.m-materialcontainer{flex:1;-webkit-flex:1; padding: 20px;}
.m-materialcontainer .m-titlebox{padding:0 20px;}
.m-materialcontainer .article{flex:1;padding: 20px 0;}
.m-materialcontainer .article:last-child{border-bottom: none;}
.m-materialcontainer .article-header{color:#a7afc3;}
.m-materialcontainer .article-body{line-height: 20px;}
.m-materialcontainer .img-wrapper{padding-right: 20px;}
.m-materialcontainer .img-wrapper img{width:240px;height: 440px;border-radius:4px;}
.m-materialcontainer + .m-databox input{margin-right: 0;}
.m-materialcontainer + .m-databox .goodssellpoint dt span{font-weight: normal;}


/* 投票 */
.m-toupiaopic { display: inline-block; width: 80px; height: 60px; border-radius: 4px; overflow:hidden; position: relative; vertical-align: -25px;}
.m-toupiaopic img { border-radius: 4px; max-width: 100%; max-height: 100%;}
.m-toupiaopic .icon-upload { position: absolute; z-index: 999; background:rgba(0,0,0,.5); color:#fff; width:24px; height: 24px; text-align: center; cursor: pointer; line-height: 1; border-radius: 100%;}

/* 宣传内容排查 */
.m-illinverstcontainer{padding:0 20px;}
.m-illinverstcontainer .analysis-body{max-height: 800px;overflow-y: auto;width:600px;margin-top: 20px;border:1px solid #f8f7ff;cursor: pointer;}
.m-illinverstcontainer .analysis-body a.t-underline{color:#657296;cursor: pointer;}
.m-illinverstcontainer .analysis-body a.t-underline:hover{text-decoration: underline;}
.m-illinverstcontainer .analysis-body a.t-underline.hightlight{background-color: #80ffff;}
.m-illinverstcontainer .analysis-body.selected{border:1px solid #725bfe;}
.m-illinverstcontainer img{width:285px;height:510px;border-radius: 4px;}
.m-illinverstcontainer + .m-skilllist{min-height: calc(100vh - 225px);}

.illident-box{position: absolute;background-color: #fff;padding:10px;border-radius: 4px;margin-top:25px;box-shadow: 0 0 10px rgb(91 106 254 / 20%);}
.illident-box a{font-size:20px;}

/* 标题封面策划 */
.popularity{width:755px;}
.popularity .filter-list dl{margin-bottom: 10px;}
.popularity .filter-list dt{width:100px;text-align: right;}
.popularity .filter-list dt span{padding:4px 8px;}
.popularity .filter-list dd{flex:1;}
.popularity-list ul{width:755px;flex-wrap: wrap;}
/* .popularity-list li{margin-right: 5px;margin-bottom: 20px;background-color: #fff;border-radius: 0 0 4px 4px;box-shadow: 0 0 10px rgb(101 113 254 / 20%);flex:1;border:1px solid #e5e3f3;    -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;} */
.popularity-list li:hover{ -webkit-transform:scale(1.05); transform:scale(1.05)}

.popularity-list li .img-cover{width: 181px;height:181px;margin-bottom: 5px;}
.popularity-list li .img-cover img{border-radius: 4px 4px 0 0;max-width: 100%;max-height: 100%;}
.popularity-list li dl{padding:0 10px;line-height: 23px;}
.popularity-list li dt{float: left;}
.popularity-list li dd{float: right;}
.popularity-list .popu-bottom{padding:5px;color:#a7afc3;}

.cover-list li{width:150px;position: relative;margin-bottom: 20px;overflow: hidden;-webkit-transition: .2s ease-in-out;transition: .2s ease-in-out;cursor: pointer;border-radius: 4px;}
.cover-list li .img-cover{width:150px;height:150px;}
.cover-list li .img-cover img{width:150px;height:150px;object-fit: fill;border-radius: 4px;}
.cover-list li:nth-child(odd){float: left;}
.cover-list li:nth-child(even){float: right;}
.popularity-list li{margin-right: 10px;margin-bottom: 20px;background-color: #fff;border-radius: 0 0 4px 4px;box-shadow: 0 0 10px rgb(101 113 254 / 20%);  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;} 

.popularity-list li:nth-child(4n){margin-right: 0;}
.popularity-list li dl{padding:0 5px;}

.popularity table td span{font-size:12px;}

.titleplanning .tilte-list dl{border:1px solid #e3e1dd;border-radius: 4px;background-color: #fff;padding:10px; margin-bottom: 10px;box-shadow: 0 0 10px rgb(101 113 254 / 20%);}
.titleplanning .tilte-list  dl a{font-weight: normal;}
.titleplanning .tilte-list  dl.selected{border-color:#725BFE;}
.titleplanning .goodslist-sel li{float:none;clear: both;width:100%;}
.titleplanning .goodslist-sel{width:350px;}
.titleplanning .pages{margin-left: 30px;}

.demolist img{max-width: 240px;border-radius: 4px;margin-bottom: 20px;display: block;margin:0 auto;}
/* .m-databox .editbox dl{width:315px;} */
.m-databox .m-titlebox .u-button.small{font-size:14px;min-width: 40px;}

.addlaybar{width:150px; background-color: #f8f7ff;padding:5px 0;}

/* 短视频付费推广 */
.m-payvideoselbox .item { border: 1px solid #c8cdda; border-radius: 4px; width: 380px; padding: 15px; position: relative; margin-right: 30px; cursor: pointer; overflow: hidden;}
.m-payvideoselbox .item:last-child { margin-right: 0;}
.m-payvideoselbox .item .videoshow { background: #eee; width: 100px; height: 120px; border-radius:4px; position: relative; margin-right: 15px;}
.m-payvideoselbox .item .videoshow img { max-width: 100%; max-height: 100%; border-radius: 4px;}
.m-payvideoselbox .item .videoshow .icon-play { display: block; width: 24px; height: 24px; text-align: center; position: absolute; z-index: 1000; background: rgba(0, 0, 0, 0.6); line-height: 1; border-radius: 100%; color: #fff;}
.m-payvideoselbox .item .videointro { flex: 1;}
.m-payvideoselbox .item .videointro p { margin: 5px 0 10px; color: #657296; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; min-height:38px;}
.m-payvideoselbox .item .videointro .timepay { color: #C8CDDA;}
.m-payvideoselbox .item .videointro .aboutnumbers span {display: inline-block; flex: 1;}
.m-payvideoselbox .item .videointro .aboutnumbers span i { color: #725BFE; margin-right: 5px;}
.m-tableform .m-tableform th { font-size: 14px; font-weight: 400;}


/* 上传头像列表 */
.m-addpic{height:50px;border:1px dashed rgba(101,113,254,.5); background:rgba(101,113,254,.1);  text-align:center;margin-right:20px;border-radius: 4px;-webkit-border-radius: 4px;}
.m-addpic-square{width:50px;}
.m-addpic-rect{width:249px;}
.m-addpic i{ font-size:30px;color:rgba(101,113,254,.8); line-height:1;}
.m-addpic p{ font-size:14px; color:rgba(101,113,254,.8);margin-top:5px;}
.m-addpic:hover i,.m-addpic:hover p{color:rgba(101,113,254,1);}

.m-picview-list .resourcebox,
.m-picview-layout dt{-webkit-transition: box-shadow .2s; transition: box-shadow .2s; position: relative; background: #f8f8f8;  width: 50px; height: 50px; overflow:hidden; text-align: center; line-height: 50px; 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;line-height: 21px;}
.m-picview-list li .resourcebox img ,
.m-picview-layout dt 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:1.1;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-transform:scale(1.1); transform:scale(1.1)}

.m-picview-layout{border: 1px solid #c8cdda; border-radius: 4px;padding:10px;margin:0 10px;margin-bottom: 20px;width:calc(25% - 20px);position: relative;overflow: hidden;}
.m-picview-layout dd{flex:1;margin-left:10px;width:126px;}
.m-picview-layout dd b{width:126px;}
.m-picview-layout dd > div{color:#a7afc3;}
.m-picview-layout dd > div span{color:#657296;}

.upload-logo-box img{border-radius: 4px;margin-right:20px}

/* 粉丝推荐 */
.fansrecom{background-color: #fff;padding:10px;border:1px solid #725BFE;border-radius: 4px;}
.fansrecom .tags-body .cate-list li{padding:0 10px;text-align: left;border:none;background:none;position: relative;}
.fansrecom .tags-body .cate-list li em{opacity:1;background-color: #725BFE;color:#fff;border-radius: 15px;font-style: normal;line-height: 17px; padding: 0 11px;font-size: 12px;position: absolute;top:10px;right:10px;}
.fansrecom .tags-body .cate-list li.active{background-color: #f1efff;}
.fansrecom .tags-body .cate-list li.active span{color:#725BFE;}
/* .fansrecom .tags-body > div{height:257px;} */
.fansrecom .tags-body .cate-list{width:140px;}

/* 列表角标 */
.m-cornermarker .icon-confirm{color: #fff;font-size: 16px;position: absolute;top: 1px; right: 3px;z-index:130;}
.m-cornermarker .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;}
.m-cornermarker .select:before{ content : ""; position : absolute; z-index: 100; display : block; width: 200%; height: 80%; top: -120%; left: -40%; background : #725bfe; -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}
.m-cornermarker.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; }
.m-cornermarker.selected .select:before{-webkit-transition: .5s ease-in-out; transition : .5s ease-in-out; opacity : 1}


.m-payvideoselbox .item .videointro .aboutnumbers span i { color: #725BFE; margin-right: 5px; font-size: 18px;}

/* 直播间付费推广 */
.paypromo dl{width:33%;position: relative;overflow: hidden;border:1px solid #e3e1dd;border-radius: 4px;background-color: #fff;padding:10px;margin-right: 20px;}
.paypromo dl.selected { border-color: #725bfe;box-shadow: 0 0 10px rgb(101 113 254 / 20%);}
.paypromo dl .icon-confirm{}
.paypromo dl dt{font-weight: bold;}
.paypromo .icon-wenhao{color:#725bfe;}
.paypromo .peopleInfo span{margin-left:5px;}
.paypromo .peopleInfo span.tag{padding:2px 8px;border:1px solid #ff4141;border-radius: 20px;color:#ff4141;font-size: 12px;margin-left: 20px;}
.paypromo .peopleInfo span.sort{display: inline-block;width:25px;height:28px;text-align: center;line-height: 28px;}
.paypromo .peopleInfo span.medal0{background: url("../../images/student/first.png") no-repeat;background-size: 100% 100%;font-size:0;}
.paypromo .peopleInfo span.medal1{background: url("../../images/student/second.png") no-repeat;background-size: 100% 100%;font-size:0;}
.paypromo .peopleInfo span.medal2{background: url("../../images/student/third.png") no-repeat;background-size: 100% 100%;font-size:0;}

/* 热度条 */
.sticks{position: relative;text-align: center;}
.sticks-current{position: absolute;top:0;left:0;}
.sticks span{width:4px;height:30px;border-radius: 4px;margin:0 2px;display: inline-block;}
.sticks-default span{background-color: #ededed;}
.sticks-current span:first-child{background: rgba(255, 65, 65,.1);}
.sticks-current span:nth-child(2){background: rgba(255, 65, 65,.2);}
.sticks-current span:nth-child(3){background: rgba(255, 65, 65,.3);}
.sticks-current span:nth-child(4){background: rgba(255, 65 ,65,.4);}
.sticks-current span:nth-child(5){background: rgba(255, 65, 65,.5);}
.sticks-current span:nth-child(6){background: rgba(255, 65 ,65,.6);}
.sticks-current span:nth-child(7){background: rgba(255, 65, 65,.7);}
.sticks-current span:nth-child(8){background: rgba(255, 65 ,65,.8);}
.sticks-current span:nth-child(9){background: rgba(255, 65, 65,.9);}
.sticks-current span:nth-child(10){background:rgba(255 ,65, 65,1);}

/*  */
.m-picview-list.lg .resourcebox,
.m-addpic-square.lg{width:115px;height:190px;}

/* 短视频传播 */
.shortvideotrasns .shortvideo-right{flex:1;padding:0;}
.shortvideotrasns .sidebar{width:185px;padding:10px;}
.shortvideotrasns .sidebar li{position: relative;border-radius: 4px;border:1px solid #e3e1dd;overflow: hidden;height:70px;line-height: 70px;margin-bottom: 10px;text-align: center;}
.shortvideotrasns .sidebar li.selected{border-color:#725bfe;box-shadow: 0 0 10px rgb(101 113 254 / 20%);}
.shortvideotrasns .sidebar li.selected a{color:#725bfe;}
.shortvideotrasns .sidebar li a{font-size:16px;color:#657296;}
.shortvideotrasns .sidebar li i.icon-confirm{line-height: 1.3;right:4px;}
.shortvideo-container > div{flex:1;-webkit-flex:1;}
.shortvideo-container > div.m-skilllist{padding:0;}
.shortvideo-container > div.left{padding:10px 20px;}
.shortvideo-container > div.right .m-titlebox{background-color: #f8f7ff;padding:0 20px;}
.shortvideo-container .medialist > div{width:185px;margin:0 20px;}
.shortvideo-container .medialist > div img{width:185px;height:320px;}
.svdesign-container{padding:0 20px;}
.svdesign-container dl{margin-top: 20px;}
.svdesign-container dl dd{margin-top: 10px;}

/* 短视频分发 */
.shortvideodist .svdist-container{padding:0;}
.shortvideodist .sidebar{width:300px;padding:20px;}
.shortvideodist .sidebar dt{width:185px;margin:10px auto 0;}
.shortvideodist .svdist-body{padding:20px;}

.shortvideodist .work-list li{width:120px;background-color: #fff;text-align: center;position: relative;border-radius: 4px;;padding:10px;margin-left:0;margin-right:20px;cursor: pointer;
  overflow:hidden;border:1px solid #e3e1dd;}
.shortvideodist .work-list li.selected{box-shadow: 1px 1px 2px rgb(219 226 240 / 10%), 4px 4px 10px #f0f1f5;border-color: #725BFE;}
.shortvideodist .work-list span img{width:50px;}

.shortvideodist .dist-item .logo img{border-radius: 4px;padding: 10px;border:1px solid #e3e1dd;background-color: #fff;width:80px;box-shadow: 1px 1px 2px rgb(219 226 240 / 10%), 4px 4px 10px #f0f1f5;}
.shortvideodist dd{margin-top: 10px;}
.shortvideodist dd h3{width:260px;}
.shortvideodist .dist-item-con {flex:1;}
.shortvideodist .dist-item-con dl{display: flex;display: -webkit-flex;}
.shortvideodist .dist-item-con dt{font-weight: normal;width:50px;}
.shortvideodist .dist-item-con dd{flex:1;-webkit-flex:1;margin-left:10px;margin-top: 0;}
.shortvideodist .dist-item-con dd input{margin-top: 0;}

.shortvideodist.postertrans .work-list span img{width:100px;}
.shortvideodist.postertrans .work-list{padding:10px;}
.shortvideodist.postertrans .work-list li{margin:0 15px;}

/* 粉丝互动传播 */
.fansintercomm{width:520px;}
.fansintercomm .echart-item-body{background-color: #fff;border:1px solid #e3deff;padding: 10px;border-radius: 4px;}
.m-fansintercomm-con .m-ipad{margin-top:38px;}

/* ipad */

.m-ipad{width:100%;height: 502px;background-color: rgba(244, 245, 247, 1);border:1px solid rgba(200, 205, 218, 1);border-radius: 10px;padding:0 10px;}
.m-ipad-header{text-align: center;padding:5px 0;}
.m-ipad-header span{display: inline-block;width: 100px;height:8px;border-radius: 10px;background-color: #c8cdda;}
.m-ipad-body{display: flex;flex-direction:row;height:460px;background-color: #fff;border-radius: 10px;border:1px solid #725BFE;}

.m-ipad-body >div{display: flex;flex-direction: column;height:458px;}

.m-ipad-body .menu-bar a{text-align: center;padding:10px 0;color:#A7AFC3;}
.m-ipad-body .menu-bar{width:50px;justify-content: center;align-items: center;}
.m-ipad-body .menu-bar a i{display: block;padding-bottom: 3px;}
.m-ipad-body .menu-bar a.cur{color:#725bfe;}

.m-ipad-body .message-list{width:200px;height:458px;overflow-y: auto;background-color: #725bfe;border-left:1px solid #725BFE;padding-top: 10px; border-radius: 10px 0 0 10px;}
.m-ipad-body .message-list dl{padding:5px 10px;position: relative;}
.m-ipad-body .message-list dl.active,
.m-ipad-body .message-list dl:hover{background-color: rgba(255, 255, 255, 0.4);cursor: pointer;}
.m-ipad-body .message-list dt{margin-right: 10px;}
.m-ipad-body .message-list dd{flex:1;-webkit-flex:1;width:120px;}
.m-ipad-body .message-list .img-wrapper img{width:40px;height:40px;border-radius: 100%;}
.m-ipad-body .message-list dd h3{color:#fff;width:100%;}
.m-ipad-body .message-list dd p{color:rgba(255, 255, 255, 0.4);font-size:12px;width:100%;}

.m-ipad-body .unread{position: absolute;top:5px;right:5px;background:#ff4141;color:#fff;font-size:12px;padding:1px 6px;border-radius: 10px;}

.message-container{flex:1;position: relative;}
.message-con-header{padding:5px 10px;text-align: center;}
.message-con-header a.dis{color:#eee;cursor: default;pointer-events: none;}
.message-con-body .date,
.message-con-body  .new-message{font-size:12px;color:#A7AFC3;text-align: center;padding:3px 0;}
.message-container .chatbox .img-wrapper img{width:40px;height:40px;}
.message-container .chatbox{height: 380px;border:none;}

.message-con-bottom{position: absolute;left:0;bottom:0;right:0;background-color:#fff;border-radius: 0 0 10px 10px;overflow:hidden;}
.message-con-bottom .message-con-top{background-color: #f1efff;padding:10px;display: flex;flex-direction: row;align-items: center;}
.message-con-bottom input{width:300px;background-color: rgba(240, 240, 240, 1);flex:1;}
.message-con-bottom .radius-button{background-color: #725bfe;color:#fff;width:26px;height:26px;line-height: 21px;border-radius: 4px;display: inline-block;text-align: center;}
.message-con-bottom .radius-button-send{width:40px;line-height: 26px;}


.message-con-list{display: flex;flex-direction:row;justify-content: space-around;padding:5px 10px;}
.message-con-list a{display: flex;flex-direction: column;text-align: center;color:#A7AFC3;font-size:12px;}
.message-con-list a i{padding-bottom: 5px;font-size: 18px;}
.message-con-list a.cur,
.message-con-list a:hover{color:#725bfe;}
.message-con-list a.dis{color:#eee;pointer-events: none!important;cursor: default!important;}



/* 战绩海报传播 */
.m-posterdesignbox { width: 400px; padding: 20px;}
.m-posterdesign .posterimg { position: relative; width: 360px; height: 720px; overflow: hidden;}
.m-posterdesign .posterimg img { max-width: 360px; max-height:720px;border-radius: 4px;}
.m-selectlist .selectintro { display: inline-block; width: 150px; margin-left: 10px; color: #657296;}
.m-anchorselect { padding:10px;}
.m-anchorselect li { width: 150px; position: relative;border-radius: 4px;border:1px solid #A7AFC3; box-shadow: 0 0 8px rgba(101,113,254,.3); overflow: hidden;height:70px;line-height: 70px; margin:0 15px; text-align: center;}
.m-anchorselect li a {font-size:16px;color:#657296;}
.m-anchorselect li .icon-confirm{ line-height: 1.3; right:4px;}
.m-platformsel { text-align: center; padding: 0 50px;}
.m-platformsel li {  flex:1; margin: 0 10px; text-align: center;}
.m-platformsel li .u-checkbox,.m-platformsel li .u-radio { margin-right: 5px;}
.flatforms { display: block;}
.m-platformsel .flatforms { width: 173px; height: 40px; margin: 0 auto 10px;}
.flatforms.logo1 { background:#fff url(../../images/student/platforms.png) -999px -999px no-repeat; background-position: 0 0;}/*淘宝直播*/
.flatforms.logo2 { background:#fff url(../../images/student/platforms.png) -999px -999px no-repeat; background-position: 0 -40px;}/*抖音直播*/
.flatforms.logo3 { background:#fff url(../../images/student/platforms.png) -999px -999px no-repeat; background-position: 0 -80px;}/*快手直播*/
.flatforms.logo4 { background:#fff url(../../images/student/weibo.png) 50% 50% no-repeat; background-size: 100% 100%;}/*微博*/
.flatforms.logo5 { background:#fff url(../../images/student/weixin.png) 50% 50% no-repeat; background-size: 100% 100%;}/*微信*/
.flatforms.logo6 { background:#fff url(../../images/student/pengyouquan.png) 50% 50% no-repeat; background-size: 100% 100%;}/*朋友圈*/
.flatforms.logo7 { background: url(../../images/student/toutiao.png) 50% 50% no-repeat; background-size: 100% 100%;}/*头条号*/
.m-platformsel.distribute .flatforms { display: block; width: 60px; height: 60px; margin: 0 auto 10px;}
.m-setdistribute { font-size: 16px;}
.m-setdistribute .flatforms { width: 60px; height: 60px; padding: 10px; border-radius:4px; border:1px solid #C8CDDA; margin-right: 10px; margin-top: 10px;}
.m-setdistribute textarea { width: 100%;}
.m-setdistribute div:last-child { flex: 1;}




/* 选择商品 */
.message-container .ipad-content{position: absolute;top:0;right:0;bottom:0;left:0;background:#fff;padding:10px 20px;border-radius: 10px;z-index:110;overflow-y: auto;}
.message-container .ipad-content .m-titlebox{overflow:hidden;}
.message-container .selgoods li{width:calc(50% - 10px);position: relative;border-radius:4px;background-color:#fff;padding:10px;margin-bottom:10px;overflow:hidden;box-shadow: 0 0 10px rgb(101 113 254 / 20%);-webkit-transition: .2s ease-in-out; transition: .2s ease-in-out;}
.message-container .ipad-content li:hover{-webkit-transform: scale(1.05); transform: scale(1.05);}
.message-container .ipad-content .img-wrapper{width:100%;height:125px;display: flex;justify-content: center;align-items: center;}
.message-container .ipad-content .img-wrapper img{max-width: 100%;max-height: 100%;}
.message-container .ipad-content .u-button.small{font-size:14px;}
.message-container .selgoods li:nth-child(odd){float:left;}
.message-container .selgoods li:nth-child(even){float:right;}
.message-container .selgoods li .title{width: 130px;text-align: left;margin-top: 5px;}
.message-container .selgoods li .goods-bottom{margin-top: 5px;}
.message-container .selgoods li .goods-bottom .price{color:#ff4141;line-height: 28px;}
.message-container .selgoods li .goods-bottom .u-button{min-width: 40px;font-size:12px;height: 22px;line-height: 22px;}

/* 相册 */
.message-container .selphotos-container{height:380px;overflow-y: auto;}
.message-container .selphotos li{width:calc(33.33% - 10px);float:left;margin-right: 10px;margin-bottom:10px;background:none;box-shadow: none;position: relative;border-radius: 4px;overflow: hidden;}
.message-container .selphotos li .img-wrapper{height:80px;}
.message-container .selphotos li .img-wrapper img{border-radius: 4px;}
.message-container .selphotos .m-cornermarker .select{zoom:0.6;}
.message-container .selphoto-button{position: absolute;left:0;right:0;bottom:0;padding:10px 0;text-align: center;}
.message-container .selvideos li{box-shadow: 0 0 10px rgb(101 113 254 / 20%);-webkit-transition: .2s ease-in-out;transition: .2s ease-in-out;}
.message-container .selvideos li h3{padding:5px;width:98%;font-size:12px;}
.message-container .selvideos li .img-wrapper{height:125px;}

.message-container .poster2-logo,
.message-container .selphotos li .poster2-hoster,
.message-container .selphotos li .poster2-title,
.message-container .poster2-name,
.message-container .poster-status,
.message-container .poster-liveata,
.message-container  .custom-theme span{zoom: .15;transform: scale(.15);}
.message-container .selphotos li .poster2-hoster{transform: scale(1);}

.message-container .poster2-logo{top:20px;left:33%;transform: scale(1);zoom: .2;}
.message-container .selphotos li .poster-title{top:45%;}
.message-container .selphotos li .poster2-title{margin-top:0;transform: scale(1);}
.message-container .poster2-name{top:43%;}
.message-container .poster2-name,
.message-container .poster-status{left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);margin-left:-70px;}
.message-container .poster-status{top:54%;left:52%;}
.message-container .poster-liveata{right: 0;top: 295px;transform: scale(.2);width: 815px;}
.message-container .poster-liveata dd{font-size:22px;height:27px;}
.message-container  .custom-theme{top: 60%;font-size: 12px;transform: scale(0.4);    transform-origin: center center;}

.reply-container{position: relative;}

.reply-container .poster-status, 
 .reply-container .poster-liveata{
  zoom: .3; 
}

.reply-container .poster2-hoster { transform: scale(0.3); transform-origin:50% -10%;}
.reply-container .poster2-title { transform: scale(0.3); transform-origin:50% -160%;}
.reply-container .poster2-name { transform: scale(1); transform-origin:50% -180%;left:17%;}
.reply-container  .custom-theme span{transform: scale(1); zoom: 1;}
.reply-container  .custom-theme{font-size: 12px;transform: scale(0.4);transform-origin: center center; width: 273px; margin-left: -98px;}

.reply-container .poster2-title{margin-top:50px;}
.reply-container .poster-liveata{left:7%;right:7%;top: 342px;transform: scale(.4);width: 370px;}
.reply-container .poster-status{top:52%;}
.reply-container .poster2-hoster{top:40px;}
.message-container .reply-container .custom-theme{top:98px;}
.reply-container .poster2-logo{top:15px;left:15px;transform: scale(1);zoom: 0.25;}


.message-container .selphotos-container li{}


/* 预览海报 */
.poster-preview{width:360px;margin:0 auto;text-align: center;}
.poster-preview-wrapper{position: relative;width:360px;margin:0 auto;}
.poster-preview .img-wrapper img{border-radius: 4px;width:360px;height:720px;}

/* 背景 */
.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;}
.poster-title{position: absolute;top:80px;left:50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);z-index:12;}
.custom-theme{position: absolute;top:60%;left:10px;right:10px;text-align: center;font-weight: bold;}
.custom-theme span{color:#fff;font-size: 24px; font-weight: 700;}
.poster-liveata { position: absolute;bottom:20px;left:20px;right:20px;text-align: right; color:#fff;}
.poster-liveata dt { font-size: 16px;}
.poster-liveata dd { font-size: 30px; height:40px; width: 100%;}

/* 商品预览 */
.poster1-product{position: absolute;top: 117px;right: 0;left:20px;}
.poster2-product{position: absolute;top: 80px;right: 20px;}
.poster3-product{position: absolute;top: 150px;left: 20px;}
/* logo */
.poster1-logo{position: absolute;bottom: 30px;left: 35px;}
.poster2-logo{position: absolute;top: 15px;left: 15px;}
.poster3-logo{position: absolute;top: 15px;left: 15px;}
/* 主播 */
.poster1-name{position: absolute;bottom:145px;left:33px;}
.poster2-name{position: absolute;top: 285px;left: 40px}
.poster3-name{position: absolute;top: 142px;right: 57px;}

/* 人设 */
.poster-status{position: absolute;top: 350px;left: 42px}

/* 玩法 */
.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;}

.m-videoshowbox { position: relative;}
.m-videoshowbox .icon-play { cursor: pointer; display: block; width:36px; height: 36px; line-height: 36px; font-size: 24px; text-align: center; position: absolute; z-index: 1000; background: rgba(0, 0, 0, 0.6); border-radius: 100%; color: #fff;}

/* 20210524 新增 */
.paypromo .template h3{margin-bottom: 20px;}
.paypromo .template{top:-45px;position: relative;}

/* 20211110 新增 */
/* 月份选择 */
.m-monthselect { width: 340px;}
.m-monthselect li { float: left; width:80px; height: 36px; padding: 5px 10px; text-align: center; margin:0 5px 5px 0; cursor: pointer; border-radius: 5px;}
.m-monthselect li.cur { background:#725bfe; color: #fff;}

.m-picsel { flex-wrap: wrap;}
.m-picsel li { width:150px; height: 150px; margin:1px; background: #eee; position: relative; padding: 5px;}
.m-picsel li img { max-width:100%; max-height: 100%;}

/* 20220505 add 商品直播排期 促销节点*/
.monthlist li{border:1px solid rgba(200, 205, 218, 1);padding:5px;}