.hpcts{width:1000px;margin:0 auto;padding:40px 0;zoom:1;position:relative;overflow:hidden;}
.hpcts:after{content:'';display:block;clear:both;}
.hpcts .hpct_lt{float:left;width:122px;height:calc(100% - 40px);overflow:hidden;overflow-y:scroll;position:relative;}
.hpcts .hpct_rt{float:right;width:878px;}
.hpcts .hpct_lt::-webkit-scrollbar{width:0;}
.hpct_lt:after{content:'';display:block;position:absolute;width:1px;height:100%;background:#e5e5e5;top:60px;right:4px;}
.hpct_lt ul li{height:30px;line-height:30px;position:relative;margin-bottom:20px;cursor:pointer;color:#8a8e94;text-indent:2em;}
.hpct_lt ul li:after{content:'';display:block;position:absolute;width:7px;height:7px;border:1px solid #aaafb7;border-radius:50%;top:10px;right:0px;z-index:9;background:#fff;}
.hpct_lt ul{margin-top:100px;}
.hpct_lt ul li:before{content:'';display:block;position:absolute;width:9px;height:30px;top:0px;right:0px;z-index:99;display:none;
background:-webkit-linear-gradient(#6a6ffb, #815feb); /* Safari 5.1 - 6.0 */
background:-o-linear-gradient(#6a6ffb, #815feb); /* Opera 11.1 - 12.0 */
background:-moz-linear-gradient(#6a6ffb, #815feb); /* Firefox 3.6 - 15 */
background:linear-gradient(#6a6ffb, #815feb); /* 标准的语法 */
}
.hpct_lt ul .choice{color:#494f58;}
.hpct_lt ul .choice:before{display:block;}
.hpct_rt .li h6{margin-left:108px;height:120px;line-height:120px;width:550px;text-align:center;position:relative;font-size:24px;font-weight:normal;}
.hpct_rt .li h6 span{display:block;width:100%;height:100%;position:absolute;top:0px;left:0px;font-weight:bold;color:#f6f6ff;font-size:50px;z-index:-1;}
.hpct_rt .li h6:after{content:'';display:block;position:absolute;width:120px;height:1px;top:60px;left:70px;
background:-webkit-linear-gradient(left, #fff , #727a88); /* Safari 5.1 - 6.0 */
  background:-o-linear-gradient(right, #fff, #727a88); /* Opera 11.1 - 12.0 */
  background:-moz-linear-gradient(right, #fff, #727a88); /* Firefox 3.6 - 15 */
  background:linear-gradient(to right, #fff , #727a88); /* 标准的语法 */
}
.hpct_rt .li h6:before{content:'';display:block;position:absolute;width:120px;height:1px;top:60px;right:70px;
background:-webkit-linear-gradient(right, #fff , #727a88); /* Safari 5.1 - 6.0 */
  background:-o-linear-gradient(left, #fff, #727a88); /* Opera 11.1 - 12.0 */
  background:-moz-linear-gradient(left, #fff, #727a88); /* Firefox 3.6 - 15 */
  background:linear-gradient(to left, #fff , #727a88); /* 标准的语法 */
}
.hpct_rt .li .content{margin-left:108px;height:calc(100vH - 380px);overflow-y:auto;}
.hpct_rt .li .content::-webkit-scrollbar{width:5px;background:white;}
.hpct_rt .li .ct ul li{font-size:14px;color:#494f58;line-height:26px;}
.hpct_rt .li .ct ul li.maps{width:640px;height:360px;margin-top:40px;border:1px solid #6a6ffb;}
.hpct_rt .li .ct ul .h{font-size:18px;font-weight:bold;color:#7f7f7f;line-height:40px;}
.hpct_rt .li .ct ul .t{font-size:16px;color:#323232;font-weight:bold;margin-top:10px;}
.hpct_rt .li .ct ul .t_s{padding-left:20px;}
.hpct_rt .li .ct ul .z_t{position:relative;height:35px;line-height:35px;padding-left:10px;font-size:16px;font-weight:bold;margin-top:10px;
	background:-webkit-linear-gradient(left, #f5f5ff , #fff); /* Safari 5.1 - 6.0 */
  background:-o-linear-gradient(right, #f5f5ff, #fff); /* Opera 11.1 - 12.0 */
  background:-moz-linear-gradient(right, #f5f5ff, #fff); /* Firefox 3.6 - 15 */
  background:linear-gradient(to right, #f5f5ff , #fff); /* 标准的语法 */
}
.hpct_rt .li .ct ul .z_t:after{content:'';display:block;position:absolute;width:4px;height:35px;top:0px;left:0px;
background:-webkit-linear-gradient(#6b6efa, #825fea); /* Safari 5.1 - 6.0 */
background:-o-linear-gradient(#6b6efa, #825fea); /* Opera 11.1 - 12.0 */
background:-moz-linear-gradient(#6b6efa, #825fea); /* Firefox 3.6 - 15 */
background:linear-gradient(#6b6efa, #825fea); /* 标准的语法 */
}
.hpct_rt .li .ct ul .zz{position:relative;margin:5px 0px;padding-left:13px;font-size:16px;}
.hpct_rt .li .ct ul .zz:after{content:'';display:block;width:8px;height:8px;border-radius:50%; position:absolute;top:9px;left:0px;
background:-webkit-linear-gradient(#6b6efa, #825fea); /* Safari 5.1 - 6.0 */
background:-o-linear-gradient(#6b6efa, #825fea); /* Opera 11.1 - 12.0 */
background:-moz-linear-gradient(#6b6efa, #825fea); /* Firefox 3.6 - 15 */
background:linear-gradient(#6b6efa, #825fea); /* 标准的语法 */
}
/*分类底部*/
.lists_center_buttom{border-top:1px solid #d1d1d1;text-align:center;width:calc(100% - 300px);zoom:1;margin:0 auto;padding:20px 0;box-sizing:border-box;}
.lists_center_buttom:after{content:'';display:block;clear:both;}
.lists_center_buttom ul{display:inline-block;margin-bottom:10px;}
.lists_center_buttom ul li{float:left;font-size:14px;color:#78808d;position:relative;padding:0px 18px;}
.lists_center_buttom ul li a{color:#78808d;}
.lists_center_buttom ul li a:hover{opacity:0.6;}
.lists_center_buttom ul li:after{content:'';display:block;position:absolute;width:1px;height:20px;top:0px;right:0px;background:#78808d;}
.lists_center_buttom ul li:last-child:after{display:none;}
.lists_center_buttom p{font-size:13px;color:#aeaeae;}
.hpct_rt .li{display:none;}
.hpct_rt .choice{display:block;}
.hpct_rt .li .ct ul .yx{height:30px;line-height:30px;font-size:16px;font-weight:bold;text-align:center;color:#323232;margin-top:10px;position:relative;}
.hpct_rt .li .ct ul .yx:after{content:'';display:block;position:absolute;width:200px;height:10px;top:10px;left:50px;
background:-webkit-linear-gradient(left, #fff , #f2f2fe); /* Safari 5.1 - 6.0 */
  background:-o-linear-gradient(right, #fff, #f2f2fe); /* Opera 11.1 - 12.0 */
  background:-moz-linear-gradient(right, #fff, #f2f2fe); /* Firefox 3.6 - 15 */
  background:linear-gradient(to right, #fff , #f2f2fe); /* 标准的语法 */
}
.hpct_rt .li .ct ul .yx:before{content:'';display:block;position:absolute;width:200px;height:10px;top:10px;right:50px;
background:-webkit-linear-gradient(right, #fff , #f2f2fe); /* Safari 5.1 - 6.0 */
  background:-o-linear-gradient(left, #fff, #f2f2fe); /* Opera 11.1 - 12.0 */
  background:-moz-linear-gradient(left, #fff, #f2f2fe); /* Firefox 3.6 - 15 */
  background:linear-gradient(to left, #fff , #f2f2fe); /* 标准的语法 */
}
.hpct_rt .li .ct ul li .a{color:#6c6efa;}
.hpct_rt .li .ct ul .ewms img{display:block;width:150px;height:150px;}
.hpct_rt .li .ct ul .maps img{display:block;width:100%;}