/*******************************************
      		 -****公共样式****-
********************************************/
html,
body {
	overflow-x: hidden;
}

div {
	box-sizing: border-box;
}
.clearfix::after {
	display: block;
	clear: both;
	content: ""
}
.wp {
	width: 1260px;
	max-width: 94%;
	margin: 0 auto;
}

.wp1100 {
	width: 1100px;
	max-width: 94%;
	margin: 0 auto;
}

.wp1200 {
	width: 1200px;
	max-width: 94%;
	margin: 0 auto;
}

.mt100 {
	margin-top: 100px
}

#hd {
	height: 79px;
	background: #DEDEDE;
}

.hd-logo {
	height: 100%;
	line-height: 79px;
	margin-left: 10px;
}

.hd-logo img {
	vertical-align: middle;
	height: 50px
}

.hd-nav {
	margin-left: 50px;
}

.hd-nav ul li {
	float: left;
	margin: 0 2px;
	position: relative;
	z-index: 11;
	text-align: center;
	width: 115px
}

@media screen and (max-width: 1150px) {
	.hd-nav {
		margin-left: 30px;
	}

	.hd-nav ul li {
		width: 93px
	}
}



#ft {
	background: #282828;
}


#ft .copyright {
	padding: 10px 20px 30px;
}

#ft .copyright p {
	text-align: center;
	line-height: 26px;
	font-size: 14px;
	color: #4d4d4d;
}

.sidebar {
	position: fixed;
	top: 50%;
	right: 30px;
	z-index: 97;
	width: 48px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.sidebar a {
	display: block;
	width: 45px;
	height: 50px;
	box-sizing: border-box;
}

.sidebar .backtop {
	background-image: url('../images/top.png');
	background-size: 100% 100%;
	margin-top: 36px;
	transform: translateX(200%);
	transition: 0.4s;
}

.sidebar .backtop:hover {
	background: url('../images/top_hover.png');
	background-size: 100% 100%;
}

.sidebar .backtop.backtop-show {
	transform: translateX(0);
	transition: 0.4s;
}





/*******************************************
      		 -****首页样式****-
********************************************/
#banner {
	height: 600px;
	width: 100%;
}

#banner .wp {
	height: 100%;
	position: relative;
}

#banner .text {
	float: left;
	width: 50%;
	color: #fff;
	position: relative;
	top: 62%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	padding-left: 2%
}

#banner .text h2 {
	font-size: 36px;
	line-height: 50px;
}

#banner .text p {
	font-size: 36px;
	line-height: 32px;
	margin-top: 0;
}

#banner .text a {
	display: block;
	vertical-align: top;
	margin-top: 46px;
	width: 201px;
	line-height: 34px;
	background: #74FF00;
	border-radius: 4px;
	text-align: center;
}

#banner .img {
	float: right;
	width: 50%;
	height: 100%;
	position: relative;
}

#banner .img img {
	max-width: 90%;
	max-height: 90%;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

#banner .swiper-pagination-bullet {
	width: 18px;
	height: 18px;
	background: url('../images/hexagon.png');
	background-size: 100% 100%;
}

canvas {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
}

canvas.flare {
	opacity: 0.5;
}

.index-sec{
    padding-top: 30px;
}
.index-sec .titles {
	text-align: center;
	margin-bottom: 30px;
}

.index-sec .titles h3 span {
	display: block;
	vertical-align: top;
	line-height: 40px;
	font-size: 24px;
	color: #0D1A26;
	position: relative;
	font-weight: 500;
}

.index-sec .titles p {
	font-size: 16px;
	line-height: 26px;
	color: #666666;
	width: 680px;
	margin: 0 auto;
	margin-top: 10px;
	width: 440px;
	text-align: left;
}
.icon {
    width: 20px;
    height: 20px;
    display: block;
    border: none;
    float: left;
    background-size: 20px;
    background-repeat: no-repeat;
}

.aui-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 15px;
    position: relative;
}
.aui-flex-box {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    font-size: 14px;
    color: #333;
}
.aui-ver-form {
    background: #fff;
    border-radius: 5px;
    width: 500px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    
}

