body {
    padding-bottom: 0px;
    background-color: rgb(228, 230, 233);
    min-height: 100%;
    font-family: PingFangSC-Light,-apple-system,BlinkMacSystemFont,Helvetica Neue,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;
    font-size: 12px;
    color: #4a4a4a;
    line-height: 1.5;
}
body a{
    color: #4a90e2;
}

.mobile{
    background: #fff;
    position: relative;
}
.mobile>.content{
    padding-top: 44px;
    width: 100%;
    overflow-x: hidden;
}
.mobile>.content.no-pdtop{
    padding-top: 0;
}
.mobile .separation_line{
    width: 90%;
    /*height: 1px;*/
    margin: 0 auto;
    border-bottom: 1px solid rgb(231, 231, 231);
    clear: both;
}

/* 公共头部开始 */
.mobile>header {
    padding-top: 0;
    padding-left: 10px;
    padding-right: 10px;
    /*background-color: #03a9f4;*/
    background:rgba(255, 255, 255, 1);
    height: 44px;
    line-height: 44px;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 999;
}
.mobile >header .mobile_goback{
    display: block;
    height: 24px;
    min-width: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 1.2em;
    color: #fff;
    position: absolute;
    top: 10px;
    left: 10px;
    cursor: pointer;
}
.mobile >header .mobile_gohome{
    display: block;
    height: 24px;
    min-width: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 1.2em;
    color: #fff;
    position: absolute;
    top: 10px;
    left: 45px;
    cursor: pointer;
}
.mobile >header .mobile_goback>span, .mobile >header .mobile_gohome>span {
    font-size: 1.6em;
    font-weight: normal;
}
.mobile>header .title.text-center{
    height: 44px;
    line-height: 44px;
    padding: 0;
    margin: 0;
}
header p span{
    width: 73px;
    height: 25px;
    font-size: 1.5em;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-align: center;
    color: #000;
}
header .header_r_btn>span{
    font-size: 1.6em;
    font-weight: normal;
    /*font-family: inherit;*/
}
header .header_r_btn{
    display: block;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 1.2em;
    color: #000;
    position: absolute;
    top: 12px;
    right: 15px;
    cursor: pointer;
}
.mobile >header .mobile_goback, .mobile-second .header .mobile_second_goback, .mobile >header .mobile_toback, .mobile >header .mobile_back{
    height: 44px;
    min-width: 36px;
    top: 0;
    left: 5px;
}
.mobile >header .mobile_gohome{
    height: 44px;
    min-width: 36px;
    top: 0;
    left: 45px;
}
header .header_r_btn, .mobile-second .header .mobile_second_header_r_btn{
    width: 20px;
    top: 12px;
    right: 30px;
}
.mobile >header .mobile_goback > span,
.mobile >header .mobile_gohome > span,
header .header_r_btn > span,
.mobile-second .header .mobile_second_goback > span,
.mobile-second .header .mobile_second_header_r_btn > span,
.mobile >header .mobile_toback > span,
.mobile >header .mobile_back > span{
    line-height: 44px;
}
/* 公共头部结束 */

/* 公共尾部开始 */
.mobile>.footer{
    padding-top: 0;
    padding-left: 6px;
    padding-right: 6px;
    background-color: #fff;
    height: 60px;
    line-height: 60px;
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 999;
    border-top: 1px solid rgb(240, 240, 240);
}
.mobile>.footer>.footer-nav{
    list-style: none;
    padding: 0;
    margin: 0;
    height: 100%;
}
.mobile a, .common-search a{
    text-decoration:none;
}

.mobile>.footer>.footer-nav li{
    /*font-size: 26px;*/
    color: #666;
    padding: 0 5px;
    height: 100%;
    float: left;
    position: relative;
}
.mobile>.footer>.footer-nav li.current{
    /*color: #49a5cc*/
}
.mobile>.footer>.footer-nav li>a{
    color: #666;
    text-decoration: none;
}
.mobile>.footer>.footer-nav li.current>a{
    display: inline-block;
    width: 100%;
    height: 100%;
    /*color: #49a5cc;*/
}
.mobile>.footer>.footer-nav li>a span{
    display: block;
}
.mobile>.footer>.footer-nav li>a span.icon{
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin: 0 auto;
}
.mobile>.footer>.footer-nav li>a span.icon-active{
    display: none;
}
.mobile>.footer>.footer-nav li.current>a span.icon{
    display: none;
}
.mobile>.footer>.footer-nav li.current>a span.icon-active{
    display: block;
}
.mobile>.footer>.footer-nav li>a span.icon img{
    width: 80%;
    vertical-align: middle;
}
.mobile>.footer>.footer-nav li>a span.title{
    font-size: 1em;
    line-height: 1.6;
}
.mobile>.footer>.footer-nav li.current>a span.title{
    /*font-weight: bold;*/
    color: #e2404c;
}



.mobile>div.content{
    background-color: #fff;
    /*background-color: #F5F5F5;*/
}
.mobile ul{
    margin: 0;
    padding: 0;
    list-style: none;
}

