.cfm-main .page-main.user-main{padding:15px 0}
.user-main .login-box{margin:20px 0;padding:0;background:no-repeat left top;background-size:auto 100%}
.user-main .login-box .white-box{border:0;padding:0;margin:0;float:left}
.user-main .login-box .login-content{margin:30px auto;padding-left:20px;padding-right:20px;box-shadow:0 0 20px #f2f2f2;}
.user-main .login-box .head-title{padding:20px 0}
.user-main .login-box .head-title a{cursor:pointer}
.user-main .login-box .head-title h4{font-size:22px}
.user-main .login-box .form-box{margin:0}
.user-main .login-box .form-box .group{margin:0;margin-bottom:15px}
.user-main .login-box .form-box .field-loginform-rememberme{margin-bottom:0}
.user-main .login-box .form-box .form-control{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border:1px #e4e4e4 solid;}
.user-main .login-box .form-box #loginform-intcode,.user-main .login-box .form-box #registerform-intcode{border-radius:0;border-right:0;padding-left:5px;padding-right:5px}
.user-main .login-box .form-box #loginform-mobile_captcha,.user-main .mobile-login .form-box #loginform-intcode,.user-main .login-box .form-box #registerform-mobile_captcha,.user-main .login-box .form-box #findpwdform-captcha,.user-main .login-box .form-box #loginform-captcha{border-radius:0;border-right:0}
.user-main .login-box .form-box #sms-captcha{border:1px #e4e4e4 solid;border-top-left-radius:0;border-bottom-left-radius:0}
.user-main .login-box .input-group-prepend{border:1px #e4e4e4 solid;border-top-left-radius:4px;border-bottom-left-radius:4px}
.user-main .login-box .input-group-prepend .cfm-icon{margin:6px}
.user-main .login-box .input-group-prepend .cfm-icon:before{font-size:24px}
.user-main .login-box .input-group-prepend .input-group-text{border:1px #e4e4e4 solid}
.user-main .login-box .login-links{height:24px}
.user-main .login-box .form-box .actions{padding:20px 0}
.user-main .login-box .form-box .actions .btn{font-size:17px}
.user-main .login-box .form-box .actions .btn[disabled]{opacity:0.6}
.user-main .login-box .form-box .reg-link{padding-bottom:30px}
.user-main .login-box .register img,.user-main .login-box #loginform-captcha-image{right:21px;border-bottom-right-radius:4px;border-top-right-radius:4px;}
.user-main .login-box .register .myid{padding-bottom:5px}
.user-main .login-box .register .myid b{font-size:22px;line-height:25px;}
.user-main .field-registerform-mobile,.user-main .field-loginform-mobile{width:100%;float:left;position:relative}
.user-main .field-registerform-mobile .form-control,.user-main .field-loginform-mobile .form-control{margin-left:50%;}
.user-main .field-registerform-mobile .input-group-prepend,.user-main .field-loginform-mobile .input-group-prepend{position:absolute;left:0;top:0;margin-left:1px}
.user-main .field-loginform-intcode,.user-main .field-registerform-intcode{position:absolute;width:46%;float:left;z-index:10}
.user-main .field-loginform-intcode #loginform-intcode,.user-main .field-registerform-intcode #registerform-intcode{margin-left:38px}

.user-main .left-uesrnav{padding:0}
.user-main .right-listbox{padding-right:0;padding-left:20px}
.user-main .account{padding:25px 15px 15px 15px}
.user-main .account .head-photo{text-align:center}
.user-main .account .head-photo h5{padding:10px 0 3px 0;font-size:19px}
.user-main .account .head-photo p{font-size:14px;font-weight:normal}
.user-main .account .head-photo .pic{display:block;width:100px;height:100px;margin:auto;border-radius:50%;background:url(/static/images/avatar.png) center center no-repeat}
.user-main .account .head-photo .pic a{display:block;width:100%;height:100%;text-indent:-9999px;}
.user-main .my-id{background:#f9faf9;padding:5px 10px;margin-top:15px;border-radius:6px;}
.user-main .my-id li{line-height:24px;padding:5px 0}
.user-main .my-id li .cfm-icon{float:left;}
.user-main .my-id li strong{font-size:14px;float:left;width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.user-main .my-id li i{font-size:14px;color:#d6d6d5;float:right;line-height:22px;}
.user-main .my-id li .cfm-icon{background:#A6A6A6;border-radius:50%;padding:1px;margin-right:5px;}
.user-main .my-id li .cfm-icon:before{color:#ffffff;fill:#ffffff;}
.user-main .my-id li .icon-validate{float:right;margin:1px;}
.user-main .my-id li .icon-validate:before{color:#d6d6d5;font-size:20px;}
.user-main .my-id li .binding:before{color:#23AB56;fill:#23AB56;}
.user-main .my-id li.line{background:#eeefee;height:1px;padding:0;}
.user-main .my-link h4{font-size:15px;padding:0 20px;}
.user-main .my-link ul{margin:7px 0 15px 0}
.user-main .my-link ul li{font-size:16px;padding:0 15px;height:45px;line-height:45px;}
.user-main .my-link ul li a{display:block;padding:0 10px;}
.user-main .my-link ul li .active{background:#F6FBFD;color:#23b5fd;font-weight:bold}
.user-main .my-link ul li .active .cfm-icon:before{color:#23b5fd;fill:#23b5fd;}
.user-main .my-link ul li .cfm-icon{float:left;padding:10px 10px 8px 0}
.user-main .my-link ul li .cfm-icon:before{color:#A6A6A6;fill:#A6A6A6;font-size:26px;}
.user-main .my-link ul li b,.user-main .logout a{font-weight:normal;font-size:16px;line-height:45px;font-weight:bold}
.user-main .logout a{display:block;text-align:center;font-weight:normal}
.user-main .login-info{font-size:14px;color:#B0B0B0;padding:0 15px;line-height:25px;height:120px;}
.user-main .content-box{padding:25px 20px;}
.user-main .content-box h3{font-size:24px;margin-bottom:15px;font-weight:normal}
.user-main .r-topbar{font-size:17px;padding-bottom:20px;border-bottom:1px #f5f5f5 solid;margin-bottom:15px;margin-left:-10px;margin-right:-10px}
.user-main .r-topbar ul{float:left;color:#B4B4B4;}
.user-main .r-topbar ul li{float:left}
.user-main .r-topbar ul li a{float:left;padding:0 10px}
.user-main .r-topbar ul li a.active,.user-main .r-topbar ul li.active a{color:#23b5fd;font-weight:normal;position:relative}
.user-main .r-topbar ul li a.active::before,.user-main .r-topbar ul li.active a::before{display:block;content:"";position:absolute;width:24px;height:4px;bottom:-7px;left:50%;margin-left:-12px;background:#23b5fd;border-radius:3px;}
.user-main .r-topbar ul li span{padding-right:15px;}
.user-main .r-topbar p{float:right;color:#B4B4B4;font-size:15px;}
.user-main .r-topbar p .cfm-icon{margin-left:5px;}
.user-main .follow-box{margin:0 -7px;}
.user-main .item-box{padding:0 7px;float:left;margin-bottom:10px;}
.user-main .item-box .divbg{padding:15px;height:165px;}
.user-main .item-box .divbg:hover{background:#f9faf9}
.user-main .item-box h5{font-size:15px;width:100%;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.user-main .item-box h5 a{font-weight:bold;}
.user-main .item-box ul{width:150px;height:100%;float:left;}
.user-main .item-box ul li{float:left;width:100%;height:22px;font-size:15px;}
.user-main .item-box .p-data{height:77px;position:relative;}
.user-main .item-box .p-data.newsflash .title{width:100%;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;word-wrap:break-word;max-height:67px;font-weight:normal}
.user-main .item-box .price{float:right;width:95px;padding:7px;background:#BDBDBD;color:#ffffff;text-align:center;font-size:13px;}
.user-main .item-box .price strong{font-size:22px;font-weight:bold;}
.user-main .item-box .price.price-up{background:#FFAFB5;}
.user-main .item-box .price.price-down{background:#57D09F;}
.user-main .item-box .create-time{position:absolute;bottom:15px;left:20px;font-size:14px;color:#A6A6A6;}
.user-main .news-item .title,.user-main .report-item .title,.user-main .product-item .title{font-size:15px;float:left;width:255px;line-height:23px;height:67px;overflow:hidden;font-weight:normal}
.user-main .news-item .pic,.user-main .report-item .pic,.user-main .product-item .pic{float:right;width:95px;height:66px;}
.user-main .news-item .pic img{width:100%;height:auto}
.user-main .report-item .title,.user-main .product-item .title{height:77px;line-height:20px;}
.user-main .report-item .title strong,.user-main .product-item .title strong{display:block;height:45px;}
.user-main .report-item .pic,.user-main .product-item .pic{background:#ffffff;border:1px #f2f2f2 solid}
.user-main .report-item .pic img,.user-main .product-item .pic img{width:100%;height:auto;padding:13px 0;}
.user-main .item-box .down{display:block;width:80px;line-height:25px;border:1px #57d104 solid;border-radius:4px;color:#57d104;font-size:13px;text-align:center;background:#ffffff;}
.user-main .item-box .down:hover{background:#f2fcec;}
.user-main .product-item .pic{height:95px;}
.user-main .product-item .pic img{padding:0;}
.user-main .product-item .down.nofile{border:1px #d8d9d7 solid;color:#d8d9d7;}
.user-main .product-item .down.nofile:hover{background:#ffffff;}
.user-main .loading p{width:74px;height:45px;margin:0 auto;display:block;text-align:center;margin-top:15px}
.user-main .loading p img{display:block;margin:0 auto;height:24px;width:24px;border-radius:50%}
.user-main .loading p span{display:block;font-size:13px;color:#23B5FD}

.user-main .price-nav,.user-main .price-nav ul{padding:0;background:transparent;height:auto;border:0;}
.user-main .price-nav ul li{width:100px;font-size:16px}
.user-main .price-nav ul li a{display:block;border-bottom:1px #ffffff solid;padding-bottom:10px;}
.user-main .price-nav ul li a b{font-weight:normal}
.user-main .price-nav ul li .active{border-bottom-color:#22b5fd;color:#22b5fd}
.user-main .tab-content h3,.user-main .all-company h3,.user-main .change-box .title{line-height:35px;height:35px;background:#f7f8f9;border-bottom:1px #f5f5f5 solid;font-size:15px;padding:0 15px;margin-bottom:0;}
.user-main .tab-content .price-box li,.user-main .all-company .company-box li{height:45px;border-bottom:1px #f9faf9 solid;}
.user-main .tab-content .price-box li:hover,.user-main .all-company .company-box li:hover{background:#FCFCFC;}
.user-main .tab-content .price-box li h5,.user-main .all-company .company-box li h5{float:left;font-size:15px;font-weight:normal;line-height:45px;padding:0 15px;}
.user-main .tab-content .price-box li .btn,.user-main .all-company .company-box li .btn{float:right;margin:8px 15px;padding:3px 8px;border-width:1px}
.user-main .tab-content .price-box li .follow .cfm-icon,.user-main .all-company .company-box li .follow .cfm-icon{margin-top:2px;}
.user-main .tab-content .price-box li .follow .cfm-icon:before,.user-main .all-company .company-box li .follow .cfm-icon:before{font-size:16px}
.user-main .all-company .company-box li{width:50%;float:left;padding:5px 0;height:57px;}
.user-main .all-company .company-box li .pic{display:block;}
.user-main .all-company .company-box li .pic img{height:45px;width:auto;border:0}
.user-main .all-company,.user-main .all-pricelist{margin-bottom:40px;}
.user-main .change-box,.user-main .all-company{margin-top:-15px}
.user-main .change-box .tips,.user-main .change-box .edit-box{margin:30px 0 60px 0;}
.data-table,.data-table .table{overflow-x:scroll}
.user-main .screen-filter .fade{display:none;}
.user-main .screen-filter .fade.show{display:block;}
.user-main .screen-filter ul label{margin-bottom:5px;font-size:15px;}
.user-main .screen-filter ul label input{margin-top:-5px;}
.user-main .screen-filter hr{margin:15px 0;border-top:1px solid #f5f5f5}
.user-main .screen-filter .time-filter{line-height:32px;font-size:15px}
.user-main .screen-filter .time-filter span i{font-style:normal;line-height:32px;font-size:15px;}
.user-main .screen-filter .time-filter span i,.user-main .screen-filter .time-filter input{float:left;width:auto;}
.user-main .screen-filter .time-filter input{margin:0 15px 0 7px;width:160px;height:32px;font-size:15px;padding:3px 5px;border:1px #e2e2e2 solid;border-radius:3px}
.user-main .screen-filter .time-filter .btn{padding:5px 15px;font-size:15px}
.user-main .screen-filter .time-filter .btn.download{background:#ffffff;border:1px #22b5fd solid;color:#22b5fd;padding:4px 15px;}
.user-main .screen-filter .time-filter .start{height:32px}
.user-main .screen-filter .has-error .form-control{border:1px #ffbea2 solid;}
.user-main .data-table table{background:#ffffff;font-size:15px}
.user-main .data-table table td,.user-main .data-table table th{padding:5px 15px;border-top:0}
.user-main .data-table table thead,.user-main .data-table table .title{color:#b6b7b6;}
.user-main .data-table table tr:nth-of-type(odd){background:#f7f7f7;}
.user-main .data-table table thead th{background:#ffffff;padding:10px 15px;border-bottom-width:1px}
.user-main .data-table table thead .first{font-weight:normal;color:#999999;}
.user-main .data-table table .first{color:#737373;border-right:1px #dee2e6 solid;}
.user-main .data-table table .title tr td{background:#f2f2f2;border-top:1px #ffffff solid;}
.user-main .screen-filter .tips{font-size:14px;padding-top:15px;position:relative;}
.user-main .screen-filter .tips .icon-tips{font-size:20px;position:absolute;top:15px;left:0;}
.user-main .screen-filter .tips p{float:left;padding-left:25px;}

.user-main .form-box .form-control{border:1px #e2e2e2 solid;border-radius:3px}
.user-main .has-error .form-control{border:1px #ffbea2 solid;}
.user-main .login-content .form-box .has-error .cfm-icon:before{color:#F0392F;fill:#F0392F}
.user-main .has-error .help-block{width:100%;clear:both;font-size:13px;margin-top:3px;color:#F0392F}
.form-box{margin:25px 0}
.form-box .group{margin-bottom:15px;}
.user-main .form-box .btn,.user-main .time-filter .btn{border-radius:4px;background:#22b5fd;border:0;padding:8px 50px;font-size:16px;font-weight:bold}
.user-main .form-box .btn:active,.user-main .time-filter .btn:active{background:#009BEE}
.form-box .colde label{line-height:38px;margin-bottom:0;}
.form-box hr{margin:20px 0;}
.form-box .code-box{position:relative;}
.form-box .code-box img{position:absolute;top:50%;right:6px;margin-top:-13px;}
.form-box .actions{padding:10px 0}
.form-box .input-group-prepend .input-group-text{background:#ffffff;color:#336799;font-size:15px;border-top-right-radius:4px;border-bottom-right-radius:4px;}
.user-main .change-box .disabled{background:#e9ecef;color:#737373;color:#24ADFD}
.form-box .input-group-prepend .input-group-text:hover{color:#24ADFD;}
.form-box .form-control::-webkit-input-placeholder{color:#999999}
.form-box .form-control::-moz-placeholder{color:#999999}
.form-box .form-control:-ms-input-placeholder{color:#999999}
.form-box .city-group{margin:0}
.form-box .city-group .input-group-prepend{padding:0;}
.user-main .register .has-error .help-block{display:block}
.datetimepicker{font-size:13px}