*{font-family:"Helvetica Neue","Helvetica","STHeitiSC-Light","Arial",sans-serif;box-sizing: border-box;}
body,html{margin:0;padding:0;color:#000;background:#fff;line-height:1.75;text-size-adjust:100%;-webkit-text-size-adjust: 100%!important;}
html{font-size:14px;}
html > body{font-size:1.125rem;overflow-y:scroll}
html {
    font-size: 87.5%;
}
*{word-break: break-all;}
/*
@media only screen and (min-width: 481px){
    html {
        font-size: 94%!important;
    }
}
@media only screen and (min-width: 561px){
    html {
        font-size: 109%!important;
    }
}
@media only screen and (min-width: 641px){
    html {
        font-size: 125%!important;
    }
}
*/

a{text-decoration:none;color:#08c;
	-webkit-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
	word-break:break-all; word-wrap:break-word
}
a:hover{color:#f00}
h1, h2, h3, h4, h5, h6 {
    margin: 0 0 .45em 0;
}
ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, hgroup, p, blockquote, figure, form, fieldset, input, legend, pre, abbr, button {
    margin: 0;
    padding: 0;
}

h2, h4 {
    display: block;
    font-size: 1.1em;
    -webkit-margin-before: 0.83em;
    -webkit-margin-after: 0.83em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}

body, input, textarea, select, button {
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga','kern';
}


.kbc{text-align:center}
.kbl{text-align:left}
.kbr{text-align:right}
.row{}
.col{}

.row:after, .row:before{content:" "}

.bigtitle{font-size:52px;font-size:3.25rem;line-height:1.125;font-weight:200}
.midtitle{font-size:32px;font-size:2rem;line-height:1.125;font-weight:200;}
.subtitle{font-size:24px;font-size:1.5rem;line-height:1.125;font-weight:200}
.midtitle a{color:#054367}


.buttitle{font-size:32px;font-size:2rem;line-height:1.125;font-weight:200; border:3px solid #0e81a4;padding:10px;overflow:hidden;border-radius:5px;cursor:pointer}
.buttitle a{color:#0e81a4}
.buttitle:hover{background:#0e81a4}
.buttitle:hover a{color:#fff}


.titlebar{padding:30px;padding-left:0px;padding-right:0px;overflow:hidden}

.helptxt{color:#666}
.helptxt:hover{color:#111}

.helptxt >div >div{position:relative;padding-left:40px;}
.helptxt >div >div div.star{position:absolute;left:20px;top:5px;}

.kbnavc{overflow:hidden;margin:0 auto}
.kbnavc >div{height:100%;max-width:1680px;margin:0 auto;}
.kbnavc >div.user{overflow:hidden;bottom:0;position:absolute;max-width:none;right:0;top:0;z-index:5001;}


.kbnav{height:88px;background:#efefef;color:#000;position:relative}
.kbnav a{color:#000}


.kbnav-fixed{position:fixed;top:0;left:0;right:0;height:88px;background:#efefef;color:#000;display:none;z-index:5000}
.kbnav-fixed a{color:#000}

#noticetext{ word-break:break-all; word-wrap:break-word}

.navmenus{
	list-style:none;
    height: 88px;   
	text-align: justify; 
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	overflow:hidden;
}

.navmenus > li{white-space: nowrap;height:88px;box-sizing: content-box;list-style:none;vertical-align: top;display:inline-block;line-height:88px;}
.navmenus:after{content:" ";display:inline-block;width:100%;overflow:hidden;}
/*.navmenus > li:after{content:" ";display:inline-block;width:100%;overflow:hidden;}*/

.mainbgc{background:#054367}
.redbgc{background:#800;color:#fff}

.navmenus > li > a{font-size: 16px;
    line-height: 2.75;
    font-weight: 400;
    letter-spacing: normal;
    opacity: 1;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)';
    filter: alpha(opacity=100);
    color: #000;
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 0 10px;
    height: 100%;
    background: no-repeat;
    text-decoration: none;
    white-space: nowrap;
    -webkit-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-tap-highlight-color: transparent;
    outline-offset: -7px;
	cursor:pointer
}
.navmenus > li > a:hover{opacity:0.8;filter: alpha(opacity=80);}



.navmenusf{
	list-style:none;
    height: 60px;   
	text-align: justify; 
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	overflow:hidden;
}

.navmenusf > li{white-space: nowrap;height:60px;box-sizing: content-box;list-style:none;vertical-align: top;display:inline-block;line-height:60px;}
.navmenusf:after{content:" ";display:inline-block;width:100%;overflow:hidden;}
/*.navmenus > li:after{content:" ";display:inline-block;width:100%;overflow:hidden;}*/


.navmenusf > li > a{font-size: 16px;
    line-height: 2.75;
    font-weight: 400;
    letter-spacing: normal;
    opacity: 1;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)';
    filter: alpha(opacity=100);
    color: #000;
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 0 10px;
    height: 60px;
    background: no-repeat;
    text-decoration: none;
    white-space: nowrap;
    -webkit-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-tap-highlight-color: transparent;
    outline-offset: -7px;
	cursor:pointer
}
.navmenusf > li > a:hover{opacity:0.8;filter: alpha(opacity=80);}

@media only screen and (max-width: 640px)
{
	.navmenusf > li{height:30px;line-height:30px;}
	.navmenusf > li >a{height:30px;line-height:30px;}
}

.cert-buytype-0{color:#888;}

.navmenus > li.act{background:#0e81a4;}
.navmenus > li.act *,.navmenus > li.act a{color:#fff;}
.codes{margin:20px;margin-left:50px;background:#ccc;padding:20px}

footer{height:300px;overflow:hidden;margin:0 auto;}
footer > div{max-width:1680px;margin:0 auto;}
.fcols{zoom:1;display:block;overflow:hidden}
.fcols >div{width:20%;overflow:hidden;float:left}
.fcols:after{content:'';display:block;clear:both;}
.fcols >div >div{font-weight:bold;font-size:12px;color:#333}
.fcols >div >ul >li a{font-size:12px;color:#333;}
.fcols >div >ul >li a:hover{text-decoration:underline}

.wrapper{overflow:hidden;position:relative}
.wrapper >div{margin:0 auto;width:96%;max-width:1680px}

.conset{padding:30px;text-align:left}
.consetnop{padding:0px;text-align:left}
ul.list{list-style:none;list-style-type:none}
ul.list >li{padding:5px;}
ul.list >li:hover{background:#efefef}

.mainsc{overflow:hidden;position:relative}
.mainsc .searchboxc{position:absolute; top:15%;width:100%;text-align:center;margin:0 auto;}
.mainsc .searchbox{max-width:700px;margin:0 auto;border-radius:5px;overflow:hidden}
.mainsc .searchbox >div{width:100%;margin:0 auto;position:relative;}
.mainsc .searchbox >div >div{width:100%;border-radius:5px;border:1px solid #bbb;background:#fff;overflow:hidden}
.mainsc .searchbox >div >div .realresult{display:none;max-height:250px;overflow:hidden;overflow-y:auto}
.mainsc .searchbox >div >div.expand{border:1px solid #666}
.mainsc .searchbox >div >div.expand .realresult{display:block}
.mainsc .searchbox >div >div >div.inputs >input{width:100%;margin:0px 0px 0px 0px;padding-left: 50px;height:52px;height:3.5rem;outline:0;font-size:24px;font-size:1.5rem;border:none;border-radius:6px;border-bottom:1px solid #fff;background:#fff;}
.mainsc .searchbox >div >div.expand >div >input{border:none;border-bottom:1px solid #bbb;border-radius:0;}
.series-toggle{padding:20px 0px;border-top:1px solid #dedede;border-bottom:1px solid #dedede;text-align:center}
.mainsc .searchbox >div >div >div.inputs >img{position:absolute; left:15px;top:18px;}

.mainsc .searchboxc .titlecolor{color:#aaa}
.mainsc .searchbox >div .bigtitle{display:none}

.sollist{list-style:none;list-style-type:none}
.sollist >li{display:block;float:left;width:50%;overflow:hidden;height:5rem;}
.sollist >li >a{display:block;padding:15px;overflow:hidden;text-align:justify}

.bdtop{border-top:1px solid #dedede;}



.kbnavcm{position:fixed;top:0;left:0;right:0;overflow:visible;display:none;z-index:100;}
.kbnavcm >div.user{z-index:5002;position:absolute;top:0;left:0;right:0;height:44px;overflow:hidden;background:#054367}
.kbnavcm >div.mainmenu{overflow:hidden;overflow-y:auto;z-index:5001;background:#054367;position:absolute;top:44px;left:0;right:0;bottom:0;border-top:1px solid #fff}

.kbnavcm a{color:#fff;;}
.kbnavcm >li{color:#fff;}

.kbnavcm.open{bottom:0;}
.kbnavcm.close{bottom:auto;}
.kbnavcm.open >div.mainmenu{bottom:0;display:block}
.kbnavcm.close >div.mainmenu{display:none}
.kbnavcm .navmenus > li{height:44px;line-height:44px;}

li.userinfo{text-align:right}

/*0e81a4,#a2e1f5, -180deg, #054367 0%, #0e81a4 100%, linear-gradient(-180deg, #257605 0%, #012802 100%)linear-gradient(-180deg, #0e81a4 0%, #a2e1f5 100%) ;
linear-gradient(-180deg, #257605 0%, #012802 100%);
linear-gradient(-180deg, #054176 0%, #030128 100%)*/
.gbg{background-image: linear-gradient(-180deg, #054176 0%, #030128 100%);}
.banner{overflow:hidden;font-size:0;min-height:550px}
.bannerpx{overflow:hidden;font-size:0;min-height:480px}
.bb{position:absolute;left:20px;right:20px;top:25%;}
.bb >div{max-width:600px;margin:0 auto;text-align:center;color:#fff;position:relative}
.bb >div >div.button{max-width:600px;margin:0 auto;text-align:center; border:2px solid #fff; border-radius:20px;height:100px;
		background:rgba(0,130,0,0.8);cursor:pointer;font-size:20px;color:#fff;position:relative}
.bb >div >div.button:hover{background:#080;border:2px solid #080}

.bb >div a{color:#fff;display:block;position:absolute;left:0;right:0;bottom:0;top:0;line-height:96px;}

.navtitle{font-size:30px;font-weight:bold;line-height:60px;padding:10px;}


@media only screen and (max-width: 1200px)
{
	.wrapper >div{max-width:90%;}
	.kbnavc >div{max-width:80%;}
	.kbnavc >div.user{max-width:none;}
	
	.mainsc .searchboxc {
		position:static;
		width: 90%;
	}
}
@media only screen and (max-width: 1068px)
{
	
	.bb{position:static;padding:20px;padding-top:30px;padding-bottom:30px;overflow:hidden;background:#054367}
	
	footer{height:auto;}
	footer >div{margin-left:20px; margin-right:20px; overflow:hidden}
	.fcols >div{width:100%;overflow:hidden;float:none;clear:both}
	
	.firstpanel{}
	
	.wrapper >div{max-width:90%;}
	
	.mainsc .searchboxc {
		position:static;
		width: 90%;
	}
	.mainsc .searchboxc .titlecolor{color:inherit}
	.mainsc .searchbox >div .bigtitle{display:block}
	.mainsc .searchbox >div >div >div.inputs >img{position:absolute; top:105px;}
	
	.mainbgc.inner-search{background:none;margin-top:50px;}
	.mainbgc.inner-search .searchbox >div >div >div.inputs >img{top:15px;}
	
	.sollist >li{width:100%;height:auto;}
	
	
	
	/*.kbnavc{display:none}*/
	.kbnavc{visibility:hidden;height:44px;}
	.kbnavm-fixed{display:block}
	.navmenus{height:auto;clear:both;overflow:hidden}
	.navmenus >li{display:block;clear:both;}
	
	.kbnavcm{display:block;}
	
	.kbnavcm >div.user .navmenus{height:44px;clear:both;overflow:hidden;text-align:left}
	.kbnavcm >div.user .navmenus >li{text-align:center;padding:0;margin:0;width:33.33%;display:block;float:left;clear:none;}
	
	.kbnavcm >div.mainmenu .navmenus >li{padding-left:20px;height:44px;line-height:44px;}
	.kbnavcm >div.mainmenu .navmenus >li >a{display:block;border-bottom:1px solid #fff;height:auto;}
	li#menuswitch{text-align:left;}
	li#menuswitch >a{display:block;width:44px;height:44px;position:relative;margin-top:2px;}
	
	.kbnavcm >div.user .navmenus >li.userinfo{text-align:right}
	
	li#menuswitch >a >span.linetop{display:block;position:absolute;left:0px;right:0px;top:0px;bottom:0px;webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-transform: rotate(0) translateY(0);
    -ms-transform: rotate(0) translateY(0);
    transform: rotate(0) translateY(0);}
	li#menuswitch >a >span.linebottom{display:block;position:absolute;left:0px;right:0px;top:0px;bottom:0px;webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-transform: rotate(0) translateY(0);
    -ms-transform: rotate(0) translateY(0);
    transform: rotate(0) translateY(0);}
	
	li#menuswitch >a >span.linetop >span{display:block;position:absolute;height:1px;left:10px;right:11px;top:16px;background:#fff}
	li#menuswitch >a >span.linebottom >span{display:block;position:absolute;height:1px;left:10px;right:11px;top:26px;background:#fff}
	
	li#menuswitch.status-close{}
	li#menuswitch.status-open{}
	
	li#menuswitch.status-open >a >span.linetop{
		-webkit-transform: rotate(45deg) translateY(-5px);
		-ms-transform: rotate(45deg) translateY(-5px);
		transform: rotate(45deg) translateY(5px);
	}
	li#menuswitch.status-open >a >span.linebottom{ 
		-webkit-transform: rotate(-45deg) translateY(-5px);
		-ms-transform: rotate(-45deg) translateY(-5px);
		transform: rotate(-45deg) translateY(-5px);
	}
}


.bc-gw{margin-left:10px;margin-right:10px;overflow:hidden;}	

.bc-w{width:98%;margin:0 auto;overflow:hidden;}
.bc-left{text-align:left}
.bc-right{text-align:right}
.bc-m5{margin-top:5px;}
.bc-m10{margin-top:10px;}
.bc-m20{margin-top:20px;}
.bc-m30{margin-top:30px;}

.bc-main{border:1px #08c solid;}

.bc-guide,.bc-search{padding:5px;overflow:hidden;background:#efefef;border:1px solid #dfdfdf;font-weight:bold;text-align:left}

.bc-b{font-weight:bold}
.bc-left{text-align:left}
.bc-center{text-align:center}
.bc-right{text-align:right}

.bc-padding5{padding:5px;}
.bc-padding10{padding:10px;}
.bc-padding20{padding:20px;}
.bc-padding30{padding:30px;}
.bc-padding40{padding:40px;}



.bc-mtab{overflow:hidden;}
.bc-mtab .bc-mtabl{float:left;display:block;cursor:pointer;clear:left;background:#efefef;}
.bc-mtab .bc-mtabr{float:right;display:block;cursor:pointer;clear:right;background:#efefef;}

.bc-mtab .bc-mtabl:hover,.bc-mtab .bc-mtabr:hover{background:#08c;color:#fff}

.bc-mtab .bc-mtabc{float:left;overflow:hidden;width:1px}
.bc-mtab .bc-mtabc ul{display:block;list-style:none;list-style-type:none;margin:0;padding:0;width:3500px;}
.bc-mtab .bc-mtabc ul li{float:left;overflow:hidden;margin-right:5px;}

/* Menu Tab*/
ul.tabs {
    margin: 0;
    padding: 0 0 7px 0;
    list-style: none;
    font-weight: bold;
	
}

ul.tabs li {
    float: left;
}

ul.tabs li a, ul.tabs li span {
    display: block;
    margin: 2px 2px 0;
    padding: 2px 8px 2px;
    background: #E3F2FF;
    white-space: nowrap;
    text-decoration: none;
    border: 1px #08c solid;
    border-bottom: none;
	color:#444;
	cursor:pointer;
}

ul.tabs li a:hover, ul.tabs li a:active, ul.tabs li a.act, ul.tabs li span.act, ul.tabs li a.active {
    margin: 0;
    padding: 2px 10px 6px;
    background: #08c; /* #F7FBFF;*/
	border: 1px #08c solid;
	color: #fff;
}

ul.tabs li.title span, ul.tabs li.title span.act {
    margin: 0;
	margin-right:5px;
    padding: 2px 10px 6px;
    background: none; /* #F7FBFF;*/
	border: none;
	color: #08c;
}

ul.tabs li span.a:hover {
    margin: 0;
    padding: 3px 8px 6px;
    background: #F7FBFF;
	color: #444;
}

ul.tabs li a:hover, ul.tabs li a:active {
    color: #444;
}
.gentabs{
	height:23px;overflow:hidden;clear:both;margin-left:10px;margin-right:5px;
	border-bottom:2px solid #9f9f9f;
}
.bc-tabc{height:36px;overflow:hidden;clear:both;}
.bc-tabc-b{height:36px;overflow:hidden;clear:both;border-bottom:2px #08c solid;}

.tabmenus{
	height:33px;overflow:hidden;clear:both;margin:0 auto;width:98%;
	border-bottom:2px solid #9f9f9f;
}

.bopbtn{height:18px;overflow:hidden;border:none;background:#900;color:#fff;cursor:pointer}
.bopbtn:hover{background:#F30}

.bdmain{width:98%;overflow:hidden;border:1px solid #efefef;margin:0 auto;}



.error{font-size:14px;color:#f00;font-weight:bold;text-align:left;padding:10px;overflow:hidden}
.errors{font-size:12px;color:#f00;font-weight:bold;text-align:left;padding:10px;overflow:hidden}


.fixedwindow{background:rgba(0,0,0,0.9);top:0;left:0;bottom:0;right:0;position:fixed;z-index:10000;display:none;text-align:center}
.fixedwindow >div{text-align:center;width:50%;position:absolute;left:0;right:0;bottom:50px;top:50px;margin:0 auto;}
.fixedwindowc{margin:30px 10px 30px 10px;padding:20px;overflow:hidden;position:absolute;left:0;right:0;bottom:50px;top:50px;background:#fff;border-radius:3px;overflow-y:auto;}
.fixedwindowe{z-index:10001;overflow:hidden;position:absolute;right:0;width:30px;height:30px;top:70px;background:#fff;border-radius:50%;text-align:center;vertical-align:middle;cursor:pointer;font-size:18px;font-weight:bold;}

.fixedwindowfill{background:rgba(0,0,0,0.9);position:relative;z-index:0;display:block;text-align:center;min-height:800px;}
.fixedwindowfill >div{text-align:center;width:50%;position:absolute;left:0;right:0;bottom:50px;top:50px;margin:0 auto;}
.fixedwindowfillc{margin:30px 10px 30px 10px;padding:20px;overflow:hidden;position:absolute;left:0;right:0;bottom:50px;top:50px;background:#fff;border-radius:0px;overflow-y:auto;}
.fixedwindowfille{z-index:10001;overflow:hidden;position:absolute;right:0;width:30px;height:30px;top:70px;background:#fff;border-radius:50%;text-align:center;vertical-align:middle;cursor:pointer;font-size:18px;font-weight:bold;}

.fixedwindowbutton{bottom:100px;position:absolute;left:30px;right:30px;}
.fixedwindowcf{overflow-y:hidden}
.fixedwindowcf >div{position:absolute;left:0px;right:0px;top:20px;bottom:80px;overflow:hidden;overflow-y:auto;padding-left:20px;padding-right:20px;text-align:left}
.fixedwindowcf >div.inbutton{bottom:20px;position:absolute;top:auto;overflow-y:hidden;text-align:center}


.fixedwindowcf.nb >div{bottom:20px}


.msfields{text-align:left}
.msfields >div{margin:0 20px 0 20px;overflow:hidden;padding-top:8px;}
.msfields >div >input{border-radius:2px;border:1px solid #ccc;outline:0;font-size:20px;font-size:1.2rem;margin:0;width:100%;padding:5px; transition:all ease 0.5s}
.msfields >div >input.w80{width:70%;}
.msfields >div >input.w15{width:20%;}
.msfields >div >span{text-align:center;display:block;color:#fff;border-radius:5px;outline:0;font-size:24px;font-size:1.5rem;margin:0;width:100%;padding:5px;cursor:pointer}
.msfields >div >span.w15{width:20%;text-align:center;display:inline-block;color:#fff;border-radius:5px;outline:0;font-size:16px;margin:0;padding:5px;cursor:pointer}
.msfields >div >span.w15.mainbgc.gray{background:#CCC}
.msfields >div >input:focus{border:1px solid #054367}

.umlist{list-style:none;list-style-type:none;margin:0;padding:0;display:block;overflow:hidden}
.umlist >li{padding:10px;margin:0;display:block;text-align:left}
.umlist >li >a{cursor:pointer;}

.menulist{list-style:none;list-style-type:none;margin:0;padding:0;display:block;overflow:hidden;clear:both}
.menulist >li{display:inline-block;overflow:hidden;width:100%;float:left;cursor:pointer;position:relative;text-align:center}
.menulist >li >span, .menulist >li >a{display:block;}
.menulist.sp2 >li{width:50%;}
.menulist.sp3 >li{width:33.3%;}
.menulist.sp4 >li{width:25%;}
.menulist.sp5 >li{width:20%;}
.menulist.sp6 >li{width:16.66%;}
.menulist.sp7 >li{width:14.285%;}
.menulist.sp8 >li{width:12.5%;}
.menulist.sp9 >li{width:11.111%;}
.menulist.sp10 >li{width:10%;}

.menulist:after{content:" ";width:0px;height:0px;overflow:hidden;clear:both;}

.menulist >li.last{width:0px;height:0px;overflow:hidden;clear:both;}


.qrcodes{overflow:hidden;zoom:1}
.qrcodes >div{width:50%;float:left;text-align:center}
.pricedesc{text-align:left;margin-top:15px;}
.price{color:#f00;font-weight:bold;}
span.button{text-align:center;display:block;color:#fff;border-radius:5px;outline:0;font-size:24px;font-size:1.5rem;margin:0;width:100%;padding:5px;cursor:pointer}
.graybgc{background:#ccc;color:#054367}
.msfields >div >span.graybgc{color:#054367}

.fixstage{position:relative;margin:0 auto;}
.fixfooter{height:60px;position:fixed;bottom:0px;left:0;right:0;background:#efefef}

.opbutton:hover{background:#0e81a4;}
@media only screen and (max-width: 1068px)
{
	.fixedwindow >div{width:95%;bottom:20px;top:20px;}
	.fixedwindowc{bottom:20px;top:20px;}
	.fixedwindowe{top:40px;}
	
	.fixedwindowfill >div{width:95%;}
	.fixedwindowfillc{bottom:20px;top:20px;}
	.fixedwindowfille{top:40px;}
	
	.msfields >div >span.w15{font-size:12px;}
	.qrcodes >div{width:100%;}
}


.domain{}
.domain .dtitle{height:40px;line-height:40px;}


.domain ul.item{padding:0;margin:0;height:40px;overflow:hidden;list-style:none;list-style-type:none;position:relative;}
.domaintitle > ul{background:#ddd;}
.domain ul.item >li{float:left;display:inline-block;height:100%;padding:0;padding:0;overflow:hidden;line-height:40px;}
.domain ul.item >li >span{padding-left:10px;display:inline-block;padding-right:10px;}
.domain ul.item >li.sel{position:absolute;left:15px;top:3px;display:none}
.domain ul.item >li.icon{position:absolute;left:10px;top:0px;display:block;font-size:12px}
.ctype_0{color:#080}
.ctype_1{color:#800}
.domain ul.item >li.dm{width:40%;}
.domain ul.item >li.dm.bd{font-weight:bold;}
.domain ul.item >li.dnb{width:15%;text-align:right}
.domain ul.item >li.dnf{width:15%;text-align:right}
.domain ul.item >li.dns{width:15%;text-align:center}
.domain ul.item >li.dno{width:15%;text-align:right; background:url(/images/open2_x16.png) no-repeat right 10px center}

.domain ul.item >li.dno >span{padding-right:25px;}

.emailsign_0{color:#800}
.emailsign_1{color:#080}

.domain .certlist ul.item{padding-left:40px;}

.colorcol li.dns{background:rgba(200,200,200,0.8)}

.colorcol li.dns.proccn_1,.colorcol li.dns.proccn_21{background:rgba(0,200,0,0.5)}
.colorcol li.dns.proccn_51{background:rgba(200,0,0,0.5)}

.domain .item{border-bottom:1px solid #ccc; transition:ease all 0.5s}
.domain .item:hover{border-bottom:1px solid #054367;background:#efefef}

.domain .item.hd{border-bottom:1px solid #054367;border-top:1px solid #054367;font-weight:bold}
.domain .item.hd:hover{background:none}

.domain .item.selected{background:#054367;color:#fff}

.opmenu{position: absolute; right:0px; top:0;background:#054367 url(/images/pre_w_16.png) no-repeat center left; border-radius:2px;border:1px solid #054367;display:none;min-width:150px;}
.opmenu >ul{list-style:none;list-style-type:none;}
.opmenu >ul >li{padding:10px;padding-left:20px;padding-right:20px;text-align:center;color:#fff}
.opmenu >ul >li a{color:#fff;cursor:pointer}
.opmenu >ul >li:hover{background:#ccc;}

.curlimited{font-size:20px;color:#054367;font-weight:bold}

/**Products Show*/
.ease{ transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -o-transition:all ease 0.5s}
.pros{}
.pros >div{float:left;padding:0;margin:0;width:25%;text-align:center;cursor:pointer;}
.pros >div >ul{width:90%;margin:0 auto;list-style:none;list-style-type:none;padding-top:40px;padding-bottom:40px;background:#efefef}
.pros >div >ul:hover{background:#ccc;}
.pdesc{font-size:12px;}
.pprice{font-size:30px;font-weight:bold;}
.pros >div.selected >ul{background:#0e81a4;color:#fff}
.pros >div.cannotselected >ul{background:#ccc;color:#eee}

.pros.bbg >div >ul{background:rgba(0,0,0,0.7);color:#fff;padding-top:80px;padding-bottom:80px;margin-top:10px;}
.pros.bbg >div >ul:hover{background:rgba(0,200,0,0.9)}

.mainpanel{position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;}
.mainpanel >table{width:100%;height:100%;margin:0 auto;max-width:1680px}

.indexwikis{position:absolute;left:0;right:0;top:0;bottom:60px;}
.indexwikis >div{width:49%;display:inline-block; vertical-align:top}

#paybutton{ transition:ease all 0.5s}

.iteminfo{}
.iteminfo >li{position:relative;padding-left:70px;}
.iteminfo >li >span{position:absolute;left:0;top:0px;}

.ab{cursor:pointer}
@media only screen and (max-width: 1068px)
{
	.pros >div{width:50%;}
	
	.mainpanel{position:static;top:0;bottom:0;left:0;right:0;text-align:center;padding-top:100px;padding-bottom:100px;overflow:hidden;background:#054367}
	.mainpanel >table{width:100%;margin:0 auto;max-width:1100px}
	
	.indexwikis{position:static;padding:0px;clear:both;}
	
	.indexwikis >div{width:100%;clear:both}
}

@media only screen and (max-width: 640px)
{
	.pros >div{width:100%;}
	
	
	.domain ul.item >li.dm{width:40%;}
	.domain ul.item >li.dm.bd{font-weight:bold;}
	.domain ul.item >li.dnb{width:15%;text-align:right;display:none}
	.domain ul.item >li.dnf{width:15%;text-align:right;display:none}
	.domain ul.item >li.dns{width:30%;text-align:center;}
	.domain ul.item >li.dno{width:30%;text-align:right; background:url(/images/open2_x16.png) no-repeat right 10px center}
}

.helpitems{}
.helpitems >div{margin:20px;overflow:hidden}
.helpitems >div:hover{background:#f1f1f1}
.helpitems >div .htitle{position:relative;background:#054367;color:#fff;}
.helpitems >div .htitle >div{padding:5px;padding-left:40px;}
.helpitems >div .htitle >span{padding:5px;display:block;position:absolute;left:0px;top:0px;width:40px;text-align:center}

.helpitems >div .htext{overflow:hidden;}
.helpitems >div .htext >div{padding:10px;}
.helpitems >div .htext p{ text-indent:30px;}

.wikiitems{}
.wikiitems >div{margin:20px;overflow:hidden}
.wikiitems >div:hover{background:#eee}
.wikiitems >div .htitle{position:relative;background:none;color:#333;margin:0;padding:0;overflow:hidden}


.wikiitems >div .htitle a{color:#333;}
.wikiitems >div .htitle >div{padding:5px;padding-left:40px;}
.wikiitems >div .htitle >span{padding:5px;display:block;position:absolute;left:0px;top:0px;width:40px;text-align:center}

.wikiitems >div .htext{overflow:hidden;}
.wikiitems >div .htext >div{padding:10px;}
.wikiitems >div .htext p{ text-indent:30px;}

@media only screen and (max-width: 640px)
{
	.helpitems >div{margin:0px;overflow:hidden;margin-bottom:20px;}
	.wikiitems >div{margin:0px;overflow:hidden;margin-bottom:20px;}
}

.tipbuttons{}
.tipbuttons >div{max-width:300px;padding:20px;margin:40px auto;overflow:hidden;background:rgba(255,0,0,0.5);border:2px solid rgba(255,0,0,0.8);border-radius:10px;text-align:center}

/*GentCerts*/
@keyframes dotblink
{
from { opacity: 0.5;}
to {opacity: 1;}
}

@-moz-keyframes dotblink /* Firefox */
{
from { opacity: 0.5; -moz-opacity:0.5}
to {opacity: 1; -moz-opacity:1}
}

@-webkit-keyframes dotblink /* Safari 和 Chrome */
{
from { opacity: 0.5; -webkit-opacity:0.5}
to {opacity: 1; -webkit-opacity:1}
}

@-o-keyframes dotblink /* Opera */
{
from { opacity: 0.5;}
to {opacity: 1;}
}

.certstatus{display:block;height:40px;position:relative}
.certstatus .lines{border-top:1px solid #ccc;position:absolute;top:10px;left:0;right:0;}
.certstatus >ul{list-style:none; list-style-type:none;display:block;position:absolute;left:0;right:0;top:0}
.certstatus >ul > li{float:left;width:20%;}
li >.certdot{background:#ccc; width:20px;height:20px;margin:0 auto; border-radius:50%;overflow:hidden}

li.act >.certdot{
	background:#800;
	animation:dotblink 1s infinite;
	-moz-animation:dotblink 1s infinite; /* Firefox */
	-webkit-animation:dotblink 1s infinite; /* Safari and Chrome */
	-o-animation:dotblink 1s infinite; /* Opera */
}
li.act{color:#800;font-weight:bold}

li.finished >.certdot{background:#080}
li.finished{color:#080;font-weight:bold}

li.finished.cs_error >.certdot{background:#f00}
li.finished.cs_error{color:#f00;font-weight:bold}

.cert_domains{}
.cert_domains >div{padding:5px;overflow:hidden;padding-left:0;padding-right:0;}
.cert_domains >div >input{width:100px;height:26px;overflow:hidden;border-radius:2px;border:1px solid #0084cf;text-align:center}

.cert_ps{
	margin: 0 20px 0 20px;
    overflow: hidden;
    padding-top: 30px;
	display:block;
}
.cert_ps >span{display:inline-block;padding:5px;overflow:hidden;color:#fff;cursor:pointer;}

.switch{border-radius:2px;overflow:hidden}
.switch > li{background:#ccc;}
.switch > li:hover{background:#666}
.switch > li >span{display:block;padding:10px;}
.switch > li.act{background:url(circle_yes.png) no-repeat 10px 15px #0084cf;color:#fff}

.fixedselect{position:relative;display:inline-block;width:100%;}
.fixedselect >select{ opacity:0; -moz-opacity:0; -webkit-opacity:0;position:absolute;left:0;top:0;right:0;bottom:0;display:block;height:auto;width:100%;}
.fixedselect >span{display:block;padding:10px;border:1px solid #0084cf;border-radius:2px;background:url(/images/open2_x16.png) no-repeat right 10px center}

/*
.tipitem{
	position:absolute;top:0;left:0;width:23%;background:#efefef;bottom:0; transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -o-transition:all ease 0.5s; color:#444;
	border-radius:3px;text-align:center;
}
*/
.tipitem{
	width:23%;background:#efefef;transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -o-transition:all ease 0.5s; color:#444;
	border-radius:3px;text-align:center;margin-right:1%;
	display:inline-block;height:100%; vertical-align:top;
}
div.col5 > .tipitem{width:18.5%;}
.tipitem > div.icon{
	width: 128px;height:128px;margin:0 auto;text-align:center;
}
.tipitem > div.icon > div{
	width: 70px;height:70px;overflow:hidden;margin:26px auto;border:3px solid #0a8147;border-radius:10px;text-align:center;background:#fff;
}
.tipitem > div.icon > div > dt{
	width:30px;line-height:26px;height:30px;margin:18px auto;padding:0;font-size:24px;border-radius:50%;border:2px solid #f00;color:#000;
}
.tipitem span, .tipitem h1{color:#444;font-size:16px;transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -o-transition:all ease 0.5s; display:block;margin:0 auto;width:90%;text-align:center;padding:5px;}
.tipitem span.bigsize, .tipitem span.bigsize a{font-size:18px;font-weight:bold;color:#000}
.tipitem h1.bigsize, .tipitem h1, .tipitem h1 a{font-size:18px;font-weight:bold;color:#000; word-break:normal; word-wrap:normal}

.tipitem:hover{background:#06c;}
.tipitem:hover span{color:#fff;}
.tipitem:hover h1, .tipitem:hover h1.bigsize, .tipitem:hover h1 a{color:#fff;}
.tipitem:hover span.bigsize, .tipitem:hover span.bigsize a{color:#fff;}

/*
.tipitem_0{
	left:1%;
}
.tipitem_1{
	left:26%;
}
.tipitem_2{
	left:51%;
}
.tipitem_3{
	left:76%;
}
*/
.sslwrapper{margin:0 auto;width:100%;max-width:1680px;position:relative}
.sslintrs{position:relative;margin:0 auto;}
.sslintrs.onerow{height:450px;}
.sslintrs.tworow{height:900px;}
.sslintrs >div{position:absolute;top:20px; bottom:20px;left:20px;right:20px;overflow:hidden;overflow-y:auto;}
.sslintrs >div > div{position:relative;left:0;right:0;top:0;height:48%;overflow:hidden;min-height:300px; vertical-align:top;text-align:center}

.sslintrs.onerow >div > div{height:100%;}

.sslintrs >div > div.line{top:20px;}

.blockedhead{padding:40px;}
.blockedhead > h1{color:#08c}

.intrcontent{padding-left:40px;padding-right:40px;}
.intrcontent > p{margin-bottom:20px;}

.sslintrs .tipitem:hover{background:#0a8147}

@media only screen and (max-width: 1024px) 
{
	.sslintrs{height:auto;position:static;width:100%;padding-bottom:20px;padding-top:20px;}
	.sslintrs.onerow{height:auto;}
	.sslintrs.tworow{height:auto;}
	/*.tipitem{width:48%;display:block;position:static;float:left;height:300px;}*/
	.tipitem{width:48%;height:300px;margin-bottom:20px;}
	div.col5 > .tipitem{width:48%;height:350px;}
	
	.sslintrs >div{position:static;top:0;bottom:0;left:0;right:0;overflow:visible;padding-bottom:20px;}
	.sslintrs >div:after{content:' ';display:block;height:1px;overflow:hidden;clear:both}
	.sslintrs >div > div.line{top:0px;}
	
	.blockedhead{padding:10px;text-align:center}
	.intrcontent{padding-left:10px;padding-right:10px;}
}

@media only screen and (max-width: 640px) 
{
	.tipitem{width:100%;height:300px;margin-bottom:20px;border-radius:0px;}
	div.col5 > .tipitem{width:100%;height:300px;border-radius:0px;}
}

/*Added20180226**/
.spb{position:absolute;top:0;left:0;right:0;bottom:0;}
.spbin{max-width:1600px;margin:0 auto;background:none;position:relative;height:100%;}
/*
.spbin .spb_left{position:absolute;left:0;width:50%;bottom:0;top:0;background:rgba(0,0,0,0.4)}
.spbin .spb_right{position:absolute;right:0;width:50%;bottom:0;top:0;background:rgba(0,102,51,0.6)}
*/
.spbin .spb_left{position:absolute;left:0;width:50%;bottom:0;top:0;background:none}
.spbin .spb_right{position:absolute;right:0;width:50%;bottom:0;top:0;background:none}

.spb_text{color:#fff}
.spb_text ul{padding:0;margin:0;overflow:hidden;padding-left:30px;list-style:circle}
.spb_text ul li{line-height:180%;}
.itemtitle{font-size:20px;font-weight:bold;}
.spb_text >div{margin:30% auto;}
/*
.spbutton{width:50%;max-width:400px;text-align:center;background:rgba(0,102,51,0.8);margin:0 auto;margin-bottom:40px;height:70px;line-height:70px;cursor:pointer}
.spbutton a{color:#fff;display:block;height:70px;font-size:20px;}

.spbutton:hover{background:rgba(0,102,204,0.8)}
*/
.spbutton{width:50%;max-width:400px;text-align:center;background:rgba(255,255,255,0.7);margin:0 auto;margin-bottom:40px;height:70px;line-height:70px;cursor:pointer}
.spbutton a{color:#0e81a4;display:block;height:70px;font-size:20px;}

.spbutton:hover{background:rgba(255,255,255,1)}

.spb_exp{font-size:12px;color:#888}
.spb_con{margin-left:20%;}
@media only screen and (max-width: 1280px)
{
	.spb_con{margin-left:30px;}
}
@media only screen and (max-width: 960px)
{
	.banner{min-height:inherit}
	.bannerpx{min-height:inherit}
	
	.spb{position:static;padding-top:20px;padding-bottom:20px;}
	.spbin .spb_left{position:static;width:90%;margin:0 auto;padding:0px;padding-top:40px;}
	.spbin .spb_right{position:static;width:90%;margin:0 auto;padding:10px;}
	.spb_con{margin-left:10px;}
	
	.spbutton{width:100%;max-width:100%;}
	.spb_logo{display:none}
}


.paysel{background:#080;color:#fff}
.paynor{background:#ccc;}

.payorderinline{font-weight:bold;color:#080}
.cancelorderinline{font-weight:bold;color:#800}

.certinfo{border-left:1px solid #ccc;border-top:1px solid #ccc;overflow:hidden;line-height:30px;}
.certinfo ul{width:50%;display:block;padding:0;margin:0;height:30px;position:relative;float:left}
.certinfo ul.fullline{width:100%; word-break:break-all; word-wrap:break-word;height:auto;}
.certinfo ul li{padding:0;margin:0;list-style:none;display:block;border-right:1px solid #ccc;border-bottom:1px solid #ccc;height:30px;overflow:hidden}
.certinfo ul li.itemlabel{width:150px;text-align:right;position:absolute;left:0;top:0;bottom:0;padding-right:10px;color:#666}
.certinfo ul li.itemvalue{padding-left:160px;text-align:left;}

.certinfo ul.fullline li{height:auto;min-height:30px; box-sizing:border-box}

.certbtns >span{margin-right:20px;margin-top:10px;margin-bottom:10px;}

.spanbutton {
	font-size: 20px;
	line-height: 1;
	font-weight: 200;
	border: 3px solid #800;
	overflow: hidden;
	border-radius: 5px;
	cursor: pointer;
	display:inline-block;
	background: #800;
	box-sizing:border-box;
	margin-top:10px;
}
.spanbutton:hover {
	background: #ccc;
}
.spanbutton a{display:block;padding:10px;color:#fff;}
.spanbutton:hover a{color:#800}


.certbutton {
	font-size: 20px;
	line-height: 1;
	font-weight: 200;
	border: 3px solid #0e81a4;
	overflow: hidden;
	border-radius: 5px;
	cursor: pointer;
	display:inline-block;
	background: #0e81a4;
	box-sizing:border-box;
	margin-top:10px;
}
.certbutton:hover {
	background: #ccc;
}
.certbutton a{display:block;padding:10px;color:#fff;}
.certbutton:hover a{color:#0e81a4}

@media only screen and (max-width: 1100px)
{
	.certinfo ul{width:100%;}
}
/**INdex Slider*/
.spb_slider{position:absolute;left:0;top:0;bottom:0; width:100%;transition:left ease 0.5s;overflow:hidden;margin:0 auto;display:none}
.spb_text >div.spb_slider, .spb_text >div.spb_thumb{margin:0 auto;}
.spb_thumb{position:absolute;left:0;bottom:0;right:0;height:40px;background:rgba(0,0,0,0);margin:0 auto;text-align:center}
.spb_thumb span{display:inline-block;width:20px;height:20px;overflow:hidden; border-radius:50%;background:rgba(255,255,255,0.6);margin-top:10px;margin-right:10px;cursor:pointer}
.spb_thumb span.act{background:#fff}
@media only screen and (max-width: 960px)
{
	.spb_right{position:relative!important;height:600px;}
	.spb{position:static;padding-top:20px;padding-bottom:0px;}
	.spbin .spb_left{position:static;width:100%;margin:0 auto;padding:0px;padding-top:0px;padding-bottom:0px;}
	.spbin .spb_right{position:relative;width:100%;margin:0 auto;padding:0px;}
	.spb_con{margin-left:10px;}
}