.boundless {
	margin: 0;
	padding: 0;
	border: 0;
	border-spacing: 0
}
.full-fill {
	margin: 0;
	padding: 0;
	border: 0;
	border-spacing: 0;
	width: 100%;
	height: 100%
}
.full-fill-r {
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	border-spacing: 0;
	width: 100%;
	height: 100%
}

.full-fill-a {
	position: absolute;
	margin: 0;
	padding: 0;
	border: 0;
	border-spacing: 0;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0
}

.center-h {
	text-align: center
}

.center-h>* {
	margin-left: auto;
	margin-right: auto
}

.center-v {
	display: table
}

.center-v>.inner {
	display: table-cell;
	vertical-align: middle
}

ul.list-style-none,ul.list-style-none>li {
	list-style: none
}

.no-rim-ul-list {
	-webkit-padding-start: 0;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	padding: 0
}

.ul-no-space {
	font-size: 0
}

.ul-no-space>li {
	font-size: 14px
}

.ul-no-rim {
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-padding-start: 0;
	-webkit-margin-end: 0;
	margin: 0;
	padding: 0
}

.ul-no-rim>li {
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-padding-start: 0;
	margin: 0;
	padding: 0
}

.ul-scroll-h {
	font-size: 0;
	overflow-x: scroll;
	white-space: nowrap
}

.ul-scroll-h>li {
	font-size: 14px;
	display: inline-block;
	zoom: 1
}

.ul-list-style-none,.ul-list-style-none>li {
	list-style: none
}

body {
	font: 14px "Lucida Grande","Helvetica Neue",Helvetica,"Microsoft YaHei",Arial,sans-serif
}

body:not([class]) a {
	color: #00b7ff
}

.action-panel {
	color: #888
}

.action-panel a {
	color: #888;
	margin: 0 15px
}

a.xiumi-red {
	color: #c95e57
}

a.xiumi-red:hover {
	color: #f77
}

.container-full-fill {
	position: absolute;
	margin: 0;
	padding: 0;
	border: 0;
	border-spacing: 0;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	width: auto
}

.container-full-width {
	margin: 0 auto;
	width: 100%
}

.ng-cloak,.x-ng-cloak,[data-ng-cloak],[ng-cloak],[ng\:cloak],[x-ng-cloak] {
	display: none!important
}[contentEditable=true]:empty:not(:focus):before {
	content: attr(placeholder)
}

.tn-fly-away,.tn-scripts {
	position: fixed!important;
	left: -10000px!important;
	top: -10000px!important;
	width: 0!important;
	height: 0!important
}

.btn-no-focus-outline:active:focus,.btn-no-focus-outline:focus {
	outline: 0
}

.btn-green {
	color: #fff;
	background-color: #7bcb96;
	border-color: #54a06d
}

.btn-green.active,.btn-green:active,.btn-green:focus,.btn-green:hover,.open .dropdown-toggle.btn-green {
	color: #fff;
	background-color: #54b274;
	border-color: #54a06d
}

.btn-red {
	color: #fff;
	background-color: #f17c72;
	border-color: #d65a50
}

.btn-red.active,.btn-red:active,.btn-red:focus,.btn-red:hover,.open .dropdown-toggle.btn-red {
	color: #fff;
	background-color: #f0675b;
	border-color: #d65a50
}

.btn-grey {
	color: #fff;
	background-color: #919bb2;
	border-color: #819bb2
}

.btn-grey.active,.btn-grey:active,.btn-grey:focus,.btn-grey:hover,.open .dropdown-toggle.btn-grey {
	color: #fff;
	background-color: #a1abc2;
	border-color: #819bb2
}

.btn-round {
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%
}

.btn-deepskyblue {
	color: #fff;
	background-color: #45bcda;
	border-color: #45bcda
}

.btn-deepskyblue.active,.btn-deepskyblue:active,.btn-deepskyblue:focus,.btn-deepskyblue:hover,.open .dropdown-toggle.btn-deepskyblue {
	color: #fff;
	background-color: #35acda;
	border-color: #35acda;
	outline: 0
}

.btn-gray {
	color: #fff;
	background-color: #a0b0bf;
	border-color: #90a0af
}

.btn-gray.active,.btn-gray:active,.btn-gray:focus,.btn-gray:hover,.open .dropdown-toggle.btn-gray {
	color: #fff;
	background-color: #90a0af;
	border-color: #8797a7
}

.tn-debugging-panel {
	position: fixed;
	top: 1em;
	right: 1em;
	width: 50px;
	height: 50px;
	font-size: 1em;
	color: #fff;
	background-color: rgba(96,0,0,.8);
	-webkit-transition: .4s ease-in-out;
	-moz-transition: .4s ease-in-out;
	-ms-transition: .4s ease-in-out;
	-o-transition: .4s ease-in-out;
	transition: .4s ease-in-out;
	overflow: hidden
}

.tn-debugging-panel:hover {
	width: 70%;
	height: auto;
	bottom: 1em
}

.tn-debugging-panel .logo {
	margin: 10px;
	font-size: 30px
}

