@charset "utf-8";
/* CSS Document */

.left {
    float: left;
}

.right {
    float: right;
}

.chooseLeft {
    width: 860px;
    text-align: left; margin-top: 20px;
}

.reviewRight {
    width: 300px;
    text-align: left;
    overflow: hidden;margin-top: 20px;
}
a.moreLink{ color: #37b5f8;}
a.moreLink:hover{ text-decoration: none; color:#fd6d24;}
.dynamicTitle{ width: 100%; position:relative; overflow: hidden;}
.dynamicTitle hr{ width: 100%; height: 1px; background: #999999; margin: 2em 0;}
.dynamicTitle h1{ padding: 15px 30px; box-sizing: border-box; background: #fff; text-align: center; font-size: 24px;font-weight: 400; position: absolute;
    top:0; left: 45%;}
.dynamicCon{ margin: 15px auto; }
.dynamicCon .left{ width: 290px;background-color:#f2f2f2; overflow: hidden;}
.dynamicCon .left a img{ width: 290px; height: 194px; text-align: center;}
.dynamicCon .left  a.leftTitle { padding:15px 5px 10px 10px; box-sizing:border-box;display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 95%; font-weight: bold;}
.dynamicCon .left  p{padding:0 10px; box-sizing:border-box;line-height: 22px; color: #888888}
.dynamicCon .left .columnTitle{ color: #999999; text-align: left;padding:5px 5px 5px 10px; box-sizing:border-box;}
.dynamicTitle a.moreLink{ text-align:right; color: #333333; display: block; position: absolute; top: 30px;right: 0; padding: 10px 20px; }
.dynamicTitle a.moreLink:hover{ color: #fd6d24}
.dynamicCon .right{width: 550px; margin-left: 20px; text-align: left;}
.dynamicCon .right ul li{ padding: 5px 0; box-sizing: border-box}
.dynamicCon .right .rightTitle{ color: #000000; font-size: 16px; font-weight: bold; line-height: 24px;padding: 5px; box-sizing: border-box;display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 95%;}
.dynamicCon .right .rightTitle:hover{ color: #fd6d24; text-decoration: none}
.dynamicCon .right .rightZy{ color: #888; line-height:20px;padding:2px 5px; box-sizing: border-box; }

.reviewRight .hotNews,.reviewRight .trafficSign,.reviewRight .examVideo,.reviewRight .drivingLicense{border: #eaeaea 1px solid; position:relative;}
.reviewRight .hotNews .triangleTop,.trafficSign .triangleTop,.examVideo .triangleTop,.reviewRight .drivingLicense .triangleTop {
    text-align: right;
    float: right;
    width: 0;
    height: 0;
    border-top: 22px solid #e9e9e9;
    border-left: 22px solid transparent;
}
.reviewRight .hotNews .hotTitle,.reviewRight .trafficSign .hotTitle ,.reviewRight .examVideo .hotTitle,.reviewRight .drivingLicense .hotTitle  {
    background: url("../../../images/lineBg.png") no-repeat bottom right;
    height: 55px;
    width: 100%;
    position: relative;

}
.reviewRight .hotNews .hotTitle span,.reviewRight .trafficSign .hotTitle span,.reviewRight .examVideo .hotTitle span,.reviewRight .drivingLicense .hotTitle span{
    font-size: 22px;
    line-height: 45px;
    padding-left: 30px;
}
.reviewRight .hotNews .hotTitle  a.moreLink,.reviewRight .trafficSign  a.moreLink,.reviewRight .examVideo  a.moreLink,.reviewRight .drivingLicense  a.moreLink{ text-align:right; color: #333333; display: block;  padding: 16px 20px 0 0; }
.reviewRight .hotNews .hotTitle  a.moreLink:hover,.reviewRight .trafficSign a.moreLink:hover,.reviewRight .examVideo a.moreLink:hover,.reviewRight .drivingLicense a.moreLink:hover{ color: #fd6d24}
.reviewRight .hotNews ul{ margin: 5px 0}
.reviewRight .hotNews ul li{ padding: 10px; box-sizing: border-box;}
.reviewRight .hotNews ul li a{ float: left; width: 128px; display: block}
.reviewRight .hotNews ul li img{ width: 128px; height: 72px;}
.reviewRight .hotNews ul li .newsTitle{  width: 130px;line-height: 22px; margin-left: 15px; display: block; box-sizing: border-box; text-align: left;}
.trafficSign,.examVideo,.drivingLicense{ margin: 20px auto;}
.trafficSign ul{ margin: 20px 0;}
.trafficSign ul li{ padding-left: 50px; box-sizing: border-box; text-align: left; margin: 15px auto; width: 80%; line-height: 45px; }
.trafficSign ul li.iconOne{ background: url("../../../images/I01.jpg") no-repeat left;}
.trafficSign ul li.iconTwo{ background: url("../../../images/I02.jpg") no-repeat left;}
.trafficSign ul li.iconThree{ background: url("../../../images/I03.jpg") no-repeat left;}
.trafficSign ul li.iconFour{ background: url("../../../images/I04.jpg") no-repeat left;}
.trafficSign ul li.iconFive{ background: url("../../../images/I05.jpg") no-repeat left;}

.reviewRight .examVideo ul{ margin: 10px 0}
.reviewRight .examVideo ul li{ padding:10px 10px; box-sizing: border-box;}
.reviewRight .examVideo ul li a.videoLeft{ width: 88px; display: block}
.reviewRight .examVideo ul li img{ width: 88px; height: 66px;}
.reviewRight .examVideo ul li .newsTitle{  width: 170px;line-height: 22px; margin-left: 15px; display: block; box-sizing: border-box; text-align: left;}
.reviewRight .examVideo p.tabDown{ font-size: 12px; color:#888; line-height: 22px; padding: 5px 0px;}


licens