@charset "utf-8";

/*全局样式*/
* {padding:0px; margin:0px;}
html,body{ height:100%;}

*{-webkit-tap-highlight-color: rgba(0,0,0,0);}
body { font-size: 1rem;line-height: 1.5;padding:0px; background:#fff; font-family: Helvetica Neue,Helvetica,STHeiTi,Arial,sans-serif; background:#fff;width:auto;}
label {font-size:14px; font-family: Helvetica Neue,Helvetica,STHeiTi,Arial,sans-serif;}
ul, li, ol, li { margin:0px; padding:0px;}
h1, h2, h3, h4, h5, h6, p, dl, dt, dd, form { margin:0px; padding:0px; font-weight:normal; font-size:14px; }
img { border:0px; margin:0px; padding:0px; vertical-align:middle; }
table { border:0px; font-size:14px;}
.clear{clear:both;}
a{ text-decoration:none;outline:none；-webkit-tap-highlight-color: rgba(0,0,0,0);}
a:link{text-decoration: none!important;  }
a:visited{text-decoration: none!important;  }
a:hover{text-decoration: none!important;  }
a:active{text-decoration: none!important;  }
a:focus{text-decoration: none!important;  }
.no_bor{border-right:none;}
.no_bor_t{border-top:none;}
input, select,textarea{ vertical-align:middle;font-size:12px;font-family: Helvetica Neue,Helvetica,STHeiTi,Arial,sans-serif;padding:3px; line-height:20px;-webkit-appearance:none;
border-radius:0;}
input::-webkit-input-placeholder {
  color: #ccc;
}
input::-moz-input-placeholder {
  color: #ccc;
}
input::-ms-input-placeholder {
  color: #ccc;
}
/*为了消除选中时的虚线框*/
a{
	bblr:expression(this.onFocus=this.blur());/*IE使用*/
	outline-style:none;/*FF使用*/
}
.color_orange{ color:#fd5908;}
.color_yellow{ color:#ff9329;}
.color_blue{ color:#0187ee;}
.color_gray{ color:#9c9c9c;}
.color_red{ color:#fe0707;}
.color_green{ color:#24ba67;}
.color_black{ color:#444;}

.fl{float: left;}
.fr{float: right;}

.m_l_3{margin-left: 3px;}
.m_l_10{margin-left: 10px;}
.m_r_5{margin-right: 5px;}
.m_t_10{ margin-top: 10px;}
.m_t_20{ margin-top: 20px;}
.m_b_10{margin-bottom: 10px;}
.m_tb_20{margin: 20px 0;}
.p_b_10{ padding-bottom: 10px;}
.p_10{padding: 10px;}

/* 导航自定义 */
.navbar-custom {background-color:#fff; box-shadow: 0 0.0625rem 0.375rem 0 rgba(0, 0, 0, 0.1); font: "Helvetica", Arial; transition: all 0.2s ease; position:fixed; top:0; left:0; right:0; height:54px; width:100%; display:inline-table; z-index: 10;}
.navbar-custom .icon-wenhao{ position: absolute; right: 10px; top:13px; font-size: 20px; z-index: 2;}
.navbar-custom .header_back{ position: absolute; left: 0; top:10px; z-index: 2;}
.navbar-custom .top-butotn{ position: absolute; right: 10px; top:14px; z-index: 1; width: 100%;}
.navbar-custom p.header_title{ margin: 0; position: inherit; left: inherit;}
.navbar-custom .header_title{ line-height: 54px;}
.logo-image{ padding:0 0.5em ; display:table-cell; vertical-align:middle;position: absolute;left: 5px; top: 7px; z-index: 2;}
.logo-image img {height: 40px; margin-bottom: 1px;-webkit-backface-visibility: hidden; }
.logo-image img {height: 40px; margin-bottom: 1px;-webkit-backface-visibility: hidden; }
.top-butotn{ display:table-cell; vertical-align:middle; text-align:right; width:50%; padding:0 0.5em;}
.menu-icon{ display:inline-block; vertical-align:middle;}
.fa-user{background:url(../images/icon-user.svg) no-repeat; background-size:25px 25px; width:25px; height:25px;margin:0 0 0 0.5em ; display:inline-block; vertical-align:middle;}
.click .fa-menu{ display:none;}
.click .fa-close{ display:block;}
.fa-menu{background:url(../images/icon-menu-header.svg) no-repeat; background-size:25px 25px;width:25px;height:25px;display:block; margin:0 0 0 0.5em ;}
.fa-close{background:url(../images/icon-close.svg) no-repeat; background-size:25px 25px; width:25px; height:25px; display:none; margin:0 0 0 0.5em ;}
.nav-menu{ display:none;}
.click .nav-menu{right: 0;top: 54px;left: 0;position: fixed;border-top: 1px solid #dfdfdf;display:inline-table;width:100%;background:#fff;box-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1);transition: all 0.2s ease;    height: 100vh;}
.click:hover > .nav-menu{animation: fadeDropdown 0.2s; }

.nav-menu .downinfo_n{line-height:50px;color:#333;display: table-cell;vertical-align:top;background:#f4f4f4;width:30%;height:100%; border: none;}
.nav-menu .downinfo_n ul{overflow:hidden; }
.nav-menu .downinfo_n li{display:block;cursor:pointer; text-align:left; font-size:1rem; line-height:50px; margin:0; list-style:none; width: 100%; }
.nav-menu .downinfo_n li b{color:#666; line-height:50px; display:block; font-weight:normal; padding:0 1em ;  font-size:14px;}
.nav-menu .downinfo_n li:hover b{color:#0078ff;}
.nav-menu .downinfo_n li.Active{text-decoration:none; height:48px;margin:0; background:#fff;margin-left:-1px; }
.nav-menu .downinfo_n li.Active b{line-height:48px; background:#fff; color:#000; font-weight:normal; border-right:1px solid #fff;border: none; font-weight: bold;}
.nav-menu .downinfo_c{text-align: left;padding:0 10px 10px;display: table-cell;vertical-align:top;}

.nav-menu .downinfo_c .second_level{ height: 90vh; overflow-y: auto;} 
.nav-menu .downinfo_c .second_level li{ display:block; width:100%; cursor:pointer; border-bottom:1px dotted #dfdfdf; position:relative; line-height: 48px;}
.nav-menu .downinfo_c .second_level li a{ display:block; width:100%;display:inline-table; color:#333; }
.nav-menu .downinfo_c .second_level li a p{ display:inline-block; vertical-align:middle;line-height:40px; font-size:14px; margin: 0;}
.nav-menu .downinfo_c .second_level li a em{ font-style:normal; width:20px; height:20px; background:url(../images/icon-next.svg) no-repeat; position:absolute; right:0; top:14px; background-size:20px 20px;}
/*蓝底导航*/
.navbar-custom.blue_sty{background-color:#269df4;}
.navbar-custom.blue_sty .header_back i,.navbar-custom.blue_sty .header_title{ color: #fff;}
.navbar-custom.blue_sty .fa-user{background:url(../images/icon-user-white.svg) no-repeat; background-size:25px 25px;}
.navbar-custom.blue_sty .fa-menu{background:url(../images/icon-menu-header-white.svg) no-repeat; background-size:25px 25px;width:25px;height:25px;display:block; margin:0 0 0 0.5rem ;}
.navbar-custom.blue_sty .fa-close{background:url(../images/icon-close-white.svg) no-repeat; background-size:25px 25px; width:25px; height:25px; display:none; margin:0 0 0 0.5em ;}
.navbar-custom.blue_sty .click .fa-menu{ display:none;}
.navbar-custom.blue_sty .click .fa-close{ display:block;}

/*导航*/
/* header */
.header{background-color:#fff; box-shadow: 0 0.0625rem 0.375rem 0 rgba(0, 0, 0, 0.1); position:fixed; top:0; left:0; right:0; height:50px; width:100%; display:inline-table; z-index:999;}
.header .logo{display:table-cell; vertical-align:middle; padding-left:12px; width:60%; z-index: 1000; position: absolute; top: 5px;}
.header .logo img{height: 40px;}
.header .search{position:absolute;top:0;right:35px;z-index:1000;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-search.png) no-repeat center center;background-size:40%;}
.header .search:hover{background-color:#0067d2;}
.header .search span{display:none;}
.header .user-icon{position:absolute;top:12px;right:50px;z-index:1000;display:block;width: 25px;height: 25px;text-indent:-9999em;background:url(../images/icon-user.svg) no-repeat center center;background-size: 25px 25px; padding:12px;}
.header .user-icon span{display:none;}
.header .back{position:absolute;top:0;left:0;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-back.png) no-repeat center center;background-size:12px 20px;}

.header.blue_sty{background-color:#269df4;}
.header.blue_sty .header_back i{color: #fff;}
.header.blue_sty .header_title{color: #fff;}
.header.blue_sty .dl-menuwrapper button,.header.blue_sty .dl-menuwrapper button:hover {background: #269df4 url(../images/icon-menu-header-white.svg) no-repeat center center;background-size: 25px 25px;}
.header.blue_sty .user-icon{width: 25px;height: 25px;background:url(../images/icon-user-white.svg) no-repeat center center;background-size: 25px 25px;}

@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1595318158571'); /* IE9 */
  src: url('iconfont.eot?t=1595318158571#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAKAAAsAAAAABiwAAAI2AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCcAo0TQE2AiQDCAsGAAQgBYRtBzEbdAUR1Ysjsq8xNobZDTIG3VaspfPG4cC8dPhoiQXigAiIgAQAAAAAiIf/3+/bPvee9+eOaRqHBD8SRTSqJs3iCVIjRK0QkrWfWIQ8W5u+65IVJqqSJWunn/5HfgLhQujoBaCveuCQ28WLLAgYmwcOua+AJdAA6flwBp7x145FDG/A5fQnUCDzgHKZY9qmAANLA9wLo8gKJPSG6SUPxNVjAiOW9cX+6/HzmhSuCsSDdPuq1olJyYpN6E0cTPGRTivvc8qH4vvxTxeNoqvCttO3Dtywe0BU1mfOhYwgTkDHO1T0kcT5ydxJVTBONXI6rSOlYIBih/iqVbC/LmwcA4swEQySIwIUkNVkw+ShKymZV8MO161dePnRd7k4PkKw8aQ+Vef95Plytt9I8CurUGwL0G71B17QkdgwgytDe0mtg0zlkKcAtSPOSBia8feoaf5/pdDM/zUwZKlB1Wwmk+2jM2obeppdGLHVoeOjZj1URQ5ji9cAYconFBM+o5ryk0z2DzoL/qNnKirMrXfsL9w5RNqeGLWgA/OHZGn0sVO2ZfMdw9JrbisL7ht5Tkloq6ZfvOGIfMWW+RM6EQ+eaYAreA77nmBiymiliiLTsa791JsqS4PaOmFIE8gBxh9ILDLy2XixHXz+DgWLnsYLfY3oG2KzND1oVZoN5E03bur7lVdmH0FHCA94jAzAFcxDvR4B0/S8DFmiEg9kJkd1NMpv1VXPGwYPlLIhQnOJaGa1upf0KLQoBQ==') format('woff2'),
  url('iconfont.woff?t=1595318158571') format('woff'),
  url('iconfont.ttf?t=1595318158571') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('iconfont.svg?t=1595318158571#iconfont') format('svg'); /* iOS 4.1- */
}

.dl-menuwrapper {width: 100%;float: right;position: absolute;top:0;right:0;padding-top: 45px;z-index: 999;-webkit-perspective: 1000px;-moz-perspective: 1000px;perspective: 1000px;-webkit-perspective-origin: 50% 200%;-moz-perspective-origin: 50% 200%;perspective-origin: 50% 200%;}
.dl-menuwrapper:first-child {margin-right: 100px;}
.dl-menuwrapper button,.dl-menuwrapper button:hover {border: none;width: 25px;height: 25px;text-indent: -900em;overflow: hidden;
position: absolute;top:0;right:0;margin:12px;cursor: pointer;outline: none;background: #ffffff url(../images/icon-menu-header.svg) no-repeat center center;background-size: 25px 25px;}
.dl-menuwrapper button.dl-active {width: 25px;height: 25px;background:#ffffff url(../images/icon-close.svg) no-repeat center center;background-size: 25px 25px;}
.dl-menuwrapper ul {background: #0067d2;}
.dl-menuwrapper ul {padding: 0;list-style: none;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;
transform-style: preserve-3d;}
.dl-menuwrapper li {position: relative;}
.dl-menuwrapper li a {display: block;position: relative;padding: 15px 20px;font-size: 16px;line-height: 20px;font-weight: 300;
color: #fff;border-top: 1px solid #0576ec;border-bottom:1px solid #0053aa;outline: none; text-decoration:none;}
.no-touch .dl-menuwrapper li a:hover {background: rgba(255,248,213,0.1);}
.dl-menuwrapper li.dl-back > a {padding-left: 30px;background: rgba(0,0,0,0.1);}
.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {position: absolute;top: 0;line-height: 50px;font-family: 'iconfont';font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content: "\e501";}
.dl-menuwrapper li.dl-back:after {left: 10px;color: rgba(255,255,255,0.8); -webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);transform: rotate(180deg);}
.dl-menuwrapper li > a:after {right: 10px;color: rgba(255,255,255,0.8);}
.dl-menuwrapper .dl-menu {margin: 5px 0 0 0;position: absolute;width: 100%;opacity: 0;pointer-events: none;-webkit-transform: translateY(10px);-moz-transform: translateY(10px);transform: translateY(10px);-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;}
.dl-menuwrapper .dl-menu.dl-menu-toggle {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.dl-menuwrapper .dl-menu.dl-menuopen {opacity: 1;pointer-events: auto;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);}

.dl-menuwrapper li .dl-submenu {display: none;}
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {display: none;}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {display: block;}

.dl-menuwrapper > .dl-submenu {position: absolute;width: 100%;top: 50px;left: 0;margin: 0;}

/* Animation classes for moving out and in */
.dl-menu.dl-animate-out-1 {-webkit-animation: MenuAnimOut1 0.4s;-moz-animation: MenuAnimOut1 0.4s;animation: MenuAnimOut1 0.4s;}
.dl-menu.dl-animate-out-2 {-webkit-animation: MenuAnimOut2 0.3s ease-in-out;-moz-animation: MenuAnimOut2 0.3s ease-in-out;
animation: MenuAnimOut2 0.3s ease-in-out;}
.dl-menu.dl-animate-out-3 {-webkit-animation: MenuAnimOut3 0.4s ease;-moz-animation: MenuAnimOut3 0.4s ease;animation: MenuAnimOut3 0.4s ease;}
.dl-menu.dl-animate-out-4 {-webkit-animation: MenuAnimOut4 0.4s ease;-moz-animation: MenuAnimOut4 0.4s ease;animation: MenuAnimOut4 0.4s ease;}
.dl-menu.dl-animate-out-5 {-webkit-animation: MenuAnimOut5 0.4s ease;-moz-animation: MenuAnimOut5 0.4s ease;animation: MenuAnimOut5 0.4s ease;}

@-webkit-keyframes MenuAnimOut1 {
	50% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-webkit-transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut2 {
	100% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut3 {
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut4 {
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut5 {
	100% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut1 {
	50% {
		-moz-transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-moz-transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-moz-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut2 {
	100% {
		-moz-transform: translateX(-100%);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut3 {
	100% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut4 {
	100% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut5 {
	100% {
		-moz-transform: translateY(40%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut1 {
	50% {
		transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@keyframes MenuAnimOut2 {
	100% {
		transform: translateX(-100%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut3 {
	100% {
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut4 {
	100% {
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut5 {
	100% {
		transform: translateY(40%);
		opacity: 0;
	}
}

.dl-menu.dl-animate-in-1 {-webkit-animation: MenuAnimIn1 0.3s;-moz-animation: MenuAnimIn1 0.3s;animation: MenuAnimIn1 0.3s;}
.dl-menu.dl-animate-in-2 {-webkit-animation: MenuAnimIn2 0.3s ease-in-out;-moz-animation: MenuAnimIn2 0.3s ease-in-out;
animation: MenuAnimIn2 0.3s ease-in-out;}
.dl-menu.dl-animate-in-3 {-webkit-animation: MenuAnimIn3 0.4s ease;-moz-animation: MenuAnimIn3 0.4s ease;animation: MenuAnimIn3 0.4s ease;}
.dl-menu.dl-animate-in-4 {-webkit-animation: MenuAnimIn4 0.4s ease;-moz-animation: MenuAnimIn4 0.4s ease;animation: MenuAnimIn4 0.4s ease;}
.dl-menu.dl-animate-in-5 {-webkit-animation: MenuAnimIn5 0.4s ease;-moz-animation: MenuAnimIn5 0.4s ease;animation: MenuAnimIn5 0.4s ease;}

@-webkit-keyframes MenuAnimIn1 {
	0% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn2 {
	0% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn5 {
	0% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn1 {
	0% {
		-moz-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-moz-transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-moz-transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn2 {
	0% {
		-moz-transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateX(0px);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn3 {
	0% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn4 {
	0% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn5 {
	0% {
		-moz-transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateY(0);
		opacity: 1;
	}
}

@keyframes MenuAnimIn1 {
	0% {
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@keyframes MenuAnimIn2 {
	0% {
		transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn3 {
	0% {
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn4 {
	0% {
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn5 {
	0% {
		transform: translateY(40%);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
	-webkit-animation: SubMenuAnimIn1 0.4s ease;
	-moz-animation: SubMenuAnimIn1 0.4s ease;
	animation: SubMenuAnimIn1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
	-webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
	-moz-animation: SubMenuAnimIn2 0.3s ease-in-out;
	animation: SubMenuAnimIn2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
	-webkit-animation: SubMenuAnimIn3 0.4s ease;
	-moz-animation: SubMenuAnimIn3 0.4s ease;
	animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
	-webkit-animation: SubMenuAnimIn4 0.4s ease;
	-moz-animation: SubMenuAnimIn4 0.4s ease;
	animation: SubMenuAnimIn4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
	-webkit-animation: SubMenuAnimIn5 0.4s ease;
	-moz-animation: SubMenuAnimIn5 0.4s ease;
	animation: SubMenuAnimIn5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimIn1 {
	0% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn2 {
	0% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn5 {
	0% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn1 {
	0% {
		-moz-transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateX(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn2 {
	0% {
		-moz-transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateX(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn3 {
	0% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn4 {
	0% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn5 {
	0% {
		-moz-transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn1 {
	0% {
		transform: translateX(50%);
		opacity: 0;
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn2 {
	0% {
		transform: translateX(100%);
		opacity: 0;
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn3 {
	0% {
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn4 {
	0% {
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn5 {
	0% {
		transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
	-webkit-animation: SubMenuAnimOut1 0.4s ease;
	-moz-animation: SubMenuAnimOut1 0.4s ease;
	animation: SubMenuAnimOut1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
	-webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
	-moz-animation: SubMenuAnimOut2 0.3s ease-in-out;
	animation: SubMenuAnimOut2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
	-webkit-animation: SubMenuAnimOut3 0.4s ease;
	-moz-animation: SubMenuAnimOut3 0.4s ease;
	animation: SubMenuAnimOut3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
	-webkit-animation: SubMenuAnimOut4 0.4s ease;
	-moz-animation: SubMenuAnimOut4 0.4s ease;
	animation: SubMenuAnimOut4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
	-webkit-animation: SubMenuAnimOut5 0.4s ease;
	-moz-animation: SubMenuAnimOut5 0.4s ease;
	animation: SubMenuAnimOut5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimOut1 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut2 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut3 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut4 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut5 {
	0% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut1 {
	0% {
		-moz-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-moz-transform: translateX(50%);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut2 {
	0% {
		-moz-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-moz-transform: translateX(100%);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut3 {
	0% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut4 {
	0% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut5 {
	0% {
		-moz-transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-moz-transform: translateZ(-200px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut1 {
	0% {
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		transform: translateX(50%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut2 {
	0% {
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		transform: translateX(100%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut3 {
	0% {
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut4 {
	0% {
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut5 {
	0% {
		transform: translateZ(0);
		opacity: 1;
	}
	100% {
		transform: translateZ(-200px);
		opacity: 0;
	}
}

/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {position: relative;opacity: 1;-webkit-transform: none;-moz-transform: none;transform: none;}
.no-js .dl-menuwrapper li .dl-submenu {display: block;}
.no-js .dl-menuwrapper li.dl-back {display: none;}
.no-js .dl-menuwrapper li > a:not(:only-child) {background: rgba(0,0,0,0.1);}
.no-js .dl-menuwrapper li > a:not(:only-child):after {content: '';}

/*banner轮播*/
/*#jiaodiantu{overflow:hidden; visibility:hidden; position:relative; margin-top:51px;}
.swipe-wrap{overflow:hidden;position:relative;}
.swipe-wrap > div{float:left;width:100%;position:relative;}
.swipe-wrap img{ width:100%;}
.xiaoyuandian{list-style:none; position:absolute; bottom:10px;right:0; left:0; width:100%; text-align:center; height:10px; }
.xiaoyuandian li{ width:10px; height:10px; border:1px solid #fff; display:inline-block; vertical-align:middle; margin:0 2px; border-radius:10px;}
.xiaoyuandian li.cur{ background:white;}*/

.links{padding: 8px; background-color: #52b529; argin: 5px; -webkit-transition: all 1s;-o-transition: all 1s;
transition: all 1s;}
.links a{color: #fff; display: inline-block; width: 100%; text-decoration: none;}
.links:hover{background-color: #1e824c;}
.current{background-color: #22a7f0;}
.swiper-container {width: 100%;max-width: 100%;margin: 0 auto;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;
/* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide img{ width: 100%;}

/*首页*/
.search_domain{padding-bottom:30px;}
.search_domain h2{ font-size:1.8em; line-height:1.8em; text-align:center; color:#1d2743; margin: 20px auto 10px;}
.search_domain .search{ margin:0 auto; width:90%; height:48px; position:relative;}
.search_domain .search input{ position:absolute;font-size:1em;  background:#fff; width:70%; border:1px solid #dfdfdf; height:48px; outline:none;}
.search_domain .search .search_btn{ position:absolute; right:0; top:0; width:30%; background:#ff6803; line-height:48px; height:48px; color:#fff; text-align:center; display:block; font-size:1.2em; }

.spacing{ height:12px; background:#f4f4f4; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}

.index_features{text-align:center;padding-bottom:20px;}
.index_features li{ display:inline-block; vertical-align:top; line-height:1.4em; font-size:1.1em; color:#333333; width: 23%;}
.index_features li img {display:block; width:55%; margin:20px auto 10px;}

.index_mail{padding-bottom:20px; overflow:hidden;}
.index_mail h2{ font-size:1.8em; line-height:1.8em; text-align:center; color:#1d2743; width:90%; margin:20px auto 10px;}
.index_mail p{ font-size:1.1em; line-height:1.6em; text-align:center; color:#777777; width:95%; margin:0 auto;}
.index_mail p em{font-style:normal; color:#0083e3;}
.index_mail ul{width:94%; margin:40px auto 0;}
.index_mail li{display: flex; margin:20px 0;align-items: center;}
.index_mail li .logo{  width:66px;}
.index_mail li .txt{ line-height:30px;flex-grow: 2;}
.index_mail li .txt h3{ font-size:1.2em; line-height:1.6em;  margin:0; color:#373d41; font-weight:bold;}
.index_mail li .txt h5{ font-size:1em; line-height:1.2em; color:#9b9ea0;}
.index_mail li .button_buy{ height:40px; line-height:40px; color:#fff; background:#269df4; text-align:center; padding:0 12px; border:none; outline:none; width: 110px;}

.why{ width:100%; background:url(../images/index_imgbg.jpg) no-repeat top; background-size:100% auto; text-align:center; padding:20px 0 0 0;}
.why h2{ font-size:1.8em; line-height:1.8em; text-align:center; color:#ffffff; margin:0;}
.why p{ font-size:1.1em; line-height:1.5em; text-align:center; color:#e4e4e4;}
.why ul{ margin:20px auto 0; text-align:center;}
.why ul li{ display:inline-block; vertical-align:top; width:32%;}
.why ul li i{ display:block; font-style:normal; margin:0 auto;}
.why ul li .icon1{background:url(../images/why_icon1.png) no-repeat top; width:55px; height:55px; background-size:55px 55px; }
.why ul li .icon2{background:url(../images/why_icon2.png) no-repeat top; width:55px; height:55px; background-size:55px 55px;}
.why ul li .icon3{background:url(../images/why_icon3.png) no-repeat top; width:55px; height:55px; background-size:55px 55px;}
.why ul li p{ font-size:1em; line-height:1.5em; color:#fff; margin:0.5em 0 2em 0; width:100%;}

.index_new{}
.index_new_n{height:44px;line-height:44px;color:#333; padding:0; border-bottom:1px solid #d0d0d0;}
.index_new_n li{ display:inline-block; vertical-align:top; cursor:pointer;text-align:center;font-size:16px;height:44px; line-height:44px; width:50%; margin:0; padding:0; font-weight:bold; color:#757575;}
.index_new_n li.Active{ border-bottom:2px solid #269df4; color:#269df4;}
.index_new_c{padding:10px 0;}
.index_new_c .list{ width:90%; margin:0 auto;}
.index_new_c .list li{ display:block; border-bottom:1px solid #dfdfdf; line-height:44px; font-size:14px; cursor:pointer;}
.index_new_c .list li a{ color: #333;}
.index_new_c .more_btn{ width:50%; margin:20px auto; line-height:48px;}

.center_button{ margin: 20px auto; width: 60%; border: 1px solid #269df4; line-height: 44px; text-align: center; display: block; color: #269df4; font-size: 1.2em; }
a.center_button:hover{text-decoration: none;}

.footer.fixed{ position: absolute; bottom: 0; left: 0; right: 0;}
.footer.p_b_1{padding: 20px 0 200px 0; }
.footer.p_b_2{padding: 20px 0 80px 0; }
.footer{width: 100%; background: #393939; padding: 20px 0;}
.footer .menu_a{ display: block; text-align: left;width: 75%; margin: 0 auto;}
.footer .menu_a a{ color: #f1f1f1; font-size: 1.1em; width: 33%; display: inline-block; vertical-align: middle;}
.footer .guanzhu{ text-align: left; color: #999999; margin: 20px auto; line-height: 34px; width: 90%; position: relative;}
.footer .guanzhu .btn_contact{ position: absolute; right: 0; top: 0; width: 30%; height:34px; line-height: 34px; border-radius: 4px; border: 1px solid #575757; color: #f1f1f1; text-align: center; display: block; text-decoration: none;}
.footer .guanzhu .btn_contact i{ font-size: 22px; margin:-3px 3px 0 0; display: inline-block; vertical-align: middle;}
.footer .guanzhu a{ width: 20px; height: 20px;color: #f1f1f1;}
.footer .guanzhu a i{ font-size: 26px;display: inline-block; vertical-align: middle; margin-right: 10px;  }

.footer .copyright{ text-align: center; padding: 10px 0 0 0; border-top: 1px solid #474747;color: #999999; margin: 0; font-size: 0.9em; line-height: 1.8em; }

@media only screen and (max-width: 374px) {	
	.search_domain h2{font-size:1.6em; line-height:1.6em;}
	.index_features li{font-size: 1.1em;}
	.index_mail p{font-size: 0.9em; width: 100%;}
	.why p{font-size: 0.9em;}
	.footer .menu_a{ width: 90%;}
}
@media only screen and (min-width: 768px) {	
	.index_features li img{width: 32%;}
	.search_domain h2 {font-size: 2.2em;line-height: 2.2em;}
	.index_mail h2,.why h2{font-size: 2.1em;line-height: 2.1em;}
	.index_mail p,.why p,.why ul li p{font-size: 1.2em;line-height: 1.6em;}
	.td_p2{ width: 65vw;}
}

/*登录*/
.login_content{ margin: 51px auto 20px; padding: 0 5%;}
.login_content.m_t{margin: 20px auto;}
.login_center_p{ text-align: center; padding: 40px 0; font-size: 2em; }
.input_li li{ display: block;  margin-bottom: 10px;  }
.input_li li .txt_cannot{line-height:44px; padding: 5px 0; color: #888;}
.input_li li .relative{position: relative;border-bottom:1px solid #eee;}
.input_1{width:100%; border: none; background:#fff; font-size:1.1em; outline:none;height:44px;line-height:44px; padding: 5px 0;}
.input_1.w2{ width: 90%;}
.input_1.w3{ width: 50%;}
.input_1.w4{ width: 90px; }
.input_li li .li_tit{ color: #222; font-size: 1.1em; line-height: 1.1em; margin: 0;}
.input_li li .icon{position: absolute; right: 0; top:6px; width: 30px; height: 30px; display: block; text-align: center;}
.input_li li a.icon{ color: #333;}
.input_li li .icon i{ font-size: 20px;}
.input_li li .code{ position: absolute; right: 0; top:5px;}
.input_li li .code img{height: 30px;}
.input_li li.error_sty .relative{border-bottom:1px solid #fd5908;}
.input_li li.error_sty_green .relative{border-bottom:1px solid #02c458;}
.input_li li.error_sty .error_red_p{ display: block; color: #fd5908;line-height:1.2em; font-size: 0.9em; padding: 3px 0;}
.input_li li.error_sty_green .error_red_p{ display: block; color: #03a408;line-height:1.2em; font-size: 0.9em; padding: 3px 0;}
.input_li li .error_red_p{display: none;}

.mclear{border:0;position:absolute; top:12px; right:0;background:url("../images/icon_del.png") no-repeat top; width:20px; height:20px; background-size:20px 20px;}
input.mclear{border: none;}

.login_link{ text-align: right;}
.login_link a{  color: #0187ee; font-size: 1.1em;}
.login_button{ margin: 25px auto 50px; width: 100%; height: 44px; line-height: 44px; font-size: 1.4em; background: #269df4; color: #fff; display: block; text-align: center;}
.login_button.btn_disabled{background: #c7c7c7; color: #fff; }

.header_back{display: table-cell;vertical-align: middle;padding-left: 12px; width: 12%;}
.header_back i{font-size: 24px; color: #324e6d;}
.header_title{ text-align: center; line-height: 50px; position: absolute; left: 0; width: 100%; font-size: 1.2em;}
.login_center_txt{text-align: center; padding: 40px 0; font-size: 1em; line-height: 1.8em;}
.send_green_p{ text-align: right; color: #24ba67; font-size: 1em;}
.send_green_p.red{ color: #f00000;}
.input_li li .button_yzm{ position: absolute; right: 0; top:5px; }
.input_li li .button_yzm a{ margin-left: 1px; display: inline-block;}
.input_li li .button_yzm .btn_orange{height: 34px; line-height: 34px; background: #ff6803; color: #fff;padding: 0 10px;}
.input_li li .button_yzm .btn_green{height: 34px; line-height: 34px; background: #02c458; color: #fff; padding: 0 10px;}
.input_li li .button_yzm .btn_orange.not_click,.input_li li .button_yzm .btn_green.not_click{background: #cccccc; cursor: default;}

/*注册*/
.register_title_bg{ background: url("../images/top_bg1.jpg") no-repeat;background-size: 100% 100%; height:87px; margin-top: 50px; padding: 0 10px; /*position: fixed; top:0; left: 0;z-index: 1;*/ width: 100%; }
.register_title_bg h2{ text-align: center; color: #fff; font-size: 1.8em; line-height:2.4em; margin: 0; }
.register_title_bg p{ text-align: right; color: #e5fbfe; font-size: 1em; margin: 0;}
.register_title_bg p a{ color: #fff; font-weight: bold;}

.prompt{font-size: 0.9em; line-height: 1.2em; color: #888; margin: 10px 0 20px 0;}
.red_error{font-size: 1em; line-height: 1.2em; color:red; margin:10px 0 20px 0;}

.options_list{text-align: left;}
.options_list li{ display: inline-block; vertical-align: top; width: 32%; margin: 5px 0;}
.options_list.w_auto li{ width: auto; padding-right: 10px; line-height: 36px;}
.options_list .checkbox{ margin:0 5px 0 0;}
.options_list li p .checkbox{width: 19px; height: 22px; padding: 0 10px 0 0; display: inline-block; vertical-align: middle;background: url("../images/checkbox2.png") no-repeat; background-size:19px 100px;}
.options_list p .styled{margin: -3px 3px 0 0;vertical-align:middle;}
.options_list p{font-size:1em;white-space:nowrap;}
.options_list p.p_b_0{ margin: 0;}
.options_list p .checkbox{width: 19px; height: 22px; padding: 0 10px 0 0; display: inline-block; vertical-align: middle;background: url("../images/checkbox2.png") no-repeat; background-size:19px 100px;}
.options_list p .radio{width: 19px; height: 22px; padding: 0 10px 0 0; display: inline-block; vertical-align: middle;background: url("../images/checkbox.png") no-repeat; background-size:19px 100px; margin-right: 5px;}
.options_list p a{ text-decoration: none; color: #0187ee;font-size:1em;}


.options_list_sty.m_l{ margin: 0 0 0 11px;}

.options_list_sty.display_sty{ display: inline-block; *display: inline; *zoom:1; vertical-align: middle;}
.options_list_sty.display_sty li,.options_list_sty.display_sty{width: auto;}
.options_list_sty.display_sty li label,.options_list_sty.display_sty label{padding: 10px 0 10px 28px;background:url(../images/checkbox1.gif) no-repeat 0 11px;background-size: 18px 18px; margin: 0; width: auto; font-weight: normal;}
.options_list_sty.display_sty li label.checked,.options_list_sty.display_sty label.checked {background: url(../images/checkbox2.gif) no-repeat 0 11px; background-size: 18px 18px;}

.options_list_sty.m1.all label{padding: 10px 0 10px 23px;background:url(../images/checkbox1.gif) no-repeat 0 10px;background-size: 18px 18px;}
.options_list_sty.m1.all label.checked {background: url(../images/checkbox2.gif) no-repeat 0 4px; background-size: 18px 18px;}
.options_list_sty.m1 label{padding: 10px 0 18px 23px;background:url(../images/checkbox1.gif) no-repeat 0 8px;background-size: 18px 18px; margin: 0; width: auto; font-weight: normal;}
.options_list_sty.m1 label.checked {background: url(../images/checkbox2.gif) no-repeat 0 8px; background-size: 18px 18px;}
.options_list_sty.m1 label input[type="checkbox"],.options_list_sty.display_sty.m1 label input[type="radio"] {left: -9999px; position: absolute;}

.options_list_sty{ margin:0 auto; text-align: left;}
.options_list_sty li{ display: inline-block; vertical-align: top; width: 32%;text-align: left;}
.options_list_sty li label { padding: 6px 0 6px 23px; line-height: 20px;font-size: 14px; background:url(../images/checkbox1.gif) no-repeat 0 6px; display: inline-block; width:100px; float: left; color: #4A4A4A; cursor:pointer; text-align: left; background-size: 18px 18px; font-weight: normal;}
.options_list_sty li label a{ color:#4A4A4A;}
.options_list_sty li label a.a_blue{ color:#0187ee;}
.options_list_sty li label.checked {background: url(../images/checkbox2.gif) no-repeat 0 6px; background-size: 18px 18px; position:relative;}
.options_list_sty li label.disabled,.options_list_sty label.disabled,.options_list_sty.m1.all label.disabled {background: url(../images/checkbox3.gif) no-repeat 0 6px; background-size: 18px 18px; position:relative;}
.options_list_sty li label input[type="checkbox"],.options_list_sty label input[type="checkbox"],.options_list_sty label input[type="radio"] {left: -9999px; position: absolute;}

.left_radio{text-align: left;}
.left_radio label,.options_list_sty .left_radio label { padding: 10px 10px 10px 20px; line-height: 20px;  font-size: 14px; background:url(../images/radio1.gif) no-repeat 0 12px; display: inline-block; display: inline-block; color: #4A4A4A; cursor:pointer; font-weight: normal; background-size: 18px 18px;}
.left_radio.sty_h label{ padding: 4px 10px 4px 20px;background:url(../images/radio1.gif) no-repeat 0 6px; background-size: 18px 18px; margin: 0;}
.left_radio.sty_h label.checked{ padding: 4px 10px 4px 20px;background:url(../images/radio2.gif) no-repeat 0 6px; background-size: 18px 18px;}
.left_radio label.w_auto,.options_list_sty .left_radio label.w_auto{width:auto;}
.left_radio label.checked,.options_list_sty .left_radio label.checked {background: url(../images/radio2.gif) no-repeat 0 12px; background-size: 18px 18px;}
.left_radio label.disabled,.options_list_sty .left_radio label.disabled {background: url(../images/radio3.gif) no-repeat 0 12px; background-size: 18px 18px;}
.left_radio label input[type="checkbox"],.left_radio label input[type="radio"] {left: -9999px; position: absolute;}

.dialog-content .left_radio{ }
.dialog-content .left_radio label{ margin: 0 10px;}

.pay_radio{text-align: left;}
.pay_radio label{ padding:10px 0; line-height: 20px; border-bottom: 1px solid #dfdfdf;font-size: 14px; background:url(../images/radio5.gif) no-repeat right; display: block; color: #4A4A4A; cursor:pointer; font-weight: normal; background-size: 20px 20px;}
.pay_radio label.checked {background: url(../images/radio4.gif) no-repeat right; background-size: 20px 20px;}
.pay_radio label input[type="checkbox"],.pay_radio label input[type="radio"] {left: -9999px; position: absolute;}
.pay_radio label i {font-size: 30px; display: inline-block; vertical-align: middle; margin-right: 5px;}
.pay_radio label i.icon-zhifubao {color: #009ee9;}
.pay_radio label i.icon-weixinzhifu2 {color: #40ba49;}

/*域名注册-tab*/
.downinfo{ background:#fff;  margin: 54px auto 20px; padding: 0;}
.downinfo_n{height:48px;line-height:48px;color:#333; padding:0; border-bottom:1px solid #e8e8e8; background: #f4f4f4; }
.downinfo_n ul{ overflow:hidden; }
.downinfo_n.w li{ width: 50%;}
.downinfo_n.w2 li{ width: 33%;}
.downinfo_n.w3 li{ width: 20%;}
/*.downinfo_n.w3{ position:relative;}
.downinfo_n.w3 ul{white-space: nowrap;overflow-x: auto;overflow-y: hidden;-webkit-overflow-scrolling: touch;}
.downinfo_n.w3 li{ display: inline-block;white-space: normal; float:none;}*/
.downinfo_n li{ float:left; width: 25%; cursor:pointer;text-align:center;font-size:1.1em;height:48px; line-height:45px; margin:0; list-style:none; }
.downinfo_n li b{color:#666;line-height:45px;display:block;font-weight:normal;}
.downinfo_n li:hover b{color:#0078ff;}
.downinfo_n li.Active{text-decoration:none; height:48px;margin:0;}
.downinfo_n li.Active b{line-height:45px;color:#0083e3; font-weight: normal; border-bottom:3px solid #269df4;}

.downinfo_c{padding:20px 10px 10px 10px;}
.tab_content{width:94%; text-align: center; margin: 0 auto;}
.common_input {width: 100%; display: block;  font-size: 14px; height: 60vh; padding-left: 10px; border: 1px solid #bbb; font-size: 14px; resize: none; vertical-align: top; padding-top: 5px; overflow: auto; outline:none;}
.common_input:focus{border: 1px solid #0187ee; }
.domain_query_btn { margin: 20px auto 10px; width: 60%;background:#ff6803; height: 52px;text-align: center; line-height: 42px; font-size: 1.2em; color: #fff;border: 0; cursor: pointer;}
.domain_query_btn.blue{background:#269df4;}
.domain_btn_s{ padding: 0 12px; background: #fff; border: 1px solid #dfdfdf; line-height: 36px; text-align: center; display: inline-block; font-size: 14px; color: #333;}

.fast_menu { text-align: center; margin-bottom: 20px;}
.fast_menu a{ margin: 0 5px; display: inline-block; vertical-align: top; background: #f1faff; border: 1px solid #4ca8e9; padding: 0 8px; line-height: 40px; font-size: 1.1em;}
.fast_menu a i.icon1{ width: 17px; height: 17px;display: inline-block; vertical-align: middle; background: url("../images/domain_icon.png") no-repeat; background-size:17px 61px; margin-right: 5px; }
.fast_menu a i.icon2{ width: 17px; height: 17px;display: inline-block; vertical-align: middle; background: url("../images/domain_icon.png") no-repeat 0 -22px; background-size:17px 61px; margin-right: 5px; }
.fast_menu a i.icon3{ width: 17px; height: 17px;display: inline-block; vertical-align: middle; background: url("../images/domain_icon.png") no-repeat 0 -44px; background-size:17px 61px; margin-right: 5px; }

.split_line{ background: #f4f4f4; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; height: 10px; margin: 0;}
.split_line.m_t{margin: 51px auto 0;}

/*促销优惠横向滑动图*/
.cuxiao_title{font-size:1.8em; line-height:1.8em; text-align:center; color:#1d2743; width:90%; margin:20px auto 15px;}
.slider{overflow-x: hidden; cursor: -webkit-grab; cursor: grab; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 90vw; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; margin-left: auto; margin-right: auto; margin-bottom: 20px;}
.slider__slides {display: -webkit-box; display: flex;}
.slide{--h: 35vw; --w: calc(var(--h) * var(--m)); display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin-right: 10px; overflow: hidden;}
.slide__img img{height: 158px;}

@media only screen and (min-width: 768px) and (max-width: 1200px) {	
	.domain_query_btn {width: 40%;}
    .options_list li,.options_list_sty li{ width: 19%;}
	.fast_menu{width: 94%;text-align: left;margin: 0 auto 20px;}
	.slider{ width: 94vw;}
}
@media only screen and (min-width: 376px) and (max-width: 414px)  {	
    .fast_menu a{padding: 0 12px;}
}
@media only screen and (max-width: 360px) {	
    .fast_menu a{ margin: 0 3px; padding: 0 6px;}
}
@media only screen and (max-width: 320px) {	
    .fast_menu a{ margin: 0 1px; padding: 0 5px; font-size: 1em;}
}

/*域名查询结果*/
.result_content{margin: 0 auto; background: #fff;}
.result_content.m_t{ margin: 51px auto 0;}
.result_content .domain_result{ width: 100%; margin: 0 auto; padding: 20px 0;}
.result_content .domain_result.w1{ width: 96%;}
.result_content .domain_result h2{ font-size: 1.1em; line-height: 1.8em; margin: 0; padding: 0 3%;}
.result_content .domain_result .result_li.bg1{ background: #edf7fe;}
.result_content .domain_result .result_li{ border-bottom: 1px solid #dfdfdf; padding: 5px 3%;}
.result_content .domain_result .result_li .options_list_sty{display: table-cell;float: none;vertical-align: top;width: auto; *display:block; *zoom:1;}
.result_content .domain_result .result_li .options_list_sty:after {
    clear: both;
    content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
    display: block;
    height: 0 !important;
    line-height: 0;
    visibility: hidden;
}
.result_content .domain_result .result_li .options_list_sty li{width: auto;}
.result_content .domain_result .result_li .options_list_sty li label{padding: 11px 0 11px 23px; width: auto; word-break: break-all; word-wrap: break-word; margin: 0;background: url(../images/checkbox1.gif) no-repeat 0 11px;background-size: 18px 18px;}
.result_content .domain_result .result_li .options_list_sty li label.disabled{background: url(../images/checkbox3.gif) no-repeat 0 11px;background-size: 18px 18px;}
.result_content .domain_result .result_li .options_list_sty li label.checked{background: url(../images/checkbox2.gif) no-repeat 0 11px;background-size: 18px 18px;}


.result_content .domain_result .result_li .options_list{ float: left;}
.result_content .domain_result .result_li .options_list p{margin: 0;}
.result_content .domain_result .result_li .result_p{float: right; text-align: right; line-height: 20px; padding: 10px 5px; font-size: 1em;}
.result_content .domain_result .result_li .result_p b{ color:#fd5908;}
.result_content .domain_result .result_li .result_p span{color: #888; text-decoration: line-through; font-size: 0.8em; padding-right: 3px;}
.result_content .domain_result .result_li .button_registered{height:40px; line-height:40px; color:#fff; background:#269df4; text-align:center; width: 100%; border:none; outline:none;}
.result_content .domain_result .result_li .domain_p1{ line-height: 40px;}
.result_content .domain_result .result_li .domain_p1 i{ color: #c9c9c9; font-size: 20px; display: inline-block; vertical-align: middle; margin-right: 5px;}
.result_content .domain_result .result_li .domain_loading{line-height: 40px;}
.result_content .domain_result .result_li .domain_loading i{display: inline-block; vertical-align: middle; margin-right: 5px; width: 20px; height: 20px; background: url("../images/loading.gif") no-repeat; background-size: 20px 20px;}
.result_content .domain_result .more_arrow{ text-align: center; display: block; width: 50%; margin: 20px auto; line-height: 40px; color: #0187ee; text-decoration: none;}
.result_content .domain_result .more_arrow i{ color: #0187ee; font-size: 20px; display: inline-block; vertical-align: middle; margin-left: 5px;}

.result_content .domain_result .button_r_sty{ text-align: right; float: right;}
.result_content .domain_result .button_right{height:38px; line-height:38px; color:#fff; background:#269df4; text-align:center; border:1px solid #269df4;; outline:none;padding: 0 12px; display: inline-block; vertical-align: middle;}
.result_content .domain_result .button_right.sty{color:#269df4; background:#fff; border:1px solid #269df4;;}
.result_content .domain_result .options_list.display{display: inline-block; vertical-align: middle;}
.result_content .domain_result .options_list.display p{ margin: 0; line-height: 38px;}

/*域名注册-填写注册资料*/
.domain_information{margin:0 auto; width: 94%; padding:0 0 10px 0;}
.domain_information.m_t{margin-top: 71px;}
.domain_information .information_box{ border: 1px solid #269df4;}
.domain_information .information_box h2{ position: relative; background:#269df4; color: #fff; line-height: 40px; font-size: 1.2em; margin: 0; padding: 0 5px;}
.domain_information .information_box h2 .arrow{ position: absolute; right: 10px; top:0;  display: block;}
.domain_information .information_box h2 .arrow i{font-size: 20px; color: #fff;}
.domain_information .information_box li{ border-bottom: 1px solid #dfdfdf; padding: 5px; line-height: 1.4em; list-style: none; font-size: 1em;}
.domain_information .information_box li b{color:#fd5908;}
.domain_information .information_box li p{ font-size: 1em; margin: 0;}
.domain_information .information_box li .years{ border: 1px solid #b9b9b9; height: 30px; background: #fff; text-align: center;}
.domain_information .information_box li .years .input_year{ border-left: 1px solid #b9b9b9;border-right: 1px solid #b9b9b9;border-top: none;border-bottom: none; text-align: center; height:28px; line-height:28px; outline: none; background: #fff; width: 40px; padding:0 3px;display: inline-block; vertical-align: top; margin: 0 4px;font-size: 0.9em;}
.domain_information .information_box li .years i{ display: inline-block; vertical-align: middle;  font-size: 12px; line-height: 30px;}
.icon-wenhao{font-size: 8px; color: #269df4; margin-left: 2px; display: inline-block; vertical-align: middle;}
.total_p{ padding: 5px 0; text-align: right; font-size: 1em;}
.total_p b{color:#fd5908;font-size: 1.3em;}

.domain_information .information_box li.m_lr{ margin: 0 5px; padding: 10px 5px 0;}
.domain_information .information_box li.m_lr h3{ font-size: 1.1em; line-height: 1.1em;}
.domain_information .information_box li.m_lr .relative{position: relative;}
.domain_information .information_box li.m_lr .relative.error_sty .input_1{border-bottom:1px solid #fd5908;}
.domain_information .information_box li.m_lr .relative.error_sty .error_red_p{ display: block; color: #fd5908;line-height:1.2em; font-size: 0.9em; padding: 3px 0;}
.domain_information .information_box li.m_lr .relative .error_red_p{display: none;}
.domain_information .information_box li.m_lr .go_to{ display: block; color: #5f5f5f; line-height: 40px; overflow: hidden;}
.domain_information .information_box li.m_lr .go_to i{ float: right;}

.domain_information .information_box li .options_list{text-align: left;}
.domain_information .information_box li .options_list p{ display: inline-block; *display: inline; *zoom:1; vertical-align: middle; padding-right: 20px;}
.domain_information .information_box li .options_list p .checkbox{width: 19px; height: 22px; padding: 0 10px 0 0; display: inline-block; vertical-align: middle;background: url("../images/checkbox2.png") no-repeat; background-size:19px 100px; margin:0 5px 0 0;}
.domain_information .information_box li .options_list p{font-size:1em;white-space:nowrap;}
.domain_information .information_box li .options_list p.p_b_0{ margin: 0;}
.domain_information .information_box li .options_list p .checkbox{width: 19px; height: 22px; padding: 0 10px 0 0; display: inline-block; vertical-align: middle;background: url("../images/checkbox2.png") no-repeat; background-size:19px 100px;}
.domain_information .information_box li .options_list p .radio{width: 19px; height: 22px; padding: 0 10px 0 0; display: inline-block; vertical-align: middle;background: url("../images/checkbox.png") no-repeat; background-size:19px 100px; margin-right: 5px;}
.domain_information .information_box li .options_list p a{ text-decoration: none; color: #0187ee;font-size:1em;}

/*域名注册-tab*/
.domain_information .information_box .downinfo_types{ margin-top: 10px;}
.domain_information .information_box .downinfo_types_n{height:42px;line-height:42px;color:#333; padding:0; }
.domain_information .information_box .downinfo_types_n ul{ overflow:hidden; }
.domain_information .information_box .downinfo_types_n li{ float:left; width: 25%; cursor:pointer;text-align:center;font-size:1.1em;height:40px; line-height:40px; margin:0; list-style:none; border: 1px solid #8f8f8f; padding: 0;}
.domain_information .information_box .downinfo_types_n.w1 li{ width: 40%;}
.domain_information .information_box .downinfo_types_n li.Active{text-decoration:none;line-height:40px; height:40px; border: 1px solid #269df4; margin:0; background: #269df4; color: #fff;}
.domain_information .information_box .downinfo_types_c{padding:10px 0;}
.domain_information .information_box .downinfo_types_c .input_1{ border-bottom: 1px solid #dfdfdf; margin-bottom: 5px;}
.domain_information .information_box .downinfo_types_c .relative{position: relative; margin-bottom: 10px;}
.domain_information .information_box .downinfo_types_c .relative.error_sty .input_1{border-bottom: 1px solid #fd5908;
}
.domain_information .information_box .downinfo_types_c .error_red_p{ display: none;}
.domain_information .information_box .downinfo_types_c .relative.error_sty .error_red_p{ display: block; color: #fd5908;line-height:1.2em; font-size: 0.9em; padding: 3px 0;}
.domain_information .information_box .downinfo_types_c .prompt{ font-size: 0.9em; line-height: 1.4em; margin-bottom: 10px;color:#fd5908;}

/*地区选择*/
.content-block{ border-bottom: 1px solid #dfdfdf; padding: 5px 5px 5px 0; margin-bottom: 10px;}
.content-block input{border: none; line-height: 40px; width: 100%; background: url("../images/arrow_right.svg") no-repeat right 10px; background-size: 16px 16px;}
.gearArea {
    font-size: 10px;
    background-color: rgba(0, 0, 0, 0.2);
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9900;
    overflow: hidden;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both
}

.area_ctrl {
    vertical-align: middle;
    background-color: #d5d8df;
    color: #000;
    margin: 0;
    height: auto;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 9901;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
}

.slideInUp {
    -webkit-animation: slideInUp .3s;
            animation: slideInUp .3s;
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0)
    }
}

.area_roll {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color: transparent;
    -webkit-mask: -webkit-gradient(linear, 0% 50%, 0% 100%, from(#debb47), to(rgba(36, 142, 36, 0)));
    -webkit-mask: -webkit-linear-gradient(top, #debb47 50%, rgba(36, 142, 36, 0))
}

.area_roll>div {
    font-size: 1.6em;
    height: 10em;
    float: left;
    background-color: transparent;
    position: relative;
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1
}

.area_roll>div .gear {
    width: 100%;
    float: left;
    position: absolute;
    z-index: 9902;
    margin-top: 4em
}

.area_roll_mask {
    -webkit-mask: -webkit-gradient(linear, 0% 40%, 0% 0%, from(#debb47), to(rgba(36, 142, 36, 0)));
    -webkit-mask: -webkit-linear-gradient(bottom, #debb47 50%, rgba(36, 142, 36, 0));
    padding: 0
}

.area_grid {
    position: relative;
    top: 4em;
    width: 100%;
    height: 2em;
    margin: 0;
    box-sizing: border-box;
    z-index: 0;
    border-top: 1px solid #abaeb5;
    border-bottom: 1px solid #abaeb5
}

.area_roll>div:nth-child(3) .area_grid>div {
    left: 42%
}

.area_btn {
    color: #0575f2;
    font-size: 1.6em;
    line-height: 1em;
    text-align: center;
    padding: .8em 1em
}

.area_btn_box:before,
.area_btn_box:after {
    content: '';
    position: absolute;
    height: 1px;
    width: 100%;
    display: block;
    background-color: #96979b;
    z-index: 15;
    -webkit-transform: scaleY(0.33);
            transform: scaleY(0.33)
}

.area_btn_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
        -ms-flex-pack:justify;
            justify-content:space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    background-color: #f1f2f4;
    position: relative
}

.area_btn_box:before {
    left: 0;
    top: 0;
    -webkit-transform-origin: 50% 20%;
            transform-origin: 50% 20%
}

.area_btn_box:after {
    left: 0;
    bottom: 0;
    -webkit-transform-origin: 50% 70%;
            transform-origin: 50% 70%
}

.tooth {
    height: 2em;
    line-height: 2em;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    line-clamp: 1;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
        -ms-flex-direction:column;
            flex-direction:column;
    overflow: hidden
}
.content_tel{ border-bottom: 1px solid #dfdfdf; padding: 5px 0; margin-bottom: 10px;line-height: 40px;}
.content_tel input{border: none;}
.content_tel .input_left{ float: left; width: 70px;}
.content_tel .input_left input.w1{ width: 50px;}
.content_tel .input_left span{  margin: 0 5px; }
.content_tel .input_right {display: table-cell;float: none;vertical-align: top;width: auto; *display:block; *zoom:1; }
.content_tel .input_right:after {
    clear: both;
    content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
    display: block;
    height: 0 !important;
    line-height: 0;
    visibility: hidden;
}
.content_tel .input_right input.w2{width: 100%;}

.order_amount.text_center{ text-align: center;}
.order_amount.text_center .button{float: none; margin: 10px auto; position: inherit; top: inherit; right: inherit; bottom: inherit; width: 75%; line-height: 40px;}
.bottom_fixed{position: fixed; bottom: 0; left: 0; right: 0; z-index: 2;}
.order_amount{width: 100%;line-height: 36px; padding: 6px 0; background: #fff; border-top: 1px solid #cccccc; position: relative;}
.order_amount p b,.order_amount .p li b{color: #fd5908; font-size: 1.3em;}
.order_amount p span,.order_amount .p span,.order_amount .p li span{margin-right: 10px;}
.order_amount p b.old,.order_amount .p li b.old{ margin: 0; text-decoration: line-through; color: #999;font-size: 1em; font-weight: normal; margin-right: 5px;}
.order_amount p em,.order_amount .p em,.order_amount .p li em{color: #888;font-style: normal; margin-top: 1px; margin-right: 10px;}
.order_amount p em span,.order_amount .p li em span{margin: 0;}
.order_amount .p li{display: block; overflow: hidden; line-height: normal;}
.order_amount .p li.hsty{ min-height: 36px; line-height: 36px;}

.order_amount .button{float: right;color:#fff; background:#ff6803; text-align:center; width: 80px; border:none; outline:none; position:absolute;right: 0;top:0;bottom:0; font-size: 1.2em;}
.order_amount .button.disabled{ background: #c7c7c7; color: #fff; }
.order_amount .button.blue{background:#269df4; }
.order_amount .button_box{text-align:right; border:none; outline:none; position:absolute;right: 5px;top:5px;bottom:0;}
.order_amount .button_box .button_blue{float: right; background:#269df4; text-align:center; width: 80px; border:none; outline:none; margin-left: 5px; line-height: 36px; display: block; color: #fff;}

.order_amount p,.order_amount .p{display: table-cell;float: none;vertical-align: top;width: auto; *display:block; *zoom:1;color: #222; font-size: 0.9em; padding-left: 10px; padding-right: 80px; /*line-height: 2em;*/ }
.order_amount p:after,.order_amount .p:after{
    clear: both;
    content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
    display: block;
    height: 0 !important;
    line-height: 0;
    visibility: hidden;
}
.order_amount .p p.p_sty{ display: inherit; padding: 0; float: left; margin: 0;}
/*模板选择*/
.domain_template_search .input .mclear{ top:10px; right: 40px;}
.domain_template_search{ margin: 54px auto 0; background: #f4f4f4; padding:20px 3%;}
.domain_template_search.bg{ background: #fff; padding: 30px 3%;}
.domain_template_search.bg .title{ text-align: center; font-size: 1.3em; padding:0 0 10px 0;}
.domain_template_search .input{border: 1px solid #ccc;background: #fff;  height: 42px; position: relative; padding:0 40px 0 10px;}
.domain_template_search .input input{  line-height: 40px; height: 40px; border: none; padding: 0; outline:none; width: 100%;}
.domain_template_search .input a{display: block; width: 40px; height: 40px;position: absolute; right: 0; top: 0; text-align: center;}
.domain_template_search .input i{  font-size: 24px; color: #0187ee; width: 34px; height: 34px; display: inline-block; vertical-align: middle; margin: 3px 0;}
.domain_template_selection{ margin: 0 auto 20px; width: 94%;} 
.domain_template_selection .no_data{ color: #888; text-align: center; padding: 30px 0;}
.domain_template_selection li,.domain_template_selection .li{ border-bottom: 1px solid #dfdfdf; padding: 10px 0; list-style:none;  }
.domain_template_selection li h3,.domain_template_selection .li h3{ color: #333; font-size: 1.1em; margin: 0;line-height:1.4em;}
.domain_template_selection li h5,.domain_template_selection .li h5{ color: #888; font-size: 0.9em; margin: 0;line-height:1.4em;}
.domain_template_selection li.hover{background: url("../images/icon-check.svg") no-repeat right; background-size: 24px 24px;}
.domain_template_selection .li.hover{background: url("../images/icon-check.svg") no-repeat right; background-size: 24px 24px;}

.bottom_add_template{width: 100%;line-height: 24px; padding: 12px 0; background: #fff; border-top: 1px solid #cccccc; text-align: center;}
.bottom_add_template .button_add{ width: 60%;background:#269df4; height: 52px;text-align: center; line-height: 42px; font-size: 1.2em; color: #fff;border: 0; cursor: pointer;}

/*支付订单*/
.pay_order{ background: #fff; padding:10px 3% 0 3%;}
.pay_order h2{ position: relative;color: #333; height: 20px; line-height: 20px; font-size: 1.2em; margin: 5px 0 15px 0; border-left: 4px solid #269df4; padding-left: 10px;}
.pay_order h2 .arrow{ position: absolute; right: 0; top:0;  display: block;}
.pay_order h2 .arrow i{font-size: 18px; color: #555;}
.pay_order h2 .price{ position: absolute; right: 0; top:0; text-align: right;font-size: 1em;}
.pay_order h2 .price b{color:#fd5908;}
.pay_order li{ border-bottom: 1px solid #dfdfdf; padding: 5px 0; line-height: 1.4em; list-style: none; font-size: 1em;}
.pay_order li.bor_b{border-bottom: 1px solid #fff; }
.pay_order li b{color:#fd5908;}
.pay_order li p{ font-size: 0.8em; margin: 0;}
.pay_order li .year_h{height: 38px;}
.pay_order .p{ font-size: 1.1em; line-height: 24px; }
.list_table tr td{ vertical-align: middle;word-break: break-all; word-wrap: break-word;}
.list_table{min-height: 38px;}

.payment_method{text-align: left; margin-top: 20px;}
.payment_method li{ display: block;border-bottom: 1px solid #dfdfdf; margin:10px 0;list-style: none; width: 100%; padding: 10px 0; }
.pay_order .payment_method p{font-size: 1em; }
.payment_method p .radio{width: 19px; height: 22px;display: inline-block; vertical-align: middle;background: url("../images/checkbox3.png") no-repeat right top; background-size:19px 100px; margin: 0; position: absolute; right: 3%;}
.payment_method p i{font-size: 30px; display: inline-block; vertical-align: middle; margin-right: 5px;}
.payment_method p i.icon-zhifubao{color: #009ee9;}
.payment_method p i.icon-weixinzhifu2{color: #40ba49;}

.orange_button{ margin: 20px auto 30px; width: 100%; height: 44px; line-height: 44px; font-size: 1.3em; background: #ff6803; color: #fff; display: block; text-align: center; text-decoration: none;}
.blue_button{ margin: 20px auto 30px; width: 100%; height: 44px; line-height: 44px; font-size: 1.3em; background: #269df4; color: #fff; display: block; text-align: center; text-decoration: none;}
.green_button{ margin: 20px auto 30px; width: 100%; height: 44px; line-height: 44px; font-size: 1.3em; background: #1abce1; color: #fff; display: block; text-align: center; text-decoration: none;}
.white_button{ margin: 20px auto 30px; width: 100%; height: 42px; line-height: 42px; font-size: 1.3em; background: #fff; border: 1px solid #ccc;color: #333; display: block; text-align: center; text-decoration: none;}

input.orange_button{ outline: none; border: none; padding: 0;}
.orange_button.disabled,.blue_button.disabled,.green_button.disabled,.white_button.disabled,.login_button.disabled{background: #c7c7c7;color: #fff;}

/*域名注册结果*/
.domain_register_result{ padding-top: 51px;}
.operation_result{ margin:100px auto; text-align:center;}
.operation_result.text_center{ text-align:center;font-size:1.1em; font-weight: bold; line-height:2em;word-break: break-all; word-wrap: break-word; color:#444;margin:30px auto 0; width:auto;}
.operation_result .result_icon1{background:url(../images/loading_gif1.gif) no-repeat;width:30px; height:30px; display:block; background-size: 30px 30px; margin: 20px auto 10px;}

.result_progress_bar{  margin:10px auto 0;overflow:hidden; text-align:center;}
.result_progress_bar .bar{ line-height:30px; display:inline-block; *display:inline; *zoom:1; vertical-align:middle; padding-left:10px; color:#0187ee; font-style:normal;}
.result_progress_bar .progress{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle; width:80%; height:12px; background:#f2f2f2; margin:10px 0; border-radius: 0; }
.result_progress_bar .progress ul{ background:#269df4;height:12px;}
.result_progress_bar .p1{ color:#222; text-align:center; font-size:1em; line-height:1.6em; padding:0 3% 50px 3%; word-break: break-all; word-wrap: break-word;}
.result_progress_bar .p1 .a_blue:hover{ color:#0187ee; }
.result_progress_bar .p1 .display{display: inline-block; vertical-align: middle;}

.registration_details{ margin: 20px auto 40px; width: 94%;}
.registration_details h2{ font-size: 1.1em;}
.registration_details .table_details{margin: 10px auto; border-left: 1px solid #dfdfdf; border-top: 1px solid #dfdfdf;}
.registration_details .table_details tr th{background: #f4f4f4; line-height: 24px; padding: 8px; word-break: break-all; word-wrap: break-word; font-size: 0.9em; border-bottom: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf;}
.registration_details .table_details tr td{line-height: 24px; padding: 8px; word-break: break-all; word-wrap: break-word;font-size: 0.9em; text-align: left; border-bottom: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf;}
.registration_details .table_details tr td a{color:#0187ee;}
.registration_details p{font-size: 0.9em; line-height: 1.4em;}

.prompt_module_1{ background:#fffcf5; border:1px solid #fde1bd; padding:10px; font-size:1em; margin: 10px auto; position:relative;width: 94%;}
.prompt_module_1.sty1 dt,.prompt_module_1.sty1 dd{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle;}
.prompt_module_1 dt{ color:#fa693d; line-height:1.6em; font-weight:bold; font-size: 0.9em;}
.prompt_module_1 dt b{ color:#222; }
.prompt_module_1 dd{ color:#444; line-height:1.6em; font-size: 0.9em; word-break: break-all;}

/*域名价格*/
.table_price{margin: 0 auto;  border-top: 1px solid #dfdfdf;}
.table_price tr th{background: #269df4; color: #fff; line-height: 24px; padding: 8px; word-break: break-all; word-wrap: break-word; font-size: 0.9em; border-bottom: 1px solid #dfdfdf; text-align: center;}
.table_price tr td{line-height: 24px; padding: 8px; word-break: break-all; word-wrap: break-word;font-size: 0.9em; text-align: left; border-bottom: 1px solid #dfdfdf; text-align: center;}
.table_price tr td.sty{background: #f2f2f2;color: #0187ee;font-weight: bold; text-align: left;}
.table_price tr td a{color:#0187ee;}
.table_price tr td .price_orange{color:#fd5908;font-size: 1em; }
.table_price tr td .old_price{ color: #999; text-decoration: line-through; margin-right: 5px;font-size: 0.9em; }
.black_prompt{ font-size: 0.9em; line-height: 1.8em; padding: 20px 3%;}

/*近期促销*/
.domain_cuxiao{ background: #fff; padding: 20px 0; margin: 51px auto 0;}
.domain_cuxiao .title{ text-align: center; font-size: 1.3em; padding:0 0 20px 0;}
.domain_cuxiao .cuxiao_box .cuxiao_tab_n{height:42px;line-height:42px;color:#333; padding:0; }
.domain_cuxiao .cuxiao_box .cuxiao_tab_n ul{ text-align: center;}
.domain_cuxiao .cuxiao_box .cuxiao_tab_n li{ display: inline-block; vertical-align: top; width: 120px; cursor:pointer;text-align:center;font-size:1.1em;line-height:40px; margin:0; list-style:none; border: 1px solid #8f8f8f; padding: 0; margin: 0 10px;position: relative;}
.domain_cuxiao .cuxiao_box .cuxiao_tab_n li i{position:absolute;bottom:-14px;right:52px;height:0;width:0;overflow:hidden;font-size:0;border-color:#fff transparent transparent transparent;border-style:solid;border-width:7px; display:none;}
.domain_cuxiao .cuxiao_box .cuxiao_tab_n li.Active{text-decoration:none;line-height:40px; border: 1px solid #269df4; margin:0; background: #269df4; color: #fff;}
.domain_cuxiao .cuxiao_box .cuxiao_tab_n li.Active i{border-color:#269df4 transparent transparent transparent; display:block;}
.domain_cuxiao .cuxiao_box .cuxiao_tab_c{padding:20px 0 10px 0;}

/*WHOIS查询*/
.whois_information .title{ border-bottom: 1px solid #dfdfdf;margin: 10px 0 0 0; position: relative;}
.whois_information .title h2{ float: left;border-bottom: 2px solid #269df4;line-height:1.3em; font-size: 1.1em; margin: 0; padding: 10px 3%; max-width: 80%;}
.whois_information .title h2 b{ color: #0187ee;word-break: break-all; word-wrap: break-word;}
.whois_information .title .arrow{  position: absolute; top:5px; right: 3%;display: block;}
.whois_information .title .arrow i{font-size: 18px; color: #555;}
.whois_information .title .arrow i.icon-xiangshang_jiantou{display: block;}
.whois_information .title .arrow i.icon-xiangxiajiantou{display: none;}
.whois_information .black_prompt{padding: 10px 3% 20px 3%;}

.whois_information.down .title{margin-bottom: 20px;}
.whois_information.down .title .arrow i.icon-xiangshang_jiantou{display: none;}
.whois_information.down .title .arrow i.icon-xiangxiajiantou{display: block;}
.whois_information.down .whois_information_table{display: none;}
.whois_information.down .english{display: none;}

.no_content{padding:20px 3%;}
.no_content dt{ text-align: center; color: #333; font-size: 14px; line-height: 24px; padding-top: 10px;}
.no_content dd{ text-align: center; color: #777; font-size: 14px; line-height: 20px; padding-bottom: 10px;}
.no_content a.btn{width: 35%;background:#ff6803; height: 44px;text-align: center; line-height: 44px; font-size: 1.1em; color: #fff;border: 0; padding: 0; cursor: pointer; margin: 20px auto; display: block;}


.whois_information_table{ margin-bottom: 20px;}
.whois_information_table table{border-top: 1px solid #dfdfdf;}
.whois_information_table tr th{line-height: 24px; padding: 8px; word-break: break-all; word-wrap: break-word;font-size: 0.9em; border-bottom: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; text-align: right; color: #333;}
.whois_information_table tr th p{font-size: 0.7em;color: #999; font-weight: normal; margin: 0; line-height: 1.2em;}
.whois_information_table tr td{line-height: 24px; padding: 8px; word-break: break-all; word-wrap: break-word;font-size: 0.9em; border-bottom: 1px solid #dfdfdf; text-align: left; color: #333;}
.whois_information_table tr td p{ color: #999;line-height: 1.4em; margin: 0; }

.whois_information .english{background: #fffcf5;font-size: 0.9em; line-height: 1.4em; padding: 20px 3%;}

/*域名转入*/
.input_prompt{ font-size: 0.9em; line-height: 1.8em; padding: 5px 0; text-align: left;}
.transfer_box .prompt_module_1{ width: 100%; text-align: left;}

.transfer_box{margin: 51px auto 0; min-height: 64%;}
.transfer_box .tab_content{margin: 20px auto;}
.transfer_menu{height: 48px;line-height: 48px;color: #333;padding: 0;border-bottom: 1px solid #e8e8e8; background: #f4f4f4; position: fixed; top: 54px; left: 0; overflow: hidden;z-index: 2; width: 100%;}
.transfer_menu li{float: left;width: 50%;cursor: pointer;text-align: center;font-size: 1.1em;line-height: 45px; list-style: none; height: 48px;margin: 0;}
.transfer_menu li a{color: #666; line-height: 45px; display: block; font-weight: normal; text-decoration: none;}
.transfer_menu li.hover{text-decoration: none;height: 48px; margin: 0;}
.transfer_menu li.hover a{line-height: 45px; color: #0083e3; font-weight: normal; border-bottom: 3px solid #269df4;}
.transfer_btn { margin: 20px auto 10px; width: 100%;background:#269df4; height: 52px;text-align: center; line-height: 42px; font-size: 1.2em; color: #fff;border: 0; cursor: pointer;}

.transfer_table{margin-bottom: 40px;}
.transfer_table.m_b_0{margin-bottom: 0;}
.transfer_table tr th{background: #f4f8fd;line-height: 24px; padding: 8px 5px; word-break: break-all; word-wrap: break-word;font-size: 0.9em; text-align: left; border-bottom: 1px solid #dfdfdf; color: #333;}
.transfer_table tr td{line-height: 24px; padding: 8px 5px; word-break: break-all; word-wrap: break-word;font-size: 0.9em; text-align: left; border-bottom: 1px solid #dfdfdf; color: #333;}
.transfer_table tr td a{text-decoration: none; color:#0187ee;}
.icon-gantanhao{font-size: 8px; color: #269df4; margin:-2px 0 0 2px; display: inline-block; vertical-align: middle;}

.transfer_shaixuan.bor_b{ border:none;}
.transfer_shaixuan{ padding-bottom: 10px; border-bottom: 1px solid #dfdfdf; margin: 0 3%;}
.transfer_shaixuan .title{margin: 10px 0 0 0; position: relative;}
.transfer_shaixuan .title span{line-height:1.3em; font-size: 1.1em; margin: 0; padding: 10px 0; max-width: 80%;}
.transfer_shaixuan .title .arrow{  position: absolute; top:5px; right: 3px;display: block;}
.transfer_shaixuan .title .arrow i{font-size: 14px; color: #555;}
.transfer_shaixuan .title .arrow i.icon-xiangshang_jiantou{display: block;}
.transfer_shaixuan .title .arrow i.icon-xiangxiajiantou{display: none;}
.transfer_shaixuan.down .title .arrow i.icon-xiangshang_jiantou{display: none;}
.transfer_shaixuan.down .title .arrow i.icon-xiangxiajiantou{display: block;}

.transfer_shaixuan .input{border: 1px solid #ccc; height: 36px; padding: 0 5px; margin-top: 10px; }
.transfer_shaixuan .input input{background: #fff;line-height: 34px; height: 34px;outline:none; border:none; width: 100%;}
.transfer_shaixuan.down .input,.transfer_shaixuan.down .input.w,.transfer_shaixuan.down .line,.transfer_shaixuan.down .input.w,.transfer_shaixuan.down .line{display: none;}
.transfer_shaixuan .input.w{ width: 44%; display: inline-block; vertical-align: top;}
.transfer_shaixuan .line{ display: inline-block; vertical-align: top; line-height: 36px; padding: 0 10px;margin-top: 10px;}

.shaixuan_menu{text-align: left; margin-top: 10px;}
.shaixuan_menu a.ellipsis{white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.shaixuan_menu a{background: #f4f4f4; color: #222; display: inline-block; vertical-align: top;height: 36px; line-height: 36px; margin: 5px 0 0 0; width: 32%; text-align: center; text-decoration: none;}
.shaixuan_menu a.hover{ background: #269df4; color: #fff;}
.shaixuan_menu.sty a{background: #fff; border: 1px solid #ccc; height: 34px; line-height: 34px;}
.shaixuan_menu.sty a.hover{ background: #fff; border: 1px solid #269df4; color: #0187ee;}

.shaixuan_menu.special a{ width: 49%; }
.transfer_shaixuan .zdy_p{display: block; margin-top: 10px;}
.transfer_shaixuan.down .shaixuan_menu,.transfer_shaixuan.down .zdy_p{display: none;}

.shaixuan_btn{ text-align: center; padding: 10px; position: fixed; bottom: 0; right: 0; background: #fff; border-top: 1px solid #dfdfdf; width: 80vw; z-index: 10000;  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-overflow-scrolling: touch;
  -webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0s;
  -moz-transition: -moz-transform 0.4s 0s, box-shadow 0s 0s;
  transition: transform 0.4s 0s, box-shadow 0s 0s;}
.shaixuan_btn a{display: inline-block; vertical-align: top; margin: 0 5px; width: 45%;height: 42px;text-align: center; line-height: 42px; font-size: 1.2em; text-decoration: none;}
.shaixuan_btn a.blue{background:#269df4;border: 1px solid #269df4;  color: #fff;}
.shaixuan_btn a.white{background:#fff;border: 1px solid #269df4; color: #0083e3;}

/*域名转入验证*/
.transfer_verification.m_t_0{ margin: 0 auto;}
.transfer_verification{ margin: 51px auto 0; width: 94%; padding: 10px 0; }
.transfer_verification.min_height{min-height: 57vh;}
.transfer_verification h2{ font-size: 1.1em; line-height: 2.8em; margin: 0; font-weight: bold;border-bottom: 1px solid #dfdfdf; }
.transfer_verification h2 i{ display: inline-block; vertical-align: middle; font-size: 24px; margin:-2px 3px 0 0;}
.transfer_verification h2 i.icon-guanbi{ color: #FF0000;}
.transfer_verification h2 i.icon-gouxuan-xuanzhong-yuankuang{ color: #24ba67;}
.transfer_verification .transfer_list.font-size-s li{ padding: 5px 3px; font-size: 1em;}
.transfer_verification .transfer_list li{border-bottom: 1px solid #dfdfdf;padding: 10px 3px;line-height: 20px; word-break: break-all; word-wrap: break-word; list-style: none;}
.transfer_verification .transfer_list li p{ margin: 0;}
.transfer_verification .transfer_list li b.wangzhi{ font-size: 1.1em; font-weight:normal;}
.transfer_verification .transfer_list li .red_p{ display: block; color: #ff0000; font-size: 0.9em;}
.transfer_verification h2 i.icon-wenhao{font-size: 18px; margin-left: 5px; }

.transfer_verification .transfer_verification_table{ margin-bottom: 20px;}
.transfer_verification .transfer_verification_table tr th.p_0,.transfer_verification .transfer_verification_table tr td.p_0{padding: 8px 0 8px 3px;}
.transfer_verification .transfer_verification_table tr th,.transfer_verification .transfer_verification_table tr td{line-height: 24px;  word-break: break-all; word-wrap: break-word;font-size: 0.9em; text-align: left; border-bottom: 1px solid #dfdfdf; color: #333; background: #fff;}
.transfer_verification .transfer_verification_table p{ margin: 0;}

.transfer_verification h2.title{ position: relative;color: #333; height: 20px; line-height: 20px; font-size: 1.2em; margin: 5px 0 15px 0; border-left: 4px solid #269df4; padding-left: 10px; border-bottom: none;}

.transfer_verification .go_to{ display: block; color: #5f5f5f; line-height: 40px; overflow: hidden; border-bottom: 1px solid #dfdfdf; margin-bottom: 20px;}
.transfer_verification .go_to i{ float: right;}

.transfer_verification .options_list p{white-space: inherit;}
.transfer_verification .options_list .red_p{display: block; padding-left: 24px; font-size: 0.9em; color: #f00000; margin: 5px 0;}
.transfer_verification .options_list.bor_line{ border-bottom: 1px solid #dfdfdf;}

.button_two_center{text-align: center; padding: 20px 0;}
.button_two_center .button1{height:46px; line-height:44px; color:#fff; background:#269df4; text-align:center; border:1px solid #269df4; outline:none;display: inline-block; vertical-align: middle; width: 40%; margin: 0 5px;}
.button_two_center .button2{height:46px; line-height:44px; color:#269df4; background:#fff; text-align:center; border:1px solid #269df4; outline:none;display: inline-block; vertical-align: middle; width: 40%; margin: 0 5px;}
.button_two_center .button1.disabled{background: #c7c7c7; color: #fff;border:1px solid #c7c7c7; }
.button_two_center .button2.disabled{border:1px solid #c7c7c7; color: #bbb; }

/*云虚拟主机*/
.host{ background: #fff; padding: 20px 3%;}
.host h2{ text-align: left; font-size: 1.4em;color: #1d2743; margin: 0 0 20px 0; font-weight: bold;}
.host li{ width: 100%; list-style: none;}
.host dl{ margin-bottom: 20px; text-align: center;}
.host dt{font-size: 1.2em; color: #444; font-weight: bold;line-height: 2em;}
.host dt .img_logo{ display: inline-block; vertical-align: middle; height: 22px; margin: 8px 0;}
.host dt em{font-style: normal;font-weight:normal; font-size: 0.9em; margin: 0 5px;}
.host dt em.orange_bg{background: #fd5908; color: #fff; padding:3px;}
.host dt em.green_bg{ background: #24ba67; color: #fff; padding:3px;}
.host dd{font-size: 1em; color: #777777;line-height: 1.3em;}

.host .model_list tr td{ border-bottom: 1px dashed #dfdfdf; line-height: 24px; padding: 4px 0; color: #777777;}
.host .host_price{ text-align: center; font-size: 0.9em; color: #999; margin: 10px 0;}
.host .host_price b{margin-right: 5px; color: #ff6803; font-size: 1.5em;}
.host .host_price.h{ height: 27px; display: none;}
.host .host_price2 { text-align: center;font-size: 1.1em;color: #ff6803;margin: 5px 0 10px 0; padding: 0;} 

.host_buy_button{ margin: 10px auto 30px; width: 100%; height: 44px; line-height: 44px; font-size: 1.3em; background: #269df4; color: #fff; display: block; text-align: center;}

.line_more{ height: 40px; line-height: 40px; position: relative; text-align: center;}
.line_more .p{text-align: center; position: absolute; left: 0; top:-20px; width: 100%;}
.line_more .p a{ display: block; margin: 0 auto; width: 60%; background: #fff; color: #0083e3; text-decoration: none;}
.line_more .line{ height: 1px; background: #ccc;  width: 100%; margin: 10px 0;}

.host_tab{ background:#fff; margin:0 auto; padding: 0;}
.host_tab_n{height:48px;line-height:48px;color:#333; padding:0; border-bottom:1px solid #e8e8e8; }
.host_tab_n ul{ overflow:hidden; }
.host_tab_n li{ float:left; width: 50%; cursor:pointer;text-align:center;font-size:1.1em;height:48px; line-height:45px; margin:0; list-style:none; }
.host_tab_n.li_three li{ width: 33.3%;}
.host_tab_n.li_four li{ width: 25%;}
.host_tab_n li b{color:#666;line-height:45px;display:block;font-weight:normal;}
.host_tab_n li:hover b{color:#0078ff;}
.host_tab_n li.Active{text-decoration:none; height:48px;margin:0; border-bottom:3px solid #269df4;}
.host_tab_n li.Active b{line-height:45px;color:#0083e3; font-weight: normal;}

.host_tab_c{}
.host_cp{text-align:center;padding-bottom:20px;}
.host_cp li{ display:inline-block; vertical-align:top;color:#333333; width: 49%;}
.host_cp li img {display:block; height: 70px; margin:20px auto 5px;}

.parameter h2{background: #f2f2f2;color: #0187ee;font-weight: bold;text-align: left;line-height: 24px; padding: 8px;font-size: 1em; margin: 0;}

.parameter .component.m_t_0{ margin-top: 0;}
.parameter .component{ margin-top: 20px;}
.parameter .component_n{height:42px;line-height:42px;color:#333; padding:0; }
.parameter .component_n ul{ text-align: center;}
.parameter .component_n li{ display: inline-block; vertical-align: top; width: 120px; cursor:pointer;text-align:center;font-size:1.1em;line-height:40px; margin:0; list-style:none; border: 1px solid #8f8f8f; padding: 0; margin: 0 10px;position: relative;}
.parameter .component_n li i{position:absolute;bottom:-14px;right:52px;height:0;width:0;overflow:hidden;font-size:0;border-color:#fff transparent transparent transparent;border-style:solid;border-width:7px; display:none;}
.parameter .component_n li.Active{text-decoration:none;line-height:40px; border: 1px solid #269df4; margin:0; background: #269df4; color: #fff;}
.parameter .component_n li.Active i{border-color:#269df4 transparent transparent transparent; display:block;}
.parameter .component.m_t_0 .component_c{padding: 0;}
.parameter .component_c{padding:20px 0;}

.parameter .component_table{border-top: 1px solid #dfdfdf;}
.parameter .component_table tr th{background: #eef7fe;line-height: 24px; padding: 8px; word-break: break-all; word-wrap: break-word;font-size: 0.9em; text-align: left; border-bottom: 1px solid #dfdfdf; color: #333;}
.parameter .component_table tr td{line-height: 24px; padding: 8px; word-break: break-all; word-wrap: break-word;font-size: 0.9em; text-align: left; border-bottom: 1px solid #dfdfdf; color: #333; font-weight: normal;}
.parameter .component_table tr td.td_left{background: #f4f4f4;}
.parameter .component_table tr th.center,.parameter .component_table tr td.center{ text-align: center;}
.parameter .component_table tr td i{ font-size: 12px;}
.parameter .component_table tr td .icon-gou{ color:#24ba67;}
.parameter .component_table tr td .icon-chacha{ color:#fe0707 ;}

/*云虚拟主机购买*/
.host_buy.m_t{margin: 51px auto 0;}
.host_buy{ background: #fff; margin: 0 auto;padding: 10px 3%; background: #fff;}
.host_buy h2{color: #333; height: 20px; line-height: 20px; font-size: 1.2em; margin: 5px 0 15px 0; border-left: 4px solid #269df4; padding-left: 10px;}
.host_buy .s_p{ font-size: 0.8em; color: #777; line-height: 1.6em; }

.host_buy .types_menu{text-align: left;}
.host_buy .types_menu li{ cursor:pointer;  margin: 5px 3px 5px 0; text-align:center;font-size:0.9em;height:40px; line-height:40px; border: 1px solid #dfdfdf;list-style: none; width: 23%; display: inline-block; vertical-align: top;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;  }
.host_buy .types_menu.sty li{width: 28%;}
.host_buy .types_menu.symantec li{width: 49%;}
.host_buy .types_menu li.hover{ border: 1px solid #269df4; background: #269df4; color: #fff;}
.host_buy h3{color: #333; height: 30px; line-height: 30px; font-size: 1em; margin: 0; padding: 0;}
.host_buy h3.left_display{display: inline-block; line-height: 30px; padding: 10px 0; height: auto;}

.host_buy .cp_types_table{border-left: 1px solid #dfdfdf;border-top: 1px solid #dfdfdf;border-right: 1px solid #dfdfdf; margin: 10px 0;}
.host_buy .cp_types_table tr th{text-align: right;line-height: 24px; padding: 8px 5px; word-break: break-all; word-wrap: break-word;font-size: 0.9em; color: #333; font-weight: normal; background: #f4f4f4;border-bottom: 1px solid #dfdfdf; }
.host_buy .cp_types_table tr td{line-height: 24px; padding: 8px 5px; word-wrap: break-word;font-size: 0.9em; text-align: left; color: #333;border-bottom: 1px solid #dfdfdf;}
.host_buy .cp_types_table tr td i.icon-gou{ color:#24ba67; font-size: 12px;}
.host_buy .cp_types_table tr td i.icon-chacha{ color:#fe0707; font-size: 12px;}

.host_buy .types_line{ border-bottom: 1px solid #dfdfdf; list-style: none;}
.host_buy .types_line.error_sty{border:none;}
.host_buy .types_line.error_sty .error_red_p{border-top:1px solid #fd5908; display: block; color: #fd5908;line-height:1.2em; font-size: 0.9em; padding: 3px 0;}
.host_buy .types_line .error_red_p{display: none;}
.host_buy .types_line .go_to i{ margin: 0;}
.host_buy .types_line .input {border: none; line-height: 30px; width: 100%; outline: none;}
.host_buy .s_wz{ font-size: 0.8em; color: #888; line-height: 1.6em; padding-top: 10px;}
.host_buy .types_line.relative,.host_buy .types_line .relative{ position: relative;}
.host_buy .types_line .relative .mclear{top: 6px;}
.host_buy .types_line.relative .icon_eye{ position: absolute;right: 0;bottom: 0;width: 30px;height: 30px; text-align: center; color: #333;}
.host_buy .types_line .number_p{ float: right; font-size: 0.9em; color: #777; line-height: 30px; margin: 10px 3px;}
.host_buy .types_line .years{ border: 1px solid #b9b9b9; height: 30px; background: #fff; text-align: center; float: right; margin: 10px 0; padding: 0 4px;}
.host_buy .types_line .years .input_year{ border-left: 1px solid #b9b9b9;border-right: 1px solid #b9b9b9;border-top: none;border-bottom: none; text-align: center; height:28px; line-height:28px; outline: none; background: #fff; width: 40px; padding:0 3px;display: inline-block; vertical-align: top; margin: 0 4px;font-size: 0.9em;}
.host_buy .types_line .years i{ display: inline-block; vertical-align: middle;  font-size: 12px; line-height: 30px;}

/*购买结果*/
.buy_result{ text-align: center; padding: 10px 3%; margin: 51px auto 0; min-height: 65%;}
.buy_result i{ display: block; font-size: 54px; color:#24ba67; margin: 20px auto 0;}
.buy_result i.red{color: #FF0000;}
.buy_result h2{ font-size: 1.3em; color: #222; margin: 0 0 30px 0;}
.buy_result p{ font-size: 0.9em;  margin: 30px 0 50px 0;}
.buy_result p b{font-weight: bold;}

/*云服务器*/
.configuration_li{ text-align: center;}
.configuration_li .li{ display: inline-block; vertical-align: top; width: 28%;}
.configuration_li.w .li{ width: 22%;}
.configuration_li.w .li.w{ width: 30%;}
.configuration_li .li h3{font-size: 1.1em; line-height: 1.3em;}
.configuration_li .li p{font-size: 0.9em; line-height: 1.3em; color: #777;}

.product_features{padding: 10px 3%;}
.product_features li{ padding: 5px 0; margin: 5px 0; border-bottom: 1px solid #dfdfdf; list-style: none;}
.product_features li .icon{float: left; width: 70px; }
.product_features li .icon img{height: 60px;}
.product_features li .features_txt{display: table-cell;float: none;vertical-align: top;width: auto; *display:block; *zoom:1; }
.product_features li .features_txt:after {
    clear: both;
    content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
    display: block;
    height: 0 !important;
    line-height: 0;
    visibility: hidden;
}
.product_features li .features_txt h3{font-size: 1.3em; color: #222; margin: 0; line-height: 2.2em; }
.product_features li .features_txt p{font-size: 0.9em; color: #777; line-height: 1.6em;  }

.leftbox{display: table-cell;float: none;vertical-align: top;width: auto; *display:block; *zoom:1; height: 60px; }
.leftbox:after {
    clear: both;
    content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
    display: block;
    height: 0 !important;
    line-height: 0;
    visibility: hidden;
}
.leftbox .img{ width: 60px; height: 60px; text-align: center; margin-right: 5px;}
.leftbox .img img{display: inline-block; vertical-align: middle; max-height: 60px; max-width: 60px;}
.leftbox .img b{ height: 100%;display: inline-block; vertical-align: middle;}

.advantage{padding: 10px 3%;}
.advantage .box{ padding: 5px; margin: 5px 0; border-bottom: 1px solid #dfdfdf;}
.advantage .box h3{font-size: 1.3em; color: #222; margin: 0; line-height: 2.2em; }
.advantage .box li{ list-style: disc;font-size: 0.9em; color: #555; line-height: 1.6em; margin-left: 20px; margin-bottom: 10px; }
    
.related_products{ padding: 10px 3%; background: #fff;}
.related_products h2{margin: 0 auto 10px;font-size: 1.4em;color: #444;font-weight: bold; line-height: 2em; text-align: center;}
.related_products .box{ border: 1px solid #269df4; margin: 10px 0;}
.related_products .box .topbg{ background:url("../images/cserver_cpbg.jpg") no-repeat  center top; background-size: cover; height: 80px; text-align: center; padding-top: 10px;}
.related_products .box .topbg .icon{margin: 0 auto; width: 62px; height: 62px;}
.related_products .box .topbg .icon img{width: 62px; height: 62px;}
.related_products .box h3{font-size: 1.3em; color: #222; margin: 0; line-height: 2.2em; padding:10px 10px 0; }
.related_products .box h5{font-size: 0.9em; color: #555; line-height: 1.6em;margin:0 0 10px 0;padding: 0 10px;  }
.related_products .box .price{ text-align: right;font-size: 0.9em; color: #555;padding: 0 10px; }
.related_products .box .price b{color:#fd5908; font-weight: bold; font-size: 1.8em;}

@media only screen and (min-width: 768px) and (max-width: 1200px) {	
	.host dl{height: 70px;}
	.host li,.related_products .box{width: 100%; display: inline-block; vertical-align: top;}
	.host li .mail_list,.host li .mail_list li{ width: 100%;}
	.host .host_price.h{ display: block;}
	.configuration_li .li{ height:100px;}
	.host_cp li img{width: 20%;}
}

/*下拉底部弹出框*/
.click_no{-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent; z-index: 3;}
@media screen and (-webkit-min-device-pixel-ratio:2){
	.border{border-width:.5px!important}
}
@media screen and (-webkit-min-device-pixel-ratio:3){
	.border{border-width:.333333px!important}
}
.host_buy .swiper-container,.host_buy .selectData{height:2.5rem}
.swiper-slide{height:.7rem;line-height:.7rem;font-size:.3rem;color:#ccc}
.swiper-slide:first-child{color:#b7babf}
.swiper-slide-prev,.swiper-slide-next{font-size:.28rem;color:#898b8f}
.swiper-slide-active{font-size:.33rem;color:#191919}
@keyframes fadeInUp1{100%{bottom:0}}
.select_box{display:none;position:fixed;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.select_box.yes{display:block}
.select_box .select{height:3.5rem;overflow:auto;text-align:center;padding:.8rem .1rem .2rem;position:absolute;left:0;right:0;bottom:-100%;background-color:#fff}
.select_box.yes .select{animation:fadeInUp1 .3s ease-out;animation-fill-mode:forwards}
.select_box.yes .select .close,.select_box.yes .select .ok{color:#333;font-size:.32rem;position:absolute;top:.2rem}
.select_box.yes .select .close{left:.2rem}
.select_box.yes .select .ok{right:.2rem}
.select_box.yes .select .cloth{position:absolute;height:.625rem;top:1rem;left:0;right:0;background-color:rgba(0,0,0,.05)}

.host_buy .types_line.bor_no{ border: none;}
.host_buy .types_line table tr td.bor_no{  border: none; padding:0;}
.host_buy .types_line table tr td{ border-bottom: 1px solid #dfdfdf;line-height: 20px; padding: 10px 0;}
.host_buy .types_line .btn1{ background: #fff url("../images/arrow_right.svg") no-repeat right; background-size: 16px 16px; padding-right: 20px; border:none; text-align: left;}
.host_buy .types_line .btn2{ background: #fff url("../images/arrow_right.svg") no-repeat right; background-size: 16px 16px; padding-right: 20px;  border:none; text-align: left;}
.host_buy .types_line .btn3{ background: #fff url("../images/arrow_right.svg") no-repeat right; background-size: 16px 16px; padding-right: 20px; border:none; text-align: left; margin: 10px 0; line-height: 30px; float: right;}

/*云服务器购买*/
.cserver_disk{border: 1px solid #269df4; background: #f4f8fd url("../images/arrow_right.svg") no-repeat right;background-size: 16px 16px; cursor: pointer; height: 40px; line-height: 40px; padding: 0 5px; text-align: left; margin:10px 0;}
.cserver_disk .p1{color: #0187ee; width: 120px; display: inline-block; vertical-align: top;}
.cserver_disk .p2{color: #222; font-weight: bold; width: 45%; display: inline-block; vertical-align: top;}
.cserver_disk.w{ width: 87%; background-image:none; background-size: auto; position: relative;}
.cserver_disk .icon-guanbi1{ font-size: 16px; position: absolute; right: -15%; top: 0; padding: 0 10px; display: block;}
.types_line .add_button{border: 1px solid #ccc; background: #fff; cursor: pointer; height: 40px; line-height: 40px; width: 100%; text-align: center; margin:0 0 10px 0; color: #0187ee;}
.types_line .add_button i{font-size: 12px; color:#0187ee; margin-right: 5px;}

.cserver_ip_switch{ line-height: 40px; border-bottom: 1px solid #dfdfdf; background: #fff; font-size: 1.1em; position: relative;}
.cserver_ip_switch .btn_switch{ float: right; width: 56px; height: 30px; background:#ff6803; border-radius: 50px; position: relative; display: block; margin-top: 5px;}
.cserver_ip_switch .btn_switch .hover{ position: absolute; right: 1px; top: 1px; width: 28px; height: 28px; background: #fff; border-radius: 50px;}
.cserver_ip_switch .btn_switch.guan{ background:#ccc;}
.cserver_ip_switch .btn_switch.guan .hover{right: inherit; left: 1px;}

/*带宽峰值*/
.slider_server_box{ padding-bottom: 30px; margin:10px;}
.slider_server{width: 100%;height: 12px; border: 1px solid #cfcfcf;background: #efefef;position: relative; cursor: pointer;}
.slider_server .slider_handle{ width: 20px;height: 24px;position: absolute;top: -7px;outline: none; background:#269df4;z-index: 2; margin-left: -10px; text-align: center; padding: 5px 0;}
.slider_server .slider_handle i{background:url("../images/slider_handle_line.png") repeat-y top; width: 6px; height: 100%; display: block; margin: 0 auto;}
.slider_server .slider_range{background: #0187ee;height: 12px;position: absolute;left: 0;top: -1px;}

.slider_scale{ margin: 10px 0; font-size: 0.9em; color: #777; position: relative;}
.slider_scale .w1{ position: absolute; right: -20px; width: 100%; margin-right: 10px;}
.slider_scale .w2{position: absolute; right: 0;  width: 75%; margin-left: 20px;}
.slider_scale .w3{position: absolute; right: 0;  width: 100%; text-align: center;}
.slider_scale .w4{position: absolute; left: 0;  width: 75%; margin-right: 20px; text-align: right;}
.slider_scale .w5{position: absolute; right: 0;  width: 100%; margin-right: 10px; text-align: right;}
/*带宽峰值结束*/
.host_buy .go_to{display: block;color: #222;line-height: 20px; padding: 10px 0; overflow: hidden; text-decoration: none;}
.host_buy .go_to i {float: right; margin-top: 10px;}
.host_buy .go_to em{font-style: normal; color: #777; font-size: 0.9em; display: block;}
.host_buy .view_r_a{ text-align: right; color: #0187ee; display: block; line-height: 2.4em; font-size: 1em;}
.important_reminder{ margin: 10px 0; text-align: left;}
.important_reminder dt{ color: #fd5908; font-size: 1em; line-height: 2em;}
.important_reminder dd{ color: #777; font-size: 0.9em; line-height: 2em; }
/*透明遮罩层*/
.tran_bg{ background: #000; filter:alpha(opacity=35);opacity:0.35;-moz-opacity:0.35; height: 100%; left: 0; right:0; bottom:0; position: fixed; text-align: center; top: 0; width: 100%; z-index: 9999;overflow: hidden;}
.choose_service{position: fixed; bottom: 0; left: 0; right: 0; width: 100%;  background: #fff;z-index: 10000;overflow: hidden; }
.choose_service h2{margin: 0;}
.choose_service .title{ text-align: center; line-height: 40px; padding: 0 10px; font-size: 1.2em; font-weight: bold; border-bottom: 1px solid #dfdfdf; margin-bottom: 10px;}
.choose_service .title a{ float: right; display: block; text-decoration: none;}
.choose_service .title i{ font-size: 20px; color: #666;}

.choose_service .menu{text-align: left; margin: 0; padding:0 0 10px 8px;}
.choose_service .menu li{ cursor:pointer;  margin: 5px 10px; text-align:center;font-size:0.9em;height:30px; line-height:30px; border: 1px solid #dfdfdf;list-style: none; width: 42%; display: inline-block; vertical-align: top;}
.choose_service .menu li.hover{ border: 1px solid #269df4; background: #269df4; color: #fff;}

.choose_service .blue_button{ margin: 0 auto;}

/*企业邮箱*/
.mail_list{ margin: 0 auto; width: 70%;}
.mail_list li{ list-style: disc; margin-left: 10px;border-bottom: 1px dashed #dfdfdf;line-height: 24px;padding: 4px 0;color: #269df4; font-size: 20px;}
.mail_list li p{ color: #777; padding: 0; margin: 0;}
.host_buy p{ margin: 0;}
.host_buy .r_p_a{ text-align: right;line-height: 2.4em;font-size: 0.9em;}
.host_buy .r_p_a a{display: inline-block;color: #0187ee; font-size: 0.9em;}

/*网站建设*/
.website_template{padding-bottom:20px; overflow:hidden;}
.website_template h2{ font-size:1.8em; line-height:1.8em; text-align:center; color:#1d2743; width:100%; margin:20px auto 0;}
.website_template p{ font-size:1.1em; line-height:1.6em; text-align:center; color:#777777; width:100%; margin:0 auto 20px;}
.website_template p em{font-style:normal; color:#0083e3;}
.website_template .slide__inner{padding:10px;border:1px solid #dedede;background:#f6f6f6;overflow:hidden;position:relative;-webkit-box-shadow: 0 0 15px rgba(0,0,0,.1);-moz-box-shadow: 0 0 15px rgba(0,0,0,.1);box-shadow: 0 0 15px rgba(0,0,0,.1);}

.website_choose{padding-bottom:20px; overflow:hidden;}
.website_choose h2{ font-size:1.4em; line-height:1.8em; text-align:center; color:#1d2743; width:100%; margin:30px auto 10px;}
.website_choose ul{padding: 10px 0;}
.website_choose ul li{ display: inline-block; vertical-align: top; list-style: none; width: 48%; text-align: center; padding: 0 10px; }
.website_choose ul li img{ display: block; height: 55px; margin: 10px auto 0;}
.website_choose.sty ul li img{height: 70px;}
.website_choose ul li h3{color: #000; font-size:1.1em; padding: 10px 0 0 0; margin: 0;}
.website_choose ul li p{ color: #666; font-size:0.9em; line-height: 1.6em; padding-top: 10px;}

.website_advantage{overflow:hidden;}
.website_advantage h2{ font-size:1.4em; line-height:1.8em; text-align:center; color:#1d2743; width:100%; margin:20px auto;}
.website_advantage table{box-shadow:1px 0 3px 0 #888888;}
.website_advantage table tr th{vertical-align: top; text-align: center; color: #fff; font-size: 1.6em; padding: 20px 0 0 0;}
.website_advantage table tr th img{ height: 66px; margin: 0 auto;}
.website_advantage table tr td{vertical-align: middle;}
.website_advantage table tr td.text_left{text-align: left; color: #fff; font-size: 0.9em; line-height: 1.6em; padding: 10px; background: #29499d url("../images/web_triangle1.png") no-repeat right center; background-size: 5px 8px; }
.website_advantage table tr td.text_right{text-align: left; color: #444; font-size: 0.9em; line-height: 1.6em;  padding: 10px; background: #8ec2e9 url("../images/web_triangle2.png") no-repeat 0 center; background-size: 5px 8px;}
.website_advantage table tr td.text_center{text-align: center; color: #000; font-size: 1.2em; line-height: 1.8em; font-weight: bold; padding: 10px 0; background: #fff; }
.website_tel{ background: url("../images/web_tel_bg.jpg") no-repeat;background-size: cover; height: 55px; text-align: center;color: #fff; font-size: 1.1em; width: 100%; line-height: 55px;}
.website_tel a{ color: #fff; }
.website_tel b,.website_tel a b{ font-size: 1.4em; font-weight: bold;}

.website_process{margin:0 auto 90px; width: 94%; position: relative;}
.website_process .line{ height: 8px; background: #f4f4f4; border: 1px solid #dfdfdf; border-radius: 50px;}
.website_process .process_ul{ position: absolute; left: 0; top: -10px; text-align: center; width: 100%;}
.website_process .process_ul li{list-style: none; display: inline-block; vertical-align: top; width: 24%;}
.website_process .process_ul li .number1{ width: 30px; height: 30px; background: #fe7c26; text-align: center; color: #fff; font-size: 1.5em; font-weight: bold; margin: 0 auto 10px; border-radius: 50%;}
.website_process .process_ul li .number2{ width: 30px; height: 30px; background: #087ce9; text-align: center; color: #fff; font-size: 1.5em; font-weight: bold; margin: 0 auto 10px; border-radius: 50%;}
.website_process .process_ul li .number3{ width: 30px; height: 30px; background: #7863d4; text-align: center; color: #fff; font-size: 1.5em; font-weight: bold; margin: 0 auto 10px; border-radius: 50%;}
.website_process .process_ul li .number4{ width: 30px; height: 30px; background: #08bce9; text-align: center; color: #fff; font-size: 1.5em; font-weight: bold; margin: 0 auto 10px; border-radius: 50%;}
.website_process .process_ul li i{font-size: 14px; color: #fff;}
.website_process .process_ul li p{margin: 0; font-size: 1em; color: #444;}

.website_tel2{ background:#fff; border: 1px solid #dfdfdf;height: 55px; text-align: center;color: #444; font-size: 1.1em; width: 94%; margin: 10px auto 30px;line-height: 55px;}
.website_tel2 b{ font-size: 1.4em; font-weight: bold;color: #ff7e00; }

.website_form{ background: #269df4; padding: 20px 0 0 0;}
.website_form h2{ font-size:1.6em; line-height:1.6em; text-align:center; color:#fff; width:100%; margin:0;}
.website_form p{ text-align:center; width:100%; margin:10px auto;}
.website_form p span{display: inline-block; vertical-align: top; font-size:1.1em; line-height:1.6em; color:#c6e6fe; width: 48%;}
.website_form .input_box{padding:10px 3%;}
.website_form .input_long{width:100%; border: none; background:#fff;border:1px solid #dfdfdf;font-size:1.1em; outline:none;height:44px;line-height:44px; padding: 5px 0; margin:0 0 5px 0;}
.website_form .input_long.w{ width: 60%;}
.website_form .textarea {width:100%; display: block; height: 30px; line-height: 30px; padding: 5px 0; font-size: 14px; border: 1px solid #dfdfdf; min-height:150px; background:#fff;margin:0 0 5px 0;}
.website_form .relative {position: relative;}
.website_form .relative .code{ position: absolute; right: 0; top:5px;}
.website_form .relative .code img{height: 30px;}

/*可滑动左右图片*/
.web_slide_box{display: -webkit-box;overflow-x: auto;/*适应苹果*/ -webkit-overflow-scrolling:touch; margin: 0 auto 20px; width: 94%;}
.web_slide_box li{list-style: none;}
.slide_item{width: 259px;height: 180px;padding: 10px;border: 1px solid #dedede;background: #f6f6f6;margin-right: 10px;}
.slide_item img{ height: 158px;}
/*隐藏掉滚动条*/
.slide-box::-webkit-scrollbar {display: none;}

/*SSL证书*/
.two_center_button{margin: 10px auto 30px; text-align: center;}
.two_center_button a{ display: inline-block; vertical-align: top; margin: 0 5px; width: 46%; font-size: 1.2em;}
.ssl_zs_types{margin:10px auto 20px; width: 94%;}
.ssl_zs_types li{border-bottom: 1px solid #dfdfdf; padding:10px 20px 10px 10px; background: url("../images/arrow_right.svg") no-repeat right center; background-size: 16px 16px; list-style: none;}
.ssl_zs_types li .ev_round{ float: left; width: 50px; height: 50px; border-radius: 50%; background: #1abce1; color: #fff; font-size: 2em; text-align: center; font-weight: bold; line-height: 50px;}
.ssl_zs_types li .ov_round{ float: left; width: 50px; height: 50px; border-radius: 50%; background: #199af8; color: #fff; font-size: 2em; text-align: center; font-weight: bold; line-height: 50px;}
.ssl_zs_types li .dv_round{ float: left; width: 50px; height: 50px; border-radius: 50%; background: #1c5ccb; color: #fff; font-size: 2em; text-align: center; font-weight: bold; line-height: 50px;}
.ssl_zs_types li p{margin: 0;}
.ssl_zs_types li .wz{display: table-cell;float: none;vertical-align: top;width: auto; *display:block; *zoom:1;  padding: 0 10px;}
.ssl_zs_types li .wz:after {
    clear: both;
    content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
    display: block;
    height: 0 !important;
    line-height: 0;
    visibility: hidden;
}
.ssl_zs_types li .wz dt{font-size: 1.1em; color: #222; margin: 0; line-height: 2em;}
.ssl_zs_types li .wz dd{font-size: 0.8em; color: #777; line-height: 1.2em;  }
.ssl_zs_types li table th{text-align: left;}
.ssl_zs_types li table th img{width: 80px;}
.ssl_zs_types li table td{ color: #444;font-size: 0.9em;line-height: 1.6em;text-align: left; padding: 10px;}

.ssl_advantage{width: 100%; background: #37a6f3; padding: 20px 0; text-align: center;}
.ssl_advantage h2{margin: 0 0 10px 0; font-size: 1.4em;line-height: 1.8em; color: #fff;}
.ssl_advantage ul li{ display: inline-block; vertical-align: top; width: 46%;  border: 1px solid #0083e3; padding: 5px; background: #fff; height: 220px; margin-bottom: 3px; list-style: none;}
.ssl_advantage ul li img{ margin:0 auto 10px; width: 60px;}
.ssl_advantage ul li h3{font-size: 1.1em;line-height: 1.4em;padding: 0;margin: 0; color: #000;}
.ssl_advantage ul li p{color: #777;font-size: 0.8em;line-height: 1.6em;padding-top: 15px; text-align: left;}

@media only screen and (max-width: 320px) {	
	.ssl_advantage ul li h3{font-size: 0.9em;}
	.ssl_advantage ul li p{padding-top: 10px; }
	.ssl_advantage ul li{height: 200px}
}

/*SSL证书-按证书类型*/
.ssl_container {line-height:48px;color:#333; padding:0; background: #fff;margin: 54px auto 0;}
.ssl_container .swiper1 {width: 100%; background: #f4f4f4;border-bottom: 1px solid #e8e8e8;}
.ssl_container .swiper1 .selected {color: #ec5566;border-bottom: 3px solid #269df4;}
.ssl_container .swiper1 .swiper-slide {text-align: center;font-size: 1em;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;cursor: pointer;background:none; color: #666;line-height:25px; padding: 10px 0; }
.ssl_container .swiper2 {width: 100%;background-color: #fff;}
.ssl_container .swiper2 .swiper-slide { /*height: calc(100vh - 50px);*/background-color: #fff;
text-align: center;box-sizing: border-box !important;overflow-x: hidden !important; line-height: inherit;}
/*.ssl_container .swiper-slide-prev,.ssl_container .swiper-slide-next{ display: none;}*/
.ssl_container .swiper-slide-active{ color:#333;font-size: 1em;}

.ssl_types_buy{width: 100%; vertical-align: top;}
.ssl_types_buy h3{ text-align: left; margin: 0; border-bottom: 1px solid #dfdfdf; padding: 0 10px; line-height: normal;}
.ssl_types_buy h3 img{height: 35px; width: auto;}
.ssl_types_buy ul{margin: 0;}
.ssl_types_buy ul li{list-style: none; border-bottom: 1px solid #dfdfdf; background: url("../images/arrow_right.svg") no-repeat right center; background-size: 16px 16px; text-align: left; padding: 10px;line-height: 30px;font-size: 1em; cursor: pointer;}
.ssl_types_buy ul li table tr td{line-height: 1.4em; padding:10px 10px 10px 0;font-size: 0.9em; }

/*按证书品牌*/
.ssl_brand_tab{ background:#fff; margin:51px auto 0; padding: 0;}
.ssl_brand_tab_n{color:#333; padding:10px 0; border-bottom:1px solid #e8e8e8;}
.ssl_brand_tab_n ul{ overflow:hidden; margin: 0; }
.ssl_brand_tab_n li{ float:left; width: 25%; cursor:pointer;text-align:center;font-size:1.1em;list-style:none; line-height: 26px; margin: 5px 0;}
.ssl_brand_tab_n li img{ height:38px;border: 1px solid #dfdfdf;padding: 5px;margin:0 auto;}
.ssl_brand_tab_n li:hover b{color:#0078ff;}
.ssl_brand_tab_n li.Active img{border:2px solid #269df4;}
.ssl_brand_tab_c{min-height: 48vh;}
@media only screen and (max-width: 320px) {	
	.ssl_brand_tab_n li img{ height:32px;}
}
/*证书详情*/	
.ssl_details{ margin: 51px auto 0; background: url("../images/ssl_details_banner.jpg") no-repeat center; background-size: cover; height: 210px;}
.ssl_details .banner_content{margin:0 auto; text-align: left; width: 80%; color: #fff; padding:15px 0;}
.ssl_details .banner_content .img{display: block; margin: 0 auto 10px; border-radius: 2px; width: 100%; background: #fff; text-align: center;}
.ssl_details .banner_content .img img{margin: 0 auto; height: 40px;}
.ssl_details .banner_content h2{ font-size: 1.1em; margin: 0; line-height: 1.4em;}
.ssl_details .banner_content p{ color: #fdfa13;font-size: 1.4em; line-height: 2.2em;margin: 0; }
.ssl_details .banner_content p b{font-size: 0.8em; font-weight: normal;margin-left: 5px;}
.ssl_details .banner_button{ margin: 0 auto; width: 100%; height: 44px; line-height: 44px; font-size: 1.2em; background: #0187ee; color: #fff; display: block; text-align: center;border-radius: 2px;}

.txt_content{ padding:20px 3%; background: #fff;}
.txt_content h2{ text-align: center;font-size: 1.5em;color: #444;font-weight: bold; line-height: 2em; margin: 0;}
.txt_content p{font-size: 1em;color: #777777;line-height: 1.6em; text-indent: 2em; margin: 10px 0;}
    
/*ssl证书购买步骤*/
.ssl_step_box{margin: 0 auto; width: 94%;position: relative; min-height: 200px;}
.ssl_step_box h2{font-size:1.5em; line-height:2em; text-align:center; color:#1d2743; width:100%; margin:20px auto 0;}
.ssl_step{display: -webkit-box;overflow-x: auto;/*适应苹果*/ -webkit-overflow-scrolling:touch;position: absolute; left: 0; top: 50px; text-align: center; width: 100%; }
.ssl_step li{list-style: none; padding: 0; height: auto;}
.ssl_step .slide_item{width: 19%;order:none; background: none;border: none; margin: 0; display: inline-block; vertical-align: top;}
.ssl_step .slide_item i{ width: 48px; height: 48px; margin: 0 auto 10px; display: block;}
.ssl_step .slide_item .step_img1{ background: url("../images/ssl_purchase_process_icon.png") no-repeat; background-size:48px 288px;}
.ssl_step .slide_item .step_img2{ background: url("../images/ssl_purchase_process_icon.png") no-repeat 0 -48px; background-size:48px 288px;}
.ssl_step .slide_item .step_img3{ background: url("../images/ssl_purchase_process_icon.png") no-repeat 0 -96px; background-size:48px 288px;}
.ssl_step .slide_item .step_img4{ background: url("../images/ssl_purchase_process_icon.png") no-repeat 0 -144px; background-size:48px 288px;}
.ssl_step .slide_item .step_img5{ background: url("../images/ssl_purchase_process_icon.png") no-repeat 0 -192px; background-size:48px 288px;}
.ssl_step .slide_item p{margin: 0; font-size: 0.9em; color: #444;}
/*隐藏掉滚动条*/
.ssl_step .slide-box::-webkit-scrollbar {display: none;} 
.ssl_step_box .line{ height: 8px; background: #f4f4f4; border: 1px solid #dfdfdf; border-radius: 50px; margin: 30px auto 80px;}

/*公告列表*/
.announcement{ margin: 0 auto; width: 94%;}
.announcement li{border-bottom: 1px solid #dfdfdf;padding: 13px 0;line-height: 24px;font-size: 1em; list-style:none; text-align: left; color: #171717;}
.announcement li p.date_p{ color: #777;line-height: 1.6em;font-size: 0.9em; margin: 0; padding: 0;}
.announcement .line_more{ margin: 40px auto 0; width: 60%;}
.announcement .line_more p b{ background: #fff; padding: 0 20px; font-weight: normal; color: #888;}
.announcement .line_more .line{background: #dfdfdf;}
.announcement_details{ margin: 51px auto 0; padding: 20px 3%; text-align: center;word-break: break-all; word-wrap: break-word;}
.announcement_details h2{ font-size: 1.2em; line-height: 1.6em; padding: 10px 0; color: #171717; margin: 0;padding: 0 ;}
.announcement_details p.date_fabu{ padding: 0 ;margin: 10px 0; font-size: 0.9em; color: #888;}
.announcement_details .txt{padding: 0 ;margin: 0; font-size: 1em; color: #444; text-align: left; padding: 20px 0; line-height: 2em;}
.announcement_details img{ max-width: 100%;margin: 10px auto; display: block;}

/*关于我们*/
.about{padding: 20px 3%; text-align: center;word-break: break-all; word-wrap: break-word;}
.about h2{ font-size: 1.4em; line-height: 2em; color: #171717; margin: 0;padding: 0 ;}
.about img{ max-width: 100%; margin: 10px auto; display: block;}
.about .txt{padding: 0 ;margin: 0; font-size: 1em; color: #444; text-align: left; padding: 10px 0; line-height: 2em;}

/*联系我们*/
.contact{padding: 20px 3%; text-align: center;word-break: break-all; word-wrap: break-word;}
.contact.fzp{padding: 10px 3% 20px 3%;}
.contact.fzp li{padding: 0;}
.contact.fzp li .title p{font-size: 1em; line-height: 1.8em;color: #555; }
.contact.fzp li .card dt{font-size: 1.4em;}
.contact.fzp li .card dd{font-size: 1.2em;}
.contact h2{ font-size: 1.4em; line-height: 2em; color: #171717; margin: 0;padding: 0 ;}
.contact li{ border-bottom: 1px solid #dfdfdf; padding: 10px 0; list-style: none;}
.contact li .txt_p{padding: 0 ;margin: 0; font-size: 1.1em; color: #444; text-align: left; line-height: 2em; text-align: left;}
.contact li .title{font-size: 1.2em; line-height: 1.8em; color: #171717; text-align: left;}
.contact li .title span{ color: #777; font-size:0.9em;}
.contact li .title p{ margin: 0;font-size: 0.9em; line-height: 1.4em;color: #777; }
.contact li .tel{ background:#fff; border: 1px solid #dfdfdf;height: 55px; text-align: center;color: #444; font-size: 1.1em;margin: 10px 0 0 0;line-height: 55px;}
.contact li .tel b{ font-size: 1.4em; font-weight: bold;color: #ff7e00; }
.contact li .tel i{ font-size: 22px; color: #777; margin-right:10px;}
.contact li .blue_button{margin: 10px auto;}
.contact li .card{ background: #f4f4f4; text-align: left; padding: 10px; margin: 5px 0;}
.contact li .card dt{ margin: 0;font-size: 1.2em; line-height: 2em;}
.contact li .card dd{font-size: 1em; line-height: 1.8em;}

/*域名交易*/
.jiaoyi_domain.m_t{ position: fixed; top:103px; left: 0;}
.jiaoyi_domain{ width: 100%;}
.jiaoyi_domain.ykj_sty{ position: relative;}
.jiaoyi_domain.ykj_sty a.cd-nav-trigger.jiaoyi-icon-shaixuan{ height: 40px; top: -3px;}
.navbar-custom a.cd-nav-trigger.jiaoyi-icon-shaixuan{top: 17px;}
a.cd-nav-trigger.jiaoyi-icon-shaixuan {text-indent: inherit;background:none;top: 10px; right: 8px; color: #333; }
a.cd-nav-trigger.jiaoyi-icon-shaixuan i{font-size: 16px;}
.jiaoyi_domain .a_more{ text-align: center; text-decoration: none; display: block;}

.order_amount .left_choose{display: table-cell;float: none;vertical-align: top;width: auto; *display:block; *zoom:1;color: #222; font-size: 0.9em; padding-left: 16px; padding-right: 80px; /*line-height: 2em;*/ }
.order_amount .left_choose:after {
    clear: both;
    content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
    display: block;
    height: 0 !important;
    line-height: 0;
    visibility: hidden;
}
.order_amount .left_choose .options_list p{display: inherit; padding-left: 0;}

.transfer_table tr th{font-weight: normal;}
.transfer_table tr th a.sort{display: block; color: #333;}
.transfer_table tr th a.sort i.sort1{ width: 14px; height: 14px; background: url("../images/sort1.png") no-repeat; background-size: 14px 14px;display: inline-block; vertical-align: middle; margin-top: -3px;}
.transfer_table tr th a.sort i.sort2{ width: 14px; height: 14px; background: url("../images/sort2.png") no-repeat; background-size: 14px 14px;display: inline-block; vertical-align: middle; margin-top: -3px; }
.transfer_table tr th a.sort i.sort3{ width: 14px; height: 14px; background: url("../images/sort3.png") no-repeat; background-size: 14px 14px;display: inline-block; vertical-align: middle; margin-top: -3px; }

.transfer_table tr td p.p_red{ margin: 0; font-size: 0.9em; color:red;}
.transfer_table tr td em.green_mark{background-color:#24ba67; color: #fff; font-size: 0.8em; padding: 3px; border-radius: 2px; font-style: normal; margin-right: 3px;}
.transfer_verification_table tr td a.green_mark,.table_list tr td a.green_mark{background-color:#24ba67; color: #fff; font-size: 0.8em; padding: 3px; border-radius: 2px; font-style: normal; margin-right: 3px;}
.transfer_verification_table tr td a.purple_mark,.table_list tr td a.purple_mark{background-color:#f710e9; color: #fff; font-size: 0.8em; padding: 3px; border-radius: 2px; font-style: normal; margin-right: 3px;}
.transfer_verification_table tr td a.blue_mark,.table_list tr td a.blue_mark{background-color:#3636be; color: #fff; font-size: 0.8em; padding: 3px; border-radius: 2px; font-style: normal; margin-right: 3px;}

.a_guanzhu{ float: right; font-size: 0.9em; position: absolute; right: 85px; color: #444;}
.a_guanzhu i{font-size: 18px;display: inline-block; vertical-align: middle; margin: -2px 2px 0 0; }

.transfer_box.m_t{margin: 71px auto 0;}


.confirm_yuding .list.border_sty{ border: none;}
.confirm_yuding .list.border_sty .title{ width: 100px;}
.confirm_yuding .list.border_sty .relative{ border-bottom:1px solid #dfdfdf;}
.confirm_yuding .list.border_sty.error_sty .relative{border: none; }
.confirm_yuding .list.border_sty.error_sty .go_to{ border-bottom:1px solid #fd5908;}
.confirm_yuding .list.error_sty .error_red_p,.confirm_yuding .list.border_sty.error_sty .error_red_p{ float: left;display: block; color: #fd5908;line-height:1.2em; font-size: 0.9em; padding: 3px 0; }
.confirm_yuding .list .error_red_p,.confirm_yuding .list.border_sty .error_red_p{ display: none;}

.confirm_yuding .list{display: block; line-height: 40px;border-bottom: 1px solid #dfdfdf; padding: 0 10px; }
.confirm_yuding .list .title{float:left; margin-right: 10px;}
.confirm_yuding .list .go_to,.confirm_yuding .list .relative{ display: inline-block; vertical-align: middle;color: #5f5f5f; overflow: hidden;display: table-cell;float: none;vertical-align: top;width: auto; *display:block; *zoom:1;}
.confirm_yuding .list .go_to:after,.confirm_yuding .list .relative:after {
    clear: both;
    content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
    display: block;
    height: 0 !important;
    line-height: 0;
    visibility: hidden;
}
.confirm_yuding .list .go_to i{ float: right;}
.confirm_yuding .list .options_list li{margin: 0;}
.confirm_yuding .list .options_list p{margin: 0;}
.confirm_yuding .blue_button{margin: 20px auto;}
.confirm_yuding .list .go_to .input{ border: none; background: none; outline: none; width: 100%; font-size: 1em;}

.yuding_tips{ margin: 71px auto 0; font-size: 1em; line-height: 1.8em; color: #444; padding: 0 3%;}
.yuding_tips p{ margin-bottom: 10px;}
.yuding_tips ul li{list-style: disc; margin:0 0 10px 20px;}

/*预定竞价*/
.ydjj_offer{ margin: 54px auto 0;}
.ydjj_offer .blue_box{ padding:10px; background:#f1faff;overflow:hidden;}
.ydjj_offer .blue_box em{ font-style:normal;}
.ydjj_offer .blue_box .pbox{text-align: right;}
.ydjj_offer .blue_box .ykj_domain{ word-break: break-all; word-wrap: break-word; text-align:left;font-size:1.6em; line-height: 1em;}
.ydjj_offer .blue_box .pbox p{ color:#777; font-size:0.9em; line-height:1.4em;}
.ydjj_offer .blue_box .pbox a.guanzhu{ background:#fff; border: 1px solid #269df4;color:#0187ee; text-align: center; padding: 0 10px; display: inline-block;font-size:1.1em;line-height:24px;}

.ydjj_offer .yellow_box{background: #fff5e5;text-align: center;padding: 10px 0;}
.ydjj_offer ul.yellow_box{margin: 0;}
.ydjj_offer .yellow_box li{list-style:none; display: inline-block; *display: inline; *zoom:1; vertical-align: top; width: 31%; margin-left: -4px; font-size: 0.8em;}
.ydjj_offer .yellow_box li.line{ border-right:1px solid #f5cfc2;}
.ydjj_offer .yellow_box li .p1{ line-height:1.4em; margin:0;}
.ydjj_offer .yellow_box li .p2{ line-height:2em; margin:0;}
.ydjj_offer .yellow_box b{ font-weight:bold; color:#333; font-size: 1em;}
.ydjj_offer .yellow_box b span{font-size: 1em;}

.table_1 tr th,.table_1 tr td{ font-weight: normal;line-height: 20px;border-bottom: 1px solid #dfdfdf;padding:10px; font-size: 1em; color: #444;}
.table_1 .options_list p{margin: 0;}
.table_1 .options_list .radio{ margin: 0;}
.table_1 .options_list p .radio{ margin: 0 5px 0 0;}
.table_1 .go_to{ display: block; color: #5f5f5f; overflow: hidden;}
.table_1 .go_to i{ float: right;}

.table_1 tr td .add_hint_p{ color: #777; font-size: 0.9em; line-height: 1.4em; padding: 10px 0 0 0; margin: 0;}
.table_1 tr td.break{word-break: break-all; word-wrap: break-word;}

.price_yuan{ height: 30px; background: #fff; text-align: center;float:left;margin:0; padding: 0 4px;}
.price_yuan .input_year{ border: 1px solid #b9b9b9; text-align: center; height:40px; line-height:40px; outline: none; background: #fff; width: 45px; padding:0;display: inline-block; vertical-align: top; margin: 0 4px;font-size: 0.9em;}
.price_yuan i{ display: inline-block; vertical-align: middle;  font-size: 20px; }
.price_yuan .yuan_p{display: inline-block; vertical-align: middle; margin: 0 5px;}

.td_input{ border: 1px solid #b9b9b9; text-align: left; height:28px; line-height:28px; outline: none; background: #fff; width: 60px; padding:0 3px;font-size: 0.9em;}
.td_p1{ margin: 0; text-decoration: none;}
.td_p2{width: 36vw; height: 24px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;  }

.add_price{ width: 22px; height: 22px; line-height: 22px; background:#269df4; text-align: center; color: #fff; margin-left: 5px; display: inline-block; vertical-align: middle; border-radius: 20px;}
.add_price i{color: #fff; font-size: 12px;display: inline-block; vertical-align: middle;}

.yijia_orange_bg{background: #fd5908; color: #fff; padding:3px; border-radius: 2px; margin-left: 3px;font-size: 0.8em;}

.doubt_box.m_t{margin: 91px auto 40px;}
.doubt_box{ margin: 20px auto;}
.doubt_box i{ display: inline-block; vertical-align: middle;}
.doubt_box i.icon-wenhao{ color:#269df4;font-size: 32px;}
.doubt_box .txt{ display: inline-block; vertical-align: middle; padding-left: 10px;}
.doubt_box .txt h2{margin: 0; font-size: 1.2em; line-height:1.5em; color: #333;}
.doubt_box .txt p{margin: 0; font-size: 1em; line-height: 1.5em; color: #777;}

/*关注我们遮罩*/
.weixin_code{width: 80%;display: block; margin: 8px auto;}
.weixin_code_p{ text-align: center; line-height: 1.4em; font-size: 1em; }
.weixin_code_popWrap{width: 85%; border-radius: 6px;background: #ffffff;background-size: cover;position: fixed;top: 50%;left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 99999; padding-bottom: 16px;}


/*输入框清除按钮*/
.iss-close{
    position: absolute;
    top: 0;
    color: #ccc!important;
    display: none;
    cursor: pointer;
    z-index: 9999;
}
input:valid + .iss-close {
    display: inline-block;
}
.iss-close-hide{
    display: none!important;
}

/*新闻加载*/
.scroll-wrapper{ position: relative;z-index: 1;height: 8rem;width: 100%;overflow: hidden;}
.scroll-wrapper.sty{ position:inherit; height:auto; overflow:inherit;}
.scroller {position: absolute;z-index: 1; -webkit-tap-highlight-color: transparent; width: 100%;text-size-adjust: none;}
.pull-msg{ color: #888;}

/*域名可预订列表页*/
.yuding_tab{width: 100%; background: #f4f4f4;border-bottom: 1px solid #e8e8e8;margin:0 auto;position:fixed; top:54px; left: 0; overflow:hidden;z-index:1;}
.yuding_tab .yuding_tab_li.w_tab_3 li,.ssl_container .yuding_tab_li.w_tab_3 li{ width: 33%;}
.yuding_tab .yuding_tab_li.w_tab_2 li,.ssl_container .yuding_tab_li.w_tab_2 li{ width: 49%;}
.yuding_tab .yuding_tab_li {position: relative;width: 100%;height: 100%;z-index: 1;display: flex;transition-property: transform;box-sizing: content-box;}
.ssl_container .yuding_tab_li { background: #f4f4f4; border-bottom: 1px solid #e8e8e8;position: fixed;width: 100%;height: 49px;z-index: 1;display: flex;transition-property: transform;box-sizing: content-box;}
.yuding_tab .yuding_tab_li li,.ssl_container .yuding_tab_li li{text-align: center;font-size: 1em; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; cursor: pointer; background: none; color: #666; line-height: 25px; padding: 10px 0;-webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 25%;
    height: 100%;
    position: relative;}
.yuding_tab .yuding_tab_li li a,.ssl_container .yuding_tab_li li a{ color: #666;}
.yuding_tab .yuding_tab_li li.selected,.ssl_container .yuding_tab_li li.selected{border-bottom: 3px solid #269df4;}
.yuding_tab .yuding_tab_li li.selected a,.ssl_container .yuding_tab_li li.selected a{ color: #333;}

/*下拉样式*/
.PageN_slideWrap{position: relative;height: 38px;background: #fff;font-size:1em; margin: 10px 1% 0 0;}
.PageN_slide{display: block;height: 36px;line-height: 36px; border: 1px solid #ccc;padding-right: 25px;cursor: pointer;padding-left: 3px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;background: url(../../images/member/downarrow.svg) no-repeat right center;background-size: 20px 20px;}
.PageN_slideBox{display: none;position: absolute;top: 36px;left: 0;z-index: 10;background: #fff;max-height: 230px;overflow: hidden;overflow-y: auto;}
.PageN_slideBox li{display: block; height: 39px;line-height: 39px;padding-left: 3px;cursor: pointer;white-space:nowrap; overflow:hidden; }
.PageN_slideBox li:hover{background: #e6f2ff;color: #004d91;}
.PageN_slideMin{padding-left: 15px !important;}


.PredFilter_Class{width: 100px;}
.PredFilter_Class_list{width: 98px;}


.addRecord_sjlx{width: 100px;}
.addRecord_sjlx_list{width: 98px;}

.addRecord_ympl{width: 100px;}
.addRecord_ympl_list{width: 98px;max-height: 200px;overflow:hidden;overflow-y: auto;}

.addRecord_ymhz{width: 120px;}
.addRecord_ymhz_list{width: 118px;max-height: 200px;overflow:hidden;overflow-y: auto;}

.addRecord_zcs{width: 100px;}
.addRecord_zcs_list{width: 98px;}




.signdomain_mba{width:140px;}
.signdomain_mba_list{width:138px;}

.signdomain_mbb_list{width:100%;}

.domainpush_mb_list{width:128px;}
.pldomain_mb{width:150px;text-align: left;}
.pldomain_mb_list{width:148px;}
.defeld_mb{width:150px;}
.defeld_mb_list{width:148px;}

.signdomain_mbb_list li{ border-bottom:1px solid #f2f2f2;}
.signdomain_mbb_list li img{ display:inline-block; vertical-align:middle; margin:0 3px;}
.signdomain_mbb_list li.hover{ background:#0187ee; color:#ffffff;}

.signdomain_mbb input[type="text"]{color:#4c4c4c;}

.intotext{display: none; width: 68px;height: 28px;line-height: 28px;border: 0; padding-left: 1px;position: absolute;top: 1px;left: 1px; background:#fff;}

.signdomain_mbb input{margin:0;padding:0 3px;outline:0;}

.select_main_back>span{width: 100px; height: 23px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block;}
.select_main_back{ width: 136px; height: 23px; line-height: 23px; border: 1px solid #e2e8ec; background: url("../../images/member/select_main.png") right center no-repeat; position: relative; text-indent: 6px; cursor: pointer; overflow: hidden; }

.transfer_shaixuan.down .PageN_slideWrap{ display: none;}

.fangzhapian_banner img{ width: 100%; margin: 0 auto;}

.icon_wenhao{ width: 20px; height: 20px; background: url(../images/icon_wenhao.svg) no-repeat right center; display: inline-block; vertical-align: middle;background-size: 20px 20px; margin: 0 5px;}
	
.dropcath_sty{white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:inline-block; vertical-align: top; max-width:70px;  }

.order_amount .p.display_sty{ font-size:1em; line-height: inherit;}
.order_amount .p.display_sty .price_yuan,.order_amount .p.display_sty span.fl{ float: none; display: inline-block; vertical-align: middle; font-size:1.2em; height: auto;}

.domain_template_selection.w_100{width: 100%;}
.domain_template_selection.w_100 li .table_list{margin: 0;}
.domain_template_selection.w_100 li.down {border: none; padding: 0;}
.domain_template_selection.w_100 li.down .table_list{background: url("../../images/member/icon-arrow-up.svg") no-repeat right; background-size: 16px 16px; background-position: 96%;}
.domain_template_selection.w_100 li.down .domain_list_li{background: #f7f7f7; padding: 10px 0;border-bottom: 1px solid #dfdfdf;}
.domain_template_selection.w_100 li.down .domain_list_li .list{ padding: 5px 15px 5px 10px;}
.domain_template_selection.w_100 li.down .domain_list_li .list .title.w4{ padding-left: 8px;}
.domain_template_selection.w_100 li.down .domain_list_li .list .go_to .input.border{ margin: 0;}
.domain_template_selection.w_100 li.down .domain_list_li .list .go_to .select_sty{ margin: 0;}
.domain_template_selection.w_100 li.down .domain_list_li .list .go_to .textarea1{ margin: 0;}
.domain_template_selection.w_100 li.down .domain_list_li p.text{padding: 0 15px 0 10px;}
.domain_template_selection.w_100 li.down .domain_list_li p.text{ color: #333; line-height: 24px;}
.domain_template_selection.w_100 li.up{border: none; padding: 0;}
.domain_template_selection.w_100 li.up .domain_list_li{ display: none;}
.domain_template_selection.w_100 li.up .table_list{background: url("../../images/member/icon-arrow-down.svg") no-repeat right; background-size: 16px 16px; background-position: 96%;}
.domain_template_selection.w_100 .table_list tr td{line-height: 24px; padding: 8px 5px; word-break: break-all; word-wrap: break-word;font-size: 0.9em; text-align: left; border-bottom: 1px solid #dfdfdf; color: #333;}
.domain_template_selection.w_100 li.down .domain_list_li .button_blue{background:#269df4; text-align:center;padding: 0 10px; min-width: 60px; border:none; outline:none; line-height: 36px; display: block; color: #fff; margin-top:5px;}

.select_click{ padding-left: 3px;border: 1px solid #dfdfdf; background:#fff url("../../images/member/icon-arrow-down.svg") no-repeat right; background-size: 8px 8px; background-position: 96%;  min-width: 60px; padding-right: 20px; display: block; font-size:12px; color: #333;}


.upload-container {text-align: center;}       
.upload-button { position: relative; width: 30px; height: 30px; background-color: #269df4; border-radius: 8px; margin: 0 0 20px 0; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; }       
.upload-button:hover {background-color: #1c6cb7; transform: scale(1.05); }        
.upload-button:active {transform: scale(0.95); }       
.plus-icon {position: relative; width: 14px; height: 14px; }       
.plus-icon::before,.plus-icon::after { content: ''; position: absolute; background-color: #ffffff; border-radius: 1px; }        
.plus-icon::before { width: 14px; height: 2px; top: 6px; left: 0; }       
.plus-icon::after {width: 2px; height: 14px; top: 0; left: 6px; }        
.file-input { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0;cursor: pointer; }       
.upload-requirements {color: #666666; font-size: 12px; line-height: 1; text-align: left;margin-bottom: 20px;}       
.upload-requirements p {margin-bottom: 8px; }        
.upload-requirements p:last-child {margin-bottom: 0;}  
.upload-img{width: 100%; text-align: left;}
.upload-img img{ max-width: 80%; margin:0 0 20px 0;}