.icon-phone {
    position: absolute;
    left: 10px;
    top: 13px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAFaElEQVRoQ+2azXXbRhCAZwCC1zgVRKogcgWWKrBUgcWYzNXiQYvnk6mTH+CD5GvIREwFkiowVIGYCsx0QF1JgZM3IIC3WCz+SNCBfniSiAU4387Mzh8QntkHnxkvvAA/dY2/aPhFw09sByqb9Mh1PyDiK94HWi6nZrt90+n3Z49lX0oDX56fv3pYLL4hwJ4MRwCTlmUdPBbo0sBD171TYSPwxwRdCvhP1z0mgMsYkOgeEdmMf5G0Pe4K0Wm6aRcCsyn7i8V3AFj5LdF9q93e4b/9xWIiQxNRv2fbF02GLgQeOs4AET9FEAjQeS/EmP//w3X3DIC7hE8jHvROT72mQhcCjxznOyAGGiWA254Q+zLM0HFOEPFc+m5mWtZuUw+xXGBVg7J2E9Cue40Ab+VDrCfE6yZqORdY1Z5pWT/rNBf4+XzuAeKvEuTXrhAnTYPOBR45zhgQ3wVCE/3Tte1EDJZh2BqQyEPEn3T+3hTwfA27rocAb0Lgv7u2fZwnuBq+AGBm+v7rzseP00cBPHJdkmLvWc+2B0WCJ6xiFcZK3Vf03Lqu55v0GsApfyaadm17ty6BN31O7cAs0Mh1OStbmX+B728KUPX+WoHDrOwKAOJYTQA3PSEOqwq2rfVFYWkWnbpFgo8c5xAQWbNBChr7fsMyr9KntC7LiqCGjnOOiImYyzm3gXgSpaHb0ljV5xYBJzKorhCp9cMvX/aR6FtCqwC3Ld8/blI4knKD7D1K5clER13bvpbvGKppZcPCkEpXKZcGgFS6mGgMEBUmJ1VNsO71hdXS0HHigws0MXXkOJM4h34KwKnMSTl1FZNuXCpZyaR5carIV7QYhiOOvdHH6wpxULcp1vW8QpPmHxrKRQQAqGWier1p+bO8WaWANVVQ4vC6/Px558EwJnJpSA1LOEqFJXlnEocTa9n3d+U4qzHt2RLg4HchuNHXmE8pDQdmnU4wUr6qHnBcDzcNujRw6MuJzEvtcWW0etaC/st1V40HAPhNiNu6TKQSsMZXUzCbQgdRgegq6pQyaJ2TjUrAgZaVtiwLo3Yos6AJ8SivZx26DYe4RMUVandWdH8ZK6gMrDNtAEiNWTKgAREH709Pz1ThwvV3smYzAE66QnwtA6dbsxZwMEmcz6dyGKoCrVs7cl0e0XyIhORyFBAHSMTNg/j78PrYtKz+Os3+tYD5R7VjFk2lFGruIm73xkQ0JcPosImrIS2YXy2Xe1HY4zxgSXSRiPMAEwLoVA17awOz3JqEhLuUFz3b7qvmpBnJZFulpgwNN5hLU3liOQOijlqy5pn7RsC6QywyOd3oNENoVb7MiUU4lB/LYx2+OetcqM2H1QdpEg7uVl6b7XZH9bNMEw/iT7l6Wp1ohvJ4pmUdFfn1xhqO4LXmneNnHNN9w9gjfoXCMLxWqzUpElbeaPZ7AhgnDs4SG1YbcOTT6uHC6SUADDYJJVk+GW7atTzE0/Xd5PtrBY5PbyIewsmTRL7kmb7fqbuxp+b4RVVa7cBMluunAGPT98/qAA9SXdO8kl+2Uas41Tq2Ahz9SBhfOaGQQ0lwmVNSXMHfrAM/cpx3gMjPjtPQvN55JNNWgSNtP8zn/FpE/J5IyieJpoDoAZFnIE511VHor28Akcc4nH0lJxxE94S4X5SIbB04ggsFHqQyrrwsYbURwfslucu48W9Zh2VO+R8GHIOv8nAey7DW47cFiqB01zkF5QhQ5VWpHw4sCx7EbqL90ExTfp6xCf+y6SOiZ1jWdRmtbjUsraOpwNf5xG21dmC55PdIUvUwAkzM5XKyzgHXSOB1N6rqff+rSVcVto71L8B17GKTn/Gi4SZrpw7Znp2G/wNIifJbp9mP3gAAAABJRU5ErkJggg==');
}

