.mycenter {
		text-align: center;
		justify-content: center;
	}
	.ft11 .form-control-sm{font-size:11px;}
	.ft10 .form-control-sm{font-size:10px;}
	
		.ft11 td{
		    font-size: 11px;
		}
		
			.ft10 td{
		    font-size: 10px;
		}
    .myform{
        font-size: 13px;
        padding: 1rem 0.5rem;
        box-sizing: border-box;
    }
    .tishi{
        color: #555;
    }
    .res{
        font-weight: 900;
    }
    
      .flexform{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .w100{
        width: 100%;
    }
    
    .flexform-son{
        width: 48%;
    }
    .myform  .htitle{
        font-size: 20px;
        font-weight: 900;
        
        
    }
    
    @media only screen and (max-width:767px){
       .flexform{
        display: flex;
        
       } 
        .flexform-son{
        width: 100%;
       }
        
    }
    
 
      .myform
    .input-group-text {
        
        padding: 0rem 0.375rem;
        font-size: 13px;
    }
    
    
   

     body{
         background: #f6f6f6;
     }
  
     a{
         
         text-decoration: none;
         color: #333;
     }
  .sch-box{
      
      border: 1px solid  #eee;
    
  }
 .sch-box input{
 
          border-radius: 0px;
          border: none;
  }
  
  .side-title{
      font-size: 1.2rem;
      font-weight: 700;
  }

	.result {
		position: relative;
	}

	.result .copy {
		position: absolute;
		top: 0px;
		right: 0px;
		border: 1px solid #dde2e5;
		font-size: 0.75rem;
		padding: 4px 8px;
		cursor: pointer;
	}
	
	
	.result .copy:hover {
	   background: #0a58ca;
	   color: #fff;
	}


	.result .item {

		display: flex;
		justify-content: space-between;
	}

	.result .main {
		font-weight: 900;



	}

	.result .main td {
		font-weight: 900;
		padding: 10px 0px;



	}

	.restable {
		padding: 0px 10px;
		width: 100%;
	}

	.dh h1 {
		display: inline;
		font-size: 16px;
	}

div::-webkit-scrollbar {
  height: 6px; /* 滚动条高度 */
}
div::-webkit-scrollbar-track {
  background: #f1f1f1; /* 轨道背景色 */
}
div::-webkit-scrollbar-thumb {
  background: #888; /* 滚动条颜色 */
  border-radius: 3px; /* 圆角 */
}
div::-webkit-scrollbar-thumb:hover {
  background: #555; /* 悬停时颜色 */
}

.myscroll{
    overflow-x: auto; max-width: 100%;
}

	.linetable {
		width: 100%;
		border-collapse: collapse;
		background-color: white
	}

	.linetable th,
	.linetable td {
		border: 1px solid #ddd;
		padding: 5px 3px;

	}

	.linetable th {
		background-color: #3498db;
		color: white;
		font-weight: bold
	}
	
	.linetable  input{
	    
	    background: #d6ecf0;
	}


	.linetable  select{
	    
	    background: #d6ecf0;
	}

	/*.linetable tr:nth-child(even) {
		background-color: #f2f2f2
	}
*/


.myform_box .form-group{
    margin-bottom: 10px;
}
pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}


	.result {

		background-color: #f0f7ff;
	}

	.btn-demo {
		background: #4b5563;
	}

	.btn-tijiao {
		background: #0d6efd;
	}

	.btn-demo {
		background: #4b5563;
	}




	.mybox {
		max-width: 600px;
		margin-top: 50px;
	}

	form .star {


		color: #ff3300;
	
		font-style: normal;
		top: .5rem;
	}

	.red {
		color: red;
	}

	.h1-title {
		font-size: 20px;
		font-weight: 600;
	}

	.temas-articulo {
		text-align: center;
		font-size: 20px;
		font-weight: 900;
	}

	#history a {
		margin-left: 20px;

		color: #0d6efd;
	}

	.form-group {
		margin-bottom: 1rem;
	}

	.son a {


		border: 1px solid #1477dd;
		padding: 3px 5px;
	}

	.son .active {
		background: #1477dd;
		color: #fff;
	}


	.myh2 {
		font-size: 150%;
		font-weight: 400;
		position: relative;
		margin: 20px 0;
		border-left: 5px solid #008bf5;
		padding: 12px;
		line-height: 20px;
		background: #f1f5f8;
		border-radius: 4px;
	}

	.myh3 {
		font-size: 18px;
		font-weight: 400;
		position: relative;
		margin: 20px 0;
		border-left: 5px solid #008bf5;
		padding: 12px;
		line-height: 20px;
		background: #f1f5f8;
		border-radius: 4px;
	}

	.myh3:after {
		content: '';
		position: absolute;
		bottom: 0;
		right: 0;
		opacity: .3;
		background-image: -webkit-linear-gradient(46deg, #9febbe 48%, #f6fdfc 91%);
		background-image: -o-linear-gradient(46deg, #9febbe 48%, #f6fdfc 91%);
		background-image: linear-gradient(44deg, #9febbe 48%, #f6fdfc 91%);
		width: 30px;
		height: 36px;
		-webkit-border-radius: 100% 0 0 0;
		border-radius: 100% 0 0 0
	}


	/*.lizi2{
    background: #ff0000;
}*/

	.article a {
		background-color: transparent
	}

	.article a:active,
	.article a:hover {
		outline: 0
	}

	.article strong {
		font-weight: 600
	}

	.article h3 {
		font-size: 1.2em;
		margin: .67em 0;
		font-weight: 700;
	}

	.article img {
		border: 0
	}

	.article hr {
		box-sizing: content-box;
		height: 0
	}

	.article pre {
		overflow: auto
	}

	.article code,
	.article kbd,
	.article pre {
		font-family: monospace, monospace;
		font-size: 1em
	}

	.article input {
		color: inherit;
		font: inherit;
		margin: 0
	}

	.article html input[disabled] {
		cursor: default
	}

	.article input {
		line-height: normal
	}

	.article input[type="checkbox"] {
		box-sizing: border-box;
		padding: 0
	}

	.article table {
		border-collapse: collapse;
		border-spacing: 0
	}

	.article td,
	.article th {
		padding: 0
	}

	.article * {
		box-sizing: border-box
	}

	.article input {
		font: 13px/1.4 Helvetica, arial, nimbussansl, liberationsans, freesans, clean, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol"
	}

	.article a {
		color: #0957d1;
		text-decoration: none
	}

	.article a:hover,
	.article a:active {
		text-decoration: underline
	}

	.article hr {
		height: 0;
		margin: 15px 0;
		overflow: hidden;
		background: transparent;
		border: 0;
		border-bottom: 1px solid #ddd
	}

	.article hr:before {
		display: table;
		content: ""
	}

	.article hr:after {
		display: table;
		clear: both;
		content: ""
	}

	.article h1,
	.article h2,
	.article h3,
	.article h4,
	.article h5,
	.article h6 {
		margin-top: 15px;
		margin-bottom: .5rem;
		line-height: 1.1
	}

	.article blockquote {
		margin: 0
	}

	.article ul,
	.article ol {
		padding: 0;
		margin-top: 0;
		margin-bottom: 0
	}

	.article ol ol,
	.article ul ol {
		list-style-type: lower-roman
	}

	.article ul ul ol,
	.article ul ol ol,
	.article ol ul ol,
	.article ol ol ol {
		list-style-type: lower-alpha
	}

	.article dd {
		margin-left: 0
	}

	.article code {
		font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
		font-size: 12px
	}

	.article pre {
		margin-top: 0;
		margin-bottom: 0;
		font: 12px Consolas, "Liberation Mono", Menlo, Courier, monospace
	}

	.article .select::-ms-expand {
		opacity: 0
	}

	.article .octicon {
		font: normal normal normal 16px/1 octicons-anchor;
		display: inline-block;
		text-decoration: none;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none
	}

	.article .octicon-link:before {
		content: '\00f05c'
	}

	.markdown-body>*:first-child {
		margin-top: 0 !important
	}

	.markdown-body>*:last-child {
		margin-bottom: 0 !important
	}

	.article a:not([href]) {
		color: inherit;
		text-decoration: none
	}

	.article .anchor {
		display: inline-block;
		padding-right: 2px;
		margin-left: -18px
	}

	.article .anchor:focus {
		outline: none
	}

	.article h1,
	.article h2,
	.article h3,
	.article h4,
	.article h5,
	.article h6 {
		margin-top: 1em;
		font-weight: 600
	}

	.article h1 .octicon-link,
	.article h2 .octicon-link,
	.article h3 .octicon-link,
	.article h4 .octicon-link,
	.article h5 .octicon-link,
	.article h6 .octicon-link {
		color: #000;
		vertical-align: middle;
		visibility: hidden
	}

	.article h1:hover .anchor,
	.article h2:hover .anchor,
	.article h3:hover .anchor,
	.article h4:hover .anchor,
	.article h5:hover .anchor,
	.article h6:hover .anchor {
		text-decoration: none
	}

	.article h1:hover .anchor .octicon-link,
	.article h2:hover .anchor .octicon-link,
	.article h3:hover .anchor .octicon-link,
	.article h4:hover .anchor .octicon-link,
	.article h5:hover .anchor .octicon-link,
	.article h6:hover .anchor .octicon-link {
		visibility: visible
	}

	.article h1 {
		padding-bottom: .3em;
		font-size: 2.25em;
		line-height: 1.2
	}

	.article h1 .anchor {
		line-height: 1
	}

	.article h2 {
		font-size: 1.25rem
	}

	.article h2 .anchor {
		line-height: 1
	}



	.article .tbl-wrapper {
		overflow-x: auto
	}

	.article .example {
		margin-top: 1.5rem
	}

	.article .example h3 {
		color: #1c75cf
	}

	.article h3 .anchor {
		line-height: 1.2
	}

	.article h4 {
		font-size: 1.25em
	}

	.article h4 .anchor {
		line-height: 1.2
	}

	.article h5 {
		font-size: 1em
	}

	.article h5 .anchor {
		line-height: 1.1
	}

	.article h6 {
		font-size: 1em;
		color: #777
	}

	.article h6 .anchor {
		line-height: 1.1
	}

	.article blockquote,
	.article ul,
	.article ol,
	.article dl,
	.article table,
	.article pre {
		margin-top: 0;
		margin-bottom: 16px
	}

	.article p {
		margin-top: 0;
		margin-bottom: 15px
	}

	.article hr {
		height: 4px;
		padding: 0;
		margin: 16px 0;
		background-color: #e7e7e7;
		border: 0 none
	}

	.article ul,
	.article ol {
		padding-left: 2em
	}

	.article ul ul,
	.article ul ol,
	.article ol ol,
	.article ol ul {
		margin-top: 0;
		margin-bottom: 0
	}

	.article li>p {
		margin-top: 16px
	}

	.article dl {
		padding: 0
	}

	.article dl dt {
		padding: 0;
		margin-top: 16px;
		font-size: 1em;
		font-style: italic;
		font-weight: bold
	}

	.article dl dd {
		padding: 0 16px;
		margin-bottom: 16px
	}

	.article blockquote {
		padding: 0 15px;
		color: #777;
		border-left: 4px solid #ddd
	}

	.article blockquote>:first-child {
		margin-top: 0
	}

	.article blockquote>:last-child {
		margin-bottom: 0
	}

	.article table {
		width: 100%;
		overflow: auto;
		word-break: keep-all;
		margin-bottom: .5rem
	}

	.article table th {
		font-weight: 600
	}

	.article table th,
	.article table td {
		padding: 5px 10px;
		border: 1px solid #ddd
	}

	.article table tr {
		background-color: #fff;
		border-top: 1px solid #ccc
	}

	.article table tr:nth-child(2n) {
		background-color: #f8f8f8
	}

	.article img {
		max-width: 100%;
		box-sizing: content-box;
		background-color: #fff
	}

	.article code {
		padding: 0;
		padding-top: .2em;
		padding-bottom: .2em;
		margin: 0;
		font-size: 85%;
		background-color: rgba(0, 0, 0, 0.04);
		border-radius: 3px
	}

	.article code:before,
	.article code:after {
		letter-spacing: -0.2em;
		content: "\0000a0"
	}

	.article pre>code {
		padding: 0;
		margin: 0;
		font-size: 100%;
		word-break: normal;
		white-space: pre;
		background: transparent;
		border: 0
	}

	.article .highlight {
		margin-bottom: 16px
	}

	.article .highlight pre,
	.article pre {
		padding: 16px;
		overflow: auto;
		font-size: 85%;
		line-height: 1.45;
		background-color: #f7f7f7;
		border-radius: 3px
	}

	.article .highlight pre {
		margin-bottom: 0;
		word-break: normal
	}

	.article pre {
		word-wrap: normal
	}

	.article pre code {
		display: inline;
		max-width: initial;
		padding: 0;
		margin: 0;
		overflow: initial;
		line-height: inherit;
		word-wrap: normal;
		background-color: transparent;
		border: 0
	}

	.article pre code:before,
	.article pre code:after {
		content: normal
	}

	.article kbd {
		display: inline-block;
		padding: 3px 5px;
		font-size: 11px;
		line-height: 10px;
		color: #555;
		vertical-align: middle;
		background-color: #fcfcfc;
		border: solid 1px #ccc;
		border-bottom-color: #bbb;
		border-radius: 3px;
		box-shadow: inset 0 -1px 0 #bbb
	}

	.article .pl-c {
		color: #969896
	}

	.article .pl-c1,
	.article .pl-s .pl-v {
		color: #0086b3
	}

	.article .pl-e,
	.article .pl-en {
		color: #795da3
	}

	.article .pl-s .pl-s1,
	.article .pl-smi {
		color: #333
	}

	.article .pl-ent {
		color: #63a35c
	}

	.article .pl-k {
		color: #a71d5d
	}

	.article .pl-pds,
	.article .pl-s,
	.article .pl-s .pl-pse .pl-s1,
	.article .pl-sr,
	.article .pl-sr .pl-cce,
	.article .pl-sr .pl-sra,
	.article .pl-sr .pl-sre {
		color: #183691
	}

	.article .pl-v {
		color: #ed6a43
	}

	.article .pl-id {
		color: #b52a1d
	}

	.article .pl-ii {
		background-color: #b52a1d;
		color: #f8f8f8
	}

	.article .pl-sr .pl-cce {
		color: #63a35c;
		font-weight: bold
	}

	.article .pl-ml {
		color: #693a17
	}

	.article .pl-mh,
	.article .pl-mh .pl-en,
	.article .pl-ms {
		color: #1d3e81;
		font-weight: bold
	}

	.article .pl-mq {
		color: #008080
	}

	.article .pl-mi {
		color: #333;
		font-style: italic
	}

	.article .pl-mb {
		color: #333;
		font-weight: bold
	}

	.article .pl-md {
		background-color: #ffecec;
		color: #bd2c00
	}

	.article .pl-mi1 {
		background-color: #eaffea;
		color: #55a532
	}

	.article .pl-mdr {
		color: #795da3;
		font-weight: bold
	}

	.article .pl-mo {
		color: #1d3e81
	}

	.article kbd {
		display: inline-block;
		padding: 3px 5px;
		font: 11px Consolas, "Liberation Mono", Menlo, Courier, monospace;
		line-height: 10px;
		color: #555;
		vertical-align: middle;
		background-color: #fcfcfc;
		border: solid 1px #ccc;
		border-bottom-color: #bbb;
		border-radius: 3px;
		box-shadow: inset 0 -1px 0 #bbb
	}

	.markdown-body:before {
		display: table;
		content: ""
	}

	.markdown-body:after {
		display: table;
		clear: both;
		content: ""
	}

	.article .task-list-item {
		list-style-type: none
	}

	.article .task-list-item+.task-list-item {
		margin-top: 3px
	}

	.article .task-list-item input {
		margin: 0 .35em .25em -1.6em;
		vertical-align: middle
	}

	.article :checked+.radio-label {
		z-index: 1;
		position: relative;
		border-color: #4078c0
	}

	.article .content-formula {
		background-color: #f5f5f5;
		padding: .875rem;
		border-radius: 3px;
		margin: 0 0 1rem
	}

	.article .content-formula p,
	.article .content-formula ul,
	.article .content-formula ol {
		margin: 0
	}

	.shop_info_dzsc .change-color {
		padding: 3px 10px;
		border-radius: 4px;
		color: #ff5473;
		background-color: rgba(255, 84, 115, .1);
		margin-right: 10px !important;
		font-size: 12px;
		background: rgba(255, 84, 115, .1);
		box-shadow: 0 5px 10px 0 rgb(16 110 253 / 0%)
	}

	.shop_info_dzsc .change-color-sc {
		padding: 3px 10px;
		border-radius: 4px;
		color: #0084ff !important;
		background: rgba(0, 132, 255, .1);
		font-size: 12px;
		box-shadow: 0 5px 10px 0 rgb(16 110 253 / 0%)
	}


	.card-title h3 {
		font-size: 20px;
		font-weight: 600;
	}

	.myhide {
		display: none;
	}

	.btn-default {
		color: #333;
		background-color: #fff;
		border-color: #ccc;
	}

	.btn-default:hover {
		color: #333;
		background-color: #e6e6e6;
		border-color: #adadad;
	}

	.pager {
		text-align: center;
		margin: 20px 0;
	}

	.pager ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: center
	}

	.pager ul li {
		display: inline-block;
	}

	.pager ul li a {
		padding: 5px 15px;
		border: #dddddd solid 1px;
		margin-left: -1px;
		display: inline-block;
	}

	.pager ul li a:hover {
		border-color: #70c4f3;
		background-color: #70c4f3;
		color: #333
	}

	.pager ul .active a {
		border: #3ea8e2 solid 1px;
		display: inline-block;
		background-color: #3ea8e2;
		color: #fff;
	}

	.pager ul a:not([href]):not([class]):hover {
		border: #dddddd solid 1px;
		background-color: #fff
	}

	.pager ul .active a:hover {
		color: #fff;
		border: #3ea8e2 solid 1px !important;
		background-color: #3ea8e2 !important
	}



	.headerline {
		height: 56px;
	}

.tool_list{
    display:  flex;
    flex-wrap: wrap;
}

	.tool_list .item {

		box-sizing: border-box;
		padding: 0px 5px;
	}

	.tool_list a {
		border: 1px solid #ddd;
		display: block;

		box-sizing: border-box;
		background: #fff;
	}




	@media (max-width: 768.98px) {
		.scrollx {
			width: 100%;
			overflow-x: scroll;
		}


		.form-group .text-center .btn {
			margin-bottom: 5px;
		}

		.main_box {
			margin-left: 0px;
			padding: 0px 5px;
			box-sizing: border-box;
		}


		.list_box {

			margin-left: 0px;
		}
	}

	footer {
		margin: 30px 0 0px 0;
		overflow: auto;
		color: #333;
	}

	.copybq {

		margin: 20px 0 0;
		line-height: 30px;
		font-size: 14px;
	}

	span.dzjg img {
		margin: auto;
	}


	a.remore:hover {
		color: #bc0708;
	}

	@media (max-width: 767.98px) {
		.bd-search {
			width: 100%
		}
	}




	@media (min-width: 1200px) {}








	@media (max-width: 767.98px) {
	    
	    .tool_list a {
	        font-size: 0.8rem;
	    }
	    	.dh{
	    	    font-size: 0.8rem;
	    	}
	    .tool_list{
    display:  block;

}
	    
	}