.tips-cover {
	background-color: #fff;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 200px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -30px;
	margin-left: -100px;
	z-index: 99999;
	-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.2);
	-moz-box-shadow: 0 0 15px 0 rgba(0,0,0,.2);
	box-shadow: 0 0 15px 0 rgba(0,0,0,.2)
}

.tips-cover span i {
	display: -webkit-box;
	display: -moz-box;
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #00d075;
	color: #fff;
	position: relative;
	vertical-align: middle;
	margin-right: 15px;
	top: -2px
}

.tips-cover span i:before {
	content: "";
	position: absolute;
	width: 16px;
	height: 6px;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	top: 10px;
	left: 6px;
	-webkit-transform: rotate(-35deg);
	-khtml-transform: rotate(-35deg);
	-moz-transform: rotate(-35deg);
	-ms-transform: rotate(-35deg);
	transform: rotate(-35deg)
}

.edit-mask-enter-active,.edit-mask-leave-active {
	-webkit-transition: opacity .4s;
	-moz-transition: opacity .4s;
	transition: opacity .4s
}

.edit-mask-enter,.edit-mask-leave-to {
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0
}

.edit-mask-enter-to,.edit-mask-leave {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	-ms-filter: none;
	-webkit-filter: none;
	filter: none
}


.cwgc-mian .header {
  height: 152px;
    width: 98%;
    /* padding: 1%; */
    margin: 0px auto;
    /* background-image: url(/images/banner-bg.png); */
    background-image: url(/images/bg/toubeij.jpg);
    background-position: center;
    -moz-background-size: 100%;
    background-size: 100%;
    position: relative;
    /* background-color: #fff;
}

.cwgc-mian .header .head-content {
      width: 100%;
    height: 100%;
    margin: 0 auto;
    /* padding: 33px 0 0; */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.cwgc-mian .header .head-content .heading {
	width: 130px;
	height: 130px;
    float:left;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 40px
}

.cwgc-mian .header .head-content .heading img {
	width: 100%;
	height: 100%
}

.cwgc-mian .header .head-content .cont {
	overflow: hidden;
	height: 100%;
	position: relative;
	color: #fff
}

.buttuser {

        position: relative;
    background-color: rgb(111, 139, 173);
    border: none;
    font-size: 15px;
    color: #FFFFFF;
    padding: 8px;
    float: left;
    width: 98%;
    text-align: center;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    text-decoration: none;
    overflow: hidden;
    cursor: pointer;
    box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.32);

}


.cwgc-mian .header .head-content .cont .name {
font-size: 18px;
    margin-top: 15px;
    margin-left:1%;
    border-radius: 0px;
    padding-left: 22px;
    height: 30px;
    line-height: 30px;
     float:left;
    width: 90%;
    background: #2960a5;
}

.cwgc-mian .header .head-content .cont .name span {
	font-size: 14px;
	color: #fff;
	margin-left: 5px
}

.cwgc-mian .header .head-content .cont .vip-type {
     margin-top: 15px;
    color: #000;
    margin-left:1%;
    background: #fff;
    width: 90%;
    height: 32px;
    line-height: 32px;
    padding-left: 22px;
     float:left;
    font-size: 16px;
    text-align: left;
    border-radius: 0px;
}

.cwgc-mian .header .head-content .cont .over_time {
    font-size: 14px;
    color: #c14242;
    margin-left: 10px;
}

.cwgc-mian .header .head-content .cont .point-left {
margin-top: 15px;
    color: #000;
    background: #fff;
        margin-left: 1%;
    width: 55%;
    float:left;
    font-size: 16px;
    padding-left: 22px;
    text-align: left;
    border-radius: 0px;
}


.cwgc-mian .header .head-content .cont .point-right {
margin-top: 15px;
    color: #000;
    
    background: #6c5d5d;
    width: 35%;
    float: right;
    font-size: 16px;
    text-align: center;
    /* padding-left: 22px; */
    text-align: center;
    line-height: 27px;
    border-radius: 0px;
}

.cwgc-mian .header .head-content .cont .point-left em {
    color: #c14242;
    font-style: inherit;
}

.cwgc-mian .header .head-content .cont .vip-type a {
	display: inline-block;
	margin-left: 20px;
	width: 80px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	background-color: #c14242
}

.nvuserblmenu {
      position: absolute;
    /* left: 0; */
    /* bottom: 0; */
     width: 100%; 
    /* margin-left: 1%; */
    line-height: 36px;
    
    height: 290px;
    background: #fff;
}

 .nvuserblmenu span {
  display: inline-block;
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5%;
    padding-right: 5%;
    margin-bottom: 5px;
    margin-left: 1%;
    margin-right: 1%;
    width: 38%;
    box-shadow: 0 0 3px 1px #414068;
    color: #fff;
    font-size: 16px;
    text-align: center;
    color: fff;
    background: #9f4848;
}

 .nvuserblmenu span.active, .nvuserblmenu span:hover {
      color: #ef2424;
    background: #ffffff;
    box-shadow: 0 0 3px 2px #e52323;
}
.containerusbasic .lasttr {

      border-bottom: 10px solid #c14242;

}
.cwgc-mian .containerusbasic {
    width: 100%;
    /* height: 1276px; */
    margin: 0px auto;
    position: absolute;
    /* display: none; */
    background: #fff;
    overflow: hidden;
    /* margin: 5px auto; */
    /* margin-top: 8px; */
}

.cwgc-mian .containerusbasic ul li aside {
	width: 140px;
	border-right: 1px solid #ddd
}

.cwgc-mian .containerusbasic ul li aside a {
	display: block;
	line-height: 40px;
	color: #999
}

.cwgc-mian .containerusbasic ul li aside a i {
	margin-right: 8px
}

.cwgc-mian .containerusbasic ul li aside a i.icon-info1 {
	font-size: 20px;
	vertical-align: text-bottom;
	margin-right: 4px;
	margin-left: -2px
}

.cwgc-mian .containerusbasic ul li aside a.active {
	color: #1bcc87;
}

.cwgc-mian .containerusbasic ul li article {
	width: 100%;
}

.cwgc-mian .containerusbasic ul li.personal section {
	-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.1);
	-moz-box-shadow: 0 0 15px 0 rgba(0,0,0,.1);
	box-shadow: 0 0 15px 0 rgba(0,0,0,.1);
	margin-bottom: 20px
}

.cwgc-mian .containerusbasic ul li.personal section.bind-info {
	padding: 0 30px;
	line-height: 84px
}

.cwgc-mian .containerusbasic ul li.personal section.bind-info div {
	width: 50%;
	font-size: 16px;
	float: left
}

.cwgc-mian .containerusbasic ul li.personal section.bind-info div i {
	font-size: 20px;
	margin: 0 10px;
	vertical-align: text-bottom;
	color: #666
}

