@charset "utf-8";
/* CSS Document */
html{ font-size:125% }
body{font-size:.8rem;/*0.8 × 20px = 16px*/color:#2f2f2f; font-family:'Microsoft YaHei',Simsun,Arial,Verdana,Sans-serif; }
html,body{margin:0px;padding:0px;width:100%;height:100%;}
html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;margin:0;padding:0; }
img{border:none;max-width:100%;}
div,ul,li,dl,dt,dd,p,form{margin:0;padding:0;}
ul,li,dl,dt,dd{list-style:none;}
a{font-size:inherit;/*color:inherit;*/text-decoration:none;color:#333;}
a:hover,
a:focus{text-decoration:none; color:#207cf2; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
a:active{color:inherit; text-decoration:none;}
i,em{font-style:normal;}
/*textarea,input{-webkit-appearance:none;}*/
select,input,textarea,button{font-family:inherit; font-size:inherit;}
table { border-spacing: 0; border-collapse: collapse; background-color: transparent; }
td, th { padding: 0; }
th { text-align: left; }
tr { vertical-align: middle; }
th.center,
td.center { text-align: center; }

.table { width: 100%; max-width: 100%; }
.table > thead:first-child > tr:first-child > th,
.table > thead:first-child > tr:first-child > td { border-top: 0; }
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td { padding: 5px; line-height: 2; word-break:break-all; }

.table-ls1 > thead > tr > th,
.table-ls1 > tbody > tr > th,
.table-ls1 > tfoot > tr > th,
.table-ls1 > thead > tr > td,
.table-ls1 > tbody > tr > td,
.table-ls1 > tfoot > tr > td { border-bottom: 1px solid #eaecf1; vertical-align: top; }
.table-ls1 > thead > tr > th{ padding: 0 20px; vertical-align: middle; border-bottom: none; background-color: #f7f8fa;  }
.table-ls1 > thead > tr > td,
.table-ls1 > tbody > tr > td,
.table-ls1 > tfoot > tr > td { padding: 20px 20px; color:#838383; }
.table-ls1 > thead > tr > th:first-child{ height: 50px; line-height: 50px; border-radius: 50px 0 0 50px; padding-left: 50px; }
.table-ls1 > thead > tr > th:last-child{ height: 50px; line-height: 50px; border-radius: 0 50px 50px 0; }
.table-ls1 > thead > tr > td:first-child,
.table-ls1 > tbody > tr > td:first-child,
.table-ls1 > tfoot > tr > td:first-child { padding-left: 50px; }
.table-ls1 > tbody > tr:hover td{ background-color:#f4fbfe; }

.table-ls2 > thead > tr > th,
.table-ls2 > tbody > tr > th,
.table-ls2 > tfoot > tr > th,
.table-ls2 > thead > tr > td,
.table-ls2 > tbody > tr > td,
.table-ls2 > tfoot > tr > td { border: 1px solid #edeef2; text-align: center; }
.table-ls2 > thead > tr > th{ padding: 0 20px; vertical-align: middle; border: none; background-color: #f7f8fa; }
.table-ls2 > thead > tr > td,
.table-ls2 > tbody > tr > td,
.table-ls2 > tfoot > tr > td { padding: 10px 20px; color:#838383; line-height: 1.75; }
.table-ls2 > thead > tr > th:first-child{ height: 50px; line-height: 50px; border-radius: 10px 0 0 0; }
.table-ls2 > thead > tr > th:last-child{ height: 50px; line-height: 50px; border-radius: 0 10px 0 0; }
.table-ls2 > tbody > tr:nth-child(even){ background-color: #f7f8fa; }

.table-ls3 > thead > tr > th,
.table-ls3 > tbody > tr > th,
.table-ls3 > tfoot > tr > th,
.table-ls3 > thead > tr > td,
.table-ls3 > tbody > tr > td,
.table-ls3 > tfoot > tr > td { border: 1px solid #edeef2; text-align: center; }
.table-ls3 > thead > tr > td,
/* .table-ls3 > tbody > tr > td, */
.table-ls3 > tfoot > tr > td { padding: 10px 20px; color:#838383; line-height: 1.75; }


.clearfix:before,
.clearfix:after{display:table;content:" ";clear:both;}
.tbl-type{display:table;width:100%;table-layout:fixed}
.tbl-cell{display:table-cell;}
.fl{float:left;}
.fr{float:right;}
.fn{float:none;}
.center{ text-align:center; }
.valign *{ display:inline-block;vertical-align:middle; }
.ellipsis{ display: block; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; white-space: nowrap; word-wrap: break-word; }

.btn { display: inline-block; padding: 0 30px; border: 1px solid transparent; text-align: center; white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
}
.btn-primary{ background-color:#1e87f0; color: #ffffff; height: 40px; line-height: 40px; border-radius: 40px; box-shadow:0 0 15px rgba(30, 135, 240, .5); }
.btn-warning{ background-color:#ff8b31; color: #ffffff; height: 40px; line-height: 40px; border-radius: 40px; box-shadow:0 0 15px rgba(255, 139, 49, .5); }
.btn-success{ background-color:#32d296; color: #ffffff; height: 40px; line-height: 40px; border-radius: 40px; box-shadow:0 0 15px rgba(50, 210, 150, .5); }
.btn-danger{ background-color:#f0506e; color: #ffffff; height: 40px; line-height: 40px; border-radius: 40px; box-shadow:0 0 15px rgba(240, 80, 110, .5); }
.btn-upload:hover,
.btn-submit:hover,
.btn-warning:hover,
.btn-success:hover,
.btn-primary:hover,
.btn-danger:hover{ color: #ffffff; }
.btn-submit{ background-color:#fd8857; color: #ffffff; height: 40px; line-height: 40px; border-radius: 4px; box-shadow:0 0 15px rgba(253, 136, 87, .5); padding: 0 100px; }
.btn-submit.s1{ background-color:#faa05a; height: 46px; line-height: 42px; font-size:1.1rem; }
.btn-upload{ background-color:#1e87f0; color: #ffffff; height: 40px; line-height: 40px; border-radius: 4px; padding: 0 40px; }
.btn-upload.s1{ background-color:#5acfe8; width: 120px; padding: 0; text-align: center; }
.btn-primary.s1{ padding: 0 20px; height: 32px; line-height: 30px; border-radius: 0; }
.btn-primary.s2{ padding: 0 20px; }

.btn-save,
.btn-cancel{ padding: 0 40px; height: 32px; line-height: 30px; border-radius: 4px; color: #ffffff; }
.btn-save{ background-color: #faa05a; }
.btn-cancel{ background-color: #8d8d8d; }

.bg-gray{ display: block; background-color: #f8f9fd; }

.form-control{ display: inline-block; width: 100%; padding: 8px 10px; background-color: #fff; background-image: none; border: 1px solid #dddddd; border-radius:0; }
.form-control-s1{ border: none; background-color: #f3f4f7; border-radius: 40px; }
.form-control-s2{ border: none; background-color: #f3f4f7; border-radius: 4px; padding: 4px 10px; }
.form-control-s3{ padding: 4px 10px; }
.form-control.auto{ width:auto;/* -webkit-appearance: none;*/ }
.form-control.date{ background-image:url(../images/date-input-icon.png); background-position: 10px center; background-repeat: no-repeat; padding-left: 32px; }
.form-control.date-s1{ background-image:url(../images/date-input-icon-s2.png); background-position: 12px center; padding-left: 38px; }

.form-control[type="radio"] + label::before { content: "\a0"; /*不换行空格*/ display: inline-block; vertical-align: middle; font-size: .9rem; width: 7px; height: 7px; margin-right: .4em; border-radius: 50%; border: 7px solid #8b929e; text-indent: .15em; line-height: 1; background-color: #ffffff; }
.form-control[type="radio"]:checked + label::before { border: 7px solid #faa05b; }
.form-control[type="radio"] { position: absolute; clip: rect(0, 0, 0, 0); }

.fileupload { position: absolute; display: block; width: 100%; height: 40px; opacity: 0; top: 0; left: 0; }
.select-show{ margin-left: 20px; }


.limitsize .max-xl-w{ max-width:768px; }
.limitsize .max-l-w{ max-width:480px; }
.limitsize .max-m-w{ max-width:320px; }
.limitsize .max-s-w{ max-width:240px; }
.limitsize .max-xs-w{ max-width:180px; }
.limitsize .max-xxs-w{ max-width:100px; }
.limitsize .max-xxxs-w{ max-width:60px; }
.limitsize .auto-w{ width:auto; }
.limitsize .inline-block{ display:inline-block; vertical-align: middle; }
.limitsize .input-addon{ display:inline-block; margin-left:5px; }

.wrapper{ position: relative; background-color: #F6F7FB; min-height: 100%; /*padding-left: 344px;*/ padding-bottom: 30px; }

.shadow{ box-shadow:0 0 20px rgba(103, 103, 103, .2); }

.sidebar{ width:344px; background-color: #ffffff; padding-bottom: 80px; /*position:absolute; top: 0; left: 0; bottom: 30px;*/ position: relative; vertical-align: top; }
.sidebar .logo-box{ background-color: #1e87f0; padding: 19px; }
.sidebar .logo{ float: left; font-size: 0; }

.menu-button{ float:right; }
.menu-button button{ display:block; background:none; overflow:hidden; cursor:pointer; z-index:1000; border:0; width:40px; height:33px; padding:0; outline:0; position:relative; -webkit-appearance: none; margin-top: 10px; position:relative; }
.menu-button button::before,
.menu-button button::after,
.menu-button button span{ background:#ffffff; border-radius:4px; }

.menu-button button::before,
.menu-button button::after{ content:''; position:absolute; height:4px; width:100%; left:0; top:50%; }
.menu-button button span{ display:block; position:absolute; height:4px; width:100%; left:0; top:50%; margin-top:0; overflow:hidden; text-indent:200%; }
.menu-button button::before{ transform:translate3d(0,-12px,0);
-ms-transform:translate3d(0,-12px,0); 	/* IE 9 */
-moz-transform:translate3d(0,-12px,0); 	/* Firefox */
-webkit-transform:translate3d(0,-12px,0); /* Safari 和 Chrome */
-o-transform:translate3d(0,-12px,0); 	/* Opera */
}
.menu-button button::after{ transform:translate3d(0,12px,0); width:60%; left:auto; right:0;
-ms-transform:translate3d(0,12px,0); 	/* IE 9 */
-moz-transform:translate3d(0,12px,0); 	/* Firefox */
-webkit-transform:translate3d(0,12px,0); /* Safari 和 Chrome */
-o-transform:translate3d(0,12px,0); 	/* Opera */
}

.nav{ background:#ffffff url(../images/nav-top-bg.jpg) top center repeat-x; padding:50px 0; }
.nav ul li .tit{ display:block; padding:26px 30px; font-size:.9rem; position: relative; }
.nav ul li.on .tit{ background:#f4fbfe url(../images/nav-li-selected-line.jpg) left no-repeat; }
.nav ul li .tit::after{ content: ' '; display: block; position: absolute; bottom: -1px; border-bottom:#eaeaea 1px solid; left:18px; right:18px; }
.nav ul li.on .tit::after{ border-bottom: none; }
.nav ul li .icon{ font-size: 1.1rem; color:#1e89ff; margin-right: 15px; width: 25px; display: inline-block; text-align: center; }

.nav ul li .tit::before{ content:' '; display: inline-block; position: absolute; top:50%; right: 30px; width: 7px; height: 7px; border: solid #888; border-width: 1px 1px 0 0; transform: translate(0,-50%) rotate(45deg);
-ms-transform:translate(0,-50%) rotate(45deg); 	/* IE 9 */
-moz-transform:translate(0,-50%) rotate(45deg); 	/* Firefox */
-webkit-transform:translate(0,-50%) rotate(45deg); /* Safari 和 Chrome */
-o-transform:translate(0,-50%) rotate(45deg); 	/* Opera */
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.nav ul li.on .tit::before{ transform: translate(0,-50%) rotate(135deg);
-ms-transform:translate(0,-50%) rotate(135deg); 	/* IE 9 */
-moz-transform:translate(0,-50%) rotate(135deg); 	/* Firefox */
-webkit-transform:translate(0,-50%) rotate(135deg); /* Safari 和 Chrome */
-o-transform:translate(0,-50%) rotate(135deg); 	/* Opera */
}

.nav ul li .child{ padding: 10px 30px; display: none; }
.nav ul li.on .child{ display: block; }
.nav ul li .child a{ display: block; position: relative; padding: 8px 30px; padding-left: 40px; line-height: 2; font-size: .9rem; color:#838383; }
.nav ul li .child a::after{ content: ' '; display: block; width: 15px; height: 15px; border-radius: 50%; background-color: #838383; position: absolute; left: 5px; top:50%; margin-top: -7.5px; }

.nav ul li .child a.primary::after{ background-color: #337AB7; box-shadow:0 0 15px rgba(51, 122, 183, .5); }
.nav ul li .child a.success::after{ background-color: #5CB85C; box-shadow:0 0 15px rgba(92, 184, 92, .5); }
.nav ul li .child a.info::after{ background-color: #5BC0DE; box-shadow:0 0 15px rgba(91, 192, 222, .5); }
.nav ul li .child a.warning::after{ background-color: #ffb83b; box-shadow:0 0 15px rgba(255, 184, 99, .5); }
.nav ul li .child a.danger::after{ background-color: #ff5e5e; box-shadow:0 0 15px rgba(255, 94, 94, .5); }
.nav ul li .child a.four::after{ background-color: #7299ff; box-shadow:0 0 15px rgba(114, 153, 255, .5); }
.nav ul li .child a.five::after{ background-color: #c076ff; box-shadow:0 0 15px rgba(192, 118, 255, .5); }
.nav ul li .child a.six::after{ background-color: #71d775; box-shadow:0 0 15px rgba(113, 215, 117, .5); }

.copyright{ position: absolute; bottom: 30px; width: 100%; text-align: center; line-height: 2; color: #999; }

.header{ height: 101px; line-height: 101px; background-color: #ffffff; padding: 0 80px 0 30px; }

.userinfo .item{ display:inline-block; margin-left: 30px; font-size: .9rem; color:#838383; }
.userinfo .item:first-child{ margin-left: 0; }
.assmenu a .icon,
.container .top h3 .icon,
.userinfo .item .icon{ font-size: 1rem; color: #CED5E0; margin-right: 10px; width: 25px; display: inline-block; text-align: center; }

.assmenu a{ display:inline-block; margin-left: 20px; font-size: .9rem; }
.assmenu a:first-child{ margin-left: 0; }

.assmenu a .icon.primary{ color: #1e87f0; }
.assmenu a .icon.success{ color: #5CB85C; }
.assmenu a .icon.info{ color: #5BC0DE; }
.assmenu a .icon.warning{ color: #faa05a; }
.assmenu a .icon.danger{ color: #D9534F; }

.btn-quit{ background-color:#32D296; line-height: normal; color: #ffffff; height: 45px; line-height: 45px; border-radius: 45px; box-shadow:0 0 15px rgba(50, 210, 150, .5); }
.btn-quit:hover{ color: #ffffff; }

.container{ padding:50px 80px 0 30px; }
.container .top h3{ font-size: 1rem; height: 40px; line-height: 40px; }
.container .top h3 .icon{ color:#1e89ff; }
.search{ position:relative; }
.search .form-control{ background-color: #e8eaf2; border-radius:38px; border:none; width:250px; padding:8px 20px; padding-right: 45px;  }
.search .icon{ position: absolute; right:15px; color:#999999; font-size: .9rem; top:50%; margin-top: -10px; }
.search-s2 .form-control{ width: 250px; vertical-align: middle; }
.search-s2 .btn{ background-color: #f5f6fa; padding: 8px 30px; margin-left: 15px; vertical-align: middle; }

.main .tbl-cell { vertical-align: top; }

.section{ background-color: #ffffff; margin-top: 30px; border-radius:4px; padding: 30px; }
.right{ width: 330px; padding-left: 30px; }
.right-s1{ width: 400px; padding-left: 30px; }
.right .section{ padding: 20px; }


.title-s1{ border-bottom:#eaecf1 1px solid; padding-bottom: 10px; font-size: .9rem; }
.title-s1 .icon{ font-size: 1.2rem; margin-right: 10px; width: 25px; display: inline-block; text-align: center; }
.notice .icon{ color:#FAA05A; }
.reserved .icon{ color:#32D296; }
.title-s2{ font-size: 1rem; }

.list-s1{ padding: 10px 0; }
.list-s1 li{ padding: 10px 0; }
.list-s1 li a{ color: #838383; }
.list-s1 li a:hover{ color: #1e87f0; }
.subject a:hover{ color: #1e87f0; }

.more{ color:#999999; font-size:.7rem; }
.tag-s1{ display: inline-block; background-color: #1e87f0; height: 22px; line-height: 20px; border-radius: 20px; color:#ffffff; font-size:.7rem; padding: 0 10px; }
.tag-s2{ display: inline-block; background-color: #f5f6f9; height: 22px; line-height: 20px; color:#7e7f80; font-size:.7rem; padding: 0 10px; margin-right: 8px; }

.tabs a{ display: inline-block; padding: 0 25px; height: 35px; line-height: 35px; border-radius: 38px; cursor: pointer; }
.tabs a.on{
	background:#ffab64;
		background:-webkit-linear-gradient(right,#ff9164,#ffab64);
		background:-o-linear-gradient(right,#ff9164,#ffab64);
		background:-moz-linear-gradient(right,#ff9164,#ffab64);
		background:-ms-linear-gradient(right,#ff9164,#ffab64);
		background:linear-gradient(right,#ff9164,#ffab64);
		/*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#ff9164, endColorstr=#ffab64);*/
		color:#ffffff;box-shadow:0 5px 15px rgba(255, 148, 100,.5);}
.push-box .tabs a.on{
	background:#7f81fd;
		background:-webkit-linear-gradient(right,#70a2fe,#7f81fd);
		background:-o-linear-gradient(right,#70a2fe,#7f81fd);
		background:-moz-linear-gradient(right,#70a2fe,#7f81fd);
		background:-ms-linear-gradient(right,#70a2fe,#7f81fd);
		background:linear-gradient(right,#70a2fe,#7f81fd);
		/*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#70a2fe, endColorstr=#7f81fd);*/
		box-shadow: 0 5px 15px rgba(126, 131, 253,.5);}

.tabs-s3 ul{ margin-left: -50px; }
.tabs-s3 ul li{ display: block; height: 200px; width: 25%; float: left; padding-left: 50px; }
.tabs-s3 ul li a{ display: block; width: 100% ;height: 100%; text-align: center; border-radius: 10px; padding: 50px 0; position: relative; }
.tabs-s3 ul li a .icon{ position: absolute; font-size: 7rem; left: 50%; top:50%; transform: translate(-50%, -50%); z-index: 2; color:rgba(255,255,255,.15);
-ms-transform:translate(-50%, -50%); 	/* IE 9 */
-moz-transform:translate(-50%, -50%); 	/* Firefox */
-webkit-transform:translate(-50%, -50%); /* Safari 和 Chrome */
-o-transform:translate(-50%, -50%); 	/* Opera */
}
.tabs-s3 ul li a p,
.tabs-s3 ul li a .num{ color: #ffffff; font-size: 1.3rem; display: block; height: 50px; line-height: 50px; position: relative; z-index: 3; }
.tabs-s3 ul li a.s1{
	background:#6c81fe;
	background: -webkit-linear-gradient(left top, #2fc5fd , #6c81fe); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(left top, #2fc5fd , #6c81fe); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(left top, #2fc5fd , #6c81fe); /* Firefox 3.6 - 15 */
	background: -ms-linear-gradient(left top, #2fc5fd , #6c81fe); /* IE9+ */
	background: linear-gradient(to bottom right, #2fc5fd , #6c81fe); /* 标准的语法（必须放在最后） */
	/*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#2fc5fd, endColorstr=#6c81fe);*/
}
.tabs-s3 ul li a.s2{
	background:#ff7389;
	background: -webkit-linear-gradient(left top, #ff908a , #ff7389); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(left top, #ff908a , #ff7389); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(left top, #ff908a , #ff7389); /* Firefox 3.6 - 15 */
	background: -ms-linear-gradient(left top, #ff908a , #ff7389); /* IE9+ */
	background: linear-gradient(to bottom right, #ff908a , #ff7389); /* 标准的语法（必须放在最后） */
	/*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#ff908a, endColorstr=#ff7389);*/
}
.tabs-s3 ul li a.s3{
	background:#11c2d3;
	background: -webkit-linear-gradient(left top, #28f09e , #11c2d3); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(left top, #28f09e , #11c2d3); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(left top, #28f09e , #11c2d3); /* Firefox 3.6 - 15 */
	background: -ms-linear-gradient(left top, #28f09e , #11c2d3); /* IE9+ */
	background: linear-gradient(to bottom right, #28f09e , #11c2d3); /* 标准的语法（必须放在最后） */
	/*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#28f09e, endColorstr=#11c2d3);*/
}
.tabs-s3 ul li a.s4{
	background:#8c7dfb;
	background: -webkit-linear-gradient(left top, #ee82ee , #8c7dfb); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(left top, #ee82ee , #8c7dfb); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(left top, #ee82ee , #8c7dfb); /* Firefox 3.6 - 15 */
	background: -ms-linear-gradient(left top, #ee82ee , #8c7dfb); /* IE9+ */
	background: linear-gradient(to bottom right, #ee82ee , #8c7dfb); /* 标准的语法（必须放在最后） */
	/*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#ee82ee, endColorstr=#8c7dfb);*/
}

.tabs-s4 ul{ margin-left: -20px; }
.tabs-s4 ul li{ display: block; width: 25%; float: left; padding-left: 20px; }
.tabs-s4 ul li a{ display: block; width: 100%; height: 100%; text-align: center; position: relative; }
.tabs-s4 ul li a span{ display:block; background-color: #f6f7fb; border-radius: 50%; width: 120px; height: 120px; margin: auto; position: relative; }
.tabs-s4 ul li a .icon{ position: absolute; font-size: 3rem; left: 50%; top:50%; transform: translate(-50%, -50%); z-index: 2;
-ms-transform:translate(-50%, -50%); 	/* IE 9 */
-moz-transform:translate(-50%, -50%); 	/* Firefox */
-webkit-transform:translate(-50%, -50%); /* Safari 和 Chrome */
-o-transform:translate(-50%, -50%); 	/* Opera */
}
.tabs-s4 ul li a p{ font-size: 1rem; display: block; height: 40px; line-height: 40px; color: #505050; margin-top: 10px; }
.tabs-s4 ul li a.s1{ color:#19caad; }
.tabs-s4 ul li a.s2{ color:#f9a543; }
.tabs-s4 ul li a.s3{ color:#3690f1; }
.tabs-s4 ul li a.s4{ color:#f5778d;}

.list-s2{ overflow: hidden; padding-top: 40px; }
.list-s2 ul{ margin-left: -20px; }
.list-s2 ul li{ float:left; width:25%; padding-left: 20px; margin-bottom: 20px; }
.list-s2 ul li img{ border-radius: 4px 4px 0 0; font-size: 0; width:100%; height:120px; }
.list-s2 ul li a{ display: block; background-color: #f6f7fb; }
.list-s2 ul li .txt{ padding: 10px; line-height: 2; }
.list-s2 ul li .txt em{ display: block; }
.price{ color:#ff9364; display:inline-block; }
.price i{ color: #999999; float: right; font-size: .7rem; }
.list-s2 ul li .txt .price{ display: block; }

.list-s3{ overflow: hidden; padding: 30px 0; }
.list-s3 li{ border-bottom:#eaecf1 1px solid; height: 70px; line-height: 70px; position: relative; padding-left: 80px;  display: block; overflow: hidden; }
.list-s3 li .city{ position: absolute; padding: 0 10px; color:#3290f3; left: 0; font-size: .9rem; }
.list-s3 li .subject a{ display: inline-block; margin-left: 20px; color: #838383; font-size: .9rem; }

.list-s4{ overflow: hidden; padding-top: 40px; }
.list-s4 ul{ margin-left: -20px; }
.list-s4 ul li{ float:left; width:20%; padding-left: 20px; margin-bottom: 20px; }
.list-s4 ul li img{ font-size: 0; width:100%; height:140px; }
.list-s4 ul li a{ display: block; background-color: #f6f7fb; }
.list-s4 ul li .txt{ padding: 10px; line-height: 2; }
.list-s4 ul li .txt em{ display: block; }

.list-s5{ padding-top: 40px; }
.list-s5 ul li{ padding: 30px 0; margin: 0 -30px; }
.list-s5 ul li .img{ float: left; width:20%; padding-left: 30px; }
.list-s5 ul li .txt{ float: left; width: 80%; padding-left: 20px; line-height: 2; position: relative; padding-right: 160px; }
.list-s5 ul li .txt em{ font-size: .9rem; padding-bottom: 10px; line-height: 2; display: block;font-weight:bold; }
.list-s5 ul li .txt p{ color: #838383; line-height: 2; }
.list-s5 ul li img{ font-size: 0; width:100%; border-radius:10px; }
.list-s5 ul li .viewbox{ position: absolute; right: 60px; top: 50%; transform: translateY(-50px);
-ms-transform:translateY(-50px); 	/* IE 9 */
-moz-transform:translateY(-50px); 	/* Firefox */
-webkit-transform:translateY(-50px); /* Safari 和 Chrome */
-o-transform:translateY(-50px); 	/* Opera */
}
.list-s5 ul li .viewbox a{ display: block; background-color: #0783db; border-radius: 4px; padding: 0 15px; height: 30px; line-height: 30px; color: #ffffff; }
.list-s5 ul li .viewbox .price{ font-size: 1.1rem; margin-bottom: 5px; }
.list-s5 ul li:nth-child(even){ background-color: #f9f9fa; }

.list-s6{ overflow: hidden; padding-top: 40px; }
.list-s6 ul{ margin-left: -20px; }
.list-s6 ul li{ float:left; width:25%; padding-left: 20px; margin-bottom: 20px; }
.list-s6 ul li img{ font-size: 0; width:100%; height:140px; }
.list-s6 ul li a{ display: block; background-color: #f6f7fb; }
.list-s6 ul li .txt{ padding: 10px; line-height: 2; }
.list-s6 ul li .txt em{ display: block; }
.list-s6 ul li .txt .price{ display: block; }
.list-s6 ul li .txt .price i{ font-size: .8rem; }


.push-box .list-s2 ul li{ width: 16.66%; }

.ywdays{ overflow: hidden; padding-top: 40px; }
.ywdays ul{ margin-left: -20px; }
.ywdays ul li{ float:left; width:13.6%; padding-left: 20px; margin-bottom: 20px; }
.ywdays ul li a{ display:block; width: 116px; height:110px; background-color: #f4f5f9; border-radius: 10px; float: left; text-align: center; line-height: 110px; }
.ywdays ul li a em{ font-size: 3rem; }
.ywdays ul li a:hover,
.ywdays ul li a.on{ background-color: #2a95ff; color: #ffffff; box-shadow:0 0 15px rgba(30, 135, 240, .5); }
.calendar .title{ font-size: .9rem; }
.calendar .title .icon{ background-color: #65a9ff; padding: 10px; color:#ffffff; font-size: 1.2rem; border-radius:4px; margin-right: 10px; }
.calendar .title .more{ position: relative; display: block; }
.calendar .title .more span,
.calendar .title .more::before,
.calendar .title .more::after{ content: ' '; display: block; position: absolute; width: 4px; height: 4px; border-radius: 50%; background-color: #999999; left: 0; top: 3px; }
.calendar .title .more span{ top:11px; }
.calendar .title .more::before{ top: 19px; }
.calendar .list{ padding-top: 20px; }
.calendar table{ width: 100%; }
.calendar table td,
.calendar table th{ font-size: .625rem; text-align: center; color:#838383; height: 2.1em; }
.calendar .currdate{ display: block; position: relative; text-align: center; padding:0 50px; height: 45px; line-height: 45px; font-size: .8rem; color: #838383; }
.calendar .currdate button{ display: block; border:none; background: none; position: absolute; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.currdate button::after{ content:' '; display: inline-block; position: absolute; top:50%; width: 9px; height: 9px; border: solid #888; border-width: 2px 2px 0 0; 
transform: translate(0,-50%) rotate(45deg);
-ms-transform:translate(0, -50%) rotate(45deg); 	/* IE 9 */
-moz-transform:translate(0, -50%) rotate(45deg); 	/* Firefox */
-webkit-transform:translate(0, -50%) rotate(45deg); /* Safari 和 Chrome */
-o-transform:translate(0, -50%) rotate(45deg); 	/* Opera */
}
.currdate button.prev,
.currdate button.prev::after{ left:5px; }
.currdate button.next,
.currdate button.next::after{ right:5px; }
.currdate button.prev::after{
	transform: translate(0,-50%) rotate(225deg);
	-ms-transform:translate(0, -50%) rotate(225deg); 	/* IE 9 */
	-moz-transform:translate(0, -50%) rotate(225deg); 	/* Firefox */
	-webkit-transform:translate(0, -50%) rotate(225deg); /* Safari 和 Chrome */
	-o-transform:translate(0, -50%) rotate(225deg); 	/* Opera */
}
.currdate button.on::after{ border-color: #ffb767; }

.mark{ display: inline-block; width: 2.1em; height: 2.1em; line-height: 2.1em; border-radius: 50%; background-color: #999; text-align: center; color:#ffffff; }
.mark.primary{ background-color: #65a8fe; cursor:pointer}
.mark.success{ background-color: #58deb6; }
.mark.info{ background-color: #5BC0DE; }
.mark.warning{ background-color: #ffb767; }
.mark.danger{ background-color: #D9534F; }


/** 线路详情 */
.location{ font-size: .9rem; color: #7f7f81; height: 35px; line-height: 35px; }
.location .icon{ font-size: 1rem; color:#3392f1; margin-right: 10px; }
.location-s1{ font-size: 1rem; }
.location-s2{ font-size: 1rem; color:#2f2f2f; }
.location .actbox .btn{ font-size: .8rem; }
.location-s3 .icon{ color:#faae75; }

.detail .img-box{ width: 420px; }
.detail .img-box .flexslider{ margin: 0; border: none; padding: 0; border-radius:0; box-shadow:none; -webkit-box-shadow:none; background-color: transparent; }
.detail .img-box>img,
.detail .img-box .flexslider .slides img { width: 100%; height:340px; display: block; border-radius:10px; }
.detail .img-box .flex-control-thumbs{ margin-top: 18px; width: 100%; }
.detail .img-box .flex-control-thumbs li{ padding-left: 7px; padding-right: 7px; }
.detail .img-box .flex-control-thumbs li img{ border-radius:4px; }
.detail .img-box .flex-control-thumbs .flex-active{ border:#1e87f0 2px solid; }

.txt-box{ padding-left: 35px; }
.txt-box h3{ display: block; border-bottom:#eaecf1 1px solid; padding-bottom: 15px; font-size: 1.2rem; }
.txt-box h3 .icon{ float: right; background-color: #1e87f0; padding: 8px; color:#ffffff; font-size: .8rem; border-radius:50%; }

.summary{ color: #838383; }
.summary p{ margin: 10px 0; line-height: 2; }

.actbox{ margin-top: 30px; }
.actbox .btn{ margin-right: 20px; }
.actbox-s3,
.actbox-s2{ margin: 0; padding: 0; }
.actbox-s2 .btn{ height: 30px; line-height: 30px; }
.actbox-s3 .btn:last-child,
.actbox-s2 .btn:last-child{ margin-right: 0; }
.actbox-s4{ text-align: center; padding-bottom: 30px; }

.calendar-s2{ padding-top: 40px; padding-right: 100px; }
.calendar-s2 .currdate{ text-align: center; font-size: 1.1rem; padding: 30px 0; color: #838383; }
.calendar-s2 .currdate button{ display: inline-block; position: relative; border:none; background: none; vertical-align: middle; margin: 0 20px; }
.calendar-s2 .currdate span{ font-size: .9rem; color: #838383; }

.calendar-s2 table{ width: 100%; border: 1px solid #f0f1f5; border-spacing: 0; border-collapse: collapse; }
.calendar-s2 table td,
.calendar-s2 table th{ font-size: 1rem; text-align: right; color:#838383; padding: 10px; line-height: 1.75; border: 1px solid #f0f1f5; }
.calendar-s2 table th{ background-color:#f8f9fd; border-left: 1px solid #f8f9fd; border-right: 1px solid #f8f9fd; }
.calendar-s2 table th:first-child{ border-left: 1px solid #f0f1f5; }
.calendar-s2 table th:last-child{ border-right: 1px solid #f0f1f5; }
.calendar-s2 table td{ height: 88px; vertical-align: top; position: relative; }

.xc-popup{ position: absolute; right:-300px; top:-50px; z-index: 99; text-align: left; background: url(../images/riqi-xc-bg.png) no-repeat; padding: 50px 50px 50px 60px; width: 341px; height: 372px; font-size: .9rem; line-height: 2; display: none; }
.xc-popup h3{ color: #505050; font-weight: 700; font-size: 1.1rem; margin-bottom: 10px; }
.xc-popup .close{ display: block; position: absolute; width: 101px; height: 64px; right: 30px; top: 40px; background: url(../images/riqi-xc-close.png) no-repeat; border: none; padding: 0; margin: 0; text-indent: -9999px; cursor:pointer}
.seats{ position: absolute; width: 118px; height: 35px; bottom: 8px; left: -5px; border-radius: 5px; text-align: center; color: #ffffff; font-size: .8rem; line-height: 35px;
	background: #7afe9a;
	background: -webkit-linear-gradient(left, #34de54 , #7afe9a); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #34de54, #7afe9a); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #34de54, #7afe9a); /* Firefox 3.6 - 15 */
	background: -ms-linear-gradient(right, #34de54, #7afe9a); /* IE9+ */
	background: linear-gradient(to right, #34de54 , #7afe9a); /* 标准的语法 */
	/*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#34de54, endColorstr=#7afe9a);*/
	box-shadow:0 0 15px rgba(50, 210, 150, .5);
}

.detail .tabs{ background-color: #f5f6f9; padding: 10px 30px; margin: 50px -30px; margin-top: 80px; }
.detail .tabs span{ display: inline-block; height: 35px; line-height: 35px; padding: 0 30px; cursor: pointer; }
.detail .tabs span.on{ background-color: #1e87f0; color: #ffffff; border-radius: 35px; }
.detail .tabs.s2{ margin-top: 50px; margin-bottom: 20px; }
.detail .tabs span.imp{ color: #3399fe; }

.detail .conts .biaoti{ background-color: #f5f6f9; height: 50px; line-height: 50px; border-radius: 50px; padding: 0 30px; font-size: .9rem; }
.detail .conts .biaoti .icon{ font-size: 1.2rem; margin-right: 10px; border-radius: 50%; }
.detail .summary .form-control.s1{ width:50px; text-align: center; height: 25px; /*line-height: 25px;*/ vertical-align: middle; padding: 0 10px; }
.detail .summary .btn-minus,
.detail .summary .btn-plus{ display: inline-block; width: 30px; text-align: center; color:#ffa800; border: 1px solid #dedede;  height: 25px; line-height: 25px; vertical-align: middle; cursor: pointer; user-select: none; }
.detail .summary .btn-minus{ border-right: none; }
.detail .summary .btn-plus{ border-left: none; }

.blue{ color: #1e87f0; }
.blue.shadow{ box-shadow:0 0 15px rgba(30, 135, 240, .5); }
.green{ color: #32d296; }
.green.shadow{ box-shadow:0 0 15px rgba(50, 210, 150, .5); }
.orange{ color: #ff8b31; }
.orange.shadow{ box-shadow:0 0 15px rgba(255, 139, 49, .5); }
.red{ color: #fb3e40; }
.red.shadow{ box-shadow:0 0 15px rgba(251, 62, 64, .5); }
.violet{ color: #6a62ff; }
.violet.shadow{ box-shadow:0 0 15px rgba(106, 98, 255, .5); }

.detail .conts .neirong{ padding: 30px 50px 50px 50px;  color: #939393; line-height: 1.75; }
.detail .conts .neirong.s2{ padding: 0 50px 50px 0; }

.detail .conts .scheduling{ margin-bottom: 100px; }
.detail .conts .scheduling .biaoti{ background-color: transparent; border-radius: 0; position: relative; padding-left: 50px; color:#939393; }
.detail .conts .scheduling .biaoti::after{ content: ' '; display: block; width: 15px; height: 15px; border-radius: 50%; background-color: #1e87f0; position: absolute; left: 5px; top:50%; margin-top: -10px; border: #bbdbfa 3px solid; box-shadow:0 0 15px rgba(30, 135, 240, .5); }
.detail .conts .scheduling .neirong{ position: relative; background-color: #f5f6f9; border-radius: 10px; padding: 25px; margin: 30px 100px 40px 50px; }
.detail .conts .scheduling .neirong h4{ font-size: 1rem; color: #343434; margin: 10px 0; }
.detail .conts .scheduling .neirong strong{ color: #719bff; }
.detail .conts .scheduling .neirong::after{ position: absolute; border-left: 2px solid #efefef; content: ' '; display: block; left: -35px; top:-40px; bottom: -40px; }


/** 线路预定 */
.yuding .tabs-s2{ margin: 50px 100px; width:auto; position: relative; height: 110px; }
.yuding .tabs-s2::after{ content: ' '; display: block; position: absolute; height: 3px; background-color:#edeef2; left: 0; right: 0; top: 50%; margin-top: -1px; z-index: 2; }
.yuding .tabs-s2 span{ position: absolute; display: block; width: 110px; height: 110px; left: 50%; margin-left: -50px; background-color: #ffffff; border-radius: 50%; padding: 5px; border: 1px solid #edeef2; z-index: 3; }
.yuding .tabs-s2 span i{ display: block; width: 100%; height: 100%; background-color: #edeef2; border-radius: 50%; line-height: 100px; font-size: .8rem; text-align: center; }
.yuding .tabs-s2 span:first-child{ left: 0; margin: 0; }
.yuding .tabs-s2 span:last-child{ left: auto; right: 0; margin: 0; }
.yuding .tabs-s2 span.on{ border: 1px solid #fa9871; }
.yuding .tabs-s2 span.on i{ color: #ffffff; background-color: #fa9871; }

.yuding .conts .biaoti{ background-color: #f8f9fd; height: 45px; line-height: 45px; padding: 0 15px; }
.yuding .conts .neirong{ padding: 20px 15px; margin-bottom: 20px; color:#838383; }
.yuding .conts .neirong-s1{ padding: 20px 0; }
.yuding .conts .neirong-s2{ border-top: 1px solid #eaecf1; margin-top: 30px; }
.yuding .conts .neirong-s3{ line-height: 2; }

.nlist{ padding-top: 40px; }
.nlist .nlist-item{ display: none; }
.imp{ color: #1e87f0; }

.search-box .sform-box{ margin-left: -1em; }
.search-box .item{ position: relative; display: block; float: left; }
.search-box .item-s1{ height: 40px; line-height: 40px; margin: 10px 0; }
.search-box .item .label{ position: absolute; left: 1em; top: 0; }
.search-box .item .form-control.date{ width:47%; }
.search-box .item .form-control.date:last-child{ margin-left: 5px; }
.search-box .item.sp2{ padding-left: 4em; }
.search-box .item.sp3{ padding-left: 5em; }
.search-box .item.sp4{ padding-left: 6em; }

.search-box .item.w12{ width: 100%; }
.search-box .item.w11{ width: 91.66%; }
.search-box .item.w10{ width: 83.33%; }
.search-box .item.w9{ width: 75%; }
.search-box .item.w8{ width: 66.66%; }
.search-box .item.w7{ width: 58.33%; }
.search-box .item.w6{ width: 50%; }
.search-box .item.w5{ width: 41.66%; }
.search-box .item.w4{ width: 33.33%; }
.search-box .item.w3{ width: 25%; }
.search-box .item.w2{ width: 16.66%; }
.search-box .item.w1{ width: 8.33%; }

.pager{text-align:right;height:30px;margin-top:40px;}
.pager a,.pager strong{border:1px solid #dddddd;padding:5px 15px;margin:0 3px;}
.pager a:hover,.pager strong{background:#666666;color:#fff;}

.ht-xiangqing ul li{ padding: 20px 30px; font-size: .9rem; color: #838383; border-bottom: 1px solid #eaeaea; line-height: 1.75; margin-left: -30px; margin-right: -30px; }
.ht-xiangqing ul li:last-child{ border-bottom: none; }
.ht-xiangqing ul li .icon{ margin-right: 10px; }

.xiangqing{ padding-bottom: 150px!important; }
.xiangqing ul li{ padding: 20px 30px; color: #838383; border-bottom: 1px solid #eaeaea; line-height: 1.75; margin-left: -30px; margin-right: -30px; }
.xiangqing ul li:last-child{ border-bottom: none; }
.xiangqing ul li.subhead{ font-size: .9rem; color: #2f2f2f; }

.form-box ul li{ padding: 20px 15px; color: #838383; border-bottom: 1px solid #eaeaea; line-height: 1.75; }
.form-box ul li:last-child{ border-bottom: none; }
.form-box ul li .icon{ margin-right: 10px; }

.form-box-s1 ul li{ padding: 15px 0; border-bottom: none; }

.separate{ margin-left: 30px; }
.separate-s1{ margin-left: 15px; }

.shangcheng .list-s2{ padding-top: 0; }
.shangcheng .list-s2 ul{ margin-bottom: -20px; }


.fenlei{ padding-bottom: 115px!important; }
.fenlei .item{ border-bottom: 1px solid #e6e6e6; padding: 20px 0; line-height: 1.75; }
.fenlei .item:first-child{ padding-top:0px; }
.fenlei .item label{ display: inline-block; width:6.5em; padding: 0 15px; height: 30px; line-height: 30px; border-radius: 30px; background-color:#dddddd; color: #ffffff; margin-bottom: 10px; text-align: center; }
.fenlei .item p{ margin-left: -10px; }
.fenlei .item p a{ display: inline-block; margin-left: 10px; color:#838383; }


.fenlei .item label.blue{ background-color: #3399fe; }
.fenlei .item label.green{ background-color: #04c5b0; }
.fenlei .item label.orange{ background-color: #ffac1e; }
.fenlei .item label.red{ background-color:#fc648a; }
.fenlei .item label.violet{ background-color:#aa54cf; }

.fenlei-s2{ padding-bottom: 0!important; }
.fenlei-s2 .item{ position: relative; border-bottom: none; padding: 15px 0; padding-left: 7rem; }
.fenlei-s2 .item:first-child{ padding-top:15px; }
.fenlei-s2 .item label{ position: absolute; left: 0; top: 50%; transform: translateY(-50%);
-ms-transform:translateY(-50%); 	/* IE 9 */
-moz-transform:translateY(-50%); 	/* Firefox */
-webkit-transform:translateY(-50%); /* Safari 和 Chrome */
-o-transform:translateY(-50%); 	/* Opera */
}
.fenlei-s2 .item p{ margin-left: -20px; }
.fenlei-s2 .item p a{ display: inline-block; margin-left: 20px; color:#838383; }
.fenlei-s2 .item p .hover0{background-color:#3399fe; color:#fff; text-align:cell; padding:3px 15px; border-radius:30px; }
.fenlei-s2 .item p .hover1{background-color:#ffac1e; color:#fff; text-align:cell; padding:3px 15px; border-radius:30px; }
.fenlei-s2 .item p .hover2{background-color:#04c5b0; color:#fff; text-align:cell; padding:3px 15px; border-radius:30px; }
.fenlei-s2 .item p .hover3{background-color:#fc648a; color:#fff; text-align:cell; padding:3px 15px; border-radius:30px; }
.fenlei-s2 .item p .hover3{background-color:#aa54cf; color:#fff; text-align:cell; padding:3px 15px; border-radius:30px; }

.auto-login .auto-login-c {margin-right: 10px;background:url(../images/c.png) no-repeat 0 2px;}
.auto-login .auto-login-cd {background: url(../images/checkbox.png) no-repeat 0 2px;}
.auto-login input {vertical-align:middle;opacity:0;margin-right:8px;}
input[type="checkbox"]+label:before{background:url(../images/c.png) no-repeat 0 2px;}
input[type="checkbox"]:checked+label:before{background: url(../images/checkbox.png) no-repeat 0 2px;}




/*中等屏幕   w<1366*/
@media screen and (max-width: 1440px) {
	html{font-size:17px;}
	
	.sidebar{ width:300px; }
	/*.list-s2 ul li{ width:50%; margin-bottom: 20px; }*/
	
	.header{ padding: 0 30px 0 30px; }
	.userinfo .item{ margin-left: 15px; }
	.userinfo .item:first-child{ margin-left: 0; }
	.assmenu a .icon,
	.container .top h3 .icon,
	.userinfo .item .icon{ width: 18px; }

	.assmenu a{ margin-left: 10px; }
	
	.container { padding: 50px 30px 0 30px; }
	
	.push-box .list-s2 ul li{ width: 25%; }

	.ywdays ul li a{ display:block; width: 61px; height:55px; background-color: #f4f5f9; border-radius: 10px; float: left; text-align: center; line-height: 55px; }
	.ywdays ul li a em{ font-size: 1.6rem; }
	
	.search-box .item.bw12{ width: 100%; }
	.search-box .item.bw11{ width: 91.66%; }
	.search-box .item.bw10{ width: 83.33%; }
	.search-box .item.bw9{ width: 75%; }
	.search-box .item.bw8{ width: 66.66%; }
	.search-box .item.bw7{ width: 58.33%; }
	.search-box .item.bw6{ width: 50%; }
	.search-box .item.bw5{ width: 41.66%; }
	.search-box .item.bw4{ width: 33.33%; }
	.search-box .item.bw3{ width: 25%; }
	.search-box .item.bw2{ width: 16.66%; }
	.search-box .item.bw1{ width: 8.33%; }
	
	.tabs-s4 ul{ margin-left: -10px; }
	.tabs-s4 ul li{ padding-left: 10px; }
	.tabs-s4 ul li a span{ width: 100px; height: 100px; }
}


/** 登录页 */

.dl-main { width: 100%; height: 100%; position:relative; background-repeat: no-repeat; background-size: cover; overflow: hidden; }
.dl-main.s1 { background-image:url(../images/bg4.jpg); }
.dl-main.s2 { background-image:url(../images/typt-dl-bg.jpg); }
.dl-main.s3 { background-image:url(../images/hzl-dl-bg.jpg); }
.dl-main.s4 { background-image:url(../images/jmd-dl-bg.jpg); }

.dl-form-box { width: 450px; margin: 0 auto; position: absolute; top: 40%; left: 72%; background-color: #ffffff6e; border-radius: 35px; padding: 60px; transform: translate(-50%, -50%); box-shadow: 0 0 50px rgba(0, 0, 0, .5); -ms-transform: translate(-50%, -50%); /* IE 9 */ -moz-transform: translate(-50%, -50%); /* Firefox */ -webkit-transform: translate(-50%, -50%); /* Safari 和 Chrome */ -o-transform: translate(-50%, -50%); /* Opera */ }
.dl-form-box .clearfix {
    margin-bottom: 0px;
    margin-top: -5px;
}
.icon-yonghu2:before {
    content: "\e6a2";
}
.icon-mima:before {
    content: "\e696";
}

.icon-mima:before {
    content: "\e696";
}
.dl-form-box.s2{ box-shadow:0 0 50px rgba(0, 0, 0, .3); }
.dl-form-box.s3{ width: 796px; height: 601px; background: url(../images/hzl-dl-pic.png) no-repeat; border-radius: 0; box-shadow: none; padding-top: 110px; }
.dl-form-box.s4{ width: 916px; height: 540px; background: url(../images/jmd-dl-pic.png) no-repeat; border-radius: 0; box-shadow: none; padding: 130px 250px 50px 280px; }

.dl-form-head{ font-size: 1.58rem;font-weight: 800;text-align: center;}
.dl-form-head.s2{ font-size: 1.5rem; font-weight: 600; }
.dl-form-head.s3{ font-size: 1.5rem; font-weight: 600; text-align: center; margin-bottom: 30px; }
.dl-form-head.s4{ font-size: 1.6rem; font-weight: 600; text-align: center; margin-bottom:30px; color: #4573ff; }

.dl-form-group{ margin-bottom: 30px; position:relative; line-height: 2; }
.dl-form-group .form-control{ width:100%; padding: 0; height: 60px; line-height:60px; background-color: transparent; border: 0; border-bottom: 2px solid #eeeeee; border-radius: 0; font-size: .8rem; padding-left: 50px; color:#fff; }
.dl-form-group input::placeholder { color: #fff; }

.dl-form-group.s2 .form-control[type="checkbox"],
.dl-form-group .form-control[type="checkbox"]{ padding:0; margin: 0; width: 1rem; height: 1rem; vertical-align: middle; }
.dl-form-group.last{ margin-bottom: 0; margin-top:38px; }
.dl-form-group .icon{ position: absolute; left: 10px; color: #fff; top: 50%; transform: translateY(-50%); font-size: 1.3rem;  line-height: normal;
-ms-transform:translateY(-50%); 	/* IE 9 */
-moz-transform:translateY(-50%); 	/* Firefox */
-webkit-transform:translateY(-50%); /* Safari 和 Chrome */
-o-transform:translateY(-50%); 	/* Opera */
}

.dl-form-group.s2{ margin-left: 50px; }
.dl-form-group.s2 .form-control{ padding-left: 0; height: 60px; line-height:50px; padding-top: 10px; }
.dl-form-group.s2 .icon{ left: -50px; color: #ff924d; top: auto; bottom: 0; transform:none; font-size: 1.8rem; }

.dl-form-group.s3 .form-control{ height: 45px; line-height:45px; border: 1px solid #d5d5d5; border-radius: 45px; }
.dl-form-group.s3 .icon{ left: 20px; color: #dedede; }

.dl-form-group.s4{ margin-left: 50px; }
.dl-form-group.s4 .form-control{ padding-left: 15px; padding-right: 15px; height: 45px; line-height:45px; background-color: #ffffff; border-radius: 4px; border: 0; }
.dl-form-group.s4 .icon{ left: -50px; color: #4492ff; top: auto; bottom: 5px; transform:none; font-size: 1.5rem; }

.keep-name{ padding-left: 10px; color: #fff; }
.dl-form-group.s2 .keep-name{ padding-left: 0; }
.forget-pwd{ color: #3e83fa; }


.btn-login{ width: 100%; height: 50px; line-height:50px; background-color: #1e6bb9; color: #f8f8f8; border-radius: 10px; font-size: 1rem; border: none; box-shadow:0 3px 15px rgba(30, 135, 240, .5); }
.btn-login.s2{ width: 200px;
	background: #ef6a35;
	background: -webkit-linear-gradient(top, #ff8c37 , #ef6a35); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(top, #ff8c37, #ef6a35); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(top, #ff8c37, #ef6a35); /* Firefox 3.6 - 15 */
	background: -ms-linear-gradient(top, #ff8c37, #ef6a35); /* IE9+ */
	background: linear-gradient(to bottom, #ff8c37 , #ef6a35); /* 标准的语法 */
	/*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ff8c37, endColorstr=#ef6a35);*/
	box-shadow: none;
}
.btn-login.s3{ background-color: #3e83fa; }
.btn-login.s4{ background-color: #4492ff; width: 260px; margin-top:0px; }
	
.dl-img{ float: left; width: 50%; }
.dl-form{  width: 100%;   position: relative; }
.dl-form.s3{ padding-left: 50px; }
.dl-form.s4{ width: 100%; padding-left: 0; }
.dl-copyright{ font-size: .8rem; color: #fff; text-align: center; position: absolute; bottom:40px; left:0px; right: 0; }