/* 竖直、水平居中 */
.mobile .middle{
    display: table;
    height: 100%;
    width: 100%;
    text-align: center;
}
.mobile .middle>.middle-m{
    display: table-cell;
    vertical-align: middle;
}

.mobile-second ul{}
.mobile-second ul li{
    border-bottom: 1px solid #bbb;
    padding: 0 10px;
}
.mobile-second ul li .item{
    line-height: 30px;
    height: 30px;
    color: #333;
    font-size: 1.1em;
}
.mobile-second ul li .icon-box{
    display: inline-block;
    width: 30px;
    height: 100%;
    vertical-align: middle;
    color: #f00;
    font-size: 1.6em;
}
.mobile-second ul li .icon-box .fa{
    display: none;
}
.mobile-second ul li.active .icon-box .fa{
    display: inline-block;
}
.mobile-second ul li .title-box{
    display: inline-block;
    vertical-align: middle;
}

input[type="button"]{
    outline-color:transparent !important
}

.fl{
    float: left;
}
.fr{
    float: right;
}
.h10{
    height: 10px;
    width: 100%;
}

.customize-1, .customize-2, .customize-3, .customize-4, .customize-5, .customize-6, .customize-7, .customize-8, .customize-9, .customize-10, .customize-11, .customize-12{
    float: left;
    position: relative;
    min-height: 1px;
    padding: 0;
}
.customize-1{
    width: 8.333333333%
}
.customize-2{
    width: 16.66666666%
}
.customize-3{
    width: 25%
}
.customize-4{
    width: 33.33333333%
}
.customize-5{
    width: 41.66666666%
}
.customize-6{
    width: 50%
}
.customize-7{
    width: 58.33333333%
}
.customize-8{
    width: 66.66666666%
}
.customize-9{
    width: 75%
}
.customize-10{
    width: 83.33333333%
}
.customize-11{
    width: 91.66666666%
}
.customize-12{
    width: 100%
}
/*是否现在登录*/
.confirm{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
}
.confirm .confirm_tip_close{
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    background-color: #000;
}
.mobile .confirm_tip, .confirm_tip{
    width: 80%;
    height: 180px;
    overflow: hidden;
    position: fixed;
    top: 31%;
    left: 10%;
    z-index: 1002;
    border-radius: 12px;
    background-color: #fcfcfc;
}
.confirm_tip .confirm_tip_top{
    height: 140px;
    color: #424242;
    font-size: 18px;
    width: 100%;
    text-align: center;
    line-height: 50px;
}
.confirm_tip .confirm_tip_top .title{
    font-size: 1em;
    color: #424242;
    font-weight: 500;
    line-height: 3em;
    padding-top: 10px;
    padding: 0 1em;
}
.confirm_tip .confirm_tip_top .content{
    font-size: 0.77em;
    line-height: 2em;
    color: #424242;
    padding: 0 1em;
}
.confirm_tip .confirm_tip_bottom{
    height: 40px;
    border-top: 1px solid #f0f0f0;
}
.confirm_tip .confirm_tip_bottom .confirm_btn{
    width: 50%;
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-size: 17px;
    color: #c29755;
    padding: 0;
    border-bottom-right-radius: 12px;
}
.confirm_tip .confirm_tip_bottom .confirm_lbtn{
    border-right: 1px solid #f0f0f0;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 0;
    color: #aaa;
}

.mobile .content .avatar-img{
    display: inline-block;
    color: #999;
    text-align: center;
    background-color: #eee;
}
/*提示信息*/
.prompt{
    position: fixed;
    width: 45%;
    height: 55px;
    top: 40%;
    left: 27.5%;
    line-height: 55px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    background-color: #000;
    opacity: 0.8;
    z-index: 1003;
}

/* 快捷导航 */
/*如果需要使用rem进行根据屏幕自适应案例宽度，需要给 html 标签设置font-size【目前是reset.css文件中的100%无效】*/
#quick-nav {
    position: fixed;
    bottom: 66px;
    right: 10px;
    z-index: 900;
}
#quick-nav .item{
    width: 38px;
    margin-bottom: 8px;
    background: rgba(255,255,255,0.7);
    box-shadow: 0 6px 12px 0 rgba(0,0,0,0.10);
    border-radius: 50%;
    margin-left: 2px;
}
#quick-nav .item.toTop{
    display: none;
    width: 40px;
    border: 2px solid #EEEEEE;
    margin-left: 0;
}
#quick-nav .item a{
    display: inline-block;
    padding: 9px 11px 11px 11px;
    text-decoration: none;
}
#quick-nav .item.toTop a{
    padding: 9px 10px 9px 10px;
}
#quick-nav .item a img {
    width: 16px;
    vertical-align: middle;
}
#quick-nav .item a .text{
    font-size: 10px;
    color: #f8f8f8;
    padding-top: 6px;
}

.bold-font-family{
    font-family: PingFangSC-Medium,-apple-system,BlinkMacSystemFont,Helvetica Neue,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;
}

/*设置动画规则*/
@-webkit-keyframes rotation{
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}