@charset "utf-8";
/* CSS Document */
html,body { height: 100%; }
ul { padding: 0; margin: 0;}
/*@media all and (min-width: 640px){ html { font-size: 40px !important;}}*/
body { background: #fff; font-size: .7rem; max-width: 640px; margin: 0 auto; color: #666;}
.green {background: #157c47;}
p { margin: 0; padding: 0;}
a { color: #666; text-decoration: none;}
a:active{ background: #efefef;}
iframe { width: 100%;height: 100%;min-height:260px; max-width: 100% !important; height: auto !important;}
.slide-section a { display: block; position: relative;}
.slide-section a .tit { position: absolute; bottom:0; width: 100%; height: 2rem; background: -webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0)),to(rgba(0,0,0,.8))); font-size: .8rem; color: #fff; text-align: center; line-height: 2rem; padding: 0 .5rem;}
.slide-section img { width: 16rem;height: 10.75rem;}
.slide-section .swiper-pagination { -webkit-transition: none; transition: none; bottom: 2px;}
.slide-section .swiper-pagination-bullet  { width: 5px; height: 2px; background: #fff; opacity: .8; border-radius: inherit; margin: 0 2px!important;}
.slide-section .swiper-pagination-bullet-active { width: 8px; opacity: 1;}
.news section { background: #fff;}
.news section a { margin: 0 .5rem; padding: .5rem 0; display: block; border-bottom: 1px solid #f5f5f5; }
.news section:last-child a { border-bottom: none;}
.news section a strong {font-size: .8rem;color: #000000;margin-bottom: .5rem;font-weight: 400;}
.news section .m {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;}
.news section .m .detail { -webkit-box-flex: 1;box-flex: 1; flex:1; font-size: .7rem; color: #888; line-height: .9rem;}
.news section .m aside { width: 5rem; height: 3.36rem; background: #ececec url("../images/no-img.png") no-repeat 50% 50%; -webkit-background-size: 3rem auto; background-size: 3rem auto; margin-left: .5rem;}
.news section .m aside img {width: 5rem; height: 3.36rem;}
.loading { text-align: center; padding: .25rem 0; background: #fff; }
.loading i { width: 1.6rem; height: 1.6rem; display: inline-block; background: url("../images/load.png") no-repeat 50% 50%; -webkit-background-size: 100% 100%; background-size: 100% 100%;}
.loading span { display: inline-block;line-height: 1.6rem; vertical-align: top;}
.rotate {-webkit-animation: rotate 700ms linear infinite;animation: rotate 700ms linear infinite;}
@-webkit-keyframes rotate {
    0%{-webkit-transform: rotate(0deg)}
    100%{-webkit-transform: rotate(360deg)}
}
@keyframes rotate {
    0%{transform: rotate(0deg)}
    100%{transform: rotate(360deg)}
}
p.no-data {
    text-align: center;
    font-size: .6rem;
    padding: .5rem 0;
    color: #a9a9a9;
}
.b-title {
    height: 1rem;
    margin: 0 .5rem 1rem;
    text-align: center;
    border-bottom: 1px solid #eee;
}
.b-title-1 {
    overflow: hidden;
    background: #fff;
}

.b-title-1 span {
    height: 1.2rem;
    line-height: 1.2rem;
    font-size: 1rem;
    border-left: .25rem solid #229058;
    padding-left: .3rem;
    margin: .3rem 0 0 .5rem;
    color: #229058;
    display: block;
}

.b-title span {
    height: 1rem;
    line-height: 1rem;
    font-size: .9rem;
    color: #229058;
    display: inline-block;
    background: #fff;
    padding: 0 1.2rem;
    position: relative;
    bottom: -.5em;
    vertical-align: top;
}

/*新闻详情页*/
.news-article { padding:0 .5rem 1rem;}
.page .t { padding-bottom: .5rem;}
.page .t h3 { font-size: 1.2rem; color: #000; padding-top: .8rem; margin: 0;}
.page .t p { padding-top: .2rem; color: #888;}
.page .m {font-size: .8rem; color: #1a1a1a; line-height: 1.5;}
.page .m img { max-width: 100% !important; height: auto !important;}
.page .m table { width: 100%;}

/*活动列表*/
.activity-list { padding:.5rem 0 0; }
.activity-list section {padding: 0 .5rem; margin-bottom: .8rem;}
.activity-list a { display: block; box-shadow:0 1px 8px rgba(0, 0, 0, 0.2);border-radius:5px;}
.activity-list .img-w {background: #ececec url("../images/no-img.png") no-repeat 50% 50%; -webkit-background-size: 5rem auto; background-size: 5rem auto;width: 15rem;height: 10rem;border-radius: 5px 5px 0 0;overflow: hidden;}
.activity-list .img-w img {width: 15rem;height: 10rem;border-radius: 5px 5px 0 0;}
.activity-list .img-w .badge {width: 6rem;height: 1.8rem;line-height: 1.8rem;background: #117f46;color: #fff;font-size:.7rem;text-align: center;position: absolute;top: 0.5rem;left: -1.7rem;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.activity-list .img-w .end.badge { background: #888;}
.activity-list .txt-w { background:#f7f7f7; padding: .4rem .5rem; border-radius: 0 0 5px 5px;}
.activity-list .txt-w h3 { margin: 0 0 .1rem; color: #333;}
.activity-list .txt-w p { font-size: .6rem; color: #666;}

/*小活动*/
.activity-article .img-w img {width: 100%;}
.activity-article .img-w .cover {  bottom: 0; right: 0; left: 0; z-index: 1;}
.activity-article .page .t { margin: 2rem .5rem .5rem; text-align: center;}
.activity-article .page .t h3 {color: #e7bb1f;}
.activity-article .page .t p {color: #d8d8d8;}
.activity-article .page .m {padding: .5rem; margin:.5rem;background: #fff8ec;border-radius: 5px;}
.activity-article .page .t h3 { padding-top: 0;}
.page .btn-w { margin-top: .5rem;}
.page .btn-w a {display: block;width: 100%;height: 2rem;line-height: 2rem;background: #eaa709;color: #fff;font-weight:600;font-size:.8rem;text-align: center;border-radius: 5px;}
.activity-box .img-w img { width: 100%;}
.activity-box .title { padding: .5rem;}
.activity-box .title h3 { margin: 0 0 .3rem; font-size: 1rem; color: #000;}
.activity-box .main { border-top: .5rem solid #f0f0f0;}
.activity-box .m aside,
.more-list aside { margin-left:0!important; margin-right: .5rem;}
.activity-box .m .detail em {position:absolute; bottom:0; left:0; height: .7rem; line-height: .7rem; padding: 0 .16rem; border: 1px solid #fb2121; font-size: .5rem; color: #fb2121;}

/*图集*/
.gallery-swiper-box { height: 100%;}
.gallery-swiper-box .swiper-container { padding-top: 0;}
.gallery-swiper-box .swiper-container .swiper-wrapper {  height: auto;}
.gallery-swiper-box .pics-desc {-webkit-box-sizing: border-box; box-sizing: border-box; padding: .5rem; bottom: 0; width: 100%; height: 7rem; z-index: 10000; background: rgba(0,0,0,.7); color: #fff;}
.gallery-swiper-box .pics-desc .pics-title { margin: 0;}
.gallery-swiper-box .pics-summary { margin-top: .5rem; font-size: .6rem; color: #888; line-height: 1.6; height: 4rem; overflow-y: scroll;}
.gallery-swiper-box .pics-summary .summary-item { display: none;}
.gallery-swiper-box .pics-index { top: .5rem; right: .5rem; z-index: 9999;color: #fff; font-size: .8rem; background: rgba(0,0,0,.8);}
.gallery-article-box { background: #000;}
.gallery-swiper-box .swiper-slide:not(:last-child) img { width: auto; height: auto;  max-width: 100%; max-height:100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; left: 50%; top: 50%; vertical-align: middle; overflow: hidden;}
.full .pics-desc,.full .pics-index {
    opacity: 0
}

.more-gallery h3 { font-weight: normal; font-size: .9rem; margin-top: 4.5rem; padding-left: .5rem}
.more-gallery ul { padding: 0 .5rem; overflow: hidden;}
.more-gallery li { width: 50%; float: left;}
.more-gallery li a { display: block; margin: 0 .15rem .5rem; font-size: .6rem; position: relative; width: 7.2rem; height: 4.9rem; overflow: hidden;}
.more-gallery li a p { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.65); color: #fff; text-align: center; padding:.1rem .3rem;}
.more-gallery li img { width: 100%;}

/*视频*/
.video .iframe { width: 100%;}
.video-article {padding: 0 .5rem 1rem;}
.video-article .t h3 { font-size: .9rem; padding-top: 0}
.more-list { margin-bottom: .5rem;}

.more-t { margin-left: .5rem; position: relative; padding-left: .5rem; padding-top: .5rem; border-top: .5rem solid #f0f0f0; font-size: .7rem; }
.more-t::before { content: ''; width: .18rem; height: .8rem; background: #117f46; position: absolute; top:.6rem; left: 0;}

/*手机版*/
.live {
    width: 100%;
    /*height: 30%;*/
    margin-bottom: 1rem;
}
.live .am-logo {
    display: none;
}
.live .am-video-info .title {
    color: #02a650;
}
.video-w { position: relative;}
.video-w .live-layer { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 99;}
.video-w .live-layer .icon-play{ width: 50px; height: 50px; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; z-index: 1; background: url("../images/icon-play.png"); background-size: 50px;}
.video-w .live-layer img { width: 100%; height: 100%;}

.live-video {
    width: 16rem;
    height: 9rem;
    background: url("../images/video-bg.jpg");
    overflow: hidden;
    position: relative;
}
.live-video iframe {
    position: absolute;
    top: -2.76rem;
    width: 16rem;
    height: 16rem !important;
    transform: scale(1.19);
    -webkit-transform: scale(1.19);
}

.live-cover {
    width: 16rem;
    height: 9rem;
    position: relative;
    background-position: 50% 50%;
    background-size: cover;
}
.live-cover .status-msg {
    width: 70px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    background: rgba(0,0,0,.7);
    background: rgba(249, 193, 28, .8);
    border-radius: 18px 0 0 18px;
    position: absolute;
    top: 24px;
    right: 0;
    z-index: 1;
}
.mb5 {
    margin-bottom: .5rem;
}


/*万用表单*/
.post-form * { box-sizing: border-box;}
body.bg1 { background: #efeff4;}
.field-item {border-top: 1px dashed #efeff4; margin: 15px 0; padding:0 10px;}
.post-form { padding: 10px; font-size: 14px;}
.post-form .field { border-bottom: 1px solid #eee;position: relative;}
.post-form .field .field-t {position: absolute; left: 0;}
.post-form .field .field-t .field-label {  font-size: 1.6rem; color: #605e5e;font-weight: bold; }

.post-form .field .field-t span,
.post-form .field .field-t b { display: inline-block;}
.post-form .field .field-m {}
.post-form .field .field-m input { font-size: 1.6rem; font-family: "Microsoft YaHei", "SimSun", Verdana, Arial, Helvetica, sans-serif; width: 100%; color: #4c4c4c;}
.post-form .single-line .field-t .field-label { height: 47px; line-height: 47px; }
.post-form .single-line .field-m  input { width: 100%; height: 40px; line-height: 40px; border: 1px solid #d4d4d4; padding: 0 5px; }
.post-form .single-line .field-m  input:focus {
    border-color: #02a650;
}
.post-form .field-m li { margin-bottom: 15px; display: flex;display: -webkit-flex;}
    /*带图片选项*/
.field-m .img-w {   float: left; width: 94px; height: 64px; overflow: hidden; background: #ddd;border: 2px solid #0c8548;}
.field-m .img-w a {  display: block; position: relative;}
.field-m .img-w img { width: 100%;}

.p8-15 { padding: 8px 15px;}
.post-form .radio,
.post-form .checkbox,
.post-form .multiple-line { padding-top: 10px;}
.post-form .field-t { padding: 10px 0 15px; position: inherit; font-weight: bold; font-size: 14px;}
.post-form .field-m label span { padding-left:8px;height: 22px; line-height: 22px; font-size: 1.6rem;color: #797777;}
.post-form .radio .field-m label input[type="radio"],
.post-form .checkbox .field-m label input[type="checkbox"] { width: 0;}

.post-form .radio .field-m label .radio-icon { width: 18px; height: 18px; background: #fff; border-radius: 50%; border: 1px solid #797777; float: left;}
.post-form .checkbox .field-m label .checkbox-icon { width: 18px; height: 18px; background: #fff; border: 1px solid #797777; float: left;}
.post-form .radio .field-m label .checked,
.post-form .checkbox .field-m label .checked {position: relative;}
.post-form .radio .field-m label .checked::before { content:''; width: 8px; height: 8px; background: #797777; border-radius: 50%; position: absolute; top: 5px; left: 5px;}
.post-form .checkbox .field-m label .checked::before { content:''; width: 7px; height: 3px; background: #797777;  position: absolute; top: 9px; left: 2px;-webkit-transform:rotate(45deg); transform:rotate(45deg);}
.post-form .checkbox .field-m label .checked::after { content:''; width: 12px; height: 3px; background: #797777;  position: absolute; top: 7px; left: 4px;-webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.post-form .multiple-line .field-m { padding: 0 10px;}
.post-form .multiple-line .field-m textarea { width: 100%; min-height: 120px; border: 1px solid #eee; border-radius: 0; font-size: 1.4rem; background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 4px;}

.btn-w {  padding: 20px 0;}
.btn-w button { width: 100%; height: 40px; background: #02a650; color: #fff; font-size: 14px; border-radius: 5px;}
.post-form-tip { padding: 0 10px 10px;}
.post-form-tip .mailto { color: #0c8548; font-weight: bold;}
.flex .flex-btn {
    flex: 1;
}
.flex .flex-btn:first-child { margin-right: 10px;}

/*提示层*/
.popup { width: 100%; height: 100%; position: fixed; z-index: 999; display: none;}
.popup-inner { position: fixed; z-index: 1; top: 50%; left: 50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);width: 80%; }
.popup-inner .title { height: 40px; line-height: 40px; text-align: center; background: #02a650; color: #fff; font-size: 1.6rem; border-radius: 5px 5px 0 0;}
.popup-inner .m { background: #fff;  padding: 10px; line-height: 1.6; color: #3f3f3f;}
.popup-bg { width: 100%; height: 100%; position: fixed; top: 0; left: 0;  background: #000; opacity: .6; filter: alpha(opacity=60);}

.popup-inner .error-inner .msg-box { padding: 15px 20px; background: #fff; color: #3f3f3f; border-radius: 5px 5px 0 0; }
.popup-inner .msg-ft { height: 40px; line-height: 40px;  background: #fff; border-radius: 0 0 5px 5px; border-top: 1px solid #eaeaea;}
.popup-inner .msg-ft a { color: #02a650; font-weight: bold; display: block;}

#newsArticleRelevantShowTemplate {
    padding-bottom: 3.666666667em;
}
.title-w {
    padding: 10px 0;
}
.title-w h2 {
    font-size: 18px;
}
.radio-icon,
.checkbox-icon {
    margin-right: 10px;
}
.radio-icon,
.checkbox-icon{
    width: 16px;
    height: 16px;
    display: block;
    border-radius: 50%;
    border: 1px solid #ccc;
    position: relative;
}
.radio-icon.selected,
.checkbox-icon.selected{
    border-color: #02a650;
}
.radio-icon.selected::after {
    content: '';
    width: 6px;
    height: 6px;
    position: absolute;
    top: 50%;
    left: 50%;
    background: #02a650;
    margin-top: -3px;
    margin-left: -3px;
    border-radius: 50%;
}
.radio input,
.checkbox input {
    display: none;
}
.checkbox-icon,
.checkbox-icon.selected {
    border-radius: 0;
}
.checkbox-icon.selected::after{
    content: '';
    width: 7px;
    height: 3px;
    position: absolute;
    top: 3px;
    left: 3px;
    border-bottom:2px solid #02a650;
    border-left:2px solid #02a650;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.sub-title {
    margin-bottom: 5px;
    font-weight: normal;
}
label,
.bd {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.question-video {
    margin-top: 5px;
    width: 260px;
    height: 160px;
}
.question-img {
    margin-top: 5px;
    width: 260px;
}
.question-img img {
    max-width: 100%;
}
.sms-verify {
    margin-top: 15px;
}
.sms-verify-input {
    width: 60%;
}
.get-sms-verify-code {
    width: 35%;
    height: 40px;
    line-height: 40px;
    float: right;
    background: #f9c11c;
    color: #fff;
}
.get-sms-verify-code.disabled {
    background: #ddd;
}
textarea {
    width: 100%;
    min-height: 100px;
    border: 1px solid #d4d4d4;
}
.video-layer {
    width: 90% !important;
    height: 243px !important;
}
.video-layer iframe {
    min-height: 200px !important;
}
.tip-text {
    text-align: center;
    margin-top: 15px;
    font-style: italic;
}
.datagrid-mask,
.datagrid-mask-msg {
    display: none !important;
}
.wrong {
    border: 1px dashed #ffb3b3;
    background: #fef6f6;
    position: relative;
}
.wrong::after {
    content: '您答错了';
    width: 70px;
    height: 20px;
    position: absolute;
    top: 2px;
    right: 2px;
    text-align: right;
    font-size: 13px;
    color: red;
}
.my-success {
    width: 90% !important;
    height: auto;
}
.layui-layer-btn {
    font-size: 14px;
}
.form-swiper{

}
.form-swiper .swiper-slide {
    text-align: center;
}
.form-swiper img {
    max-width: 100%;
    max-height: 215px;
    overflow: hidden;
}
.swiper-layer{
    border-radius:0 !important;
    max-height: 215px;
    background-color: rgba(0,0,0,6) !important;
}
.swiper-layer .layui-layer-content {
    display: flex;
}
/*.swiper-layer .form-swiper {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}*/
.swiper-layer .swiper-pagination {
    /*background: red;*/
}
.form-swiper .img-title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(0,0,0,.3);
    color: #fff;
    font-size: 14px;
}
.form-swiper .img-title span{
    padding: 5px 45px;
}
.form-swiper .swiper-pagination  {
    color: #fff;
}
.vote-from .checkbox {
    padding-top: 0;
}
.vote {
    display: none;
}
.vote .vote-description {
    text-align: center;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #eee;
}
.vote .tip {
    text-align: center;
    color: #777;
    margin: 20px 0;
    position: relative;
}
.vote .tip::after {
    content: '';
    width: 100%;
    height: 1px;
    background: #ddd;
    position: absolute;
    left: 0;
    top: 10px;
    z-index: 1;
}
.vote .tip .tip-txt {
    background: #fff;
    padding: 0 15px;
    position: relative;
    z-index: 2;
}
.text-layer {
    width: 90% !important;
    height: 380px !important;
}
.text-layer .layer-full-content {
    font-size: 14px;
}

.vote-lists {
    overflow: hidden;
}

.vote-lists .item {
    width: 100%;
    margin-bottom: 10px;
    border: 1px solid #eee;
}

.vote-lists .item:hover {
    box-shadow: 0 0 10px 2px rgba(206, 206, 206, 0.28);
}

.vote-lists .item.on {
    border-color: #f9c11c;
    background: #faf6e4;
}

.vote-lists .hd {
    padding: 15px;
}

.img-type .hd,
.video-type .hd {
    padding-top: 0;
    padding-bottom: 15px;
}

.vote-lists .checkbox {
    position: relative;
    width: 18px;
    height: 18px;
    float: left;
    margin: 2px 10px 0 2px;
}

.vote-lists .item-title {
    flex: 1;
}

.text-type .hasDetail .item-title:hover {
    color: #0c8548;
    text-decoration: underline;
    cursor: pointer;
}

.vote-lists .ser-num {
    font-size: 16px;
    font-weight: normal;
    margin-right: 5px;
    color: #aaa;
    float: left;
}

.vote-lists .vote-total {
    float: right;
    color: #f9c11c;
}

.vote-lists .bd {
    padding: 0 15px 15px 45px;
}

.img-type .bd,
.video-type .bd {
    padding-top: 15px;
    padding-left: 15px;
    position: relative;
    overflow: hidden;
}

.text-type .summery {
    color: #9d9d9d;
    font-size: 14px;
    overflow: hidden;
}

.img-type .img-w,
.video-type .img-w {
    cursor: pointer;
    overflow: hidden;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    position: relative;
}

.img-type .img-w img,
.video-type .img-w img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
    display: inline;
}

.img-type .icon {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -8px;
    z-index: 2;
    background: url("../images/plus.png") no-repeat;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    transition: all .3s ease-in;
    background-size: 100%;
    -webkit-background-size: 100%;
}

.img-type .cover,
.video-type .cover {
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    z-index: 1;
    background: rgba(0, 0, 0, 0);
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.video-type .icon {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -12px 0 0 -12px;
    z-index: 2;
    background: url("../images/icon-play-1.png") no-repeat;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    transition: all .3s ease-in;
    background-size: 100%;
    -webkit-background-size: 100%;
}
.vote-lists .img-type .icon,
.vote-lists .video-type .icon {
    -webkit-background-size: auto;
    background-size: auto;
}
.vote-lists .img-type .icon {
    width: 32px;
    height: 32px;
    margin: -16px 0 0 -16px;
}
.vote-lists .video-type .icon {
    width: 48px;
    height: 48px;
    margin: -24px 0 0 -24px;
}

.layer-full-content {
    padding: 15px;
}

.layer-full-content img {
    max-width: 100% !important;
}

.layer-loading {
    width: 100%;
    height: 100%;
    background: url("data:image/gif;base64,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") 50% 50% no-repeat;
}

body .my-layer .layui-layer-imgbar {
    display: block !important;
    height: 44px;
    line-height: 44px;
    background: rgba(39, 167, 102, 0.8);
    text-align: center;
}

body .my-layer .layui-layer-imgtit {
    padding: 0 15px;
}

body .my-layer .layui-layer-imgtit a,
body .my-layer .layui-layer-imgtit em {
    font-size: 14px;
}

body .my-layer .layui-layer-imgtit a {
    max-width: 80%;
    cursor: default;
}

body .my-layer .layui-layer-imgtit em {
    float: right;
    padding-right: 15px;
}

body .my-layer .layui-layer-imgtit a:hover {
    text-decoration: none;
}

/*结果页*/
.result-page {

}
.form-status {
    padding-top: 15px;
}
.result-page .lists .item {
    margin-bottom: 25px;
}
.result-page .lists .item:hover .progress-bar {
    background: #f9c11c;
}

.result-page .ser-num {
    font-size: 14px;
    font-weight: normal;
    margin-right: 5px;
    color: #aaa;
    float: left;
}
.result-page .item-title {
    flex:1;
    font-size: 14px;
    font-weight: normal;
}
.result-page .vote-total {
    float: right;
    color: #f9c11c;
}
.result-page .progress {
    height: 8px;
    background: #eee;
    margin-top: 20px;
}
.result-page .progress-bar {
    height: 100%;
    background: #cecece;
    width: 0;
    -webkit-transition: width .5s ease;
    -moz-transition: width .5s ease;
    -ms-transition: width .5s ease;
    -o-transition: width .5s ease;
    transition: width .5s ease;
    -webkit-animation: progress 2s;
    -o-animation: progress 2s;
    animation: progress 2s;
}

@keyframes progress {
    0% {
        width: 0;
    }
}
.switch-view {
    font-size: 14px;
    padding-top: 20px;
}
.switch-view .switch li {
    display: inline-block;
    padding: 1px 8px;
    border-width: 1px 0 1px 1px;
    border-style: solid;
    border-color: #0c8548;
    cursor: pointer;
    font-size: 12px;
}
.switch-view .switch li.on {
    background: #0c8548;
    color: #fff;
    border-color: #0c8548;
}
.switch-view .switch li:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.switch-view .switch li:last-child {
    border-right-width: 1px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.result-page .cols {
    margin-bottom: 50px;
}
.cols .lists {
    padding: 0 20px;
    font-size: 14px;
}
.result-page .cols .lists .item {
    padding-bottom: 20px;
    margin-bottom: 0;
}
.result-page .cols .item-title {
    font-weight: normal;
    font-size: 14px;
}
.result-page .cols .progress {
    margin-top: 10px;
}

.my-success .icon {
    width: 48px;
    height: 48px;
    display: block;
    margin: 0 auto 10px;
}
.my-success .icon.success {
    background: url("../images/icon-success.png") no-repeat;
}
.my-success .layui-layer-title {
    padding-right: 20px;
    text-align: center;
}
.my-success .layui-layer-btn {
    padding-bottom: 20px;
}

.pie  {
    display: none;
}
.field-explanation {
    padding-bottom: 20px;
}
.checkbox-btn .checkbox-button {
    height: 28px;
    line-height: 28px;
    display: block;
    width: 80px;
    background: #02a650;
    text-align: center;
    color: #fff;
    border-radius: 3px;
    font-size: 14px;
    margin: 0 auto;
}