/*#YANBM*/

#YANBM.index .row .col-1{

    width: 416px;

}



#YANBM.index .row .col-2{

    width: 442px;

    margin:0 22px;

}



#YANBM.index .row .col-3{

    width: 298px;

}

#YANBM.index .point-title h3{

    position: relative;

    padding-left:20px;

    font-weight: 700;

}

#YANBM.index .point-title h3:before{

    content:"";

    position:absolute;

    height:100%;

    border-radius: 10px;

    background-color: #587fe8;

    top:0;

    left:0;

}



#YANBM.index .point-title h3.little:before{

    width:3px;

}

#YANBM.index .point-title h3.little:big{

    width:3px;

}



#YANBM.index .tabs .tab{

    background-color: #f3f3f3;

    color:#333333;

    cursor: pointer;

}



#YANBM.index .tabs .tab:hover{

    text-decoration: underline;

}



#YANBM.index .tabs .tab.selected{

    background-color: #587fe8;

    color:#fff;

}

/*#YANBM*/





/*#index_logo*/

#index_logo.index-log{

    height: 88px;

    background-color: #fff;

    padding: 38px 0 0 0;

}

#index_logo .search{

    width: 640px;

}

#index_logo .search .search-form{

    margin-left:90px;

    width: 485px;

}



#index_logo .search .input{

    height: 48px;

    width: 321px;

    border-color:#ecebeb;

    border-style: solid;

    border-width: 1px;

    outline:none;

    font-size:15px;

    padding-left: 45px;

}



#index_logo .search .search-ico{

    height: 22px;

    width: 22px;

    background: url("../images/seach.png") no-repeat center center;

    top:15px;

    left:10px;

}



#index_logo .search .tag{

    background-color: #e4ffff;

    color:#9f9f9f;

    top:17px;

    right:130px;

    font-size:12px;

    padding: 2px 5px;

}



#index_logo .search .btn{

    background-image: none;

    background-color: #587fe6;

    width: 98px;

    height: 48px;

    border: none;

    outline: none;

    font-size:18px; 

    color:#fff;

}

/*#index_logo*/





/*#index_main_nav*/

#index_main_nav.index-main-nav{

    height: 60px;

    background-color: #587fe6;

}



#index_main_nav .nav{

    line-height: 60px;

    color:#fff;

    padding-left:20px 

}

#index_main_nav .nav a{

    color:#fff;

    margin: 0 20px 0 20px;

}

#index_main_nav .nav a:hover{

    border-bottom: #fff solid 2px;

}

/*#index_main_nav*/



/*#index_tag_nav*/

#index_tag_nav{

    background-color: #fff;

    padding-top:20px;

    padding-bottom:36px;

}



#index_tag_nav .area-nav{

    background-color: #f5f5f5;

    padding: 10px 30px;

}



#index_tag_nav .area-nav a{

    width: 50px;

    height: 32px;

    border-radius: 3px;

    color:#323232;

    text-align: center;

    line-height: 32px;

}



#index_tag_nav .area-nav a:first-child{

    background-color: #587fe8;

    color:#fff;

}



#index_tag_nav .area-nav a:hover{

    background-color: #587fe8;

    color:#fff;

}



#index_tag_nav .school-nav,#index_tag_nav .major-nav{

    padding-top: 30px; 

}



#index_tag_nav .school-nav .tit,#index_tag_nav .major-nav .tit.tit{

    width: 80px;

    color:#587fe6;

}



#index_tag_nav .school-nav .tags,#index_tag_nav .major-nav .tags{

    width: 1120px;

}



#index_tag_nav .school-nav .tags a,#index_tag_nav .major-nav .tags a{

    margin-right: 20px;

    padding-bottom: 12px;

    color:#666666;

}



#index_tag_nav .school-nav .tags a:hover,#index_tag_nav .major-nav .tags a:hover{

    text-decoration: underline;

}

/*#index_tag_nav*/



/*index_new_content*/

#index_new_content{

    padding: 30px 0;

}

#index_new_content .scoll-img{

 width: 415px;

 height: 290px;

}

#index_new_content .problem{

    padding-top:40px;

}

#index_new_content .problem h2{

    padding-bottom: 12px;

}

#index_new_content .problem h2 a{

    color:#fe7c64;

}



#index_new_content .problem h2 a:hover{

    text-decoration: underline;

}



