@charset "utf-8";
/* 滚动条
::-webkit-scrollbar{width: 8px;height: 8px;background-color: #f5f5f5;}
::-webkit-scrollbar-thumb{width: 8px;height: 8px;border-radius: 8px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1);background-color: #eee;}
 */
a,a:link,a:visited,a:hover,a:focus,a:active,{outline: none;}
/* CSS Document */
body{color:#333;background:#fff; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif;}
ul,li{list-style: none;margin:0;padding: 0;}
.fl{ float:left;}
.fr{ float:right;}
.clear{ line-height:0; font-size:0; clear:both;}
a{color:#333; text-decoration:none;}
a:hover{ color:#333;text-decoration:underline;}
b{font-weight: normal;}
/*去掉ie11的input叉子图标和密码的眼睛图标*/
input::-ms-clear,input::-ms-reveal {display: none;width : 0;height: 0;}
/*header
background-image:-webkit-linear-gradient(to left, #14b5ff, #00c8dc); 
background-image:linear-gradient(to left,#14b5ff,#00c8dc);
background: -webkit-gradient(linear, 0 0, 0 0, from(#14b5ff), to(#00c8dc));     */
#head{height:80px; zoom:1;}
.header{zoom:1; position:relative;}
.footer{text-align: center;height: 58px;line-height: 58px;margin-top: 0px;}
.menu{ height:80px; line-height:78px;color:#5e5e5e;font-size: 16px;color: #ffffff;
    background: -webkit-linear-gradient(left,#920025, #b30027);
    background: -moz-linear-gradient(left,#920025, #b30027);
    background: -o-linear-gradient(left,#920025, #b30027);
    background: -ms-linear-gradient(left,#920025, #b30027);
    background: linear-gradient(left,#920025, #b30027);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #920025, endColorstr = #b30027);
    }
.menu li{display: inline-block;padding: 0 15px;}
.menu li.on{border-bottom: 2px solid #ffffff;}
.menu li a{color:#ffffff;padding:0 15px;height: 40px;line-height: 40px;text-decoration: none;display: inline-block;}
.menu li .dropdown-menu {line-height: 36px;padding: 0;border-color: #eee;margin: 0;}
.menu li .dropdown-menu li {display: block;border-bottom: 1px solid #eee;text-align: center;padding: 0;}
.menu li .dropdown-menu li:last-child{border-bottom:none}
.menu li .dropdown-menu li a{color: #333;padding:0 15px;height: 36px;line-height: 36px;text-align: center;display: block;}
.menu .logo{text-align: center;}
.management{ color:#b30027;color:#000; position:absolute; top:23px; right:20px;line-height: 30px;}
.management a{ color:#fff;}
.management span a{ color:#000;}
button.icon{outline: none;}
.icon{display: inline-block;width: 30px;height: 30px;background: url(../images/icon.png) 0 0 no-repeat;vertical-align: middle;}
.icon-user{background-position:0px 0px;float: left;}
.icon-add{background-position:0px -34px;float: left;margin-right: 8px;}
.icon-unlock{background-position:-30px -30px;}
.icon-lock{background-position:-30px -60px;}
.icon-edit{background-position:0px -60px;}
.icon-view{background-position:0px -90px;}
.icon-publish{background-position:0px -120px;}
.icon-viewsetting{background-position:-120px -120px;}
.icon-more{background-position:0px -150px;}
.icon-result{background-position:0px -180px;}
.icon-copy{background-position:0px -210px;}
.icon-cancel{background-position:0px -240px;}
.icon-browse{background-position:0px -270px;}
.icon-pause{background-position:-30px -90px;}
.icon-delete{background-position:-30px -120px;}
.icon-restore{background-position:-30px -150px;}
.icon-userdone{background-position:-120px -60px;}
.icon-useranalysis{background-position:-120px -90px;}
.icon-arrowdown{background-position:-120px -150px;}
.icon-download{background-position:-90px -210px;}
/*题型图标*/
.icon-radio{background-position:-30px -180px;}
.icon-radio.grey{background-position:-120px -180px;}
.icon-checkbox{background-position:-30px -210px;}
.icon-checkbox.grey{background-position:-120px -210px;}
.icon-input{background-position:-30px -240px;}
.icon-input.grey{background-position:-120px -240px;}
.icon-text{background-position:-30px -270px;}
.icon-text.grey{background-position:-120px -270px;}
.icon-triangle{background-position:-60px -60px;}
.icon-triangle.grey{background-position:-90px -60px;}
.icon-sort{background-position:-60px -90px;}
.icon-sort.grey{background-position:-90px -90px;}
.icon-analysis{background-position:-60px -120px;}
.icon-analysis.grey{background-position:-90px -120px;}
.icon-favor{background-position:-60px -150px;}
.icon-favor.grey{background-position:-90px -150px;}
.icon-milkanalysis{background-position:-60px -120px;}
.icon-milkanalysis.grey{background-position:-90px -120px;}
.icon-napping{background-position:-60px -180px;}
.icon-napping.grey{background-position:-90px -180px;}
/*编辑图标*/
.icon-up{background-position:-60px -210px;}
.icon-down{background-position:-60px -240px;}
.icon-copyitem{background-position:-60px -270px;}
.icon-saved{background-position:-90px -244px;float: left;margin-right: 8px;}
.icon-save{background-position:-90px -274px;float: left;margin-right: 8px;}
/*实验状态图标*/
.icon-formal{background: url(../images/icon-button.png) -5px -5px no-repeat;width: 40px;height: 40px;display: block;margin: 0 0 0 8px;}
.icon-test{background: url(../images/icon-button.png) -55px -5px no-repeat;width: 40px;height: 40px;display: block;margin: 0 0 0 8px;}
.checkmark{border: 1px solid #eee;border-radius: 4px;padding: 10px 15px;margin-right: 10px;color: #666;cursor: pointer;}
.checkmark.selected{color: #e22319;background: url(../images/selected.png) 0 0 no-repeat;border-color: #e22319;}
.checkmark.selected .icon-formal{background-position:-5px -55px;}
.checkmark.selected .icon-test{background-position:-55px -55px;}
/*按钮图标*/
button.ibtn{outline: none;}
.ibtn{display: inline-block;width: 40px;height: 40px;background: url(../images/icon-button.png) 0 0 no-repeat;position: fixed;right: 260px;z-index: 9;}
.icon-back{background-position:-105px -5px;bottom: 170px;}
.icon-preview{background-position:-155px -5px;bottom: 120px;}
.icon-submit{background-position:-205px -5px;bottom: 70px;}

/*main*/
label{font-weight: normal;}
.bd-white{background: #ffffff;}
.w4{width: 8rem;}
.w6{width: 10rem;}
.w7{width: 11rem;}
.w8{width: 11rem;}
.w10{width: 13rem;}
.pd20{padding: 30px 20px 20px 20px;}
.pdx20{padding: 0px 20px 20px 20px;}
.mt20{margin-top: 20px;}
.mt40{margin-top: 40px;}
.select-all{margin: 0px 0 0 8px;line-height: 41px;}
.btn{height: 34px;}
.form-control{height: 34px;padding: 5px 6px 6px 6px;color: #666;border-color: #eee;}
.form-horizontal{line-height: 34px;}
.form-group{line-height: 34px;}
.form-group label em{width: 14px;color: #FF0000;display: inline-block;}
.h2bd{ border-bottom:1px solid #eee;padding-bottom: 17px;}
.h2bd.pd0{padding-bottom: 0;}
h2{ font-size:16px; font-weight:bold; line-height:34px;margin:0;padding: 20px;}
h2.line{border-bottom:1px solid #eee;}
h2 .borderleft{width: 14px;display: block;float: left;height: 34px;border-left: 2px solid #e22319;}
h2 a:hover{text-decoration: none;}
h2 .icon-add{margin-top: 5px;}
/*search*/
.search{margin-left: 20px;}
.search .form-group label{font-weight: normal;}
/*breadcrumb*/
.breadcrumb{background-color: transparent;padding: 8px 0;margin-top: 10px;font-size: 1.4rem;margin-bottom: 0;}
@media (min-width: 768px) {
.search .form-group .form-control{width: 150px;margin-right: 6px;}
}
/*table*/
.table{margin-bottom: 0px;}
.table > tbody > tr > th{border: none;text-align: center;}
.table > tbody > tr > td{vertical-align: middle;padding: 12px 8px;color: #666;border-color:#eee;line-height: 30px;}
.table > tbody > tr > td a{color: #95702e;}
.table > tbody > tr:first-child > td{border: none;}
.table input[type="checkbox"]{margin-top: 2px;}
.table em{color: #ff7a7a;font-style: normal;}
.table-hover > tbody > tr:hover {background-color: #f7f7f7;}
/*button*/
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {outline: none;}
.btn{margin: 0px 10px 0px 0px;}
.btn-default{background: #ffffff;border-color: #95702e;color: #95702e;}
.btn-default:hover,.btn-default:active,.btn-default:focus,.btn-default:active:hover{background: #ffffff;border-color: #95702e;color: #95702e;}
.btn-default.xline{border-style: dashed;}
.btn-info{background:#fff; color:#95702e;border-color: #95702e;}
.btn-info:hover,.btn-info:active,.btn-info:focus,.btn-info:active:hover{background: #fff;color:#95702e;border-color: #95702e;}
.btn-info.fr{margin: 6px 0 0 10px;}
.btn-cancel{background: #ffffff;border-color: #ccc;color: #666;}
.btn-cancel:hover,.btn-cancel:active,.btn-cancel:focus,.btn-cancel:active:hover{background: #ffffff;border-color: #ccc;color: #666;}
.page {overflow: hidden;margin: 28px 0;}
.page span{line-height: 40px;color: #666;margin-left: 10px;}
.page span b{color: #e22319;}
.page .form-control{width: 5rem;padding: 2px 4px;height: 34px;text-align: center;}
.page .btn{height: 34px;padding: 2px 8px;color: #fff;background-color: #95702e;}
.pagination{margin: 4px 10px 0 10px;}
.pagination > li > a,
.pagination > li > span {color: #95702e;background-color: #fff;border: 1px solid #ddd;padding: 6px 10px;}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {color: #95702e;background-color: #eee;border-color: #ddd;}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {color: #fff;background-color: #95702e;border-color: #95702e;}

/*ztree*/
.ztree *{font-family: Verdana, Arial, Helvetica, sans-serif;}
.ztree{border-right:1px dashed #ccc;height: 512px;overflow-y: auto;}
.input-nowrap span{white-space: nowrap;}

/*date-list*/
.date-list{overflow: hidden;margin: 0 15px;width: 1050px;}
.date-list li{width: 140px;float: left;border: 1px solid #ddd;margin:0 10px 10px 0;}
.date-list li p{padding: 10px;overflow: hidden;margin-bottom: 0;}
.date-list li p span{display: inline-block;width: 39%;text-align: center;}
.date-list li p span:first-child{width: 22%;}
.date-list li p b{display: inline-block;width: 11%;text-align: right;}
.date-list li p.am{background: #eee;}
.date-list li p.am.active{background: #e1d6c2;}
.date-list li p.pm{background: #f9f9f9;}
.date-list li p.pm.active{background: #e1d6c2;}
.date-list li input[type=text]{width: 20%;}

.loading{margin: 0 auto;display: block;padding: 50px 0;text-align: center;background: #ffffff;}
.loading img{margin: 20px auto;display: block;}
button{border-width: 0;}
input:-webkit-autofill {transition: background-color 5000s ease-in-out 0s;}
input[type="text"],
input[type="password"]  {padding: 5px 12px 6px 12px;line-height: 1.42857143;color: #666;border: 1px solid #eee;border-radius: 4px;outline:none;}
button[disabled], html input[disabled]{background: #eee;}
.icon-list .dropdown-menu{min-width: 30px;padding: 0;margin: 0;}

/*left-menu*/
h3{height: 20px;color:#aaa;line-height: 20px;font-size:16px;font-weight: bold;text-align: center;position: relative;}
h3 i{position: absolute;top: 0;display: block;width: 20px;height: 10px;border-bottom: 1px solid #920025;}
h3 i.bdl{left: 0;}
h3 i.bdr{right: 0;}
.left-menu{width:200px;background: #ffffff;border-right:1px solid #eee;float: left;padding: 0px 30px 0px 15px;margin:0px 0 0 -15px;}
.left-menu ul li{height: 50px;line-height: 50px;margin: 2px 0;}
.left-menu ul li i{margin: 10px 7px 10px 0;float: left;}
.left-menu ul li a{text-decoration: none;}

/*right-setting*/
.mt6{margin-top: 6px;}
hr.xline{border-style: dashed;border-color: #ddd;}
.col-sm-5.pdl0{padding-left: 0;}
.right-setting{width:240px;background: #ffffff;border-left:1px solid #eee;padding: 0px 18px;float: right;margin-right: -15px;}
.right-setting .form-horizontal{padding: 10px 0;}
.right-setting .form-group{margin-left: 0;position: relative;}
.right-setting .form-group label.w2{width: 17px;float: left;}
.right-setting .form-group label.w3{width: 34px;float: left;}
.right-setting .form-group label.w3a{width: 40px;float: left;}
.right-setting .form-group label.w4{width: 70px;float: left;}
.right-setting .form-control.w1{width: 30px;float: left;padding: 0;text-align: center;height: 24px;}
.right-setting .form-control.w1[disabled], 
.right-setting .form-control.w1[readonly]{background: #fff;}
.right-setting .input-hover{position: relative;}
.right-setting .form-group .icon-cancel,
.right-setting .input-hover .icon-cancel{position: absolute;right: 0px;top: 2px;z-index: 9;}
.right-setting .form-group .col-sm-11,
.right-setting .form-group .col-sm-8,
.right-setting .form-group .col-sm-6,
.right-setting .form-group .col-sm-5{padding-left: 5px;}
.right-setting .form-group .icon-cancel,
.right-setting .input-hover .icon-cancel{display: none;}
.right-setting .form-group:hover .icon-cancel,
.right-setting .input-hover:hover .icon-cancel{display: block;}
.right-setting .text-center .mlw2{margin-left: 30px;}
.right-setting .text-center button{height: 36px;line-height: 23px;}

/*编辑问卷*/
.box-default{background: #ffffff;border: 1px dashed #e22319;text-align: center;padding: 50px 0;color: #e22319;font-size: 18px;margin-bottom: 30px;}
h4{margin: 0 0 20px 0;font-size: 16px;color: #aaa;}
.center-content {position:absolute;left:20%;right:20%;top:80px;bottom:0px;margin-right: 40px;padding: 0px 15px;}
.center-content h2{font-size: 18px;}
.center-content .form-horizontal{margin-top: 10px;}
.center-content .form-group{margin: 0 0 0 10px;}
.center-content .form-group label.w2{width: 17px;float: left;padding: 0 15px;}
.center-content .form-group div label,
.center-content .form-group div span{color: #666;}
.center-content textarea.form-control{font-size: 16px;color: #000000;}
.center-content .text-center button{height: 36px;line-height: 23px;}
.center-main{background: #fff;box-shadow:0px 0px 24px #edeff5;margin-bottom: 20px;}
.center-main.hover{position: relative;margin-bottom: 30px;}
.center-main.hover button.icon{display: none;}
.center-main.hover.active,
.center-main.hover:hover {background: #f7f7f7;box-shadow:0px 0px 24px #e3e3e3;}
.center-main.hover.active button.icon{display: block;}
.center-main.hover button.icon{position: absolute;}
.center-main.hover .icon-cancel{top: -15px;right: -15px;}
.center-main.hover .icon-up{bottom: 70px;left: -15px;}
.center-main.hover .icon-down{bottom: 40px;left: -15px;}
.center-main.hover .icon-copyitem{bottom: 10px;left: -15px;}
.sortlist{border: 1px solid #eee;border-radius: 4px;margin-top: 20px;background: #ffffff;padding: 7px 0;}
.sortlist li{padding: 7px;}
.sortlist li:active,
.sortlist li.sortable-ghost{background: #effaff;}
.sortlist li span{float: right;color: #666;}
.sortlist .ui-state-default{background: none;border: none;font-weight: normal;}
.box-item{border: 1px dashed #ddd;padding: 0px 0;margin: 20px 0 0 0;position: relative;}
.box-item.active,
.box-item:hover{background: #efe6d8;border: 1px dashed #d5c5aa;}
.box-item .item-tit{padding-left: 6px;font-size: 16px;}
.box-item .item-des{padding-left: 26px;}
.box-item .item-tit span{color: #aaa;display: block;margin: 0 4px 0 0;float: left;}
.center-main.hover .box-item button.icon{display: none;}
.center-main.hover .box-item.active button.icon{display: block;}
.center-main.hover .box-item .icon-cancel{top: -15px;right: -15px;}
.center-main.hover .box-item .icon-up{bottom: 40px;right: -15px;left: auto;}
.center-main.hover .box-item .icon-down{bottom: 10px;right: -15px;left: auto;}
.line-item{background: url(../images/line-item.png) center 0 no-repeat;height: 8px;border: none;display: block;margin: 20px 0;}
/*结果*/
.container-result{width: 90%;margin: 0 auto;}
.left-number{width:200px;background: #ffffff;border-right:1px solid #eee;padding: 23px 10px 0px 10px;float: left;text-align: right;zoom: 1;}
.right-main{float: left;padding: 30px 0 30px 50px;width:78%;}
.table-div{overflow: auto;width: 100%;max-height:760px;}
.table-div .table{width: auto;max-width: none;}
.table-div .table th,.table-div .table td{min-width:200px}
.number-list li{padding: 13px 0;}
.number-list li a{padding: 7px 12px;background: #eee;text-decoration: none;border-radius: 3px;}
.number-list li.on a,
.number-list li:hover a{background: #95702e;color: #ffffff;}
.number-list li .dropdown-menu{position: relative;margin: 10px 0 10px 0;left: auto;right: 0;border: none;box-shadow: none;text-align: right;float: right;}
.number-list li .dropdown-menu li{padding: 0;}
.number-list li .dropdown-menu li a{padding: 7px 12px;background: #ffffff;text-decoration: none;color:#333;}
.number-list li .dropdown-menu li.on a{color: #95702e;}
.table-bordered > tbody > tr > th{border: 1px solid #eee;padding: 7px 10px;background: #f8f8f8;}
.table-bordered > tbody > tr > td{padding: 2px 10px;}
.nav-tabs{border-bottom: none;}
.nav-tabs > li > a{border-bottom: none;border-radius: 3px;background-color: #eee;margin-right: 10px;}
.nav-tabs > li > a:hover{background-color: #eee;}
.nav-tabs > li{margin-bottom: 20px;}
.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:hover, 
.nav-tabs > li.active > a:focus{background-color: #e22319;border: none;color: #ffffff;border-radius: 3px;}
.result-t{font-size: 18px;color: #e22319;}
.center-main .table-bordered > tbody > tr > td{text-align: center;}
.center-main h4{color: #333;}
.container-preview .center-content .result p.info{font-size: 14px;}

/*提交问卷*/
.qrcode{width: 155px;height: 240px;background: #eee;position: absolute;right: 13px;top: 55px;padding: 17px 0 0 0;text-align: center;line-height: 1.4;}
.qrcode a{display: block;color: #e22319;margin: 5px 0 10px 0;}
/*关于我们*/
.article{font-size: 16px;line-height: 1.8;max-width: 1170px;color: #333;margin: 0 auto;padding: 90px 0;}
.article p{margin-bottom: 20px;}
.article h1{font-size: 2.2rem;margin:40px 0 20px 0;border-bottom:1px solid #eee;padding-bottom:20px}
.article .f12{font-size: 1rem;}
.article .f18{font-size: 2rem;}
.article .grey,.article .grey a{color:#666}
.article-list{margin:80px 0 0px 0;overflow: hidden;text-align: left;background: #f9f7f4;}
.article-list li{line-height: 80px;font-size: 18px;border-bottom: 1px dotted #848d56;padding: 0 40px;}
.article-list li b{color: #abb18c;margin-right: 10px;}
.carousel .iphone{position: absolute;left:50%;transform:translate(130px,0%);bottom: -71px;z-index: 999;}
.carousel-inner .item{height: 440px;}
.banner-show{margin-bottom: 60px;height: 470px;background-position: center center;}
.six-app{overflow: hidden;margin: 80px 0 0px 0;padding: 6px;}
.six-app li{width: 25%;float: left;height: 177px;cursor: pointer;}
.six-app li img{-webkit-transition: width,height,transform 1s;
    transition: width,height,transform 1s;}
.six-app li .intro-all{display: none;font-size: 13px;padding: 0 20px;line-height: 18px;}=
.six-app li h3{color: #666;font-size: 30px;margin: 30px 0 10px 0;font-weight: normal;}
/*login*/
#login{margin:0 auto; width:1100px;overflow: hidden;padding: 0;}
#login .left{margin-top: 110px;width: 400px;float: left;}
#login .right{width: 700px;float: right;background: url(../images/login-bg.jpg) 0 0 no-repeat;height: 672px;overflow: hidden;}
#login .tit{font-size: 20px;color:#aaa;text-align: center;margin: 100px auto 60px auto;}
#login .form{ color:#000; font-size:14px;width: 230px;margin: 0 auto;}
#login .form .form-group {position: relative;margin-bottom: 0;border-bottom:1px solid #eee;}
#login .form .form-group .input-group-addon{border: none;background: #fff;right: -5px;position: absolute;top: 18px;}
#login .form .form-group .yzm-img{position: absolute;right: 0px;top: 10px;}
#login .form .form-group input{border:none;padding-left: 40px;height: 60px;color: #333;line-height: 60px;border-radius: 0;}
#login .form .form-group label{position: absolute;left: 0;top:13px;width: 30px;height: 30px;background: url(../images/icon.png) no-repeat;z-index: 9;}
#login .form .form-group label.icon-name{background-position: -30px 0px;}
#login .form .form-group label.icon-pw{background-position: -90px 0px;}
#login .form .form-group label.icon-code{background-position:-120px 0px;}
#login .form input[type=submit]{color: #ffffff;font-size: 18px;margin-top: 40px;height: 48px;
    border-color:rgba(255,255,255,.3);
    background: -webkit-linear-gradient(left,#e22319, #c94a35);
    background: -moz-linear-gradient(left,#e22319, #c94a35);
    background: -o-linear-gradient(left,#e22319, #c94a35);
    background: -ms-linear-gradient(left,#e22319, #c94a35);
    background: linear-gradient(left,#e22319, #c94a35);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #e22319, endColorstr = #c94a35s);
}
#login .form input[type=submit]:active,
#login .form input[type=submit]:focus,
#login .form input[type=submit]:active:hover{background: #e22319;}
/* napping ----------------------------------*/	
/* Component containers ----------------------------------*/
.napping {position: relative;}
.napping .ui-widget-header p{padding: 10px;}
.napping .ui-widget-header {background: #eee;color: #555;font-weight: bold;border: none;}
.napping .ui-widget-content{border:none;padding: 4px;text-align: center;width: 32px;color: #ffffff;font-size: 1rem;display: inline-block;}
/* Interaction states ----------------------------------*/
.napping .ui-state-hover,
.napping .ui-widget-content .ui-state-hover,
.napping .ui-widget-header .ui-state-hover,
.napping .ui-state-focus,
.napping .ui-widget-content .ui-state-focus,
.napping .ui-widget-header .ui-state-focus,
.napping .ui-state-active,
.napping .ui-widget-content .ui-state-active,
.napping .ui-widget-header .ui-state-active {background: #f6f6f6;font-weight: bold;color: #95702e;border: none;}
/* Interaction Cues ----------------------------------*/
.napping .ui-state-highlight,
.napping .ui-widget-content .ui-state-highlight,
.napping .ui-widget-header .ui-state-highlight {background: #eee;color: #ffffff;border: none;}
/*napping 拖动的方块颜色*/
#draggable0 {background: #f16d9a;}
#draggable1 {background: #00c8dc;}
#draggable2 {background: #996eef;}
#draggable3 {background: #f1009a;}
#draggable4 {background: #00c800;}
#draggable5 {background: #006eef;}

#draggable6 {background: #FF6699;}
#draggable7 {background: #3399FF;}
#draggable8 {background: #6666FF;}
#draggable9 {background: #FF0099;}
#draggable10 {background: #339900;}
#draggable11 {background: #00CCFF;}

#draggable12 {background: #FF9999;}
#draggable13 {background: #0099FF;}
#draggable14 {background: #CC66FF;}
#draggable15 {background: #FF00CC;}
#draggable16 {background: #33FF00;}
#draggable17 {background: #0066CC;}

#draggable18 {background: #FF6666;}
#draggable19 {background: #3399CC;}
#draggable20 {background: #9999FF;}

.form-horizontal .draggable{line-height: 20px;margin: 5px;}

.form-group.item-des{position: relative;text-align: center;margin-left: 60px;line-height: 20px;padding-bottom: 18px;padding-left: 0;}/*2019 delete overflow: hidden; for rotating*/
.item-des-left{position: absolute;left: 0px;width: 50%;text-align: left;}
.item-des-right{position: absolute;right: 0px;width: 50%;text-align: right;}

.navbar-bottom{width: 100%;}

/*404页面*/
.no-result-bg{background: url(../images/404-bg.png) 100% 0 no-repeat;margin: 70px auto;width: 850px;height: 350px;}
.no-result-bg h2{font-size: 24px;color: #95702e;padding: 70px 0 20px 0;font-weight: normal;}
.no-result-bg p{line-height: 30px;}
.no-result-bg p a{color: #95702e;}
.book-carousel .carousel-inner > .item > img{max-width: 100%;max-height: 100%;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;min-width:auto;height: auto;}

/*仅适配大屏终端*/
@media only screen and (min-width: 768px) {
.container-fluid .center-content,
.left-menu,
.right-setting{overflow-y: auto;}
/*预览*/
.container-preview .center-content{position: relative;margin: 0 auto;left: auto;right: auto;top: 0;width: 560px;padding: 0;}
.container-preview .center-content h4{color: #95702e;}
.container-preview .center-content p.info{font-size: 16px;line-height: 1.8;padding: 0 10px;}
.container-preview .center-content .center-main{padding: 30px 20px 20px 20px;}
.container-preview .box-item{border: 1px dashed #95702e;}
.container-preview .box-item.active,
.container-preview .box-item:hover{border: 1px dashed #95702e;background: #ffffff;}
.container-preview .box-item .item-tit span{color: #95702e;}
.container-preview .form-group label{margin-right: 15px;}
.container-preview .form-group.item-des{margin-left: 71px;}
.container-preview .form-group .ui-slider{margin-left: 0;}
.tit-info span{font-weight: normal;margin-right: 50px;color: #333;}
.tit-info.borderleft{border-left: 2px solid #95702e;margin:20px;padding: 0px 14px;}
/*napping*/
.napping {background: #ffffff;padding: 20px 0;margin: 20px 0;text-align: center;}
.napping .ui-widget-header{width: 400px;height: 283px;margin: 0px auto 10px auto;}
}
/*答题登录*/
#login.m-login {width: 100%;padding-top: 20%;}
#login.m-login .tit{font-size: 18px;margin: 30% auto 10% auto;}
#login.m-login .form{width: 80%;margin: 0 auto;padding: 10% 0;}

/**/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default{color: #e22319;}
/*仅适配小屏终端*/
@media only screen and (max-width: 767px) {
	body{background: #ffffff;}
	.article{color: #555;}
	.article img{width: 100%;}
	.btn{height: 44px;border-radius: 0;font-size: 16px;}
	.btn-block,
	.btn:active, .btn.active{color: #ffffff;font-size: 2.2rem;
		background-image:-webkit-linear-gradient(to left, #e22319, #c94a35);
		background-image:linear-gradient(to left,#e22319,#c94a35);}
	.navbar-default{border-bottom: 1px solid #d8d8d8;
	    background-image:-webkit-linear-gradient(to left, #f9f9f9, #f9f9f9);
		background-image:linear-gradient(to left,#f9f9f9,#f9f9f9);}
	.navbar-header{font-size: 1.8rem;color: #000;line-height: 2rem;padding: 1.5rem;}
	.btn:hover, .btn:focus, .btn.focus{color: #ffffff;}
	/*预览*/
	.center-main{background: #fff;box-shadow:none;}
	.container-preview{padding: 20px 10%;margin-bottom: 20px;}
	.container-preview .center-content{position: relative;margin: 0 auto;left: auto;right: auto;top: 0;padding: 0;}
	.container-preview .form-group{margin: 0 -20px 20px 0;}
	.container-preview .form-group.item-des{margin-left: 40px;}
	.container-preview p.info{color: #555;font-size: 1.6rem;line-height: 1.8;padding-bottom: 10px;}
	.container-preview .form-group label{display: block;font-size: 1.8rem;}
	.container-preview .form-group .form-control{margin: 20px 0;height: 50px;line-height: 50px;font-size: 1.8rem;}
	.container-preview .form-group span{font-size: 1.6rem;display: block;margin-top: 10px;color: #555;}
	.container-preview .form-group .br-wrapper-digital span{margin-top: 1px;}
	.container-preview .form-group label span{display: inline-block;}
	.sortlist li{font-size: 1.6rem;line-height: 1.8;}
	.container-preview .form-group label.w2{display: inline-block;width: 3rem;float: left;}
	/*napping*/
	.napping .ui-widget-header {width: 400px; height: 283px;margin-bottom: 10px;}	
	/*404*/
	.no-result-bg{background: url(../images/404-bg.png) center 100% no-repeat;background-size: 90%;margin: 0 auto;width: 100%;height: 420px;text-align: center;}
	.no-result-bg h2{font-size: 20px;line-height: 30px;}
	.no-result-bg h2 span{display: block;}
	}
	
@media only screen and (max-width: 640px) {
	/*单选多选题*/
	.container-preview .form-group span.float-span{margin-top: 2px;}
	.float-span{float: right;width: 92%;margin-top: 0;display: block;}
}
@media only screen and (max-width: 414px) {
	/*napping*/
	.napping .ui-widget-header {width: 340px;height: 240px;}
}
@media only screen and (max-width: 375px) {
	/*napping*/
	.napping .ui-widget-header {width: 300px;height: 212px;}
}
@media only screen and (max-width: 320px) {
	/*napping*/
	.napping .ui-widget-header {width: 280px;height: 198px;}
	.container-preview{padding: 10px 6%;}
}
@media only screen and (min-width: 1200px){
	.w6{width: 14rem;}
	.w7{width: 15rem;}
}

input[type="text"].inputError,
input[type="radio"].inputError,
input[type="checkbox"].inputError,
input[type="password"].inputError,
textarea.inputError,
select.inputError{border-color: #ddd;}

/*20180418改版*/
.container-preview .center-content .center-main{position: relative;}
.priview-ma{width: 34px;padding: 3px;background: #d2dade;position: absolute;top: 0;right: -40px;border-radius: 6px;}
.priview-ma img{width: 28px;height: 28px;}
.tips-done{width: 50%;text-align: center;margin: 30px auto;font-size: 18px;}
.tips-done img{width: 50%;display: block;margin: 10px auto 20px auto;}
@media only screen and (max-width: 640px) {
	.tips-done{margin: 20% auto 0 auto;width: 70%;}
	.tips-done img{width: 60%;margin: 20px auto 30px auto;}
}
.copy-num{vertical-align: middle;}

/*201903改版*/
.table > tbody > tr > td.text-left{padding-left: 20px;}
.relative{position: relative;}
.btn.view-parse{position: absolute;top: 0px;right: -60px;padding: 10px 8px;height: auto;width: 40px;white-space: pre-wrap;background: #fff;}
#other_instances{padding: 0 20px 20px 20px;line-height: 24px;}
#other_instances a{color: #e22319}
#item_list .col-sm-5{padding-right: 4px;}
/*属性名称倾斜*/
.rotating{float: left;width: 33px;white-space: nowrap;padding: 0  0 15px 0;
    transform:rotate(30deg);
    -ms-transform:rotate(30deg); 	/* IE 9 */
    -moz-transform:rotate(30deg); 	/* Firefox */
    -webkit-transform:rotate(30deg); /* Safari 和 Chrome */
    -o-transform:rotate(30deg); 	/* Opera */}
.normal{width: 33px;display: inline-block;white-space: nowrap;}
/*w文字标度题*/
.rating-list .form-group label.text_scale{overflow: hidden;}
/*增加打印机图标 查看问卷图标*/
.icon-print{background-position:-91px -34px;}
.icon-browse-q{background-position:-121px -28px;}
/*登录*/
#login .left{float: none;margin: 40px auto 20px auto;background: #fff;padding: 40px 0 30px 0;
    box-shadow: 0 0 6px #ddd;
    -o-box-shadow: 0 0 6px #ddd;
    -moz-box-shadow: 0 0 6px #ddd;
    -ms-box-shadow: 0 0 6px #ddd;
    -webkit-box-shadow: 0 0 6px #ddd;}
#login .tit{margin: 60px auto 40px auto;}
.header.grey{background: #f9f9f9;}
.header.grey .menu{background: #f9f9f9;color: #000;font-size: 18px;line-height: 38px;position: relative;width: 1170px;margin: 0 auto;}
.header.grey .menu li{padding: 0;margin: 19px 40px;}
.header.grey .menu li a{color:#1f1f1f;padding: 0 10px;}
.header.grey .menu li:hover,
.header.grey .menu li.on{border-bottom:2px solid #848d56;}
.header.grey .menu li:hover a,
.header.grey .menu li.on a{color: #848d56;}
.header.grey .menu .logo{position: relative;}
.header.grey .menu .logo .logo-bg{position: absolute;top: 0;left: -40px;z-index: 9999;}
.header.grey .menu .logo .logoimg{margin-top: 10px;}
/*index*/
.bg-brown{background: #f9f7f4;}
.bg-brown-dark{background: #95702e;}
.bg-grey{background: #d8d8d8;}
.bg-orange{background: #d74d28;}
.tit2-con{padding-top: 90px;overflow: hidden}
.tit2-text{width: 470px;padding-top: 220px;text-align: left;}
.tit2-text.right,.tit2-con img.right{float: right}
.tit2-text.left,.tit2-con img.left{float: left}
.tit2-text h3{font-size: 26px;margin-bottom: 30px;text-align: left;color: #333;}
.tit2-text p{font-size: 16px;line-height: 28px;color: #555;}
.logolist{margin-top: 70px;}
.aboutus{margin-top: 60px;overflow: hidden;}
.aboutus img{float: left;margin-left: 80px;}
.aboutus-text{float: right;width: 580px;padding-right: 80px;text-align: left;font-size: 18px;line-height: 36px;color: #555;margin-top: 60px;}
.contactus{overflow: hidden;margin-top: 60px;}
.contactus img{float: left;margin-left: 80px;border:1px solid #c9c9c9;}
.contactus-text{float: right;width: 660px;text-align: left;font-size: 18px;line-height: 36px;color: #555;margin-top: 20px;}
.footer{font-size: 14px;color: #555;line-height: 30px;}
.footer a{text-decoration: none;}
.footer-link{background: #c9c9c9 url(../images/footer-bg1.gif) center center no-repeat;height: 90px;padding-top: 30px;}
.footer-link > a + a:before {color: #555;content: "/ ";padding: 0 70px;}
.footer-copy{background: #1f1f1f url(../images/footer-bg2.gif) center center no-repeat;height: 150px;padding-top: 40px;}
.menu-login{margin-top: 30px;line-height: 20px;}
.menu-login i{display: block;float: left;width: 20px;height: 20px;background: url("../images/icon.png") -35px -4px no-repeat;margin-right: 10px;}
.menu-login a{color: #95702e;}
.suport-m{font-size: 20px;line-height: 36px;}
.suport-m li a{color:#666;text-decoration: none;}
.suport-m li.active a{color:#1f1f1f;}
.suport-text h4{font-size: 30px;color: #95702e;}
.suport-text p{color: #555;line-height: 36px;font-size: 20px;}
.product-text{padding-top: 40px;width: 900px;margin:0 auto;}
.article h4{font-size: 30px;line-height: 48px;color: #333;}
.bg-brown-dark h4,.bg-brown-dark p,.bg-orange h4,.bg-orange p{color: #fff;}
.status-color{
    display: inline-block;
    float: left;
    margin-top: 12px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-right: 7px;}
.status-color.red{background-color: #ff0000;box-shadow: 0 0 4px 0 #ff0000;}
.status-color.yellow{background-color: #fbcb09;box-shadow: 0 0 4px 0 #fbcb09;}
.status-color.green{background-color: #33be40;box-shadow: 0 0 4px 0 #33be40;}
.status-color.black{background-color: #333;box-shadow: 0 0 4px 0 #333;}
.sec-con{width: 80%;margin: 0 auto;}
.sec-con h5{font-size: 24px;margin-top: 60px;text-align: center;}
.sec-con p{font-size: 16px;line-height: 24px;}