sso/static/css/style.css

body,html {
	font-family: Helvetica,STHeiti,Microsoft YaHei,Verdana,Arial,Tahoma,sans-serif;
	margin: 0;
	padding: 0;
	border: 0
}

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline
}

html {
	line-height: 1
}

ol,ul {
	list-style: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

caption,td,th {
	font-weight: 400;
	vertical-align: middle
}

blockquote,q {
	quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
	content: "";
	content: none
}

a img {
	border: none
}

a {
	color: #07d;
	text-decoration: none
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {
	display: block
}

html {
	position: relative
}

body,html {
	min-width: 1100px;
	color: #2c3a46;
	background: #fff;
	font-size: 14px;
	line-height: 1.6em;
	font-family: Helvetica,Pingfang SC,Microsoft YaHei,STHeiti,Verdana,Arial,Tahoma,sans-serif
}

/* @media (max-width:768px) {
	body,html {
		width: 1100px
	}
}

@media (max-width:1100px) {
	body,html {
		min-width: 1000px
	}
} */

.container {
	margin: 0 auto;
	width: 1100px
}

/* @media (max-width:1100px) {
	.container {
		width: 100%
	}
} */

.container.main-container {
	min-height: 400px
}

.pull-left {
	float: left
}

.pull-right {
	float: right
}

.hide {
	display: none
}

.clearfix {
	zoom: 1
}

.clearfix:after {
	content: "";
	display: table;
	clear: both
}

.phptpl-header {
	width: 100%;
	min-width: 1100px;
	height: auto;
	position: relative;
	background: #fff;
	border-bottom: 1px solid #ededed;
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.1);
	box-shadow: 0 1px 4px rgba(0,0,0,.1);
	z-index: 200;
	-webkit-transition: all .5s ease-in;
	-moz-transition: all .5s ease-in;
	transition: all .5s ease-in
}

/* @media (max-width:1100px) {
	.phptpl-header {
		min-width: 1000px
	}
} */

/* 重置 css */
/* 
.main-container .wrapper {
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
    zoom: 1;
}
.main-container .wrapper:after {
    content: "";
    display: table;
    clear: both;
}
.main-container .wrapper h3 {
    text-align: center;
    font-size: 28px;
    color: #333;
    line-height: 40px;
    padding-top: 90px;
}
.main-container .wcard-container h3 {
    font-family: PingFangSC-Medium;
    font-size: 28px;
    color: #333;
    letter-spacing: 0;
}
.main-container .wcard-container .wcard-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 70px;
}
.main-container .wcard-container .wcard-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.main-container .wcard-container .wcard-content .wcard-left {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.main-container .wcard-container .wcard-content .wcard-right {
    width: 615px;
}
.main-container .wcard-container .wcard-content .wcard-left .wcard-section {
    margin-bottom: 28px;
}
.main-container .wcard-container .wcard-reverse .wcard-left {
    padding-left: 72px;
}
.main-container .wcard-container .wcard-content .wcard-right img {
    width: 100%;
}

.main-container .wcard-container .wcard-reverse .wcard-right img {
    width: 112%;
    margin-left: -10%;
}
.main-container .wcard-container .wcard-content .wcard-left .wcard-section .wcard-sectitle {
    color: #333;
    font-size: 18px;
    line-height: 24px;
    font-family: PingFangSC-Medium;
    letter-spacing: 0;
}
.main-container .wcard-container .wcard-content .wcard-left .wcard-section .wcard-secsummary {
    margin-top: 5px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #999;
    letter-spacing: 0;
    line-height: 24px;
}

a.button {
    font-size: 14px;
    padding: 12px 22px;
    text-decoration: none;
    border-radius: 2px;
}
.main-container a.button {
    font-size: 14px;
    padding: 10px 42px;
    border-radius: 2px;
    display: inline-block;
}
.main-container a.blue {
    background-color: #38f;
    color: #fff;
}
.main-container a.blue-outline {
    border: 1px solid #38f;
    color: #38f;
    padding: 9px 42px;
} */