*{margin: 0; padding: 0; font-family: Microsoft Yahei,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif;}
ol,ul,li{list-style: none; margin: 0;}
img{border: 0;}
a{text-decoration: none;}
a:active{border: 0; outline: 0;}
a:focus{text-decoration: none; outline: 0;}
a:hover{text-decoration: none;}
a,button,input,textarea{-webkit-tap-highlight-color: rgba(0,0,0,0);}
body{-webkit-tap-highlight-color: transparent;line-height: 1.2;font-size: 0.24rem;color: #333;}

.container-wrap{width: 1200px;margin: 0 auto;}
.page-container{width: 1000px;margin: 0 auto;}
.clearfix{clear: both;content: '';*zoom:1;}
.clearfix:after,.clearfix:before{display: table;content: "";line-height: 0;}
.clearfix:after{clear:both;}
.fl{float:left;}
.fr{float:right;}
.bg-block{background-color: #eaeaea;}
.bg-login{background-color: #f2f6fa;}
.bg-deep{background-color: #eaedf4;}
.bg-grey{background-color: #f6f6f6;}
.bg-orange{background-color: #ff6b4e;}
.bg-green{background-color:#56b282;}
.bg-purple{background-color:#602e54;}
.bg-darkgreen{background-color:#449d50;}
.bg-blue{background-color:#5371ff;}
.text-right{text-align: right;}
.text-center{text-align: center;}
.color-theme{color: #60c18b!important;}
.color-green{color: #1ba706!important;}
.color-red{color: #fc0007!important;}
.color-grey{color: #6a6a6a!important;}
.c-ff8844{color: #ff8844!important;}
.c-00a7fe{color: #00a7fe!important;}
.c-1ebfa3{color: #1ebfa3!important;}
.c-3a405b{color: #3a405b!important;}
.c-3e7adc{color: #3e7adc!important;}
.c-a966f4{color: #a966f4!important;}
.c-fb6e43{color: #fb6e43!important;}
.c-blue{color: #1c9eff!important;}
.c-red{color: #e02e24!important;}
.reserved{padding-bottom: 1.3rem;}
img{max-width: 100%;}
.pos{position: relative;height: 100%;}
.no-bg{background: 0!important;}
.bg-theme{background: #56b282!important;}
.fz-12{font-size: 12px;}
.fz-14{font-size: 14px;}
.fz-20{font-size: 20px;}
.ml-10{margin-left: 10px;}

.sys-header-wrap{width: 100%;height: 60px;background: #fff;padding-top: 5px;box-sizing: border-box;position: relative;}
.sys-logo{width: 300px;height: 52px;background: url(../images/logo.png) no-repeat center center;}
.sys-logo>a{display: block;width: 100%;height: 100%;}
.sys-header-wrap .welcome{position: absolute;bottom: 0px;right: 10px;font-size: 14px;color: #222;}
.sys-name-wrap{width: 100%;height: 85px;background: #56b282;}
.sys-name{font-size: 42px;color: #ffffff;line-height: 80px;}
.sys-footer-wrap{width: 100%;height: 100px;background: #56b282;text-align: center;line-height: 100px;}
.sys-footer-wrap p{color: #fff;font-size: 14px;}

.border-wrap{border: 2px solid #000;border-radius: 10px;margin: 15px auto;box-sizing: border-box;padding: 35px 0;background: #fff;}
.sys-tab-title{width: 700px;margin: 0 auto 20px;}
.sys-tab-title li{width: 160px;height: 54px;border: 1px solid #191817;float: left;border-radius: 8px;margin-right: 20px;background: #67b98d;position: relative;cursor: pointer;}
.sys-tab-title li:hover,.sys-tab-title li.active{background: #7ad7a5;}
.sys-tab-title li:active a::before{opacity: 0.1;}
.sys-tab-title li a::before{content: " ";position: absolute;top: 50%;left: 50%;opacity: 0;width: 100%;height: 100%;border: inherit;border-color: #000;background-color: #000;border-radius: inherit;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.sys-tab-title li:last-child{margin-right: 0;}
.sys-tab-title li a{display: block;box-sizing: border-box;font-weight: bold;font-size: 16px;color: #222222;line-height: 24px;}
.sys-tab-title li a span{display: inline-block;padding: 15px 0;padding-left: 45px;}
.icon-tab-1{background: url(../images/icon-tab1.png) no-repeat 10px center;}
.icon-tab-2{background: url(../images/icon-tab2.png) no-repeat 13px center;}
.icon-tab-3{background: url(../images/icon-tab3.png) no-repeat 13px center;}
.icon-tab-4{background: url(../images/icon-tab4.png) no-repeat 10px center;}
.sys-tab-title li:last-child a span{padding-left: 40px;}

.tab-body-intro{width: 700px;margin: 0 auto;}
.intro-block{width: 167px;height: 167px;float: left;margin-bottom: 20px;margin-right: 10px;box-sizing: border-box;padding-top: 50px;}
.intro-block p{text-align: center;color: #fff;font-size: 18px;line-height: 30px;}
.intro-block:last-child{margin-right: 0;}
.intro-block:nth-child(1){background: #343544;}
.intro-block:nth-child(2){background: #6bd49d;}
.intro-block:nth-child(3){background: #56b282;}
.intro-block:nth-child(4){background: #ffb038;}
.intro-desc p{margin-bottom: 25px;font-size: 16px;color: #222;}
.intro-ctrl{text-align: center;margin-top: 30px;}
.intro-btn{display: inline-block;width: 148px;height: 40px;line-height: 40px;text-align: center;color: #fff;background: #343544;margin: 0 15px;font-size: 18px;border-radius: 6px;}
.intro-btn.btn-default{background: #343544;color: #fff;}
.intro-btn.btn-default:active{background: #3e3f51;color: #fff;}
.intro-btn.btn-primary{background: #56b282;color: #fff;}
.intro-btn.btn-primary:active{background: #6bd49d;color: #fff;}

.common-intro-wrap{background: #56b282;padding: 40px 22px;overflow: hidden;}
.common-item{width: 210px;height: 120px;float: left;margin-right: 30px;box-sizing: border-box;padding-left: 60px;padding-top: 5px;position: relative;}
.common-item:last-child{margin-right: 0;}
.common-item .item-mark{position:absolute;left: 0;top: 0;width: 50px;height: 50px;border-radius: 100%;border: 5px solid #fff;background: #343544;text-align: center;line-height: 40px;}
.common-item .item-mark span{color: #fff;font-size: 16px;}
.common-item .item-info{color: #fff;}
.common-item .item-info h5{font-size: 18px;}
.common-item .item-info p{font-size: 14px;line-height: 20px;}

.tab-body-server,.tab-body-about{width: 920px;margin: 0 auto;}
.tab-content h3{color: #222222;font-size: 18px;margin-top: 30px;font-weight: bold;}
.tab-content p{line-height: 24px;font-size: 14px;color: #666666;text-indent: 2em;}

.tab-body-check{padding-top: 80px;width: 475px;margin: 0 auto 50px;}
.check-title{font-size: 34px;color: #363b3c;text-align: center;}
.tab-body-check .error{text-align: center;color: #f06541;font-size: 16px;margin: 10px auto;}
.checkTrue-result{width: 390px;height: 320px;box-sizing: border-box;border:1px solid #eaeaea;border-radius: 3px;margin: 5px auto;padding-left: 45px;padding-top: 40px;}
.checkTrue-result li,.checkTrue-result p{font-size: 16px;color: #222;line-height: 24px;margin-bottom: 10px;}
.check-form .input-group{height: 30px;width: 395px;margin: 20px auto 10px;}
.check-form .btn-checksub{background: #f06541;color: #fff;display: block;width: 150px;height: 54px;line-height: 54px;border-radius: 30px;text-align: center;margin: 30px auto 0;font-size: 16px;position: relative;}
.check-form .btn-checksub:active::before{opacity: 0.1;}
.check-form .btn-checksub::before{content: " ";position: absolute;top: 50%;left: 50%;opacity: 0;width: 100%;height: 100%;border: inherit;border-color: #000;background-color: #000;border-radius: inherit;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}

/* admin */
.main-sidebar{position: absolute;top: 0;left: 0;min-height: 100%;width: 255px;z-index: 810;background: #323439;}
.main-header{position: absolute;top: 0;left: 255px;height: 80px;background: #fff;right: 0;overflow: hidden;box-sizing: border-box;padding: 15px 20px;}
.main-header-title{width: 230px;float: left;color: #333;}
.main-header-title h1{font-size: 18px;margin-top: 5px;}
.main-header-intro{width: 300px;float: right;}
.main-header-intro .intro-item{width: 50px;float: left;margin-right: 33.3px;text-align: center;}
.main-header-intro .intro-item:last-child{margin-right: 0;}
.main-header-intro .intro-item img{display: block;margin: 0 auto 10px;}
.main-header-search{width: 380px;float: right;margin-right: 40px;padding-top: 8px;}
.main-header-search .search-input{width: 375px;box-sizing: border-box;padding-right: 40px;background: url(../images/icon-search.png) no-repeat 97% center;}

.logo-wrap{width: 255px;height: 80px;}
.sidebar-menu{padding-top: 30px;}
.sidebar-menu .treeview{height: 60px;line-height: 60px;margin-bottom: 10px;padding-left: 90px;}
.sidebar-menu .treeview a{display: block;color: #fff;font-size: 18px;}
.sidebar-menu .treeview.active a,.sidebar-menu .treeview a:hover{color: #60c18b;}
.sidebar-menu .icon-menu1{background: url(../images/icon-menu1.png) no-repeat 50px center;}
.sidebar-menu .icon-menu2{background: url(../images/icon-menu2.png) no-repeat 50px center;}
.sidebar-menu .icon-menu3{background: url(../images/icon-menu3.png) no-repeat 50px center;}
.sidebar-menu .icon-menu4{background: url(../images/icon-menu4.png) no-repeat 50px center;}
.sidebar-menu .icon-hot{display: inline-block;margin-left: 10px;width: 14px;height: 18px;background: url(../images/icon-file.png) no-repeat;vertical-align: middle;}

.content-iframe{position: absolute; top: 80px; left: 255px;bottom: 0;right: 0;background: #f6f6f6;overflow-y: scroll;}
.container-wrapper{padding: 20px;}
.left-panel{width: 77%;float: left;}
.right-panel{width: 320px;float: right;}

.form-group{position: relative;}
.submit-form-wrap .form-group{margin-bottom: 30px;}
.form-group .upload-file2{ display: inline-block; width: 102px; height: 37px; line-height: 37px; text-align: center; background-color: #e6e6e6; border: solid 1px #ccc; font-size: 12px; color: #333; border-radius: 0;}
.form-group .stextarea{ width: 100%; height: 345px; border: solid 1px #cccccc; padding: 10px;}
.form-group .sbtn{display: inline-block;padding: 12px 40px;background: #2d58b2;border:0;outline: 0;color: #fff;font-size:16px;border-radius: 30px;margin-top: 10px;margin-right: 10px;}
.form-group .sbtn-free{background: #ff0000;}
.sfile-tip{color: #0c7fe9;margin-left: 30px;}
.c-tip{color: #0c7fe9!important;}
.form-err{color: #ff0000;font-size: 14px;}
.form-warn>p{line-height: 28px;}
.form-warn>p img{padding-right: 8px;float: left;}

.panel-body{overflow: hidden;padding: 20px;background: #fff;margin-bottom: 20px;}
.panel-title{position: relative;padding-left: 21px;margin-bottom: 20px;}
.panel-title::after{content: '';position: absolute;top: 1px;left: 0;border-left: 4px solid #60c18b;height: 18px;}
.panel-title h3{margin: 0;font-size: 18px;color: #222222;}
.panel-contact p{font-size: 14px;margin-bottom: 15px;}
.panel-contact p label{color: #666666;}
.panel-contact p span{color: #888888;}
.panel-tips p{font-size: 13px;line-height: 24px;color: #000000;overflow: hidden;}
.panel-tips p label{font-size: 14px;font-weight: normal;}
.panel-tips p span{display: block;float:right;width:190px;word-break: break-all;}

.submit-form-wrap{overflow: hidden;padding: 35px;background: #fff;}
.submit-form-wrap .sbtn{margin-left: 15px;width: 120px;}
.submit-form-wrap .btn-green{background: #56b282;border-color: #56b282;color: #ffffff;position: relative;cursor: pointer;}
.submit-form-wrap .btn-green .sub-file{display: block;width: 100%;height: 100%;margin:0;position: absolute;top: 0;left: 0;opacity: 0;cursor: pointer;}
.submit-form-wrap .btn-green:active{background: #56b282;border-color: #56b282;outline: 0;}
.submit-form-wrap .btn-clear{margin-left: 15px;width: 120px;}
.submit-form-wrap .btn-clear:disabled{background: #e1e1e1;}
.submit-form-wrap .btn-theme-submit{width: 195px;height: 60px;font-size: 24px;color: #ffffff;background: #60c18b;font-weight: bold;border-color: #60c18b;border-radius: 0;outline: 0;}
.submit-form-wrap .btn-theme-submit:active{background: #56b282;border-color: #56b282;}
.form-tip-wrap{margin-top: 10px;margin-right: 10px;font-size: 13px;}
.form-tip-wrap .color-red{margin: 0 5px;}
.copyright p{text-align: center;margin: 20px auto;color: #888;}

.submit-form-wrap .form-order{vertical-align: middle;line-height: 36px;margin-bottom: 0;}
.form-order>label{width: 85px;float: left;font-size: 16px;color: #222;font-weight: normal;line-height: 36px;margin-bottom: 0;float: left;}
.form-order>.form-control{width: 475px;height: 36px;float: left;}
.form-order .btn-theme{width: 110px;height: 36px;color: #ffffff;background: #60c18b;border-color: #60c18b;border-radius: 0;outline: 0;float: left;margin-left: 5px;}
.form-order .btn-theme:active{background: #56b282;border-color: #56b282;}
.empty-report-wrap{text-align: center;padding: 150px 0;min-height: 500px;box-sizing: border-box;}
.empty-report-wrap .title{line-height: 30px;margin-bottom: 20px;}
.empty-report-wrap .title img{vertical-align: top;}
.empty-report-wrap .title span{color: #a9a6a6;font-size: 24px;margin-left: 20px;}
.empty-report-wrap>p{color: #666;font-size: 13px;}
.list-bottom{margin-bottom: 15px;margin-left: 20px;}
.list-bottom p{color: #888;font-size: 13px;}
.report-body-wrap{overflow: hidden;padding: 30px 40px;background: #fff;margin-bottom: 20px;margin-top: 20px;}
.panel-tip{height: 45px;box-sizing: border-box;padding: 10px 18px;background: #ffefef;line-height: 24px;font-size: 13px;color: #fc0000;}

.report-table{height: 390px;}
.report-table table{border-spacing: 0; border-collapse: collapse; width: 100%;margin-bottom: 20px;}
.report-table thead tr{border: 1px solid #bfbfbf;}
.report-table table th{height: 36px; line-height: 36px; color: #444; text-align: center; padding: 0 30px;font-size: 15px;font-weight: normal;}
.report-table td{padding: 10px 20px; text-align: center;font-size: 14px;border-right: 1px solid #e5e5e5;}
.report-table th{padding: 0; width: 200px;border-right: 1px solid #e5e5e5;}
.report-table tr{border: 1px solid #e5e5e5;}
.report-table tr th:last-child{padding: 0; width: 260px;}
.report-table td a:hover{color: #ff0000}
.report-table table tr td:last-child{text-align: center;}

.num-title {margin-bottom: 20px;}
.num-title .num{font-size: 14px;color: #fff;display: block;width: 20px;height: 20px;line-height: 20px;text-align: center;background: #60c18b;float: left;margin-right: 10px;}
.num-title .title{color: #2f2f2f;font-size: 18px;}
.umain-table table{border-spacing: 0; border-collapse: collapse; width: 100%;border-bottom: 2px solid #e5e5e5;margin-bottom: 20px;}
.umain-table table th{height: 50px; background-color: #f6f6f6; line-height: 50px; color: #444; text-align: center; padding: 0 30px;font-size: 15px;}
.umain-table table tr:hover{background-color: #f5f5f5; cursor: pointer;}
.umain-table td{padding: 15px 20px; text-align: center;font-size: 14px;}
.umain-table th{padding: 0; width: 200px;}
.umain-table tr th:first-child{padding: 0; width: 310px;}
.umain-table td a:hover{color: #ff0000}
.umain-table table tr td:first-child{text-align: left;}

.way-item{height: 60px;padding: 10px 0;box-sizing: border-box;overflow: hidden;cursor: pointer;}
.way-checkbox{width: 85px;height: 40px;float: left;background: url(../images/icon-check.png) no-repeat center center;cursor: pointer;}
.checked .way-checkbox{background: url(../images/icon-checked.png) no-repeat center center;}
.checked~.way-content{display: block;}
.way-name{padding-left: 65px;font-size: 16px;line-height: 40px;float: left;}
.way-name.bg-wx{background: url(../images/icon-wx.png) no-repeat left center;}
.way-name.bg-alipay{background: url(../images/icon-alipay.png) no-repeat left center;}
.way-name.bg-taobao{background: url(../images/icon-taobao.png) no-repeat left center;}
.way-content{padding: 15px 160px;box-shadow: 0px 0px 10px #f2f2f2;overflow: hidden;display:none;transition: all 0.3s ease-in-out;margin-bottom: 10px;}
.way-ewm{float: left;width: 200px;margin-right: 35px;}
.way-ewm img{width: 200px;height: 200px;display: block;margin-bottom: 5px;}
.ewm-tip{width: 200px;height: 54px;color: #fff;box-sizing: border-box;padding: 5px 0 5px 80px;background: url(../images/scan.png) #ec676a no-repeat 20px center;}
.ewm-tip p{margin: 0;line-height: 22px;font-size: 14px;}
.way-desc{float: left;padding-top: 30px;}
.way-desc p{color: #333;line-height: 24px;font-size: 14px;margin-bottom: 5px;}
.way-desc .btn-wrap{margin-top: 15px;}
.way-desc .btn-wrap .btn{border-radius: 0;outline: 0;}
.way-desc .btn-danger{background: #e73d36;border-color: #e73d36;margin-right: 8px;}
.way-desc .btn-default{background: #f1f1f1;border-color: #f1f1f1;}
.report-btn-wrap .btn{width: 138px;height: 40px;line-height: 28px;color: #ffffff;border-radius: 0;outline: 0;}
.report-btn-wrap .btn-primary{background: #60c18b;border-color: #60c18b;}
.report-btn-wrap .btn-default{background: #ffffff;border-color: #ffffff;color: #333;margin-left: 15px;}
.report-btn-wrap .btn-primary:active{background: #56b282;border-color: #56b282;}
.report-btn-wrap .btn-default:active{background: #f1f1f1;border-color: #f1f1f1;}
.way-content.taobao{padding: 15px 60px;}
.taobao-form{width: 650px;float: left;padding-top: 20px;}
.taobao-form .form-order.desc{margin-bottom: 5px;}
.taobao-form .form-order.desc p{margin-bottom: 0px;font-size: 14px;line-height: 36px;}
.text-underline{text-decoration: underline;}

#checkModal .modal-header,
#successModal .modal-header,
#failModal .modal-header{background:#60c18b;background-blend-mode: normal,normal;font-weight: normal;color: #fff;font-size: 18px;}
.modal-warn{display: inline-block;width: 44px;height: 20px;line-height: 20px;text-align: center;font-size: 12px;background-color: #60c18b;border-radius: 5px;color: #fff;}
#checkModal .m-btn{margin: 20px 200px 10px;}
#checkModal .m-btn a{display: inline-block;width: 167px;height: 46px;line-height: 46px;background-color: #60c18b;color: #fff;font-size: 18px;text-align: center;}
.order-detail p{line-height: 30px;color: #666666;font-size: 16px;margin-bottom: 10px;}
#checkModal .modal-header .close{color: #fff;font-size: 26px;opacity: 0.8;}