		body{
			margin: 0;
			padding: 0;
			background-color: #e7eaec !important;
			min-width: 1366px;
			/*max-width: 1920px;*/
		}
		ul li{
			list-style: none;
		}
		a{
			text-decoration: none;
			color: #333333;
		}
		a:hover{
			text-decoration: none !important;
		}
		.rangefive .showcontentT{
			display: none;
		}

		.select,.select_copy{
		    width: 450px;
    		height: 150px;
		    position: absolute;
		    top: 100%;
		    left: 22%;
		    z-index: 1000;
		    background-color: white;
		    box-shadow: 2px 2px 2px #7f93b79e;
		    cursor: pointer;
		    display: none;
		    overflow:hidden;
		}
		.selectmove{
			animation:mymove 0.2s normal 1;
		}
		.select_copy{
			width: 452px;
			left: -9%;
		}
		.select img,.select_copy img{
			width: 24px;
			height: 24px;
			margin-right: 8px;
			vertical-align: middle
		}
		.select h6,.select_copy h6{
			margin: 25px 0 25px 55px;  
		}
		.select h6>a,.select_copy h6>a{
			color: black !important;
			font-size: 15px !important;
		    letter-spacing: 3px;
			vertical-align: middle
		}
		.select p,.select_copy p{
			color: #c6c6c6;
			font-size: 12px;
		    width: 156px;
    		margin-left: 35px;
		}
		.selLeft{
			float: left;
			height: 150px;
			width: 223px;
			border-right: 1px solid #c4c4c4;
		}
		.selRight{
			float: left;
			height: 150px;
			width: 223px;
		}
	　	.clearfix:after{
			content:"";//设置内容为空
			height:0;//高度为0
			line-height:0;//行高为0
			display:block;//将文本转为块级元素
			visibility:hidden;//将元素隐藏
			clear:both//清除浮动
		}
		ul, ol { padding: 0;margin: 0}
		.navTitle a{
			color: white !important;
			font-size: 16px !important;
		}
		.navTitle ul li:hover{
			cursor: pointer;
		}
		.navBg{
			background-color: #456fb2;
			width: 100%;
			height: 101px;
			position: relative;
		}
		.nav{
			height: 110px;
			width: 1200px;
			margin: 0 auto;
		}
		.nav>div:first-child{
			float: left;
			margin-top: 7px;
		}
		.nav>div:last-child{
			float: right;
		}
		.navLogo{
			background-image: url("../img/logogg.jpg");
			height: 87px;
			width: 220px;
			background-repeat: no-repeat;
    		background-position: 25px 0;
		}
		.navTitle{
			height: 100px;
			width: 980px;
			position: relative;
		}
		.navTitleSty{
			border-bottom:3px solid white;
			padding-bottom: 10px;
		}
		.titborder{
			border-bottom: 3px solid white;
    		padding-bottom: 10px;
		}
		.navTitle>ul>li{
			display: inline-block;
			text-align: center;
		}
		.navTitle>ul>li:first-child{
			margin-left: 18px;
		}
		.navTitle>ul{
			line-height: 100px;
    		padding: 0;
    		margin: 0;
    		height: 100%;
		}
		.navTitle span{
			font-size: 12px;    
			display: inline-block;
		    margin-left: 12px;
		    margin-right: 12px;
		    color: #fff;
		}
		.wrapper{
			height: auto;
			width: 1200px;
			margin: 0 auto;
			margin-top: 20px;
			overflow: hidden;
		}
		.content{
			width: 80%;
			height: auto;
			border-right: 1px solid #b3b3b3;
			float: left;
		}
		.entry{
			background-image: url(../img/appearance.png);
			background-color:#0063e1cf;
			width:900px;
			height: 70px;
			margin-top: 20px;
		}
		.changeStyle{
			width: 98px;
    		height: 25px;
		    background: url(../img/changesSty.jpg);
		    background-repeat: no-repeat;
		    margin-top: 30px;
    		background-position: 0px -25px;
		}
		.changeStyle>span{
			width: 49px;
    		height: 25px;
    		display: inline-block;
    		cursor: pointer;
    		float: left;
		}
		.articlewrap{
			width:920px;
			height:auto;
			/*background-color: pink;*/
			/*overflow: hidden;*/
		}
		.article{
			width:900px;
			height: 160px;
			background-color:#fff;
			overflow: hidden;
			margin-top: 0px;
			border-bottom: 1px solid #f0f0f0;
		}

		.article:nth-child(1){
			margin-top: 10px;
		}

		.changearticle{
			width:301px;
			height: 323px;
			background-color:#fff;
			margin-top: 0px;
			margin-left: -1px;
			overflow: hidden;
			float: left;
			border-left: 1px solid #f0f0f0;
			border-bottom: 1px solid #f0f0f0;
			box-sizing: border-box;
		}

		.changearticle:nth-child(1),.changearticle:nth-child(2),.changearticle:nth-child(3){
			margin-top: 10px;
		}
		.changearticle:hover{
			border-right: 1px solid #d2d2d2;
		    background-color: #f7f8fd;
		}
		.artImg{
			margin:10px;
			width: 262px;
			height: 140px;
			float: left;
		}
		.artImg img{
			width:262px;
			height:140px;
			cursor: pointer;  
            transition: all 0.6s;
			margin-left: 11px;
		}
		.artImg img:hover{
			transform: scale(1.1);
		}
		.artWord{
			margin:10px;
			width: 580px;
			height: 140px;
			float: left;
			color: #666666;
		}
		.artWord h3,.artWord>h5{
			margin:0;
			padding: 0;
			margin-bottom: 20px;
		}
		.artWord a:hover,.imgCot a:hover,.showcontentT a span:hover,.showcontentB a span:hover{
			color: #027EB3;
		}
		.artWord h3{
			width: 585px;
			white-space:nowrap; 
			text-overflow:ellipsis;
			overflow: hidden; 
		}
		.changearticle h3{
			width: 262px;
			white-space:nowrap; 
			text-overflow:ellipsis;
			overflow: hidden; 
		}
		.changearticle h5{
			width: 262px;
			/*white-space:nowrap;*/
			/*text-overflow:ellipsis;*/
			/*overflow: hidden;*/
		}
		.artWord>h5{
			height:53px;
			overflow: hidden; 
			font-weight: 500;
		}
		.artWord span{
			font-size: 12px;
		}
		.littleLog{
			padding-left: 20px;
		    font-size: 12px;
		    padding-right: 8px;
		    margin-left: 8px;
		    color: #666666;
		}
		.people{
			margin-left: 0;
		}
		.people:hover{
			cursor: pointer;
		}
		.show{
			width: 19%;
			height: 100%;
			float: left;
		}
		.showCode{
			width: 100px;
			/*height: 400px;*/
			position: fixed;
			top: 32%;
			right: 0;
			z-index: 9999;
			border: 5px solid #79c2f7;
			background-color: white;
		}
		.zjdy {
			width: 100px;
			height: 100px;
			/*border-radius: 100px;*/
			text-align: center;
			line-height: 45px;
			border-bottom: 1px solid #b2b4b5;
		}

		.zjdy img {
			width: 27px !important;
			height: 27px;
			display: inline-block;
			vertical-align: middle;
		}

		.zjdy span {
			display: block;
			width: 100px;
			height: 40px;
			color: #555555;
			font-size: 16px;
		}

		.zjdy:hover {
			cursor: pointer;
			/*animation:mmmove 2s infinite;*/
			/*-webkit-animation:mmmove 2s infinite;*/
		}
		.showCode img{
			width: 100px;
		}
		.showCode span{
			font-size: 12px;
			text-align: center;
			margin: 10px 0;
			display: block;
		}
		.showCodeTop{
			margin-bottom: 20px;
			border-bottom: 1px solid #b2b4b5;
		}
		.showHot,.showPeople,.showNew,.showImg{
			width:200px;height: 270px;/*background-color: red;*/
			margin: 0px auto 20px auto;
		}
		.showImg{
			height: 160px;
		}
		.showPeople{
			height: 570px;
		}
		.showNew{
			height: 212px;
		}
		.showHot{
			height: 575px;
		}
		.showTitle{
			height: 40px;
		    background-color: white;
		    color: #4d74b4;
		    font-size: 20px;
		    font-weight: bold;
    		padding-top: 5px;
		}
		.showcontentT{
			height: 40px;
			margin-top: 10px;
   	 		border-bottom: 1px solid #b3b3b3;
		}
		.showrange{
			width: 14px;
   			height: 14px;
   			display: inline-block;
    		/*float: left;*/
    		background: url(../img/numhot.png);
		}
		.firstrange{
			background-position: 0 0 ;
		}
		.secondrange{
			background-position: 0 -14px ;
		}
		.threerange{
			background-position: 0 -28px ;
		}
		.fourrange{
			background-position: 0 -42px ;
		}
		.fiverange{
			background-position: 0 -56px ;
		}
		.sexrange{
			background-position: 0 -70px ;
		}
		.sevenrange{
			background-position: 0 -84px ;
		}
		.eightrange{
			background-position: 0 -98px ;
		}
		.ninerange{
			background-position: 0 -112px ;
		}
		.tenrange{
			background-position: 0 -126px ;
		}

		.showcontentT span:last-child{
			display: inline-block;
		    width: 164px;
			margin-left: 9px;
		    color: #7e7e7e;
    		font-size: 12px;
    		height: 34px;
			font-family: '微软雅黑';
			overflow:hidden;
			text-overflow:ellipsis;
			display:-webkit-box;
			-webkit-box-orient:vertical;
			-webkit-line-clamp:2;
		}
		.showcontentB{
			text-align: center;
    		padding-top: 10px;
		}
		.showcontentB span{
			font-size: 12px;
    		font-weight: 900;
    		color: #7e7e7e;
		}

		/*首页详情页面样式-----------------------------------------------------------star*/
		.details{
			width: 98%;
			height: auto;
			background-color: white;
			background-image: url("../img/articleBgg.png");
			background-repeat: repeat;
			padding-bottom: 40px;
		}
		
		.detailsTit{
			width: 700px;
			border-bottom: 1px solid ;
			margin: auto;
    		padding-top: 50px;
		}

		.news_title{
			color: #333333;
			font-size: 32px !important;
			font-weight: normal;
			margin-top: 20px;
			margin-bottom: 15px;
		}

		.news_nav{
			color: #00a4eb !important;
			cursor: pointer;
		}

		.news_nav a{
			color: #00a4eb !important;
		}

		.detailsTit h4{
			width: 700px;
			font-size: 17px;
		}

		.detailsTit h5{
			font-size: 15px;
			color:#333333;
			font-weight: 500;
			padding-top: 25px;
		    margin-top: 0;
    		margin-bottom: 0
		}

		.detailsDea{
			height: 65px;
			width: 700px;
			margin: 10px auto;
		}

		.detailsDea h6:first-child{
			margin-top: 20px;
			margin-bottom: 5px;
    		color: #666666;
			font-weight: normal;
		}

		.detailsDea h6:last-child{
			margin-top: 0;
    		color: #666666;
			font-weight: normal;
		}
		.detailsCot{
			height: auto;
			width: 700px;
			margin: auto;
			/*background-color: pink;*/
		}
		.detailsCot img{
			max-width: 690px;
			max-height: 500px;
		}
		.detailsTim{
			width: 700px;
			margin: 0 auto;
			border-top: 1px solid ;
			height: 80px;
    		margin-top: 50px;
			text-align: center;
    		line-height: 80px;
		}
		.detailsTim>span{
			font-size: 12px;
    		color: #4976b3;
    		margin-right: 25px;
    		margin-left: 5px;
		}
		.footer{
			width: 1000px;
			height: 111px;
			margin: 0 auto;
			background-color: #e7eaec;
			text-align: center;
			padding-top: 20px;
			color: #555558;
			font-size: 15px;
			border-top: 1px solid #b2b5b7;
			margin-top: 80px;
		}
		.newa{
			display: inline-block;
			vertical-align: top;
			width: 173px;
		}

		.loging{
			position: absolute;
			top: 0%;
			right: 2%;
			height: 100px;
			width: 100px;
		}
		.entryMe:hover,.registe:hover,.forget:hover,.userOut:hover,.entryBody:hover,.userName:hover{
			cursor: pointer;
		}
		.loging input{
			width: 150px;
			height:20px ;
			border: none;
			border-radius: 2px;
		}
		.entryMe{
			width: 36px;
			height: 45px;
			text-align: center;
			color: white;
			line-height: 50px;
			font-size: 14px;
			display: inline-block;
			border: 1px solid;
			overflow: hidden;
			border-radius: 5px;
			margin-top: 25px;
		}
		.logInput{
			float: left;
			width: 150px;
			height: 50px;
		}
		.logName{
			width: 150px;
			height: 50px;
			text-align: center;
			line-height: 50px;
			color: white;
			font-size: 14px;
		}
		.gbt{
			display: none !important;
		}
		.shade{
			position: fixed;
			width: 100%;
			height: 100%;
			display: none;
			z-index: 999;
		}
		.shade-background{
			width: 100%;
			height: 100%;
			opacity: 0.5;
		}
		.register{
			position: relative;
			background-color: #fff;
			width: 760px;
			height: 440px;
			top: -90%;
			margin: 0 auto;
			border-radius: 5px;
		}
		.regImg{
			width: 380px;
			height: 440px;
			background-image: url("../img/regImg.png");
			background-size: 100%;
			float: left;
		}
		.regLog{
			width: 330px;
			height: 410px;
			padding-right: 25px;
			float: right;
			margin: 15px 0;
		}
		.xxx{
			width: 30px;
			height: 30px;
			background-image: url("../img/xxx.png");
			background-size: 100%;
			float: right;
		}
		.xxx:hover{
			cursor: pointer;
		}
		.welcome{
			width: 330px;
			height: 40px;
			line-height: 40px;
			text-align: center;
			color: #585858;
			font-size: 20px;
			margin-top: 35px;
		}
		.acountDD{
			width: 310px;
			height: 50px;
			border: 1px solid #a2a2a2;
			margin: 15px 0;
			border-radius: 5px;
			padding-left: 15px;
		}
		.yzm{
			width: 330px;
			height: 50px;
			background-color: #1a7bb9;
			margin-top: 5px;
			margin-bottom: 40px;
			display: none;
		}
		.entryBody,.registe,.forget{
			width: 310px;
			height: 50px;
			border-radius: 5px;
			line-height: 50px;
			text-align: center;
			background-color: #3bacff;
			color: #ffffff;
			box-shadow: 0 7px 20px #79a2bd;
			letter-spacing: 2px;
		}
		.userPhoto{
			width: 100px;
			height: 100px;
			text-align: center;
		}
		.userPhoto:hover{
			cursor: pointer;
		}
		.userPhoto img{
			width: 60px;
			height: 60px;
			border-radius: 50px;
			margin-top: 20px;
		}
		.userTwo{
			width: 100px;
			height: 60px;
			background-color: #ffffff;
			box-shadow: 0px 0px 30px #989595;
			display: none;
			z-index: 999;
			position: relative;
		}
		.userName{
			border-bottom: 1px solid #ccc8c8;
		}
		.userPhoto span{
			display: inline-block;
			width: 100px;
			height: 30px;
			color: #808080;
			font-size: 13px;
			line-height: 30px;
		}
		.zjxqImg{
			width: 900px;
			height: 200px;
			background-image: url("../img/bgPeople.png");
			text-align: center;
			overflow: hidden;
			background-size: 100% 100%;
		}
		.newInBg{
			height: 125px;
			width: 100%;
			/*background-image: url('../img/newTit.png');*/
			/*background-size: 100% 100%;*/
			position: relative;
			overflow: hidden;
		}
		.weather{
			height: 25px;
			width: 244px;
			position: absolute;
			top: 5px;
			left: 100px;
			overflow: hidden;
		}
		.newInTit{
			background-image: url('../img/newBg.png');
			background-size: 100% 100%;
			height: 99px;
			width: 642px;
			margin: 0 auto;
		}
		.newInWrapper{
			height: 186px;
			width: 100%;
			background-image: url('../img/newTit.png');
			background-size: 100% 100%;
			position: absolute;
			top: 0;
			left: 0;
		}
		.newInWord{
			position: absolute;
			bottom: 5px;
			right: 50px;
			color: black;
			font-size: 12px;
		}
		.newInChoose{
			width: 100%;
			height: 64px;
			background-color: white;
			position: relative;
		}
		.newInChoose>.navTitle a{
			color: black !important;
			margin: 0 auto;
		}
		.newInChoose>.navTitle{
			height: 64px;
			float: left;
			margin-left: 100px;
		}
		.newInChoose>.navTitle>ul{
			line-height: 64px;
		}
		.newInChoose .entryMe{
			color: #808080;
			margin-top: 0px;
			border: none;
			font-size: 15px;
			height: 40px;
			line-height: 40px;
		}
		.newInChoose .entryMe:hover{
			color: red;
		}
		.newInChoose .userPhoto img{
			margin-top: 0px;
		}
		.star{
			background-image: url(../img/graySt.png);
			display: inline-block;
			width: 61px;
			height: 13px;
			background-repeat-y: no-repeat;
			vertical-align: middle;
			margin-left: 10px;
			overflow: hidden;
		}
		.yellowS{
			background-image: url(../img/yellowSt.png);
			display: inline-block;
			width: 0px;
			height: 13px;
			background-repeat-y: no-repeat;
			vertical-align: middle;
			float: left;
		}
		.mymy{
			background-image: url(../img/mymy.png);
			background-repeat: no-repeat;
			background-position-y: 5px;
			background-position-x: 10px;
		}
		.myQ span:hover{
			cursor: pointer;
		}
		.zjxqTT{
			height: 150px;
			width: 250px;
			overflow: hidden;
			background-image: url(../img/backIc.png);
			background-repeat: no-repeat;
			background-position-y: 45px;
			background-position-x: 30px;
		}
		.zjczTit{
			height: 100px;
			width: 270px;
			text-align: center;
			line-height: 100px;
			font-size: 30px;
			font-weight: 500;
		}
		.questionA{
			width: 700px;
			height: auto;
			margin: 0 0 0 70px;
			background-image: url(../img/circleOO.png);
			background-repeat: no-repeat;
			background-position-y: 0px;
			background-position-x: 0px;
			padding-left: 35px;
			font-size: 15px;
			padding-top: 5px;
		}
		.questionCot{
			width: 700px;
			height: 250px;
			margin-left: 70px;
			background-image: url(../img/numOO.png);
			background-repeat: no-repeat;
			background-position-y: 0px;
			background-position-x: 0px;
			padding-left: 35px;
			font-size: 15px;
			padding-top: 5px;
		}
		.questionImg{
			width: 700px;
			height: 250px;
			margin-left: 70px;
			background-image: url(../img/numTT.png);
			background-repeat: no-repeat;
			background-position-y: 0px;
			background-position-x: 0px;
			padding-left: 35px;
			font-size: 15px;
		}
		.questionB{
			width: 700px;
			height: auto;
			margin: 0 0 0 70px;
			background-image: url(../img/circleOO.png);
			background-repeat: no-repeat;
			background-position-y: 0px;
			background-position-x: 0px;
			padding-left: 35px;
			font-size: 15px;
			margin-top: 30px;
		}
		.questionC{
			width: 700px;
			height: 100px;
			margin: 0 0 0 70px;
			background-image: url(../img/circleOO.png);
			background-repeat: no-repeat;
			background-position-y: 0px;
			background-position-x: 0px;
			padding-left: 35px;
			font-size: 15px;
			margin-top: 30px;
		}
		.noQuestion{
			height: 50px;
			width: 860px;
			background-color: white;
		}
		.question{
			width: 900px;
			height: 567px;
			overflow: auto;
			border-bottom: 1px solid #d2d2d2;
			border-top: 1px solid #d2d2d2;
			background-image: url(../img/blueLine.png);
			background-position-y: 0px;
			background-position-x: 80px;
			background-repeat-x: no-repeat;
			position: relative;
		}
		.newDate{
			width: 700px;
			height: 350px;
			margin: 0 0 0 70px;
			background-image: url(../img/circleOO.png);
			background-repeat: no-repeat;
			background-position-y: 0px;
			background-position-x: 0px;
			padding-left: 35px;
			font-size: 15px;
			margin-top: 30px;
		}
		.jiaoliu span{
			display: block;
		}
		.jiaoliu img{
			width: 170px;
			height: 136px;
			margin-bottom: 15px;
			margin-right: 5px;
			display: inline-block;
		}
		.newDate textarea{
			display: block;
			width: 500px;
			height: 160px;
			margin: 20px 30px 30px 10px;
		}
		.allChoose{
			width: 185px;
			height: 40px;
			margin-right: 35px;
			font-size: 16px;
			border: none;
		}
		.dadTit{
			background-image: url(../img/titlll.png);
			background-repeat: no-repeat;
			background-position-x: 30px;
		}
		.noticeMsg{
			margin-left: 30px;
			margin-top: 80px;
			font-size: 15px;
			height: 100px;
			width: 500px;
			padding-top: 20px;
			background-image: url(../img/gantan.png);
			background-repeat: no-repeat;
		}
		.introude{
			width: 400px;
			height: 160px;
			text-align: left;
			margin: 0 auto;
			background-image: url(../img/self.png);
			background-repeat: no-repeat;
		}
		.littleImgS{
			background-image: url(../img/sure.png);
			background-repeat: no-repeat;
			background-position-x: right;
			background-position-y: -5px;
		}
		.littleImgE{
			background-image: url(../img/err.png);
			background-repeat: no-repeat;
			background-position-x: right;
			background-position-y: -5px;
		}

		.userPhoto:hover .userTwo {
			display: block;
		}
		.zjczTit{
			height: 100px;
			width: 270px;
			text-align: center;
			line-height: 100px;
			font-size: 30px;
			font-weight: 500;
			background-image: url(../img/liuffff.png);
			background-repeat: no-repeat;
			background-position-x: 224px;
			background-position-y: 40px;
		}
		.returnZj{
			background-image: url(../img/backIc.png);
			background-repeat: no-repeat;
			background-position-y: 45px;
			background-position-x: 30px;
		}
		.userTwo:hover {
			display: block;
		}
		.rating{
			position: relative;
			width: 240px;
			height: 44px;
			background: url(../img/icon.png) repeat-x;
			margin: 20px auto;
		}

		.rating-disply{
			width:48px;
			height:45px;
			background-position:0 -45px;
			background:url(../img/icon.png) repeat-x 0 -44px;

		}
		.rating-mask{
			position:absolute;
			left:0;
			top:0;
			width:100%;
		}
		.rating-item{
			list-style: none;
			float: left;
			width:48px;
			height:45px;
			cursor:pointer;
		}
		.ratName{
			width: 450px;
			height: 40px;
			font-size: 18px;
			text-align: center;
			background-color: #a4d0f7;
			line-height: 40px;
			color: black;
			border-radius: 10px;
			border-bottom-left-radius: 0;;
			border-bottom-right-radius: 0;
		}
		.ratSub,.cancle{
			width: 80px;
			height: 40px;
			line-height: 40px;
			border: 2px solid #4a88e4;
			border-radius: 10px;
			text-align: center;
			background-color: #3981ef;
			float: left;
			margin-top: 20px;
			margin-left: 95px;
		}
		.cancle:hover{
			cursor: pointer;
		}
		.kslbCh{
			width: 188px;
			height: 24px;
			margin-top: 7px;
			margin-bottom: 5px;
			float: left;
			margin-right: 8px;
		}
		.gcclb{
			width: 160px;
			margin-top: 6px;
			height: 43px;
		}
		@keyframes mymove
		{
		from {height:0px;}
		to {height:150px;}
		}

		@keyframes mmmove
		{
			0% {border: 10px solid #79c2f7;}
			50% {border: 12px solid #79c2f7;}
			100% {border: 10px solid #79c2f7;}
		}

