.clcross{/*border:1px #f4f3f7 solid;padding:20px;*/ 
padding:0 0 0.1em 0;
margin-top:50px;
position:relative;
box-shadow:
  0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
  0 100px 80px rgba(0, 0, 0, 0.12)
;}

.clcross .clhead{background-color:#8347ad;color:#fff;border-radius: 10em;font-weight: 600;padding: 4px 15px;display:inline-block;position:absolute;margin-top:-15px;}
.clcross .clhead .clnext{opacity:0.5;}
.clcross ul{padding-left: 16px !important;padding-top: 1.8em !important;}
.clcross li{position:relative;margin-bottom: 0.4em !important;font-weight:bold;}
#articlebody .clcross li:before{border:0 !important;content:"\f0c1" !important; font-family: 'Font Awesome 5 Pro',FontAwesome,helvetica,arial,sans-serif;font-size:inherit;font-weight:900;padding-right:0px !important; transform: rotate(0deg) !important; -webkit-transform: rotate(0deg) !important; -ms-transform: rotate(0deg) !important;}

.clcross li .pparent{color:#000;background-color:rgba(155,155,155,0.2) !important;position:relative;white-space:nowrap;margin-left:9px;display:inline-block;font-weight:600;font-size:0.5em;text-transform:uppercase;padding:0px 9px !important;border-radius:10em;transition: all 0.2s ease-in-out;}

.clcross .btn-expand-solo{width:15px;height:15px;padding:3px 17px 21px 7px !important;margin-left:9px;background-color:#eee;border-radius:50%;color:#666;font-weight:normal;}
.clcross .btn-expand-solo:hover{background-color:#999;}
.clcross .crossdet{font-weight:normal;font-size:0.8em;padding-bottom:12px;margin-right:15px;line-height:1.4em;border-bottom:1px #eee solid;}