html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
}
html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
height: 100%;
}
body {
font-family: "Avenir Next", Avenir, "Helvetica Neue", Helvetica, "Lantinghei SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 14px;
height: 100%;
color:#16171a;
background:#efedee;
}
input, select, option, button, textarea {
outline: none;
font-family: "Avenir Next", Avenir, "Helvetica Neue", "Lantinghei SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;
border-radius: 1px;
}
img {
border: none;
}
a {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
text-decoration: none;
}
ul li {
list-style-type: none;
}
.clearfix:after {
content:"";
display: block;
clear:both;
}
[class ^= "icon_"]{
background: url("../images_new/zx_icon.png") no-repeat;
background-size: 126px 120px;
}
[class ^= "icon2_"]{
background: url("../images_new/zx_icon2.png") no-repeat;
background-size: 123px 48px;
}
.mg_t20{
margin-top:20px;
}
/*去除border*/
.clear_bor_b{
border-bottom: 0px solid #000!important;
}
/*色调*/
/*字体色调*/
.color2{
color:#f95637;
}
.color3{
color:#999999;
}
.color4{
color:#666666;
}
.border_top_color{
border-top:4px solid #f95637;
}
/*头部*/
.header_box1{
width:100%;
padding:20px 0;
}
.header_box1,.header_box1 .layui-bg-mycolor{
background:#16171a;
}
.header_box1 .layui-nav{
float:left;
}
.header_box1 .layui-nav .layui-nav-item a:hover,.header_box1 .layui-nav .layui-this a {
color: #f95637;
}
.header_box1 .layui-nav * {
font-size: 16px;
}
.header_box1 .layui-nav .layui-this:after,.header_box1 .layui-nav-bar,.header_box1 .layui-nav-tree .layui-nav-itemed:after {
background-color: #f95637;
}
.header_box1_logo{
float:left;
margin-top: 5px;
margin-right: 20px;
}
.header_box1 .layui-nav-item{
position: relative;
}
.icon_header_new{
top: 20px;
width: 34px;
height: 15px;
position: absolute;
right: -20px;
}
.header_box1 .search_box{
width:227px;
height:40px;
border-radius: 40px;
float:right;
background:#333333;
margin-top: 10px;
position: relative;
}
.header_box1 .search_box input{
height: 100%;
padding-left: 13px;
width: 180px;
border: 0 none;
color:#fff;
background: transparent;
}
.icon_header_search{
position: absolute;
background-position: -97px 0;
width: 20px;
height: 20px;
top: 11px;
right: 12px;
cursor: pointer;
}
.header_box2{
background:#fff;
height:40px;
-webkit-box-shadow: 3px 0px 5px #bbbbbb;
-moz-box-shadow: 3px 0px 5px #bbbbbb;
box-shadow: 3px 0px 5px #bbbbbb;
padding:4px 0;
}
.header_box2 .layui-btn-primary:hover {
border-color: #f95637;
color: #333;
}
.header_box_f{
float: right;
}
.header_box_f a{
vertical-align: middle;
}
.layui-btn-cs{
background: #f95637;
}
.header_box2 .icon_qq,.header_box2 .icon_wp{
width:30px;
height: 30px;
display: inline-block;
margin:0 2px;
}
.header_box2 .icon_qq{
background-position: -34px 0;
margin-left:15px;
}
.header_box2 .icon_wp{
background-position: -66px 0;
}
/*容器上边距离*/
.my_container{
margin-top:20px;
}
/*面板*/
.my_panel{
background:#fff;
-webkit-box-shadow: 0px 3px 5px #bbbbbb;
-moz-box-shadow: 0px 3px 5px #bbbbbb;
box-shadow: 0px 3px 5px #bbbbbb;
padding:0 20px 20px 20px;
margin-bottom: 20px;
}
.my_panel2{
background:#fff;
-webkit-box-shadow: 0px 3px 5px #bbbbbb;
-moz-box-shadow: 0px 3px 5px #bbbbbb;
box-shadow: 0px 3px 5px #bbbbbb;
margin-bottom: 20px;
}
.my_panel_h3_div_r{
color:#999999;
float:right;
font-size:16px;
}
.my_panel2{
-webkit-box-shadow: 0px 3px 5px #bbbbbb;
-moz-box-shadow: 0px 3px 5px #bbbbbb;
box-shadow: 0px 3px 5px #bbbbbb;
margin-bottom: 20px;
}
.my_panel2 .gg_img img{
width:100%;
}
.my_panel_h3,.my_panel_h3_c{
line-height: 60px;
font-size:24px;
border-bottom:1px solid #e1e1e1;
}
.my_panel_h3_c{
line-height:60px;
}
.my_panel .desc{
font-size:12px;
color:#999999;
padding-right:15px;
line-height:20px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
/*一个标题链接 2列盒子*/
.pcu_title_clo2_box{
border: 1px solid #e1e1e1;
box-sizing: border-box;
padding-bottom: 8px;
}
.pcu_title_clo2_box_h3 {
line-height: 40px;
font-size:16px;
text-align: center;
margin-top:10px;
}
.pcu_title_clo2_box li{
line-height: 24px;
font-size:12px;
width:50%;
padding:0 10px;
float:left;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
box-sizing: border-box;
}
.pcu_title_clo2_box li a,.pcu_title_clo2_box2 li a{
color:#666666;
}
/*一个标题链接 2列盒子*/
.pcu_title_clo2_box2{
background:#f9f9f9;
padding:10px;
}
.pcu_title_clo2_box2 li{
line-height:30px;
font-size:12px;
text-overflow:ellipsis;
white-space: nowrap;
box-sizing: border-box;
overflow: hidden;
}
.pcu_title_clo2_box2 .icon_x{
display: inline-block;
width: 15px;
height:13px;
background-position: -63px -34px;
margin-right:5px;
vertical-align: middle;
}
.pcu_title_clo2_box2 .icon_gg{
display: inline-block;
width: 15px;
height:18px;
background-position: -80px -34px;
margin-right:5px;
vertical-align: middle;
}
/*右侧列表*/
.pub_list{
height:490px;
border:1px solid #e1e1e1;
margin-top:20px;
margin-left:25px;
}
.pub_list h3 {
line-height:40px;
font-size:18px;
text-align: center;
border-bottom:1px solid #e1e1e1;
}
.pub_list li{
border-bottom: 1px dashed #e1e1e1;
margin:0 10px;
font-size:16px;
line-height: 44px;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
box-sizing: border-box;
}
.pub_list_li1{
margin:0 10px;
padding-top:15px;
padding-bottom: 15px;
height: auto!important;
}
.pub_list .li_l{
float:left;
position: relative;
border-radius: 4px;
-webkit-box-shadow: 0px 1px 10px #bbbbbb;
-moz-box-shadow: 0px 1px 10px #bbbbbb;
box-shadow: 0px 1px 10px #bbbbbb;
}
.pub_list .li_l img{
width:65px;
height:89px;
}
.pub_list .li_r{
overflow:hidden;
padding-left:5px;
}
.pub_list .li_r h4{
line-height:40px;
font-size:16px;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
box-sizing: border-box;
}
.pub_list .li_r p{
color:#666666;
font-size:12px;
line-height:24px;
}
.pub_list .icon_ph1{
width:18px;
height:22px;
position: absolute;
top:0px;
left:0px;
background-position:0 -32px;
}
.pub_list .icon_ph2,.pub_list .icon_ph3{
width: 19px;
height: 24px;
display: inline-block;
top: 0px;
left: 0px;
background-position: -20px -32px;
vertical-align: middle;
margin-right:10px;
}
.pub_list .icon_ph3{
background-position:-40px -32px;
}
.pub_list li .bj{
vertical-align: middle;
margin-right:10px;
width:18px;
line-height:18px;
font-size:12px;
display: inline-block;
background: #e2e2e2;
text-align: center;
border-radius: 2px;
color:#fff;
}
/*列表 6列*/
.pub_list2{
}
.pub_list2 .book-cover{
width:100px;
margin:0 auto;
margin-top:20px;
-webkit-transform: perspective(60px) rotateY(-4deg);
-moz-transform: perspective(60px) rotateY(-4deg);
transform: perspective(60px) rotateY(-4deg);
}
.pub_list2 .book-cover .link {
position: relative;
z-index: 10;
display: inline-block;
transform: translateZ(50px);
}
.pub_list2 .book-cover span {
position: absolute;
z-index: -1;
top: 92.1%;
left: 0px;
width: 70px;
height: 10px;
content: '';
-webkit-transform: perspective(74px) rotateX(-70deg) rotateY(-5deg);
-moz-transform: perspective(74px) rotateX(-70deg) rotateY(-5deg);
-ms-transform: scale(0);
transform: perspective(74px) rotateX(-45deg) rotateY(-3deg);
box-shadow: 25px 0 5px 5px #adadad;
}
.pub_list2 .book-cover:after {
position: absolute;
z-index: 2;
top: 2%;
left: 100%;
width: 8%;
height: 92%;
content: ' ';
-webkit-transform: perspective(60px) rotateY(30deg);
-moz-transform: perspective(60px) rotateY(30deg);
transform: perspective(60px) rotateY(30deg);
background-color: #efefef;
box-shadow: inset 0 0 5px #333;
}
.pub_list2 img{
width:100%;
height:149px;
}
.pub_list2 h4{
margin-top:10px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.pub_list2 h4,.pub_list2 p{
text-align: center;
}
.pub_list3{
margin-top:15px;
}
.pub_list3 img{
width: 92px;
height:132px;
}
.pub_list3 a{
padding-bottom: 15px;
display: block;
}
.pub_list3_l{
float: left;
overflow: hidden;
border-radius: 4px;
-webkit-box-shadow: 0px 1px 10px #bbbbbb;
-moz-box-shadow: 0px 1px 10px #bbbbbb;
box-shadow: 0px 1px 10px #bbbbbb;
}
.pub_list3_r{
padding-left:17px;
overflow: hidden;
}
.pub_list3_r h4{
font-size:16px;
line-height:36px;
}
.pub_list3_r .author{
line-height: 30px;
}
.pub_list3_r .desc{
line-height: 22px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.layui-table thead tr{
background-color:#16171a;
}
.layui-table thead tr th{
color:#fff;
}
.layui-table .icon_vip{
display: inline-block;
background-position: -98px -34px;
width:26px;
height:12px;
vertical-align: middle;
margin-left:2px;
}
.pub_list4{
padding-top: 15px;
}
.pub_list4 li{
float:left;
line-height:32px;
margin-right:29px;
}
.pub_list4 li a{
color:#666666;
}
.pub_bottom,.pub_bottom a{
line-height:60px;
background:#16171a;
color:#999999;
}
@media screen and (min-width: 1200px) {
.pub_list {
margin-left: 25px!important;
}
}
@media screen and (min-width: 992px) {
.pub_list {
margin-left: 25px!important;
}
}
@media screen and (min-width: 300px) {
.pub_list {
margin-left: 0;
}
.detaile_box_l{
overflow: hidden;
}
.detaile_box_l img{
width:100%;
margin:0 auto;
display: block;
}
}
.filter_list_hr{
line-height: 48px;
text-align: center;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
box-sizing: border-box;
}
.filter_list_r{
box-sizing: border-box;
border-bottom: 1px solid #e1e1e1;
padding-bottom:14px;
}
.filter_list_ul li{
line-height: 48px;
float: left;
}
.filter_list_ul li a{
display: block;
line-height: 24px;
padding: 0 21px;
margin-top: 12px;
color:#666666;
}
.filter_list_ul li .active{
color:#fff;
background:#f95637;
}
/*详情页*/
.detaile_box{
padding-top:20px;
}
.detaile_box_l{
float:left;
width: 238px;
height:320px;
box-shadow: 1px 1px 5px #d8c3c3;
border-radius: 4px;
}
.detaile_box_l img{
width:100%;
height:100%;
overflow: hidden;
}
.detaile_box_r{
overflow: hidden;
min-width: 200px;
padding-left:20px;
}
.detaile_box_r h3{
font-size:24px;
line-height: 50px;
}
.detaile_box_r_box div{
float:left;
line-height:34px;
margin-right:26px;
}
.detaile_box_r_box2 h3{
border-bottom: 1px solid #e1e1e1;
font-size:14px;
line-height:50px;
margin-bottom:10px;
}
.detaile_box_r_box2_js{
background:#f9f9f9;
line-height:30px;
padding:15px;
color:#666666;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.detaile_box_r_box3 div{
padding:10px;
}
.detaile_box2{
}
.detaile_box2_box1{
height:68px;
line-height:68px;
}
.detaile_box2_box1 a{
font-size:18px;
}
.detaile_box2_box1 span{
margin-left:10px;
}
.detaile_box2_box2{
line-height:26px;
font-size:12px;
}
.detaile_box3_box1 textarea{
width:100%;
height:120px;
padding-left:20px;
box-sizing: border-box;
}
.detaile_box3_box2{
padding-top:20px;
}
.detaile_box3_box2 div{
line-height:44px;
}
.mulu_box{
line-height:60px;
border-bottom: 1px solid #e1e1e1;
font-size:16px;
}
.mulu_box h3 {
font-size:24px;
white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
overflow: hidden;
}
.mulu_box .icon_hb,.mulu_box .icon_hh{
width: 29px;
height:22px;
display: inline-block;
vertical-align: middle;
background-position: 0 -59px;
margin-right:10px;
}
.mulu_box .icon_hh{
height:23px;
background-position: -77px -59px;
}
.mulu_box_r{
text-align: right;
}
.mulu_box_r a{
margin-right: 2px;
line-height: 25px;
float: right;
margin-top: 16px;
width: 90px;
text-align: left;
}
.mulu_box_r .a_ax,.mulu_box_r .a_fh{
background-repeat: no-repeat;
}
.mulu_box_r .a_ax{
background-image:url(../images_new/pages/icon_collect.png);
background-position:right center;
margin-right: 10px;
}
.mulu_box_r .a_fh{
background-image:url(../images_new/pages/icon_back_h.png);
background-position:right center;
}
.mulu_box_r .a_fh:hover{
color:#f95637;
background-image:url(../images_new/pages/icon_back.png);
}
.mulu_box_r .a_ax:hover{
color:#f95637;
background-image:url(../images_new/pages/icon_collect_h.png);
}
.mulu_box .icon_ax,.mulu_box .icon_fh{
width: 21px;
height:18px;
display: inline-block;
vertical-align: middle;
background-position: -31px -59px;
margin-left:5px;
}
.mulu_box .icon_fh{
background-position: -53px -59px;
}
.mulu_box2_l span{
display: inline-block;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
box-sizing: border-box;
max-width:200px;
}
.mulu_box2_l i{
font-style: normal;
vertical-align: middle;
}
.mulu_box2_l .icon_vip{
display: inline-block;
background-position: -98px -34px;
width:26px;
height:12px;
vertical-align: middle;
margin-left:2px;
margin-top:-30px;
}
.mulu_box2 a {
display: block;
line-height: 37px;
border-bottom: 1px solid #e1e1e1;
margin:0 10px;
}
.mulu_box2_l{
float:left;
height:37px;
line-height:37px;
}
.mulu_box2_r{
overflow: hidden;
text-align: right;
}
.pinglu_boxs{
}
.pinglu_box_item{
padding:19px 0;
border-bottom:1px dashed #e1e1e1;
}
.pinglu_box_l{
height: 64px;
width:64px;
float:left;
overflow: hidden;
border-radius: 64px;
}
.pinglu_box_l img{
width:100%;
height:100%;
}
.pinglu_box_r{
padding-left:10px;
overflow: hidden;
}
.pinglu_box_r_p1{
font-size:12px;
line-height: 24px;
}
.pinglu_box_r_p2 {
color: #16171a;
font-size: 16px;
line-height: 32px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
box-sizing: border-box;
}
/*登陆 注册*/
.zx_bg{
background-image: url(../images_new/zx_bg.png);
background-size: cover;
height:750px;
}
.login_box{
padding-top:20px;
}
.login_box_logo{
padding:50px 0px;
}
.login_zx_box{
border:1px solid #e1e1e1;
padding:0 22px;
line-height:83px;
font-size:24px;
margin-bottom:50px;
}
.login_zx_box span{
font-size:32px;
}
.login_box_logo img{
display: block;
margin: 0 auto;
width:33%;
}
.login_zx_box_h3{
border-bottom:1px solid #f95637;
margin-bottom: 20px;
}
.login_zx_box input{
font-size: 14px;
}
.login_zx_box_switch{
line-height:30px;
}
.login_zx_box_switch span{
font-size:12px;
}
.my_login_bnt{
width:100%;
background-color: #f95637;
}
.login_r_box_1{
line-height: 50px;
font-size:16px;
color:#666666;
text-align: center;
}
.login_zx_box .icon_qq,.login_zx_box .icon_wp{
width:30px;
height: 30px;
display: inline-block;
margin:0 2px;
}
.login_zx_box .icon_qq{
background-position: -34px 0;
margin-left:15px;
}
.login_zx_box .icon_wp{
background-position: -66px 0;
}
.login_r_box_2{
width:100px;
margin:0 auto;
}
.login_zx_box label{
font-size:16px;
}
/*收藏和我的评论*/
.personal_center{
background-image: url(../images_new/grzx.png);
background-size: cover;
padding-top: 50px;
}
.personal_center .head_portrait{
border-radius: 100px;
height:100px;
width:100px;
overflow: hidden;
border:1px solid #fffdffff;
margin:0 auto;
position: relative;
}
.personal_center .head_portrait img{
height:100%;
width: 100%;
}
.personal_center .edit{
position: absolute;
color: #fff;
background: #f95637;
width: 74px;
height: 36px;
text-align: center;
right: 15px;
top: 10px;
top: 15px;
line-height: 36px;
border-radius: 10px 0;
}
.personal_center .name{
text-align: center;
line-height: 62px;
font-size:24px;
color:#fff;
}
.personal_center .qm{
text-align: center;
font-size:18px;
color:#fff;
}
.bnt_box{
padding-top:22px;
padding-bottom: 48px;
}
.bnt_box a{
background:#f95637;
color:#ffffff;
text-align: center;
width: 200px;
line-height:54px;
display:block;
margin: 0 auto;
border-radius: 54px;
font-size:24px;
}
.personal_center .icon2_sq {
display:inline-block;
width:25px;
height:29px;
vertical-align: middle;
background-position: -54px 0px;
}
.personal_center2_list a{
border-bottom:1px solid #e1e1e1;
display: block;
}
.personal_center2_active .personal_center2_list_l{
background:#f95637;
line-height: 60px;
height: 60px;
}
.personal_center2_active .personal_center2_list_r{
color:#f95637;
line-height: 60px;
height: 60px;
}
.personal_center2_list_l{
float: left;
width:61px;
height:60px;
line-height:60px;
box-sizing: border-box;
position: relative;
border-left:2px solid #f95637;
border-right:1px solid #e1e1e1;
}
.personal_center2_list_r{
overflow: hidden;
height:50px;
line-height:59px;
text-align: center;
}
.personal_center2_list_l .icon2_ax,.personal_center2_list_l .icon2_ax2{
width: 20px;
height: 20px;
position: absolute;
top: 18px;
left: 19px;
}
.personal_center2_list_l .icon2_sq{
width:25px;
height:29px;
position: absolute;
top: 12px;
left: 19px;
background-position: -54px 0px;
}
.personal_center2_list_l .icon2_ax2{
background-position: 0px -20px;
}
.personal_center2_list_l .icon2_pl,.personal_center2_list_l .icon2_pl2{
width: 25px;
height: 24px;
position: absolute;
top: 18px;
left: 17px;
background-position:-23px -24px ;
}
.personal_center2_list_l .icon2_pl2{
background-position:-23px -0px ;
}
.personal_center2_list_l .icon2_zl,.personal_center2_list_l .icon2_zl2{
width: 18px;
height: 22px;
position: absolute;
top: 20px;
left: 17px;
background-position:-82px -0px ;
}
.personal_center2_list_l .icon2_zl2{
background-position:-82px -22px ;
left:21px;
}
.personal_center2_list_l .icon2_mm,.personal_center2_list_l .icon2_mm2{
width: 18px;
height: 22px;
position: absolute;
top: 20px;
left: 17px;
background-position:-104px -22px ;
}
.personal_center2_list_l .icon2_mm2{
background-position:-104px 0px ;
left: 19px;
}
.personal_center2_list2{
margin-left: -1px;
padding: 0 20px;
box-sizing: border-box;
border-left: 1px solid #e1e1e1;
min-height: 600px;
}
.personal_center2_list2_box h3{
line-height: 65px;
font-size:18px;
}
.personal_center2_list2_box p{
font-size:16px;
line-height: 36px;
text-indent: 25px;
}
.personal_center2_list2_box2{
font-size:16px;
text-align: center;
line-height: 60px;
}
.personal_center2_list2_box2 textarea{
height: 200px;
}
.jb_row_col{
padding-right:20px;
}
.jb_row_col .label{
line-height: 50px;
}
.jb_row_col .layui-input{
height: 50px;
line-height:50px;
}
.jb_row_col_r{
width: 100%;
background-size:cover;
background-image:url(../images_new/grzx2.png);
height:230px;
margin-top:20px;
padding-top:52px;
}
.jb_layui-upload-img_box{
width:105px;
height:102px;
border-radius: 100%;
border:2px solid #fff;overflow: hidden;
margin:0 auto;
}
.jb_layui-upload-img_box img{
width:100%;
heihgt:100%;
}
.jb_row_col_r .layui-btn{
margin:0 auto;
display: block;
width: 100px;
height: 38px;
line-height: 38px;
border-radius: 38px;
margin-top:20px;
background: #f95637;
}
.jb_row_col_r #demoText{
text-align: center;
}
.jb_row_col .layui-textarea {
height: 120px;
}
.jb_row_col_r_submit{
margin:0 auto;
width: 200px;
padding:28px 0;
}
.jb_row_col_r_submit .layui-btn{
background: #f95637;
height:54px;
width: 200px;
border-radius: 54px;
}
.page {
display: inline-block;
}
.page em.on {
display: block;
float: left;
height: 24px;
margin:15px 0;
line-height: 24px;
padding: 0 9px;
background: rgb(249, 86, 55);
border: 1px solid #f95637;
margin-right: 10px;
border-radius: 2px;
color: #FFF;
}
.page a {
display: block;
margin:15px 0;
float: left;
height: 24px;
line-height: 24px;
padding: 0 9px;
border: 1px solid #D9D9D9;
margin-right: 10px;
border-radius: 2px;
color: #666666;
transition: all 0.2s;
}
.page a:hover{
background: rgb(249, 86, 55);
color:#fff;
border: 1px solid #f95637;
}
.page .page_go {
width: 60px;
height: 26px;
float: left;
margin:15px 0;
}
.page .page_go form input[type="submit"] {
display: block;
float: left;
margin-left: 6px;
height: 26px;
width: 26px;
line-height: 26px;
background: #f95637;
border: 1px solid #f95637;
color: #fff;
border-radius: 2px;
font-size: 12px;
}
.page em.pr10{
height: 55px;
width: auto;
line-height:55px;
margin-left: 6px;
font-size: 14px;
color: #464646;
font-family: "微软雅黑";
display:inline-block;
}
.page .page_go form input[type="text"] {
border: 1px solid #BBB;
display: block;
width: 24px;
height: 24px;
text-align: center;
float: left;
}
.login {
width: 780px;
margin: 0px auto 0px auto;
background: #fff;
overflow: hidden;
padding-bottom: 10px;
}
.login .right {
float: right;
overflow: hidden;
margin-right: 50px;
margin-top: 20px;
}
.login .right .nozh {
margin-bottom: 40px;
}
.login h1 {
color: #686565;
line-height: 50px;
font-size: 24px;
font-weight: normal;
border-bottom: 2px solid #fe6700;
margin: 10px 15px 40px 15px;
padding-left: 20px;
font-family: "微软雅黑";
overflow: hidden;
}
.login h1 p {
color: #686565;
font-size: 24px;
font-weight: normal;
font-family: "微软雅黑";
float: left;
}
.login h1 span {
color: #fe6700;
font-size: 30px;
font-family: "微软雅黑";
}
.login .left {
float: left;
margin-left: 55px;
overflow: hidden;
width: 355px;
border-right: 2px solid #eee;
padding-right: 60px;
}
.login .left .inp_t span.user {
background: url(../images/best/icon.png) no-repeat -102px -360px;
}
.login .left .inp_t span {
float: left;
width: 60px;
height: 48px;
line-height: 48px;
display: block;
text-align: right;
font-size: 20px;
}
.login .left .inp_t input {
outline: none;
float: left;
padding-left: 10px;
width: 260px;
height: 28px;
line-height: 28px;
margin: 8px 0;
border: none;
font-size: 16px;
background: #fff;
}
.login .left .inp_t span.key {
background: url(../images/best/icon.png) no-repeat -102px -222px;
}
.login .left .inp_tw {
display: none;
}
.login .left .inp_tw {
width: 200px;
float: left;
}
.login .left .inp_t span.yzm {
background: url(../images/best/icon.png) no-repeat -102px -315px;
}
.login .left .yzm_img {
float: right;
margin: 10px 0;
display: none;
overflow: hidden;
width: 132px;
height: 48px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.login .left .jzw {
clear: both;
line-height: 20px;
float: left;
width: 200px;
}
.login .left .jzw input {
float: left;
width: 15px;
height: 15px;
}
.login .left .login_but {
background: #FF5722;
color: #fff;
}
.login .left .inp_t {
border: 1px solid #ccc;
margin: 10px 0;
height: 48px;
line-height: 48px;
overflow: hidden;
width: 353px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
float: left;
}
.login .left .login_but input {
width: 100%;
background: #FF5722;
color: #fff;
font-size: 24px;
cursor: pointer;
}
.login .right {
float: right;
overflow: hidden;
margin-right: 50px;
margin-top: 20px;
}
.login .right .nozh {
margin-bottom: 40px;
}
.login .right .nozh span {
color: #333;
line-height: 34px;
}
.login .right .nozh a {
width: 114px;
height: 34;
line-height: 34px;
color: #fff;
background: #FF5722;
font-size: 14px;
text-align: center;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
display: inline-block;
margin-right: 10px;
}
.login .right .q_login {
overflow: hidden;
}
.login .right .q_login p {
color: #333;
margin-bottom: 20px;
}
.login .right .q_login a.qq {
background: url(../images/best/icon.png) no-repeat -112px -1px;
}
.login .right .q_login a.weibo {
background: url(../images/best/icon.png) no-repeat -112px -34px;
}
.login .right .q_login a {
width: 25px;
height: 25px;
overflow: hidden;
display: block;
float: left;
margin-right: 10px;
}
.layui-tab-content {
padding:0;
}
.layui-input, .layui-textarea {
height:32px;
}
.color-theme {
color:#f95637;
}
.mt {
margin-top:20px;
}
.user-info {
height:368px;
background: url(../images_new/pages/bg_user.png);
background-size:100% 100%;
position: relative;
overflow:hidden;
color:#fff;
text-align: center;
}
.user-info .btn-edit {
position: absolute;
width: 80px;
height: 36px;
background-color: #f95637;
border-top-left-radius:17px;
border-bottom-left-radius:17px;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: center;
font-size:15px;
right:0;
top:30px;
color:#fff;
}
.user-info .photo-box {
position:absolute;
left:50%;
top:50px;
box-sizing: border-box;
margin-left: -50px;
width:100px;
height:100px;
border-radius: 50%;
overflow: hidden;
border:2px solid #fff;
}
.user-info .photo-box {
position:absolute;
left:50%;
top:50px;
box-sizing: border-box;
margin-left: -50px;
width:100px;
height:100px;
border-radius: 50%;
overflow: hidden;
border:2px solid #fff;
}
.user-info .photo-box img{
width:100%;
height:100%;
}
.user-info>h3 {
position: absolute;
max-width:50%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size:24px;
left:50%;
top:175px;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
}
.user-info>p {
position: absolute;
max-width:70%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size:18px;
top:215px;
left:50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
}
.my-btn {
width:200px;
height:54px;
border-radius:26px;
background:#f95637;
color:#fff;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: center;
font-size:24px;
}
.icon-edit {
display:inline-block;
width:25px;
height:28px;
background:url(../images_new/pages/icon_edit.png);
background-size:100% 100%;
}
.user-info .btn-oper {
color:#fff;
position: absolute;
left:50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
bottom:50px;
}
.user-info .btn-oper i{
margin-right:10px;
}
.p-content {
border-left:1px solid #e1e1e1;
}
.cata-ul li{
height:60px;
position: relative;
padding-left:60px;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: center;
border-bottom:1px solid #e1e1e1;
}
.cata-ul li span.icon-box {
position: absolute;
width:60px;
box-sizing:border-box;
height:60px;
left:0;
top:0;
border-left:3px solid #f95637;
display:flex;
display:-webkit-flex;
justify-content: center;
align-items: center;
}
.cata-ul li p {
width:100%;
height:100%;
border-left:1px solid #e1e1e1;
display:flex;
display:-webkit-flex;
justify-content: center;
align-items: center;
}
.cata-ul li.layui-this>span {
width:60px;
border-left:none;
background:#f95637;
}
.icon-collect {
display:inline-block;
width:20px;
height:18px;
background:url(../images_new/pages/icon_collect.png) no-repeat center center;
}
.icon-msg {
display:inline-block;
width:25px;
height:23px;
background:url(../images_new/pages/icon_msg.png) no-repeat center center;
}
.icon-cata {
display:inline-block;
width:24px;
height:24px;
background:url(../images_new/pages/icon_cata.png) no-repeat center center;
}
.icon-add {
display:inline-block;
width:24px;
height:24px;
background:url(../images_new/pages/icon_add.png) no-repeat center center;
}
.icon-infomsg{
display:inline-block;
width:24px;
height:24px;
background:url(../images_new/pages/icon_infomsg.png) no-repeat center center;
}
.icon-money {
display:inline-block;
width:24px;
height:24px;
background:url(../images_new/pages/icon_money.png) no-repeat center center;
}
.icon-info{
display:inline-block;
width:20px;
height:20px;
background:url(../images_new/pages/icon_info.png) no-repeat center center;
}
.icon-back{
display:inline-block;
width:20px;
height:18px;
background:url(../images_new/pages/icon_back.png) no-repeat center center;
}
.icon-vip{
display:inline-block;
width:20px;
height:18px;
background:url(../images_new/pages/icon_back.png) no-repeat center center;
}
.cata-ul li.layui-this .icon-collect {
background:url(../images_new/pages/icon_collect_current.png) no-repeat center center;
}
.cata-ul li.layui-this .icon-msg {
background:url(../images_new/pages/icon_msg_current.png) no-repeat center center;
}
.cata-ul li.layui-this .icon-cata {
background:url(../images_new/pages/icon_cata_current.png) no-repeat center center;
}
.cata-ul li.layui-this .icon-add {
background:url(../images_new/pages/icon_add_current.png) no-repeat center center;
}
.cata-ul li.layui-this .icon-money {
background:url(../images_new/pages/icon_money_current.png) no-repeat center center;
}
.cata-ul li.layui-this .icon-infomsg{
background:url(../images_new/pages/icon_infomsg_cur.png) no-repeat center center;
}
.layui-tab {
margin:0;
}
.layui-tab-title {
border:none;
height:auto;
}
.layui-tab-title .layui-this::after {
border:none;
}
.p-title {
font-size:24px;
border-bottom:1px solid #e1e1e1;
height:60px;
display:flex;
display:-webkit-flex;
justify-content: space-between;
align-items: center;
}
.p-title-tab {
font-size:24px;
border-bottom:1px solid #e1e1e1;
height:60px;
display:flex;
display:-webkit-flex;
align-items: center;
}
.p-title-tab li {
font-size:24px;
}
.p-title-tab li.layui-this {
color:#f95637;
}
.p-con {
}
.oper-box {
font-size:16px;
height:100%;
display:flex;
display:-webkit-flex;
}
.oper-box a {
display:flex;
display:-webkit-flex;
justify-content: center;
align-items: center;
margin-left: 20px;
}
.oper-box a i {
margin-left:5px;
}
.btn-oper-box {
display:flex;
display:-webkit-flex;
padding:30px 0;
margin:0 auto;
justify-content: center;
}
.btn-oper-box a {
flex:1;
-webkit-flex:1;
height:32px;
margin:0 5px;
font-size:16px;
border-radius: 15px;
color:#fff;
max-width: 120px;
}
.table-edit th{
border:none;
text-align: center;
}
.table-edit tr{
border:none;
text-align: center;
}
.table-edit a{
color: #f95637;
}
.p-o-box {
margin:20px 0;
text-align: center;
}
.p-box {
border:1px solid #e1e1e1;
margin-bottom: 20px;
}
.p-box h4 {
border-bottom:1px dashed #e1e1e1;
margin:0 20px;
height:55px;
display:flex;
display:-webkit-flex;
align-items: center;
justify-content: center;
font-size:20px;
}
.p-p-box {
margin:0 20px;
}
.form .btn {
height: 32px;
background-color: #f95637;
border-radius: 15px;
font-size: 16px;
color:#fff;
padding:0 20px;
width:auto;
}
.form dl {
margin:20px 0;
}
.form dl dt{
display:inline-block;
width:200px;
text-align: right;
float: left;
line-height: 32px;
height:32px;
}
.form dl dd{
display:inline-block;
}
.form dl dd span{
display:inline-block;
margin-left:10px;
vertical-align: middle;
}
.p-t-con {
display: flex;
display:-webkit-flex;
align-items: center;
}
.p-t-con input[type=text]{
width:240px;
height:32px;
margin-right: 10px;
}
.t-form {
border:1px solid #e1e1e1;
margin-bottom: 20px;
}
.t-form table {
border:none;
margin-top: 0;
}
.t-tit {
font-size: 18px;
letter-spacing: 0px;
color: #16171a;
text-align: center;
padding: 20px 0;
margin-top: -10px;
}
.t-bot-tit {
font-size: 16px;
text-align: center;
padding: 20px 0;
margin-top: -10px;
}
.t-tips {
font-size: 14px;
color:#666;
padding:10px 0;
text-align: center;
border-top:1px solid #e1e1e1;
}
.form-box dl{
}
.form-box dt {
width:150px;
text-align: right;
position: absolute;
left:0;
top:10px;;
line-height:32px;
height:32px;
}
.form-box dd {
}
.form-box .block-box {
display:block;
}
.form-box .btn {
height: 32px;
background-color: #f95637;
border-radius: 15px;
font-size:16px;
width:80px;
}
.form-box .tips {
color:#666;
line-height: 32px;
}
.form-box .layui-form-label{
width: 110px;
padding: 9px 0px;
}
.valide-code-box {
width:30%;
display: inline-block;
}
.line-height{
line-height: 38px;
}
.pub_feimian1{
width:150px;
height:150px;
border-radius: 2px;
margin: 0 auto;
display: block;
}
.pub_feimian1_p{
line-height: 30px;
text-align: center;
}
.layui-tab-title .hover {
color: #f95637;
}
.layui-tab-title a{
margin-left:10px;
}
.tishiye{
height: 714px;
overflow: hidden;
width: 1000px;
position: absolute;
left: 50%;
top: 50%;
margin-top: -357px;
margin-left: -520px;
}
.tishiye img{
margin:0 auto;
display:block ;
margin-top:141px;
}
.tishiye .tit {
font-size:24px;
text-align: center;
margin-top:50px;
}
.tishiye .txt{
color:#666666;
text-align: center;
font-size: 23px;
line-height: 30px;
margin-top:30px;
margin-bottom: 30px;
}
.tishiye .bnt{
width: 342px;
height:54px;
line-height: 54px;
text-align: center;
color:#fff;
background:#f95637;
display: block;
margin: 0 auto;
font-size: 16px;
margin-top:10px;
border-radius: 54px;
}
@media screen and (min-width: 1200px) {
.layui-container {
width: 1030px;
}
}
.readnopadding{
}