/*--------------------------------------------------------全局开始---------------------------------------------------*/
@charset "utf-8";
*{margin: 0px; padding: 0px;box-sizing: border-box;}
html, body {
    height: 100%
}

body {background: none;font-family: 'Microsoft YaHei,Arial';margin: 0 auto;padding-bottom: 1rem;position: relative;}
body p {font-family: 'Arial,Microsoft YaHei';}

.fl,.pull-left{float: left}
.fr,.pull-right{float: right}
.img-responsive{max-width: 100%}
.floatnone{float: none!important;}
.pad0{padding: 0px}
.hidden{display: none}
.show{display: block}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/*首页*/
header {box-sizing: content-box;height: 60px;padding: 3px 10px;line-height: 60px;text-align: center;font-size: 12px;/*background: #f9f9f9;*/}
header.mini {height:40px;line-height:40px}
header.mini h1{font-weight:300;}

.my {/*background: #009688;*/padding: 20px 20px}
.my .touxiang {float: left;width: 100%;}
.my .logo {float: right;line-height: 50px;padding-right:10px;}
.my .touxiang img {width: 50px;height: 50px;border-radius: 50%}
.my .touxiang .img span {color: #666;font-size: 14px;display: inline-block;padding-left: 10px;line-height: 14px;}
.my .nav {padding: 0px;background: #fff;border: none}
.my .nav li {line-height: 40px;padding: 10px 30px 10px 10px;background: url("../images/arrow.png") no-repeat right 10px center;background-size: 12px 12px;background-color: #f5f5f5;margin: 10px 0;border-radius:5px;}
.my .nav li h3{font-weight:bold;}
.my .nav li span{color:#666;}
.my .nav li a {display: inline-block;width: 100%}

.searchinput{margin: 5px 0px}
.searchinput input{display:inline-block;width:80%;}

.underline {text-decoration:underline;font-weight:bold;padding:0 5px;}
.footerbutton {width: 100%;height: 40px; line-height:40px;text-align:center; overflow: hidden;position: fixed;z-index: 99;left: 0;bottom: 0;}

.footer {
    padding: 30px 0;
    line-height: 30px;
    text-align: center;
    color: #666;
    font-weight: 300;
    font-size:12px;
}

.footer .info{
    margin:0 auto;
}

.footer a {
    padding: 0 5px;
    text-decoration:none;
}


@media (min-width: 390px) {
    .wrap {
        width: 100%;
        height:100%;
        background-color: rgb(255,250,153)
    }
}
@media (min-width: 1024px) {

    .wrap {
        width: 750px;
        height: 100%;
        margin: 0 auto;
        background-color: rgb(255,250,153)
    }
}