@charset "utf-8";

/**
 * ***** common *****
 */
body {max-width: 750px;margin: 0 auto;font-size: .3rem;background: #f5def8;}

/* layout */
.container {padding-left: .25rem;padding-right: .25rem;}
.hidden {display: none;}
.hidden-xs {display: block;}
.visible-xs {display: none;}

/** 设置浮动 **/
.fl{float:left;}
.fr{float:right;}
ul:after,
dl:after,
ol:after,
.clearfix:after {content:"\200B";display:block;height:0;clear:both; } 
.clearfix {*zoom:1;}

/* icon */
.icon {display: inline-block;background-repeat: no-repeat;background-size: cover;background-position: center;}
.icon-magnifier {background-image: url(../images/icons/magnifier.png);}
.icon-question {background-image: url(../images/icons/question.png);}
.icon-horn {background-image: url(../images/icons/horn.png);}
.icon-gift {background-image: url(../images/icons/gift.png);}
.icon-download {background-image: url(../images/icons/download.png);}
.icon-service {background-image: url(../images/icons/service.png);}
.icon-repeat {background-image: url(../images/icons/repeat.png);}

/* btn */
.btn {position: relative;padding: 0 .18rem;font-size: .24rem;line-height: .46rem;border-radius: .46rem;}

.btn-primary {color: #c3332a;font-weight: bolder;background-color: #fff;}

.btn-pink {color: #fff;
	background:#ffadd0;
	background:-moz-linear-gradient(left, #ffadd0, #ff6cd0);  
	background:-webkit-gradient(linear, left top, right bottom, from(#ffadd0), to(#ff6cd0));  
	background:-o-linear-gradient(left, #ffadd0, #ff6cd0);
}

.btn-hollow {color: #fff;}

.btn-normal {color: #fff;
	background:#cd9967;
	background:-moz-linear-gradient(left, #cd9967, #e3aa45);  
	background:-webkit-gradient(linear, left top, right bottom, from(#cd9967), to(#e3aa45));  
	background:-o-linear-gradient(left, #cd9967, #e3aa45);
}
.btn-normal:hover {color: #fff;
	background:#e3aa45;
	background:-moz-linear-gradient(left, #e3aa45, #cd9967);  
	background:-webkit-gradient(linear, left top, right bottom, from(#e3aa45), to(#cd9967));  
	background:-o-linear-gradient(left, #e3aa45, #cd9967);
}

.btn-yellow {color: #fff;
	background:#8e8e8e;
	background:-moz-linear-gradient(top, #8e8e8e, #565656);  
	background:-webkit-gradient(linear, left top, left bottom, from(#8e8e8e), to(#565656));  
	background:-o-linear-gradient(top, #8e8e8e, #565656); 
}
.btn-yellow:hover {color: #fff;
	background:#565656;
	background:-moz-linear-gradient(top, #565656, #8e8e8e);  
	background:-webkit-gradient(linear, left top, left bottom, from(#565656), to(#8e8e8e));  
	background:-o-linear-gradient(top, #565656, #8e8e8e);
}
.btn-radius {border-radius: 50px;}

/* form */
.form .form-group {position: relative;margin-bottom: 14px;}
.form .label {position: absolute;top: 0;left: 0;width: 90px;font-size: 16px;line-height: 32px;color: #ff4671;text-align: right;font-weight: bolder;}

.form .control-content {position: relative;padding-left: 94px;font-size: 16px;line-height: 32px;}
.form .control-content .btn {margin-left: 10px;font-size: 14px;line-height: 32px;}
.form .control-content img {position: absolute;top: 1px;right: 1px;width: auto;height: 30px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}

.form .form-control {display: block;width: 100%;height: 32px;padding: 0 10px;font-size: 14px;line-height: 30px;border: 1px solid #ccc;border-radius: 5px;}
.form .form-btn-group {font-size: 0;text-align: center;}
.form .form-btn-group.text-left {text-align: left;}
.form .form-btn-group .btn {display: inline-block;width: 48%;margin-left: 4%;font-size: 16px;line-height: 39px;}
.form .form-btn-group .btn:first-child {margin-left: 0;}
.form .form-btn-group.md .btn {width: auto;margin: 10px 20px;padding: 0 40px;}
.form .item-name {color: #ff4671;font-weight: bolder;}

.form-md .label {line-height: 36px;}
.form-md .form-control {height: 36px;padding: 3px 10px;}
.form-md  .control-content {line-height: 36px;}
.form-md .control-content img {height: 34px;}

.box .form .label,
.box .form .item-name {color: #fff;}

/* table */
.table {width: 100%;margin: 10px 0;font-size: 13px;line-height: 30px;text-align: center;border-left: 1px solid #ddd;border-top: 1px solid #ddd;}
.table th,
.table td {padding: 0 5px;color: #333;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.table th {color: #fff;background-color: #ff6cd0;font-weight: normal;}
.table-layer {max-width: 610px;margin: 40px auto}
.table-data,
.table-data th,
.table-data td {border-color: #ddd;}

/* img */
.img-response {width: 100%;}
.thumbnail .content {height: 100%;background-repeat: no-repeat;background-size: cover;background-position: center;}

/**
 * ***** header *****
 */
.header {position: fixed;top: 0;left: 0;z-index: 100;width: 100%;max-width: 750px;height: 1.2rem;background-color: #ff2953;}
.header .container {display: flex;justify-content: space-between;align-items: center;height: 100%;}
.header .logo {height: .75rem;}
.header img {height: 100%;}
.header .btn-progress-inquiry {display: flex;justify-content: space-between;}
.header .btn-progress-inquiry .icon {width: .46rem;height: .46rem;background-size: auto 60%;background-position: center;}

/**
 * ***** banner *****
 */
.banner {position: relative;margin-top: 1.2rem;padding-bottom: .2rem;}
.banner .winners-content {position: absolute;bottom: 0;left: 0;width: 100%;padding: 0 .3rem;}
.banner .list-winners {padding: .2rem .3rem;font-size: .22rem;line-height: .5rem;color: #fff;background-color: #ff2750;border-radius: .15rem;}
.banner .list-winners li {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.banner .list-winners li strong {color: #fff000;margin: 0 .1rem;}
.banner .list-winners li span {color: #54ff00;margin: 0 .1rem;}

/**
 * ***** main *****
 */
/* .main {padding-bottom: 1.36rem;} */

.notice {position: relative;margin-top: .2rem;margin-bottom: .2rem;padding: 0 .18rem 0 .7rem;font-size: 0;line-height: 0;color: #fff;background-color: #e081ff;border-radius: .52rem;}
.notice .title {position: absolute;top: 0;left: .18rem;}
.notice .title .icon {display: block;width: .42rem;height: .52rem;background-size: auto 60%;}
.notice marquee {font-size: .24rem;line-height: .52rem;}

.tab-nav {display: flex;justify-content: space-between;margin-top: .2rem;margin-bottom: .2rem;padding: 2px .16rem;background-color: #ff3e69;border-radius: .1rem;}
.tab-nav .item {position: relative;display: flex;justify-content: center;align-items: center;flex: 1;padding: .13rem 0;text-align: center;border-radius: .1rem;}
.tab-nav .item h3 {position: relative;z-index: 2;width: .7rem;font-size: .26rem;line-height: .3rem;color: #fff;}
.tab-nav .item::before {content: '';display: block;position: absolute;top: 0;left: -1px;z-index: 1;width: 2px;height: 100%;background: url(../images/bg_nav_border.png) no-repeat;background-size: 100% 100%;}
.tab-nav .item.active {
	background:#fed5e5;
	background:-moz-linear-gradient(top, #fed5e5, #fff);  
	background:-webkit-gradient(linear, left top, left bottom, from(#fed5e5), to(#fff));  
	background:-o-linear-gradient(top, #fed5e5, #fff);
}
.tab-nav .item.active h3 {color: #c3332a;}
.tab-nav .item:first-child::before,
.tab-nav .item.active::before,
.tab-nav .item.active + .item::before {content: none;}

.list-activity .item {display: block;margin-top: .18rem;}
.list-activity .item:first-child {margin-top: 0;}
.list-activity .thumbnail {display: block;width: 100%;font-size: 0;line-height: 0;}
.list-activity .thumbnail img {width: 100%;}
.list-activity .title {display: none;}
.list-activity .operate {display: flex;justify-content: space-between;padding: .14rem;background-color: #ff2750;}
.list-activity .operate .btn {display: flex;justify-content: center;padding: 0 .3rem;font-size: .24rem;line-height: .46rem;}
.list-activity .btn .icon {width: .46rem;height: .46rem;margin-right: .1rem;background-size: auto 80%;}

.main-nav {position: fixed;bottom: 0;left: 0;z-index: 100;width: 100%;max-width: 750px;/*display: flex;justify-content: center;align-items: center;*/text-align: center;}
.main-nav .item {float: left;display: block;width: 25%;padding: .2rem 0 .12rem;background-color: #ff4671;}
.main-nav .item:nth-child(even) {background-color: #ff2750;}
.main-nav .icon {width: 100%;height: .48rem;background-size: auto 100%;}
.main-nav h3 {font-size: .23rem;line-height: .26rem;color: #fff;}

.box {margin-bottom: .2rem;padding: .3rem;color: #fff;background-color: #ff2750;border-radius: .2rem;}

/* article */
.article {color: #fff;}
.article .article-header .title {padding: 0 .1rem .2rem;font-size: .44rem;line-height: .6rem;color: #ffdd01;text-align: center;font-weight: bolder;}
.article .article-content {font-size: .28rem;line-height: .6rem;}

.main-tips {font-size: .28rem;line-height: .5rem;}

/**
 * ***** footer *****
 */
.footer {padding: .2rem 0;text-align: center;background-color: #ff2953;}
.footer.fixed {position: fixed;bottom: 0;left: 0;width: 100%;}
.footer .btn-repair {height: 70px;margin-bottom: 5px;padding: 10px 50px;border: 2px solid #ff1f64;border-radius: 70px;}
.footer .btn-repair img {height: 100%;}
.footer .copyright {font-size: .26rem;line-height: .4rem;color: #fff;}

/**
 * ***** layer *****
 */
.layui-layer.layui-layer-custom {border-radius: 10px;overflow: hidden;}
.layui-layer.layui-layer-custom .layui-layer-title {height: 44px;line-height: 44px;font-size: 15px;color: #fff;
	background:#ff4671;
	background:-moz-linear-gradient(left, #ff4671, #ff2750);  
	background:-webkit-gradient(linear, left top, right bottom, from(#ff4671), to(#ff2750));  
	background:-o-linear-gradient(left, #ff4671, #ff2750);
}
.layui-layer.layui-layer-custom .layui-layer-content {padding: 20px;
	background: #f5def8;
}
.layui-layer.layui-layer-custom .layui-layer-btn {background-color: #f5def8}
.layui-layer.layui-layer-custom .layui-layer-btn a {height: auto;font-size: 15px;}
.layui-layer.layui-layer-custom .layui-layer-btn .layui-layer-btn0 {
	border-color: #ff2750;
	background:#ff4671;
	background:-moz-linear-gradient(left, #ff4671, #ff2750);  
	background:-webkit-gradient(linear, left top, right bottom, from(#ff4671), to(#ff2750));  
	background:-o-linear-gradient(left, #ff4671, #ff2750);
}
.layui-layer.layui-layer-custom form {width: 378px;margin: 20px auto 40px}
.layui-layer.layui-layer-custom .title {height: 50px;margin: 30px auto 15px;text-align: center;}
.layui-layer.layui-layer-custom .title img {height: 100%;margin: 0 auto;}

.layui-layer.layui-layer-custom-msg {min-width: 100px;background-color: #000;filter: alpha(opacity=60);background-color: rgba(0,0,0,.6);color: #fff;border: none;}
.layui-layer.layui-layer-custom-msg .layui-layer-content {padding: 12px 55px;text-align: center;background: rgba(0,0,0, .5)}

.layer-content-title {position: relative;margin: -20px -20px 10px;text-align: center;height: 46px;line-height: 46px;font-size: 18px;color: #fa7489;background-color: #232323;}
.layer-content-title .btn-apply {position: absolute;top: 6px;left: 10px;font-size: 15px;line-height: 34px;}
.laye-content-article {max-height: 500px;overflow-y: auto;}
.layui-layer.layui-layer-custom .laye-content-article .title {margin: 20px 0 15px}
.layui-layer.layui-layer-custom .laye-content-article .title h3 {display: inline-block;width: 254px;height: 48px;font-size: 20px;line-height: 48px;color: #010101;background: url(../images/bg_title.png) no-repeat;background-size: cover;}
.layui-layer.layui-layer-custom .laye-content-article .section {margin-bottom: 20px;padding-top: 1px;}
.layui-layer.layui-layer-custom .laye-content-article {font-size: 15px;line-height: 30px;}

@media (min-width: 750px) {
	.header,
	.main-nav {left: 50%;margin-left: -375px;}
}

@media (max-width: 750px) {
	/**
	 * common
	 */
	.hidden-xs {display: none;}
	.visible-xs {display: block;}
	
	/**
	 * layer
	 */
	.layui-layer.layui-layer-custom .layui-layer-content {padding: 10px 15px;}
	.layui-layer.layui-layer-custom .title img {}
	.layui-layer.layui-layer-custom form {width: 100%}
	.layer-content-title {margin: -5px -5px 10px}
	.laye-content-article {max-height: 400px;}
}