.full {
    border-left: 1px solid #2b2b2b;
    height: 100%;
}
/* menu */
.menu {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 2;
    height: 100%;
    width: 104px;
    background-color: #383838;
    padding:0;
    overflow-y:hidden;
    overflow-x:hidden;
}
ul,li{ margin:0; padding:0; list-style:none; }
.menu ul li a{
    padding:12px 22px;
    display: block;
    border-bottom:1px solid #4c4c4c;
}
.menu ul li a.active {
    background:#dfb636;
}
.menu ul li a:hover {
    background: #dfb636;
}
.menutop {
    width:60px;
    height:80px;
}
.home {
    width:60px;
    height:50px;
    background: url('/film/images/home.png') no-repeat 10px 10px;
    display:block;
}
.login {
    width:60px;
    height:50px;
    background: url('/film/images/new_login.png') no-repeat 10px 10px;
    display:block;
}

.gongzhonghao {
    width:60px;
    height:50px;
    background: url('/film/images/gongzhonghao_logo.png') no-repeat 10px 10px;
    display:block;
}
.xiaochengxu {
    width:60px;
    height:50px;
    background: url('/film/images/xiaochengxu_logo.png') no-repeat 10px 10px;
    display:block;
}
.qqlogo {
    width:60px;
    height:50px;
    background: url('/film/images/qq_logo.png') no-repeat 10px 10px;
    display:block;
}
.wechatlogo {
    width:60px;
    height:50px;
    background: url('/film/images/wechat_logo.png') no-repeat 10px 10px;
    display:block;
}

.wechatservice {
    width:60px;
    height:50px;
    background: url('/film/images/wechatservice.png') no-repeat 10px 10px;
    display:block;
}
/* main */

.main {
    margin-left: 100px;
}

.top-header {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: fixed;
    left: 104px;
    right: 0;
    background:#fff;
    border-bottom:1px solid #000;
    z-index: 1;
}
/**
width: 100%;
height: 60px;
padding: 15px 20px 25px 0px;
 */
.logo {
    float: left;
    width: 100%;
}
.logo img {
    width: 100%;
}

/*** search v-search **/
.search{
    margin: 20px;
    float:left;
}
.search {
    position: relative;
    padding: 8px 0px;
    width: 0px;/** width: 400px;**/
    float: left;
    border: 1px solid #C3C3C3;
}
.search input[type="text"] {
    outline: none;
    color: #000;
    background: none;
    font-size: 16px;
    border: none;
    width: 84.33%;
}
.search input[type="button"] {
    background: url('/film/images/sprit-1.png') no-repeat 0px 0px;
    border: none;
    cursor: pointer;
    position: absolute;
    outline: none;
    top: 2px;
    right: 7px;
    width: 35px;
    height: 35px;
}

.quickC{
    float: left;
    position: relative;
    width: 0px;/*** width: 280px;**/
}

/*************** content**********/
.review-content{
    float: left;
}
.reviews-section {
    margin-top: 106px;
    /*background: #fff;*/
    padding: 1px 0 0 20px;
}
.detail-content {
    float: left;
    width: calc( 100vw - 490px );
}
/** film**/
.film {
    height: 380px;
    width: 100%;
    margin-top: 0em;
    background-color: #f6f6f6;
}
.poster{
    float: left;
    width: 240px;
    height: 360px;
}
.filmtable{
    float: left;
    margin-left: 20px;
    width:calc( 100vw - 750px );
}
.rentfilm{
    color: #0b0b0b;
    font-weight : bold;
    width: 300px;
    height: 100%;
    float: left;
    margin-left: 20px;
    /*position: fixed;
    font-size: 18px;
    line-height: 1.5;
    z-index: 100;
    text-align: left;
    top: 103px;
    left: calc( 100vw - 350px );*/
}
/*CSS badoo style pagination*/

DIV.badoo {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 13px; PADDING-BOTTOM: 10px; COLOR: #48b9ef; PADDING-TOP: 10px; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #fff; TEXT-ALIGN: center
}
DIV.badoo A {
    BORDER-RIGHT: #f0f0f0 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f0f0f0 2px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 0px 2px; BORDER-LEFT: #f0f0f0 2px solid; COLOR: #48b9ef; PADDING-TOP: 2px; BORDER-BOTTOM: #f0f0f0 2px solid; TEXT-DECORATION: none
}
DIV.badoo A:hover {
    BORDER-RIGHT: #ff5a00 2px solid; BORDER-TOP: #ff5a00 2px solid; BORDER-LEFT: #ff5a00 2px solid; COLOR: #ff5a00; BORDER-BOTTOM: #ff5a00 2px solid
}
DIV.badoo A:active {
    BORDER-RIGHT: #ff5a00 2px solid; BORDER-TOP: #ff5a00 2px solid; BORDER-LEFT: #ff5a00 2px solid; COLOR: #ff5a00; BORDER-BOTTOM: #ff5a00 2px solid
}
DIV.badoo SPAN.current {
    BORDER-RIGHT: #ff5a00 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ff5a00 2px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #ff5a00 2px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #ff5a00 2px solid; BACKGROUND-COLOR: #ff6c16
}
DIV.badoo SPAN.disabled {
    DISPLAY: none
}

/*   footer **/

.footer {
    background:#f3f3f3;
    padding:1em 1em;
}
.footer div{
    font-weight: 700;
}
.footer a {
    color: #6F6F6F;
    font-size: 1.1em;
    text-decoration:none;
    font-weight: 400;
    width: 35%;
    margin-top: 6px;
    text-decoration:none;
    text-align: center;
}