.cwgc-mian .containerusbasic ul li.personal section.bind-info div em {
	color: #999
}

.cwgc-mian .containerusbasic ul li.personal section.bind-info div span {
	display: inline-block;
	height: 24px;
	line-height: 24px;
	padding: 0 15px;
	border: 1px solid #1bcc87;
	color: #1bcc87;
	font-size: 12px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-left: 20px;
	cursor: pointer
}

.cwgc-mian .containerusbasic ul li.personal .vip-info section {
    width: 330px;
    height: 120px;
    text-align: center;
    font-size: 18px;
    /* padding: 15px 0; */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 20px;
}

.cwgc-mian .containerusbasic ul li.personal .vip-info section.sec-point p {
	font-size: 16px;
	color: #999
}

.cwgc-mian .containerusbasic ul li.personal .vip-info section.sec-point span {
	font-size: 24px;
	color: #ffc103
}

.cwgc-mian .containerusbasic ul li.personal .vip-info section.sec-point a {
	margin-top: 0
}

.cwgc-mian .containerusbasic ul li.personal .vip-info section:last-child {
	margin-right: 0
}

.cwgc-mian .containerusbasic ul li.personal .vip-info section a {
	display: block;
	width: 100px;
	height: 30px;
	line-height: 30px;
	background-color: #1bcc87;
	color: #fff;
	font-size: 16px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 15px auto 0
}

.cwgc-mian .containerusbasic ul li.personal .vip-info section span {
	font-size: 12px
}

.cwgc-mian .containerusbasic ul li.personal .vip-info section .time-left {
	font-size: 16px;
	color: #999;
	margin-top: 5px
}

.cwgc-mian .containerusbasic ul li.personal .vip-info section .time-left em {
	color: #333
}

.cwgc-mian .containerusbasic ul li.personal .collects {
	padding: 5px
}

.cwgc-mian .containerusbasic ul li.personal .collects>p {
	line-height: 38px;
	border-bottom: 1px solid #ddd;
	font-size: 16px;
	padding-left: 5px
}

.cwgc-mian .containerusbasic ul li.personal .collects .no-collect {
	text-align: center;
	padding: 30px 0
}

.cwgc-mian .containerusbasic ul li.personal .collects .no-collect i {
	font-size: 60px;
	color: #999
}

.cwgc-mian .containerusbasic ul li.personal .collects .no-collect p {
	line-height: 44px
}

.cwgc-mian .containerusbasic ul li.personal .collects .no-collect a {
	color: #1bcc87;
	text-decoration: underline
}

.cwgc-mian .containerusbasic ul li.personal .collects ul {
	padding: 0 15px
}

.cwgc-mian .containerusbasic ul li.personal .collects ul li {
	width: 80px;
	height: 80px;
	float: left;
	text-align: center;
	margin-right: 33px;
	margin-top: 20px
}

.cwgc-mian .containerusbasic ul li.personal .collects ul li:nth-child(9n) {
	margin-right: 0
}

.cwgc-mian .containerusbasic ul li.personal .collects ul li img {
	width: 50px;
	height: 50px;
	margin-top: 15px
}

.cwgc-mian .containerusbasic ul li.personal .collects ul li:hover {
	background-color: rgba(227,233,237,.8)
}

.cwgc-mian .containerusbasic ul li.personal .collects .more {
	display: block;
	margin: 30px auto;
	width: 100px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #1bcc87
}

.cwgc-mian .containerusbasic ul li.personal .base-info form {
	display: block;
	width: 465px;
	margin: 0 auto
}

.cwgc-mian .containerusbasic ul li.personal .base-info form fieldset {
	display: block;
	margin-bottom: 30px
}

.cwgc-mian .containerusbasic ul li.personal .base-info label {
	display: inline-block;
	width: 60px;
	margin-right: 15px
}

