/**
 * *****common*****
 */
body {max-width: 640px;height: 100%;margin: 0 auto;color: #3e3e3e;font-size: 16px;line-height: 30px;background-color: #efefef}
img {max-width: 100%;margin: 5px 0;}
.container {background-color: #fff}
.img-response {display: block;width: 100%;}
.container {max-width: 640px;margin: 0 auto;}
.font-big {font-size: 24px!important}
.bg-yellow {background-color: #fff600}
.bg-red {padding: 0 5px;color: #fff;background-color: #f00}
.bg-gray {color: #372f30;background-color: #f8f8f8}
.bg-red a {color: #fff;}
.bg-green {background-color: #1dff00}
.bg-blue {padding: 10px 0 10px 10px;
    border-left: 5px solid rgb(6, 109, 255);
    font-size: 18px;
    background-color: #066dff;
    color: rgb(243, 243, 243);}
.red {color: #f00;}
.pink {color: #FF2941}
.yellow {color: #fff600}
.orange {color: rgb(236, 112, 52);}
.text-center {text-align: center;}
h2 {font-size: 18px;line-height: 30px}
h2 span {display: inline-block;margin: 10px 0;}
p {text-align: justify;}
.text-center p {text-align: center;}
.indent p {text-indent: 2em;}
.img-response {width: 100%}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.segmentation {width: 100%;height: 1px;border-bottom: 2px dashed #dbdbdb}
.title-comment {padding-bottom: 10px;font-size: 16px;line-height: 30px;text-align: right;}
.title-comment img {display: inline-block;width: 37px;height: 25px;margin: 0;}

.wechatIcon {width: 30px;}
.big-font {font-size: 20px;font-weight: normal;line-height: 16px}
#target {display: block;height: 0;font-size: 0}
.copy span {font-weight: bolder}

.btn-primary {    display: inline-block;
    padding: 5px 8px;
    background-color: rgb(250, 250, 5);
    color: rgb(255, 0, 0);
    box-shadow: 0 3px 3px rgba(0,0,0,.5);
    border-radius: 5px;
    margin: 10px 0;
    font-weight: bold;}

/**
 * *****main*****
 */
.main .section {margin-bottom: 10px;padding: 5px 10px;}
.main p strong,
.main p button,
.aside button {font-size: 16px;font-weight: bolder;}
.main p button,
.aside button {vertical-align: top;height: 30px;}

.qqlink {font-weight: bolder;color: #f00;}
.qqlink p strong {display: block;font-size: 18px;font-weight: bolder;color: #000;}

/* 贴吧 */
.tieba {position: relative;padding-left: 75px;border-bottom: 1px solid #cdcdcd;}
.tieba img {position: absolute;top: 0;left: 0;width: 60px;height: 60px;padding: 2px;border: solid 1px rgba(0,0,0,.1);*border: solid 1px #dddde0;background: #fff;}
.tieba h3 {font-size: 22px;line-height: 40px;font-weight: normal;}
.tieba p {color: #aaa;}
.tieba p span {display: inline-block;margin-right: 20px;color: #ff7f3e;}

/* 留言 */
.comments .item {position: relative;padding: 5px 0 5px 75px;border-top: 1px solid #cdcdcd;}
.comments .item>img {position: absolute;top: 5px;left: 0;width: 60px;height: 60px;}
.comments .item h3 {font-size: 15px;line-height: 60px;color: #555;font-weight: normal;}
.comments .item h3 strong {margin-left: 8px;color: #f8b616;font-weight: normal;}
.comments .item .time {position: absolute;top: 20px;right: 0;color: #ddd;}

.zan {margin-top: 10px;color: #555;}
.zan div {float: right;margin-left: 20px;padding-left: 22px;background-position: left center;background-size: auto 80%;background-repeat: no-repeat;}
.zan .up {background-image: url(../image/zanup.png)}
.zan .down {background-image: url(../image/zanup.png)}

/**
 * *****footer*****
 */
.footer {text-align: center;}

/**
 * *****aside*****
 */
.aside {position: fixed;bottom: 0;left: 0;width: 100%;font-size: 18px;text-align: center;padding: 10px;}
.aside.bg-yellow button {color: #f00}
.aside button {font-size: 18px;}
.aside p {line-height: 28px;}

.make-friends {padding: 0;font-size: 16px;line-height: 50px;color: #fff;background-color: #ff9a22;}
.make-friends .container {position: relative;}
.make-friends .fl {padding-left: 40px;background: url('../image/zanup.png') 5px center/30px auto no-repeat;}
.make-friends img {margin-right: 5px;}
.make-friends button,
.make-friends a {display: block;position: absolute;top: 9px;right: 0;height: 32px;padding: 0 30px;font-size: 18px;line-height: 32px;color: #fff;background-color: #f55326;border-radius: 16px;
    animation: big 1.4s ease infinite alternate;
    -webkit-animation: big 1.4s ease infinite alternate;
    -moz-animation: big 1.4s ease infinite alternate;
    -ms-animation: big 1.4s ease infinite alternate;
    -o-animation: big 1.4s ease infinite alternate;
}
.make-friends button span {display: none}

.join-qq {background-color: #0553F8;}
.join-qq p {font-size: 16px;line-height: 30px;color: #fff;font-weight: bold;}
.join-qq a {display: inline-block;}
.join-qq a strong {display: inline-block;padding: 0 5px;border-radius: 5px}

#btn_asideWeChat{position:fixed;top:50%;right:0;cursor:pointer;z-index:999;width:68px;height:68px}
@keyframes big {
    0% {
        transform: scale(1)
    }
    18% {
        transform: scale(1.1)
    }
    32% {
        transform: scale(1)
    }
    48% {
        transform: scale(1.1)
    }
    64% {
        transform: scale(1)
    }
    80% {
        transform: scale(1.1)
    }
    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes big {
    0% {
        -webkit-transform: scale(1)
    }
    18% {
        -webkit-transform: scale(1.1)
    }
    32% {
        -webkit-transform: scale(1)
    }
    48% {
        -webkit-transform: scale(1.1)
    }
    64% {
        -webkit-transform: scale(1)
    }
    80% {
        -webkit-transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(1)
    }
}


/**
 * *****layer*****
 */

.layui-layer-shade {width: 100%!important;height: 100%!important}

.layui-layer-dialog {border-radius: 5px!important}
.layui-layer-dialog .layui-layer-content {text-align: center;font-size: 16px!important}
.layui-layer-btn a {width: 44%;margin: 0 3%;text-align: center;font-size: 16px;height: 30px!important;line-height: 30px!important;}
.layui-layer{border-radius:8px!important}
.layui-layer-dialog{border-radius:5px!important}
.layui-layer-dialog .layui-layer-content{text-align:center;font-size:16px!important}
.layui-layer-btn a{width:44%;margin:0 3%;text-align:center;font-size:16px;height:30px!important;line-height:30px!important}
.layui-layer-page{min-width:250px!important}
.layer-message{display:none;padding:20px 10px;text-align:center}
.layer-message p{line-height:30px}
.layer-message .copy{margin:10px 5px;padding:0 10px;font-size:16px;line-height:30px;color:red;background-color:#fff600;border-radius:6px}
.layui-layer-btn .layui-layer-btn0 {background-color: #ff9a22!important;border-color: #ff9a22!important}

textarea {position: fixed!important;height: 100%!important}