.icon-code {
    position: absolute;
    left: 10px;
    top: 14px;
    background-size: 18px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTcxRUVDNkM2QTczMTFFOTkxRDFGN0MzNkJGOERGODAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTcxRUVDNkQ2QTczMTFFOTkxRDFGN0MzNkJGOERGODAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NzFFRUM2QTZBNzMxMUU5OTFEMUY3QzM2QkY4REY4MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NzFFRUM2QjZBNzMxMUU5OTFEMUY3QzM2QkY4REY4MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pgn4M7wAAArSSURBVHja7JsPkFdVFcfvfe/9dtXUsJJwVAoIMMF0sQCHwFBnJDMUS40ojKJpUhkrGIIxJzRiRCYhxJE2SEomy4lQyWQKjEQRK8tKSbPCjZAYpXQQ2V1+790+5737du++37/9/fa3QMib+e57v3ffu/d+7znn3nPOfauNMerNdHjqTXYcJXykH0GpglVLliixb9PerjS/Q62V1jou84NAmXxehdb+Dfc9eTYtD0P++EpFkYo8T8lToNHTepI2ZjbXg1Ry70+8sYx3H6Cx1pB35F2pR9v65JynDl/a4rfUpe3Z41mpP5YcbRnbz4DraXPmHFIJvwvcBal76VQT1ycKIPtBzj/i/neUHYQjQaUvgdgGGppmpSoHKqBeVlZDkNJUsBlpTv2/JJwothqMSi7m/BB4T0dZFP0SVZ+MuVyufX+x89op4Pu8cw/nCw+6DfeA7IXG866MlLoAYxuc3o9lacwCbHE+pPbH9un7W0wYbqJsIaVnxLap9ae4vgr8GNwNfnU4Ehb7+wRkx3AeE2l9Yqb8OfBlsL7LXVFpYx70fP/PEJ0F+WvtxNjA709z/qgl/Bvwa/DEoST8XmufF2i51npA9gHUdo/neSu0592Vz+dbdCmt0Ho7z1yXj6KH+XkDz11ki/pAfBJ2N4nzbn5vB38Hj4BnwDbwer0JHwPOBqPBMDA8DMO+nI+no307TbbjaEduTzABreb6F+CfSuvKrSQT2M/AZsiN4/eXeGssv3P2iXdajGYgr+S8l4luL+c3wCawFjwO9tdGOOnAaBq/EwzVCXHfKXOP18Cr0iDr4XJU+inbkVoOqWsd2EC745nkrmbARvK7n13OZKJtAG+3kONMyE9jIP7C9TVW+tURjvL5gdBaTWPZ9VHY7gN7kOJefmxiglqDtJ/UFUa3ykPq+rmANgLIjKSNsQz2ONrpT7/6UHYSeIs4SJQdC0bweyW4HOyqVqWnOc5AXtSGhv8KyWc576Ly3yPNltA7KL6LtL8lhtYLxcNiJRjKQA9XnjeKAThPJU6M2NdI7l3G5fLqJGzMiNSVjO1R62mHWSD5vIA+rvF9P4ja29cxCBPivmt9VvWOh9YnODq88ZCR7Ua8Dom8l8zw6eowuJZZOt9RgdYNh4SoOCcEKhKEpNpWQJ+yUAIHz3vFEVb/nq7DnkO+W6Nes68rE5DMC7lc2nllLOF4cnKiJWXvhfGL3h5d4N3Wy/HozrraXZ8bciKhVHosQ8qT8NOGl9kUlE6CDRWV70vUa66ldEdiVZ12TEadDukoKjNeOlYZlr7iatoN2/UKWemqVLUWonmkYFL1yg4x9yOnUx02KNKrTUNOtZ7WoQ0PTVnNh7RkPUCuoUF5MkDV2n8yOFeDjTbUHNGTzh/2OS0iqNmSFWGghnI+F9xr3cyDL+HeXpsJUuZGYbiwS5tRNASN6StaY8rME3WftHqbLETnIt0F2rV3mRx9fx4h5/PWwaiadHDY6TAEkezXGNBvFJD1vKVeLvfNDqdI5oPihL26Ei4h3fE2wtnag3VZs8Y2Q2S6KiS7BLIzuY6ciK54Pcbs7rVJS0vo5nk30dEHwHqWnPk11pujrhWcp2eciVZIfpF7s7JLb6kZn7s76irhDJtzwE1pZoLGbuT0X/CtKjTmGOq8E5qfzRS1weoGzs0Fan/gQKezkxwnOwMV1VXCpiteA3szKnWrFkl17+hLJ5YXIXsAsjOKkY2DidSvTtE1cdhYC2G37EA8I1rotMEEL4AFWc2hE83gcxXI9uOZ+3WSlnEH9BUakne/W5RsW5vykbBsy6TwwrDRee7lWlTa8c/1SeIluf6t7C05KvRtyoZJkiDTvRU62WVYVYwsuJ8aR2Xu76SuyZLMKxZsRLKfJDUHQXZ27+c897vqJWzMdmeGHOgTrrnw0vAtaUymyy+oJFOZbeBuOvDhzER0CkTXZsnyxE5wmS5GVtxUyOYlHJQIS+y4E8chnTPSZ5H4S7UQ/qMTjw4M29qCsL1dpShY8LU+oESFjbknq4Y4ED/EMxpv19X3mSQrOTrTosysk8BTpmSXknW3i+0mGEDhGGsO+xiQnVWrdJDLbQ3DMG3pLBqT/aHnCmyq60zZLpLmznGUfMx5rg+z6koIy9bJpdYn7oyBjdlG2ee5/G0pZySyffGKJyDezTNvs339A6UvVW/DWr/Iyy2cZatTUibnZwnL6Maq3bUT+7m6DqdAkvRjnWdFCrcUkdqjvD+F8n/1ILd1fqfOepLd/E/VKo1E9tDET51bE1WaiHdULB55IewAae32g0D2hh4vz8Fs5uFPqkpkyx/vABM6VN6YLTVFSwH67EeRxJ+hlfjFeFTjJJsROchLvAtpnQ3qtW5B+jLbPlnMFsFjeGWT41m5QkxdAUOVTcvSg39gHk+Xy7aUJBx/qqC17NY9kk5+4Hpt7SiFz3KlS2QwuL8DSU9ionnBuH6x1g9T91WVyKafOJQDx1ecN2SnsaUmCedZ58IgeAPiq02nB3UFuDhgMALKU6QZxRKO/C7Z/eOZh3imhSWu2W9ouITfuyp5c3GaqAwYtCHUeYV9Ph8ZszZ1jqqetPx0hlZqjSw38Y5eUvFSrs8pto/UkT51HRSuiV+fxRQuZSI7U+dy27oTIkrmstxEZZKM5sw0VUsbG6l7g+lG8q8kYYt92IQEB+lu4BA6/vU8rl0eb0uQ5q7kulTIZo9tlbKRab5ZctNiLqXAgH9A2+9GbFi6HPNpky+M/CConrBpbOyAbmx8lA6sSjvL6Mpu/cdlnU5HNE6Iy29x/RiMapP12ib5XVs35aDUbRKhmcQTfAyNWBfZPHY5KZf2tMR3ttBy1vpGk+z7yrUvATmSbcqqtCpjz+XW2Cgh0ZlclgGUb8GsFglkQO29+ZR/yD4p+8m305+wZ0m8ZE3rhFKvQkS+9kr3cE5lQloZezkl3ECRtCmzU2FtL1HBYoNk285IdwJ/rnc0QzIk6+NUT9f+9jweRoIb+DM3rZDGmiD9A36doArX4XhikW0Ucfa77EzY62qDcd4aQCtLuXyrHZCt+Aq3xF/vtbYqRdjYgZ4QTiURNDSINFag4jc7nR+Liq3mon8p24wc5yS2dSTvJetxVTsPDNp9nNOt0Nd5X74MquqjFq9aW4tfCoJ5RvJPaaejaKIRr4x1sZLXFMfRdiu0CsmeRkfX8cb7nahphki4wPTqqdIucaqcESW7AKkkhyM1cUUvKkumyn0lIeklX/c0Obnpmxn0VfHesQQvxdALWctWGp7K7LjQGVEJISXgmFWP/DS1TjGJZM92khGLMKt5QjZePQ4iYelAnsbn0PBs05kvlk8lFmGz8gXOsBprPp0ZfjVEv9exj2RMK/PITAKS2SXVuNdUulAai1Syw7fbGQxJ62wQ8irZ6tSVtTf+wPRWLSGeMVNU8j2WskvhNdR3e0+7Ws/dw5/QofNM8j1lu5OomwUBSaotsznsk8GxNo99vEr2fEfx7mL73FfBadbWI/kODPLyKeJ99ehkXfeWUOvtqPhHcC+ncy3bnIM6iGt9LWeBfCspH4vKl3unM7s3RaIBhZPZDu7cweS0GPXO16uPvbGZJrbczJ8HtUhXqYlIabBDZxDL0yDT6bxkj2dMsvm9jLK/1btzvbl7+G9RZ+LWO7Cbz8jyAslzrZ1mjxfjBJ4xT+OvNzvua90PffQftY4SPrKO/wkwAE36ScfajkvPAAAAAElFTkSuQmCC');
}

