html, body, div, span, applet, object, iframe, p, blockquote, pre, a,
abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, fieldset,
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
/* font-size: 100%; */
vertical-align: baseline
}
:focus {
outline: 0
}
blockquote:before, blockquote:after, q:before, q:after {
content: ""
}
blockquote, q {
quotes: "" ""
}
a {
text-decoration: none;
color: #227EBF;
font-weight: normal
}
a:hover {
color: #f04618
}
img {
border: 0
}
.dispan {
display: none
}
.align-center {
text-align: center
}
.align-left {
text-align: left
}
.align-right {
text-align: right
}
.margin-center {
margin-left: auto;
margin-right: auto
}
.margin-right-none {
margin-right: 0 !important
}
.margin-left-none {
margin-left: 0 !important
}
body {
word-wrap: break-word;
background-color: #fff;
color: #494949;
FONT-FAMILY: arial, Tahoma, verdana, helvetica, sans-serif;
font-size: 12px
}
.left {
float: left
}
.right {
float: right
}
.clear {
clear: both
}
.inline {
display: inline
}
.show, .block {
display: block
}
.hidden {
display: none !important
}
.w30 {
width: 30px
}
.w100 {
width: 100px
}
.w150 {
width: 150px
}
.w200 {
width: 200px
}
.w260 {
width: 260px !important
}
.w300 {
width: 300px
}
.w400 {
width: 400px
}
.w500 {
width: 500px
}
.input {
background-color: #fff;
border: 1px solid #ccc;
border-radius: 3px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
color: #555;
display: inline-block;
height: 24px;
line-height: 24px;
margin: 3px 10px 3px 0;
text-indent: 5px;
transition: border .2s linear 0s, box-shadow .2s linear 0s
}
.input:focus {
border-color: rgba(82, 168, 236, 0.8);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px
rgba(82, 168, 236, 0.6);
outline: 0 none
}
.last-x {
border-right: 0
}
.first-x {
border-left: 0
}
.last-y {
border-bottom: 0
}
.first-y {
border-top: 0
}
.vertical-t {
vertical-align: middle
}
.vertical-m {
vertical-align: middle
}
.vertical-b {
vertical-align: bottom
}
.vertical-ba {
vertical-align: top
}
#container {
min-height: 100%
}
#footerpush {
height: 256px
}
.haspushfooter {
margin-top: -256px
}
#header {
width: 100%;
min-width: 1002px;
background: url(../images/public/header-bj.png) repeat-x center top;
position: absolute;
z-index: 999;
top: 0
}
.middle-content {
width: 1002px;
overflow: hidden;
margin: 0 auto;
position: relative
}
a#logo {
display: block;
float: left;
line-height: 65px;
padding-top: 14px;
line-height: 65px;
margin-left: 22px
}
#header-menus {
width: 400px;
height: 44px;
float: left;
margin-top: 25px;
margin-left: 50px
}
a.header-menu {
display: block;
float: left;
line-height: 44px;
font-size: 18px;
color: #1d99d6;
margin: 0 20px
}
a.header-menu:hover {
text-decoration: underline
}
#header-bts {
height: 44px;
float: right;
margin-top: 25px
}
#header-bts a {
height: 34px;
line-height: 34px;
margin-top: 5px;
float: left;
background-image: url(../images/public/anniu1.png);
background-repeat: no-repeat;
color: #fff;
font-size: 12px;
text-indent: 33px
}
#header-bt-signin {
width: 97px;
background-position: -12px -12px;
margin-right: 6px
}
#header-bt-signin:hover {
background-position: -12px -63px
}
#header-bt-signup {
width: 97px;
background-position: -121px -12px
}
#header-bt-signup:hover {
background-position: -121px -63px
}
#header-bt-signin2 {
width: 118px;
background-position: -230px -12px;
margin-right: 6px
}
#header-bt-signin2:hover {
background-position: -230px -63px
}
#header-hack {
height: 92px
}
#infonotebox {
width: 527px;
min-width: 527px !important;
overflow: hidden;
position: absolute;
z-index: 10000;
left: 50%;
margin-left: -263px;
top: 3px;
display: none
}
#infonotebox-t {
height: 4px
}
#infonotebox-m {
overflow: hidden;
color: #565656;
position: relative
}
#infonotebox-b {
height: 7px
}
#infonotebox-title {
font-weight: bold;
font-size: 14px;
line-height: 30px;
overflow: hidden;
margin: 10px 26px 0
}
#infonotebox-content {
margin: 0 26px;
overflow: hidden;
padding-bottom: 8px
}
#infonotebox-content .infonotebox-content-list {
line-height: 22px;
font-size: 12px
}
#infonotebox-closer {
width: 26px;
height: 26px;
background-image: url(../images/public/close.png);
background-repeat: no-repeat;
position: absolute;
right: 20px;
top: 12px;
cursor: pointer
}
#infonotebox.correct #infonotebox-t {
background: url(../images/public/correct-top.png) no-repeat center top
}
#infonotebox.error #infonotebox-t {
background: url(../images/public/error-top.png) no-repeat center top
}
#infonotebox.correct #infonotebox-m {
background-color: #effeb9;
background: url(../images/public/correct-middle.png) repeat-y center top
}
#infonotebox.error #infonotebox-m {
background-color: #fccac1;
background: url(../images/public/error-middle.png) repeat-y center top
}
#infonotebox.correct #infonotebox-b {
background: url(../images/public/correct-bottom.png) no-repeat center
top
}
#infonotebox.error #infonotebox-b {
background: url(../images/public/error-bottom.png) no-repeat center top
}
#infonotebox.correct #infonotebox-closer {
background-position: -8px -6px
}
#infonotebox.correct #infonotebox-closer:hover {
background-position: -8px -38px
}
#infonotebox.error #infonotebox-closer {
background-position: -36px -6px
}
#infonotebox.error #infonotebox-closer:hover {
background-position: -36px -38px
}
body>div {
margin: 0 auto;
min-width: 1002px
}
#banner {
position: relative;
width: 100%;
overflow: hidden
}
#banner-img {
margin: 0 auto;
display: block
}
#banner-text {
width: 1002px;
overflow: hidden;
height: 100%;
position: absolute;
left: 50%;
margin-left: -501px;
top: 0;
z-index: 1
}
#footer {
width: 100%;
height: 300px;
background: #333333 url(../images/public/yejiao.jpg) repeat-x center
bottom
}
#footer-links {
height: 256px;
width: 958px;
margin: 0 auto
}
.footer-linkbox {
height: 100%;
float: left
}
#footer-linkbox1 {
width: 418px
}
#footer-linkbox2 {
width: 419px
}
#footer-linkbox3 {
width: 121px
}
.footer-linkbox-t {
height: 34px;
border-bottom: 1px solid #bbb;
font-size: 14px;
line-height: 34px;
display: inline-block;
margin-top: 10px;
color: #bbb
}
#footer-linkbox1 .footer-linkbox-t {
width: 90px
}
#footer-linkbox2 .footer-linkbox-t {
width: 78px
}
#footer-linkbox3 .footer-linkbox-t {
width: 88px
}
.footer-linkbox-c {
overflow: hidden;
width: 100%;
padding-top: 6px
}
.footer-linkbox-l {
height: 26px;
line-height: 26px;
font-size: 12px;
color: #c9c9c9
}
.footer-linkbox-l a:link, #footer-copyright a:link {
color: #c9c9c9
}
.footer-linkbox-l a:visited, #footer-copyright a:visited {
color: #908f8f
}
.footer-linkbox-l a:hover, #footer-copyright a:hover {
color: #4ec6f8;
text-decoration: underline
}
.footer-linkbox-flowa {
height: 46px;
line-height: 60px
}
.footer-linkbox-flowa a {
margin: 12px 10px 12px 0
}
.footer-linkbox-flowa span {
margin-right: 12px;
font-size: 14px;
color: #434242
}
.footer-linkbox-flowa a.icon4 {
margin-right: 0
}
#footer-copyright {
color: #a09f9f;
text-align: center;
line-height: 46px
}
#footer2 {
height: 46px;
background: url(../images/public/yejiao.jpg) repeat-x 0 -209px;
background-color: rgba(56, 56, 56, 1)
}
#footer2 #footer2-text {
font-size: 12px;
color: #a09f9f;
text-align: center;
line-height: 46px
}
#signin-win-ceng {
height: 100%;
width: 100%;
background: url(../images/public/touming.png) repeat;
position: absolute;
top: 0;
z-index: 1001;
display: none
}
#signin-win {
width: 381px;
overflow: hidden;
position: fixed;
top: 40px;
left: 50%;
margin-left: -190px;
z-index: 1002
}
#signin-win-t {
height: 15px;
background: url(../images/public/signin-bj-top.png) no-repeat center top
}
#signin-win-m {
overflow: hidden;
background: url(../images/public/signin-bj-middle.png) repeat-y center
top
}
#signin-win-b {
height: 13px;
background: url(../images/public/signin-bj-bottom.png) no-repeat center
top
}
#signin-form {
margin: 0 auto;
width: 362px;
background-color: #fff;
color: #8c8c8c
}
#signin-form>div {
width: 325px
}
#signin-win-m-title {
margin-top: 10px;
margin-bottom: 20px;
height: 30px;
line-height: 30px;
font-size: 16px
}
.signin-win-m-inputbox {
height: 44px;
width: 325px;
margin-bottom: 12px;
position: relative
}
.signin-win-m-inputbox input {
display: block;
height: 38px;
line-height: 36px\9;
border: 1px solid #ccc;
border-radius: 3px;
width: 320px;
text-indent: 8px;
color: #8c8c8c
}
.signin-win-m-inputbox span {
display: block;
position: absolute;
left: 10px;
top: 3px;
height: 36px;
line-height: 36px;
width: 90%;
background-color: #fff
}
.signin-win-m-btbox {
height: 70px
}
.signin-win-m-btbox a {
display: block;
height: 44px;
margin-top: 13px;
border-radius: 3px;
text-align: center;
line-height: 44px;
font-size: 14px;
color: #fff;
background-image: url(../images/public/signin-icon.png);
background-repeat: no-repeat;
width: 118px
}
#signin-win-m-bt-submit {
background-position: 1px -106px;
float: left
}
#signin-win-m-bt-submit:hover {
background-position: 1px -160px
}
#signin-win-m-bt-signup {
background-position: -142px -106px;
float: right;
margin-right: 3px
}
#signin-win-m-bt-signup:hover {
background-position: -142px -160px
}
#signin-win-m-signby {
height: 36px
}
#signin-win-m-signby>div {
height: 26px;
line-height: 26px;
margin-top: 5px;
color: #5b5b5b;
float: left;
display: block
}
#signin-win-m-signby>div>a, .content-sign-loginwith>div>a {
display: block;
height: 100%;
line-height: inherit
}
#signin-win-m-signby-words {
margin-right: 16px;
text-indent: 2px
}
#signin-win-m-signby-googleplus, #signin-win-m-signby-facebook {
width: 26px;
height: 26px;
background: url(../images/public/signin-icon.png) no-repeat 0 -217px;
margin-left: 10px
}
#signin-win-m-signby-facebook {
background: url(../images/public/signin-icon.png) no-repeat -36px -217px
}
#signin-win-m-last {
height: 22px;
margin-top: 11px;
margin-bottom: 20px
}
#signin-win-m-last>div {
float: left;
line-height: 22px;
height: 22px;
margin-right: 34px;
color: #5b5b5b
}
#signin-win-checkbox {
height: 22px;
width: 14px;
background: url(../images/public/signin-icon.png) no-repeat -101px
-218px;
float: left;
margin-right: 10px;
margin-left: 1px
}
#signin-win-checkbox.checked {
background: url(../images/public/signin-icon.png) no-repeat -78px -218px
}
#signin-win-forgetbox a:link {
color: #5b5b5b
}
#signin-win-forgetbox a:hover {
color: #f04618
}
a.bt0, a.bt1, a.bt2, a.bt4 {
font-size: 15px;
font-weight: bold;
text-indent: 15px;
height: 50px;
line-height: 50px;
display: block
}
a.bt0 {
width: 280px;
color: #01a3f3;
background: url(../images/index/anniu.png) no-repeat -582px -14px
}
a.bt0 span{
padding-left: 35px;
}
a.bt1 {
width: 190px;
color: #01a3f3;
background: url(../images/index/anniu.png) no-repeat -17px -14px
}
a.bt2 {
width: 125px;
color: #fff;
background: url(../images/index/anniu.png) no-repeat -217px -14px;
text-indent: 14px
}
a.bt4 {
width: 210px;
background: url(../images/index/anniu.png) no-repeat -355px -14px;
color: #fff;
text-indent: 25px;
}
a.bt0:hover {
cursor: pointer;
background: url(../images/index/anniu.png) no-repeat -582px -74px
}
a.bt1:hover {
background: url(../images/index/anniu.png) no-repeat -17px -74px
}
a.bt2:hover {
background: url(../images/index/anniu.png) no-repeat -217px -74px
}
a.bt4:hover {
background: url(../images/index/anniu.png) no-repeat -355px -74px
}
a.bt3 {
width: 190px;
height: 48px;
display: block;
margin: 0 auto;
background: url(../images/index/db-anniu.png) no-repeat -14px -13px;
line-height: 48px;
text-align: left;
text-indent: 7px;
color: #fff;
font-size: 15px;
font-weight: bold
}
a.bt3:hover {
background: url(../images/index/db-anniu.png) no-repeat -14px -70px
}
a.bt5, a.bt6 {
display: block;
float: left;
height: 42px;
line-height: 42px;
color: #fff;
font-size: 14px;
}
a.bt5{
width: 175px;
background: url(../images/sign/anniu1.png) no-repeat -2px -8px;
text-indent: 11px;
}
a.bt5:hover {
background: url(../images/sign/anniu1.png) no-repeat -2px -74px
}
a.bt6 {
background: url(../images/sign/anniu.png) no-repeat -175px -8px;
width: 148px;
text-indent: 16px
}
a.bt6:hover {
background: url(../images/sign/anniu.png) no-repeat -175px -74px
}
a.bt7 {
display: block;
width: 264px;
height: 42px;
line-height: 42px;
text-align: center;
color: #fff;
background: url(../images/sign-up-success/anniu1.png) no-repeat -8px
-14px
}
a.bt7:hover {
background: url(../images/sign-up-success/anniu1.png) no-repeat -8px
-73px
}
.icon1 {
height: 16px;
width: 16px;
background: url(../images/public/icon1.png) no-repeat -113px -16px;
float: left
}
.icon2, .icon3, .icon4 {
height: 33px;
width: 33px;
background-image: url(../images/public/icon1.png);
background-repeat: no-repeat;
display: block;
float: left
}
.icon2 {
background-position: -17px -64px
}
.icon3 {
background-position: -62px -64px
}
.icon4 {
background-position: -104px -64px
}
.icon5, .icon6, .icon7 {
width: 36px;
height: 36px
}
.icon5 {
background: url(../images/sign/icon.png) no-repeat 0 2px
}
.icon6 {
background: url(../images/sign/icon.png) no-repeat -31px 2px
}
.icon7 {
background: url(../images/sign/icon.png) no-repeat -62px 2px
}
.img1-1, .img1-2, .img1-3 {
width: 136px;
height: 136px;
background-repeat: no-repeat;
background-position: 0 0
}
.img1-1:hover, .img1-2:hover, .img1-3:hover {
background-position: -136px 0
}
.img1-1 {
background-image: url(../images/index/tu1.jpg)
}
.img1-2 {
background-image: url(../images/index/tu2.jpg)
}
.img1-3 {
background-image: url(../images/index/tu3.jpg)
}
.img2-1, .img2-2, .img2-3, .img2-4, .img2-5, .img2-6, .img2-7 {
overflow: hidden;
float: left;
height: 98px;
width: 98px
}
.img2-1 {
background-image: url(../images/index/stories1.jpg)
}
.img2-2 {
background-image: url(../images/index/stories2.png)
}
.img2-3 {
background-image: url(../images/index/stories3.jpg)
}
#content-service-imgbox1 .img2-3 {
background-image: url(../images/index/stories3.jpg)
}
.img2-4 {
background-image: url(../images/index/stories4.png)
}
#content-service-imgbox1 .img2-4 {
background-image: url(../images/index/stories4.png);
margin: 0 15px
}
.img2-5 {
background-image: url(../images/index/stories5.jpg)
}
#content-service-imgbox1 .img2-5 {
background-image: url(../images/index/stories5.jpg)
}
.img2-6 {
background-image: url(../images/index/stories6.png)
}
#content-service-imgbox1 .img2-6 {
background-image: url(../images/index/stories6.png)
}
.img2-7 {
background-image: url(../images/index/stories7.png)
}
#content-service-imgbox1 .img2-7 {
background-image: url(../images/index/stories7.png)
}
.img2-1 img, .img2-2 img, .img2-3 img, .img2-4 img, .img2-5 img, .img2-6 img,
.img2-7 img {
display: none
}
.img2-1:hover img, .img2-2:hover img, .img2-3:hover img, .img2-4:hover img,
.img2-5:hover img, .img2-6:hover img, .img2-7:hover img {
display: block
}
.img2-1.cur img, .img2-2.cur img, .img2-3.cur img, .img2-4.cur img,
.img2-5.cur img, .img2-6.cur img, .img2-7.cur img {
display: block
}
.img3 {
width: 187px;
height: 71px;
float: left
}
.img3.cur {
background-color: #1bb0e8
}
.img3 img {
display: block;
width: 183px;
height: 67px;
border: 1px solid #c7c7c7;
margin: 1px
}
.img3 img:hover {
border: 1px solid #1bb0e8
}
.img3:hover {
background-color: #1bb0e8
}
.img3.cur img {
border: 1px solid #1bb0e8
}
.list1 {
line-height: 32px;
padding-left: 28px;
background: url(../images/public/list-icon1.png) no-repeat 0 9px;
clear: both;
overflow: hidden;
font-size: 16px;
color: #929292
}
#banner-text-service-listbox .list1 {
color: #fff;
background: url(../images/public/list-icon3.png) no-repeat 0 7px
}
.list2 {
line-height: 32px;
font-size: 14px;
color: #434242;
overflow: hidden;
padding-left: 32px;
background: url(../images/public/list-icon2.png) no-repeat 0 8px
}
.colorword1 {
color: #4bb1d7
}
.bg1 {
background: url(../images/reviews/reviews-img1.png) no-repeat center top
}
.bg2 {
background: url(../images/reviews/reviews-img2.png) no-repeat center top
}
.bigquote-left {
width: 46px;
height: 62px;
background: url(../images/public/icon1.png) no-repeat 0 0;
float: left
}
.bigquote-right {
width: 46px;
height: 62px;
background: url(../images/public/icon1.png) no-repeat -50px 0;
float: right
}
.color1 {
color: #e3e3e3
}
.color2 {
color: #d8d8d8
}
#google_hr {
height: 10px;
}
#multLanguage {
height: 25px;
margin-top: 6px;
background: url("../images/public/ic-earth.png") no-repeat left center;
position: relative;
cursor: default
}
#multLanguageShow {
width: 91px;
height: 23px;
text-indent: 6px;
line-height: 24px;
margin-left: 28px;
border-radius: 4px;
border: 1px solid #727272;
background-color: #FFF;
color: #727272
}
#multLanguageTriangle {
width: 23px;
height: 23px;
background: #cccbcb url("../images/public/ic-list.png") no-repeat 5px
9px;
position: absolute;
z-index: 1;
right: 1px;
top: 1px;
cursor: pointer
}
#multLanguageTriangle:HOVER {
background-color: #bfbdbd
}
#multLanguageList {
display: none;
width: 91px;
border-radius: 4px;
background-color: #FFF;
border: 1px solid #727272;
overflow: hidden;
position: absolute;
z-index: 2;
bottom: 24px;
right: 0
}
#multLanguageList>div {
height: 23px;
line-height: 24px;
border-top: 1px solid #727272
}
#multLanguageList>div:HOVER {
background-color: #cccbcb
}
#multLanguageList>div:FIRST-CHILD {
border-top: 0
}
#multLanguageList>div>a {
width: 100%;
height: 100%;
text-indent: 6px;
display: inline-block;
color: #727272
}
#supportCloudList:AFTER {
content: ".";
height: 0;
display: block;
visibility: hidden;
clear: both;
}
#supportCloudList>a {
float: left;
}
#supportCloudList>a>img {
margin: 11px;
padding: 4px 0;
border-radius: 10px;
box-shadow: 0 0 10px #888;
background-color: #FFFFFF;
}
#supportCloudList>a>img:HOVER {
box-shadow: 0 0 10px #333;
background-color: #F7F7F7;
}
/*
* price table style
*/
.ask {
display: inline-block;
position: relative;
width: 16px;
height: 16px;
vertical-align: text-bottom;
}
.ask span {
display: block;
width: 16px;
height: 16px;
text-align: center;
font-size: 14px;
line-height: 16px;
color: #fff;
background-color: #cdd3d5;
border-radius: 50%;
cursor: pointer;
}
.ask p {
position: absolute;
z-index: 10;
width: 220px;
height: auto;
font-size: 14px;
padding: 10px;
background-color: #F9DDC2;
text-align: left;
border: 1px solid #FFA500;
border-radius: 5px;
top: 18px;
left: -75px;
display: none;
}
.ask:hover p {
display: block;
}
.price-tab h2 {
font-size: 36px !important;
color: #202020;
padding-bottom: 2.8%;
text-align: center;
}
.border {
border-style: solid;
border-width: 1px;
border-radius: 5px;
}
.bg-base .border {
border-color: #e2e9ef;
}
p {
font-size: 14px;
line-height: 20px;
letter-spacing: normal;
color: #616161;
}
.inline-block {
font-size: 0;
letter-spacing: -3px;
}
.inline-block > li {
display: inline-block;
vertical-align: top;
letter-spacing: normal;
}
.text-center {
text-align: center !important;
}
.font-size20 {
font-size: 20px;
}
.font-size14 {
font-size: 14px;
}
.font-size16 {
font-size: 16px;
}
.font-size18 {
font-size: 18px;
}
.btn {
display: block;
font-size: 18px;
line-height: 46px;
color: #fff;
text-align: center;
vertical-align: middle;
margin-left: auto;
margin-right: auto;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
border-radius: 5px;
white-space: nowrap;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
text-decoration: none;
}
.btn.btn-small {
font-size: 16px;
font-size: 1.6rem;
line-height: 32px;
border-radius: 3px;
}
.btn.btn-blue {
background-color: #00adff;
border-color: #00adff;
}
.btn.btn-blue:active,
.btn.btn-blue:hover {
background-color: #1393ec;
border-color: #1393ec;
}
.btn.btn-orange {
background-color: #ff8400;
border-color: #ff8400;
}
.btn.btn-orange:active,
.btn.btn-orange:hover {
background-color: #ff6e00;
border-color: #ff6e00;
}
.btn.btn-gray {
background-color: rgba(255, 255, 255, 0.3);
border-color: rgba(255, 255, 255, 0.3);
}
.btn.btn-gray:active,
.btn.btn-gray:hover {
background-color: rgba(255, 255, 255, 0.5);
border-color: rgba(255, 255, 255, 0.5);
}
.btn-group {
display: block;
text-align: center;
}
.btn-group .btn {
display: inline-block;
}
.btn-group .btn:last-child {
margin-left: 25px;
}
@media screen and (max-width: 767px) and (min-width: 320px) {
.btn {
width: 80% !important;
font-size: 2rem !important;
}
.btn-group {
width: 100%;
}
.btn-group .btn {
display: block;
margin-left: auto !important;
margin-right: auto !important;
}
.btn-group .btn:last-child {
margin-left: auto;
margin-top: 15px;
margin-bottom: 15px;
}
}
.center-block{
padding: 80px 0 0;
}
.price-tab .container{
width: 980px;
margin-right: auto;
margin-left: auto;
}
.price-tab .btn:hover{
text-decoration: none;
color: #fff;
}
.price-tab ol {
width: 100%;
margin-top: 4.5%;
}
.price-tab ol > li {
width: 45.5%;
}
.price-tab ol > li .tab-header {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
background-color: #00adff;
text-align: center;
color: #fff;
padding-top: 24px;
}
.price-tab ol > li .tab-header h6 {
font-weight: normal;
margin: 0;
}
.price-tab ol > li .tab-header h6.sp {
padding-top: 14px;
}
.price-tab ol > li .tab-header > p {
font-size: 40px;
color: #fff;
line-height: 1;
padding-top: 20px;
padding-bottom: 45px;
}
.price-tab ol > li .tab-content li i{
font-style: normal;
}
.price-tab ol > li .tab-content li {
font-size: 14px;
color: #616161;
text-align: center;
line-height: 3.5;
list-style: none;
}
.price-tab ol > li .tab-content li.gray {
color: #c7c7c7;
}
.price-tab ol > li .tab-content li:first-child {
padding-top: 15px;
}
.price-tab ol > li .tab-content li:hover,
.price-tab ol > li .tab-content li.hover {
background-color: #f2f6f8;
}
.price-tab ol > li .btn {
width: 295px;
margin-top: 20px;
}
.price-tab ol > li .btn.btn-orange {
width:310px;}
.price-tab ol > li .border {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
padding-bottom: 30px;
}
.price-tab ol > li:last-child {
margin-left: 9%;
}
.price-tab ol > li:last-child .tab-header {
background-color: #ff8400;
}
.price-tab ol > li:last-child .toggle-content-items .toggle-content-item {
font-size: 40px;
color: #fff;
line-height: 1;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 15%;
}
.price-tab ol > li .toggle-content-items .toggle-content-item span,
.price-tab ol > li .tab-header > p span{
margin-top: 4%;
display: block;
color: rgba(255, 255, 255, 0.5);
font-size: 16px;
text-align: center;
}
.price-tab ol > li:last-child .toggle-content-items .toggle-content-item.sp {
padding-left: 0;
}
.price-tab ol > li:last-child .toggle-content-items .toggle-content-item del {
color: rgba(255, 255, 255, 0.5);
}
.price-tab ol > li:last-child .toggle-head-items .toggle-head-item {
display: inline-block;
width: 24%;
cursor: pointer;
}
.price-tab ol > li:last-child .toggle-head-items .toggle-head-item:last-child{
width:28%;
}
.price-tab ol > li:last-child .toggle-head-items .toggle-head-item span {
display: block;
width: 100%;
background-color: #de710a;
line-height: 2.85;
color: #fff;
}
.price-tab ol > li:last-child .toggle-head-items .toggle-head-item span i {
display: inline-block;
width: 16px;
height: 16px;
vertical-align: middle;
border: 2px solid #f1c499;
border-radius: 50%;
margin-right: 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
.price-tab ol > li:last-child .toggle-head-items .toggle-head-item span.show {
background-color: #ff8500;
-webkit-box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.3);
position: relative;
z-index: 10;
}
.price-tab ol > li:last-child .toggle-head-items .toggle-head-item span.show i {
border-color: #fff;
}
.price-tab ol > li:last-child .toggle-head-items .toggle-head-item span.show i::before {
display: inline-block;
content: '';
border: 3px solid #fff;
border-radius: 50%;
position: absolute;
left: 50%;
top: 50%;
margin-top: -3px;
margin-left: -3px;
}
/* 改版新头尾部导航新添样式 */
.header .hidden{
display: block!important;
}
.header .center-block,
.footer .center-block{
padding-top: 0;
}
#header{
background: #fff;
}
.footer{
margin-top: 0;
}
#footer{
height: auto;
background: #393e44;
margin-top: 0;
}
#header .btn-group .btn:last-child{
margin-left: 0;
}
#header .btn-group a:hover{
color: #fff;
}
/* 改版新头尾部导航新添样式 */
div.list_media_review .center .btn a{
margin-right: 14px;
}
.banner{
background-color: #fff;
}
.footer [data-name="fr"]{
display: none;
}
.wrapper_list_content .center .text h5{
margin: 0;
}
.txtContent h2{
font-size: 2.4rem;
padding-bottom: 0;
margin-top: 20px;
text-align: left;
}.txtContent h1{
font-size: 3rem;
}