body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,form,input,button,textarea,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;}
a{color:#444}
li{list-style:none;}
body{overflow-x:hidden;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust: none;background:#e6e6e6;font:14px/1.5 tahoma,"\5FAE\8F6F\96C5\9ED1","\5B8B\4F53",arial,georgia,verdana,helvetica,sans-serif;color:#444;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
textarea{line-height:normal;resize:none;outline:none;vertical-align:middle;-webkit-appearance:none;}
::-webkit-input-placeholder,input:-moz-placeholder{font-size:14px;}
a,.but,.inp,select,textarea{outline:none;blur:expression(this.onFocus=this.blur());-webkit-tap-highlight-color:rgba(0,0,0,0);}

.gclear:after,.header:after,.footer:after,.cont:after,.box:after,ul.applist:after,ul.piclist:after,ul.txtlist:after,ul.txt:after,ul.txt2:after,ul.txt3:after,ul.txt4:after,ul.txt5:after,ul.txt6:after,ul.pics:after,.pages:after{display:block;clear:both;visibility:hidden;height:0;content:''}
.gclear,.header,.footer,.cont,.box,.pages,ul.applist,ul.piclist,ul.txtlist,ul.txt,ul.txt2,ul.txt3,ul.txt4,ul.txt5,ul.txt6,ul.pics{zoom:1}

ul.tools{}
ul.tools li{float:left;width:31%;height:120px;text-align:center;background-color:#f8f7f5;margin:8px 0 0 8px}
ul.tools li a{position:relative;width:100%;display:block;margin:0 auto;text-decoration:none;height:100%;-moz-background-size:72px 72px;-webkit-background-size:72px 72px;-o-background-size:72px 72px; background-size:72px 72px;background-repeat:no-repeat;background-position:center 12px;}
ul.tools li a span{position:absolute;top:90px;left:0;right:0;}

div.header{
    background-color:#fbfbfb;
    background:-moz-linear-gradient(top,#ffffff,#ececec);
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ececec));
    border-bottom:1px solid #c6c6c6;
    width:100%;
    height:44px;
    moz-box-shadow:0 0 2px rgba(180, 180, 180, 0.7);
    webkit-box-shadow:0 0 2px rgba(180, 180, 180, 0.7);
    box-shadow:0 0 2px rgba(180, 180, 180, 0.7);
    position:relative;
}
div.ftop{
    position:fixed;
    top:0;
    z-index:999;
}
#tm{
    height:55px;
}
div.header h1,div.header h2,div.header h3{
    text-shadow:1px 1px 0px #fff;
    font-size:14pt;
    text-align:center;
    line-height:44px;
}
div.cont h2,div.cont h3{
    color:green;
}
a.back,a.more,a.home,a.pop,a.refresh,a.search,a.set{
    position:absolute;
    background-color:transparent;
    background-position:center center;
    background-repeat:no-repeat;
    width:30px;
    height:30px;
    display:block;
    margin:7px;
    -moz-background-size:cover;
    -webkit-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
}
a.right{right:0;}
.fleft{float:left}
.fright{float:right}
.center{text-align:center}
.right{text-align:right}
.left{text-align:left}
.b{font-weight:bold}
.nor{font-weight:normal}
.ml{margin-left:8px}
.mr{margin-right:8px}
.none{display:none}
.cboth{clear:both}

.bwhite{background-color:#fff}
.bgreen{background-color:#008000}
.bred{background-color:red}
.bblue{background-color:blue}
.bpink{background-color:#c00}
.bgray{background-color:#e5e5e5}
.borange{background-color:orange}
.byellow{background-color:#ffffb5}
.bblack{background-color:#333}

.bbb,.br,.brl,.blr,.btr,.brt,.bbr,.brb{border-right:1px solid #e5e5e5}
.bbb,.bl,.brl,.blr,.btl,.blt,.bbl,.blb{border-left:1px solid #e5e5e5}
.bbb,.bt,.btb,.bbt,.btl,.blt,.btr,.brt{border-top:1px solid #e5e5e5}
.bbb,.bb,.btb,.bbt,.blb,.bbl,.brb,.bbr{border-bottom:1px solid #e5e5e5}
.mm,.mr,.mrl,.mlr,.mtr,.mrt,.mbr,.mrb{margin-right:8px}
.mm,.ml,.mrl,.mlr,.mtl,.mlt,.mbl,.mlb{margin-left:8px}
.mm,.mt,.mtb,.mbt,.mtl,.mlt,.mtr,.mrt{margin-top:8px}
.mm,.mb,.mtb,.mbt,.mlb,.mbl,.mrb,.mbr{margin-bottom:8px}
.pp,.pr,.prl,.plr,.ptr,.prt,.pbr,.prb{padding-right:8px}
.pp,.pl,.prl,.plr,.ptl,.plt,.pbl,.plb{padding-left:8px}
.pp,.pt,.ptb,.pbt,.ptl,.plt,.ptr,.prt{padding-top:8px}
.pp,.pb,.ptb,.pbt,.plb,.pbl,.prb,.pbr{padding-bottom:8px}

.f8,.f8 a{font-size:8pt}
.f9,.f9 a{font-size:9pt}
.f10,.f10 a{font-size:10pt}
.f11,.f11 a{font-size:11pt}
.f12,.f12 a{font-size:12pt}
.f13,.f13 a{font-size:13pt}
.f14,.f14 a{font-size:14pt}
.f16,.f16 a{font-size:16pt}
.f18,.f18 a{font-size:18pt}
.f24,.f24 a{font-size:24pt}
.f36,.f36 a{font-size:36pt}
.l100{line-height:100%}
.l150{line-height:150%}
.l180{line-height:180%}
.l200{line-height:200%}
.l250{line-height:250%}
.l300{line-height:300%}
.daxie{text-transform:uppercase}
.xiaoxie{text-transform:lowercase}

table{}
table thead th,table tbody th{border:1px solid #e5e5e5;background-color:#f8f8f8;font-weight:normal;padding:3px 1px;}
table td{border:1px solid #e5e5e5;padding:3px 2px;word-break:break-all;}
table.center td,table.center th,tr.center td,tr.center th,td.center{text-align:center}
table.nob,table.nob th,table.nob td{border:0}

ul.applist li,ul.txtlist li{
    height:69px;
}
ul.applist li,ul.piclist li,ul.txtlist li{
    border-top:1px solid #eee;
    position:relative;
}
ul.applist li:nth-child(1),ul.piclist li:nth-child(1),ul.txtlist li:nth-child(1){
    border-top:0;
}
ul.pics{
    margin:0 4px;
}
ul.pics li{
    position:relative;
    float:left;
    margin:0 0 8px;
}
ul.pic2 li{
    width:50%;
}
ul.pic3 li{
    width:33.33%;
}
ul.pic4 li{
    width:25%;
}
ul.pic5 li{
    width:20%;
}
ul.pic2 li:nth-child(-n+2),ul.pic3 li:nth-child(-n+3),ul.pic4 li:nth-child(-n+4),ul.pic5 li:nth-child(-n+5){
    padding-top:8px;
}
ul.pics li a{margin:0 4px}

ul.txt li,ul.txt2 li,ul.txt3 li,ul.txt4 li,ul.txt5 li,ul.txt6 li{
    position:relative;
    -moz-box-shadow:-1px 0 0 0 #eee;
    -webkit-box-shadow:-1px 0 0 0 #eee;
    box-shadow:-1px 0 0 0 #eee;
    border-top:1px solid #eee;
    float:left;
}
ul.txt li:nth-child(1),ul.txt2 li:nth-child(-n+2),ul.txt3 li:nth-child(-n+3),ul.txt4 li:nth-child(-n+4),ul.txt5 li:nth-child(-n+5),ul.txt6 li:nth-child(-n+6){
    border-top:0;
}
ul.txt li:nth-child(n+1),ul.txt2 li:nth-child(2n+1),ul.txt3 li:nth-child(3n+1),ul.txt4 li:nth-child(4n+1),ul.txt5 li:nth-child(5n+1),ul.txt6 li:nth-child(6n+1),ul.txt li:nth-child(1),ul.txt2 li:nth-child(1),ul.txt3 li:nth-child(1),ul.txt4 li:nth-child(1),ul.txt5 li:nth-child(1),ul.txt6 li:nth-child(1){
    -moz-box-shadow:0 0;
    -webkit-box-shadow:0 0;
    box-shadow:0 0;
}
ul.txt li{
    width:100%;
}
ul.txt2 li{
    width:50%;
}
ul.txt3 li{
    width:33.33%;
}
ul.txt4 li{
    width:25%;
}
ul.txt5 li{
    width:20%;
}
ul.txt6 li{
    width:16.66%;
}
ul.txtlist li,ul.txt li,ul.txt2 li,ul.txt3 li,ul.txt4 li,ul.txt5 li,ul.txt6 li{
    height:45px;
}
ul.arrow li,li.arrow{
    background:transparent url(ico_arrow.png) center right no-repeat;
    -moz-background-size:18px 15px;
    -webkit-background-size:18px 15px;
    -o-background-size:18px 15px;
    background-size:18px 15px;
}

ul.applist li a,ul.piclist li a,ul.txtlist li a,ul.txt2 li a,ul.txt3 li a,ul.txt4 li a,ul.txt5 li a,ul.txt6 li a,ul.pics li a{
    height:100%;
    display:block;
    text-decoration:none;
    overflow-y:hidden;
}
ul.app li a{background-color:transparent;background-position:center 4px;background-size:57px 57px;background-repeat:no-repeat}
ul.app li a{display:block;text-decoration:none;padding-top:65px;padding-bottom:4px;}

ul.applist li a,ul.piclist li a{background-color:transparent;background-position:6px 6px;background-size:57px 57px;background-repeat:no-repeat;}
ul.applist li span.apptitle{position:absolute;left:75px;top:10px;font-size:12pt;font-weight:bold;color:#444;cursor:pointer}
ul.applist li span.appintro{position:absolute;font-weight:normal;left:75px;top:40px;font-size:10pt;color:#999;cursor:pointer}

ul.txtlist li span.apptitle,ul.txtlist li,ul.txt li,ul.txt2 li,ul.txt3 li,ul.txt4 li,ul.txt5 li,ul.txt6 li,ul.txtlist li a,ul.txt li a,ul.txt2 li a,ul.txt3 li a,ul.txt4 li a,ul.txt5 li a,ul.txt6 li a{line-height:45px;font-size:12pt;color:#444;cursor:pointer;}
ul.txtlist li span.apptitle a,ul.txtlist li a,ul.txt li a,ul.txt2 li a,ul.txt3 li a,ul.txt4 li a,ul.txt5 li a,ul.txt6 li a{padding:0 8px}
ul.txtlist li span.appintro{position:absolute;font-weight:normal;right:8px;top:0;line-height:45px;font-size:10pt;color:#999;cursor:pointer}
ul.arrow li span.appintro{right:27px}
ul.txtlist li span.apptitle{margin-left:8px}
ul.txtlist li a span.apptitle{margin:0}

ul.piclist li a img{vertical-align:text-top;margin:6px;}
ul.piclist li span.apptitle{position:absolute;top:8px;font-size:12pt;font-weight:bold;color:#444;cursor:pointer;}
ul.piclist li span.appintro{position:absolute;font-weight:normal;top:38px;font-size:10pt;color:#999;cursor:pointer;right:auto;}

div.cont{
    padding:8px;
}
div.cont + div.cont{
    padding:0 8px 8px;
}
p{margin:8px 0}
p:nth-child(1){margin-top:0}
p + h2,p + h3{
    padding-top:8px;
}
p + p{
    margin-bottom:0;
}

select{
    -webkit-appearance: none;
    height:39px;
    font-size:12pt;
    width:100%;
    border:0;
    background-color:transparent;
    background-position:right center;
    background-repeat:no-repeat;
    -moz-background-size:18px 5px;
    -webkit-background-size:18px 5px;
    -o-background-size:18px 5px;
    background-size:18px 5px;
}
@media only screen and (-moz-min-device-pixel-ratio:1), only screen and (-o-min-device-pixel-ratio:1/1), only screen and (-webkit-min-device-pixel-ratio:1), only screen and (min-device-pixel-ratio:1){
    a.back{background-image:url(l/nav_back.png)}
    a.back:active,a.back:focus{background-image:url(l/nav_back_h.png)}
    a.more{background-image:url(l/nav_more.png)}
    a.more:active,a.more:focus{background-image:url(l/nav_more_h.png)}
    a.home{background-image:url(l/nav_home.png)}
    a.home:active,a.home:focus{background-image:url(l/nav_home_h.png)}
    a.pop{background-image:url(l/nav_pop.png)}
    a.pop:active,a.pop:focus{background-image:url(l/nav_pop_h.png)}
    a.refresh{background-image:url(l/nav_refresh.png)}
    a.refresh:active,a.refresh:focus{background-image:url(l/nav_refresh_h.png)}
    a.search{background-image:url(l/nav_search.png)}
    a.search:active,a.search:focus{background-image:url(l/nav_search_h.png)}
    ul.arrow li,li.arrow{background-image:url(l/ico_arrow.png)}
    select{background-image:url(l/select.png)}
}
@media only screen and (-moz-min-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5){
    a.back{background-image:url(nav_back.png)}
    a.back:active,a.back:focus{background-image:url(nav_back_h.png)}
    a.more{background-image:url(nav_more.png)}
    a.more:active,a.more:focus{background-image:url(nav_more_h.png)}
    a.home{background-image:url(nav_home.png)}
    a.home:active,a.home:focus{background-image:url(nav_home_h.png)}
    a.pop{background-image:url(nav_pop.png)}
    a.pop:active,a.pop:focus{background-image:url(nav_pop_h.png)}
    a.refresh{background-image:url(nav_refresh.png)}
    a.refresh:active,a.refresh:focus{background-image:url(nav_refresh_h.png)}
    a.search{background-image:url(nav_search.png)}
    a.search:active,a.search:focus{background-image:url(nav_search_h.png)}
    ul.arrow li,li.arrow{background-image:url(ico_arrow.png)}
    select{background-image:url(select.png)}
}
@media only screen and (-moz-min-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2/1), only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-device-pixel-ratio:2){
    a.back{background-image:url(nav_back.png)}
    a.back:active,a.back:focus{background-image:url(nav_back_h.png)}
    a.more{background-image:url(nav_more.png)}
    a.more:active,a.more:focus{background-image:url(nav_more_h.png)}
    a.home{background-image:url(nav_home.png)}
    a.home:active,a.home:focus{background-image:url(nav_home_h.png)}
    a.pop{background-image:url(nav_pop.png)}
    a.pop:active,a.pop:focus{background-image:url(nav_pop_h.png)}
    a.refresh{background-image:url(nav_refresh.png)}
    a.refresh:active,a.refresh:focus{background-image:url(nav_refresh_h.png)}
    a.search{background-image:url(nav_search.png)}
    a.search:active,a.search:focus{background-image:url(nav_search_h.png)}
    ul.arrow li,li.arrow{background-image:url(ico_arrow.png)}
    select{background-image:url(select.png)}
}

div.box{
    margin:0 8px 8px;
    background-color:#fff;
}
div.box img{vertical-align:middle}
div.box div.title,div.box div.otitle,div.box div.foot{
    font-size:9pt;
    padding:4px 8px;
    color:#666;
    background-color:#fbfbfb;
    background:-moz-linear-gradient(top, #ffffff,#f8f8f8);
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f8f8f8));
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
}
div.box div.title{
    border-top:0;
    -moz-border-radius-topleft:4px;
    -moz-border-radius-topright:4px;
    -webkit-border-top-left-radius:4px;
    -webkit-border-top-right-radius:4px;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
}
div.foot{
    border-bottom:0;
    -moz-border-radius-bottomleft:4px;
    -moz-border-radius-bottomright:4px;
    -webkit-border-bottom-left-radius:4px;
    -webkit-border-bottom-right-radius:4px;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
    background-color:#fbfbfb;
    background:-moz-linear-gradient(top, #ffffff,#f8f8f8);
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f8f8f8));
}
div.box,.shadow,div.pop,.pages a{
    -moz-box-shadow:0 1px 2px rgba(180, 180, 180, 0.7);
    -webkit-box-shadow:0 1px 2px rgba(180, 180, 180, 0.7);
    box-shadow:0 1px 2px rgba(180, 180, 180, 0.7);
}

a.top{
    float:right;
    height:40px;
    display:block;
    color:#fff;
}
div.footer{
    font-size:9pt;
    color:#999;
    margin:0 8px;
    height:30px;
}
div.footer a{
    color:#999;
}
div.box,.rpic,div.pop,#gotop,.pages a{
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
}
div.pop{
    position:fixed;
    z-index:1000;
    width:120px;
    height:60px;
    background-color:#666;
    color:#fff;
    padding:8px;
    top:38px;
    right:8px;
    opacity:1;
    visibility:visible;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}
div.nopop{
    width:0;
    height:0;
    opacity:0;
    visibility:hidden;
}

#gotop{
    position:fixed;
    width:45px;
    height:45px;
    bottom:60px;
    right:10px;
    background:#fff url(gotop.png) center center no-repeat;
    -moz-opacity:0.70;
    opacity:0.70;
    -moz-background-size:45px 45px;
    -webkit-background-size:45px 45px;
    -o-background-size:45px 45px;
    background-size:45px 45px;
    z-index:999;
}

.wrapper{
    width:100%;
    height:100%;
    position:absolute;
}
.panel{
    height:100%;
    overflow-y:scroll;
    position:relative;
}

.pages a{
    font-size:10pt;
    padding:12px 18px;
    color:#666;
    text-align:center;
    display:inline-block;
    text-decoration:none;
    background-color:#fbfbfb;
    background:-moz-linear-gradient(top, #ffffff,#f8f8f8);
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f8f8f8));
}
.pages a+a{margin-left:10px}
.pages{
    margin:0 8px 8px;
}
.ipt{
    font-size:12pt;
    color:#666;
    height:39px;
    line-height:39px;
    color:#666;
}
.ibl,.iblr{border-left:1px solid #c6c6c6;}
.ibr,.iblr{border-right:1px solid #c6c6c6;}
.but,.lbut{
    border:0;
    border-left:1px solid #c6c6c6;
    font-size:12pt;
    color:#666;
    height:39px;
    width:80px;
    margin-left:10px;
    text-align:center;
    display:inline-block;
    -moz-border-radius:0 4px 4px 0;
    -webkit-border-radius:0 4px 4px 0;
    border-radius:0 4px 4px 0;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;

    background-color:#fbfbfb;
    background:-moz-linear-gradient(top, #ffffff,#f8f8f8);
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f8f8f8));
}
.lbut{
    border:0;
    margin:0;
    width:100%;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
}

table.sbut,table.sbut tr,table.sbut th,table.sbut td{
    border: 0px;
}
.inp{
    height:39px;
    font-size:12pt;
    width:100%;
    border:0;
    background-color:transparent;
}
.texa{width:100%;border:0;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.wrap{
    display:-moz-box;
    display:-webkit-box;
    display:box;
    border:1px solid #c6c6c6;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
}
.pbut{
    width:90px;
}
.pinp{
    -moz-box-flex:1;
    -webkit-box-flex:1;
    box-flex:1;
}
.pin--m{
    height: 39px;
    font-size: 12pt;
    width: 100%;
    border: 0;
    background-color: transparent;
}

.pwrap{
    display:-moz-box;
    display:-webkit-box;
    display:box;
}
.pbox,.pbox1{
    width:25%;
}
.pbox2{
    width:50%;
}
.pbox3{
    width:75%;
}


a.white,.white,.white a{color:#fff}
a.green,.green,.green a{color:#008000}
a.red,.red,.red a{color:red}
a.blue,.blue,.blue a{color:blue}
a.pink,.pink,.pink a{color:#c00}
a.gray,.gray,.gray a{color:#aaa}
a.orange,.orange,.orange a{color:orange}
a.yellow,.yellow,.yellow a{color:#ff0}
a.black,.black,.black a{color:#333}
.noline a,a.noline{text-decoration:none}


.a_mobile{background-image:url(p/mobile.png)}
.a_ip{background-image:url(p/ip.png)}
.a_idcard{background-image:url(p/idcard.png)}
.a_jx{background-image:url(p/jx.png)}
.a_jisuanqi{background-image:url(p/jisuanqi.png)}
.a_wannianli{background-image:url(p/wannianli.png)}
.a_bank{background-image:url(p/bank.png)}
.a_youbian{background-image:url(p/youbian.png)}
.a_quhao{background-image:url(p/quhao.png)}
.a_tel{background-image:url(p/tel.png)}
.a_weizhang{background-image:url(p/weizhang.png)}
.a_yuanfen{background-image:url(p/yuanfen.png)}
.a_jiemeng{background-image:url(p/jiemeng.png)}
.a_today{background-image:url(p/today.png)}
.a_tianqi{background-image:url(p/tianqi.png)}
.a_nongli{background-image:url(p/nongli.png)}
.a_huoche{background-image:url(p/huoche.png)}

.ad_bottom{
    height: 60px;
    width: 100%;
}
.ad_bottom .ad_bottom_con {
    -webkit-box-sizing: border-box;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1000;
    padding: 0 8px;
    overflow: hidden;
    width: 100%;
    /*background: rgba(0, 0, 0, .8);*/
}
.ad_bottom .ad_bottom_con img{
    width:100%;
}

.weatherDate { border-bottom: 1px solid #dadada; margin: 0 auto; padding: 0; height: 100%; text-align: center; position: relative; }
.weatherDate li { width: 50%; float: left; }
.weatherDate li a { display: block; border-left: 1px solid #dadada; overflow: hidden; }
.weatherDate li a:active { background-color: #e7e7e7; }
.weatherDate li:nth-child(2n+1) a { border-left: 0 none; border-right: 1px solid #fff; }
.weatherDate li .pTxt { display: inline-block; margin: 0 auto; position: relative; }
.weatherDate li .pTxt .sDes { display: block; text-align: left; }
.weatherDate li.weatherList .weatherPic { position: absolute; top: 0; left: 0; }
.weatherDate li.dateList .dateIcon { position: absolute; top: 0; left: 0; }

@media only screen {
    .weatherDate{ font-size: 17px; }
    .weatherDate li a { font-size: 13px; line-height: 17px; }
    .weatherDate li .pTxt { margin-top: 6px; margin-bottom: 6px; height: 46px; }
    .weatherDate li .pTxt .sDes { padding-top: 6px; }
    .weatherDate li.weatherList .pTxt { padding-left: 30px; }
    .weatherDate li.weatherList .pTxt .weatherPic { width: 23px; height: 23px; top: 2px; }
    .weatherDate li.dateList .pTxt { padding-left: 25px; }
    .weatherDate li.dateList .pTxt .dateIcon { width: 16px; height: 17px; background-size: 16px 17px; top: 8px; }
}
@media only screen and (min-width: 360px) and (max-width: 399px) {
    .weatherDate{ font-size: 19px; }
    .weatherDate li a { font-size: 15px; line-height: 19px; }
    .weatherDate li .pTxt { margin-top: 7px; margin-bottom: 7px; height: 52px; }
    .weatherDate li .pTxt .sDes { padding-top: 6px; }
    .weatherDate li.weatherList .pTxt { padding-left: 34px; }
    .weatherDate li.weatherList .pTxt .weatherPic { width: 26px; height: 26px; top: 3px; }
    .weatherDate li.dateList .pTxt { padding-left: 28px; }
    .weatherDate li.dateList .pTxt .dateIcon { width: 18px; height: 19px; background-size: 18px 19px; top: 9px; }
}
@media only screen and (min-width: 400px) and (max-width: 479px) {
    .weatherDate{ font-size: 21px; }
    .weatherDate li a { font-size: 16px; line-height: 21px; }
    .weatherDate li .pTxt { margin-top: 8px; margin-bottom: 8px; height: 58px; }
    .weatherDate li .pTxt .sDes { padding-top: 7px; }
    .weatherDate li.weatherList .pTxt { padding-left: 38px; }
    .weatherDate li.weatherList .pTxt .weatherPic { width: 29px; height: 29px; top: 3px; }
    .weatherDate li.dateList .pTxt { padding-left: 31px; }
    .weatherDate li.dateList .pTxt .dateIcon { width: 20px; height: 21px; background-size: 20px 21px; top: 10px; }
}
@media only screen and (min-width: 480px) {
    .weatherDate{ font-size: 26px; }
    .weatherDate li a { font-size: 20px; line-height: 26px; }
    .weatherDate li .pTxt { margin-top: 10px; margin-bottom: 10px; height: 70px; }
    .weatherDate li .pTxt .sDes { padding-top: 9px; }
    .weatherDate li.weatherList .pTxt { padding-left: 46px; }
    .weatherDate li.weatherList .pTxt .weatherPic { width: 35px; height: 35px; top: 4px; }
    .weatherDate li.dateList .pTxt { padding-left: 38px; }
    .weatherDate li.dateList .pTxt .dateIcon { width: 25px; height: 26px; background-size: 25px 26px; top: 12px; }
}