.aui-ver-form .aui-flex-box {
    background: #f1f0f0;
    position: relative;
}

.aui-ver-form .aui-flex-box input {
    height: 30px;
    line-height: 30px;
    padding: 10px 0 10px 34px;
    background: none;
    border: none;
    width: 100%;
}


.aui-ver-form .aui-flex {
    padding: 0.5rem 0;
}

.aui-ver-button {
    margin-top: 1.2rem
}

.aui-ver-button button {
    background: -webkit-linear-gradient(left, #2B5CA9 , #3E74CE);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #2B5CA9 , #3E74CE);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #2B5CA9 , #3E74CE);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #2B5CA9 , #3E74CE);
    /* 标准的语法 */
    background-color: #2B5CA9;
    border-radius: 12px;
    color: #fff;
    border: none;
    width: 100%;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    box-shadow: 0 5px 9px #2B5CA9;
    margin-bottom: 40px;
}

.aui-button-code input {
    background: -webkit-linear-gradient(left, #2B5CA9 , #3E74CE);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #2B5CA9 , #3E74CE);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #2B5CA9 , #3E74CE);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #2B5CA9 , #3E74CE);
    /* 标准的语法 */
    background-color: #2B5CA9;
    color: #fff;
    border: none;
    border-left: 8px solid #fff;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    padding: 0 10px;
}




.details .titleNav {
	width: 100%;
	border-bottom: 1px solid #cccccc;
	height: 45px;
	line-height: 45px;
}

.details .titleNav .titleLeft {
	height: 45px;
	line-height: 45px;
	float: left;
	margin-right: 6px;
	background-size: contain;
	background-image: url(../images/icon.png);
	background-position: 0;
	background-repeat: no-repeat;
	width: 25px;
	display: table-cell;
	border-left: 5px transparent solid;
}

.details .titleNav .mainTitle {
	font-size: 18px;
	padding-top: 8px;
	font-weight: normal;
	font-family: 微软雅黑;
	color: rgba(236, 108, 31, 1);
}

.details .newsDetail {
	padding: 10px;
	font-size: 16px;
	color: #333;
}

.details .newsDetail h1 {
	font-size: 25px;
	color: #333;
	text-align: left;
	font-weight: 400;
}

.details .newsDetail .newsInfoWrap {
	margin: 30px 0 20px;
	text-align: left;
	font-size: 13px;
	color: #adadad;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 100%;

}
.details .newsDetail .info{
    width: 400px;
    margin: 20px auto;
}
.details .newsDetail .line {
	border: 1px solid #f0efef;
	border-bottom: none;
	margin: 0 0 20px;
}
.details .newsDetail p{
    line-height: 30px;
}
.details .newsDetail p.red{
    color: #f00;
}
.details .newsDetail p span{
    font-weight: bold;
}
.details .newsDetail .image li{
    width: 46%;
    float: left;
    padding: 20px 2%;
}
.details .newsDetail .image li img{
    width: 100%;
}
/* flex */
.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.flex-v{-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
.flex-1{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.flex-align-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.flex-pack-center{-webkit-box-pack:center;-webkit-justify-content:flex-start;-ms-flex-pack:center;justify-content:flex-start;}
.flex-pack-justify{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}
.flex-box { display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-moz-box-orient: horizontal;-webkit-box-orient: horizontal;-o-box-orient: horizontal;box-orient: horizontal;}
/*遮罩*/
.mask{position: fixed;width: 100%;height: 100%;left: 0;top: 0;bottom: 0;background-color: rgba(0,0,0,0.8);z-index: 999;}



/* 错误提示弹层 */
.c-float-modePop {
text-align: center;
background-color: #FAFAFC;
}
.c-float-modePop .warnMsg {

padding: 20px 10px 10px 10px;
color: #fff
}
.c-float-modePop .doBtn {

width: 100%;
margin: 0 auto;
}
.c-float-modePop button {

padding: 6px 9px 6px 9px;
color: #949494;
border: 0;
}
.c-float-shade {

width: 100%;
display: block;
position: absolute;
z-index: 99;
background-color: #000;
opacity: .5;
top: 0;
left: 0
}
.c-float-shade.hide {
display: none
}
.c-float-popWrap {
	width: 85%;
	z-index: 9999;
	position: fixed;
	border-radius: 3px;
    overflow: hidden;
}
.c-float-popWrap .c-float-modePop {
	overflow: hidden;
	border-radius: 6px;
}
.c-float-popWrap .c-float-modePop .warnMsg {
    padding: 0.8em 0 0.8em;
	font-size: 15px;
	color: #333;
}
.c-float-popWrap .c-float-modePop .content {
    padding: 0 20px;
    font-size: 14px;
    color: #888;
    word-wrap: break-word;
    word-break: break-all;
	text-align: left;
}
.c-float-popWrap .c-float-modePop .doBtn {
	width: 100%;
	margin-top: 15px;
	position: relative;
}
.c-float-popWrap .c-float-modePop .doBtn:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    border-top: 1px solid #D5D5D6;
    color: #D5D5D6;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}
.c-float-popWrap .c-float-modePop button {
	background-color: #FAFAFC;
	width: 50%;
	height: 42px;
	line-height: 42px;
	color: #444;
	font-size: 17px;
	border: 0;
	padding: 0;
}
.c-float-popWrap .c-float-modePop button.ok{
	color: #0BB20C;
}   
.c-float-popWrap .c-float-modePop button.cancel{
	position: relative;
} 
.c-float-popWrap .c-float-modePop button.cancel:after {
    content: " ";
    position: absolute;
    right: -1px;
    top: 0;
    width: 1px;
    height: 100%;
    border-left: 1px solid #D5D5D6;
    color: #D5D5D6;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
}
.c-float-popWrap.hide {

display: none;
-webkit-box-shadow: none
}
.c-float-popWrap.show {

display: block;
}

.c-float-popWrap.msgMode .c-float-modePop .content, .c-float-popWrap.msgMode .c-float-modePop .doBtn {

display: none
}

.c-float-popWrap.alertMode .c-float-modePop .doBtn .cancel {

display: none
}
.c-float-popWrap.confirmMode .c-float-modePop .content, .c-float-popWrap.confirmMode .c-float-modePop .doBtn {

display: block
}
.confirm_input{
	border: 1px solid #D5D5D6;
	padding: 10px;
	width: 70%;
}
.weui_mask_transparent {
    position: fixed;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
	background: rgba(0, 0, 0, 0.6);
}
.cx_mask_transparent{
	position: fixed;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
	background: rgba(255, 255, 255, 0.1);
}

.web_toast{
    position: fixed;
	margin: 0 10px;
    z-index: 9999;
    display: none;
    display: block;
    padding: 10px;
    color: #FFFFFF;
    background: rgba(0, 0, 0, 0.7);
    font-size: 1.4rem;
    text-align: center;
    border-radius: 4px;
}