.cwgc-mian .containerusbasic ul li.personal .base-info fieldset input {
	width: 320px;
	height: 40px;
	border: 1px solid #eee;
	outline: 0;
	background-color: transparent;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 0 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.cwgc-mian .containerusbasic ul li.personal .base-info fieldset input[readonly] {
	background-color: #f9f9f9
}

.cwgc-mian .containerusbasic ul li.personal .base-info fieldset textarea {
	resize: none;
	width: 320px;
	padding: 5px 15px;
	border: 1px solid #eee;
	-moz-border-radius: 5px;
	border-radius: 5px;
	outline: 0;
	height: 100px;
	overflow-y: auto;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.cwgc-mian .containerusbasic ul li.personal .base-info fieldset .bind-btn {
	background-color: transparent;
	outline: 0;
	border: none;
	text-decoration: underline;
	margin-left: 10px;
	color: #1bcc87;
	cursor: pointer
}

.cwgc-mian .containerusbasic ul li.personal .base-info fieldset.sex span {
	width: 60px;
	margin-right: 10px;
	cursor: pointer;
	display: inline-block
}

.cwgc-mian .containerusbasic ul li.personal .base-info fieldset.sex span i {
	display: inline-block;
	width: 16px;
	height: 16px;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #eee;
	margin-right: 5px;
	vertical-align: middle
}

.cwgc-mian .containerusbasic ul li.personal .base-info fieldset.sex span.active i {
	border: 4px solid #1bcc87
}

.cwgc-mian .containerusbasic ul li.personal .base-info .save-btn {
	outline: 0;
	width: 200px;
	height: 40px;
	background-color: #1bcc87;
	color: #fff;
	border: none;
	display: block;
	margin: 0 auto;
	cursor: pointer
}

.cwgc-mian .containerusbasic ul li.personal .base-info .save-btn.disabled {
	background-color: #999;
	cursor: no-drop
}

.cwgc-mian .containerusbasic article .info-manage {
	height: 30px;
	line-height: 30px
}

.cwgc-mian .containerusbasic article .info-manage .title {
	font-size: 20px;
	margin-right: 20px
}

.cwgc-mian .containerusbasic article .info-manage .title em {
	font-size: 14px;
	margin-left: 15px;
	color: #666
}

.cwgc-mian .containerusbasic article .info-manage button {
	outline: 0;
	border: none;
	background-color: transparent;
	padding: 0 15px;
	margin: 0 5px;
	font-size: 14px;
	color: #666;
	cursor: pointer
}

.cwgc-mian .containerusbasic article .info-manage button i {
	font-size: 18px;
	vertical-align: text-bottom;
	margin-right: 3px
}

.cwgc-mian .containerusbasic article .info-manage button.btns {
	height: 30px;
	border: 1px solid #1bcc87;
	color: #1bcc87;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding: 0 20px
}

.cwgc-mian .containerusbasic article .info-manage button.btns.active,.cwgc-mian .containerusbasic article .info-manage button.btns:hover {
	background-color: #1bcc87;
	color: #fff
}

.cwgc-mian .containerusbasic article .info-manage .choose-all {
	cursor: pointer;
	margin-left: 10px;
	color: #333
}

.cwgc-mian .containerusbasic article .info-manage .choose-all i {
	display: inline-block;
	vertical-align: middle;
	width: 14px;
	height: 14px;
	border: 1px solid #ddd;
	margin-right: 5px
}

.cwgc-mian .containerusbasic article .info-manage .choose-all i:before {
	opacity: 0
}

.cwgc-mian .containerusbasic article .info-manage .choose-all.active i:before {
	opacity: 1
}

.cwgc-mian .containerusbasic .collect article ul li {
	float: left;
	width: 100px;
	height: 100px;
	padding: 25px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid transparent;
	margin-right: 16px;
	margin-top: 20px
}

.cwgc-mian .containerusbasic .collect article ul li a {
	display: block;
	height: 100%
}

.cwgc-mian .containerusbasic .collect article ul li:nth-child(9n) {
	margin-right: 0
}

.cwgc-mian .containerusbasic .collect article ul li.border,.cwgc-mian .containerusbasic .collect article ul li:hover {
	border-color: #ddd
}

.cwgc-mian .containerusbasic .collect article ul li.border.active {
	border-color: #1bcc87
}

.cwgc-mian .containerusbasic .collect article ul li img {
	height: 100%;
	margin-left: 50%;
	transform: translateX(-50%)
}

.cwgc-mian .containerusbasic .no-icon-data {
	display: block;
	margin-top: 20px;
	text-align: center;
	color: #666;
	font-size: 16px
}

.cwgc-mian .containerusbasic .history .download-tips {
	color: #999;
	font-size: 12px;
	text-align: right
}

.cwgc-mian .containerusbasic .history .download-tips select,.cwgc-mian .containerusbasic .recharge .recharge-filter select {
	outline: 0;
	background-color: #1bcc87;
	color: #fff;
	width: 150px;
	height: 40px;
	line-height: 40px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: none;
	margin-left: 20px;
	padding-left: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.cwgc-mian .containerusbasic .history .download-tips select option {
	height: 40px;
	line-height: 40px
}

.cwgc-mian .containerusbasic .history ul li {
	float: left;
	width: 100px;
	height: 100px;
	padding: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: 22px;
	margin-top: 20px;
	position: relative
}

.cwgc-mian .containerusbasic .history ul li:hover {
	background-color: rgba(227,233,237,.8)
}

.cwgc-mian .containerusbasic .history ul li:hover p {
	opacity: 1
}

.cwgc-mian .containerusbasic .history ul li:nth-child(10n) {
	margin-right: 0
}

.cwgc-mian .containerusbasic .history ul li a {
	display: block
}

.cwgc-mian .containerusbasic .history ul li img {
	width: 100%;
	height: 100%
}

.cwgc-mian .containerusbasic .history ul li p {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	line-height: 20px;
	color: #999;
	text-align: center;
	font-size: 12px;
	opacity: 0
}

.cwgc-mian .containerusbasic .recharge .recharge-filter {
	line-height: 40px;
	height: 40px;
	font-size: 16px
}

.cwgc-mian .containerusbasic .recharge .recharge-head {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	height: 40px;
	line-height: 40px;
	background-color: #f3fcf9;
	border-top: 1px solid #ededed;
	color: #999;
	margin-top: 10px;
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.cwgc-mian .containerusbasic .recharge ul li {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 1px solid #eee
}

.cwgc-mian .containerusbasic .recharge .recharge-head span {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.cwgc-mian .containerusbasic .recharge ul li span {
	color: #666;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.cwgc-mian .containerusbasic .recharge .recharge-head span.content,.cwgc-mian .containerusbasic .recharge ul li span.content {
	-webkit-box-flex: 2;
	-moz-box-flex: 2;
	-ms-flex: 2;
	flex: 2
}

.edit-mask {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 9999;
	left: 0;
	background-color: rgba(0,0,0,.4)
}

.edit-mask .move-wrapper {
	width: 500px;
	height: 215px;
	background-color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	margin: -113px 0 0 -250px
}

.edit-mask .move-wrapper p.title {
	height: 40px;
	line-height: 40px;
	background-color: #fafafa;
	padding: 0 10px
}

.edit-mask .move-wrapper p.title span.fr {
	cursor: pointer
}

.edit-mask .move-wrapper .con {
	padding: 20px 50px;
	font-size: 16px
}

.edit-mask .move-wrapper .con p {
	margin-bottom: 10px
}

.edit-mask .move-wrapper .con select {
	width: 100%;
	height: 40px;
	border: 1px solid #ddd;
	outline: 0;
	padding-left: 10px
}

.edit-mask .move-wrapper .con .move-btn {
	width: 100px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	background-color: #1bcc87;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float: right;
	margin-top: 20px;
	cursor: pointer
}

.edit-mask .delete-icon {
	padding: 15px 0;
	width: 400px;
	height: 120px;
	background-color: #fff;
	-moz-border-radius: 10px;
	border-radius: 10px;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto
}

.edit-mask .delete-icon p.title {
	line-height: 50px;
	font-size: 16px;
	text-align: center
}

.edit-mask .delete-icon .del-sure {
	text-align: center
}

.edit-mask .delete-icon span {
	width: 120px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	display: -webkit-box;
	display: -moz-box;
	display: inline-block;
	cursor: pointer;
	margin: 10px 0
}

.edit-mask .delete-icon span:first-child {
	background-color: #20c987;
	margin-right: 100px
}

.edit-mask .delete-icon span:last-child {
	background-color: #eee;
	color: #333
}

.edit-icon-folder {
	width: 400px;
	height: 240px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	position: absolute;
	background-color: #fff;
	left: 50%;
	top: 50%;
	margin: -120px 0 0 -200px;
	overflow: hidden
}

.edit-icon-folder .icon-tip-top {
	line-height: 50px;
	color: #fff;
	background-color: #333;
	position: relative;
	padding: 0 20px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 18px
}

.edit-icon-folder .icon-tip-top .close {
	position: absolute;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	right: 5px;
	top: 5px;
	cursor: pointer
}

.edit-icon-folder .icon-tip-con {
	padding: 25px 20px
}

.edit-icon-folder .icon-tip-con p {
	font-size: 12px;
	color: #999
}

.edit-icon-folder .icon-tip-con input {
	width: 100%;
	background-color: #f9f9f9;
	height: 40px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #eee;
	font-style: 16px;
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: 0;
	margin-top: 10px
}

.edit-icon-folder .icon-tip-con button {
	background-color: #1bcc87;
	color: #fff;
	width: 200px;
	height: 40px;
	text-align: center;
	-moz-border-radius: 5px;
	border-radius: 5px;
	outline: 0;
	margin-top: 20px;
	border: none;
	display: block;
	margin: 30px auto 0;
	cursor: pointer
}

.pagination-set {
	text-align: center;
	width: 100%;
	margin-top: 30px
}

.pagination-set a {
	display: -webkit-box;
	display: -moz-box;
	display: inline-block;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 10px;
	color: #666
}

.pagination-set a.all-page {
	padding: 0 10px;
	width: auto;
	cursor: default
}

.pagination-set a.next,.pagination-set a.prev {
	padding: 0 10px;
	width: auto;
	background-color: #1bcc87;
	color: #fff
}

.pagination-set a.num.active {
	background-color: #1bcc87;
	color: #fff
}

.pagination-set a.next.disabled,.pagination-set a.prev.disabled {
	cursor: no-drop
}

.edit-mask .bindEP,.edit-mask .delete-foloder {
	width: 400px;
	height: auto;
	background-color: #fff;
	-moz-border-radius: 10px;
	border-radius: 10px;
	position: absolute;
	left: 50%;
	margin-left: -200px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-khtml-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.edit-mask .bindEP input,.edit-mask .delete-foloder input {
	-webkit-appearance: none;
	outline: 0;
	border: 1px solid #ddd
}

.edit-mask .bindEP input[type=number],.edit-mask .delete-foloder input[type=number] {
	-moz-appearance: textfield
}

.edit-mask .bindEP .bind-phone,.edit-mask .delete-foloder .bind-phone {
	padding: 35px 30px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 100%
}

.edit-mask .bindEP .bind-phone img,.edit-mask .delete-foloder .bind-phone img {
	width: 43%;
	border: 1px solid #eee;
	vertical-align: top;
	-moz-border-radius: 5px;
	border-radius: 5px
}

.edit-mask .bindEP .bind-phone .close {
	position: absolute;
	top: 5px;
	right: 15px;
	color: #ddd;
	cursor: pointer;
	font-size: 20px
}

.edit-mask .bindEP .bind-phone p.tips,.edit-mask .delete-foloder .bind-phone p.tips {
	font-size: 12px;
	color: #fc4343;
	width: 100%;
	height: 21px
}

.edit-mask .bindEP .bind-phone .tel,.edit-mask .delete-foloder .bind-phone .tel {
	width: 100%;
	font-size: 16px;
	height: 40px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 15px;
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.edit-mask .bindEP .bind-phone p input,.edit-mask .delete-foloder .bind-phone p input {
	width: 54%;
	font-size: 16px;
	height: 40px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 15px;
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: 2%
}

.edit-mask .bindEP .bind-phone p span,.edit-mask .delete-foloder .sendcode {
	display: inline-block;
	width: 44%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: #f6f6f6;
	color: #666;
	border: 1px solid #ddd;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	-moz-border-radius: 5px;
	border-radius: 5px;
	vertical-align: top
}

.edit-mask .bindEP .bind-phone p span.active,.edit-mask .delete-foloder .sendcode.active {
	cursor: no-drop
}

.edit-mask .bindEP .bind-phone button,.edit-mask .delete-foloder .bind-phone button {
	width: 100%;
	font-size: 16px;
	height: 40px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 15px;
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: 0;
	border: none;
	background-color: #1bcc87;
	color: #fff;
	cursor: pointer
}

.edit-mask .delete-foloder span {
	width: 120px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	display: -webkit-box;
	display: -moz-box;
	display: inline-block;
	cursor: pointer;
	margin: 10px 0
}

.edit-mask .delete-foloder span:first-child {
	background-color: #1bcc87;
	margin-right: 100px
}

.edit-mask .delete-foloder span:last-child {
	background-color: #eee;
	color: #333
}

article .my-upload .title-filter {
	line-height: 40px
}

article .my-upload .title-filter .title {
	font-size: 18px;
	margin-right: 30px
}

article .my-upload .title-filter .title em {
	font-size: 14px;
	margin-left: 10px;
	color: #666
}

article .my-upload .title-filter .upload-type {
	font-size: 16px;
	margin-left: 20px;
	cursor: pointer
}

article .my-upload .title-filter .upload-type.active {
	color: #1bcc87
}

article .my-upload ul li {
	float: left;
	width: 100px;
	height: 100px;
	padding: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: 16px;
	margin-top: 20px;
	position: relative
}

article .my-upload ul li:hover {
	background-color: rgba(227,233,237,.8)
}

article .my-upload ul li:nth-child(9n) {
	margin-right: 0
}

article .my-upload ul li img {
	width: 100%;
	height: 100%
}

article .my-collect .collect-title {
	line-height: 40px;
	font-size: 18px
}

article .my-collect .collect-title em {
	font-size: 14px;
	color: #666;
	margin-left: 15px
}

article .my-collect ul li {
	width: 318px;
	border: 1px solid #eee;
	margin-right: 35px;
	float: left;
	margin-top: 30px;
	transition: all .2s
}

article .my-collect ul li:nth-child(-n+3) {
	margin-top: 20px
}

article .my-collect ul li:hover {
	box-shadow: 0 0 30px 0 rgba(0,0,0,.2)
}

article .my-collect ul li .img {
	text-align: center;
	position: relative;
	background-color: #fff
}

article .my-collect ul li .img img {
	max-width: 100%
}

article .my-collect ul li:nth-child(3n) {
	margin-right: 0
}

article .my-collect ul li p {
	height: 50px;
	line-height: 50px;
	position: relative;
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

article .sys-info .sysinfo-filter {
	line-height: 40px;
	height: 40px;
	margin-bottom: 20px;
	font-size: 16px
}

article .sys-info .sysinfo-filter form {
	display: inline-block
}

article .sys-info .sysinfo-filter select {
	outline: 0;
	background-color: #1bcc87;
	color: #fff;
	width: 150px;
	height: 40px;
	line-height: 40px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: none;
	margin-right: 40px;
	padding-left: 20px;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

article .sys-info .sysinfo-filter input {
	width: 200px;
	height: 40px;
	border: 1px solid #eee;
	outline: 0;
	background-color: transparent;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 0 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: middle
}

article .sys-info .sysinfo-filter button {
	outline: 0;
	width: 100px;
	height: 40px;
	background-color: #1bcc87;
	color: #fff;
	border: none;
	margin: 0 auto;
	cursor: pointer;
	border-radius: 5px;
	vertical-align: middle;
	display: inline-block
}

article .sys-info table {
	width: 100%;
	text-align: center
}

article .sys-info table thead tr {
	background-color: #f3fcf9;
	color: #999;
	border-top: 1px solid #ededed
}

article .sys-info table thead th {
	font-weight: 400
}

article .sys-info table tr {
	height: 40px
}

article .sys-info table td {
	padding: 10px
}

article .sys-info table tbody tr {
	border-bottom: 1px solid #eee;
	color: #666
}

article .report .question {
	width: 600px;
	margin-left: 80px
}

article .report .question .tips {
	font-size: 14px;
	color: #999
}

article .report .question .tips span {
	color: #333;
	font-size: 16px
}

article .report .question .text {
	height: 400px;
	border: 1px solid #ddd;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width: 100%;
	margin-top: 20px;
	padding: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 16px;
	position: relative
}
.vip-info {
    width: 330px;
    /* margin-top: 7px; */
    margin-left: 10px;
    float: left;
}

.vip-info-left {
    width: 812px;
    float: right;
}

article .report .question .text textarea {
	resize: none;
	outline: 0;
	width: 100%;
	height: 100%;
	border: none;
	font-size: 14px;
	line-height: 2em
}

article .report .question .text .num {
	color: #999;
	position: absolute;
	right: 15px;
	bottom: 5px
}

article .report .question .text .num span {
	color: #1bcc87
}

article .report .question button {
	color: #fff;
	background-color: #1bcc87;
	width: 120px;
	height: 40px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 16px;
	outline: 0;
	float: right;
	margin-top: 20px;
	border: none;
	cursor: pointer
}


.data_2 ul li.active {
    background-color: #1ecd88;
    box-shadow: 0 0 20px 0 rgba(0,0,0,.1);
    color: #1ecd88;
}

.data_2 ul li {
    
    flex: 1;
    /* margin-right: 16px; */
    width: 100%;
    float: left;
    margin-top: 5px;
    box-sizing: border-box;

    position: relative;
    text-align: center;
    /* padding: 20px 18px; */
    overflow: hidden;
    /* border-radius: 5px; */
    cursor: pointer;
}


.data_2 ul{
      width: 97%;
    padding-left: 1%;
    /* padding: 10px; */
    /* padding-left: 25px; */
    float: left;
}
.data_2 ul li.active {
    background-color: #1ecd88;
    box-shadow: 0 0 20px 0 rgba(0,0,0,.1);
    color: #1ecd88;
}
.data_2 ul li .price em {
    font-size: 18px;
    vertical-align: text-top;
}

.data_2 ul li.active p {
    color: #fff;
}
.data_2 ul li .price {
    color: #ff8a00;
    font-size: 35px;
}
.data_2 ul li.active .price {
    color: #fff;
}
.data_2 ul li p {
 font-size: 16px;
    color: #1ecd88;
    line-height: 1.4;
    padding-top: 12px;
    padding-bottom: 5px;
    /* margin-bottom: 10px; */
}

.data_2 ul li.active .price {
    color: #fff;
}

.data_2 ul li .price {
    color: #ff8a00;
    font-size: 35px;
}


.data_2 ul li.active .ico-num {
    border-color: #fff;
    color: #fff;
}

.data_2 ul li .ico-num {
     line-height: 50px;
    white-space: nowrap;
    font-size: 15px;
    /* border-top: 1px solid #d8d8d8; */
    margin: 0px 0 5px;
    color: #666;
}


.data_2 ul li button {
    width: 120px;
    height: 34px;
    /* border-radius: 17px; */
    font-weight: 600;
       cursor: pointer;
    border: 1px solid #c14242;
    color: #fff;
    background: #c14242;
}
.data_2 .chongzhidiv {
    width: 100%;
    float: left;
    overflow: hidden;
    padding-bottom: 20px;
    padding-top: 20px;
    border-bottom: 2px dotted #e5e5e5;
}

.data_2 .chongzhispantitle {
line-height: 28px;
    width: 20%;
    height: 28px;
    margin-left: 5%;
    border-radius: 0px;
    text-align: center;
    line-height: 27px;
    /* font-weight: 600; */
    border: 1px dotted #e5e5e5;
    color: #c14242;
    float: left;
    /* background: #e5e5e5; */
}


.data_2 .depositScore {
       width: 30%;
    height: 28px;
    text-align: center;
    border-radius: 0px;
    line-height: 27px;
    /* font-weight: 600; */
    border: 1px solid #c14242;
    color: #fff;
    margin-left: 5%;
    float: left;
    background: #c14242;
    /* background-color: #fff; */
    cursor: pointer;
}


.data_2 .depositScore_ghhy {
    width: 120px;
    height: 28px;
    border-radius: 0px;
    line-height: 27px;
    font-weight: 600;
    border: 1px solid #c14242;
    color: #fff;
    margin-left: 28px;
    float: left;
    background: #c14242;
    /* background-color: #fff; */
    cursor: pointer;
}

.data_2 ul li.active button {
    color: #1ecd88;
}

.data_2 .pay-box {
    border: 1px dashed #ddd;
    width: 97%;
    margin-left: 20px;
    padding: 0 20px 20px;
    box-sizing: border-box;
    position: relative;
    margin-top: 30px;
    float: left;
}

.data_2 .pay-box .should-pay {
    text-align: center;
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 10px;

}


.data_2 .pay-box .should-pay span {
    font-size: 28px;
    color: #ff8a00;
}

.data_2 .pay-box .ewm-wrap {
    text-align: center;
}

.data_2 .pay-box .ewm-wrap .pay-ewm {
    display: inline-block;
    width: 200px;
    margin: 0 70px;
}

.data_2 .pay-box .ewm-wrap .pay-ewm .ewm {
    width: 100%;
    height: 200px;
    border: 1px solid #00a0e9;
    padding: 25px;
    box-sizing: border-box;
    position: relative;
}

.data_2 .pay-box .ewm-wrap .pay-ewm .ewm img {
    width: 100%;
    height: 100%;
}

.sectioncs {
    padding:1%;
       /*margin-top: 20px;*/
    float: left;
    width: 97%;
    /*margin-left: 20px;*/
}

.sectioncs h3 {
    line-height: 50px;
    color: #ff8a00;
    font-size: 20px;
    border-bottom: 1px solid #eee;
}
.sectioncs ol li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -3px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #ff8a00;
}

.sectioncs ol li {
    display: inline-block;
    position: relative;
    /* margin-right: 40px; */
    padding-left: 15px;
    float: left;
    width: 100%;
    line-height: 55px;
}

.recharge-tips {
          
    float: left;
    width: 97%;
    margin-left: 20px;
    padding-bottom:5px;
}



.syste-info tr th {
      padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    background-color: #f3f3f3;
    color: #999;
    border-top: 1px dashed #ededed;
}


.syste-info tr td {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    white-space: normal;
    word-break: break-word;
    border-top: 1px dashed #ededed;
}


.question {
    width: 600px;
    margin:0px auto;
}

    .question .tips {

            font-size: 14px;
    color: #999;
    }

    .question .text {
    height: 400px;
    border: 1px solid #ddd;
    -moz-border-radius: 10px;
    border-radius: 0px;
    width: 100%;
    margin-top: 20px;
    padding: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    position: relative;
}

.question .text textarea {
    resize: none;
    outline: 0;
    width: 100%;
    height: 100%;
    border: none;
    font-size: 14px;
    line-height: 2em;
}

 .question .text .num {
    color: #999;
    position: absolute;
    right: 15px;
    bottom: 5px;
}

.question button {
    color: #fff;
    background-color: #1bcc87;
    width: 120px;
    height: 40px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 16px;
    outline: 0;
    float: right;
    margin-top: 20px;
    border: none;
    cursor: pointer;
}
#SubmitBtnLike {

    color: #fff;
    background-color: #1bcc87;
    width: 120px;
    text-align: center;
    height: 40px;
    margin-left:5px;
    -moz-border-radius: 5px;
    line-height: 40px;
    border-radius: 5px;
    font-size: 16px;
    outline: 0;
    float: right;
    margin-top: 20px;
    border: none;
    cursor: pointer;
}

#MobileSumCode {
       color: #fff;
    background-color: #c14242;
    width: 142px;
    text-align: center;
    height: 33px;
    padding: 15px;
    padding-left: 48px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 48px;
    /* float: left; */
    margin-left: 5px;
    -moz-border-radius: 5px;
    line-height: 33px;
    /* border-radius: 5px; */
    font-size: 16px;
    outline: 0;
    /* float: right; */
    /* margin-top: 20px; */
    border: none;
    cursor: pointer;
}


#SubmitMobile {
color: #fff;
    background-color: #1bcc87;
    width: 142px;
    text-align: center;
    height: 33px;
    float: left;
    /* margin-left: 288px; */
    -moz-border-radius: 5px;
    line-height: 33px;
    border-radius: 5px;
    font-size: 16px;
    outline: 0;
    /* float: right; */
    /* margin-top: 20px; */
    border: none;
    cursor: pointer;
}


#fz_linke {

      color: #fff;
    background-color: #1bcc87;
    width: 120px;
    text-align: center;
    height: 40px;
    margin-left:5px;
    -moz-border-radius: 5px;
    line-height: 40px;
    border-radius: 5px;
    font-size: 16px;
    outline: 0;
    float: right;
    margin-top: 20px;
    border: none;
    cursor: pointer;
}
#usersetpwd label {
     width: 35%;
    text-align: right;
    float: left;
    font-size: 16px;
}



#usersetpwd .mcInputBox {
    width:60%;
    float:left;
}
#infoBox {
    width: 100%;
    margin: 0px auto;
}
    #infoBox ul li {

         /* padding: 10px; */
    font-size: 16px;
    margin-top: 22px;
    width: 100%;
    float: left;

    }
    #infoBox ul li input{

          width: 100%;
    height: 25px;
    font-size: 16px;

    }


