.a_img { position: fixed; max-width: 300px; max-height: 300px; right: 30px; bottom: 24px; cursor: pointer; overflow: visible; opacity: 1; z-index: 9990; } .a_img img { max-width: 300px; height: auto; cursor: pointer; } .main { margin-top: 110px; } .main .left { width: 20%; background: #fff; } .main .right { width: 78%; margin-left: 2%; background: #fff; padding: 30px; } .footer_box { width: 100%; background: #000; color: #fff; font-size: 12px; text-align: center; position: absolute; clear: both; left: 0; bottom: 0; z-index: 10; } .footer_box .footer_wrap { padding: 45px 0 25px; font-family: "Microsoft Yahei"; text-align: left; -webkit-font-smoothing: subpixel-antialiased; } .footer-left { display: inline-block; vertical-align: top; width: 175px; } .fline { margin-bottom: 6px; } .footer-right { display: inline-block; vertical-align: top; width: 930px; } .fline-left { display: inline-block; vertical-align: top; width: 98px; color: #b0b0b0; font-size: 14px; } .fline-left.sty1 { position: relative; top: 4px; } .fline-right { display: inline-block; padding-bottom: 24px; vertical-align: top; width: 825px; font-size: 14px; } .fline-right a { display: inline-block; min-width: 80px; margin-right: 30px; color: #545454; cursor: pointer; } .fline-right a:hover { color: #ee3523; } .fline-right.sty1 a { min-width: auto; margin-right: 15px; margin-bottom: 10px; } .footer-bottom { padding-top: 26px; font-size: 12px; color: #545454; text-align: center; border-top: 1px solid #2c2d30; } .search { width: 220px; height: 38px; font-size: 14px; margin-top: 21px; border: 1px solid #d8d8d8; border-radius: 30px; overflow: hidden; margin-right: 20px; padding-right: 10px; } .search input { width: 85%; height: 38px; line-height: 38px; border: 0; padding-left: 15px; background: transparent; } .search input:focus { background: transparent; outline: none; } .search button { width: 12%; border: none; outline: none; font-size: 14px; background: transparent; } .sub-nav { background: #f6f6f6; position: fixed; top: 80px; height: 40px; width: 100%; border-top: solid 1px #d8d8d8; box-shadow: 0px 2px 15px 1px rgba(30, 30, 30, 0.06); z-index: 10; } .sub-nav .substyle li { float: left; padding-right: 70px; } .sub-nav .substyle li a { font-size: 16px; color: #545454; display: inline-block; height: 100%; line-height: 37px; } .sub-nav .substyle li a.active { box-shadow: 0 3px 0 #fd4e3e; color: #212121; } @media (max-width: 1200px) { .footer_wrap { width: 100%; overflow: hidden; } .footer-left { padding: 30px 0; width: 100%; text-align: center; } .footer-right { width: 100%; padding: 0 30px; } .fline { margin-bottom: 0; } .fline-left { width: 20%; } .fline-right { width: 75%; } .fline-right a { min-width: auto; margin-bottom: 10px; margin-right: 10px; } .footer-bottom { padding: 10px 30px 0; line-height: 24px; } } /*nav*/ .header-container-wrap { position: relative; left: 0; top: 0; width: 100%; } .ihm-warp { width: 100%; background: #fff; position: fixed; z-index: 100; height: 80px; top: 0; box-shadow: 0px 2px 15px 1px rgba(30, 30, 30, 0.06); } .logo { width: 16%; line-height: 80px; font-size: 0; } .logo img { width: 152px; height: 52px; vertical-align: middle; } .header-heima { width: 84%; font-size: 16px; text-align: center; font-weight: bold; } .navbar-nav { float: left; } .navbar-nav a { float: left; padding: 0 20px!important; font-size: 16px; color: #212121; line-height: 80px!important; height: 80px; } .navbar-nav a:hover, .navbar-nav a.active { color: #fff; background: #fd4e3d; } .else { text-align: right; } .else .code { position: relative; width: 120px; height: 80px; line-height: 80px; text-align: center; } .else .code .codeimg { display: none; position: absolute; left: 0; top: 80px; background: #fff; width: 120px; text-align: center; box-shadow: 0px 2px 15px 1px rgba(30, 30, 30, 0.06); } .else .code .codeimg img { width: 120px; height: 120px; vertical-align: top; } .else .code .codeimg .codetext { line-height: 1; padding-bottom: 10px; font-size: 14px; color: #545454; } .else .logininfo { line-height: 80px; } .else .nologin a { font-size: 16px; color: #212121; } .else .useradvator { border-radius: 50%; width: 44px; height: 44px; margin-right: 14px; vertical-align: middle; } .else .esc { font-size: 16px; color: #212121; } .header-heima .smalllogo { width: 87px; height: 30px; display: inline-block; background: url(../images/smalllogo.png) no-repeat; background-size: cover; margin-top: 7px; cursor: pointer; } .search-btn { border: none; background: transparent; float: right; margin-right: 10px; height: 44px; line-height: 44px; } #search-form { width: 60%; display: inline-block; } #myModal1 { background: rgba(0, 0, 0, 0.5); } #myModal1 .modal-dialog { width: 100%; background: transparent; border: 0; margin-top: 6px; outline: none; box-shadow: none; } #myModal1 .modal-content { width: 100%; background: transparent; border: 0; outline: none; text-align: center; box-shadow: none; } #myModal1 .modal-content input { width: 100%; height: 31px; line-height: 31px; border-radius: 22px; outline: none; border: 0; font-size: 14px; font-weight: normal; padding: 0 10px; } #myModal1 .modal-content .close { float: none; width: 32px; height: 32px; opacity: 1; display: inline-block; line-height: 32px; margin-left: 1%; font-weight: lighter; font-size: 28px; text-shadow: none; vertical-align: top; color: #fff; border-radius: 50%; background: #303131; } #myModal1 #search-form { width: 60%; display: inline-block; } .header-heima .navbar-header { margin: 0; width: 100%; float: left; display: none; } .navbar-toggle { height: 44px; width: 56px; float: left; display: block; margin: 0; padding: 0; } .navbar-toggle:focus, .navbar-toggle:active { background: #fff; } .navbar-toggle .icon-bar { width: 30px; height: 4px; margin: 0 auto; border-radius: 2px; background-color: #ee3523; } .dropdown-menu > li > a { padding: 0; height: 40px; line-height: 40px!important; display: block; width: 100%; text-align: center; font-weight: bold; font-size: 14px; } .dropdown-menu > li > a:hover { color: #ee3523; background: none; } .dropdown-menu { border: none; border-radius: 0; width: 100%; min-width: 100px; } .top-nav .login { padding: 24px; } .top-nav .login .btn { width: 100%; height: 38px; color: #fff; outline: none; display: block; font-size: 16px; border-radius: 4px; line-height: 21px; text-align: center; } .top-nav .login .btn:focus, .top-nav .login .btn:active { outline: none; box-shadow: none; } .portrait-wrap { text-align: center; } .top-nav .login .portrait-wrap img { width: 50px; height: 50px; vertical-align: middle; border-radius: 50%; } .top-nav .login .user-name { color: #fff; font-size: 16px; text-decoration: none; padding-left: 20px; } .top-nav .login .user-info { padding-top: 20px; font-size: 16px; text-align: center; width: 100%; margin: 0 auto; } .top-nav .login .user-info li { border-right: 1px solid #5d5d5d; margin: 3px 0; display: inline-block; } .top-nav .login .user-info a { color: #7c7c7c; padding: 0 14px; text-decoration: none; } .top-nav .login .user-info li:last-child { border-right: 0; } .top-nav .login .user-info li:first-child a { padding-left: 0; } .top-nav .login .loginbtn { background: #ee3523; } .top-nav .login .registerbtn { color: #ee3523; margin-top: 15px; background: #fff; } .top-nav .bottom-nav { padding-bottom: 50px; } .top-nav .bottom-nav li { width: 100%; height: 44px; line-height: 44px; border-bottom: solid 1px #f4f4f4; } .top-nav .bottom-nav li a { width: 100%; color: #212121; display: block; text-decoration: none; padding-left: 45px; font-size: 16px; position: relative; } .js-horseclass { width: 100%; color: #212121; display: block; text-decoration: none; padding-left: 45px; font-size: 16px; position: relative; background: transparent; border: none; text-align: left; } .js-horseclass:hover, .js-horseclass:focus { color: #ee3523; outline: none; } .arrow { position: absolute; right: 25px; top: 14px; } .top-nav .bottom-nav li:hover a, .top-nav .bottom-nav li:focus a, .top-nav .bottom-nav li:active a { color: #ee3523; } .subtitle a { float: left; color: #313131; font-size: 12px; margin-right: 50px; margin-bottom: 24px; } .subtitle a:hover { color: #ee3523; } .modal-dialog { margin: 0; height: 100%!important; background: #fff; font-weight: bold; } .modal-title { font-size: 16px; } .modal-content { box-shadow: none; border: none; border-radius: 0; } .topnone { top: 0!important; } .container { padding: 0; } .myself .top { text-align: center; padding: 25px 0; } .myself .top .img { position: relative; } .myself .top .img .ad { width: 100px; height: 100px; border-radius: 50%; } .myself .top .img .hover { position: absolute; left: 50%; width: 100px; height: 100px; margin-left: -50px; top: 0; display: none; } .myself .top .img:hover .hover { display: block; } .myself .top .huiyuan { font-size: 12px; color: #545454; margin: 10px 0 5px 0; } .myself .top .name { font-size: 16px; color: #212121; font-weight: bold; } .myself .userlist { text-align: center; } .myself .userlist li a { display: block; color: #313131; font-size: 16px; height: 50px; line-height: 50px; } .myself .userlist li a:hover, .myself .userlist li a.active { background: #f6f6f6; color: #ee3523; } @media (min-width: 992px) { .header-heima .navbar-toggle { display: none; } .top-nav { display: none; } } @media (max-width: 992px) { .sub-nav { height: auto; top: 0; position: relative; } .container { width: 100%; padding: 0; } .navbar-nav { display: none; } .top-nav { width: 36%; left: -36%; } .header-top-wrap, .header-logo .logo, .else { display: none; } .main { margin-top: 20px!important; } .left { float: none; width: 100%!important; margin-bottom: 10px; } .right { float: none; width: 100%!important; margin: 0!important; } .ihm-warp { height: auto; } .header-heima { width: 100%; } .header-heima .navbar-header { display: block; background: #fff; height: 44px; line-height: 44px; } .footer { display: none; } .ihm-warp { background: none; border: 0; top: 0; } .ihm-warp { position: relative; } } @media (min-width: 1000px) and (max-width: 1199px) { .main .left { width: 27%; } .main .right { width: 72%; margin-left: 0; } .search { width: 170px; } } @media (max-width: 768px) { .container { padding: 0; } .ihm-warp { position: relative; } .myself .userlist { display: table; content: ' '; margin: 0 auto; } .myself .userlist li { float: left; text-align: center; } .myself .userlist li a { background: #fff; font-size: 14px; padding: 0 5px; } .sub-nav { height: auto; top: 0; position: relative; } } /*open*/ .header-container-wrap { -moz-transition: -moz-transform 0.2s ease 0; -webkit-transition: -webkit-transform 0.2s ease; -webkit-transition-delay: 0; transition: transform 0.2s ease 0; -webkit-backface-visibility: hidden; display: block; height: 100%; left: 0; position: relative; top: 0; z-index: 2; } .opens { -moz-transition: -moz-transform 0.2s ease 0.15s; -webkit-transition: -webkit-transform 0.2s ease; -webkit-transition-delay: 0.15s; transition: transform 0.2s ease 0.15s; -moz-transform: translate3d(75%, 0, 0); -webkit-transform: translate3d(75%, 0, 0); transform: translate3d(75%, 0, 0); position: fixed; } .top-nav { -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -moz-transition: opacity 0 ease 0.35s; -webkit-transition: opacity 0 ease; -webkit-transition-delay: 0.35s; transition: opacity 0 ease 0.35s; display: none; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 75%; background: #fff; color: #212121; } .open-left { -moz-transition: opacity 0 linear 0; -webkit-transition: opacity 0 linear; -webkit-transition-delay: 0; transition: opacity 0 linear 0; opacity: 1; display: block; position: fixed; overflow-y: scroll; z-index: 10; } .img_wrap { top: 0; bottom: 0; left: 0; right: 0; display: none; width: 440px; height: 520px; font-size: 14px; margin: auto; background: #fff; position: fixed; z-index: 102; color: #404040; border-radius: 3px; box-shadow: 0px 2px 15px 1px rgba(30, 30, 30, 0.06); border: solid 1px #efefef; } .img_wrap .avatar-title { color: #5a5a5a; font-size: 18px; padding-left: 45px; text-align: center; line-height: 55px; height: 55px; background: #f3f3f3; } .img_wrap .closebtn { text-align: center; width: 45px; cursor: pointer; font-size: 30px; line-height: 50px; height: 60px; } .img_wrap .btn-wrap { text-align: center; margin-top: 15px; } .img_wrap .confirm { width: 80px; height: 34px; vertical-align: bottom; display: inline-block; } .img_wrap .confirm .whitebtn-new { background: #d8d8d8; color: #fff; font-size: 14px; height: 34px; line-height: 34px; padding: 0; text-align: center; border: none; width: 100%; border-radius: 3px; } .img_wrap .confirm .whitebtn-new:focus { outline: none; } .img_wrap .confirm .graywhitebtn { background: #d8d8d8; color: #fff; font-size: 14px; height: 34px; line-height: 34px; padding: 0; text-align: center; border: none; width: 100%; border-radius: 3px; } .img_wrap .avatar_editor_show { margin-top: 30px; width: 340px; height: 340px; cursor: pointer; margin: auto; border-radius: 3px; background: url(../images/img_add.jpg) repeat 50% 50%; background-color: #f8f8f8; position: relative; } .img_wrap .tips { color: #8a8989; line-height: 18px; text-align: center; font-size: 14px; margin-top: 10px; } .img_wrap .choose_img { width: 80px; height: 34px; color: #fff; display: inline-block; cursor: pointer; margin-right: 15px; line-height: 34px; text-align: center; border-radius: 3px; position: relative; } .img_wrap .choose_img:hover { color: #fff; } .img_wrap .choose_img #choose { width: 100%; height: 100%; -moz-opacity: 0; -khtml-opacity: 0; filter: alpha(opacity=0); opacity: 0; top: 0; left: 0; position: absolute; } .img_wrap .choose_img .text { height: 34px; line-height: 34px; font-size: 14px; background: #fd4e3d; color: #fff; border-radius: 3px; } #avatar_editor_control { margin-top: 30px; height: 340px; } #footer { color: #aaa; text-align: center; line-height: 50px; } #bgDiv { display: none; margin: auto; } #bgDiv #dragDiv { position: absolute; top: 0; left: 0; display: none; width: 148px; height: 148px; } #bgDiv #dragDiv #rRightDown { font-size: 0; position: absolute; z-index: 500; right: -5px; bottom: -5px; width: 12px; height: 12px; border: 3px solid #434343; border-width: 0 3px 3px 0; } #bgDiv #dragDiv #rLeftDown { font-size: 0; position: absolute; z-index: 500; bottom: -5px; left: -5px; width: 12px; height: 12px; border: 3px solid #434343; border-width: 0 0 3px 3px; } #bgDiv #dragDiv #rRightUp { font-size: 0; position: absolute; z-index: 500; top: -5px; right: -5px; width: 12px; height: 12px; border: 3px solid #434343; border-width: 3px 3px 0 0; } #bgDiv #dragDiv #rLeftUp { font-size: 0; position: absolute; z-index: 500; top: -5px; left: -5px; width: 12px; height: 12px; border: 3px solid #434343; border-width: 3px 0 0 3px; } #bgDiv #dragDiv #rRight, #bgDiv #dragDiv #rLeft, #bgDiv #dragDiv #rUp, #bgDiv #dragDiv #rDown { display: none; }