@-ms-viewport {
    width: device-width;
}


a:link, a:visited, a:hover, a:active {
    color: #2d2d2d;
    text-decoration: none;
}

#afui > #header {
    background-color: #e40012;
    color: white;
}

#afui #header h1 {
}

#afui #backButton {
    background-image: url(../../images/icon-36x36-back.png);
}



#afui .af-badge {
    border: none;
}

#afui .list {
    background: inherit;
    color: inherit;
    border-color: #303030;
    font-weight: normal;
}

#afui .af-badge {
    box-shadow: none;
}

#afui .list .divider {
    color: black;
}

#afui .panel {
    color: #53575E;
}
#afui .panel:not(#index) {
/*background-color:#ffffff;*/
}



#afui .collapsed:after {
    border-top: 6px solid;
}

#afui .collapsed:before {
    border: 2px solid;
}

#afui .expanded:after {
    border-bottom: 6px solid;
}

#afui .expanded:before {
    border: 2px solid;
}

#afui .collapsed:before, #afui .expanded:before {
    border-color: inherit;
}

#afui .collapsed:after,
#afui .expanded:after {
    border-top-color: inherit;
    border-top-color: inherit;
}



#afui input.toggle + label:after {
    color: inherit;
}

#afui input.toggle + label {
    border-radius: 0;
}

    #afui input.toggle + label > span {
        border-radius: 0;
        top: 0;
        width: 27px;
        height: 23px;
    }

#afui label {
    color: inherit;
}



#afui > #menu.tabletMenu {
    color: white;
    background: rgba(29,29,28,1);
}

#afui #menu .list {
    margin: 0px;
}

    #afui #menu .list li, #afui #menu .list .divider, #afui #menu .list li:last-child {
        border-top: 1px solid #414141;
        border-bottom: 1px solid #181818;
        background-color: #2b2b2b;
    }

    #afui #menu .list .divider {
        background: inherit;
        color: inherit;
        font-size: 1em;
    }

#menu .divider > span {
    padding-right: 15px;
    background: url(../../images/icon-8x8-menu-title.png) no-repeat right center;
}

#afui #menu .list > li > a {
    padding-left: 40px;
    background-repeat: no-repeat;
    background-position: left center;
    color: inherit;
    line-height: 1.5em;
background-size: 36px 36px;
}

#afui #menu .lan > li > a {
    background-size: 20px;
    background-position: 10px center;
}



#menu ul.msv .pc {
    background-image: url(../../images/icon-32x32-msv-pc.png);
}

#menu ul.msv .msv {
    background-image: url(../../images/icon-32x32-msv-msv.png);
}

#menu ul.msv .touch {
    background-image: url(../../images/icon-32x32-msv-touch.png);
}

#afui .button {
    border-radius: 0;
    text-shadow: none;
}

.list > li > a:after {
    color: #0088D1;
}

#afui .button.pressed {
}

#afui .button.previous {
    border: none;
}

#afui .button.next {
    border: none;
}

#afui .button.previous::after {
    color: black;
    z-index: -1;
    font-size: 22px;
    position: absolute;
    top: 2px;
    left: -25px;
    text-align: center;
    border-radius: 0;
    border: none;
    border-color: transparent;
    box-shadow: none;
    -webkit-transform: none;
    transform: none;
    font-family: 'chevron';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\f054";
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    background-color: transparent;
}

#afui .button.next::after {
    color: black;
    z-index: -1;
    font-size: 22px;
    position: absolute;
    top: 6px;
    right: -25px;
    text-align: center;
    border-radius: 0;
    border: none;
    border-color: transparent;
    box-shadow: none;
    -webkit-transform: none;
    transform: none;
    font-family: 'chevron';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\f054";
    background-color: transparent;
}


#afui #af_actionsheet {
    background: #0190d6;
    color: inherit;
}

    #afui #af_actionsheet a {
        border-radius: 0;
        -webkit-border-radius: 0;
        color: black;
        background: white;
        border: none;
        text-shadow: none;
    }

/* ------------- 网站通用功能模块 ------------- */

