/*
* @Author: lenovo
* @Date:   2016-04-20 11:09:00
* @Last Modified by:   zhaowg
* @Last Modified time: 2017-08-31 18:45:44
*/
html,body{
	color:#333;
	height:100%;
	background:#fbfbfb;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,button{
	margin:0;
	padding:0;
	font-family:"Microsoft YaHei","Lantinghei SC", "Open Sans", "Arial", "Hiragino Sans GB", "STHeiti", "WenQuanYi Micro Hei", "SimSun", "sans-serif";


}
table{
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img{
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var{
	font-style:normal;
	font-weight:normal;
}
ol,ul{
	list-style:none;
}
caption,th{
	text-align:left;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
}

abbr,acronym{
	border:0;
	font-variant:normal;
}
sup{
	vertical-align:text-top;
}
sub{
	vertical-align:text-bottom;
}
input,textarea,select{
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
	*font-size:100%;
}
legend{
	color:#000;
}
a{
	text-decoration: none;
	color:#666;
}
i, b, em, strong{
	font-weight: normal;
	font-style: normal;
}

img {
	display: block;
}
section{
	max-width: 750px;
	margin: 0 auto;
	padding:0;
	border: 0;
  background-size: 100%;
}
button{
	border: 0;
	background: transparent;
	color: #fff;
}
/*showloding*/
@-webkit-keyframes rotate360 {
	    0% {
	        -webkit-transform: rotate(0deg);
	        transform: rotate(0deg)
	    }
	
	    100% {
	        -webkit-transform: rotate(360deg);
	        transform: rotate(360deg)
	    }
	}
	
	@keyframes rotate360 {
	    0% {
	        -webkit-transform: rotate(0deg);
	        transform: rotate(0deg)
	    }
	
	    100% {
	        -webkit-transform: rotate(360deg);
	        transform: rotate(360deg)
	    }
	}
	
	.rotate360 {
	    -webkit-animation: rotate360 2s;
	    animation: rotate360 2s;
	    -webkit-animation-iteration-count: infinite;
	    animation-iteration-count: infinite;
	    -webkit-animation-timing-function: linear;
	    animation-timing-function: linear
	}
	
	@-webkit-keyframes fadein-top-down {
	    0% {
	        opacity: 0;
	        -webkit-transform: translate3d(0, -100%, 0);
	        transform: translate3d(0, -100%, 0)
	    }
	
	    100% {
	        opacity: 1;
	        -webkit-transform: translate3d(0, 0, 0);
	        transform: translate3d(0, 0, 0)
	    }
	}
	
	@keyframes fadein-top-down {
	    0% {
	        opacity: 0;
	        -webkit-transform: translate3d(0, -100%, 0);
	        transform: translate3d(0, -100%, 0)
	    }
	
	    100% {
	        opacity: 1;
	        -webkit-transform: translate3d(0, 0, 0);
	        transform: translate3d(0, 0, 0)
	    }
	}
	.ui-loading {
	    position: fixed;
	    left: 50%;
	    top: 50%;
	    width: 100px;
	    margin-left: -50px;
	    height: 85px;
	    margin-top: -35px;
	    color: #fff;
	    font-size: 12px;
	    text-align: center;
	    background-color: rgba(0, 0, 0, 0.8);
	    border-radius: 7px;
	    padding: 10px 5px 5px;
	    -webkit-animation: fadein-top-down 1s;
	    animation: fadein-top-down 1s;
	    z-index: 10100;
	    box-sizing: border-box;
	}
	
	.ui-loading > i {
	    display: inline-block;
	    width: 40px;
	    height: 40px;
	    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAABO1BMVEX///9aXFlbW1tdXV1fX19iZGFjY2NkYmVlZWWytLFra2ttbW1zc3N0dHRzdXJ0dnN6fHl7e3t8en18fnt9fX2CgoKChIGDg4OEhISEgoWEhoOFhYWLi4uMjouNjY309vOTk5OUlpOVlZWVl5SWlJezs7OanJmbm5udnZ2jo6OlpaWmpqarq6usqq2tra3z8/OytLGzs7O1tbW2tra6vLm8vLy8vru9vb2+vr6+vL/Dw8PEwsXExsPLy8vMzsvNzc3T09PU1tPV1dXb29vY3dfa3Nnc2t3c3Nzd3d3j4+Pi5OHk5OTl5eXr6+vq7Ons6u3t7e3z8/P19fX09vP29vb7+/v6/Pn7/fr8/Pz9/f36//n7//r8/vv9//z+/P/+/v76//n7/fr7//r8/Pz8/vv9/f39//z+/P/+/v4BUWsqAAAAYHRSTlMABQUHCQ4OEBAUFxohISMjKiosLCwxMzMzNjY2PT8/REZJSUtLS1BQUllbW2JlZWVsbG5udXV3d3d6foGBiIqKkZOTmJqampqaoaSkpKutra20trm5vcDAwMDCwsLCwsKegJjAAAABjElEQVQYGe3B6VbTUBgF0CNIxJTZIUoRAWW0IIOKAhUZChShFGurn34pRc5F3v8JLGth4w+arpvIL7I3wo2/fn4fMeyKob+DyPqUddUBRDXKc/L890vYWPtWeIErfcq66gAsHCqp07iSU1J3YGFYWFfBXwtfS/MIbH3pQripM5KniiZEMgjXLaS5+IwmhpfQyrJSvruI4WFmGrdTKt2OONbFyAyim1CS6sJC96cpBD7y0iQsHBhpQ8MbkqeahoW3UkSgo0JqAVZc/Kszu7eIRCIOZ1P2exBDgWQFUawczwF4oCR1DPaeyJmkgP4TkjoCe0+r9F0ABz5ZQhSzG6O4tHqUdZBI/A9jcx7iyCklAxszhTUEepU0ZVjoF+osGh5rrfbrJywMCfkBgVKt9mMbNvJ+5R4CnVvF97DjIHFz3mnRQzOvllNoIaM0ZTSRPTHluwi3SxrxcD0lOYJwiz6NOLheTqkuWsipTKLh0V7eQ2BlPY2W7iDgiDHiILoh1j1DdI6S2oEYBvfzHm7WH90WVaa3GYffAAAAAElFTkSuQmCC) no-repeat;
	    background-size: 100%;
	    -webkit-animation: rotate360 1.5s linear infinite;
	    animation: rotate360 1.5s linear infinite
	}
	
	.ui-loading > p {
	    height: 32px;
	    line-height: 32px;
	    overflow: hidden
	}
	
	.notWeChat .icon {
	    background: url(../img/icons/WeChatIcon.jpg) no-repeat;
	    background-size: contain;
	}
	
	.v-hidden {
	    visibility: hidden;
	}
	.zalert{
		height: 100%;
	    position: fixed;
	    top: 0;
	    width: 100%;
        z-index: 9999;
    	background: rgba(0,0,0,.4);
	}
	/*弹框*/
.z-alert {
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, .4);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999999999999;
}

.in-alert {
	width: 12rem;
	background: #fff;
	border-radius: 5px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -6rem;
	margin-top: -5rem;
	text-align: center;
	z-index:99999999999;
}

.z-alert h4 {
	font-size: 18px;
	font-weight: 600;
	line-height: 60px;
}

.z-alert .z-content {
	font-size: 16px;
	line-height: 35px;
	margin-bottom: 10px;
	padding: 0 15px;
}

.z-alert .btngroup {
	line-height: 70px;
	border-top: 1px solid #ccc;
	width: 100%;
}

.z-alert .btngroup a.btnSubmit {
	width: 100%;
}

.z-alert .btngroup a {
	font-size: 16px;
	width: 170px;
	display: inline-block;
	float: left;
	color: #cc3333;
	cursor: pointer;
	text-decoration: none;
}

.z-alert .btngroup a.btnLeft {
	border-right: 1px solid #999;
	width: 169px;
}

.z-alert .btngroup a:hover {
	color: #cc3333;
}

.z-alert .codeText {
	position: relative;
	padding-bottom: 10px;
}

.z-alert .codeText #myCode {
	width: 180px;
	height: 40px;
	padding-left: 10px;
	border-radius: 3px;
	border: 1px solid #cecece;
}

.z-alert .codeText #getCodeBtn {
	width: 80px;
	background: #2197d7;
	color: #fff;
	height: 41px;
	border: 0;
	border-radius: 3px;
	cursor: pointer;
}

.z-alert .codeText #getCodeBtn.sended {
	background: #999;
}

.z-alert .passwordText {
	position: relative;
	padding-bottom: 10px;
	height: 40px;
}

.z-alert .passwordText #myPassword {
	width: 180px;
	height: 40px;
	border-radius: 3px;
	border: 1px solid #cecece;
	padding-left: 80px;
	position: absolute;
	left: 40px;
}

.z-alert .passwordText span {
	position: absolute;
	left: 45px;
	top: 13px;
	font-size: 13px;
	color: #666;
}

.z-alert .forget {
	color: #2197D7;
	font-size: 15px;
	text-decoration: none;
	margin-bottom: 10px;
	display: inline-block;
	width: 262px;
	text-align: right;
}