body {
    background: #1b1a20;
    color: #ffffff;
    font-size: 12px;
}

img {
    display: block;
    width: 100%;
}

.msg-container {width:fit-content;position:relative;}

.tip {
	display:block;
	background:#f00;
	border-radius:50%;
	width:8px;
	height:8px;
	top:9px;
	right:4px;
	position:absolute;
}

.tip2 {
	display:block;
	background:#f00;
	border-radius:50%;
	width:8px;
	height:8px;
	top:4px;
	right:20px;
	position:absolute;
}

.tip3 {
	display:block;
	background:#f00;
	border-radius:50%;
	width:8px;
	height:8px;
	top:12px;
	right:-10px;
	position:absolute;
}

.header {
    text-align: center;
    background: #1b1a20;
    color: #ffffff;
    position: fixed;
    height: 44px;
    line-height: 44px;
    font-size: 14px;
    z-index: 1000;
    left: 0;
    right: 0;
}

.header-gray {
    background: #27262d;
}

.body-gray {
    background: #27262d;
}

.header h1 {
    font-weight: 400;
    text-align: center;
    font-size: 18px;
    position: absolute;
    top: 0;
    width: 100%;
    box-sizing: border-box;
    z-index: -2;
}

.header-area {
    height: 44px;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.h-icon {
    width: 44px;
    height: 44px;
    background: #333333;
    position: relative;
    z-index: -1;
}

.h-search {
    background: url("../images/a.png") no-repeat 50% 50%;
    background-size: 14px 14px;
}

.h-en {
    background: url("../images/a1.png") no-repeat 50% 50%;
    background-size: 23px 20px;
}

.h-cn {
    background: url("../images/cn1.png") no-repeat 50% 50%;
    background-size: 23px 20px;
}

.h-news {
    background: url("../images/a2.png") no-repeat 50% 50%;
    background-size: 23px 20px;
}

.h-scan {
    background: url("../images/s1.png") no-repeat 50% 50%;
    background-size: 23px 20px;
}

.h-back {
    background: url("../images/a15.png") no-repeat 50% 50%;
    background-size: 11px 20px;
}

.h-more {
    background: url("../images/a16.png") no-repeat 50% 50%;
    background-size: 22px 20px;
}

.h-delete {
    background: url("../images/delete.png") no-repeat 50% 50%;
    background-size: 22px 20px;
}



.content {
    margin: 0 15px;
}

.pic-show {
    box-shadow:  0 0 10px rgba(0,0,0,1);
    margin: 20px 0;
    border-radius: 4px;
    overflow: hidden;
}

.pic-show img {
    border-radius: 4px;
    overflow: hidden;
}

.pic-show .swiper-pagination-bullet {
    background: #efefef;
    width: 10px;
    height: 2px;
    border-radius: 2px;
    opacity: 1;
}

.pic-show .swiper-pagination-bullet-active {
    background: #cc1b39;
}

.main-nav {
    overflow: hidden;
    margin-bottom: 15px;
}

.main-nav li {
    width: 18%;
    margin-right: 2.5%;
    float: left;
    color: #ffffff;
    text-align: center;
    line-height: 98px;
    position: relative;
}

.main-nav li span {
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    height: 15px;
    line-height: 15px;
}

.main-nav li:last-of-type {
    margin-right: 0;
}


.tit {
    font-size: 18px;
    padding-left: 30px;
    height: 47px;
    line-height: 47px;
    color: #ffffff;
}

.tit1 {
    background: url("../images/a8.png") no-repeat 0 50%;
    background-size: 20px 20px;
}

.tit2 {
    background: url("../images/a9-1.png") no-repeat 0 50%;
    background-size: 20px 20px;
}

.tit3 {
    background: url("../images/a10.png") no-repeat 0 50%;
    background-size: 20px 20px;
}

.tit .more {
    float: right;
    color: #ffffff;
    font-size: 14px;
}

.con1 {
    margin-bottom: 15px;
}

.con1 li {
    margin-bottom: 15px;
}

.con1 img {
    border-radius: 4px;
}

.con1 p {
    font-size: 15px;
    margin: 10px 0 5px 0;
}

.con1 span {
    color: #4f4d5b;
}

.con2 {
    overflow: hidden;
    margin-bottom: 15px;
}

.con2 li {
    float: left;
    width: 22%;
    margin-right: 4%;
}

.con2 li:last-of-type {
    margin-right: 0;
}

.con2 li img {
    display: block;
    border-radius: 4px;
}

.con2 li p {
    margin: 5px 0;
}

.con3 {
    overflow: hidden;
    margin-bottom: 15px;
}

.con3 li {
    float: left;
    width: 32%;
    margin-right: 2%;
}

.con3 li:last-of-type {
    margin-right: 0;
}

.con3 li img {
    display: block;
    border-radius: 4px;
}

.con3 li p {
    margin: 5px 0;
}

.body-bottom {
    padding-bottom: 50px;
}

.footer {
    height: 50px;
    background: #0f0e12;
    position: fixed;
    bottom: 0;
    width: 100%;
    display: flex;
    display: -webkit-flex;
}

.footer .item {
    flex: 1;
    -webkit-flex: 1;
    line-height: 78px;
    text-align: center;
    font-size: 11px;
}
.footer .item.item1_1 {
    background: url("../images/a34.png") no-repeat 50% 5px;
    background-size: 25px 25px;
}
.footer .item.item1 {
    background: url("../images/a11.png") no-repeat 50% 5px;
    background-size: 25px 25px;
}
.footer .item.item2 {
    background: url("../images/a12.png") no-repeat 50% 5px;
    background-size: 25px 25px;
}
.footer .item.item3 {
    background: url("../images/a13.png") no-repeat 50% 5px;
    background-size: 25px 25px;
}
.footer .item.item4 {
    background: url("../images/a14.png") no-repeat 50% 5px;
    background-size: 23px 25px;
}

/* news.html */
.news li {
    background: #27262d;
    border-radius: 4px;
    margin-top: 12px;
    padding-left: 125px;
    height: 75px;
    position: relative;
    overflow: hidden;
    border-radius: 6px;
}

.news li .pic {
    width: 110px;
    height: 75px;
    position: absolute;
    top: 0;
    left: 0;
}

.news li .pic img {
    display: block;
    width: 110px;
    height: 75px;
}

.news li span {
    font-size: 14px;
    color: #83828c;
}

.news li p {
    font-size: 15px;
    margin: 15px 0 10px 0;
}

.line1 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
}

