
/*sideBar*/
.sideBar{ position:fixed; z-index:99; left:0; bottom:4%; padding:20px 15px; font-size:14px; color:#fff; background:#da2620; transform:translate(0%, 0%); transition:all ease .4s; transition-delay:0.6s;}
.sideBar.close1{ transform:translate(-100%, 0%); transition:all ease .4s;}
.sideBar .sideOppen{ position:absolute; z-index:-1; left:0; top:0; display:inline-block; padding:15px 8px; font-size:14px; line-height:1em; font-weight:normal; color:#fff; background:#da2620; opacity:0; visibility:hidden; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear; transition:all ease .4s;}
.sideBar.close1 .sideOppen{ display:block; left:100%; opacity:1; visibility:visible; transition-delay:0.4s;}
.sideBar a{ text-decoration:none;}
.sideBar a:hover{ text-decoration:none;}
a.sideClose{ position:absolute; right:0px; top:0px; padding:6px; line-height:14px; opacity:1; transition:all ease .4s;}
a.sideClose:hover{ text-decoration:none; opacity:0.6;}
a.sideClose span{ font-size:14px; line-height:inherit; color:#fff;}
a.sideClose span img{ width:16px; height:16px; margin:2px 0 0 0;}
.sideHead{ text-align:center;}
.sideHead strong{ display:block; font-size:18px; line-height:1.2em;}
.sideHead small{ display:block; font-size:12px; line-height:1em;}
.sideLink{ padding:15px 0;}
.sideLink a{ display:block; margin-bottom:6px; padding:0 12px; font-size:14px; line-height:30px; color:#333; background:rgba(255, 255, 255, 1); transition:all .4s;}
.sideLink li:last-child a{ margin-bottom:0px;}
.sideLink a:hover{ text-decoration:none; color:#da2620; background:rgba(255, 255, 255, 0.8);}
.sideLink a span{ display:inline-block; width:16px;}
.sideLink a span img{ width:100%; margin:6px 0 0 0;}
.sideContent{ line-height:1.2em;}
.sideContent img{ width:130px; margin-bottom:10px;}
.sideContent p{ margin-bottom:4px;}

.ad{ position:fixed; z-index:999; left:50%; top:50%; margin:-90px -200px; display:none; background:#da2620; border-radius:4px; box-shadow:0 0 30px rgba(0, 0, 0, 0.2); overflow:hidden;}
.ad-img{ float:left; width:180px; height:100%; padding:15px; text-align:center; border-right:1px solid rgba(255,255,255,0.2); overflow:hidden;}
.ad-img img{ width:160px !important; border-radius:4px;}
.ad-img span{ display:inline-block; margin-top:5px; color:#fff;}
.ad-content{ float:right; height:100%; padding:30px 30px 20px 20px; width:320px; min-height:140px; color:#fff;}
.ad-content h4{ margin:0 0 12px; font-size:18px; font-weight:bold;}
.ad-content a{ display:inline-block; margin-top:6px; padding:0 12px; font-size:14px; line-height:30px; color:#333; background:rgba(255, 255, 255, 1); border-radius:4px; transition:all .4s;}
.ad-content a:hover{ text-decoration:none; color:#da2620; background:rgba(255, 255, 255, 0.8);}
.ad-content a svg{ display:inline-block; margin-left:-2px; width:20px; height:20px; line-height:30px; vertical-align:middle;}
.ad-content p{ margin:0 0 5px;}
.ad .close-ad{ position:absolute; z-index:1; top:0px; right:0px; width:36px; height:36px; line-height:36px; font-size:18px; color:#fff; text-align:center; background:#da2620; transition:all .4s;}
.ad .close-ad:hover{ text-decoration:none; color:#da2620; background:#333;}
.ad .close-ad img{ width:16px; height:16px; margin:10px 0 0 0;}