.left {float: left; width: 100%;}

.left .left_in {margin: 0 344px 0 0;}

.left .nav {padding: 15px 0; margin: -35px 0 15px 0; border-bottom: 1px solid #eeeeee;}

.left .nav a {text-decoration: underline; color: #3878bb;}

.left .nav a:hover {color: #cb2930;}



.right {float: right; margin-left: -344px;}

.right .right_in {width: 300px;}

.right .ad h2{padding: 0 0 2px 15px; position: relative; font-weight: normal; font-size: 11px; color: #999999; text-transform: uppercase;}

.right .ad h2:before{content: ""; position: absolute; top: 5px; left: 2px; width: 0; height: 0;border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #999999;}

.right .ad{height: 335px;}

.right .ad.scroll{height: 635px;}



.right .tips{padding: 0 0 10px 0; margin: 0 0 10px 0;}

.right .tips h2{background-color:#cb2930;padding: 10px 15px; color: #ffffff; font-weight: bold; border-radius: 5px 5px 0 0; box-shadow: inset 0 -15px 15px 0 rgba(0,0,0,0.2);}

.right .tips ul{list-style: none; background-color: #f7ecec; padding: 0 10px; border-radius: 0 0 5px 5px;}

.right .tips li{display: block; padding: 10px 0; line-height: 1.2;}

.right .tips li + li{border-top: 1px solid rgba(255,255,255,0.75);}

.right .tips li img{float: left; border: 3px solid #ffffff; margin: 1px 10px 0 0;}

.right .tips li h3 {font-weight: bold; padding: 0 0 3px 0;}

.right .tips li h3 a{text-decoration: underline;}

.right .tips li p{font-size: 14px;}



@media screen and (max-width: 1000px) {

    .left {float: none;}

    .left .left_in {margin: 0;}

    .right {float: none; margin-left: 0;}

    .right .right_in {width: auto; padding: 10px 0 0 0; margin: 25px 0 0 0; border-top: 1px solid #eeeeee;}

    .right .ad.scroll{position: static !important;}

}