.detail h2 {
    font-weight: 400;
    font-size: 18px;
    margin: 10px 0;
    text-align: center;
}

.detail h3 {
    font-weight: 400;
    font-size: 10px;
    margin: 10px 0;
    color: #dfdfdf;
    text-align: center;
}

.detail p {
    text-indent: 2em;
    font-size: 13px;
    margin-bottom: 15px;
    line-height: 26px;
}

/* my */
.my {
    height: 162px;
    text-align: center;
    background: #27262d;
    padding-top: 10px;
}

.my .pic {
    display: inline-block;
    width: 60px;
    height: 60px;
}

.my .pic img {
    display: block;
    width: 60px;
    height: 60px;
}

.my .name  {
    font-weight: 400;
    font-size: 15px;
    margin: 5px 0;
}

.my .text {
    font-size: 12px;
}

.my ul {
    display: inline-block;
    width: 150px;
    margin-top: 10px;
}

.my ul li {
    float: left;
    width: 60px;
    height: 24px;
    display: block;
    line-height: 24px;
    border: 1px solid #000000;
    border-radius: 4px;
    color: #cccccc;
}

.my ul li:first-of-type {
    margin-right: 26px;
}

.my-area {
    margin: 0 15px;
}

.my-area .my-tit {
    height: 40px;
    line-height: 40px;
}

.my-area ul {
    overflow: hidden;
}

.my-area ul li {
    width: 30%;
    float: left;
    margin-right: 5%;
    position: relative;
    text-align: center;
}

.my-area ul li:last-of-type {
    margin-right: 0;
}