.data_6_span {
width: 22%;
    float: left;
    padding-top: 5px;
    text-align: center;
    font-size: 16px;
    padding-bottom: 5px;
    margin-left: 2%;
    border: 1px solid #333;
}


.data_6_span.active {
     border: 1px solid #c14242;
    background:#c14242;
    color:#fff;

}
#SubmitBtn {

      color: #fff;
    background-color: #1bcc87;
    width: 30%;
    text-align: center;
    height: 40px;
    margin-left: 5%;
    -moz-border-radius: 5px;
    line-height: 40px;
    border-radius: 5px;
    font-size: 16px;
    outline: 0;
    float: left;
    margin-top: 20px;
    border: none;
    cursor: pointer;
}

.dapagePAge {

    padding-top:20px;
    padding-bottom:20px;

}



.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
}

.panel-default {
    border-color: #ddd;
        margin: 0px auto;
    width: 98%;
}

.panel-body {
    padding: 2px;
    overflow: hidden;
}


.col-sm-2 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    width: 13%;
    float: left;
}
.body-content img {
    width: 100%;
    max-width: 100%;
}
.img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 0px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.col-sm-10 {
    width: 76%;
    float: left;
    height:105px;
    padding-left:1%;
    padding-right:1%;
}

.col-sm-img {
      width: 20%;
    margin-top: 10px;
    float: left;
}

