/*!
 * public style V1.0
 * 02.02 2019 
 * 
 */

html {  font-family: sans-serif;  -webkit-text-size-adjust: 100%;      -ms-text-size-adjust: 100%;}

body, div, h1, h2, h3, h4, h5, h5, p, ul, ol, li, dl, dt, dd { margin: 0; padding: 0; font-weight:normal;}
ul, ol { list-style-type: none;}
em { font-style: normal}

body {color:#555}
a {  background: transparent;}
a:focus {  outline: thin dotted;}
a:active,a:hover {  outline: 0;}
input,textarea { font: 14px "Microsoft Yahei",Arial,Helvetica,sans-serif;line-height:30px; border:none;outline:none;}

a { color: #555; text-decoration: none;}
a:hover { color: #9f4729;}

body, div{ line-height:26px}
h1 {  margin: 0.67em 0;  font-size: 2em;}

mark {  color: #000;  background: #ff0;}

img {  border: 0;vertical-align: middle;}
button,input,select,textarea {  margin: 0;  font-family: inherit;  font-size: 100%;}
button,input {  line-height: normal;}
button,select {  text-transform: none;}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
  padding: 0;
  box-sizing: border-box;
}

input[type="search"] {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}


*,
*:before,
*:after {
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

h1 small,h2 small,h3 small,h1 .small,h2 .small,h3 .small {  font-size: 65%;}

h1,.h1 {  font-size: 36px;}
h2,.h2 {  font-size: 30px;}
h3,.h3 {  font-size: 18px;}


p {  margin: 0 0 10px;}

ul,ol {  margin-top: 0;  margin-bottom: 10px; list-style-type: none;}
ul ul,ol ul,ul ol,ol ol {  margin-bottom: 0;}

.clearfix:after { content: ""; display: table; clear: both;}

/****table list****/

table {
  max-width: 100%;
  background-color: transparent;
}

th {
  text-align: left;
}

.table {
  width: 100%;
  margin-bottom: 20px;
}


.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: 13px 5px;
  line-height: 2;
  vertical-align: top;font-size: 14px;
  border-bottom: 1px solid #dddddd; text-align: center;
}

.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd;border-top:0px;padding:2px 5px 8px;
}


.table-bordered {
  border: 1px solid #dddddd;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #dddddd;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px; 
}

.table-hover > tbody > tr:hover ,
.table-hover > tbody > tr:hover  {
  background-color:#fff ;box-shadow: 0px 0px 18px rgba(0,0,0,0.2);/**#edf9f4**/
}

.table > thead > tr > .active,
.table > tbody > tr > .active,
.table > tfoot > tr > .active,
.table > thead > .active > td,
.table > tbody > .active > td,
.table > tfoot > .active > td,
.table > thead > .active > th,
.table > tbody > .active > th,
.table > tfoot > .active > th {
  background-color: #f5f5f5;
}

.table-hover > tbody > tr > .active:hover,
.table-hover > tbody > .active:hover > td,
.table-hover > tbody > .active:hover > th {
  background-color: #e8e8e8;
}

.table > thead > tr > .success,
.table > tbody > tr > .success,
.table > tfoot > tr > .success,
.table > thead > .success > td,
.table > tbody > .success > td,
.table > tfoot > .success > td,
.table > thead > .success > th,
.table > tbody > .success > th,
.table > tfoot > .success > th {
  background-color: #dff0d8;
}

.table-hover > tbody > tr > .success:hover,
.table-hover > tbody > .success:hover > td,
.table-hover > tbody > .success:hover > th {
  background-color: #d0e9c6;
}

.table > thead > tr > .danger,
.table > tbody > tr > .danger,
.table > tfoot > tr > .danger,
.table > thead > .danger > td,
.table > tbody > .danger > td,
.table > tfoot > .danger > td,
.table > thead > .danger > th,
.table > tbody > .danger > th,
.table > tfoot > .danger > th {
  background-color: #f2dede;
}

.table-hover > tbody > tr > .danger:hover,
.table-hover > tbody > .danger:hover > td,
.table-hover > tbody > .danger:hover > th {
  background-color: #ebcccc;
}

.table > thead > tr > .warning,
.table > tbody > tr > .warning,
.table > tfoot > tr > .warning,
.table > thead > .warning > td,
.table > tbody > .warning > td,
.table > tfoot > .warning > td,
.table > thead > .warning > th,
.table > tbody > .warning > th,
.table > tfoot > .warning > th {
  background-color: #fcf8e3;
}

.table-hover > tbody > tr > .warning:hover,
.table-hover > tbody > .warning:hover > td,
.table-hover > tbody > .warning:hover > th {
  background-color: #faf2cc;
}

.table > tbody > tr > td.tab-td-fl { text-align:left}
.table > thead > tr > th.tab-td-fr,.table > tbody > tr > td.tab-td-fr { padding-left:15px}

input[type="search"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  /* IE8-9 */

  line-height: normal;
}

input[type="file"] {
  display: block;
}

select[multiple],
select[size] {
  height: auto;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  height: auto;
}

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
}

/*************/
.fl-left {float:left} .fl-right {float:right}
.f12 {font-size:12px}
.f20 {font-size:20px}.f18 {font-size:18px} .fbold {font-weight: bold}
.f24 {font-size:24px}.f34 {font-size:34px}
.mb20 {margin-bottom:20px;}
.green {color:#54b977} a.green:hover {color:#43a264}
.gray {color:#aaaaaa}
.red {color:#f1574d;}
.graypurple {color:#525f79}
.org {color:#f26324}
.brown {color:#f2a205}

.homepages {background: #eee;}
.betweenline {font-size:12px; color:#bbb; vertical-align:middle; margin:0px 5px}
.txt-c { text-align:center}
.txt-r { text-align:right}
.txt-cz {font-size:18px;line-height: 36px}

/*************************************/

.cf{zoom:1;}
.cf:after{content:'.';display:block;visibility:hidden;clear:both;height:0px;}
.clear {clear:both;display:block;height:0;overflow:hidden;margin:0px 6px;} 

.frameContainer { position: relative}
.framecont-body { position: absolute;width: 100%; top: 50px; bottom: 0px;  background-color: #000;  z-index: 100;}


/*********** toparea ***************/
.g-headarea { background-color: #fff; height: 65px; width: 100%;left: 0px;top: 0; position: fixed; z-index: 1030!important;color:#aaa;box-shadow: 0px 0px 18px rgba(0,0,0,0.2);}
.index-top {background: transparent;box-shadow: 0px 0px 0px rgba(0,0,0,0)}
.g-headarea-center { position: relative;padding-left:240px;padding-top:0px}
.g-headarea-left { position: absolute;top:0; left:250px; z-index: 100; width:140px}
.g-headarea-left2 { position: absolute;top:0; left:0; z-index: 100; width:210px;height:50px;box-shadow: 0px 18px 18px  0 rgba(0,0,0,0.2);}
.g-headarea-right { position: absolute;top:0px; right:30px; z-index: 100;  font-size: 14px; color:#575f70; vertical-align: middle; line-height: 60px}
.g-headarea-right a {color:#777}
.g-headarea-right a:hover {color:#333}
.g-headarea-right em.l-line { display:inline-block;width:16px;border-left:1px solid #ddd; height:16px; overflow:hidden; vertical-align:middle;margin-left:8px; }

.g-headarea-right i {width:20px;height:20px; display: inline-block; filter:alpha(opacity=60);-moz-opacity:0.6;  -khtml-opacity: 0.6;  opacity: 0.6;vertical-align: middle;margin-right:5px}
.g-headarea-right a:hover i{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;  opacity: 1;}
.g-headarea-right .idman {font-weight: bold;margin-right:8px}
.headnav-main {}
.headnav-main ul {margin:0px;padding-top:10px}
.headnav-main li {padding:10px 20px;margin:0px 6px;float:left; line-height:25px; font-size:14px}
.headnav-main li a {position:relative}
.headnav-main li a:hover {padding-bottom:8px;font-weight: bold;color:#333}
.headnav-main li.on a {font-weight: bold; }

.headnav-main li a:before {position:absolute;content:'';top:22px;left:50%;border-bottom:5px solid #f4d134;padding-bottom:5px;width:0;transition: all 0.2s linear;    -webkit-transition: all 0.2s linear;}
.headnav-main li a:hover:before,.headnav-main li.on a:before {margin-left:-50%;width:100%}

.userID {margin-right:6px}
.userID img{width:26px;height:26px; border-radius: 20px;  display: inline-block; vertical-align: middle;margin-right:6px}

.userIDinfo { position: absolute;top:30px; right:27px;width:300px; z-index: 1200; background: #fff;box-shadow: 0px 0px 18px rgba(0,0,0,0.2); -moz-border-radius: 4px;  -webkit-border-radius: 4px;   border-radius: 4px; height:0;transition:all 0.2s linear; -webkit-transition:all 0.2s linear; overflow: hidden}
.userIDinfo .bd {padding:18px}

.user-f {-webkit-column-count:3;-moz-column-count:3;column-count:3;padding:8px 0;-moz-column-gap:25px;		/* Firefox */
-webkit-column-gap:25px;	/* Safari 和 Chrome */
	column-gap:25px;border-bottom:1px solid #eee;}
.user-f .user-f-col {margin:0px auto; text-align:center}
.userIDinfo i {width:20px;height:20px; display: inline-block; vertical-align: middle}
.userIDinfo .user-f i{width:26px;height:26px; display: inline-block; vertical-align: middle;filter:alpha(opacity=50);-moz-opacity:0.5;  -khtml-opacity: 0.5;  opacity: 0.5;}
.userIDinfo .user-f a:hover i{filter:alpha(opacity=100);-moz-opacity:1;  -khtml-opacity: 1;  opacity: 1;}
.userIDinfo .user-f i.i-f-rzo {filter:alpha(opacity=100);-moz-opacity:1;  -khtml-opacity: 1;  opacity: 1;}
.user-f .user-f-col p {padding:2px 0; font-size:12px;margin:0}
.userinfo-col {padding-bottom:10px}
.userinfo-col2 {padding:12px 0; border-bottom:1px solid #eee; position:relative}
.userinfo-col2 .btn-s { position:absolute;top:15px; right:4px; z-index:100;}
.userinfo-col2 i {margin:0 5px}
.userIDinfo .u-email {font-size:12px}
.userIDinfo .newdot { position:absolute;top:15px; left:19px; z-index:100; width:6px;height:6px; overflow:hidden; background:#f1574d; border-radius:6px}
/************ sidebar ***************/
.logoarea{height:70px;padding:18px 0px 0 30px}
.logoarea img {/*height:100%*/height:42px}
.sidebararea { position: fixed;top: 0; bottom: 0; left: 0;  width: 210px;  z-index: 1040!important; background-color: #fff; color:#aaa}
.sidebar { position: relative ;height:100%;padding-top:20px;}

.sidebar span { line-height: 40px;  text-align: center;  display: inline-block;  vertical-align: middle;padding-left:15px}
.sidebar i {width:25px;height:25px; margin:10px 8px 10px 25px;display: inline-block; vertical-align: middle}

/*****/
.tborder-top {border-top:3px solid #eee;width:80%;margin:5px auto 5px;height:5px ;overflow: hidden}
.product-all {height:40px;width:210px}
.sidebar .sidebar-products { width:auto	}
.product-item-on, .product-item {position: relative; color: #fff; font-size:16px; width: 210px;
     line-height: 50px;}
.product-item-on:hover,.product-item:hover { background: #f3f3f3;width:auto}

.product-item-on:before {position:absolute;content:'';top:50%;left:0;border-left:6px solid #f4d134;width:10px;height:28px;margin-top:-14px}
/****/
.nav-pro-all { position: absolute ;height:100%;top:0;left:0px; z-index:300; background-color: #fff;}
.nav-pro-all .bwd { position:relative;}
.nav-pro-all .on{ position: absolute;top:0px;left:210px;z-index: 300;  width: 10px;  background-color: #fff;transition:all 0.2s linear; -webkit-transition:all 0.2s linear; overflow: hidden; height:100%; }
.nav-pro-box {width:30%;float:left;margin:5px 1.5% 20px}
.nav-pro-box h3 {padding:0 6px 6px; font-size:14px; font-weight: bold; color:#222}
.nav-pro-box li {font-size:14px; padding:8px 6px; position: relative}
.nav-pro-box li a {color:#555}
.nav-pro-box li:hover { background: #efefef}
.sidebar:hover .nav-pro-all .on {width:0px;overflow: hidden;/*width:600px;padding:20px; overflow: visible*/}
.product-all-wrap:hover .nav-pro-all .on {display:block;width:800px;padding:30px 40px; height:1200px;overflow: visible;box-shadow: 4px 0px 8px rgba(0,0,0,0.2); }

.nav-pro-box i {display: none; filter:alpha(opacity=100);-moz-opacity:1;  -khtml-opacity: 1;  opacity: 1;}
.nav-pro-box i.i-favorite  { position: absolute;top:7px; right:0px;z-index: 312;margin:5px 5px; cursor: pointer}
.nav-pro-box li:hover .i-favorite { display: inline-block;}
.i-favorite:hover {background-position:-57px -188px}
.nav-pro-box .favnav i.i-favorite { display: inline-block;background-position:-38px -188px}
.nav-pro-box li.favnav:hover .i-favorite {background-position:-38px -188px;}


/**icon**/
.sidebar-icon ,.icon,.icon-h,.itool {background-image:url(../images/icon.png);	background-repeat:no-repeat;}
.icon-h {width:30px;height:30px;display: inline-block; vertical-align:middle; }
.icon-s-pro-all {background-position: 0 0px;}
.icon-s-pro-home {background-position: 1px 0px;}
.sidebar-products .product-item-on i.icon-s-pro-home ,
.product-item:hover i.icon-s-pro-home {background-position:-30px 0px;}
.icon-s-pro-my {background-position: -65px 0px;}
.sidebar-products .product-item-on i.icon-s-pro-my ,
.product-item:hover i.icon-s-pro-my {background-position:-95px 0px;}
.icon-s-pro-shuc {background-position: -130px 0px;}
.sidebar-products .product-item-on i.icon-s-pro-shuc ,
.product-item:hover i.icon-s-pro-shuc {background-position:-162px 0px;}

.icon-s-pro-meg {background-position: -204px 0px;}
.icon-s-pro-yaoqing {background-position: -242px 0px;}
/******/
.icon {width:20px;height:20px;display: inline-block; vertical-align:middle; }

.icon-s-txt {background-position: -156px -75px;}
.icon-s-copy {background-position: -188px -75px;}
.icon-s-del {background-position: -122px -75px;}

.i-my-goout {background-position:-153px -26px;}

.i-s-pro-up {background-position: -150px 0px;}
.i-s-pro-join {background-position: -175px 0px;}
.i-s-pro-info {background-position: -225px 0px;}
.i-s-pro-pws {background-position: -150px -26px;}
.i-s-pro-phone {background-position: -175px -26px;}
.i-s-pro-email {background-position: -200px 0px;}

.i-del {background-position: -86px -190px;}
.i-del-g {background-position: -116px -186px;}
.i-favorite-on {background-position: -38px -188px;}
.i-favorite-over {background-position: -57px -188px;}
.i-favorite {background-position: -178px -188px;}
.i-right {background-position: -100px -187px;width:16px;height:16px}

.i-help {background-position: -125px 0px;}
.i-f-info {background-position: 0px -213px;}
.i-f-rz {background-position: -75px -213px;}
.i-f-rzo {background-position: -144px -213px;}
.i-f-pws {background-position: -38px -213px;}
.i-pay {background-position: -99px -27px;}
.i-email {background-position: -125px -27px;}
.i-down {background-position: 0px -80px;}
.i-showpdf {background-position: -200px -80px;}
.i-replenish {background-position: -23px -80px;}
.i-stop {background-position: -48px -80px;}
.i-play {background-position: -73px -80px;}
.i-view {background-position: -150px -80px;}
.i-delb {background-position: -175px -80px;}
.i-fit {background-position: -102px -290px;}
.i-okk {background-position: 0 -450px;}
.i-addsubacc {background-position: -75px -54px;}
.i-search {background-position: -113px -215px;}
i.icon-rig { position: absolute;top:5px; right:0px;z-index: 312;margin:10px 5px}

.i-infook {background-position: -40px -290px;}
.i-infoabnormal {background-position: -60px -290px;}
.i-infohighrisk {background-position: -80px -290px;}

.itool {width:60px;height:40px;display: inline-block; vertical-align:middle;}
.i-tool-1p {background-position: 0px -110px;}
.i-tool-2p {background-position: -72px -110px;}
.i-tool-3p {background-position: -140px -110px;}
.i-tool-4p {background-position: -204px -110px;}

.i-s-self-bi {background-position: -134px -47px;}
.i-s-self-setup {background-position: -161px -47px;}
.i-s-self-yongji {background-position: -255px -47px;}
.i-s-self-shouyi {background-position: -193px -47px;}
.i-s-self-shuoji {background-position: -224px -47px;}
/************/
.framework-body {margin:60px 0px 0 200px;height: 100%}

.frame-body-banner {height:55px;padding-top:10px;margin-bottom:30px; position: relative}
.frame-body-title {font-size: 24px; line-height: 45px;padding:15px 50px 0;font-weight: bold}
.frame-body-banner-right {position: absolute;top:30px;right:20px;font-size: 14px}

.framework-body-main {padding:0px 0px 10px}

.home-section-main {width:100%; position: relative;}
.home-section-left {width:calc(100% - 330px)}
.home-section-right {position: absolute;width:330px;top:0;right:0; z-index: 10}

/*************/
.section-fl {float:left}
.section-fr {float:right}
.section-col1 {width:62%}
.section-col2 {width:38%}
.sfl-16 {margin-left:16px}

.section-wrap {padding:8px 8px;margin:0 40px}
.section-container {background: #fff;box-shadow: 0 1px 1px rgba(0,0,0,0.15);border:0px solid #eee;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
/*.section-container:hover {box-shadow: 0px 0px 8px rgba(0,0,0,0.2); border:1px solid #ccc}*/
.barshadow {background-image:url(../images/barbg.png);	background-repeat:repeat-x; height:22px;filter:alpha(opacity=0.3);-moz-opacity:0.3;  -khtml-opacity: 0.3;  opacity: 0.3;}
.container-title {padding: 16px 16px 10px; position: relative}
.container-title .sc-t-rig { position: absolute;top:18px; right:16px;font-size: 12px }
.container-hd { position:relative}
.container-bd {padding:0 16px 16px;}
.container-hd h3 {padding: 0px 15px; height:55px; line-height:55px; font-size:20px}
.container-hd .rig-operate {top:8px;right:15px}

.container-tab {padding: 0px 8px 0px; border-top:4px solid #f4d134;background: #fff;height:55px;margin-bottom:0px}
.container-tab li {float:left;margin:0px 15px;padding:0px 3px; line-height: 55px;}
.container-tab li.on {border-bottom:4px solid #f4d134;line-height: 42px; font-size:18px; color:#333; padding-top:6px;font-weight: bold}
.container-tab li.on a {color:#333;position: relative}

/***************/

.messagelayer {position: absolute;top:180px;left:50%; z-index: 2010;width:560px;margin-left:-280px; background: #fff;height:auto;box-shadow: 0px 0px 12px rgba(0,0,0,0.2); }
.messagelayerbg {position: fixed;top:0;left:0; z-index: 2000;width:100%;height:100%; background:#000;filter:alpha(opacity=30);-moz-opacity:0.3;  -khtml-opacity: 0.3;  opacity: 0.3;}
.messagelayer .hd {position: relative}
.messagelayer .hd h3 { text-align:center; padding-top:25px; font-size: 24px;margin-bottom:15px}
.messagelayer .hd h4 {padding-left:20px; line-height: 46px; font-size: 16px;height:46px; }
.messagelayer .hd-right-operation { position: absolute;top:10px;right:0px; z-index: 2020; background: #54b977; -moz-border-radius: 13px;  -webkit-border-radius: 13px;   border-radius: 13px 0 0 13px;width:33px; height:24px;  overflow: hidden; display: inline-block}
.hd-right-operation i {width:20px;height:20px; margin:5px 0px 0 11px;display: inline-block; filter:alpha(opacity=80);-moz-opacity:0.8;  -khtml-opacity: 0.8;  opacity: 0.8;vertical-align: middle;}
.messagelayer .hd-right-operation:hover {background:#edcb70; }

.messagelayer .bd {padding:20px 40px 30px}
.messagelayer .bd p {padding:3px 0;margin:1px 0}
.notetab {padding:3px 8px; border-radius:30px; margin:0 10px; background:#f1574d; color:#fff; font-size:12px}

.megbtn {padding:30px 0 10px; text-align:center; }
.megbtn .btn {width:200px; margin:0 10px}
.messagehide { display:none}
/********/

.g-n700-box { background:#fff;width:700px;padding:55px 0px;margin:0 auto; position:relative}
.g-n700-box .n700-hd,.g-n700-box .n700-bd {margin:0 110px}
.g-n900-box { background:#fff;width:900px;padding:55px 0px;margin:0 auto;position:relative}
.g-n900-box .n900-hd,.g-n900-box .n900-bd {margin:0 100px}
.box-title {margin-bottom:20px; text-align:center;margin-top:-10px}
.box-title h3 {font-size:24px;margin-bottom:5px}
.box-title p {color:#999; font-size:14px}

.formbox {margin-bottom:30px}
.formtitle {margin-bottom:20px; text-align:center;margin-top:-10px}
.formtitle h3 {font-size:24px;margin-bottom:5px}
.formtitle p {color:#999; font-size:14px}
.formbox-col {padding:5px 0; position:relative}
.formbox-col p {padding-bottom:2px;margin-bottom:3px}
.forminput {width:100%;border-radius:6px; background-color:#f3f3f3; border:0px;padding:5px 10px;margin-right:3px;height:42px;outline:none;}
.formbox .btn {margin:20px 0;width:100%}
.formbox-col .col-rig { position:absolute;top:37px;right:0px; z-index:20;height:40px}
.formbox-col .col-rig .btn {margin:0 0 0 10px}
.formbox-col label {margin-right:20px; }
.formbox-col h4 {font-weight: bold;font-size: 18px;margin-bottom:8px}
.formbox .btm-form-rig {width:60px; border-radius:4px;margin-left:12px; line-height:40px}
.formbox .btm-form-rig2 {width:120px; border-radius:4px;margin-left:12px; line-height:40px}
.formbox input.inpcheck {margin-right:8px; vertical-align:middle; display:inline-block}

.formbox-col2 {padding:5px 0 5px 125px;  position:relative}
.formbox-col2 .formbox-col2-left{ position:absolute;top:0px; left:0; z-index:20;width:110px; text-align:right; line-height:54px}
.formbox-col2 .col-rig { position:absolute;top:6px;right:0px; z-index:20;height:40px}
.formbox-col2 .col-rig .btn {margin:0 0 0 10px}

.form-search { position:relative;}
.form-search .forminput { border-radius:30px;padding-left:15px}
.form-search .i-search {width:24px;margin-top:0px}
.form-search .btn-form-search {position:absolute;top:10px ;right:8px; z-index:20; border-left:1px solid #e0e0e0; line-height:16px;padding-left:5px}

.container-hd .form-search {padding-top:2px}
.container-hd .form-search .forminput {height:36px}
/**form input**/
.h-auto {height:auto}
.form-remmber-ck {	display: none;}
.form-remmber-ck[type=checkbox]+span {
	display: inline-block; vertical-align:middle; cursor:pointer;
	width: 20px;
	height:20px;
	background:url(../images/icon.png) no-repeat;background-position: 0 -290px;
}
.form-remmber-ck[type=checkbox]:checked+span {
	display: inline-block;
	width: 20px;
	height:20px;
	background:url(../images/icon.png) no-repeat;background-position: -20px -290px;
}

.form-custommade-op {	display: none;}
.form-custommade-op[type=checkbox]+span {
	display: inline-block; vertical-align:middle; cursor:pointer;
	width:52px;height:30px;
	background:url(../images/icon.png) no-repeat;background-position: 0px -250px;
}

.form-custommade-op[type=checkbox]:checked+span {
	display: inline-block;
	width:52px;height:30px;
	background:url(../images/icon.png) no-repeat;background-position: -58px -250px;
}
/***********/
.btn{ display:inline-block;text-align:center; line-height:44px; border-radius:44px; font-size:16px; cursor: pointer; background:#f4d134;}
a.btn {color:#333;}
.btn-30{ display:inline-block;text-align:center; line-height:30px; border-radius:30px; font-size:16px; cursor: pointer; background:#f4d134;padding:1px 14px;margin:0 5px}
a.btn {color:#333;}
/*******************/
.btn-s {border:1px solid #9f7b54;width:50px;height:24px; border-radius: 15px;font-size: 14px; display: inline-block; text-align: center; line-height: 22px;margin-left:2px;margin-right:2px}
a.btn-s {color:#9f7b54}
a.btn-s:hover {border:1px solid #f4d134; background:#f4d134; color:#333}

.table .btn-s {width:auto;padding-left:10px;padding-right:10px;}

.btn-b300 {width:400px;}
.btn-yel,a.btn-yel { background:#f4d134;color:#333;}
a.btn:hover ,.btn-yel:hover {background:#f4d134; color:#333}
a.btn-red {background:#f1574d;border:1px solid #f1574d; color:#fff}
a.btn-red:hover {background:#dc4035;border:1px solid #dc4035;}
a.btn-k {background:#eae4bf;border:0px solid #9f7b54; color:#333}

a.btn-blue { background:#41c8ca;}
a.btn-blue:hover {background:#e2bb53;}
.btn-100 {width:100px;line-height: 32px;height:32px;border-radius:50px}
.btn-r {position: absolute;top:8px ;right:10px;}
/**********/
.okarea { text-align:center;padding-top:20px}
.okarea .okpic {margin:0px auto}
.okarea h3 {font-size:24px; line-height:45px;margin-bottom:10px}
.okarea p {padding:5px;line-height:28px; font-size:14px}

/********************/

.progressbar { position: relative;padding:20px 0}

/*************/
.home-progressbar {padding:25px 8% 0;height:115px}
.home-progressbar h3 {padding-top:20px;font-size:18px; line-height:40px;margin-bottom:10px}
.progressbar {width:100%;}
.progressbar-title { position:absolute; top:5px; left:-60px; width:40px; z-index:30; color:#aaa; font-size:18px; line-height:24px}

.probar-nowbgarea { position:absolute;top:0px;left:0; z-index:20;width:100%;}
.probar-bgarea { position:absolute;top:0px;left:0; z-index:15;width:100%;}
.probar-bgarea .bd ,.probar-nowbgarea .bd{ position:relative;width:100%;height:40px}
.probar-point-area {position: absolute;top:0px;left:0;z-index: 32; -webkit-column-count:3;-moz-column-count:3;column-count:3;padding:8px 0;-moz-column-gap:1px;		/* Firefox */-webkit-column-gap:1px;	/* Safari 和 Chrome */	column-gap:1px;width:100%}
.progressbar .probar-point-col { text-align:left}
.probar-line {position: absolute;top:15px;left:0;z-index: 30; width:99%;height:3px; border-radius: 2px; background: #eeeeee}

.progressbar i {background-image:url(../images/icon.png);	background-repeat:no-repeat;background-position: 0 -189px;}
.progressbar i{ display: inline-block; width:14px;height:14px;margin-bottom:4px}

.probar-pointend { position:absolute;top:8px;right:3px; z-index:30; text-align:right;color:#aaa}
.probar-pointnow {position:absolute;background-image:url(../images/icon.png);	background-repeat:no-repeat;top:-3px;left:0; z-index:32;background-position: 0 -110px;width:96px;height:37px; color:#fff; line-height:37px;padding-left:37px; font-size:11px}
.step-end {background-position: -100px -110px;}

.probar-title {padding-top:20px}
.probar-title li {float:left;width:20%; text-align:center;color:#aaaaaa}
.probar-title .first { text-align:left;width:25%;}
.probar-title .three { width:27%; text-align:right;}
.probar-title .end { text-align:right;float:right}

.progressbar .probar-nowbgarea i {background-position: -20px -190px;}
.probar-nowbgarea .probar-line {background: #54b977;}

.probar-title li.green {color:#54b977; font-weight:bold}

/***/
.ysite {color:#aaaaaa;padding-bottom:10px; font-size:12px}
.ysite a, .ysite a:link{color:#666;padding-bottom:10px}


/*******/
.order-tab {padding:5px 0;margin-bottom:10px}
.order-tab li { display:inline-block;padding:5px 18px; background:#cbf1d8;margin:5px 3px;  border-radius: 40px; font-size:14px; position:relative}
.order-tab li:hover { background:#b0e7c3}
.order-tab li i { /*position:absolute; top:7px; right:5px; z-index:12*/ width:12px;margin:0px 0px 0px 10px;background-position: -120px -186px;}
.order-tab li:hover i {background-position: -86px -186px;}
.order-tab a.setup-tab { font-size:12px; background: none;padding:8px 5px;}

.formbox .order-tab,.formbox .order-tab ul {margin-bottom:0}
.formbox .order-tab li {padding:2px 12px;}
.formbox .order-tab li a:hover {color:#222}

/********************************/
.page_num_tab {text-align:center;padding:12px;border-top: 0px dashed #ddd;margin:30px 8px; clear:both} 
.page_num_tab a {font-size:14px;padding:7px 15px;border:0px #dddddd solid;background-color:#eee;margin:0px 4px; border-radius:6px}
.page_num_tab a:hover,.page_num_tab a.on:hover {background-color:#f4d134; color:#333}
.page_num_tab a.on {font-size:14px;border:0px #dddddd solid;background-color:#fef0d9; font-weight:bold;}
/**************/

/*****/
.rig-operate { position:absolute; top:0px; right:0; z-index:20;}
.rig-operate a {margin-left:10px; font-size:14px}

.userinfolist { position:relative;  }
.userinfolist .uil-col { position:relative;clear:both;zoom:1;}
.userinfolist .uil-col:after{content:'.';display:block;visibility:hidden;clear:both;height:0px;}
.userinfolist .uil-col span{width:125px; position:absolute; top:0; left:0; z-index:20; text-align:right;padding:10px 0}
.userinfolist .uil-col p{margin-left:130px; border-bottom:1px solid #eee;padding:10px 0;margin-bottom:0px}

/*******/
.notemeg {background: #fffbe9;padding:3px 15px;border-radius: 30px;line-height: 30px;display: inline-block}
.g-headarea,.sidebararea {border-top:8px solid #3e3e3e}
.table > thead > tr > td.table-td-w70,
.table > tbody > tr > td.table-td-w70,
.table > tfoot > tr > td.table-td-w70 {text-align: left}
.table-vpic img {width:52px}


/**** 2025.4.7*****/
.g-area {width:1400px}
.g-area .g-a-m {margin:20px auto}
.g-area .sc-title {padding:50px 20px;width:900px;margin:0 auto;}
.g-area .sc-title h3 {font-size:38px;font-weight: bold;color:#333;text-align:center}
.pchome-head {height:80px;line-height: 80px;background: #fff}
.pchome-head .logoarea {float:left}
.pchome-head .navarea {margin-left:10px;float: left;padding-top:10px;}
.pchome-head .navarea li {float: left;margin:0 5px;padding:10px;line-height: 40px;position: relative}
.pchome-head .fl-right {margin-right:20px;padding-top:20px;}
.pchome-head .fl-right a {padding:0px 25px}
.pchome-head .fl-left {width:800px}

.pchome-head .navarea .navsub {position: absolute;background:#fff;text-align: center;top:60px;left:-10px;width:150px;box-shadow: 0px 0px 18px rgba(0,0,0,0.2);padding:10px 0px;font-size:14px}
.pchome-head .navarea .navsub a {line-height: 36px;display:block}
.pchome-head .navarea .navsub a:hover {background:#f3f3f3}

.sc1 {background:#f5f7ff url("../images/pc_sc1picbg.jpg") no-repeat center 0;	height:600px;margin-top:80px}
.g-area {width:1300px;margin:0 auto}
.sc1 h2 {font-size:0px;color:#f5f7ff;margin-bottom:30px;}
.sc1 .g-area .fl-left {margin-top:80px;width:400px;line-height: 26px;}
.sc1 .g-area .sc1-tab {padding-top:20px;}
.sc1 .g-area .sc1-tab span {background: #bec9f4;padding:3px 20px;line-height: 30px;color:#333;display: inline-block;margin:5px 10px 5px 0;border-radius: 30px;}

.sc2 {}
.sc2 .navs2 {padding:20px 30px; text-align: center}
.sc2 .navs2 a {display: inline-block;padding:0 20px;margin:0 6px;font-size:16px;border:1px solid #b58858;border-radius: 30px;line-height: 34px}
.sc2 .navs2 a.on {background: #ebcc44;border:1px solid #ebcc44;}

.sc2 .g-a-m {padding:10px 0 40px}
.sc2 .g-a-m .fl-left {width:490px;border-radius: 20px;box-shadow: 0px 0px 18px rgba(0,0,0,0.2);background:#fff;padding:30px 30px 0px;height:400px}
.sc2 .g-a-m .fl-left h3 {font-size:30px;margin-bottom:15px}
.sc2 .g-a-m .fl-left p {color:#999999}
.sc2 .g-a-m .fl-left .sc2-l-i {padding-top:20px;}
.sc2 .g-a-m .fl-left .sc2-l-i .btn {margin-top:20px;}
.sc2 .g-a-m .fl-right {height:400px;border-radius: 20px;width:780px;background: #f4f5fb;border-radius: 20px;text-align: center}
.sc2 .g-a-m .fl-right img {height:100%}

/*****/

.sc3 {background: #f4f5fb;padding:40px 0;}
.sc3 .txt-c img { width:960px;}

.sc4 {background: #fff url("../images/pc_s4bg.jpg") repeat-x center 0;padding:40px 0;}
.sc4 .g-area .sc-title p {margin:5px auto;padding-top:20px}
.sc4 .g-area {width:1200px}
.sc4 .item-info {float:left;width:32.5%;margin:0 2px}
.sc4 .item-info .item-h {padding:30px 0 20px;text-align: center}
.sc4 .item-info .item-h h3 {font-size:26px;font-weight: bold;margin-bottom:10px}
.sc4 .item-info .item-h-line {background: #2a2c43;height:8px;width:100%;line-height: 0;overflow: hidden}
.sc4 .item-info .item-w {padding:30px 30px;line-height: 30px;}

.sc4 .item-on {background:#fff;box-shadow: 0px 0px 18px rgba(0,0,0,0.2);border-radius:0 0 20px 20px;}
.sc4 .item-on .item-h {background-color:#ebcc44}
.sc4 .item-on .item-h-line {background: #fdf7da;border:1px dashed #222;}
.sc4 .item-info:hover .item-h {background-color:#ebcc44}
.sc4 .item-info:hover .item-h-line {background: #fdf7da;border:1px dashed #222;}
.sc4 .item-info:hover {background: #fffceb;box-shadow: 0px 0px 18px rgba(0,0,0,0.2);border-radius: 0 0 20px 20px;}

.g-footarea {background: #ebcc44;padding:20px;margin-top:40px}
.g-footarea .fl-left {width:880px}
.g-footarea .foot-col {padding:3px 0 10px ; line-height: 45px}
.g-footarea .foot-col h4 {display:inline-block;margin-right:20px;font-weight: bold}
.g-footarea .foot-col-line {border-bottom:1px solid #f1e19d;width:800px;}
.g-footarea .foot-col a {margin:0 15px;display: inline-block}
.g-footarea .foot-col .fl-left2 {float:left;padding-top:20px}
.g-footarea .foot-col .fl-left2 a{font-size:14px;line-height:50px;}
.g-footarea .foot-col .logoarea {float:left;}
.g-footarea .fl-right {width:400px;padding-top:20px}
.g-footarea .fl-right span {display: inline-block;width:80px;text-align: center}
.g-footarea .fl-right span p {padding:3px 0;font-size:12px}