.tn-debugging-panel .logo:after {
	content: '<< Debug Info >>'
}

.tn-debugging-panel .info {
	position: absolute;
	top: 55px;
	bottom: 1em;
	left: 1em;
	right: 1em;
	width: 100%;
	overflow: scroll
}

.tn-working-zone {
	margin-bottom: 4em
}

.tn-before-footer {
	margin-bottom: 8em
}

body {
	color: #34363c
}

.full-height-box {
	position: absolute;
	margin: 0;
	padding: 0;
	border: 0;
	border-spacing: 0;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	min-height: 100%
}

.full-height-box>.inner {
	position: relative;
	min-height: 100%
}

::-moz-selection {
	color: #fff;
	background-color: rgba(201,94,87,.6)
}

::selection {
	color: #fff;
	background-color: rgba(201,94,87,.6)
}

.x3-float-box {
	background-color: #e8ebf1;
	border: 1px solid #3f4652;
	border-radius: .5em;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	-webkit-box-shadow: 0 5px 8px rgba(70,79,96,.45);
	-moz-box-shadow: 0 5px 8px rgba(70,79,96,.45);
	box-shadow: 0 5px 8px rgba(70,79,96,.45)
}

.tn-note-panel {
	position: absolute;
	width: 100%;
	padding: 0 15%;
	margin: auto;
	z-index: 900
}

.tn-note-message {
	font-size: 1.2em;
	margin-top: 1em;
	margin-bottom: 1em
}

.auth-bar {
	display: inline-block;
	height: 50px;
	padding-right: 15px
}

.usr-loading,.usr-sign-in {
	font-size: 1.2em;
	line-height: 50px
}
.home-body {
	background: url("//smallpang.oss-cn-shanghai.aliyuncs.com/ywwl/images/bg_1.jpg")
}
.top-panel {
	color: #fff;
	min-height: 5em;
	background-color:#a2c6f1;
}
.top-panel .title-info {
	font-size: 3.5em;
	letter-spacing: 0;
	line-height: 2.8em;
	margin: 0 auto;
}
.top-panel .title-info img{max-width: 100%;}
header {
	margin: 1em 0
}
header .right nav {
	float: right
}

header .right nav:hover {
	outline: #fff solid 1px
}

header nav {
	display: inline-block;
	padding: .1em .8em;
	margin: 0
}

header a,header a:hover {
	color: #fff;
	text-decoration: none
}

.entries-panel {
	position: relative;
	overflow: auto;
	padding-top: 3em
}

.entries-panel .thumbnail {
	width: 250px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 2em;
	padding-bottom: 2em
}

@media (min-width:768px) {
	.entries-panel .thumbnail.left {
		margin-right: 0
	}

	.entries-panel .thumbnail.right {
		margin-left: 0
	}
}

.entries-panel .entry {
	position: relative;
	overflow: hidden
}

.entries-panel .entry h3 {
	color: #34363c
}

.entries-panel .entry .desc {
	height: 45px;
	color: #a9a9a9;
	padding-left: 1.5em;
	padding-right: 1.5em;
	padding-top: 1em
}

.entries-panel .entry a {
	color: #34363c;
	text-decoration: none
}

.contact .desc {
	color: gray;
	margin-top: .8em;
	font-size: 1.1em;
	line-height: 1.5em
}

.social-area {
	margin-top: 2em;
	margin-bottom: 1em
}

.off-mask {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	color: #fff;
	cursor: pointer;
	background-color: rgba(0,0,0,.6);
	-webkit-transition: .4s ease-in-out;
	-moz-transition: .4s ease-in-out;
	-ms-transition: .4s ease-in-out;
	-o-transition: .4s ease-in-out;
	transition: .4s ease-in-out;
	opacity: 0
}

.off-mask .text {
	font-size: 2em;
	padding-top: 4em;
	letter-spacing: .1em
}

.off-mask:hover {
	opacity: 1
}
.usr-loading,.usr-sign-in {
	color: #fff
}

.usr-sign-in:hover {
	color: #eee
}

.usr-info {
	color: #fff
}

.square-panel {
	margin-top: 1em
}

.square-panel .banner {
	padding: .6em 2em;
	font-size: 1.2em;
	background-color: #fff
}

.show-list-panel {
	position: relative;
	overflow: visible;
	padding-top: 3em
}

.show-list-panel .thumbnail {
	width: 250px;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 2em;
	padding-bottom: 2em;
	background: #fff;
	border: 1px solid rgba(40,45,54,.2);
	box-shadow: 0 3px 5px rgba(40,45,54,.2)
}

@media (min-width:768px) {
	.show-list-panel .thumbnail.left {
		margin-right: 0
	}

	.show-list-panel .thumbnail.right {
		margin-left: 0
	}
}

.show-list-panel .add-show-btn {
	font-size: 1.3em;
	-webkit-transition: .15s ease-in-out;
	-moz-transition: .15s ease-in-out;
	-ms-transition: .15s ease-in-out;
	-o-transition: .15s ease-in-out;
	transition: .15s ease-in-out
}

.show-list-panel .add-show-btn:hover {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05)
}


