.bgf5{background: #F5F6FA;}
header{padding: 14px 0; background: #ffffff;}
header .logo img{height: 36px;}
header .back{display: block; background: #0052D9; border-radius: 4px; height: 36px; line-height: 36px; font-size: 14px; color: #ffffff; padding: 0 16px;}
header .back i{font-size: 14px; color: #ffffff;}

footer{text-align: center; color: #818999; padding: 30px 0;}

.login{width: 1100px; background: #ffffff; border-radius: 12px; margin: 6% auto 0;}
.login .banner{width: 700px; height: 404px; overflow: hidden;}
.login .banner img{width: 100%;}
.login .form{padding: 16px 40px; width: 320px;}
.login .form .tit{border-bottom: 1px solid #E4E7ED;}
.login .form .tit .item{float: left; width: 50%; text-align: center;}
.login .form .tit .item a{display: inline-block; position: relative; padding: 16px 0; font-size: 16px; font-weight: 500;}
.login .form .tit .item .on{color: #0052D9;}
.login .form .tit .item .on i{position: absolute; left: 0; bottom: 0; background: #0052D9; height: 4px; width: 100%;}
.login .form .con{}
.login .form .item{}
.login .form .item .li{border: 1px solid #E4E7ED; border-radius: 4px; line-height: 48px; margin-top: 16px; position: relative;}
.login .form .item .li .icon{float: left; width: 56px; text-align: center;}
.login .form .item .li .icon i{font-size: 20px; color: #A3ACC2;}
.login .form .item .li input{height: 20px; line-height: 20px; padding: 14px 0; font-size: 14px; float: left; border: none;}
.login .form .item .mobile input{width: 208px;}
.login .form .item .mobile .close{position: absolute; z-index: 2; right: 20px; top: 0; cursor: pointer;}
.login .form .item .mobile .close i{font-size: 20px; color: #000000;}
.login .form .item .code input{width: 150px;}
.login .form .item .code .text{font-size: 14px; color: #0052D9; cursor: pointer; float: right; padding-right: 15px;}
.login .form .item .code .disabled{color: #A3ACC2;}
.login .form .item .btn{font-size: 16px; color: #ffffff; display: block; height: 40px; background: #0052D9; border-radius: 4px; line-height: 40px; text-align: center; margin: 16px 0; letter-spacing: 10px; font-weight: bold;}
.login .form .item .bgff{border: 1px solid #0052D9; background: #ffffff; color: #0052D9; font-weight: 500;}
.login .form .item .rule{color: #565B66; margin-bottom: 20px;}
.login .form .item .rule a{color: #0052D9;}
.login .form .item .reg_btn{text-align: center;}
.login .form .item .reg_btn a{color: #0052D9; text-decoration: underline;}

.reg{width: 400px;}
.reg .title{border-bottom: 1px solid #E4E7ED; margin: 0 40px; padding-top: 32px; text-align: center;}
.reg .title a{border-bottom: 4px solid #0052D9; font-size: 16px; font-weight: 500; color: #0052D9; display: inline-block; padding-bottom: 12px;}

header .msg{height: 20px; line-height: 20px; border-right: 1px solid #E3E7ED; padding-right: 24px; color: #0052D9; margin-top: 8px; display: block;}
header .msg span{position: relative; margin-right: 8px;}
header .msg .iconfont{font-size: 14px;}
header .msg .dot{position: absolute; top: 0; right: -1px; width: 4px; height: 4px; background: #FF4400; border-radius: 2px;}

header .info{position: relative; line-height: 36px; margin-left: 24px;}
header .info .avatar{margin-right: 8px; padding-top: 8px;}
header .info .avatar img{width: 20px; height: 20px; border-radius: 10px;}
header .info .name{}
header .info .name i{font-size: 12px; color: #ABAEB3;}
header .info .name .up{display: none;}
header .info .name .down{display: inline-block;}
header .info .more{position: absolute; top: 36px; right: 0; width: 114px; background: #FFFFFF; box-shadow: 0px 4px 12px 4px rgba(226, 229, 233, 0.3); padding: 4px 0; display: none; z-index: 9;}
header .info .more .li{line-height: 40px;}
header .info .more .li a{display: block; padding: 0 20px; color: #000000;}
header .info .more .li a i{font-size: 15px; margin-right: 10px; color: #333333;}
header .info .more .li a:hover{background: rgba(0, 82, 217, 0.06); color: #0052D9;}
header .info .more .li a:hover i{color: #0052D9;}
header .info:hover .up{display: inline-block;}
header .info:hover .down{display: none;}
header .info:hover .more{display: block;}

.main{padding-top: 20px;}
.main .left{width: 160px; box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.03); background: #ffffff; padding: 20px;}
.main .right{width: 940px; box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.03); background: #ffffff; padding: 20px;}
.main .right .title{font-size: 18px; font-weight: 500;}
.main .right .total{font-size: 14px; border-bottom: 1px solid #E4E7ED; padding-top: 10px; padding-bottom: 10px;}
.main .right .total a{color: #565B66; padding-right: 40px;}
.main .right .total span{font-size: 20px; color: #0052D9;}
.main .right .pt24{padding-top: 24px;}
.main .info{padding-top: 4px;}
.main .info .avatar{width: 80px; height: 80px; border-radius: 40px; margin: 0 auto; overflow: hidden;}
.main .info .avatar img{width: 100%;}
.main .info .name{padding-top: 8px; font-size: 16px; text-align: center;}
.main .menu{padding-top: 15px; font-size: 14px;}
.main .menu .li{border-bottom: 1px solid #E4E7ED;}
.main .menu .li a{display: block; padding: 15px 20px; line-height: 18px; color: #111E36;}
.main .menu .li a .iconfont{font-size: 16px; color: #111E36;}
.main .menu .li a .arrow{font-size: 12px;}
.main .menu .li a span{display: inline-block; width: 80px; margin-left: 12px;}
.main .menu .li a:hover{color: #0052D9; background: rgba(0, 82, 217, 0.06);}
.main .menu .li a:hover .iconfont{color: #0052D9;}
.main .menu .li a.cur{color: #0052D9; background: rgba(0, 82, 217, 0.06);}
.main .menu .li a.cur .iconfont{color: #0052D9;}
.main .menu .li .child{}
.main .menu .li .child a span{margin-left: 28px; color: #565B66;}
.main .menu .li .child a:hover span{color: #0052D9;}
.main .menu .li .child a.cur span{color: #0052D9;}
.main .menu .bb-no{border: none;}

.trace{width: 980px; box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.03); margin-bottom: 20px;}
.trace .trace_total{background: #ffffff; width: 846px; padding: 20px 0;}
.trace .trace_total .item{display: block; float: left;}
.trace .trace_total .item .icon{padding-left: 56px;}
.trace .trace_total .item .icon i{font-size: 60px;}
.trace .trace_total .item .icon .i1{color: #28A340;}
.trace .trace_total .item .icon .i2{color: #FF9500;}
.trace .trace_total .item .icon .i3{color: #FF759C;}
.trace .trace_total .item .con{padding-left: 16px; width: 149px;}
.trace .trace_total .item .con p{color: #565B66;}
.trace .trace_total .item .con p .num{color: #0052D9; font-size: 24px;}
.trace .trace_total .item .con p.tit{color: #111E36; font-size: 16px; padding-bottom: 10px;}
.trace .trace_total .line{height: 52px; width: 1px; background: #E4E7ED; float: left; margin-top: 4px;}
.trace .trace_add{background: #ffffff; width: 124px; text-align: center; height: 92px; padding-top: 14px;}
.trace .trace_add .iconfont{font-size: 24px; color: #0052D9;}
.trace .trace_add p{padding-top: 10px; font-size: 14px; color: #0052D9;}

.praise_list .item{float: left; width: 100%; border-top: 1px #E4E7ED solid; padding: 20px 0;}
.praise_list .it1{border-top: navajowhite;}
.praise_list .item .detail{width: 100%; float: right;}
.praise_list .item .detail .other{margin-top: 12px; background: #F5F6FA; line-height: 30px; font-size: 14px;}
.praise_list .item .detail .other .num{color: #FF7C00; padding-left: 10px;}
.praise_list .item .detail .other .line{color: #E4E7ED; padding: 0 12px;}

.condition{}
.condition .status{padding: 20px 0;}
.condition .status a{display: block; float: left; padding: 7px 12px; background: #EDF0F7; color: #565B66; margin-right: 1px;}
.condition .status a.l-r{border-radius: 4px 0 0 4px;}
.condition .status a.r-r{border-radius: 0 4px 4px 0;}
.condition .status a.cur{background: #0052D9; color: #ffffff;}
.condition .layui-input{height: 32px;}
.condition .layui-form-label{height: 32px; line-height: 32px; padding: 0 0 0 20px; width: auto;}
.condition .layui-form-mid{padding: 0 !important; margin: 15px 6px; background: #DDDDDD; width: 8px; height: 1px;}
.condition .layui-btn{width: auto; padding: 0 16px;}
.condition .layui-btn-sm{height: 32px; line-height: 32px; margin-left: 10px;}

.content_list{padding-top: 8px;}
.content_list .item{border: 1px solid #E4E7ED; margin-top: 16px;}
.content_list .item .pic{width: 200px; height: 114px; position: relative; margin: 12px; overflow: hidden;}
.content_list .item .pic img{width: 100%;}
.content_list .item .pic span{position: absolute; left: 10px; bottom: 10px; display: block; width: 40px; height: 40px; border: 3px solid #ffffff; text-align: center; line-height: 40px; color: #ffffff; border-radius: 23px;}
.content_list .item .con{padding: 12px 0; height: 114px; width: 625px; border-right: 1px solid #E4E7ED;}
.content_list .item .con .tit{height: 18px; font-size: 14px; font-weight: 600; color: #111E36; line-height: 18px;}
.content_list .item .con .desc{padding: 12px 0; height: 16px; line-height: 16px; color: #A3ACC2;}
.content_list .item .con .desc span{padding-right: 24px; margin-right: 24px;}
.content_list .item .con .desc .bor-r{border-right: 1px solid #E4E7ED;}
.content_list .item .con .desc .iconfont{color: #A3ACC2; font-size: 12px;}
.content_list .item .con .other{border-top: 1px solid #E4E7ED; padding-top: 12px; line-height: 20px;}
.content_list .item .con .other .status0{display: inline-block; background: #FF7C00; padding: 0 8px; color: #ffffff; border-radius: 2px;}
.content_list .item .con .other .status1{display: inline-block; background: #25B227; padding: 0 8px; color: #ffffff; border-radius: 2px;}
.content_list .item .con .other .status2{display: inline-block; background: #D3D5DB; padding: 0 8px; color: #ffffff; border-radius: 2px;}
.content_list .item .con .other .time{padding-left: 20px; color: #818999;}
.content_list .item .operation{width: 88px; text-align: center;}
.content_list .item .operation a{display: block; height: 69px; line-height: 69px;}
.content_list .item .operation a .iconfont{font-size: 12px; color: #393D47;}

.travels_list .item{border: none; box-shadow: 0px 4px 16px -4px rgba(0, 0, 0, 0.06);}
.travels_list .item .con{width: 704px; border-right: none;}
.travels_list .item .con .other{text-align: right;}

.video_list{width: 960px;}
.video_list .item{display: block;width: 300px;float: left; margin-top: 20px; margin-right: 20px; box-shadow: 0px 4px 16px -4px rgba(0, 0, 0, 0.06);}
.video_list .item .pic {width: 100%;height: 210px;overflow: hidden;position: relative;}
.video_list .item .pic img{height: 100%;}
.video_list .item .pic span {display: block;width: 40px;height: 40px;line-height: 40px;text-align: center;border: 3px #ffffff solid;border-radius: 23px;position: absolute;left: 16px;bottom: 16px;z-index: 2; background: rgba(0, 0, 0, 0.3);}
.video_list .item .pic .icon {color: #ffffff;font-size: 12px;}
.video_list .item:hover .pic span{border: 3px #0052D9 solid; background: #0052D9;}
.video_list .item .tit{padding: 12px; height: 18px; line-height: 18px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis; font-size: 14px; }
.video_list .item .other{padding: 0 12px 12px 12px; line-height: 16px; color: #818999; display: flex;}
.video_list .item .other span{width: 100%;}
.video_list .item .other .icon{color: #A3ACC2; margin-right: 8px;}

.question_list .item{display: block; position: relative; border-bottom: 1px dashed #E4E7ED; padding: 20px 0;}
.question_list .item .question{line-height: 24px;}
.question_list .item .question span{display: inline-block;}
.question_list .item .question span.pic{width: 24px;height: 24px;background: #0052D9;border-radius: 5px; text-align: center; color: #FFFFFF; float: left;}
.question_list .item .question span.tit{width: 908px; font-size: 18px; margin-left: 8px;}
.question_list .item .answer{height: 24px; line-height: 24px; margin-top: 16px;}
.question_list .item .answer span{display: inline-block;}
.question_list .item .answer span.pic{width: 24px;height: 24px;background: rgba(255, 124, 0, 0.1);border: 1px solid rgba(255, 124, 0, 0.8);border-radius: 12px; text-align: center; color: #FF7C00; float: left;}
.question_list .item .answer span.num{padding-left: 8px; color: #818999;}
.question_list .item .answer i.icon{margin-left: 40px; color: #A3ACC2;}
.question_list .item .answer span.time{color: #818999; margin-left: 20px;}
.question_list .item .answer span.tit{width: 906px; font-size: 14px; margin-left: 8px; line-height: 20px;}
.question_list .condition .status{padding-bottom: 0;}

.complaint_list{}
.complaint_list .item{border: 1px solid #E4E7ED; padding: 16px; margin-bottom: 16px;}
.complaint_list .item .time{line-height: 20px; color: #818999;}
.complaint_list .item .time span{display: inline-block; height: 20px; padding: 0 8px; border-radius: 2px; color: #ffffff; margin-right: 5px;}
.complaint_list .item .time .sf7{background: #FF7C00;}
.complaint_list .item .time .sf5{background: #FF5653;}
.complaint_list .item .time .sd3{background: #D3D5DB;}
.complaint_list .item .tit{padding: 8px 0; font-size: 14px; line-height: 18px;}
.complaint_list .item .desc{color: #818999;}
.complaint_list .item .other{padding-top: 12px;}
.complaint_list .item .other span{color: #0052D9; padding-right: 5px;}
.complaint_list .item .tot{padding-top: 12px; color: #818999;}
.complaint_list .item .tot span{display: inline-block; height: 16px; line-height: 16px; padding-right: 20px; margin-right: 20px;}
.complaint_list .item .tot .line{border-right: 1px solid #E4E7ED;}
.complaint_list .item .tot .iconfont{font-size: 12px; color: #818999;}

.scenery_list{}
.scenery_list .item{border-bottom: 1px solid #F5F6FA; padding-top: 20px;}
.scenery_list .item .time{color: #0052D9; font-size: 16px;}
.scenery_list .item .time .iconfont{color: #393D47; font-size: 16px;}
.scenery_list .item .con{padding-top: 18px; width: 960px;}
.scenery_list .item .con .li{float: left; display: block; width: 300px; margin-right: 20px; margin-bottom: 20px;}
.scenery_list .item .con .li .pic{width: 100%; height: 210px; overflow: hidden;}
.scenery_list .item .con .li .pic img{height: 100%; display: block; margin: 0 auto;}
.scenery_list .item .con .li .tit{padding-top: 12px; font-size: 14px;}
.scenery_list .item .con .li .tit .name{display: block; width: 180px; height: 20px; font-weight: 600; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;}

.comment_list .item .other .icon{color: #818999; margin-left: 20px;}
.comment_list .item .other .icon i{color: #818999; font-size: 12px;}
.content_list .item .con{min-height: 114px; height: auto;}
.comment_list .item .con .desc{height: auto; padding-right: 10px;}

.album_list{width: 960px;}
.album_list .item{width: 300px; box-shadow: 0px 4px 16px -4px rgba(0, 0, 0, 0.06); display: block; float: left; margin-top: 20px; margin-right: 20px;}
.album_list .item .pic{width: 100%; height: 210px; overflow: hidden;}
.album_list .item .pic img{height: 100%;}
.album_list .item .con{padding: 12px 10px;}
.album_list .item .con .tit{font-size: 14px; line-height: 18px;}
.album_list .item .con .tit span{font-size: 11px; color: #818999;}
.album_list .item .con .num{padding-top: 10px; color: #0052D9;}
.album_list .item .con .num .icon{font-size: 12px; color: #0052D9; margin-left: 8px;}

.album_flow{position: relative; margin-top: 10px;}
.album_flow .item{box-shadow: 0px 6px 16px -8px rgba(0, 0, 0, 0.08); width: 200px; float: left; border-radius: 4px; overflow: hidden;}
.album_flow .item .pic{width: 100%;}
.album_flow .item .pic img{width: 100%;}
.album_flow .item .desc{padding: 12px 12px 0 12px; line-height: 20px; font-size: 14px;}
.album_flow .item .other{line-height: 20px; padding: 12px 12px 0 12px;}
.album_flow .item .other .status0{display: inline-block; background: #FF7C00; padding: 0 8px; color: #ffffff; border-radius: 2px;}
.album_flow .item .other .status1{display: inline-block; background: #25B227; padding: 0 8px; color: #ffffff; border-radius: 2px;}
.album_flow .item .other .status2{display: inline-block; background: #D3D5DB; padding: 0 8px; color: #ffffff; border-radius: 2px;}
.album_flow .item .other .time{color: #818999;}
.album_flow .item .operation{padding: 12px; text-align: center;}
.album_flow .item .operation a{display: block; width: 50%; line-height: 20px; float: left;}
.album_flow .item .operation a .iconfont{font-size: 12px; color: #393D47;}

    /*layui重构*/
.layui-tab{margin: 0;}
.layui-tab-title{height: 33px;}
.layui-tab-title li{font-weight: 500; padding: 0; margin-right: 40px; height: 33px; line-height: normal; min-width: auto;}
.layui-tab-title li a{font-weight: 500; height: 33px; display: block; color: #111E36;}
.layui-tab-brief>.layui-tab-title .layui-this{color: #0052D9;}
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{border-bottom: 4px solid #0052D9; height: 33px;}
.layui-input, .layui-select, .layui-textarea{border-radius: 4px;}
.layui-form-label{width: 56px; padding-left: 0; font-size: 14px;}
.layui-btn{width: 96px; border-radius: 4px; padding: 0; font-size: 14px; font-weight: 500;}
.layui-border-blue{border-color: #0052D9 !important; color: #0052D9 !important;}
.layui-btn-normal{background-color: #0052D9;}
.layui-form-radio:hover *, .layui-form-radioed, .layui-form-radioed>i{color: #0052D9;}
.layui-form-select dl dd.layui-this{background-color: #0052D9;}
.layui-form-checked[lay-skin=primary] i{border-color: #0052D9!important; background-color: #0052D9;}
.layui-bg-blue{background-color: #0052D9 !important;}
.layui-btn-group .layui-btn-primary:hover{color: #0052D9;}
.layui-form-checkbox[lay-skin=primary] i:hover{border: 1px solid #0052D9;}

.layui-avatar{width: 100px; height: 100px; border-radius: 50px; position: relative; overflow: hidden;}
.layui-avatar input{width: 100px; height: 100px; opacity: 0; position: absolute; left: 0; top: 0; z-index: 2; cursor: pointer;}
.layui-avatar img{width: 100%;}
.layui-avatar p{position: absolute; left: 0; top: 0; width: 100px; height: 100px; background: rgba(0, 0, 0, 0.4); text-align: center; line-height: 100px; color: #ffffff; border-radius: 50px; cursor: pointer;}

.cropavatar{width: 400px; display: none; margin: 10px auto;}
.cropavatar .img{height: 400px;}
.cropavatar .btn{text-align: center; padding-top: 10px;}

.form-left{padding-top: 20px; width: 720px;}
.form-left .bor_bot{border-bottom: 1px solid #E4E7ED;}
.form-left .layui-input{border: none; line-height: 38px;}
.form-left .tit{position: relative;}
.form-left .tit .layui-input{border: none; padding-left: 0; font-size: 18px; line-height: 38px; box-sizing: border-box; padding-right: 40px;}
.form-left .tit .tit_num{position: absolute; top: 0; right: 0; color: #D3D5DB; font-size: 14px; line-height: 38px;}
.form-left .source{}
.form-left .source .layui-form-label{width: auto; padding-right: 0;}
.form-left .source .layui-input-inline{width: 300px;}
.form-left .author{}
.form-left .author .layui-form-label{width: auto;}
.form-left .author .layui-input-inline{width: auto; line-height: 38px; font-size: 14px;}
.form-left .rule{text-align: right; font-size: 14px;}
.form-left .rule .con{display: inline-block; vertical-align: middle; position: relative; height: 12px;}
.form-left .rule a{color: #0052D9;}
.form-left .txt-r{text-align: right;}
.form-left .scenery_sel{margin-bottom: 0;}
.form-left .scenery_sel .layui-form-label{width: auto;}
.form-left .scenery_sel .layui-input-inline{width: 280px;}
.form-right{width: 200px; padding-top: 20px;}
.form-right .tit{font-size: 14px;}
.form-right .con{padding-top: 8px;}
.pic_add{border: 1px solid #D3D5DB; text-align: center; min-height: 132px; cursor: pointer; position: relative;}
.pic_add .iconfont{font-size: 40px; color: #0052D9; padding-top: 46px; display: inline-block;}
.pic_add img{width: 100%;}
.pic_add .perc{position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); left: 0; top: 0; z-index: 2;}
.pic_add .layui-progress{margin: 46px 10px;}
.pic_desc{padding-top: 8px; color: #A3ACC2; line-height: 16px;}

.album_add{padding-top: 15px;}
.album_add .tit{font-size: 14px; line-height: 20px;}
.album_add .tit span{font-size: 12px; color: #A3ACC2; padding-left: 10px;}
.album_add .pic_list{width: 100%; padding-top: 15px;}
.album_add .pic_list .li{float: left; width: 200px; margin-right: 10px; overflow: hidden; position: relative; margin-bottom: 20px;}
.album_add .pic_list .li img{width: 100%; height: 132px;}
.album_add .pic_list .li .iconfont{font-size: 12px; display: block; width: 32px; height: 32px; line-height: 32px; text-align: center; color: #ffffff; background: rgba(0, 0, 0, 0.6); position: absolute; top: 4px; right: 4px; border-radius: 16px; cursor: pointer;}
.album_add .pic_list .li .perc{position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); left: 0; top: 0; z-index: 2;}
.album_add .pic_list .layui-input{border-bottom: 1px solid #E4E7ED; padding-left: 0;}
.album_add .pic_list .pic_add{width: 200px; float: left;}