/*logo*/
.logo{ background-color:#d80d18; padding:10px 0px;}
.logo img {
    display: block;
    max-width: 100%;
	margin:0px auto;
}

/* 分类列表 */
.psortlosts {
        display: inline-block;
        width:100%;
        padding:3px 1%;
}

    .psortlosts > a {
        display: inline-block;
        overflow: hidden;
        float:left;
        margin: 3px 1%;
        border: 1px solid #e0e0e0;
        width: 48%;
        background: #fff;
        line-height: 180%;
        font-size: 12px;
    }


    .psortlosts .img {
        display: block;
        overflow: hidden;
        float:left;
        width:100%;
        background-color: #f8f8f8;
        background-repeat: no-repeat;
        background-size: 100%;
    }

    .psortlosts img {
        display: block;
        width: 100%;
    }

    .psortlosts span {
        display: block;
        overflow: hidden;
        width: 100%;
        border-top: 1px solid #e0e0e0;
        background-image: url(../../images/iconfont-jiantou.svg);
        background-position: right center;
        background-repeat: no-repeat;
        background-size: auto 50%;
        color: #000;
        line-height: 3em;
        text-indent: 10px;
        white-space: nowrap;
        text-overflow: ellipsis;
    }





/*列表*/

/*链接*/
.lists.alinks .title {
    display: block;
    position: relative;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #ccc;
    line-height: 3em;
    text-indent: 30px;
}


    .lists.alinks .title > *:first-child {
        margin-left: 20px;
    }

    .lists.alinks .title::before {
        content: "";
        display: block;
        position: absolute;
        left: 8px;
        top: 13px;
        border-radius: 8px;
        border: 5px solid #ffffff;
        box-shadow: 0px 0px 3px #ccc;
        width: 5px;
        height: 5px;
        background: #ccc;
    }

.lists.alinks .al {
    margin: 0px;
    padding: 0px;
/*    background-color: #f5f5f5;*/
}

    .lists.alinks .al a {
        display: block;
        border-bottom: 1px solid #ccc;
        box-shadow: 0px 1px 0px #dcdcdc;
        height: 75px;
        padding: 10px 0px;
		background:#fff;
    }


        .lists.alinks .al a img {
            float: left;
            margin: 5px;
            border: 1px solid #bfbfbf;
            border-radius: 5px;
            width: 100px;
            height: 45px;
            padding: 1px;
            background-color: #ffffff;
        }

            .lists.alinks .al a img ~ span {
                margin-left: 100px;
            }

        .lists.alinks .al a > span {
            display: block;
            overflow: hidden;
            text-indent: 10px;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

            .lists.alinks .al a > span:nth-of-type(1) {
                line-height: 220%;
            }

            .lists.alinks .al a > span:nth-of-type(2) {
                color: #8c8c8c;
                font-size: 12px;
                line-height: 150%;
            }


/*下载*/
.lists.downs .title {
    display: block;
    position: relative;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #ccc;
    line-height: 3em;
    text-indent: 30px;
}


    .lists.downs .title > *:first-child {
        margin-left: 20px;
    }

    .lists.downs .title::before {
        content: "";
        display: block;
        position: absolute;
        left: 8px;
        top: 13px;
        border-radius: 8px;
        border: 5px solid #ffffff;
        box-shadow: 0px 0px 3px #ccc;
        width: 5px;
        height: 5px;
        background: #ccc;
    }
.lists.downs .dl {
    margin: 0px;
    padding: 0px;
}



    .lists.downs .dl a {
        display: block;
        border-bottom: 1px solid #ccc;
        box-shadow: 0px 1px 0px #dcdcdc;
        padding: 10px 0px;
        height: 72px;
        white-space: nowrap;
		background:#fff;
    }

        .lists.downs .dl a > small {
            display: block;
            float: left;
            width: 50px;
            background-image: url(../../images/icon-32x26-downs.png);
            background-position: center;
            background-repeat: no-repeat;
            color: #ffffff;
            line-height: 50px;
            text-align: center;
        }

    .lists.downs .dl > a > span {
        overflow: hidden;
        display: block;
        margin-left: 50px;
        text-overflow: ellipsis;
    }


        .lists.downs .dl > a > span:nth-of-type(1) {
            line-height: 220%;
        }

        .lists.downs .dl > a > span:nth-of-type(2) {
            color: #8c8c8c;
            font-size: 12px;
            line-height: 150%;
        }

        .lists.downs .dl > a > span:only-of-type {
            line-height: 52px;
        }


/*招聘*/
.lists.jobs .title {
    display: block;
    position: relative;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #ccc;
    line-height: 3em;
    text-indent: 30px;
}


    .lists.jobs .title > *:first-child {
        margin-left: 20px;
    }

    .lists.jobs .title::before {
        content: "";
        display: block;
        position: absolute;
        left: 8px;
        top: 13px;
        border-radius: 8px;
        border: 5px solid #ffffff;
        box-shadow: 0px 0px 3px #ccc;
        width: 5px;
        height: 5px;
        background: #ccc;
    }


.lists.jobs ol {
    margin: 0px;
    padding: 0px;
    background-color: #fff;
}

.lists.jobs li {
    list-style: none;
    position: relative;
    border-bottom: 1px solid #ccc;
	box-shadow: 0px 1px 0px #dcdcdc;
}


.lists.jobs ol li > a {
    display: block;
    overflow: hidden;
    margin-right: 25px;
    height: 72px;
    padding: 10px 0px 10px 50px;
    background: url(../../images/icon-32x32-list-jobs.png) no-repeat 10px center;
    white-space: nowrap;
}

.lists.jobs li:nth-child(1) > a {
    border-top: 0px;
}

.lists.jobs li > a > span {
    display: block;
    overflow: hidden;
    line-height: 52px;
    text-overflow: ellipsis;
}

.lists.jobs li > i {
    display: block;
    position: absolute;
    top: 0px;
    right: 5px;
    width: 50px;
    height: 65px;
    background-image: url(../../images/icon-11x11-attributeitems.png);
    background-position: right bottom;
    background-repeat: no-repeat;
}

    .lists.jobs li > i.on {
        background-image: url(../../images/icon-11x11-attributeitems1.png);
    }

.lists.jobs li > div {
    display: none;
    background-color: #484848;
    color: #ffffff;
    width: 100%;
}

    .lists.jobs li > div > span {
        display: block;
        float: left;
        width: 20%;
        line-height: 250%;
        font-size: 12px;
        text-align: center;
    }

        .lists.jobs li > div > span > span {
            display: block;
        }

.lists.jobs li span > a {
    color: #ffffff;
}

.lists.jobs li > i.on + div {
    display: inline-block;
}
/*新闻*/
.lists.news .title {
    display: block;
    position: relative;
    font-size:18px;
    line-height: 2em;
    text-indent: 25px; background:url(../../images/icon_03.png) no-repeat 12px center; font-weight:500;
}


    .lists.news .title > *:first-child {
        margin-left: 20px;
    }

    .lists.news .title::before {
/*        content: "";
        display: block;
        position: absolute;
        left: 8px;
        top: 13px;
        border-radius: 8px;
        border: 5px solid #ffffff;
        box-shadow: 0px 0px 3px #ccc;
        width: 5px;
        height: 5px;
        background: #ccc;*/
    }
.lists.news .nl {
    margin:2%;
}

.lists.news .nl a{ margin-bottom:10px; background-color: #fff; width:100%; padding:2%;  border-radius:10px; display:block;clear:both;display:table;}
.lists.news .nl span{ font-size:16px;}
.lists.news .nl .tc{ margin-top:10px; width:100%; height:25px;}
.lists.news .nl .tc .time{ float:left; color:#999;}
.lists.news .nl .tc .click{ float:right; background:url(../../images/icon_01.png) no-repeat left center; padding-left:25px; color:#999;}

.lists.news .nl .tie{ float:left; width:65%;}
.lists.news .nl .i{ display:block; float:right; width:32%;}           
.lists.news .nl .i img{ width:100%; border-radius:10px;}
       

      
/*产品*/

.lists.products .title {
    display: block;
    position: relative;
    font-size:18px;
    line-height: 2em;
    text-indent: 25px; background:url(../../images/icon_03.png) no-repeat 12px center; font-weight:500;
}


    .lists.products .title > *:first-child {
        margin-left: 20px;
    }

    .lists.products .title::before {
        /*content: "";
        display: block;
        position: absolute;
        left: 8px;
        top: 13px;
        border-radius: 8px;
        border: 5px solid #ffffff;
        box-shadow: 0px 0px 3px #ccc;
        width: 5px;
        height: 5px;
        background: #ccc;*/
    }
/*图片列表*/

.researcher{}
.researcher a{ /*padding:5%; background-color:#fff; margin:0px 1%; width:31%;*/}



.lists.products .pl {
        display: inline-block;
        width:100%;
        padding:3px 1%;
}
.lists.products .pl span{ height:100% !important;}

.lists.products .pl a {
        display: inline-block;
        overflow: hidden;
        float:left;
        margin: 1% 1%; background-color:#fff;
        width: 31%; padding:3% 0px;
        text-align: center; border-radius:5px; box-shadow: 1px 1px 1px #e8e8e8;
}

.lists.products .pl strong{ font-size:20px; line-height:2em;}
.lists.products .pl span {
    display: block;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.lists.products .pl .img {
    display: block;
    overflow: hidden; padding:0px 12%;
    background-color: #fcfcfa;
}

.lists.products .pl img {
    width: 100%;
}

/*产品图片列表*/
#Manage_products .nl {
    margin: 0px;
    padding: 0px;
    overflow:hidden;
    background-color: #fff;
}





#Manage_products .nl a {
position: relative;
display: inline-block;
width:100%;
float:left;
line-height:0px;
text-align:center; margin:0px !important; padding:5px !important;
}

#Manage_products .nl span:nth-child(2) {
 position: absolute;
 text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
 bottom:0px;
left: 0px;
color: #fff;
text-align: center;
width: 100%;
display: block;
height: 30px;
line-height: 30px;
background-color: rgba(0, 0, 0, 0.5); display:none;
}

#Manage_products .nl a i{
overflow: hidden; margin:0px !important;
background-color: #fcfcfa; float:none !important; width:100% !important;
}

#Manage_products .nl img {
    width: 100%;
    -moz-border-radius: 15px;      /* Gecko browsers */
    -webkit-border-radius: 15px;   /* Webkit browsers */
    border-radius:15px;            /* W3C syntax */
	
}
#Manage_products .nl span{ display:none;}


/*单页*/
.lists.single .title {
    display: block;
    position: relative;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #ccc;
    line-height: 3em;
    text-indent: 30px;
}
    .lists.single .title > *:first-child {
        margin-left: 20px;
    }
    .lists.single .title::before {
        content: "";
        display: block;
        position: absolute;
        left: 8px;
        top: 13px;
        border-radius: 8px;
        border: 5px solid #ffffff;
        box-shadow: 0px 0px 3px #ccc;
        width: 5px;
        height: 5px;
        background: #ccc;
    }

    .lists.single .title > * {
        display: inline-block;
        border-bottom: 1px solid #6b9800;
        margin-right: 10px;
    }
.lists.single .remark {
    padding:10px;
}
/*视频*/
.lists.videos .title {
    display: block;
    position: relative;
    font-size:18px;
    line-height: 2em;
    text-indent: 25px; background:url(../../images/icon_03.png) no-repeat 12px center; font-weight:500;
}
    .lists.videos .title > *:first-child {
        margin-left: 20px;
    }
    .lists.videos .title::before {
/*        content: "";
        display: block;
        position: absolute;
        left: 8px;
        top: 13px;
        border-radius: 8px;
        border: 5px solid #ffffff;
        box-shadow: 0px 0px 3px #ccc;
        width: 5px;
        height: 5px;
        background: #ccc;*/
    }
/*图片列表*/

.lists.videos .vl {
        display: inline-block;
        width:96%; margin:2%;
        
}

.lists.videos .vl a {
        display:block;
        overflow: hidden;
        margin-bottom:4%;
		background-color:#fff;
        width: 100%;
    text-align: center; border-radius:10px; position:relative; box-shadow: 1px 1px 1px #e8e8e8;
}


.lists.videos .videoslist .vl span { position:absolute; top:0px; color:#fff; font-size:16px; padding:3%; text-align:left; line-height:1.2em; letter-spacing: 0.07em;}


.lists.videos .vl .img {
    display: block;
    overflow: hidden;
    border-radius: 3px;
    background-color: #fcfcfa;
}

.lists.videos .vl i{}
.lists.videos .vl img{ width: 100%;}
.lists.videos .vl .more{ width:50px; position:absolute; bottom:55px; right:15px;}
.lists.videos .vl .tc{ margin-top:10px; width:96%; height:40px; line-height:40px; margin:0px 2%; }
.lists.videos .vl .tc .time{ float:left; color:#999;}
.lists.videos .vl .tc .click{ float:right; background:url(../../images/icon_01.png) no-repeat left center; padding-left:25px; color:#999;}


/*详细页*/
.fl{ float:left;}
.fr{ float:right;}


.videos_view{ background:url(../../images/icon01.jpg) repeat-x;}
.videos_view_mark{padding:0px; margin:0px 2%; border-radius:10px; box-shadow: 1px 1px 1px #e8e8e8;background-color:#fff;border-radius:10px;}
.videos_view_mark .img{ border-top-left-radius:10px; border-top-right-radius:10px; overflow:hidden;}
.videos_view_remark{ }
.videos_view_mark .infos{  width:100%; padding:0px 2%; margin:0px !important;}
.videos_view_mark .title{ padding:0px 2%;}
.videos_view_mark .remark{ padding:0px 2% 2%;}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}


.new_view_mark{background:url(../../images/icon01.jpg) repeat-x;}
.new_view_mark .views {
    padding: 2%; margin:0px 2%; border-radius:10px; background-color:#fff; box-shadow: 1px 1px 1px #e8e8e8;
}

    .views .title {
        line-height:1.6em; font-size:20px; margin-top:10px;
		color:#000;
    }

.views .click{ background:url(../../images/icon_01.png) no-repeat left center; padding-left:25px;}
    .views .infos {
        line-height: 3em;
        font-size: 12px; margin:10px 0px;
    }

    .views .img {
        display: block;
        text-align: center;
    }

        .views img {    
            max-width: 100%;       
        }

    .views .remark {
        margin:10px 0px;
    }

.view_btn_box > * {
    margin: 5px;
}


.course_list{}
.course_list dl.products_view dt{ height:100px; width:100px;}
.course_list a img{ width:100%;}
.course_list .infos{ width:100%; font-size:12px; margin:5px 0px;}
.course_list .infos .fl{ float:left; color:#999;}
.course_list .infos .click{ float:right; background:url(../../images/icon_01.png) no-repeat left center; padding-left:25px; color:#999;}
.course_list .marks{ height:3.6em; overflow:hidden; color:#666;}



.course_view_mark{background:url(../../images/icon01.jpg) repeat-x;}
.course_view_mark .views {}
.course_view{ background-color:#fff; margin:0px 2%; padding:2%; border-radius:10px;}


    .views .title {
        line-height:1.6em; font-size:20px; margin-top:10px;
		color:#000;
    }




.products{ padding:0px;}

.products .views{ background:url(../../images/icon01.jpg) repeat-x;margin:0px !important; border-radius:0px !important;}
.inf_nl{list-style-type: none;display: inline-block;width: 100%; margin-top:10px;}
.inf_nl li{ display: inline-block;float: left;margin: 1.5% 1.5%;overflow: hidden;text-align: center;width: 30%; background-color:#fff; border-radius:10px; box-shadow: 1px 1px 1px #e8e8e8;}
.inf_nl a{ }
.inf_nl a img{width:100%; padding:0px 1%; display:block; margin-top:-10%; margin-bottom:-15%;}
.inf_nl span{list-style-type: none; padding:0px 0px 5% 0px !important; margin:0px; text-align: center; display: block; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.products .inf_nl li:nth-child(1),.products .inf_nl li:nth-child(2),.products .inf_nl li:nth-child(3){ margin-top:0px;}
.products .inf_nl li:nth-child(4),.products .inf_nl li:nth-child(5),.products .inf_nl li:nth-child(6){ margin-bottom:0px;}

.products_view{ background-color:#fff; border-radius:10px; padding:3%; float:left; width:96%; margin:0px 2%; box-shadow: 1px 1px 1px #e8e8e8;}
.products_view dt{ float:left; width:30%;}
.products_view dt img{ border:1px solid #e8e8e8 !important; border-radius:10px; display:block;}
.products_view dd{ float:right; width:66%;}
.products_view dd .title{ font-size:20px; }
.products_view dd span{ overflow:hidden; line-height:1.8em; max-height:3.6em; font-size:12px; display:block; color:#999;}
*{list-style-type:none;}

.products_liang{ margin:15px 0px; float:left; width:100%;}
.products_liang li{ float:left; width:50%; border:1px solid #ddd; border-left:none; padding:10px 0px;}
.products_liang li:nth-child(2){ border-right:none;}
.products_liang li strong{ display:block; text-align:center; line-height:1.4em; color:#666;}
.products_liang li span{ display:block; text-align:center; line-height:1.4em; color:#999;}

.products .remark{ margin:0px 2%; box-shadow: 1px 1px 1px #e8e8e8; padding:2%; background-color:#fff; border-radius:10px;}
.products .remark img{ margin:0px !important; padding:0px !important;}

.msv=1&menuid=42 .inf_nl dl dd a{ display:none !important;}


.menu_41 .views{ background:url(../../images/icon01.jpg) repeat-x; margin:0px; border-radius:0px;}
.products_view_41{ border-radius:10px; padding:5% 0px 3% 0px; width:70%; margin:0px 15%; background-color:#fff; box-shadow: 1px 1px 1px #e8e8e8;}
.products_view_41 dt{ text-align:center;}
.products_view_41 dt img{ width:50%;}
.products_view_41 dd{ text-align:center;}
.products_view_41 dd .title{ font-size:20px; }
.products_view_41 dd span{ overflow:hidden; line-height:1.8em; max-height:3.6em; font-size:14px; display:block;}
*{list-style-type:none;}
.menu_41 .remark{ padding:2%; background-color:#fff; border-radius:10px; box-shadow: 1px 1px 1px #e8e8e8;}

.single_mark{ background:url(../../images/icon01.jpg) repeat-x; margin:0px; border-radius:0px;}
.single_mark .single{ padding:2%; background-color:#fff; border-radius:10px; box-shadow: 1px 1px 1px #e8e8e8; margin:0px 2%;}

.nl_teacher{}
.nl_teacher .i{ float:none !important; width:100% !important; display:block;}

.nl_teacher .i i{ float:left; display:block; width:25%;}
.nl_teacher .i strong{ display:block; float:right; width:71%; font-size:18px; line-height:2.2em;}
.nl_teacher .i span{ float:right; display:block; width:71%; font-size:14px !important; line-height:1.4em;}




/* ------------- 局部页面 ------------- */



/*
.comment dl {
    line-height: 2em;
    margin-top: 0px;
}

.comment dt time, .comment .cbbox time {
    float: right;
}

.comment dd, .comment .cbbox > p {
    color: #686868;
}

.comment dd {
    overflow: hidden;
    margin: 0px;
    border-bottom: 1px solid #cecece;
}

.comment .cbbox {
    margin: 3px 0;
    border: 1px solid #eae9d7;
    padding: 7px 14px;
    background: #f9f7e8;
}

    .comment .cbbox > p {
        overflow: hidden;
        margin: 0px 0px 10px;
    }

.comment .publish, .comment .pagenext > a {
    width: 100%;
    text-align: center;
}

.comment .form {
    clear: both;
    overflow: hidden;
    margin-bottom: 10px;
}

.comment .btnbox {
    text-align: right;
}*/


.clear{clear:both;font-size:1px;width:1px;height:0;visibility:hidden;overflow:hidden;}


.sortbar{ /*margin-top:44px;*/ background:#c5000f; padding:11px 0px; width:100%; text-align:center;}
.sortbar li{ display:inline-block; padding:0px 2px;}
.sortbar li a{ color:#fff; font-size: 16px; padding:5px 7px; height:22px; line-height:22px;}
.sortbar li a:hover{ background-color:#a8000d; border-radius:5px;}