		.hide{
			display: none;
		}
		.chat_box .digital {
			width: calc(100vw - 14px);
			padding: 7px;
			display: -webkit-box;
			display: -moz-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
			position: absolute;
			left: 0;
			background-color: #ffffff;
			height: 90vw;
			bottom: -100vw;
			/*border-top: 3px solid #63a5ff;*/
			-webkit-box-direction: normal;
			-webkit-box-orient: vertical;
			-moz-flex-direction: column;
			-webkit-flex-direction: column;
			flex-direction: column;
			box-pack: justify;
			-webkit-box-pack: space-between;
			-moz-justify-content: space-between;
			-webkit-justify-content: space-between;
			justify-content: space-between;
			box-align: stretch;
			-webkit-box-align: stretch;
			-moz-align-items: stretch;
			-webkit-align-items: stretch;
			align-items: stretch;
			transition: bottom 1.5s;
			z-index:100;
		}

		.chat_box input {
			margin-left: 0
		}

		.chat_box .digital .row {
			width: 100%;
			position: relative;
			height: 11%;
		}

		.chat_box .digital .firstrow {
			position: relative;
		}

		.chat_box .digital .firstrow input {
			width: 100%;
			position: absolute;
			box-sizing: border-box;
			height: 100%;
		}

		.chat_box .digital .firstrow button {
			width: 15%;
			height: 80%;
			top: 10%;
			border-radius: 4px;
			position: absolute;
			background-color: #aaaaaa;
			color: #fff;
			right: 3px;
			border: none;
		}

		.chat_box .digital .sencondrow {
			/* display: -webkit-box;
			display: -moz-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
			box-pack: justify;
			-webkit-box-pack: space-between;
			-moz-justify-content: space-between;
			-webkit-justify-content: space-between;
			justify-content: space-between;
			box-align: center;
			-webkit-box-align: center;
			-moz-align-items: center;
			-webkit-align-items: center;
			align-items: center; */
			width: 100%;
			position: relative;
			
		}

		.chat_box .digital .sencondrow .arrow {
			color: #9ecaff;
			width: 5%;
			position: absolute;
			top: 30%;
		}
		.chat_box .digital .sencondrow .arrow.left-arrow {
			left:0
		}
		.chat_box .digital .sencondrow .arrow.right-arrow {
			right:0
		}
		.swipe-contaiber{
			width: 75vw;
			height: 100%;
			position: relative;
			overflow: hidden;
			margin: 0 auto;
		}
		.chat_box .digital .sencondrow .swipe-box {
			/* width: 13vw每个 */
			height: 100%;
			position: absolute;
		}
		.chat_box .digital .sencondrow .swipe-item {
			float: left;
			width: 12vw;
			height: 10vw;
			background-color: #FFFFFF;
			color: #4a92f4;
			border: 1px solid #4a92f4;
			text-align: center;
			box-sizing: border-box;
			margin-right:3vw;
		}
		.chat_box .digital :nth-child(6){
			margin-right:0;
		}
		.chat_box .digital .sencondrow .swipe-item.active{
			background-color: #fff;
			color: #4a92f4;
		}

		.chat_box .digital .sencondrow .swipe-item .title {
			font-weight: 600;
		}

		.chat_box .digital .cliprow {
			display: -webkit-box;
			display: -moz-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
			box-pack: justify;
			-webkit-box-pack: space-between;
			-moz-justify-content: space-between;
			-webkit-justify-content: space-between;
			justify-content: space-between;
			box-align: center;
			-webkit-box-align: center;
			-moz-align-items: center;
			-webkit-align-items: center;
			align-items: center;
			font-size: 13px !important;

		}

		/*p {*/
		/*	font-size: 14px !important;*/
		/*}*/

		.chat_box .digital .cliprow .libtn {
			width: 19%;
			height: 100%;
			border-radius: 6px;
			background-color: #fff;
			color: #141414;
			display: -webkit-box;
			display: -moz-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
			-webkit-box-direction: normal;
			-webkit-box-orient: vertical;
			-moz-flex-direction: column;
			-webkit-flex-direction: column;
			flex-direction: column;
			box-pack: center;
			-webkit-box-pack: center;
			-moz-justify-content: center;
			-webkit-justify-content: center;
			justify-content: center;
			box-align: center;
			-webkit-box-align: center;
			-moz-align-items: center;
			-webkit-align-items: center;
			align-items: center;
		}

		.chat_box .digital .cliprow .libtn.blueline {
			border: 1px solid #F1F1F1;

		}
		.chat_box .digital .cliprow .libtn.blueline.active{
			/*color: #4a92f4;*/
			/*background-color:#fff*/
		}

		.chat_box .digital .cliprow .libtn.bluebg {
			background-color: #4a92f4;
			color: #fff;
			font-size: 15px;
		}

		#yesbtn {
			background-color: #fe4543;
			color: #FFF;
		}

		.html {
			height:100%;
		}
		.body{
			position-:fixed;
			height:100%;
			overflow:hidden;
		}