@charset "utf-8";

/* by Sean Lu 20210416 */

/* 移动端全局控制reset */

body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0; }

article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display: block; }

body { font-size: 100%;  font-family: Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0); background: #fff; }

textarea { resize: none; }

iframe,img { border:0; }

ul,ol { list-style:none; }

input, select, textarea { outline: 0; -webkit-user-modify: read-write-plaintext-only; }

/* input { -webkit-appearance: none; } */

a { text-decoration: none; color: #000; }

a:hover { text-decoration: none; color: #000000; }



/* 清理浮动 */

.clearfix { clear: both; zoom: 1; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }



/* 全局浮动 */

.fl { float: left; }

.fr { float: right; }



/* 圆细滚动条样式 20180601 */

::-webkit-scrollbar{width:5px;height:5px;}

::-webkit-scrollbar-button:vertical{display:none;}

::-webkit-scrollbar-track:vertical{background-color:black}

::-webkit-scrollbar-track-piece{background:#FFF}

::-webkit-scrollbar-thumb:vertical{background-color:#c2c2c2;}

::-webkit-scrollbar-thumb:vertical:hover{background-color:#A0A0A0}

::-webkit-scrollbar-corner:vertical{background-color:#535353}

::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

::-webkit-scrollbar-thumb { border-radius   : 10px;background-color: #3471fa;}



/* 拖选文字样式 20160628 */

::selection { background: #3471fa; color: #fff; }

::-moz-selection { background: #3471fa; color: #fff; }



.wrapper { margin: 0 auto; width: 1636px; }



.fl { float: left; }

.fr { float: right; }





.jt_side { background: #8b85a9; width: 100px; position: fixed; top: 0; left: 0; bottom: 0; padding-bottom: 80px; z-index: 99; }

.jt_side .jt_logo { background: #7B7599 url(../img/jtlogo.png) no-repeat center; background-size: 40px; height: 60px; }

.jt_side .jt_logo span { font-size: 30px; color: #fff; line-height: 80px; text-align: center; font-weight: bold; display: none; }

.jt_side .jt_nav { overflow: hidden; overflow-y: auto; max-height: calc(100vh - 160px); }

.jt_side .jt_nav .nul { overflow: hidden; }

.jt_side .jt_nav .nul .nli { text-align: center; }

.jt_side .jt_nav .nul .nli .na { display: block; padding: 20px 0; text-decoration: none; opacity: .6; -webkit-transition: all .2s; transition: all .2s; }

.jt_side .jt_nav .nul .nli .na:hover { opacity: 1; }

.jt_side .jt_nav .nul .nli.on .na { opacity: 1; background: #b0a1c3; }

.jt_side .jt_nav .nul .nli .na img { display: block; width: 30px; height: 30px; margin: 0 auto; }

.jt_side .jt_nav .nul .nli .na span { display: block; margin-top: 5px; font-size: 14px; color: #fff; }

.jt_side .jt_sidefoot { position: absolute; bottom: 0; left: 0; right: 0; line-height: 20px; font-size: 12px; color: rgba(255,255,255,.3); text-align: center; padding: 20px 0; }

.jt_side .jt_sidefoot a { color: rgba(255,255,255,.3); text-decoration: none; -webkit-transition: all .2s; transition: all .2s; }

.jt_side .jt_sidefoot a:hover { color: #fff; }





.jt_header { background: #796476; height: 60px;border-bottom: 1px solid #dedede; position: fixed; top: 0; left: 100px; right: 0; z-index: 10001; padding: 0 10px 0 10px; }

.jt_header a{ color: #FFF}

.jt_header .nam { float: left; line-height: 60px; font-size: 16px; font-weight: bold; }

.jt_header .nam a { text-decoration: none; }

.jt_header .nam .layui-badge { margin-left: 4px; }

.jt_header .nam .layui-badge.jtui-bg-blue { background: #3471fa; }

.jt_header .more { float: right; }

.jt_header .more .item { float: left; padding: 10px 0; }

.jt_header .more .item a { display: block; padding: 0 20px 0 26px; background: url(../img/iconimg03.png) no-repeat 0 center; background-size: 18px auto; font-size: 14px; line-height: 40px; position: relative; }

.jt_header .more .item.it02 a { background-image: url(../img/iconimg01.png); }

.jt_header .more .item.it03 a { background-image: url(../img/iconimg05.png); }

.jt_header .more .item.it04 a { background-image: url(../img/iconimg07.png); }

.jt_header .more .item.it05 a { background-image: url(../img/iconimg06.png); }

.jt_header .more .item a .dot { position: absolute; top: 50%; right: 0; width: 10px; }

.jt_header .more .item a .dot:before, .jt_header .more .item a .dot:after { position: absolute; width: 6px; height: 1.5px; background-image: linear-gradient(90deg,rgba(0,0,0,.5),rgba(0,0,0,.5)); border-radius: 2px; transition: background .3s cubic-bezier(.645,.045,.355,1),transform .3s cubic-bezier(.645,.045,.355,1),top .3s cubic-bezier(.645,.045,.355,1); content: ""; }

.jt_header .more .item:hover a .dot:before, .jt_header .more .item:hover a .dot:after { background: linear-gradient(90deg,#3471fa,#3471fa); }

.jt_header .more .item a .dot:before { transform: rotate(-45deg) translateX(2px); }

.jt_header .more .item a .dot:after { transform: rotate(45deg) translateX(-2px); }







.jt_main { position: absolute; top: 60px; left: 100px; right: 0; background: #f3f3f5; bottom: 0; }



.jt_mainside { position: fixed; top: 60px; left: 100px; background: #c2b6c7; width: 160px; bottom: 0; border-right: 1px solid #dedede; box-shadow: 2px 0 8px 0 rgba(29,35,41,.05); visibility: hidden; opacity: 0; box-sizing: border-box; -webkit-transform: translateX(0); transform: translateX(0); z-index: 1000; }

.jt_main.jt_mainbig .jt_mainside { visibility: visible; opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }

.jt_mainside .nam { font-size: 18px; padding: 20px 20px;border-bottom: 1px solid #dedede; color: #665b6b; }

.jt_mainside .list { overflow: hidden; }

.jt_mainside .list .uli .ua { display: block; line-height: 24px; font-size: 14px; padding: 16px 20px; -webkit-transition: all .2s; transition: all .2s; color: #666; }

.jt_mainside .list .uli .ua img { display: inline-block; width: 16px; height: 16px; margin-right: 10px; vertical-align: middle; }

.jt_mainside .list .uli .ua:hover { color: #7a8bab; background: #f3f3f5; }

.jt_mainside .list .uli.on .ua { color: #7a8bab; background: #d4d4e9; font-weight: bold; }



.jt_mainwrap { position: absolute; top: 0; left: 0; right: 0; background: #f3f3f5; }

.jt_main.jt_mainbig .jt_mainwrap { left: 160px; }

.jmwheader { background: #fff; padding: 0px; border-bottom: 1px solid #dedede; }

.jmwheader .name { line-height: 36px; font-size: 16px; padding-left: 10px; color: #fff; margin-top: 0px; background: #a58ba5;}

.jmwheader .text { line-height: 24px; font-size: 14px; color: #666; margin-top: 10px; }

.jmwheader .jmwul { margin-top: 20px; overflow: hidden; margin-bottom: 0px; margin-left: 22px}

.jmwheader .jmwul .item { float: left; margin-right: 40px; }

.jmwheader .jmwul .item:last-child { margin-right: 0; }

.jmwheader .jmwul .item a { display: block; line-height: 40px; font-size: 16px; border-bottom: 2px solid #cd9797; text-decoration: none; color: #0a2b59}

.jmwheader .jmwul .item.on a { border-bottom-color: #3471fa; color: #3471fa; }


.jt_tjs{background: #fff;margin-bottom: 10px;  padding: 5px; }
.jt_tjs h2{ font-size: 14px; font-weight: bold; padding: 5px}
.jt_tjs ul{width: 50%}
.jt_tjs li.te{ display: flex;width: 100%; flex-direction: row; justify-content: flex-start; padding: 5px}
.jt_tjs p{ padding: 5px}


.jt_childwrap { margin: 24px; }

.jt_xs{background: #fff;margin-bottom: 10px; display: flex; padding: 5px}
li.liimg{ height: 200px;display:block}
.liimg img{ width:50px;height: 50px;}
.jt_xs_lf{ margin-right: 20px;  border-right:1px solid cornsilk; width: 450px}
.jt_xs_lf .jt_xs_lf_up {display: flex; width: 450px}
.jt_xs_lf .jt_xs_lf_up .jtxsleft{ margin-right: 20px;}
.jt_xs_lf .jt_xs_lf_up .jtxsright{ margin: 10px;font-size: 12px}
.jt_xs_lf .jt_xs_lf_up .jtxsright li{ height: 30px}

.jt_xs_lf .jt_xs_lf_up .jtxsleft img{width: 239px;height: 242px;}

.jt_xs_lf .jt_xs_lf_down {display: flex; justify-content:space-around; align-items: center;margin-top: 10px}
.jt_xs_lf .jt_xs_lf_down li{ font-size: 12px;display: flex;justify-content:space-around;flex-direction: column }
.jt_xs_lf .jt_xs_lf_down li p{justify-content: center;text-align: center;margin-top: 5px}
.jt_xs_lf .jt_xs_lf_down img{ width:50px;height: 50px;}

.jt_tj{background: #fff;padding: 15px; margin-bottom: 10px}
.jt_tj ul{display:flex;justify-content:space-around; }
.jt_tj ul li{ padding: 0px 10px 0px 10px; border:2px solid #f3f3f5; width: 204px;height: 92px;display:flex;align-items: center;justify-content:space-around;}
.jt_tj .sz{ font-size: 50px; color: #F59A23;text-decoration: underline;}
.jt_tj .sz a{color: #F59A23}


.jt_tj_adm{background: #fff;padding: 15px; margin-bottom: 10px}
.jt_tj_adm ul{display:flex;flex-wrap: wrap}
.jt_tj_adm ul li{ padding: 0px 10px 0px 10px; border:2px solid #f3f3f5; margin-right: 20px; width: 160px;height: 92px;display:flex;align-items: center;justify-content:space-around;margin-bottom: 10px}
.jt_tj_adm .sz{ font-size: 40px; color: #F59A23;text-decoration: underline;}
.jt_tj_adm .sz a{color: #F59A23}


.jt_tj_xx{background: #fff;padding: 15px; margin-bottom: 10px;}
.jt_tj_xx ul{display:flex; flex-wrap: wrap; width: 1000px}
.jt_tj_xx ul li{  width: 150px; height: 60px;}
.jt_tj_xx ul li p{ display: block; align-items: center; text-align: center; height: 25px; font-size: 14px}

.jt_tj_xx ul li p.xhx{  color: #0c5460}

.jt_seawrap_adm { background: #fff; padding: 10px; font-size: 14px; color: #666; margin-bottom: 10px}

/*详情页面*/
.jt_hw{background: #fff;padding: 40px}

.jt_hw .jt_hw_tip{ background: #8b85a9; padding: 10px}

.jt_hw_state{ }
.jt_hw_state ul{ display: flex; align-items: center}
.jt_hw_state ul li{ height: 25px; background: #1ABC9C; border:1px solid cornsilk; padding: 0px 5px 0px 5px;margin-right: 15px;color: #f3f3f5}
.jt_hw_state ul li a{ color: #f3f3f5}
/*.jt_hw_state ul li:hover{ background: #1abc9c; color:#000000}*/

/*.jt_hw_state ul li:hover a{ background: #f3f3f5; color:#000000}*/

.jt_hw_top{ }

.jt_hw_detail{ }

.layui-box-x {
	position: relative; /* 作为箭头的定位容器 */
	width: 200px;      /* 容器宽度，可自定义 */
	height: 60px;      /* 容器高度，可自定义 */

}

/* 主体矩形 */
.box-main {
	display: flex;
	align-items: center;
	width: calc(100% - 35px); /* 减去箭头宽度，避免重叠 */
	height: 100%;
	background-color: #96a2b4; /* 示例灰色，可自定义 */
	padding-left: 20px;
	color: #f3f3f5;
	font-size: 16px;
	font-weight: bold;
}

/* 箭头三角形（利用 CSS 边框实现） */
.box-arrow {
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	border-top: 30px solid transparent;    /* 上边框透明 */
	border-bottom: 30px solid transparent; /* 下边框透明 */
	border-left: 30px solid #96a2b4;       /* 左边框为主体同色，形成三角形 */
}



.layui-form-select dl dd.layui-this { background: rgba(52,113,250,.1); color: #333; font-weight: bold; }

.layui-form-select .layui-edge {overflow: visible; }

.layui-form-select .layui-edge:after { position: absolute; top: -8px; left: -6px; border: 6px solid transparent; border-top-color: #fff; content: ''; display: block;; width: 0; height: 0; }



.layui-textarea { border-color: #d9d9d9; }

.layui-textarea:hover { border-color: #3471fa !important; }

.layui-input:focus, .layui-textarea:focus { border-color: #3471fa !important; box-shadow:0 0 0 2px rgba(24,144,255,.2); }



.jt_seawrap { background: #fff; padding: 24px; font-size: 14px; color: #666; }

.jt_seawrap .layui-form-item:last-child { margin-bottom: 0; }

.jt_seawrap .jt_seabtn { float: right; }

.jt_seawrap .layui-form-label { padding: 5px 10px; }

.jt_seawrap .layui-input, .jt_seawrap .layui-select, .jt_seawrap .layui-textarea { height: 30px; }

.jt_seawrap .layui-form-select dl { top: 34px; }



.jt_comlist { background: #fff; padding: 24px; margin-top: 24px; font-size: 14px; position: relative; }

.jt_comlist.hidden { display: none; }

.jt_comlist.jt_comlistfalse {pointer-events:none; }

.jt_comlist.jt_comlistfalse:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.1); backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); z-index: 2; }

.jt_comlist.jt_comlistfalse:after { content: '暂时无法操作'; position: absolute; z-index: 3; top: 50%; left: 50%; background: rgba(0,0,0,.6); padding: 10px 20px; font-size: 16px; color: #fff; border-radius: 4px; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }

.jt_comlist .layui-table td, .jt_comlist .layui-table th { border-left-color: transparent; border-right-color: transparent; }

.jt_comlist .layui-table-view .layui-table td, .jt_comlist  .layui-table-view .layui-table th { padding: 0 0; }

.jt_comlist .layui-table-tool { background: #fff; padding: 0 0 20px; }

.jt_comlist .layui-table-view { border-color: transparent; }

.jt_comlist .layui-table-tool-self { top: 0; right: 0; }

.jt_comlist .tableimg { height: 100%; }

.jt_comlist .layui-table-view .layui-form-checkbox span { font-size: 12px; padding: 0 5px; }

.jt_comlist .layui-table-view .layui-form-checkbox { line-height: 22px; height: 22px; padding-right: 22px; }

.jt_comlist .layui-table-view .layui-form-checkbox i { line-height: 22px; height: 22px; width: 22px; font-size: 12px; }

.jt_comlist .tips { font-size: 16px; margin-left: 4px; }

.jt_comlist .layui-table-page { padding-top: 20px; text-align: right; height: auto; }

.jt_comlist .layui-table-view .layui-table td[data-edit=text] { background: rgba(0,0,0,.02); }

.jt_comlist .layui-table-cell { height: 36px; line-height: 36px; }

.jt_comlist .layui-table-view .layui-form-checkbox[lay-skin=primary] i { line-height: 18px; height: 18px; width: 18px; }

/*.jt_costudent .layui-table-cell{ height: 100px;line-height: 100px;}*/






.layui-layer-btn a { font-size: 12px; }

.layui-layer-title { border-bottom: 0 !important; }



.tabledelclass .layui-layer-btn .layui-layer-btn0 { background-color: #ff4d4f; border-color: #ff4d4f; }



.jt_breadcrumb { line-height: 20x; height: 20px; font-size: 14px; display: none; }

.jt_breadcrumb a { color: #999; }

.jt_breadcrumb a:hover { color: #3471fa; }

.jt_breadcrumb a cite { color: #666; }

.jt_breadcrumb span { margin: 0 10px; color: #999; }



.jt_foottool { position: fixed; bottom: 0; left: 100px; right: 0; background: #fff; box-shadow: 0 -6px 16px -8px rgba(0,0,0,.08), 0 -9px 28px 0 rgba(0,0,0,.05), 0 -12px 48px 16px rgba(0,0,0,.03); padding: 24px; z-index: 999; border-top: 1px solid #dedede; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all .2s; transition: all .2s; }

.jt_foottool .layui-treeSelect.layui-form-selected .layui-anim { top: auto !important; bottom: 34px; }

.jt_foottool.on { -webkit-transform: translateY(0); transform: translateY(0); }

.jt_foottool .moretool { line-height: 30px; font-size: 12px; padding: 0 24px; }

.jt_foottool .moretool .layui-input { height: 30px; }

.jt_foottool .moretool .layui-form-selectup dl { bottom: 34px; }

.jt_foottool .moretool .move { display: inline-block; margin-left: 20px; color: #666; }

.jt_foottool .moretool .nowtxt { display: inline-block; margin: 0 10px; color: #666; vertical-align: middle; }

.jt_foottool .moretool .nowtxt strong { color: #3471fa; margin: 0 4px; }

.jt_foottool .addtool { text-align: center; }

.jt_main.jt_mainbig .jt_foottool { left: 260px; }



.jt_footer { font-size: 12px; line-height: 20px; color: #999; padding: 50px 0; text-align: center; }



.jt_addwrap { background: #fff; padding: 24px; }

.jt_addwrap .layui-tab { margin: 0; display: flex; }

.jt_addwrap .layui-tab-title { width: 200px; height: auto; border-bottom: 0; min-height: 40vh; }

.jt_addwrap .layui-tab-title li { border-right: 3px solid transparent; margin: 4px 0 8px; }

.jt_addwrap .layui-tab-title .layui-this:after { border: 0; }

.jt_addwrap .layui-tab-title .layui-this { color: #3471fa; background: #f3f3f5; font-weight: bold; border-right-color: #3471fa; }

.jt_addwrap .layui-tab-title li { display: block; }



.jt_addwrap .layui-tab-content { flex: 1 1 0%; padding: 20px 0 0 30px; border-left: 1px solid rgb(240, 240, 240); }



.qianbi i { margin-left: 4px; opacity: 0; visibility: hidden; }

.layui-table-hover .qianbi i { opacity: 1; visibility: visible; }





.filebox { width: 260px; height: 38px; padding-top: 0; }

.filebox .layui-btn { font-size: 12px; }

.filebox .file { display: block; box-sizing: border-box; line-height: 38px; height: 38px; position: relative; background: #f3f3f5; border: 1px solid #dedede; border-radius: 2px; width: 170px; font-size: 12px; padding: 0 20px; overflow: hidden; float: left; margin-right: 4px; }

.filebox .file input { position: absolute; top: 6px; left: -64px; font-size: 12px; opacity: 1; cursor: pointer; }





.layui-layer-tips .layui-layer-content { opacity: .75; }

body .layui-table-tips .layui-layer-content { opacity: 1; }

.layui-breadcrumb a:hover { color: #3471fa !important; }

.layui-input { border-color: #d9d9d9 !important; }

.layui-input:hover { border-color: #3471fa !important; }



.jt_formwrap { font-size: 14px; }

.jt_formwrap.jt_comlist { padding: 0; margin: 0; }

.jt_formwrap.jt_comlist .layui-table-view { margin: 0; }

.jt_formwrap .layui-form-label { width: 200px; }

.jt_formwrap .layui-form-label em { font-style: normal; font-size: 12px; color: rgba(0, 0, 0, 0.45); }

.jt_formwrap .layui-form-item { max-width: 900px; display: flex; }

.jt_formwrap .layui-form-item.bigitem { max-width: 100%; }

.jt_formwrap .layui-input-block { flex: 1 1 0%; margin-left: 0; }

.jt_formwrap .stip { font-size: 12px; color: rgba(0, 0, 0, 0.45); line-height: 20px; margin-top: 9px; }

.jt_formwrap .bigtips { font-size: 12px; border: 1px solid #faebcc; color: #8a6d3b; background-color: #fcf8e3; padding: 0 10px; line-height: 36px; }

.jt_formwrap .bigtips a.btbtn { color: #8a6d3b; margin: 0 6px; font-weight: bold; }

.jt_formwrap .bigtips a.btbtn:hover { color: #3471fa; }



.jt_formline { padding-top: 20px; margin-top: 20px; border-top: 1px solid #dedede; }





.nothing { background: url(../img/no.png) no-repeat center top; padding-top: 120px; background-size: auto 90px; text-align: center; font-size: 16px; line-height: 30px; color: #999; margin: 20px 0; }



.jt_picwrap { margin: 0; }

.jt_picwrap .list { margin: 20px 0; }

.jt_picwrap .list .item { width: 18.4%; float: left; margin-right: 2%; border-radius: 2px; margin-bottom: 20px; }

.jt_picwrap .list .item:nth-child(5n) { margin-right: 0; }

.jt_picwrap .list .item .img { width: 100%; height: 10vw; background-repeat: no-repeat; background-position: center; background-size: cover; }

.jt_picwrap .list .item .inf { border: 1px solid #d9d9d9; border-top: 0; padding: 10px 10px 15px; }

.jt_picwrap .list .item .nam { font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; margin: 0 0 10px; text-align: center; }

.jt_picwrap .list .item .btn { text-align: center; }

.jt_picwrap .list .item .pai { line-height: 24px; font-size: 12px; color: #999; height: 24px; overflow: hidden; margin-bottom: 10px; }

.jt_picwrap .list .item .pai iframe { margin: 0 auto; display: block; }

.jt_picwrap .list .item .pai span { float: left; margin-right: 4px; }

.jt_picwrap .pxbox { width: 40px; line-height: 22px; height: 22px; display: inline-block; vertical-align: middle; margin-right: 2px; font-size: 12px; text-align: center; padding-left: 0; }



.addpicwrap { padding: 20px 40px 10px 20px; font-size: 14px; }

.addpicwrap .stip { font-size: 12px; color: rgba(0, 0, 0, 0.45); line-height: 20px; margin-top: 6px; }

.addpicwrap .layui-textarea { border-color: #d9d9d9; }

.addpicwrap .layui-textarea:hover { border-color: #3471fa !important; }





.jt_jishuwrap { margin-top: 0; }

.jt_jishuwrap .list { margin-top: 20px; }

.jt_jishuwrap .list .item { width: 49%; float: left; margin-right: 2%; margin-bottom: 20px; border: 1px solid #dedede; padding: 20px; box-sizing: border-box; overflow: hidden; line-height: 30px; }

.jt_jishuwrap .list .item:nth-child(2n) { margin-right: 0; }

.jt_jishuwrap .list .item .nam { float: left; }

.jt_jishuwrap .list .item .nam a { display: block; height: 30px; overflow: hidden; }

.jt_jishuwrap .list .item .nam a i { color: #3471fa; margin-right: 4px; }

.jt_jishuwrap .list .item .btn { float: right; }

.jt_jishuwrap .list .item .btn .pai { float: left; height: 22px; margin-right: 10px; margin-top: 4px; }





.layui-treeSelect .ztree { padding: 0; }

.layui-treeSelect .ztree li { padding: 0 !important; }

.layui-treeSelect .ztree li a { display: block; line-height: 36px !important; padding: 0 5px 0 0; }

.layui-treeSelect .ztree li a:hover { background-color: #F6F6F6; -webkit-transition: .5s all;

 transition: .5s all; }

.layui-treeSelect .ztree li span.button.switch { float: left; line-height: 26px; width: 26px; height: 26px; text-align: center; color: #3471fa; font-weight: bold; z-index: 6; top: 0 !important; border-radius: 4px; margin: 5px; -webkit-transition: all .2s; transition: all .2s; }

.layui-treeSelect .ztree li span.button.switch:hover { background: #3471fa; color: #fff; }



.layui-treeSelect .ztree li span.button.switch.roots_docu { display: none; }

.layui-treeSelect .ztree li span.button { line-height: 36px; width: 36px; height: 36px; text-align: center; color: #999; }

.layui-treeSelect .ztree li ul.line:before { left: 15px !important; border-left-color: #ccc !important; }

.jt_seawrap .layui-treeSelect.layui-form-select .layui-anim { top: 34px !important; }

.jt_seawrap .layui-form-radio { margin-top: 1px; margin-right: 5px; }

.layui-treeSelect .ztree li a.curSelectedNode { background: rgba(52,113,250,.1) !important; color: #333 !important; font-weight: bold; }



.successwrap { background: #fff; padding: 5vw 5vw; }

.successwrap .icon { width: 6vw; height: 6vw; line-height: 6vw; font-weight: bold; background: #52c41a; color: #fff; text-align: center; border-radius: 50%; margin: 0 auto; }

.successwrap .icon i { font-size: 4vw; }

.successwrap .icon.icon2 { background: #3471fa; }

.successwrap .tit { font-size: 1.6vw; color: #333; text-align: center; margin: 1vw 0 .2vw; line-height: 1.5; }

.successwrap .txt { font-size: .8vw; color: #999; text-align: center; line-height: 1.5; }

.successwrap .btn { text-align: center; margin-top: 1vw; }

.successwrap .ipt { text-align: center; margin-top: 1vw; font-size: 14px; }

.successwrap .list { background: #fafafa; padding: 1vw; font-size: 14px; color: #333; border: 1px solid #dedede; border-radius: 4px; width: 60%; margin: 2vw auto 0; }

.successwrap .list .item { display: flex; border-bottom: 1px solid #eee; line-height: 1.5; padding: 10px 0; }

.successwrap .list .item:last-child { border-bottom: 0; }

.successwrap .list .item .ih { width: 30%; text-align: right; }

.successwrap .list .item .ib { flex: 1 1 0%; }



.jt_tablewrap { margin: 0; }

.jt_tablewrap .hd { margin-bottom: 20px; }

.jt_table { width: 100%; border-top: 1px solid #eee; border-bottom: 1px solid #eee; color: #666; }

.jt_table th { line-height: 36px; padding: 10px 15px; background: #fafafa; border-bottom: 1px solid #eee; font-weight: normal; text-align: left; box-sizing: border-box; }

.jt_table td { line-height: 36px; padding: 10px 15px; border-bottom: 1px solid #eee; -webkit-transition: all .2s; transition: all .2s; box-sizing: border-box; }

.jt_table tr:hover td { background: #fafafa; }

.jt_table .child01 { font-weight: bold; }

.jt_table .child02 { padding-left: 26px; background: url(../img/arrow_more.png) no-repeat left center; margin-left: 20px; }

.jt_table .child03 { padding-left: 26px; background: url(../img/arrow_more.png) no-repeat left center; margin-left: 40px; }

.jt_table .child04 { padding-left: 26px; background: url(../img/arrow_more.png) no-repeat left center; margin-left: 60px; }

.jt_table .child05 { padding-left: 26px; background: url(../img/arrow_more.png) no-repeat left center; margin-left: 80px; }

.jt_table .child06 { padding-left: 26px; background: url(../img/arrow_more.png) no-repeat left center; margin-left: 100px; }

.jt_table .child07 { padding-left: 26px; background: url(../img/arrow_more.png) no-repeat left center; margin-left: 120px; }

.jt_table .child08 { padding-left: 26px; background: url(../img/arrow_more.png) no-repeat left center; margin-left: 140px; }

.jt_table .child09 { padding-left: 26px; background: url(../img/arrow_more.png) no-repeat left center; margin-left: 160px; }

.jt_table .child10 { padding-left: 26px; background: url(../img/arrow_more.png) no-repeat left center; margin-left: 180px; }



.jt_formwrap.spclassadd .layui-form-item { margin-left: auto; margin-right: auto; }

.jt_formwrap.spclassadd .layui-form-label { width: 100px; }

.jt_formwrap .txt { padding: 9px 0; line-height: 20px; }





.talk_detail { padding: 0; }

.talk_detail .title { font-size: 20px; font-weight: bold; color: #333; line-height: 1.5; overflow: hidden; }

.talk_detail .title .tip { float: left; display: block; margin-top: 5px; padding: 0 10px; border-radius: 4px; background: #dedede; color: #666; font-weight: normal; font-size: 14px; margin-right: 6px; }

.talk_detail .content { font-size: 16px; color: #666; line-height: 1.5; margin: 10px 0; height: 200px; overflow-y: auto; }

.talk_detail .info { background: #f5f5f5; padding: 20px; border-radius: 6px; margin-bottom: 20px; font-size: 14px; overflow: hidden; }

.talk_detail .info .it { padding: 5px 10px; width: 50%; float: left; box-sizing: border-box; color: #666; line-height: 24px; border-bottom: 1px dashed #dedede; }



.tablelistimg { position: relative; color: #3471fa; margin-right: 6px; cursor: pointer; }

.tablelistimg img { position: absolute; top: -20px; left: 0; height: 56px; visibility: hidden; opacity: 0; }

.tablelistimg:hover img { visibility: visible; opacity: 1; }





.jt_comlist .layui-table-cell { padding-bottom: 10px; padding-top: 10px; height: 56px; }

.jt_costudent .layui-table-body .layui-table-cell { padding-bottom: 10px; padding-top: 10px; height: 80px; }





.wechatwrap { margin: 0; display: flex; }

.wechatwrap .wcbox { width: 350px; height: 54vh; background: #ededed; border: 4px solid #ededed; border-radius: 10px; overflow: hidden; position: relative; }

.wechatwrap .wcbox .hd { line-height: 26px; padding: 5px 10px; position: relative; }

.wechatwrap .wcbox .hd .time { font-size: 14px; color: #3b3b3b; }

.wechatwrap .wcbox .hd:after { content: ''; display: block; width: 50%; height: 16px; background: url(../img/wcboxicon01.jpg) no-repeat right center; background-size: auto 100%; position: absolute; right: 10px; top: 10px; }

.wechatwrap .wcbox .nd { position: relative; line-height: 30px; }

.wechatwrap .wcbox .nd .name { text-align: center; font-size: 16px; color: #111; font-weight: bold; }

.wechatwrap .wcbox .nd .name:before { content: ''; width: 30px; height: 30px; position: absolute; left: 10px; top: 0; background: url(../img/wcboxicon02.jpg) no-repeat center; background-size: 20px auto; }

.wechatwrap .wcbox .nd .name:after { content: ''; width: 30px; height: 30px; position: absolute; right: 10px; top: 0; background: url(../img/wcboxicon03.jpg) no-repeat center; background-size: 20px auto; }

.wechatwrap .wcbox .cd { margin: 20px 10px; overflow: hidden; }

.wechatwrap .wcbox .cd .img { width: 40px; height: 40px; overflow: hidden; border-radius: 4px; background: #fff; float: left; }

.wechatwrap .wcbox .cd .img img { display: block; width: 100%; }

.wechatwrap .wcbox .cd .txt { float: left; margin-left: 10px; width: 60%; background: #fff; border-radius: 4px; padding: 8px 10px; line-height: 24px; font-size: 14px; position: relative; color: #333; }

.wechatwrap .wcbox .cd .txt:before { content: ''; position: absolute; width: 0; height: 0; border: 6px solid transparent; border-right-color: #fff; top: 14px; left: -12px; }

.wechatwrap .wcbox .cd .txt .thd { font-size: 14px; color: #000; margin-bottom: 2px; }

.wechatwrap .wcbox .cd .txt .tbd { font-size: 12px; color: #999; line-height: 1.5; }

.wechatwrap .wcbox .cd .txt .tbd .timg { float: right; width: 50px; height: 50px; overflow: hidden; margin-left: 10px; padding-top: 2px; }

.wechatwrap .wcbox .cd .txt .tbd .timg img { display: block; width: 100%; }

.wechatwrap .wcbox .fd { position: absolute; left: 0; right: 0; bottom: 0; background: #f7f7f7; border-top: 1px solid #cacaca; display: flex; width: 100%; line-height: 50px; font-size: 14px; }

.wechatwrap .wcbox .fd .it { text-align: center; display: flex; color: #181818; position: relative;flex: 1; }

.wechatwrap .wcbox .fd .it:before { content: ''; width: 1px; height: 30px; top: 10px; left: 0; position: absolute; background: #dedede; }

.wechatwrap .wcbox .fd .it.itn { height: 50px; width: 50px; background: url(../img/wcboxicon04.jpg) no-repeat center; background-size: 24px;    flex: none; }

.wechatwrap .wcbox .fd .it.itn:before { display: none; }

.wechatwrap .wcbox .fd .it .ia { display: block; text-decoration: none; color: #181818; width: 100%; height: 50px; overflow: hidden; box-sizing: border-box; border: 1px solid #f7f7f7; }

.wechatwrap .wcbox .fd .it .ia:before { content: ''; display: inline-block; width: 10px; height: 10px; background: url(../img/wcboxicon05.jpg) no-repeat center; background-size: 9px auto; margin-right: 4px; }

.wechatwrap .wcbox .fd .it .ia:active { background: #dedede; }

.wechatwrap .wcbox .fd .it.add .ia { font-size: 24px; color: #3471fa; }

.wechatwrap .wcbox .fd .it.add .ia:before { display: none; }

.wechatwrap .wcbox .fd .it .ia.on { border-color: #3471fa; background: #fff; position: relative; z-index: 2; }

.wechatwrap .wcbox .fd .it .sub { background: #fff; border-radius: 2px; box-shadow: 0 0 20px rgba(0,0,0,.1); position: absolute; left: -10px; bottom: 51px; min-width: 130px; -webkit-transform: scale(.8); transform: scale(.8); opacity: 0; visibility: hidden; -webkit-transition: all .2s; transition: all .2s; }

.wechatwrap .wcbox .fd .it.on .sub { opacity: 1; visibility: visible; -webkit-transform: scale(1); transform: scale(1); }

.wechatwrap .wcbox .fd .it:last-child .sub { right: 0; left: auto; }

.wechatwrap .wcbox .fd .it .sub .si { line-height: 50px; height: 50px; overflow: hidden; text-align: left; border-bottom: 1px solid #e5e5e5; }

.wechatwrap .wcbox .fd .it .sub .si:last-child { border-bottom: 0; }

.wechatwrap .wcbox .fd .it .sub .si .sa { display: block; padding: 0 15px; height: 50px; font-size: 14px; color: #181818; white-space: nowrap; box-sizing: border-box; border: 1px solid #fff; }

.wechatwrap .wcbox .fd .it .sub .si.on .sa { border-color: #3471fa; background: #fff; position: relative; z-index: 2; }

.wechatwrap .wcbox .fd .it .sub .si .sa.add { text-align: center; font-size: 24px; color: #3471fa; }

.wechatwrap .wcadd { flex: 1 1 0%; padding: 0 20px; }

.wechatwrap .wcadd .bigtip { background: #f1f1f1; padding: 20px; margin-bottom: 20px; }

.wechatwrap .wcadd .bigtip h3 { font-size: 14px; font-weight: bold; margin-bottom: 5px; }

.wechatwrap .wcadd .bigtip p { line-height: 1.5; }

.wechatwrap .wcform { margin: 0; border: 1px solid #dedede; padding-bottom: 20px; }

.wechatwrap .wcform .hd { font-size: 16px; color: #111; line-height: 40px; padding: 0 20px; background-color: #f1f1f1; margin-bottom: 20px; }

.wechatwrap .wcsend { margin-top: 20px; }





.jt_table .tag span { display: inline-block; background: #f1f1f1; padding: 0 10px; color: #333; margin: 0 4px; }





#tags { padding: 6px 10px 2px; box-sizing: border-box; color: #777; line-height: 16px; border: 1px solid #d5d5d5; background-color: #fff; }

#tags span{ font-size: 14px; font-weight: normal; line-height: 16px; position: relative; display: inline-block; height: 16px; margin-right: 3px; margin-bottom: 3px; padding: 4px 22px 5px 9px; cursor: pointer; transition: all .2s ease 0s; vertical-align: middle; white-space: nowrap; color: #333; background-color: #f5f5f5; border: 1px solid #f0f0f0; }

#tags span em { font-style: normal; }

#tags .close{ font-size: 12px; font-weight: bold; line-height: 20px; position: absolute; top: 0; right: 0; bottom: 0; float: none; width: 18px; padding: 0; cursor: pointer; text-align: center; opacity: 1; color: #999; border: 0 none; background: transparent none repeat scroll 0 0; text-shadow: none; }

#tags .close:hover{ color: #000; background: #dedede; }

#inputTags[type='text'], #inputTags[type='text']:focus{ line-height: 25px; display: inline; width: 150px; margin: 0; padding: 0 6px; border: 0 none; outline: 0 none; box-shadow: none; }

.albtn{ line-height: 30px; display: block; width: 100px; height: 30px; margin: 0 auto; cursor: pointer; text-align: center; color: #fff; background: #ffb800; }





.jtwaterpo { width: 120px !important; overflow: hidden; border-top: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9; }

.jtwaterpo .layui-form-radio { width: 40px; height: 40px; line-height: 40px; border: 1px solid #d9d9d9; box-sizing: border-box; margin: 0; padding: 0; text-align: center; float: left; margin-left: -1px; margin-top: -1px; }

.jtwaterpo .layui-form-radio:hover * { color: #333; }

.jtwaterpo .layui-form-radioed { background: #3471fa; color: #fff; border-color: #3471fa; }

.jtwaterpo .layui-form-radioed:hover * { color: #fff; }

.jtwaterpo .layui-form-radio i { display: none; }



.waterpic { width: 100%; height: 300px; background: #f9f9f9; border: 1px solid #d9d9d9; position: relative; }

.waterpic .wbox { position: absolute; }

.waterpic .wbox .txt { line-height: 1.5; }

.waterpic .wbox.wpo01 { top: 0; left: 0; }

.waterpic .wbox.wpo02 { top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.waterpic .wbox.wpo03 { top: 0; right: 0; }

.waterpic .wbox.wpo04 { top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.waterpic .wbox.wpo05 { top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }

.waterpic .wbox.wpo06 { top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.waterpic .wbox.wpo07 { bottom: 0; left: 0; }

.waterpic .wbox.wpo08 { bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.waterpic .wbox.wpo09 { bottom: 0; right: 0; }





.jthomewrap { display: flex; }

.jthomewrap .hside { width: 400px; margin-left: 20px; }

.jthomewrap .hmain { flex: 1 1 0%; }

.jthomewrap .hbox { background: #fff; margin-bottom: 20px; }

.jthomewrap .hbox .hd { font-size: 16px; color: #333; line-height: 30px; padding: 10px 20px; border-bottom: 1px solid #f5f5f5; }

.jthomewrap .hbox .bd { font-size: 14px; color: #333; line-height: 24px; padding: 20px 20px; }



.hb01list { margin: 0; }

.hb01list .item { width: 23.5%; float: left; margin-right: 2%; box-sizing: border-box; padding: 20px; background: #f5f5f5 url(../img/jtsideicon02.png) no-repeat right 0; -webkit-transition: all .2s; transition: all .2s; }

.hb01list .item:hover { background-color: #f1f1f1; }

.hb01list .item a { display: block; text-decoration: none; }

.hb01list .item:nth-child(1) { background-image: url(../img/jtsideicon02.png); }

.hb01list .item:nth-child(2) { background-image: url(../img/jtsideicon06.png); }

.hb01list .item:nth-child(3) { background-image: url(../img/jtsideicon07.png); }

.hb01list .item:nth-child(4) { background-image: url(../img/jtsideicon05.png); }

.hb01list .item:nth-child(4n) { margin-right: 0; }

.hb01list .item .ihd { font-size: 14px; }

.hb01list .item .ibd { font-size: 40px; font-weight: bold; font-family: arial; line-height: 50px; color: #3471fa; }

.hb01list .item .ifd { font-size: 14px; color: #999; }

.hb01list .item .ifd span { margin-right: 20px; }



.hb02list { margin: 0 auto; }

.hb02list .item { border-bottom: 1px solid #f1f1f1; }

.hb02list .item:last-child { border-bottom: 0; }

.hb02list .item a { display: block; padding: 10px; -webkit-transition: all .2s; transition: all .2s; }

.hb02list .item a:hover { background: #f9f9f9; }

.hb02list .item .ihd { overflow: hidden; line-height: 24px; }

.hb02list .item .inf { margin-left: 40px; }

.hb02list .item .ihd .time { float: right; font-size: 12px; color: #999; }

.hb02list .item .icon { background: #3471fa; border-radius: 6px; overflow: hidden; float: left; margin-right: 10px; width: 30px; box-sizing: border-box; padding: 4px; }

.hb02list .item .icon img { display: block; width: 100%; }

.hb02list .item .ihd .nam { font-size: 15px; font-weight: bold; }

.hb02list .item .ibd { font-size: 14px; color: #999; line-height: 24px; }



.hb03list { margin: 0; }

.hb03list .item { float: left; width: 49%; margin-right: 2%; margin-bottom: 10px; }

.hb03list .item:nth-child(2n) { margin-right: 0; }

.hb03list .item a { display: block; background: #f5f5f5; padding: 10px; line-height: 36px; font-size: 15px; }

.hb03list .item .icon { background: #3471fa; float: left; width: 36px; height: 36px; border-radius: 6px; overflow: hidden; box-sizing: border-box; padding: 6px; margin-right: 10px; }

.hb03list .item .icon img { display: block; width: 100%; }



.hb04list { margin: 0; }

.hb04list .item { border-bottom: 1px solid #f5f5f5; padding: 10px 10px; }

.hb04list .item .icon { float: left; width: 30px; background: #3471fa; border-radius: 6px; overflow: hidden; box-sizing: border-box; padding: 4px; }

.hb04list .item .icon img { display: block; width: 100%; }

.hb04list .item .inf { margin-left: 40px; }

.hb04list .item .inf .tim { font-size: 12px; color: #999; }



.hb05kf { background: #fff; padding: 20px; margin-bottom: 20px; }

.hb05kf .icon { float: left; width: 60px; height: 60px; border-radius: 50%; overflow: hidden; }

.hb05kf .icon img { display: block; width: 100%; }

.hb05kf .inf { margin-left: 70px;line-height: 30px; }

.hb05kf .inf .nam { font-size: 14px; }

.hb05kf .inf .tel { font-size: 14px; }

.hb05kf .inf .tel strong { font-size: 20px; color: #3471fa; }



.hb06list { margin: 0; }

.hb06list .item { padding: 10px 0; border-bottom: 1px solid #f5f5f5; line-height: 30px; }





#views { width: 100%; height: 300px; }





.jt_talkset_style { margin: 0 0 40px; }

.jt_talkset_style .layui-form-radio { padding-right: 0; width: 200px; height: 150px; background: url(../img/talksetimg01.jpg) no-repeat center; background-size: cover; border: 3px solid #dedede; border-radius: 6px; position: relative; -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: all .2s; transition: all .2s; }

.jt_talkset_style .layui-form-radio > div { position: absolute; left: 0; right: 0; bottom: -36px; line-height: 30px; color: #333; text-align: center; }

.jt_talkset_style .layui-form-radio.layui-form-radioed { border-color: #3471fa; -webkit-filter: grayscale(0); filter: grayscale(0); }

.jt_talkset_style .layui-form-radio.layui-form-radioed>div { color: #3471fa; }

.jt_talkset_style .layui-form-radio:nth-child(2) { background-image: url(../img/talksetimg01.jpg); }

.jt_talkset_style .layui-form-radio:nth-child(4) { background-image: url(../img/talksetimg02.jpg); }

.jt_talkset_style .layui-form-radio i { display: none; }



.jt_formwrap .jt_hide,.jt_hide{ display:none;}





@media (max-width: 1400px){

	.wrapper { width: 100%; padding: 0 20px; box-sizing: border-box; }

	

	

	

	

}



@media (max-width: 800px){

	





}



/*** 产品模型 start**/

.layui-form input.check_noselected,.layui-form input.check_selected,.layui-form  #goods_attr_table select{

	display: inline;

}

#spec_input_tab .layui-input:disabled,#spec_input_tab .layui-input[disabled]{

	border-color: #623300 !important;

}

.check_noselected {

	width: 12px;

	height: 12px;

	background: url("../img/no-selected.png") no-repeat;

	background-size: cover;

	vertical-align: middle;

}



.check_selected {

	width: 12px;

	height: 12px;

	background: url("../img/selected.png") no-repeat;

	background-size: cover;

	vertical-align: middle;

}



.table-bordered {

	width: 100%;

}



#goods_spec_table1 td,

#goods_spec_table2 td,

#goods_attr_table td {

	padding: 8px;

	line-height: 1.42857143;

	border: 1px solid #f4f4f4;

}



/*** 产品模型 end**/