.licss{
            white-space:nowrap;
            text-overflow:ellipsis;
        }

        *{
            -webkit-overflow-scrolling: touch;
        }
        .list2 ul::before,
        .list2 ul::after {
            display: block;
            content: "";
            clear: both;
        }

        .list2 ul {
            padding: 0 1px;
            width: 100%;
            padding: 4px 5px;

        }

        .list2 ul li {
            float: left;
            width: 33%;
            height: 35px;
            text-align: center;
            outline: 1px solid #ddd;
            overflow: hidden;
            /*border-left:1px solid #ddd;
                    border-bottom:1px solid #ddd;*/
        }

        .list2 ul li:nth-of-type(odd) {
            /* border-right:1px solid #ddd;
                    border-left:1px solid #ddd;
                    border-bottom:1px solid #ddd; */
        }

        .list2 ul li:nth-of-type(odd) {
            /* border-top:1px solid #ddd; */
        }

        .list2 ul li:nth-child(3n+1) {
            /* border:1px solid #ddd; */

        }

        .list2 ul li:last-child {
            border-right: 1px solid #ddd;
        }

        .list2::after,
        .list2::before {
            content: "";
            display: block;
            clear: both;
        }
        .cgi-foot-blank {
            height: 120px;
            clear: both;
            overflow: hidden;
        }

        .cgi-foot-links {
            width: 100%;
            max-width: 800px;
            height: 60px;
            border-top: solid 1px #ddd;
            box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.05);
            background: #fff;
            background-image: linear-gradient(to top, #e5e5e5, #fff);
            position: fixed;
            bottom: 0;
            z-index: 1000;
        }

        /*.cgi-foot-links ul {}*/

        .cgi-foot-links ul li {
            float: left;
            width: 20%;
            text-align: center;
        }

        .cgi-foot-links ul li a {
            font-size: 15px;
            color: #555;
        }

        .cgi-foot-links ul li a.hover {
            color: #f00;
        }

        .cgi-foot-links ul li a:hover {
            text-decoration: none;
            color: #f00;
        }

        .cgi-foot-links ul li a span {
            height: 34px;
            display: block;
		}

        .cgi-foot-links ul li.cfl-more {
            width: 20%;
            height: 60px;
            display: block;
            position: relative;
        }

        .cgi-foot-links ul li.cfl-more a {
            width: 70px;
            height: 70px;
            line-height: 70px;
            background: url(../img/cfl-more.png) center center no-repeat;
            background-size: 100%;
            border-radius: 35px;
            display: block;
            position: absolute;
            bottom: 0px;
            left: 50%;
            margin-left: -35px;
            overflow: hidden;
            text-indent: -999999px;
        }

        .cgi-foot-more {
            width: 100%;
            max-width: 800px;
            position: fixed;
            bottom: 60px;
            z-index: 999;
            padding: 5px 0;
            font-size: 14px;
            text-align: center;
            background: rgba(0, 0, 0, 0.7);
            display: none;
        }

        /*.cgi-foot-more ul {}*/

        .cgi-foot-more ul li {
            float: left;
            width: 20%;
        }

        .cgi-foot-more ul li a {
            height: 30px;
            line-height: 30px;
            color: #fff;
            display: block;
            overflow: hidden;
        }

        .cgi-nav ul li {
            width: 15%;
        }

        .bizhong {
            width: 100%;
            margin: 0 auto;
        }

        .bizhong-box {
            float: left;
            width: 100%;
            display: none;
        }

        .action-bz {
            display: block;
        }

        .bizhong-page {
            height: 40px;
            padding-top: 5px;
        }

        .bizhong-btn {
            float: left;
            width: calc( 50% - 7px);
            height: 38px;
            line-height: 38px;
            margin-right: 10px;
            text-align: center;
            display: inline-block;
            background: #aaa;
            border: solid 1px #ccc;
            border-radius: 5px;
            background-image: linear-gradient(to top, #ddd, #fff);
            cursor: pointer;
        }

        .bizhong-btn:hover {
            background-image: linear-gradient(to bottom, #ddd, #fff);
        }

        .bizhong-btn.bizhong-pre {}

        .bizhong-btn.bizhong-next {
            margin-right: 0;
        }

        #lctz p,#lctz div,
        #ptyc p,#ptyc div,
        #tmzg p,#tmzg div,
        #ycpt p,#ycpt div,
        #zlgx p,#zlgx div,
        #rmgs p,#rmgs div,
        #xjzi p,#xjzi div,
        #ylgs p,#ylgs div
        #vip1 p,#vip1 div
        #vip2 p,#vip2 div
        #zs p,#zs div{
            display: inline;
        }
        /* body{scrollbar-face-color:#FEFAF1;} */
        #xjzi span div{display:inline}

    
	
		.animat {
            position: relative;
            animation: myfirst 10s infinite;
            -webkit-animation: myfirst 10s infinite;
            /*Safari and Chrome*/
            animation-direction: alternate;
            /* 来回运动*/
            -webkit-animation-direction: alternate;
            /* Safari 和 Chrome */
            animation-iteration-count: 1;
            /* 运动次数*/
            -webkit-animation-iteration-count: 1;
            /* Safari 和 Chrome */
        }

        @keyframes myfirst {
            0% {
                left: -1000px;
                top: 100px;
                opacity: 0;
            }
            50% {
                left: 0px;
                top: 0;
                opacity: 100%;
            }
            100% {
                left: 0px;
                top: 0px;
                opacity: 100%;
            }
        }

        @-moz-keyframes myfirst
        /* Firefox */
            {
            0% {
                left: -1000px;
                top: 100px;
                opacity: 0;
            }
            50% {
                left: 0px;
                top: 0;
                opacity: 100%;
            }
            100% {
                left: 0px;
                top: 0px;
                opacity: 100%;
            }
        }

        @-webkit-keyframes myfirst
        /* Safari and Chrome */
            {
            0% {
                left: -1000px;
                top: 100px;
                opacity: 0;
            }
            50% {
                left: 0px;
                top: 0;
                opacity: 100%;
            }
            100% {
                left: 0px;
                top: 0px;
                opacity: 100%;
            }
        }

        @-o-keyframes myfirst
        /* Opera */
            {
            0% {
                left: -1000px;
                top: 100px;
                opacity: 0;
            }
            50% {
                left: 0px;
                top: 0;
                opacity: 100%;
            }
            100% {
                left: 0px;
                top: 0px;
                opacity: 100%;
            }
        }
    
	
		.cgi-code {
            padding: 30px 0;
            text-align: center;
            font: 16px/1.7 "Microsoft YaHei";
            color: #000;
        }

        .cgi-code-pic {
            padding-bottom: 0.5em;
        }

        .cgi-code-pic img {
            width: 240px;
            height: 240px;
        }

        .cgi-code h1 {
            font-weight: bold;
            font-size: 24px;
        }

        .cgi-code h2 {
            font-weight: bold;
            font-size: 24px;
        }

        .cgi-code h3 {
            font-weight: bold;
            font-size: 22px;
        }

        .cgi-code-down {
            padding-top: 0.5em;
        }

        .cgi-code-down a {
            height: 40px;
            line-height: 40px;
            padding: 0 2em;
            font-size: 18px;
            color: #fff;
            border-radius: 20px;
            display: inline-block;
            background: #f00;
        }

        @media screen and (max-width:800px) {
            .cgi-code-pic img {
                width: 200px;
                height: 200px;
            }
            .cgi-code h1 {
                font-size: 20px;
            }
            .cgi-code h2 {
                font-size: 20px;
            }
            .cgi-code h3 {
                font-size: 18px;
            }
            .cgi-code-down a {
                font-size: 16px;
            }
        }
		@media screen and (min-width:800px){
			.popup img{
				max-width: 750px;
				max-height: 80%;
			}
		}
    
	
		.lh-code {
			margin-top: 10px;
			padding: 0 5px 5px 5px;
			border: solid 1px #ddd;
			border-radius: 5px;
			background: #fff;
			box-shadow: 0 2px 5px rgba(0,0,0,0.1);
			margin-bottom: 5px;
		}
		.lh-code .lh-img {
			width: 100%;
			text-align: center;
			margin: 5px 0;
		}
		.lh-code .lh-img img {
			width: 32%;
			height: 100%;
		}
		#lh-header {
			text-align: center;
		}
		#lh-header a {
			color: red;
			background: yellow;
		}
		#lh-footer {
			width: 100%;
			text-align: center;
			font-size: 16px;
		}
	
	
		.rollBox {
            height: 160px;
            overflow: hidden;
            margin: 0 auto;
            padding-top: 15px;
            border: solid 1px #ddd;
            position: relative;
            background: #fff;
        }

        .rollBox .Cont {
            overflow: hidden;
            margin: 0 auto;
        }

        .rollBox .ScrCont {
            width: 10000000px;
        }

        .rollBox .Cont .pic {
            width: 150px;
            float: left;
            text-align: center;
            padding: 0 15px;
        }

        *+html .rollBox .Cont .pic {
            width: 130px;
            float: left;
            text-align: center;
            padding-right: 30px;
        }

        .rollBox .Cont .pic img {
            width: 140px;
            height: 100px;
            display: block;
            margin: 0 auto;
        }

        .rollBox .Cont .pic p {
            line-height: 26px;
            color: #505050;
        }

        .rollBox .Cont a {
            display: block;
            border: solid 5px #eee;
            background: #fff;
        }

        .rollBox .Cont a span {
            height: 33px;
            line-height: 33px;
        }

        .rollBox .Cont a:hover {
            color: #f00;
            text-decoration: none;
            border-color: #ddd;
        }

        .rollBox #List1,
        .rollBox #List2 {
            float: left;
        }

        .arrow {
            width: 28px;
            height: 50px;
            position: absolute;
            top: 70px;
            cursor: pointer;
        }

        .arrow.left {
            left: 15px;
        }

        .arrow.right {
            right: 15px;
        }

        .tj {
            width: 72px;
            height: 52px;
            background: url(../img/tj.gif) 0 0 no-repeat;
            display: block;
            position: absolute;
            top: -1px;
            left: -1px;
		}
    
	
		.gsb21 li {
            border-bottom: solid 1px #ddd;
        }

        .gsb21 li a {
            padding: 0.5em 0;
            display: block;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .gsb21 li img {
            margin-right: 3px;
        }

        .cgi-gsb21-tit {
            height: 40px;
            line-height: 40px;
            margin-top: 5px;
            color: #0063ca;
            font-weight: bold;
            border-bottom: solid 2px #ddd;
        }

        .cgi-gsb21-tit img {
            width: 17px;
            height: auto;
            margin-right: 3px;
        }

        .cgi-gsb21-tit a {
            display: inline-block;
            /*float: right;*/
            padding-right: 12px;
            font-weight: normal;
            font-size: 14px;
            color: #999;

            background: url(../img/p-right-red.png) right center no-repeat;
            background-size: 9px;
        }

        /*.gsb3 {}*/

        .gsb3-l {
            float: left;
            width: calc(50% - 5px);
        }

        .gsb3-r {
            float: right;
            width: calc(50% - 5px);
        }

        /*.gsb3 ul {}*/

        .gsb3 li {
            border-bottom: solid 1px #ddd;
            height: 40px;
            line-height: 40px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .gsb3 li a {
            padding: 0.5em 0;
            /* display: block; */
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .gsb3 li i {
            width: 18px;
            height: 18px;
            line-height: 18px;
            text-align: center;
            color: #fff;
            font-size: 12px;
            border-radius: 50%;
            display: inline-block;
            margin-right: 3px;
            background: #00a0e9;
        }
    
	
		.scroll-web-txt ul:after {
            content: "";
            display: block;
            height: 0;
            clear: both;
            overflow: hidden;
            visibility: hidden
        }

        .scroll-web-txt ul {
            *zoom: 1
        }

        .scroll-web-txt ul li {
            float: left;
            width: 33.33%;
            overflow: hidden;
        }

        .scroll-web-txt ul li img {
            width: 16px;
            height: 16px;
            margin-right: 5px;
        }

        .scroll-web-txt ul li a {
            height: 35px;
            line-height: 35px;
            margin: 5px;
            text-align: center;
            border: solid 1px #ddd;
            border-radius: 5px;
            background: #eee;
            background-image: linear-gradient(to top, #eee, #fff);
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
            display: block;
        }

        @media screen and (max-width:800px) {
            .scroll-web-txt ul li {
                width: 50%;
            }
		}
    
	
		.list4 ul {
            width: 100%;
            padding: 0 3px;
        }

        .list4 ul li {
            float: left;
            width: 33%;
            height: 40px;
            line-height: 40px;
            text-align: center;
            outline: 1px solid #ddd;
            overflow: hidden;
        }

        /* .list4 ul li:nth-child(3n+2){
                   border-right: none;
                } */
        /* .list4 ul li:nth-child(n+3){
                    border-right: none;
                    border-bottom: none;
                } */
        .list4 ul li:last-child {
            border-right: 1px solid #ddd;
        }

        .list4 ul::after,
        .list4 ul::before {
            display: block;
            content: "";
            clear: both;
        }


        @media screen and (max-width: 800px) {
            .list4 ul {
                width: 100%;
                padding: 0 0px;
            }
            .list2 ul {
                width: 100%;
                padding: 2px 2px;
            }
        }
    
	
		#zs p {
            color: black;
            display: inline;
        }

        #zx1 div,#zx1 p{
            display: inline;
		}
        .dragDiv {
		    border:1px solid #ddd;
		    padding:10px;
		    width:300px;
		    margin:0 auto;
		    border-radius:4px;
		    box-shadow:0 1px 2px #fefefe;
		    position:fixed;
			border:1px solid #ddd;
			padding:10px;
			width:300px;
			margin:0 auto;
			border-radius:4px;
			box-shadow:0 1px 2px #fefefe;
			position:fixed;
		}
		.wrap_box .tlt{
			width: 100%;
			height: 30px;
			line-height: 30px;
			background: #F16000;
			font-size: 16px;
		}
		.wrap_box .tlt span{
			display: inline-block;
			float: left;
			text-align: center;
			color: #ffffff;
			font-size: 12px;
		}
		.wrap_box .tlt span:nth-child(1){
			width: 50%;
			font-weight: bold;
			font-size: 16px;
		}
		.wrap_box .tlt span:nth-child(2){
			width: 50%;
		}
		.wrap_box .cont{
			width: 100%;
			height: 252px;
		}
		.wrap_box .cont .left,.wrap_box .cont .right{
			width: 50%;
			height: 100%;
			float: left;
		}
		.wrap_box .cont .left img{
			width: 100%;
			height: 100%;
		}
		.wrap_box .cont .right img{
			width: 100%;
			height: 50%;
		}
		.add_cont{
			width: 100%;
		}
		.add_cont .tlt{
			width: 100%;
			height: 30px;
			line-height: 30px;
			text-align: center;
			background: #F16000;
			color: #ffffff;
			font-size: 18px;
		}
		.add_cont .tlt i{
			position: relative;
			top: -2px;
		}
		.add_cont .com_cont .cont_tlt{
			padding-left: 10px;
			font-size: 18px;
			height: 40px;
			line-height: 40px;
		}
		.add_cont .com_cont{
			width: 100%;
			background: #F4F1EA;
			margin-top: 3px;
		}
		.add_cont .com_cont div{
			padding: 15px 0 15px 20px;
		}
		.add_cont .com_cont div p{
			font-weight: bold;
		}
		.popup{
			position: fixed;
			left: 0;
			top: 0;
			background: rgba(0, 0, 0, 0.5);
			width: 100%;
			height: 100%;
			z-index: 1001;
			display: none;
		}
		.popup img{
			width: 80%;
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			z-index: 1002;
			margin: auto;
		}
		.warnMsg{
			width: 200px;
			height: 50px;
			line-height: 50px;
			text-align: center;
			background: rgba(0, 0, 0, 0.5);
			color: #ffffff;
			font-size: 18px;
			display: none;
			position: fixed;
			top: 50%;
			margin-top: -25px;
			left: 50%;
			margin-left: -100px;
		}
		.history_line{
			width: 100%;
			height: 30px;
		}
		.history_img_btn{
			float: right;
			color: blue;
			text-decoration: underline;
		}
    
	<style media="screen">
		.downAppBox {
			position: fixed;
		    z-index: 5;
		    bottom: 60px;
		    width: 100%;
		    max-width: 800px;
		    height: 60px;
			background: rgba(0, 0, 0, 0.7);
			display: flex;
		}
		.downAppBox  img {
			width: 28px;
			height: 28px;
			margin-top: 18px;
			margin-right: 3px;
			margin-left: 3px;
			vertical-align: middle;
			color: #fff;
			cursor:pointer;
		}
		.downAppBox p {
			color: #fff;
			font-weight: bold;
		}
		.downAppBox a {
			position: absolute;
			right: 0;
			text-decoration: none;
			text-align: center;
			display: inline-block;
			width: 80px;
			height: 46px;
			line-height: 46px;
			background: red;
			color: white;
			margin-top: 7px;
			margin-right: 5px;
			border-radius: 5px;
			cursor: pointer;
		}
		@media screen and (max-width: 320px) {
			.downAppBox p {
				display: block;
				width: 200px;
				overflow: auto;
				margin-top: 5px;
			}
        }
		@media screen and (min-width: 321px) {
			.downAppBox {
				line-height: 60px;
			}
		}
	
	<style media="screen">
		#home-ad-box {
			width: 100%;
			max-width: 800px;
			height: 100%;
			background-color: rgba(0, 0, 0, 0.8);
			position: fixed;
			top:0;
			z-index: 9999;
			display: none;
		}
		#home-ad-img {
			width: 300px;
			height: 500px;
			margin-top: -250px;
			margin-left: -150px;
			position:absolute;
			top:50%;
			left:50%;
			z-index:1;
		}
		#home-ad-img-main{
			position: relative
		}
		#home-ad-img i {
			width: 40px;
			height: 40px;
			line-height: 40px;
			margin-top: -15px;
			margin-right: -15px;
			border: 1px solid #999;
			float: right;
			background: #fff;
			border-radius: 50%;
			text-align: center;
			cursor: pointer;
			z-index: 1;
			color: #333;
		}
		#home-ad-img img {
			width: 100%;
			float:left;
			position: absolute;
			z-index: -1
		}
		.home-tankuang {
			position: fixed;
		    top: 0;
		    width: 100%;
			max-width: 800px;
			height: 100%;
			z-index: 9999;
		}
		.home-tankuang .tankuang-cont {
		    width: 100%;
		    height: 100%;
		    background-color: rgba(0, 0, 0, 0.8);
			display: flex;
			text-align: center;
		}
		.home-tankuang .tankuang-cont .cont-img {
			width: 465px;
			height: 725px;
			margin: auto;
			position: relative;
		}
		.home-tankuang .tankuang-cont .cont-img .advertImg {
			width: 100%;
			height: 100%;
			cursor: pointer;
		}
		.home-tankuang .tankuang-cont .cont-img .closeBtn {
			width: 40px;
			height: 40px;
			position: absolute;
			top: -10px;
			right: -10px;
			z-index: 99999;
			background: #fff;
			border-radius: 50%;
			cursor: pointer;
		}
		@media screen and (max-width: 320px) {
			.home-tankuang .tankuang-cont .cont-img {
				width: 250px;
				height: 387px;
			}
			.home-tankuang .tankuang-cont .cont-img .closeBtn {
				width: 32px;
				height: 32px;
			}
		}
		@media screen and (min-width: 321px) and (max-width: 414px) {
			.home-tankuang .tankuang-cont .cont-img {
				width: 300px;
				height: 438px;
			}
		}