.my-area ul li p {
    font-size: 15px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.my-area ul li span {
    height: 24px;
    line-height: 22px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: #999999;
}

.my-area ul li span.current {
    color: #fe4862;
}

.my-application li {
    background: #27262d;
    height: 50px;
    line-height: 50px;
    padding-left: 45px;
    position: relative;
    margin-top: 1px;
    font-size: 15px;
}

.my-application li.li1 {
    background: url("../images/a20.png") no-repeat 15px 15px #27262d;
    background-size: 25px 24px;
}

.my-application li.li2 {
    background: url("../images/a21.png") no-repeat 15px 15px #27262d;
    background-size: 25px 25px;
}

.my-application li.li3 {
    background: url("../images/a22.png") no-repeat 15px 15px #27262d;
    background-size: 25px 25px;
}



.cover-con {
    background: #ffffff;
    position: fixed;
    z-index: 1001;
    width:40%;
    bottom: 0;
    left: 0;
    -webkit-transition: all .2s cubic-bezier(0,0,.25,1);
    transition: all .2s cubic-bezier(0,0,.25,1);
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(-100%,0,0);
    height: 100%;
    background: #1b1a20;
    /*transform: translate3d(0px, 0px, 0px);*/
    border-left: 1px solid #46444f;
}

.cover-con-show { transform: translate3d(0px, 0px, 0px); }

.cover-con .pic {
    display: block;
    width: 60px;
    height: 60px;
    margin: 10px auto;
}

.cover-con .pic img {
    display: block;
    width: 100%;
    height: 100%;
}

.cover-con .cover-tit {
    height: 38px;
    font-size: 15px;
    line-height: 38px;
    padding: 0 15px;
    background: #27262d;
    position: relative;
}

.cover-con .cover-tit-more::after {
    content: "";
    position: absolute;
    width: 12px;
    height: 6px;
    background: url("../images/a25.png");
    background-size: 12px 6px;
    right: 10px;
    top: 16px;
}

.cover-con .item {
    display: none;
}

.cover-con .item p {
    padding: 0 15px;
    height: 32px;
    line-height: 32px;
    color: #d2d2d2;
}

.cover-con .item p.current {
    color: #ffa92f;
}

.cover-decision {
    display: none;
    width: 100%;
    opacity: .5;
    height: 100%;
    position: fixed;
    background-color: #000;
    top: 0;
    left: 0;
    z-index: 100;
}

.show {
    display: block;
}

/* login.html */
.login-area {
    padding: 0 50px;
    font-size: 15px;
}

.login-area .pic {
    width: 60px;
    height: 60px;
    margin: 45px auto;
}

.login-area .pic img {
    display: block;
    width: 100%;
    height: 100%;
}

.login-area ul li {
    height: 48px;
    line-height: 48px;
    background: #1e1d24;
    margin-bottom: 13px;
    border-radius: 4px;
    padding-left: 40px;
    -moz-box-shadow:5px 5px 20px #1d1d1d inset;             /* For Firefox3.6+ */
    -webkit-box-shadow:5px 5px 20px #1d1d1d inset;          /* For Chrome5+, Safari5+ */
    box-shadow:5px 5px 20px #1d1d1d inset;                  /* For Latest Opera */
}

.login-area ul li input {
    width: 100%;
    height: 48px;
    line-height: 48px;
    color: #d9d9da;
    font-size: 15px;
    font-family: 'microsoft yahei', 'arial', "微软雅黑";
    border: none;
    outline:none;
    background: transparent;
}
.login-area ul li .img-head {
	position: relative;
    top: 38px;
}
.login-area ul li .img-upload {
	position: relative;
}
.login-area ul li .img-upload img {
	max-height: 200px;
	max-width: 115px;
}
.upload-btn {
	display: none;
    width: 50px;
}
.file-input-trigger {
    height: 30px;
    line-height: 29px;
    text-align: center;
    font-size: 15px;
    padding: 2px 5px;
    border-radius: 5px;
    border: 1px solid #a12b3d;
    background-color: #a12b3d;
    position: absolute;
    top: 127px;
    left: 230px;
}
.login-area ul li select {
    width: 95%;
    height: 48px;
    line-height: 48px;
    color: #d9d9da;
    font-size: 15px;
    font-family: 'microsoft yahei', 'arial', "微软雅黑";
    border: none;
    outline:none;
    background: transparent;
}
.login-area ul li option {
    color: #000;
}

.login-area ul li.li1 {
    background: url("../images/a26.png") no-repeat 17px 17px;
    background-size: 13px 14px;
}

.login-area ul li.li2 {
    background: url("../images/a27.png") no-repeat 17px 17px;
    background-size: 13px 14px;
}

.login-area ul li.li3 {
    background: url("../images/a28.png") no-repeat 17px 17px;
    background-size: 13px 14px;
}
.login-area ul li.li-card {
	background: url(../images/card01.png) no-repeat 8px 14px;
    background-size: 29px 21px;
}
.login-area ul li.li-mobile {
    background: url(../images/mobile01.png) no-repeat 10px 15px;
    background-size: 23px 23px;
}

.login-area ul li.li3 {
    width: 50%;
    margin-right: 10%;
    float: left;
    box-sizing: border-box;
}

.login-area ul li.li4 {
    float: left;
    width: 40%;
    text-align: center;
    padding-left: 0;
    text-align: center;
    color: #d9d9da;
    font-size: 15px;
}

.login-area ul li.h-search2 {
    background: url("../images/a32.png") no-repeat 17px 17px;
    background-size: 13px 14px;
}

.login-area ul {
    overflow: hidden;
}

.login-button {
    width: 281px;
    height: 57px;
    line-height: 57px;
    font-size: 15px;
    text-align: center;
    background: url("../images/a29.png");
    background-size: 281px 57px;
    margin: 20px 0;
}
.register-text {
	text-align: center;
    position: relative;
    bottom: 15px;
}
.register-text a {
	color: #a42c3f;
}

.bottom-text .left {
     float: left;
 }

.bottom-text .left span {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: #1e1d24;
    -moz-box-shadow:5px 5px 10px #000 inset;             /* For Firefox3.6+ */
    -webkit-box-shadow:5px 5px 10px #000 inset;          /* For Chrome5+, Safari5+ */
    box-shadow:5px 5px 10px #000 inset;                  /* For Latest Opera */
    margin-right: 10px;
    border-radius: 4px;
    position: relative;
    top: 3px;
}

.bottom-text .left span i::after {
    content: "";
    position: absolute;
    top: 5px;
    left: 3px;
    width: 9px;
    height: 6px;
    background: url("../images/a30.png") no-repeat;
    background-size: 9px 6px;
}

.bottom-text .right {
    float: right;
}

.login-choose {
    overflow: hidden;
    font-size: 15px;
    margin: 10px 0 5px 0;
    height: 30px;
}

.login-choose span i {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background: #1e1d24;
    -moz-box-shadow:5px 5px 10px #000 inset;             /* For Firefox3.6+ */
    -webkit-box-shadow:5px 5px 10px #000 inset;          /* For Chrome5+, Safari5+ */
    box-shadow:5px 5px 10px #000 inset;                  /* For Latest Opera */
    margin-right: 10px;
    position: relative;
    top: 5px;
}

.login-choose span i.current::after {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 10px;
    position: absolute;
    top: 6px;
    left: 6px;
    background: #a02a3a;
}

.login-choose span:first-of-type {
    float: left;
}

.login-choose span:last-of-type {
    float: right;
}

/* 换皮肤 */
.body2 {
    background: #ffffff;
    color: #333333;
}

.body2 .header {
    background: #282828;
    color: #54d222;
}

.body2 .h-search {
    background: url(../images/b.png) no-repeat 50% 50%;
    background-size: 20px 20px;
}

.body2 .h-en {
    background: url(../images/b1.png) no-repeat 50% 50%;
    background-size: 23px 20px;
}

.body2 .h-news {
    background: url(../images/b2.png) no-repeat 50% 50%;
    background-size: 23px 20px;
}

.body2 .h-back {
    background: url(../images/b15.png) no-repeat 50% 50%;
    background-size: 11px 20px;
}

.body2 .main-nav li {
    color: #333333;
}

.body2 .tit, .body2 .tit .more {
    color: #333333;
}

.body2 .con1 span {
    color: #cccccc;
}

.body2 .tit {
    background: url(../images/b8.png) no-repeat 0 50%;
    background-size: 11px 11px;
    padding-left: 20px;
}

.body2 .footer {
    background: #282828;
    color: #cccccc;
}

.body2 .footer .item.item1 {
    background: url("../images/b11.png") no-repeat 50% 5px;
    background-size: 25px 25px;
}
.body2 .footer .item.item2 {
    background: url("../images/b12.png") no-repeat 50% 5px;
    background-size: 25px 25px;
}
.body2 .footer .item.item3 {
    background: url("../images/b13.png") no-repeat 50% 5px;
    background-size: 25px 25px;
}
.body2 .footer .item.item4 {
    background: url("../images/b14.png") no-repeat 50% 5px;
    background-size: 23px 25px;
}

.con3-review {
    margin-top: 20px;
}

.con3-review li {
    margin-bottom: 5px;
}

.con3-review li:nth-of-type(3n) {
    margin-right: 0;
}

.body2 .sc-header {
    background: #ffffff;
}

.body2 .sc-title, .body2 .year span {
   color: #333333;
}

.body2 .sc-mleft {
    background: url(../images/arrowLeftCircle2.png) center top no-repeat;
    background-size: 100% 100%;
}

.body2 .sc-mright {
    background: url(../images/arrowRightCircle2.png) center top no-repeat;
    background-size: 100% 100%;
}

.body2 .sc-week-item {
    color: #54d222;
}

.body2 .sc-item {
    background: #ffffff;
}

.body2 .sc-today {
    background: url(../images/blueBg2.png) center center no-repeat;
    background-size: 0.7rem 0.7rem;
}

.body2 .mark {
    background: url(../images/dot2.png) center center no-repeat;
    background-size: 4px 4px;
}

.body2 .sc-days {
    background: #ffffff;
}

.body2 .sc-item .day {
    color: #333333;
}

.body2-gray {
    background: #f1f1f1;
}

.body2 .announceItem {
    background: #ffffff;
}

.body2 .announceContent {
    color: #333333;
}

.body2 .announceTime {
    border-color: #e1e1e1;
}

.body2 .announceTime p:last-of-type {
    color: #bdbdbd;
}

.body2 .announceItem .text {
    color: #bdbdbd;
    background: url(../images/b24.png) no-repeat 0 3px;
    background-size: 10px 13px;
}

.body2 .announceItem::after {
    background: url(../images/b23.png) no-repeat;
    background-size: 20px 5px;
}