#mian{max-width:420px;width:100%;margin:0 auto;background:#F8F8F3}
#mian h1{width:98%;margin:0 auto;border-bottom:1px solid #ddd;font-size:18px;line-height:200%;padding:10px 10px;box-sizing:border-box;}


#mian h2{text-align:center;font-size:20px;line-height:140%;color:red;}
#mian h3{font-size:15px;line-height:140%;color:red;text-indent:2em}
#mian .text{font-size:16px;line-height:150%;padding:10px 5px;}
.in{text-indent:2em}
#mian #list{margin-top:30px;}
#mian #list li:after{content:".";display:block;height:0;clear:both;visibility:hidden}
#mian #list li .img{width:27%;text-align:center}
#mian #list li .img img{width:80%;margin:0px auto}
#mian #list li .t{width:70%;height:130px;font-size:14px;line-height:150%;}
#mian #list li{border-top:1px solid #ddd;box-sizing:border-box;padding:10px 5px;}

.right{position:fixed;right:5px;bottom:30%;}
#mian #cp li:after{content:".";display:block;height:0;clear:both;visibility:hidden}
#mian #cp li .img{width:35%;text-align:center}
#mian #cp li .img img{width:80%;margin:0px auto;border-radius:10px;}
#mian #cp li .t{width:65%;height:130px;font-size:14px;line-height:150%;}
#mian #cp li{box-sizing:border-box;padding:10px 5px;}
.title{margin:30px auto}
#mian #cp p{font-size:17px;}

#bottom{background:#fff;width:100%;height:60px;position:fixed;bottom:0px;left:0px;}
#bottom ul{max-width:750px;width:100%;margin:0 auto;}
#bottom ul li{width:29%;float:left;font-size:16px;line-height:200%;border:2px solid red;margin-left:2%;margin-top:13px;text-align:center;border-radius:20px;}
#bottom ul li:nth-child(2){background:red;color:#fff;}
#bottom ul li:nth-child(2) a{color:#fff;}
#bottom ul li:nth-child(1) a{color:red}
#bottom ul li:nth-child(3) a{color:red}

#shadowhide{position: fixed;left: 0; right: 0;bottom: 0;top: 0;z-index: 200;background-color: rgba(0, 0, 0, 0.72);display: none;width:100%;margin:0 auto;}
.tankuang{width:300px;font-size:18px;line-height:200%;}
#shadowhide .tip{position: absolute;left: 0; right: 0;top: 10px;}
#shadowhide .tip span{display: inline-block;}
.dfdjfdff .cont,#shadowhide .tankuang{ position: absolute;left: 50%; top:50%;transform: translate(-50%,-50%);}
#shadowhide .tankuang{-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; background-color: #fff;text-align: center;font-size: 16px; padding: 10px 0;}
#shadowhide  h3{margin: 4px auto;padding: 5px 0;display:inline-block;width:50%;margin:5px auto;border-radius:5px;}
#shadowhide .close{position: absolute;right: 4px;top: 4px;cursor: pointer;width: 24px;}