.bookTitle {
    margin-top: 0;
    font-size: 18px;
    color: #337ab7;
    text-align: left;
}

.booktag {
    margin-bottom: 5px;
}

#bookIntro {
    position: relative;
    overflow: hidden;
    transition: all 1s ease-in-out;
    font-size:16px;
    text-shadow: 1px 1px #f5f5f5;


    letter-spacing: 2px;
}
.text-justify {
    text-align: justify;
}

.panel p {
    margin-bottom: 5px;
}


.panel hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #eee;
}

.panel .visible-xs {
text-align: right;
    color: #adadad;
    width: 100%;
    font-size:12px;
}




.col-huifu-head-sm-2 {
  
 
    width: 8%;
    float: left;
      padding-right: 15px;
         padding-left: 15px;
         height:30px;

             display: block;
    overflow: hidden;
    font-weight: bold;
   
}


.col-huifu-mid-sm-2 {
  
 
      width: 10%;
    float: left;

    padding-right: 1%;
    padding-left: 1%;
    height: 80px;
}

.panel .fengexian {

  

}


.example_code button {
    position: relative;
    background-color: #607d8b;
    border: none;
    font-size: 28px;
    color: #FFFFFF;
    padding: 20px;
    width: 200px;
    text-align: center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    text-decoration: none;
    overflow: hidden;
    cursor: pointer;
}