.show-list-panel .show-desc .title{color:#373b47;}
.show-list-panel .show-cover {
	position: absolute;
	margin: 0;
	padding: 0;
	border: 0;
	border-spacing: 0;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover
}

.show-list-panel .hit-count {
	padding: 1em;
	color: #fff;
	text-align: left;
	-webkit-text-shadow: 0 0 8px #6c6d6f;
	-moz-text-shadow: 0 0 8px #6c6d6f;
	-ms-text-shadow: 0 0 8px #6c6d6f;
	-o-text-shadow: 0 0 8px #6c6d6f;
	text-shadow: 0 0 8px #6c6d6f
}

.show-list-panel .hit-count img {
	vertical-align: top;
	margin-top: -4px;
	margin-right: -3px
}

.show-list-panel .show-desc {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(255,255,255,.9)
}

.show-list-panel .show-desc .title {
	padding: .5em 1.5em .3em;
	margin: 0 1.5em;
	font-size: 1.2em;
	border-bottom: 1px solid #a9a9a9
}

.show-list-panel .show-desc .title:empty:before {
	content: '无标题';
	opacity: .3
}

.show-list-panel .show-desc .time {
	padding-top: .5em;
	padding-bottom: .8em;
	font-size: .9em;
	color: #a9a9a9
}

.show-list-panel .off-mask {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	color: #fff;
	border-radius: 4px;
	background-color: rgba(0,0,0,.6);
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-ms-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 0
}

.show-list-panel .off-mask:hover {
	opacity: 1
}

.show-list-panel .btn-show {
	display: inline-block;
	width: 50px;
	height: 50px;
	margin: 0 .5em;
	background: url() center center no-repeat;
	background-size: contain;
	cursor: pointer;
	-webkit-transition: .15s ease-in-out;
	-moz-transition: .15s ease-in-out;
	-ms-transition: .15s ease-in-out;
	-o-transition: .15s ease-in-out;
	transition: .15s ease-in-out
}

.show-list-panel .btn-show:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1)
}


.show-list-panel .entry {
	position: relative;
	overflow: visible
}

.show-list-panel .entry h3 {
	color: #34363c
}

.show-list-panel .entry .desc {
	height: 45px;
	color: #a9a9a9;
	padding-left: 1.5em;
	padding-right: 1.5em;
	padding-top: 1em
}

.show-list-panel .entry a {
	color: #34363c;
	text-decoration: none
}

.qr-area {
	width: 200px;
	height: 200px;
	padding: 10px;
	margin: 0 auto 1em;
	background-color: #fff;
	background-size: 100% 100%;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-ms-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.qr-area:hover {
	-webkit-box-shadow: 0 0 1.5em #45bcda;
	-moz-box-shadow: 0 0 1.5em #45bcda;
	box-shadow: 0 0 1.5em #45bcda
}


/*后来补充*/

/*第一模块*/
.show-list-panel .no1_1{background-image: url(../images/suolue/1_1.jpg);}
.show-list-panel .no1_1_1{background-image: url(../images/erweima/1_1.png);}

.show-list-panel .no1_2{background-image: url(../images/suolue/1_2.jpg);}
.show-list-panel .no1_2_1{background-image: url(../images/erweima/1_2.png);}

.show-list-panel .no1_3{background-image: url(../images/suolue/1_3.jpg);}
.show-list-panel .no1_3_1{background-image: url(../images/erweima/1_3.png);}

/*第二模块*/
.show-list-panel .no2_1{background-image: url(../images/suolue/2_1.jpg);}
.show-list-panel .no2_1_1{background-image: url(../images/erweima/2_1.png);}

.show-list-panel .no2_2{background-image: url(../images/suolue/2_2.jpg);}
.show-list-panel .no2_2_1{background-image: url(../images/erweima/2_2.png);}

.show-list-panel .no2_3{background-image: url(../images/suolue/2_3.jpg);}
.show-list-panel .no2_3_1{background-image: url(../images/erweima/2_3.png);}

.show-list-panel .no2_4{background-image: url(../images/suolue/2_4.jpg);}
.show-list-panel .no2_4_1{background-image: url(../images/erweima/2_4.png);}

/*第三模块 移动、自适应站点*/
.show-list-panel .no3_1{background-image: url(../images/suolue/3_1.jpg);}

.show-list-panel .no3_2{background-image: url(../images/suolue/3_2.jpg);}
.show-list-panel .no3_2_1{background-image: url(../images/erweima/3_2.png);}

.show-list-panel .no3_3{background-image: url(../images/suolue/3_3.jpg);}
.show-list-panel .no3_3_1{background-image: url(../images/erweima/3_3.png);}

.show-list-panel .no3_4{background-image: url(../images/suolue/3_4.jpg);}
.show-list-panel .no3_4_1{background-image: url(../images/erweima/3_4.png);}


/*第四模块 PC站点*/
.show-list-panel .no4_1{background-image: url(../images/suolue/4_1.jpg);}
.show-list-panel .no4_2{background-image: url(../images/suolue/4_2.jpg);}
.show-list-panel .no4_3{background-image: url(../images/suolue/4_3.jpg);}