#index_new_content .problem .tags a{

    color:#4d4d4d;

    padding-bottom: 12px;

    margin-right: 18px;

}

#index_new_content .problem .tags a:hover{

    color:#fe7c64

}



#index_new_content .right-info{

    background-color: #f9f9f9;

    padding: 14px 0;

}



#index_new_content .right-info .compare ul{

    padding-top:16px;

}



#index_new_content .right-info .compare li{

    float: left;

    font-size:14px;

    line-height: 20px;

    color:#6f6f6f

}



#index_new_content .right-info .compare li:nth-child(1){

    width: 125px;

    text-indent: 20px;

}



#index_new_content .right-info .compare li:nth-child(2),#index_new_content .right-info .compare li:nth-child(3){

    width: 42px;

    text-align: center

}



#index_new_content .right-info .compare li:nth-child(4){

    width: 86px;

    text-indent: 20px;

}



#index_new_content .two-row{

    margin-top:20px;

}



#index_new_content .boder{

    border:1px solid #f3f3f3

}



#index_new_content .ranking{

    padding-bottom: 20px;

}



#index_new_content .ranking .tit{

    padding-top:14px;

    padding-bottom:14px;

    border-bottom: 1px solid #f3f3f3;

}



#index_new_content .ranking .tabs{

    top:50%;

    right:30px;

    margin-top:-13px; 

}



#index_new_content .ranking .tab{

    width: 45px;

    height: 26px;

    text-align: center;

    line-height: 26px;

}



#index_new_content .ranking .content ul{

    width: 50%; 

}



#index_new_content .ranking .content ul li{

    height: 20px;

    padding-top:14px; 

    padding-left:20px;

    white-space:nowrap;

    overflow-x: hidden;

    line-height: 20px

}

#index_new_content .ranking .content ul li a{

    color:#666

}



#index_new_content .ranking .content ul li a:hover{

    color: #fe7c64;

}



#index_new_content .ranking .content ul li .num{

    line-height: 20px;

    background-color: #f3f3f3;

    color:#aaaaaa;

    height: 20px;

    width: 20px;

    font-size: 12px;

    text-align: center;

    margin-right: 16px;

}



#index_new_content .ranking .content ul li .num.hot{

    background-color: #fe7c64;

    color:#fff

}



#index_new_content .hot-news{

    padding-bottom: 19px;

}



#index_new_content .hot-news .tab{

    width: 25%;

    height: 50px;

    line-height: 50px;

    text-align: center;

}



#index_new_content .hot-news .content ul li{

    height: 20px;

    padding-top:14px; 

    padding-left:20px;

    white-space:nowrap;

    overflow-x: hidden;

    line-height: 20px

}



#index_new_content .hot-news .content ul li a{

    color:#666666

}



#index_new_content .hot-news .content ul li a:hover{

    color:#fe7c64;

}



#index_new_content .hot-news .content ul li .circle{

    color: #dedede ;

    margin-right: 5px;

}



#index_new_content .hot-news .content ul li .time{

    margin-right: 16px;

}



#index_new_content .sign-up{

    border-top:2px solid #fe7c64;

    background: #f9f9f9;

    padding-bottom: 35px;

}



#index_new_content .sign-up .tit{

    color:#fe7c64;

    height: 50px;

    line-height: 50px;

    text-align: center;

}

#index_new_content .sign-up .content .p{

    text-align: center;

    margin-top:5px; 

}

#index_new_content .sign-up .content .p.buttons{

    margin-top:17px; 

}



#index_new_content .sign-up .content .input{

    border: none;

    background-color:#fff;

    box-shadow:none;

    height: 45px;

    width: 220px;

    outline: none;

    padding-left:20px; 

}



#index_new_content .sign-up .content .button{

    border: none;

    background-color:#fe7c64;

    box-shadow:  0px 5px 15px rgba(255, 40, 0, 0.2);

    color:#fff;

    height: 48px;

    width: 195px;

    outline: none;

    font-size: 20px;

    border-radius:50px; 

}



#index_new_content .sign-up .content .shade{

    height: 45px;

    width: 220px;

    top:0;

    left: 50%;

    margin-left:-110px; 

    z-index: 1;

}

#index_new_content .sign-up .content .ico{

    width: 12px;

    height: 6px;

    top:50%;

    right:65px; 

    background: url("../images/icon/icon_08.png") center center no-repeat;

}

/*index_new_content*/