.example_code button:after {
    content: "";
    background: #90EE90;
    display: block;
    position: absolute;
    padding-top: 300%;
    padding-left: 350%;
    margin-left: -20px!important;
    margin-top: -120%;
    opacity: 0;
    transition: all 0.8s
}

.example_code button:active:after {
    padding: 0;
    margin: 0;
    opacity: 1;
    transition: 0s
}

.classchehui {
    width: 38px;
    height: 38px;
    position: relative;
    cursor: pointer;
    margin-top: 50px;
    float: left;
    background: url(/Images/usbasic/chehui.png) no-repeat;
    background-size: 35px;
    }





.chakantupian {
    cursor:pointer;
}




.fb-content-block {
    z-index: 10;
}
.fb-block {
    /* overflow: hidden; */
    position: relative;
    display: inline-block;
    margin: 5px 0;

   

    z-index: 0;
}
.fb-feedback-right-dialog * {
    box-sizing: initial !important;
}

.fb-label {
    width: 68px;
    padding-right: 20px;
    text-align: right;
    float: left;
}

.fb-danger-tips {
    color: red;
}
.fb-control {
    /* text-align: right; */
    width: 320px;
    float: right;
    position: relative;
}
#fb_content_placeholder {
    position: absolute;
    left: 0;
    top: 0;
    line-height: 22px;
    color: #999;
    display: block;
    z-index: 0;
    width: 290px;
    padding: 2px 5px;
    cursor: text\9;
}
.nfskcx_ico {

    background-position: 3px 15px;
    background-size: 16px;
    background-repeat: no-repeat;
    padding-left: 16px;
}
.fb-img-block {
    height: 86px;
}

