/*@import url('https://fonts.googleapis.com/css?family=Droid+Sans|Hanuman|Open+Sans');*/
html, body {
    		background-color: rgb(247,247,247);
    		/*font-family: 微软雅黑;*/
            font-family: 'Hanuman', sans-serif,'Droid Sans', 'Open Sans';
    	}
		#header {
			height: 80px;
			padding-top: 15px;
		}
		.name {
			/*font-family:"Verdana,Geneva,Kalimati,sans-serif;";*/
			font-size: 18px;
			color: rgb(241,32,60);
		    position: relative;
		    top: 5px;
		    left: 2px;
		    font-weight: 700;
		}
		.right-logo {
			padding-top: 11px;
		}
		.youtube {
			margin-right: 10px;
		}
		.nav-bg {
			height: 55px;
			background-image: url(../img/n-bg.png);
		}
		div.nav {
			height: 55px;
			margin-left: -41px;
			font-family: "arial";
			font-size: 14px;
			color: rgb(255,255,255);
			display: -webkit-flex; /* Safari */
  			display: flex;
  			flex-direction: row;
			justify-content: space-between;
			align-items: center;
		}
        .selected {
            color: rgb(255,244,83);
            font-size: 16px;
            border-top: solid 2px rgb(255,244,83); 
        }
/*		div.nav div::before {
		    content: url(./img/line.png);
		    position: absolute;
		    top: 10px;
		}*/
		div.nav div.home::before {
			display: none;
		}
		div.bottom {
			display: -webkit-flex; /* Safari */
  			display: flex;
  			flex-direction: row;
			justify-content: space-between;
			align-items: center;
		}
		div.bottom div.inline-flex {
			display: -webkit-inline-flex; /* Safari */
  			display: inline-flex;
  			flex-direction: column;
			justify-content: space-between;
			/*align-items: center;*/
			color: white;
		}
		div.inline-flex span:first-child {
			font-size: 16px;
			color: rgb(230,188,76);
		}
		.b-bg {
			font-family: Arial, "Microsoft YaHei";
			background-color: rgb(51,51,51);
			color: white;
		}
		.article {
			font-size: 12px;
		}
        .select {
            background-color: rgb(200,21,21);
            border: 1px solid rgb(200,21,21);
            border-radius: 4px;
            color: white;
            -webkit-box-shadow: inset 0 1px 1px rgba(200,21,21,.075);
            box-shadow: inset 0 1px 1px rgba(200,21,21,.075);
            -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
            -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        }
    .lb-container {
        width: 100%;
        height: 100%;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        flex-direction: column;

    }
    .swiper-container {
        width: 100%;
        height: 80%;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    .m-top-bg {
        height: 40px;
        color: white;
        margin-top: 20px;
        background-size: cover;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        background-image: url(../img/cs-bg.png);
    }
    .m-top-bg img {
        margin-left: 5px;
    }
    .m-top-bg span {
        margin-left: 10px;
    }
    .table-responsive table {
        text-align: center;
    }
    .table-responsive table tr td{
        vertical-align: middle;
    }
    .table-responsive table th {
        font-size: 20px;
        text-align:center;
    }
    .table-responsive table th p {
        font-size: 14px;
        color: black;
        font-weight: lighter
    }
    td.k-ball span{
        width: 22px;
        height: 23px;
        display: inline-block;
        background-image: url(../img/k-ball.png);
        color: white;
    }
	#article {
		    margin-top: 10px;
	}
	#article div.row div{
		/*background-color: white;*/
	}
	#article div.left div.article-selected {
		color: rgb(229,27,49);
		border-bottom: solid 1px rgb(229,27,49);
	}
    #article .article-top {
    	display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    #article .article-top span {
    	margin-left: 15px;
    }
    #article div.left {
    	display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }
    #article div.left div {
    	/*display: inline-flex;*/
    	/*height: 30px;*/
    	line-height: 35px;
    	flex: 1;
    	    width: 100%;
    border-bottom: solid 1px #ccdbe7;
    }
    .f-top {
    	font-weight: bold;
    	font-size: 16px;
    	height: 30px;
    	    margin-top: 10px;
    }
    hr {
    	margin: 5px;
    }
    /* 向右的箭头 */  
	.dot-right {
	    /*position: relative;
	    top: -4px;
	    left: 75px;
	    font-size: 0;  
	    line-height: 0;  
	    border-width: 4px;
	    border-color: red;  
	    border-right-width: 0;  
	    border-style: dashed;  
	    border-left-style: solid;  
	    border-top-color: transparent;  
	    border-bottom-color: transparent;  
        position: relative; */

    width: 3%;
    margin-right: 5;
    padding-right: -10px;
    font-size: 0;
    line-height: 0;
    border-width: 4px;
    border-color: red;
    border-right-width: 0;
    border-style: dashed;
    border-left-style: solid;
    border-top-color: transparent;
    border-bottom-color: transparent;
    float: right;
    margin-top: 14px;
	}
	#article h5 {
		font-weight: bold;
	}


/* page 3 css*/
	.m-top-bg-time {
    	margin-top: 10px;
        height: 40px;
        color: white;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        background-image: url(../img/cs-bg.png);
        background-repeat: no-repeat;
    	background-size: cover;
    }
    .m-top-bg-time div.right {
    	width: 350px;
    	height: 25px;
    	margin-right: 20px;
    	display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    	background-image: url(../img/time-bg.png);
    	background-size: contain;
    	background-repeat: no-repeat;
    }
    .m-top-bg-time div.right div.input-group {
    	    	    width: 120px;
    margin-left: 10px;
    }
    .m-top-bg-time div.right input {
    	background-color: rgb(201,21,21);
    	border: none;
    	padding-top: 0px;
	    padding-left: 0px;
	    padding-bottom: 0px;
	    padding-right: 0px;
	    height: 15px;
	     color: white;
	    border-right: 1px solid white;
    }
    #second {
    	/*left: -120px;*/
    }
    .m-top-bg-time div.right span.input-group-addon {
	    padding: 0px 12px;
        color: white;
        background-color: inherit;
		border: none;
    }
    .m-top-bg-time div.left img {
        margin-left: 5px;
    }
    .m-top-bg-time div.left span {
        margin-left: 15px;
        font-size: 16px;
    }
  	div.mid-line {
    	width: 10px;
    	color: white;
    	z-index: 10;
        transform: scale(0.5);
    }
    .m-top-bg-time div.right div.search {
		width: 16px;
    	left: -20px;
    }