@import "//at.alicdn.com/t/font_333218_uqvx22g3tl545cdi.css";
.iconfont{font-size:inherit}
body{background:#fafafa;font-family:'Microsoft Yahei';position:relative;font-size:12px;}
h3{font-size:18px;}
h4{font-size:14px;}
a{color:#599cf2}
.btn,.btn:active,.btn:hover,.btn:focus{outline:none;}
.btn-primary,.btn-primary:hover,.btn-primary:active,.btn-primary:focus{
    background:#005ce7;border-color: #005ce7}
.btn-warning,.btn-warning:hover,.btn-warning:active,.btn-warning:focus{
    background:#ff5519;border-color: #ff5519}
.btn-danger,.btn-danger:hover,.btn-danger:active,.btn-danger:focus{
    background:#ff5028;border-color: #ff5028}
.btn-cart,.btn-cart:hover,.btn-cart:active,.btn-cart:focus{
    background:#ffe326;border-color: #ffe326}
.btn-default,.btn-default:hover,.btn-default:active,.btn-default:focus{
    background-color: #f6f6f6;
    border-color: #dddddd;
    color:#333;
}

.img-item .btn-default.disabled,
.img-item .btn-default[disabled],
.img-item .btn-default.disabled:hover,
.img-item .btn-default[disabled]:hover,
.img-item .btn-default.disabled:focus,
.img-item .btn-default[disabled]:focus,
.img-item .btn-default.disabled:active,
.img-item .btn-default[disabled]:active,
.img-item .btn-default.disabled.active,
.img-item .btn-default[disabled].active{
    background-color: #888;
    border-color: #888;
    color:#fff;
}
.btn{padding:8px 20px; line-height:21px;font-size:12px; }
.btn.btn-circle{border-radius: 20px; }
.btn-media{min-width:120px}
.btn-sm, .btn-group-sm>.btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.input-group-btn .btn{padding:8px 15px 9px;}
.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
    margin-left: 0px;
}
.container{position:relative;}
.home{
 text-align: center;

}
.home img{display:block;margin:0 auto; margin-bottom:40px;max-width:100% !important;}
.home .btn{margin-bottom:15px;}
.header{background:#fff;width:100%;top:0;left:0;
    position:fixed;z-index:99;box-shadow:0 3px 3px rgba(0,0,0,.05);}

.navbar{border-radius: 0;}
.navbar-default{background:#fff;padding-top:10px;border-color:transparent;margin-bottom:2px;}
.navbar-header{margin-bottom:15px;}
.navbar-brand{width:220px;height:50px;text-decoration:none;background:url(../images/logo.png) no-repeat 20px 50%;}
.navbar-default .navbar-nav>li>a{font-size:14px; text-align: center;
    color:#000;
    background:none;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    color:#005ce7;
    background:none;
}
.navbar-collapse{padding-left:0;padding-right:0;}
.navbar-default .navbar-nav>.active a:after{/*content:"";display:block;width:6px;height:6px;
border-radius: 50%;position:absolute;bottom:0;left:50%;margin-left:-3px;background:#005ce7;*/}
.navbar-form{margin:0;margin-top:10px;border-bottom:none;}
.navbar-form .form-group{margin-left:3px;margin-right:3px;}
.navbar-form .btn-primary{box-shadow:none; border-radius: 18px;padding:6px 15px;}
.navbar-collapse.in {
    overflow-y:visible;
}
.navbar-form .dropdown-menu{padding:0 25px;border-color:#fefefe;top:58px;right:-2px;}
.navbar-form .dropdown-toggle{position:relative;z-index:2;cursor:pointer;display:block; text-align: center;}
.navbar-form .dropdown-toggle .img-circle{width:36px;height:36px;}
.navbar-form .dropdown-menu>li>a {
    padding: 15px 20px;
    font-size:14px;
    border-bottom:1px solid #eee;
    color: #333;
}
.dropdown-space{z-index:1;position:absolute;height:60px;width:100%;top:0;left:0;}
.navbar-form .dropdown-menu>li>a:hover{background:none;color:#005ce7;}
.navbar-form .dropdown-menu>li:last-child>a{border-bottom:none;}

.input-search{background:none; border-radius:0px; border-bottom:1px solid #ddd;}
::-webkit-input-placeholder{
    color: #d7d7d7;opacity:.5;
}
.input-search .form-control{border:none;background:none;color:#94979d;font-size:14px;
 box-shadow: none; line-height:24px;height:36px;}


.input-search .input-group-btn button{border:none;width:36px;height:36px;
    background-image:url('../images/icon_search.png?1');
    background-repeat: no-repeat;
    background-position: center center;
    background-color:transparent;
   }

.footer{    padding: 40px 0 0;
    width: 100%;
    background: #363636;
    color: #b9b9b9;
    font-size: 12px;}
.footer-nav h4{font-size:14px;margin-bottom:20px;color:#f8f8f8;}
.footer-nav ul{padding:0;margin:0;list-style: none}
.footer-nav ul li{margin-bottom:5px;}
.footer-nav ul li a{color:#b9b9b9; font-size:12px;}
.footer-nav .mobi{font-size:20px;color:#fff; background:#005ce7;display:inline-block;padding:5px 10px;
 border-radius: 3px;}
.footer-nav .tip{color:#929292;margin-top:10px}
.footer-nav .addr{margin-top:30px;
    line-height:2;}
.footer-qr{ margin:0 auto;width:116px;padding:10px;background:#fff; border-radius: 5px;margin-bottom:5px;}
.footer-qr img{display:block;width:100%;}
.copy{margin-top:30px;border-top:1px solid #484949;color:#868686;padding:20px 0;}
.copy .icp{float: right;}


.breadcrumb{background:none;margin:15px 0;}
.cata-box{background:#fff;padding:20px 20px;  box-shadow: 0 1px 2px rgba(0,0,0,.05);}
.cata-list a{text-decoration:none;
    font-weight:normal;font-size:14px;padding:5px 5px;color:#464d59;display:inline-block;cursor: pointer;}
.cata-list a:hover,.cata-list a.active{color:#005ce7}
.nav-bar{line-height: 48px;border-bottom:1px solid #efefef;color:#b4b6b9;
    box-shadow: 0 3px 3px rgba(0,0,0,.1);}
.nav-bar a{display:inline-block; text-decoration:none;padding:0 20px;color:#464d59}
.nav-bar a:hover,.nav-bar a.active{color:#005ce7}

.item-list{margin-top:20px;}
.item-li{background:#fff; margin-bottom:30px;
    box-shadow:0 3px 3px rgba(0,0,0,.1);padding:12px 12px 40px 12px;position:relative;}
.item-li .con{height:130px;overflow:hidden;position:relative;padding-left:90px;}
.item-li .cover{width:64px;height:64px; border-radius:10px; overflow:hidden;
    box-shadow:0 1px 5px rgba(0,0,0,.16);position:absolute;left:5px;top:10px;}
.item-li .cover img{display:block;width:100%;}
.item-li h4{font-size:14px;color:#000;}
.item-li p{color:#999ca3;font-size:12px;height:50px;overflow:hidden; text-overflow: ellipsis;}
.item-li .op{position:absolute;bottom:0;left:0;z-index:2;width:100%;padding:13px 15px;}
.item-li .op a.btn-default{background:#f3f3f3;border:none;padding:3px 12px;color:#2a2c36}
.item-li .op a.btn-default:hover{opacity:.75;}
.item-li .qr{ text-decoration:none;width:24px;height:24px;position:absolute;bottom:10px;right:15px;
margin-top:-15px;background:url(../images/icon_qrcode.png) no-repeat center center;z-index:10;
opacity:.7;background-size:contain;}
.item-li .qr:hover{opacity:.5;}
.item-li .qr-box{position:absolute;display:none;top:0;left:0;height:100%;width:100%;z-index:9;background:rgba(0,0,0,.7);}
.item-li .qr-box img{width:140px;height:140px;position:absolute;top:50%;left:50%;
    padding:5px; border-radius: 5px;background:#fff;
    margin-left:-70px;margin-top:-70px;}
.pageset{ text-align: center;padding-top:30px;}
.pagination>li>a, .pagination>li>span{
    margin-left:10px;border:none;color:#333;
    padding: 10px 15px;
     box-shadow: 0 1px 3px rgba(0,0,0,.1);
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    background-color: #005ce7;
}
.main{border:1px solid #fefefe;background:#fff;
    padding:40px 50px;box-shadow: 0 3px 3px rgba(0,0,0,.05);
    min-height:500px;
    margin-bottom:40px;
}
.main .main-title{margin-top:0;margin-bottom:15px;}
.thumb-list{position:relative;}
.thumb{position:relative;width:100px;height:100px;background:#fafafa;
    border:2px dashed #c1c9d0;margin-right:10px;margin-bottom:10px;
    overflow:hidden;}

.thumb .option{position:absolute;top:0;z-index:9;left:0;width:100%; text-align: center;font-size:30px;
    color:#c1c9d0; line-height:90px;background:rgba(255,255,255,.8);height:100%;
    cursor: pointer;}

.thumb .loading{display:none;position:absolute;top:0;left:0;height:100%;width:100%;z-index:99;
    background:#fff url(../images/loading.gif) no-repeat center center;
    background-color:rgba(255,255,255,.95);}
.thumb .img{}
.thumb .img img{display:block;width:100%;}
.thumb2{width:100px;height:177px;float:left;}
.thumb2 .option{line-height:170px;}
.tag-list label{font-weight:normal;background:#fafafa; border:1px dashed #c1c9d0;padding:5px 10px;
    display:inline-block;margin-right:10px;margin-bottom:5px;
    cursor: pointer;}
.tag-list label.active{background:#005ce7;color:#fff;}
/*form*/
.msgbox{position:fixed;z-index:9999;display:none;
    font-size:14px; text-align:center;padding:15px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    min-width:200px;
    -webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.1);
}
.msgbox.bg-success{
    background: #4dbd74;
    color: white;
    border: 1px solid #4dbd74;
}
.msgbox.bg-danger{
    background: #f86c6b;
    color: white;
    border: 1px solid #f86c6b;
}
.form-control{
    vertical-align: middle;
    height: 40px;
    padding: 4px 10px;
    border: 1px solid #e1e8ed;
    border-radius: 3px;
    font-size: 14px;
    color: #666;
    -webkit-transition: border-color 0.2s;
    -moz-transition: border-color 0.2s;
    transition: border-color 0.2s;
    box-shadow: inset 0px 0px 5px rgba(0,0,0,.1);
}
.form-group {
    margin-bottom: 25px;position: relative;
}
.input-group {
    position:static;
}
.control-label{font-weight:normal;}
.control-label span{font-size:12px;display:inline-block;color:#7d8994;margin-left:10px;}
.form-group .help-block {
    z-index:9999;
    border-radius: 0;
    position: absolute;
    background: #ff867f;
    color: #fff!important;
    padding: 5px;
    font-size: 12px;
    width: auto;
    white-space: nowrap;
    -webkit-transform:translateX(0%);
    transform:translateX(0%);
    bottom:35px;right:0px;
}
.form-group .help-block:before {
    position: absolute;
    content: '';
    border-right: 8px solid transparent;
    border-top: 8px solid #ff867f;
    border-left: 8px solid transparent;
    left:auto;
    top: 25px;
    right: 5px;
}

.snav{position:fixed;z-index:100;top:0;right:0px;width:36px;height:100%;background:#000;}
.snav-wrap{position:absolute;top:50%;margin-top:-120px;left:0;width:100%;height:220px;}
.sitem{height:36px;position:relative;margin-top:15px;}
.sitem:hover{background:#005ce7;}
.sitem .ico{cursor: pointer;
    background-position: center center;background-repeat:no-repeat;
height:100%;width:100%;position:relative;}
.sitem:hover .ico{opacity:1;}
.sitem-tel .ico{background-image:url(../images/snav_lt_1.png);}
.sitem-qq .ico{background-image:url(../images/snav_lt_3.png);}
.sitem-qr .ico{background-image:url(../images/snav_lt_2.png);}
.sitem-msg .ico{background-image:url(../images/snav_lt_4.png);}
.sitem-up .ico{background-image:url(../images/snav_lt_5.png);}
.sitem-more{position:absolute;right:36px;top:0;width:180px;background:#fff;display:none;
    box-shadow: 0 2px 3px rgba(0,0,0,.1);padding:15px 15px;color:#999ca3;font-size:12px;
    z-index:9;

}
.sitem-up{position:absolute;bottom:0;left:0;width:100%;height:42px;}
/*.sitem-more:after{position:absolute;content:'';display:block;right:-8px;top:20px;
    border-top: 8px solid transparent;
    border-left: 8px solid #fff;
    border-bottom: 8px solid transparent;
}*/
.sitem-more b{font-size:24px;color:#005ce7;
font-family: fantasy}
.sitem-more p{padding-left:5px;margin-bottom:0}
.sitem-qr .sitem-more{height:179px;}

.breadcrumb>li+li:before {
    content: ">";
}

.sidebar{padding:60px 30px;background:#fff; box-shadow: 0 1px 5px rgba(0,0,0,.05); text-align: center}
.sidebar .avatar{width:50%;max-width:130px !important;display:block;margin:0 auto;}
.sidebar-nav{margin-top:30px;}
.sidebar-nav a{ display:block; text-align:left;color:#333;text-decoration: none;
    padding:15px;border-bottom:1px solid #eee; line-height: 25px;}
.sidebar-nav a .iconfont{margin-right:15px;font-size:18px;}
.sidebar-nav a:hover,.sidebar-nav a.active{color:#005ce7}
.sidebar .nick{padding:10px;font-size:14px;}

.load-more{background:#fff; box-shadow: 0 1px 5px rgba(0,0,0,.1); cursor: pointer; text-align: center;
font-size:16px;color:#888;padding:15px;margin-bottom:40px;
}
.load-more:hover{color:#333;}
.load-more.disabled,.load-more.disabled:hover{color:#888;opacity:.5; cursor: default}

.line{border-bottom:1px solid #ddd;height:1px; clear: both;margin:30px auto;}
.dash-line{border-bottom:1px dashed #ddd;height:1px; clear: both;margin:30px auto;}
.btn-success{background:#40d911; border:none; box-shadow: none; }
.modal-header{border:none;padding:30px 30px 10px 30px;}
.modal-header .close{font-size:30px;}
.modal-body{padding:10px 30px;}
.modal-footer{border:none;padding:10px 30px 30px 30px;}
.modal-wrap{padding:15px 0;border-top:1px solid #eee;}
.modal-tip{font-size:14px;padding:0 0 20px 0;margin-bottom:20px;border-bottom:1px solid #eee;color:#4e586c;}
.modal-body .control-label { text-align: left}
.modal-body .control-label b{color:#d43f3a;display:inline-block;margin-left:3px;}
.modal-body .radio-inline{width:30%;margin-left:0;}

.des{color:#8a94a5;margin-bottom:20px;}

.price{color:#ff5519;font-size:26px;}
.btn-radio a{display:inline-block; text-decoration: none;color:#333;padding:3px 30px;
    border:2px solid #777;margin-right:5px;}
.btn-radio a:hover,.btn-radio a.active{border-color:#005ce7;color:#005ce7;}

.order-info{padding:20px 0;margin-bottom:10px;border-top:1px solid #eee; border-bottom:1px dashed #eee;}
.order-no{margin-bottom:20px;}
.order-no b{font-size:18px;font-weight:normal;color:#444;}
.modal-body .table{margin-bottom:5px;}
.modal-body .table th{text-align: center}
.modal-body .table td{text-align: center}
.order-user{border-top:1px dashed #eee;margin-top:20px;
    border-bottom:1px solid #eee;padding-bottom:30px;}
.order-user .avatar{width:48px;height:48px;float:left;margin-right:10px;}

.icon-cart{display:inline-block;margin:0;padding:0;
    line-height:21px;float: left;height:21px;width:26px;background:url(../images/icon_cart.png) no-repeat}
.icon-ok{
    display:inline-block;margin:0;padding:0;
    height:91px;width:91px;background:url(../images/icon_ok.png) no-repeat
}
.result-body{ text-align: center}
.result-body h3{font-size: 18px}

.step-bar{margin:20px auto;width:90%;padding-bottom:80px;}
.step-bar ul{
    list-style:none;padding:0;margin:0;margin-left:10%;height:25px;border-bottom:1px dashed #ddd}
.step-bar ul li{position:relative;width:25%;float:left; text-align: center;}
.step-bar ul li .num{padding:0 20px;background:#fff;width:90px;}
.step-bar ul li .num i{display:block;margin:0 auto;
    font-style: normal;height:50px;width:50px; border-radius: 50%;
    line-height:50px;background:#e0e0e0;color:#464d59;font-size:20px;}
.step-bar ul li .ti{font-size:14px;color:#000000;margin-top:10px;width:90px;}
.step-bar ul li.cur .num i{background:#005ce7;color:#fff;}
.step-body{border-top:1px solid #ddd;padding:30px 0;
position:relative;overflow:hidden;min-height:600px;
}
.step-btn{margin-top:30px;padding-top:30px; border-top:1px solid #ddd;
    text-align: center;}
.app-preview{margin:0 auto;position:relative;width:296px;height:473px;background:url(../images/mobile_mask.png) no-repeat;}
.app-preview img{width:208px;position:absolute;top:50px;right:19px;}
.app-option{}
.app-navs{margin-top:15px;}
.app-navs a{ text-decoration: none;width:54px;height:28px;padding:3px;
     border-radius: 2px;
    border:1px solid #eee;display:block;margin-bottom:15px;}
.app-navs a i{display:block;height:100%;width:50%;}
.app-navs a.black i{background:#000;}
.app-navs a.black.cur{border-color:#000;}
.step-main{min-height:480px;}
.step-wrap{position:absolute;width:100%;top:30px;left:0;
    -webkit-transform:translateX(-150%);
    -moz-transform:translateX(-150%);
    -ms-transform:translateX(-150%);
    transform:translateX(-150%);
    -webkit-transition:.8s;
    -moz-transition:.8s;
    transition:.8s;
}

.step-wrap.js-show{
    -webkit-transform:translateX(0%);
    -moz-transform:translateX(0%);
    -ms-transform:translateX(0%);
    transform:translateX(0%);

}
.step-wrap.js-hide{
    -webkit-transform:translateX(150%);
    -moz-transform:translateX(150%);
    -ms-transform:translateX(150%);
    transform:translateX(150%);
}
.app-user-list .user-item{border:1px solid #eee;padding:10px;margin-bottom:15px; border-radius: 5px;}
.app-user-list .user-item:hover{border-color:#ddd;}
.app-user-list .user-item .avatar{width:24px;height:24px;border-radius: 50%;display:inline-block;margin-right:10px;}
.app-qrcode{padding-top:30px; text-align: center;}
.qrcode-img{width:220px;margin:20px auto;}
.qrcode-img img{display:block;width:100%;}

.form-group .help-tip { line-height: 1.5;font-size:14px;color:#aaa;margin-top:5px;}
.app-page-list{padding-top:20px;}
.app-render-item{padding:15px;border-bottom:1px dashed #ccc;margin-bottom:30px;position:relative}
.app-render-item .a-remove{position:absolute;top:15px;right:15px;z-index:2;}

.img-item{ -webkit-transition:.3s;transition:.3s;margin-bottom:30px;
    border:1px dashed #ddd;padding:0px 0 30px 0; text-align: center}
.img-head{margin-bottom:15px;padding-top:10px;padding-bottom:10px;background-size:cover;background-repeat:no-repeat}

.img-item:hover{box-shadow:1px 1px 10px #ddd; border-color:transparent}
.img-item p{color:#626a79;margin-bottom:20px;}
.img-item h3{font-size:14px;margin-bottom:10px;margin-top:10px;}
.img-item:hover .img-head h3{color:#fff;}
.img-item:hover .img-head-bg1{background-image:url(../images/yl_bg_1.png);}
.img-item:hover .img-head-bg2{background-image:url(../images/zx_bg_1.png);}

.dropdown-menu{border-radius: 0;}
.modal-content{box-shadow: none;border:none;}

.foot-kv{background:#005ce7;padding:40px 0 80px 0;
    overflow:hidden;position:relative; text-align: center;color:#fff;}
.foot-kv h3{font-size:30px;}
.foot-kv p{font-size:14px;}
.foot-kv h4{font-size:18px;}
.foot-kv .btn-default{margin:50px auto;display:block;width:180px;
    position:relative;z-index:2;
background:#f7f7f7;color:#005ce7;}
#animdot{z-index:1}