#preview-image-list {
    list-style-type: none;
    list-style: none;
    margin: 0;
    padding: 0;
    /* padding-left: 20px; */
    text-align: left;
}

#preview-image-list li {
    float: left;
    display: inline-block;
    position: relative;
    margin-right: 0;
}
#fb-upload-btn {
    width: 65px;
    height: 65px;
}

.fb-label.inline {
    height: 32px;
    line-height: 32px;
}
.fb-label {
    width: 68px;
    padding-right: 20px;
    text-align: right;
    float: left;
}

.fb-btn {
    display: inline-block;
    /* padding: 0 36px; */
    margin: 0;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    filter: chroma(color=#000);
    *zoom: 1;
    cursor: pointer;
    font-family: inherit;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    background-color: #f9f9f9;
    overflow: hidden;
    outline: none;
}
.fb-btn-primary, .fb-btn-primary:visited {
    color: #fff !important;
}

.fb-btn-primary {
    background-color: #3385ff;
    width: 98px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}


.fb-upload-btn {
      white-space: nowrap;
    width: 40%;
    margin-left: 30%;
    height: 65px;
}

.upload-icon {
    display: block;
    font-size: 20px;
    color: #999;
    text-align:center;
}

#preview-image-reply-list {
    list-style-type: none;
    list-style: none;
    margin: 0;
    padding: 0;
    /* padding-left: 20px; */
    text-align: left;
}

#preview-image-reply-list .upload-file-btn, #preview-image-reply-list .upload-jietu-btn {
    border: none;
    display: inline-block;
    color: #333;
    height: 61px;
    width: 61px;
    /* line-height: 20px; */
    text-align: center;
    background: #f9f9f9;
    margin: 0;
    cursor: pointer;
    position: relative;
}

.ad-btn-danger {
    height: 38px;
    line-height: 38px;
    border: 1px solid transparent;
    padding: 8px 18px;
     background-color: #c14242;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    border-radius: 2px;
    cursor: pointer;

}

    .ad-btn-danger:hover {

        background:#db1b1b;
    }
.headshoujichuo {
    font-size: 16px;color: #c14242;margin-top: 3px;height: 34px;text-align: center;width: 108px;line-height: 34px;border: 2px dashed #c14242;background: #fff;float: left;

}
.upload-file-btn input {
    display: block;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    visibility: hidden;
}

.text-wrapper {
    display: block;
     line-height: 60px; 
    border: 1px solid #ccc;
    cursor:pointer;

}

.text-wrapper img{
  
     width:100%;
     height:61px;
}
.text-wrapperAct {

    border: 0px solid #ccc;
}
.text-wrapperupd {

    border: 0px solid #ccc;
}


 .fb-des-content {
    width: 290px;
    height: 100px;
    background-color: transparent;
    z-index: 1;
    position: relative;
    vertical-align: top;
    resize: none;
    display: inline-block;
    color: rgb(102, 102, 102);
    font-family: arial, "Hiragino Sans GB", "Microsoft Yahei", 寰蒋闆呴粦, 瀹嬩綋, Tahoma, Arial, Helvetica, STHeiti;
    font-size: 12px;
    box-sizing: content-box !important;
    padding: 4px;
    margin: 0px;
    overflow: auto;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(204, 204, 204);
    border-image: initial;
    border-radius: 2px;
}

.fb-block .fb-email {
    height: 30px;
    line-height: 30px;
    width: 290px;
    color: rgb(102, 102, 102);
    display: inline-block;
    font-size: 12px;

    box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset;
    position: relative;
    z-index: 1;
    background-color: transparent;
    box-sizing: content-box !important;
    vertical-align: middle !important;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(204, 204, 204);
    border-image: initial;
    padding: 0px 4px;
    border-radius: 2px;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}
#fb_email_placeholder {
    position: absolute;
    left: 4px;
    top: 0;
    display: block;
    line-height: 32px;
    z-index: 0;
    color: #999;
    cursor: text\9;
}

.fb-submit {
     text-align: center; 
    position: relative;
    float: right;
    width: 388px;
    padding-right: 20px;
    margin-top: 15px;
}


.feedback_colse {
    padding: 8px 8px 6px 20px;
    background-image:url("/images/usbasic/colse.png");
    background-size:30px;
    background-repeat:no-repeat;
}

.feedback_colse:hover {

    background-image:url("/images/usbasic/colse2.png");

}
.feedback_colse:active {

    background-image:url("/images/usbasic/colse.png");

}


.question {
    width: 600px;
    margin:0px auto;
}

    .question .tips {

            font-size: 14px;
    color: #999;
    }

    .question .text {
    height: 400px;
    border: 1px solid #ddd;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: 100%;
    margin-top: 20px;
    padding: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    position: relative;
}

.question .text textarea {
    resize: none;
    outline: 0;
    width: 100%;
    height: 100%;
    border: none;
    font-size: 14px;
    line-height: 2em;
}

 .question .text .num {
    color: #999;
    position: absolute;
    right: 15px;
    bottom: 5px;
}

.question button {
    color: #fff;
    background-color: #cd3b3b;
    width: 120px;
    height: 40px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 16px;
    outline: 0;
    float: right;
    margin-top: 20px;
    border: none;
    cursor: pointer;
}
#SubmitBtnLike {

    color: #fff;
    background-color: #cd3b3b;
    width: 120px;
    text-align: center;
    height: 40px;
    margin-left:5px;
    -moz-border-radius: 5px;
    line-height: 40px;
    border-radius: 5px;
    font-size: 16px;
    outline: 0;
    float: right;
    margin-top: 20px;
    border: none;
    cursor: pointer;
}

#MobileSumCode {
        color: #fff;
    background-color: #cd3b3b;
    width: 142px;
    text-align: center;
    height: 33px;
    padding: 15;
    padding-left: 22px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 22px;
    /* float: left; */
    margin-left: 5px;
    -moz-border-radius: 5px;
    line-height: 33px;
    /* border-radius: 5px; */
    font-size: 16px;
    outline: 0;
    /* float: right; */
    /* margin-top: 20px; */
    border: none;
    cursor: pointer;
}


