* { margin: 0; padding: 0; }

body { margin: 0; padding: 0; font-family: "PingFang SC,Hiragino Sans GB,Heiti SC,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica,Tahoma,Arial"; min-width: 1024px; overflow: hidden; font-size: 14px; }

html { background: white; }

h1, h2, h3, h4, h5, h6, p { font-weight: normal; }

.clear { clear: both; }

a { text-decoration: none; cursor: pointer; }
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
a:focus{
	text-decoration: none;
}
ul, li { list-style: none; margin: 0; padding: 0; list-style-position: outside; }

img { border: none; }

:after, :before { box-sizing: inherit; }

input { outline: medium; }

.left { float:left; }
.right { float:right; }


#root,
#root > div,
.App { height: 100%; }

img { max-width: 100%; border: none; vertical-align: middle; }


.hsmc .hs-li { padding:15px; }
.hsmc .hs-li .tp-title { display: block; font-weight:normal; font-size:14px; }
.hsmc .hs-li span { display:block; }
/* 主动流程 */
.L-main { width: 100%;display: flex; flex-direction: row; flex: 1 1; }
.L-main .glyphicon-plus { margin-right:10px; }
.L-main .lc-xx { overflow: auto; width: 140px; }
.L-main .content { display: flex; flex-direction: row; flex: 1 1; overflow:hidden;}
.L-main .content .mandarin-txt { overflow-y:auto; }
.L-main .lc-xx .tj { width: 100%;height: 32px; }
.L-main .lc-xx ul { }
.L-main .lc-xx ul li { margin: 10px 10px 10px 0; cursor: pointer; position: relative; padding: 20px 10px; border-radius: 3px; background: #f8f9fb; border: 1px solid #f8f9fb; }
.L-main .lc-xx .icon { position: absolute; display: none; top: 5px; right: 5px; border-radius: 3px; width: auto; z-index: 100; background-color: #dfeaf9; }
.L-main .lc-xx .icon i { display: inline-block; padding: 2px; }
.L-main .lc-xx ul li:hover .icon { display: block; }

/* 话术流程 */
#Active { width: 100%; height: 100%; }
#Active .title { float: left; width: 120px; background: rgb(247, 247, 247); cursor: auto;padding:5px; }
#Active .mandarin, #Active .skip { border: 1px solid #ededed; width: 100%; margin-bottom:10px; padding:10px; background:#fff; }
#Active .mandarin span, #Active .skip span { display:block;padding:5px; }
#Active .contact .gp { }
#Active .contact .gp label { display:block;width:90px; }
#Active .contact .form-group { display: flex; flex-direction: row; }
#Active .contact .form-group label { display: block; }
#Active .contact .form-group .ans .checkbox-wrapper { margin-left:20px; }


.content { margin: 0px auto; background-color: #ffffff; padding: 20px; }
.tabbed_content { background-color: #fff; width: 620px; }
.tabs { height: 62px; position: relative; }
.tabs .moving_bg { padding: 15px; background-color: #fff;  position: absolute; width: 125px; z-index: 190; left: 0; padding-bottom: 29px; background-position: bottom left; background-repeat: no-repeat; }
.tabs .tab_item { display: block; position:relative; float: left; padding: 15px; color: #000; text-align: center; z-index: 200; position: relative; cursor: pointer; border:1px solid #efefef; }
.tabbed_content .slide_content { overflow: hidden; background-color: #fff; padding: 20px 0 20px 20px; position: relative; width: 600px; }
.tabslider { width: 5000px; }
.tabslider ul { float: left; width: 540px; margin: 0px; padding: 0px; margin-right: 40px; }
.tabslider ul a { color: #000; text-decoration: none; }
.tabslider ul a:hover { color: #aaaaaa; }
.tabslider ul li { padding-bottom: 7px; }

.tab_item .icon { position: absolute; display: none; top: 0; right: 0; border-radius: 3px; width: auto; z-index: 100; background-color: #dfeaf9; }
.tab_item .icon i { display: inline-block; padding: 2px; }
.tab_item:hover .icon { display: block; }