#SubmitMobile {
    color: #fff;
    background-color: #cd3b3b;
    width: 110px;
    text-align: center;
    margin-left: 2px;
    height: 38px;
    float: left;
    /* margin-left: 288px; */
    -moz-border-radius: 5px;
    line-height: 38px;
    /* border-radius: 5px; */
    font-size: 16px;
    outline: 0;
    /* float: right; */
    /* margin-top: 20px; */
    border: none;
    cursor: pointer;
}


#fz_linke {

      color: #fff;
    background-color: #cd3b3b;
    width: 120px;
    text-align: center;
    height: 40px;
    margin-left:5px;
    -moz-border-radius: 5px;
    line-height: 40px;
    border-radius: 5px;
    font-size: 16px;
    outline: 0;
    float: right;
    margin-top: 20px;
    border: none;
    cursor: pointer;
}

#infoBox {
    width:456px;
    margin:0px auto;
}
    #infoBox ul li {

        padding:10px;
            font-size: 18px;

    }
    #infoBox ul li input{

          width: 200px;
    height: 30px;
    font-size: 18px;

    }

#SubmitBtn {

       color: #fff;
    background-color: #cd3b3b;
    width: 120px;
    text-align: center;
    height: 40px;
    margin-left: 5px;
    -moz-border-radius: 5px;
    line-height: 40px;
    border-radius: 5px;
    font-size: 16px;
    outline: 0;
    float: left;
    margin-top: 20px;
    border: none;
    cursor: pointer;
}

.dapagePAge {

    padding-top:20px;
    padding-bottom:20px;

}


.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
}

.panel-default {
    border-color: #ddd;
        margin: 0px auto;
    width: 98%;
}

.panel-body {
    padding: 10px;
    overflow: hidden;
}

.row {
    margin-right: -10px;
    margin-left: -10px;
}

.col-sm-2 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    width: 13%;
    float: left;
}
.body-content img {
    width: 100%;
    max-width: 100%;
}
.img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 0px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.col-sm-10 {
    width: 60%;
    float: left;
}

.col-sm-img {
     width: 20%;
         float: left;
}

.bookTitle {
      margin-top: 0;
    font-size: 22px;
    color: #607d8b;
    font-weight: normal;
    line-height: 36px;
    text-align: left;
    letter-spacing: 2px;
}

.booktag {
    margin-bottom: 5px;
}

#bookIntro {
    position: relative;
    overflow: hidden;
    transition: all 1s ease-in-out;
    font-size:16px;
    text-shadow: 1px 1px #f5f5f5;


    letter-spacing: 2px;
}
.text-justify {
    text-align: justify;
}

.panel p {
    margin-bottom: 5px;
}


.panel hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #eee;
}

.panel .visible-xs {
    text-align:right;
}




.col-huifu-head-sm-2 {
  
 
    width: 8%;
    float: left;
      padding-right: 15px;
         padding-left: 15px;
         height:30px;

             display: block;
    overflow: hidden;
    font-weight: bold;
   
}


.col-huifu-mid-sm-2 {
  
 
    width: 10%;
    float: left;

    margin-top:10px;
      padding-right: 15px;
         padding-left: 15px;
         height:88px;
}

.panel .fengexian {

  

}


.example_code button {
    position: relative;
    background-color: #607d8b;
    border: none;
    font-size: 28px;
    color: #FFFFFF;
    padding: 20px;
    width: 200px;
    text-align: center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    text-decoration: none;
    overflow: hidden;
    cursor: pointer;
}

.example_code button:after {
    content: "";
    background: #90EE90;
    display: block;
    position: absolute;
    padding-top: 300%;
    padding-left: 350%;
    margin-left: -20px!important;
    margin-top: -120%;
    opacity: 0;
    transition: all 0.8s
}

.example_code button:active:after {
    padding: 0;
    margin: 0;
    opacity: 1;
    transition: 0s
}

.classchehui {
  width: 50px;
    height: 50px;
    position: relative;
    margin-top: 38px;
    cursor: pointer;
    float: left;
    /* padding: 20px; */
    background: url(/Images/usbasic/chehui.png)  no-repeat;
    background-size:50px;
}
    .classchehui:hover {

         background: url(/Images/usbasic/chehui2.png)  no-repeat;
          background-size:50px;
    }





.chakantupian {
    cursor:pointer;
}

.layui-input, .layui-select, .layui-textarea {
    height: 38px;
    line-height: 1.3;
    line-height: 38px\9;
    border-width: 1px;
    border-style: solid;
    background-color: #fff;
    color: rgba(0,0,0,.85);
    border-radius: 2px;
}
.layui-input, .layui-textarea {
    display: block;
    width: 100%;
    padding-left: 10px;
}
.layui-form-label {
    float: left;
    display: block;
padding-top:5px;
padding-bottom:5px;
    width: 90%;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
}

.layui-input-block {
   
    min-height: 36px;
}

.layui-card-body, .layui-card-header, .layui-form-label, .layui-form-mid, .layui-form-select, .layui-input-block, .layui-input-inline, .layui-panel, .layui-textarea {
    position: relative;
}

 .table-search-fieldset {
  

    border: 1px solid #e6e6e6;
   
    color: #6b6b6b;

    width: 90%;
    
}

 .table-search-fieldset legend {
text-align: center;
    letter-spacing: 8px;
    font-size: 16px;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 36px;
    color: #fff;
    background: #cd3b3b;
    
}

.adverPlan_li {
    margin-left:10px;
    overflow: hidden;
    height:auto;
    width:100px;
    float: left;
   line-height: 25px;
    padding-top: 5px;
    margin-top:5px;
    padding-bottom: 5px;
    cursor:pointer;
    border:1px solid #cd3b3b;
}
.AdverPlan_ul {
    float: left;
    width: 100%;
}
.adverplan_explain_div {
     float: left;
    width: 100%;

}


.adverPlan_li_Check {
     background:#cd3b3b;
        color:#fff;
}



.adverPlan_title {
     width:100%;
    float:left;
    text-align:center;
}
.adverPlan_remarks {
     width: 100%;
    float: left;
    line-height: 25px;
    margin-top: 5px;
    font-size: 14px;

    text-align: center;
}
.adverPlan_score {
   width: 100%;
    float: left;
    line-height: 25px;
    margin-top: 5px;
    font-size: 16px;
    color: #cd3b3b;
    text-align: center;
}
.adverPlan_explain {
    width: 100%;
    float: left;
    line-height: 25px;
    margin-top: 5px;
    font-size: 14px;

    text-align: center;
}
.syste-content-row {

    line-height:35px;
}